@charset "utf-8";
* { margin: 0; padding: 0; list-style: none; text-decoration: none; }
.clearfix, .c { zoom: 1; clear: both; }
.clearfix:after, .clearfix:before, .c:after, .c:before { display: table; content: ""; }
.clearfix:after, .c:after { clear: both; }
.l { float: left; }
.r { float: right; }
.jz { width: 1200px; margin: 0 auto;}
a { color: #3C3C3C; font-size: 14px;  cursor: pointer;}
.am-tab-panel_more { font-size: 12px; width: 100px; height: 32px; line-height: 30px; text-align: center; border: 1px solid #EEEEEE; -webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.am-tab-panel_more:hover { background-color: #108dee; color: #ffffff; }
.am-tab-panel_more span { font-family: SimSun; }
ul{list-style:none;margin:0;padding:0;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt30{margin-top:30px;}
.m20{margin:20px 0;}
.p10{padding:10px;}
.p30{padding:30px;}
.h0 { clear: both; }
.h5 { clear: both; height: 5px; font-size: 0; line-height: 0px; }
.h10 { clear: both; height: 10px; }
.h15 { clear: both; height: 15px; }
.h20 { clear: both; height: 20px; }
.h30 { clear: both; height: 30px; }
.h40 { clear: both; height: 40px; }
.h50 { clear: both; height: 50px; }
.h60 { clear: both; height: 60px; }
.h100 { clear: both; height: 100px; }
.h200 { clear: both; height: 200px; }
.clear { clear: both; }
.dis{display:none;}
.thide {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}
body{ font-size:12px;}

/*详情页*/
.about_con p { color: #666; font-size: 14px; line-height: 28px; margin-bottom: 16px; }
.about_name { text-align: center; padding-bottom: 20px; font-size: 16px; color: #333333; }
.about-con { text-align: center; font-size: 14px; margin-bottom: 15px; color: #666666; }
.about_title { border-bottom: 1px solid #CCCCCC; }
.about_con_bottom { width: 1000px; margin: 0 auto; padding: 10px; /* border-top: 1px solid #ccc; */ }
.about_con_fanye { font-size: 14px; line-height: 26px; color: #333; float: left; }
.about_con_fanye a { color: #333; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.about_con_fanye a:hover { color: #C20D23; }
.about_fx { float: right; }
/*详情页*/
/*图片效果一*/
.chbimgbox { height: 300px; width: 300px; }
.chbimg { overflow: hidden; position: relative; height: 300px; width: 300px; }
.chbimg img { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); -ms-transform: scale(1); transform: scale(1); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.chbimgbg { position: absolute; width: 300px; height: 300px; top: 0; background-color: #ccc; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.chbimgbox:hover .chbimg img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.chbimg:hover .chbimgbg { opacity: 0.8; filter: alpha(opacity=80); }
.chbimgtitle { position: absolute; top: -10%; text-align: center; left: 0; right: 0; color: #000000; font-size: 14px; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.chbimg:hover .chbimgtitle { top: 30%; -webkit-transition: all 0.3s 0.8s; -moz-transition: all 0.3s 0.8s; -ms-transition: all 0.3s 0.8s; -o-transition: all 0.3s 0.8s; transition: all 0.3s 0.8s; }
.chbimgmore { position: absolute; bottom: -10%; text-align: center; left: 0; right: 0; -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; }
.chbimgmore a { padding: 2px 6px; color: #ff0000; font-size: 14px; border: 1px solid #ff0000; }
.chbimg:hover .chbimgmore { bottom: 30%; -webkit-transition: all 0.3s 0.8s; -moz-transition: all 0.3s 0.8s; -ms-transition: all 0.3s 0.8s; -o-transition: all 0.3s 0.8s; transition: all 0.3s 0.8s; }
/*图片效果一*/
/*图片效果二*/
.case-content { overflow: hidden; margin: 80px auto 0 auto; width: 1200px }
.case-item { float: left; margin: 30px 40px; margin-bottom: 20px }
.ih-item { position: relative; -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out }
.ih-item, .ih-item * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }
.ih-item a { color: #333 }
.ih-item a:hover { text-decoration: none }
.ih-item img { width: 100%; height: 100% }
.ih-item.circle, .ih-item.circle .img { position: relative; width: 210px; height: 210px; border-radius: 50% }
.ih-item.circle .img:before { position: absolute; display: block; content: ''; width: 100%; height: 100%; border-radius: 50%; box-shadow: inset 0 0 0 16px rgba(255,255,255,.6), 0 1px 2px rgba(0,0,0,.3); -webkit-transition: all .35s ease-in-out; -moz-transition: all .35s ease-in-out; transition: all .35s ease-in-out }
.ih-item.circle .img img { border-radius: 50% }
.ih-item.circle .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; border-radius: 50%; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.ih-item.square { position: relative; width: 316px; height: 216px; border: 8px solid #fff; box-shadow: 1px 1px 3px rgba(0,0,0,.3) }
.ih-item.square .info { position: absolute; top: 0; bottom: 0; left: 0; right: 0; text-align: center; -webkit-backface-visibility: hidden; backface-visibility: hidden }
.ih-item.circle.effect1 .spinner { width: 220px; height: 220px; border: 10px solid #ecab18; border-right-color: #1ad280; border-bottom-color: #1ad280; border-radius: 50%; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out }
.ih-item.circle.effect1 .img { position: absolute; top: 10px; bottom: 0; left: 10px; right: 0; width: auto; height: auto }
.ih-item.circle.effect1 .img:before { display: none }
.ih-item.circle.effect1.colored .info { background: #1a4a72; background: rgba(26,74,114,.6) }
.ih-item.circle.effect1 .info { top: 10px; bottom: 0; left: 10px; right: 0; background: #333; background: rgba(0,0,0,.6); opacity: 0; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; transition: all .8s ease-in-out }
.ih-item.circle.effect1 .info h3 { color: #fff; text-transform: uppercase; position: relative; letter-spacing: 2px; font-size: 24px; margin: 0 30px; padding: 55px 0 0; height: 110px; text-shadow: 0 0 1px white, 0 1px 2px rgba(0,0,0,.3) }
.ih-item.circle.effect1 .info p { color: #bbb; padding: 10px 5px; font-style: italic; margin: 0 30px; font-size: 12px; border-top: 1px solid rgba(255,255,255,.5) }
.ih-item.circle.effect1 a:hover .spinner { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) }
.ih-item.circle.effect1 a:hover .info { opacity: 1 }
/*图片效果二*/
/*图片效果三*/
.da-thumbs { list-style: none; width: 984px; position: relative; margin: 20px auto; padding: 0; }
.da-thumbs li { float: left; margin: 5px; background: #fff; padding: 8px; position: relative; box-shadow: 0 1px 3px rgba(0,0,0,0.1); }
.da-thumbs li a, .da-thumbs li a img { display: block; position: relative; }
.da-thumbs li a { overflow: hidden; }
.da-thumbs li a div { position: absolute; background: #333; background: rgba(75,75,75,0.7); width: 100%; height: 100%; }
.da-thumbs li a div span { display: block; padding: 10px 0; margin: 40px 20px 20px 20px; text-transform: uppercase; font-weight: normal; color: rgba(255,255,255,0.9); text-shadow: 1px 1px 1px rgba(0,0,0,0.2); border-bottom: 1px solid rgba(255,255,255,0.5); box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3); }
.container { width: 100%; position: relative; min-height: 350px; }
.clr { clear: both; padding: 0; height: 0; margin: 0; }
.container > header { margin: 10px; padding: 20px 10px 10px 10px; position: relative; display: block; text-shadow: 1px 1px 1px rgba(0,0,0,0.2); text-align: center; }
.container > header > span { font-family: 'Alegreya SC', Georgia, serif; font-size: 20px; line-height: 20px; display: block; font-weight: 400; font-style: italic; color: #719dab; text-shadow: 1px 1px 1px rgba(0,0,0,0.1); }
.container > header h1 { font-size: 40px; line-height: 40px; margin: 0; position: relative; font-weight: 300; color: #498ea5; padding: 5px 0px; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); }
.container > header h1 span { font-weight: 700; }
.container > header h2 { font-size: 14px; font-weight: 300; letter-spacing: 2px; text-transform: uppercase; margin: 0; padding: 15px 0 5px 0; color: #6190ca; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); }
.container > header p { font-style: italic; color: #aaa; text-shadow: 1px 1px 1px rgba(255,255,255,0.7); }
/*图片效果三*/
/*图片效果4*/
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after, .twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { content: " "; display: block; background: white; position: absolute; z-index: 30; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:before, .twentytwenty-horizontal .twentytwenty-handle:after { width: 3px; height: 9999px; left: 50%; margin-left: -1.5px; }
.twentytwenty-vertical .twentytwenty-handle:before, .twentytwenty-vertical .twentytwenty-handle:after { width: 9999px; height: 3px; top: 50%; margin-top: -1.5px; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { position: absolute; top: 0; width: 100%; height: 100%; }
.twentytwenty-before-label, .twentytwenty-after-label, .twentytwenty-overlay { -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; }
.twentytwenty-before-label, .twentytwenty-after-label { -webkit-transition-property: opacity; -moz-transition-property: opacity; transition-property: opacity; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { color: white; font-size: 13px; letter-spacing: 0.1em; }
.twentytwenty-before-label:before, .twentytwenty-after-label:before { position: absolute; background: rgba(255, 255, 255, 0.2); line-height: 38px; padding: 0 20px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; }
.twentytwenty-horizontal .twentytwenty-before-label:before, .twentytwenty-horizontal .twentytwenty-after-label:before { top: 50%; margin-top: -19px; }
.twentytwenty-vertical .twentytwenty-before-label:before, .twentytwenty-vertical .twentytwenty-after-label:before { left: 50%; margin-left: -45px; text-align: center; width: 90px; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow, .twentytwenty-up-arrow, .twentytwenty-down-arrow { width: 0; height: 0; border: 6px inset transparent; position: absolute; }
.twentytwenty-left-arrow, .twentytwenty-right-arrow { top: 50%; margin-top: -6px; }
.twentytwenty-up-arrow, .twentytwenty-down-arrow { left: 50%; margin-left: -6px; }
.twentytwenty-container { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; z-index: 0; overflow: hidden; position: relative; -webkit-user-select: none; -moz-user-select: none; }
.twentytwenty-container img { max-width: 100%; position: absolute; top: 0; display: block; }
.twentytwenty-container.active .twentytwenty-overlay, .twentytwenty-container.active :hover.twentytwenty-overlay { background: rgba(0, 0, 0, 0); }
.twentytwenty-container.active .twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active .twentytwenty-overlay .twentytwenty-after-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-before-label, .twentytwenty-container.active :hover.twentytwenty-overlay .twentytwenty-after-label { opacity: 0; }
.twentytwenty-container * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; }
.twentytwenty-before-label { opacity: 0; }
.twentytwenty-before-label:before { content: "Before"; }
.twentytwenty-after-label { opacity: 0; }
.twentytwenty-after-label:before { content: "After"; }
.twentytwenty-horizontal .twentytwenty-before-label:before { left: 10px; }
.twentytwenty-horizontal .twentytwenty-after-label:before { right: 10px; }
.twentytwenty-vertical .twentytwenty-before-label:before { top: 10px; }
.twentytwenty-vertical .twentytwenty-after-label:before { bottom: 10px; }
.twentytwenty-overlay { -webkit-transition-property: background; -moz-transition-property: background; transition-property: background; background: rgba(0, 0, 0, 0); z-index: 25; }
.twentytwenty-overlay:hover { background: rgba(0, 0, 0, 0.5); }
.twentytwenty-overlay:hover .twentytwenty-after-label { opacity: 1; }
.twentytwenty-overlay:hover .twentytwenty-before-label { opacity: 1; }
.twentytwenty-before { z-index: 20; }
.twentytwenty-after { z-index: 10; }
.twentytwenty-handle { height: 38px; width: 38px; position: absolute; left: 50%; top: 50%; margin-left: -22px; margin-top: -22px; border: 3px solid white; -webkit-border-radius: 1000px; -moz-border-radius: 1000px; border-radius: 1000px; -webkit-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0px 0px 12px rgba(51, 51, 51, 0.5); z-index: 40; cursor: pointer; }
.twentytwenty-horizontal .twentytwenty-handle:before { bottom: 50%; margin-bottom: 22px; -webkit-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-horizontal .twentytwenty-handle:after { top: 50%; margin-top: 22px; -webkit-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 0 -3px 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:before { left: 50%; margin-left: 22px; -webkit-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: 3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-vertical .twentytwenty-handle:after { right: 50%; margin-right: 22px; -webkit-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); -moz-box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); box-shadow: -3px 0 0 white, 0px 0px 12px rgba(51, 51, 51, 0.5); }
.twentytwenty-left-arrow { border-right: 6px solid white; left: 50%; margin-left: -17px; }
.twentytwenty-right-arrow { border-left: 6px solid white; right: 50%; margin-right: -17px; }
.twentytwenty-up-arrow { border-bottom: 6px solid white; top: 50%; margin-top: -17px; }
.twentytwenty-down-arrow { border-top: 6px solid white; bottom: 50%; margin-bottom: -17px; }
.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1;
}
.row:before, .row:after { content: " "; display: table; }
.row:after { clear: both; }
.row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; }
.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1;
}
.row .row:before, .row .row:after { content: " "; display: table; }
.row .row:after { clear: both; }
.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1;
}
.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; }
.row .row.collapse:after { clear: both; }
.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; }
@media only screen {
.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; }
.small-1 { position: relative; width: 8.33333%; }
.small-2 { position: relative; width: 16.66667%; }
.small-3 { position: relative; width: 25%; }
.small-4 { position: relative; width: 33.33333%; }
.small-5 { position: relative; width: 41.66667%; }
.small-6 { position: relative; width: 50%; }
.small-7 { position: relative; width: 58.33333%; }
.small-8 { position: relative; width: 66.66667%; }
.small-9 { position: relative; width: 75%; }
.small-10 { position: relative; width: 83.33333%; }
.small-11 { position: relative; width: 91.66667%; }
.small-12 { position: relative; width: 100%; }
.small-offset-0 { position: relative; margin-left: 0%; }
.small-offset-1 { position: relative; margin-left: 8.33333%; }
.small-offset-2 { position: relative; margin-left: 16.66667%; }
.small-offset-3 { position: relative; margin-left: 25%; }
.small-offset-4 { position: relative; margin-left: 33.33333%; }
.small-offset-5 { position: relative; margin-left: 41.66667%; }
.small-offset-6 { position: relative; margin-left: 50%; }
.small-offset-7 { position: relative; margin-left: 58.33333%; }
.small-offset-8 { position: relative; margin-left: 66.66667%; }
.small-offset-9 { position: relative; margin-left: 75%; }
.small-offset-10 { position: relative; margin-left: 83.33333%; }
 [class*="column"] + [class*="column"]:last-child {
 float: right;
}
 [class*="column"] + [class*="column"].end {
 float: left;
}
.column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
}
/* Styles for screens that are atleast 768px; */
@media only screen and (min-width:1028px) {
.large-1 { position: relative; width: 8.33333%; }
.large-2 { position: relative; width: 16.66667%; }
.large-3 { position: relative; width: 25%; }
.large-4 { position: relative; width: 33.33333%; }
.large-5 { position: relative; width: 41.66667%; }
.large-6 { position: relative; width: 50%; }
.large-7 { position: relative; width: 58.33333%; }
.large-8 { position: relative; width: 66.66667%; }
.large-9 { position: relative; width: 75%; }
.large-10 { position: relative; width: 83.33333%; }
.large-11 { position: relative; width: 91.66667%; }
.large-12 { position: relative; width: 100%; }
.row .large-offset-0 { position: relative; margin-left: 0%; }
.row .large-offset-1 { position: relative; margin-left: 8.33333%; }
.row .large-offset-2 { position: relative; margin-left: 16.66667%; }
.row .large-offset-3 { position: relative; margin-left: 25%; }
.row .large-offset-4 { position: relative; margin-left: 33.33333%; }
.row .large-offset-5 { position: relative; margin-left: 41.66667%; }
.row .large-offset-6 { position: relative; margin-left: 50%; }
.row .large-offset-7 { position: relative; margin-left: 58.33333%; }
.row .large-offset-8 { position: relative; margin-left: 66.66667%; }
.row .large-offset-9 { position: relative; margin-left: 75%; }
.row .large-offset-10 { position: relative; margin-left: 83.33333%; }
.row .large-offset-11 { position: relative; margin-left: 91.66667%; }
.push-1 { position: relative; left: 8.33333%; right: auto; }
.pull-1 { position: relative; right: 8.33333%; left: auto; }
.push-2 { position: relative; left: 16.66667%; right: auto; }
.pull-2 { position: relative; right: 16.66667%; left: auto; }
.push-3 { position: relative; left: 25%; right: auto; }
.pull-3 { position: relative; right: 25%; left: auto; }
.push-4 { position: relative; left: 33.33333%; right: auto; }
.pull-4 { position: relative; right: 33.33333%; left: auto; }
.push-5 { position: relative; left: 41.66667%; right: auto; }
.pull-5 { position: relative; right: 41.66667%; left: auto; }
.push-6 { position: relative; left: 50%; right: auto; }
.pull-6 { position: relative; right: 50%; left: auto; }
.push-7 { position: relative; left: 58.33333%; right: auto; }
.pull-7 { position: relative; right: 58.33333%; left: auto; }
.push-8 { position: relative; left: 66.66667%; right: auto; }
.pull-8 { position: relative; right: 66.66667%; left: auto; }
.push-9 { position: relative; left: 75%; right: auto; }
.pull-9 { position: relative; right: 75%; left: auto; }
.push-10 { position: relative; left: 83.33333%; right: auto; }








.pull-10 { position: relative; right: 83.33333%; left: auto; }
.push-11 { position: relative; left: 91.66667%; right: auto; }
.pull-11 { position: relative; right: 91.66667%; left: auto; }
.column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; }
.column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; }
.column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; }
}
/*图片效果4*/
/*图片效果5*/
.view { width: 300px; height: 200px; margin: 10px; border: 5px solid rgb(255, 255, 255); overflow: hidden; position: relative; text-align: center; box-shadow: 0px 0px 5px rgb(170, 170, 170); cursor: default; }
.view .mask, .view .content { width: 300px; height: 200px; position: absolute; overflow: hidden; top: 0px; left: 0px; }
.view img { display: block; position: relative; }
.effect img { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; }
.effect .mask { opacity: 0; overflow: visible; border-color: rgba(0,0,0,0.7) transparent transparent transparent; border-style: solid; border-width: 150px; width: 0; height: 0; -moz-transform: translateY(-125px); -webkit-transform: translateY(-125px); -o-transform: translateY(-125px); -ms-transform: translateY(-125px); transform: translateY(-125px); -moz-transition: -moz-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -webkit-transition: -webkit-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; transition: transform 0.2s 0.1s ease-out, opacity 0.3s ease-in-out; }
.effect a.info { opacity: 0; -moz-transform: translateY(-125px); -webkit-transform: translateY(-125px); -o-transform: translateY(-125px); -ms-transform: translateY(-125px); transform: translateY(-125px); -moz-transition: -moz-transform 0.3s ease-in, opacity 0.1s ease-in-out; -webkit-transition: -webkit-transform 0.3s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.3s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.3s ease-in, opacity 0.1s ease-in-out; transition: transform 0.3s ease-in, opacity 0.1s ease-in-out; }
.effect:hover img { opacity: 0.7; -moz-transform: scale(2, 2); -webkit-transform: scale(2, 2); -o-transform: scale(2, 2); -ms-transform: scale(2, 2); transform: scale(2, 2); }
.effect:hover .mask { opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.effect:hover a.info { opacity: 1; -moz-transform: translateY(100px); -webkit-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); }
.second-effect .mask { opacity: 0; overflow: visible; border: 0px solid rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.second-effect a.info { position: relative; top: -10px; opacity: 0; -moz-transform: scale(0, 0); -webkit-transform: scale(0, 0); -o-transform: scale(0, 0); -ms-transform: scale(0, 0); transform: scale(0, 0); -webkit-transition: -webkit-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -moz-transition: -moz-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -o-transition: -o-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; -ms-transition: -ms-transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; transition: transform 0.2s 0.1s ease-in, opacity 0.1s ease-in-out; }
.second-effect:hover .mask { opacity: 1; border: 100px solid rgba(0,0,0,0.7); }
.second-effect:hover a.info { opacity: 1; -moz-transform: scale(1, 1); -webkit-transform: scale(1, 1); -o-transform: scale(1, 1); -ms-transform: scale(1, 1); transform: scale(1, 1); -moz-transition-delay: 0.3s; -webkit-transition-delay: 0.3s; -o-transition-delay: 0.3s; -ms-transition-delay: 0.3s; transition-delay: 0.3s; }
.view a.info { background: url('../images/link.png') no-repeat scroll center center transparent; display: inline-block; text-decoration: none; padding: 0px; text-indent: -9999px; width: 20px; height: 20px; }
.third-effect .mask { opacity: 0; overflow: visible; border: 100px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; transition: all 0.4s ease-in-out 0s; }
.third-effect a.info { position: relative; top: -10px; opacity: 0; transition: opacity 0.5s ease-in-out 0s; }
.third-effect:hover .mask { opacity: 1; border: 100px solid rgba(0, 0, 0, 0.7); }
.third-effect:hover a.info { opacity: 1; transition-delay: 0.3s; }
.fourth-effect .mask { position: absolute; top: 50px; left: 100px; cursor: pointer; border-radius: 50px; display: inline-block; height: 100px; width: 100px; border: 50px solid rgba(0, 0, 0, 0.7); box-sizing: border-box; opacity: 1; visibility: visible; transform: scale(4); transition: all 0.3s ease-in-out 0s; }
.fourth-effect:hover .mask { opacity: 0; border: 0px solid rgba(0, 0, 0, 0.7); visibility: hidden; }
/* FIFTH EFFECTS */
.fifth-effect img { opacity: 0.2; -moz-transition: all 0.3s ease-in; -webkit-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; transition: all 0.3s ease-in; }
.fifth-effect .mask { cursor: pointer; opacity: 1; visibility: visible; border: 100px solid rgba(0,0,0,0.7); -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; -moz-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); -webkit-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); -o-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); -ms-transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); transition: all 0.4s cubic-bezier(0.940, 0.850, 0.100, 0.620); }
.fifth-effect:hover .mask { border: 0px double rgba(0,0,0,0.7); opacity: 0; visibility: hidden; }
.fifth-effect:hover img { opacity: 1; }
/*图片效果5*/
/*图片效果6*/
div.flip-3d { perspective: 1200px; width: 30%; float: left; }
div.flip-3d .figure { position: relative; transform-style: preserve-3d; transition: 1s transform; font-size: 1.6rem; }
div.flip-3d .figure img { width: 100%; height: auto; }
div.flip-3d .figure figcaption { position: absolute; width: 100%; height: 100%; top: 0;  transform: rotateY(.5turn) translateZ(1px);
background: rgba(255, 255, 255, 0.9); text-align: center; padding-top: 45%; opacity: 0.6; transition: 1s .5s opacity; }
div.flip-3d:hover .figure {  transform: rotateY(.5turn);
}
div.flip-3d:hover .figure figcaption { opacity: 1; }
div.flip-3d .figure:after { content: " "; display: block; height: 8vw; width: 100%; transform: rotateX(90deg); background-image: radial-gradient(ellipse closest-side, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%); }
/*图片效果6*/

.top { overflow: hidden; width: 100%; height: 34px; background: #F5F5F5; font-size: 12px; color: #484848; position: relative; z-index: 999; }
.top .tl { height: 34px;  text-align: left; line-height: 34px; }
.top .tr { height: 34px;  text-align: right; line-height: 34px; }
.head { width: 100%; height: 120px; background: #fff; position: relative; z-index: 999; }
.head .jz .p_sj { display: block; width: 354px; height: 120px; line-height: 120px; }
.head .jz .fw {margin-top: 33px;}
.head .jz .fw p {margin: 5px 0 0 12px;font-size: 22px;color: #2e9bf0;text-align: left;float:left;padding:0px;line-height:normal;}
.head .jz .fw i {font-size: 36px;float: left;color: #108dee;line-height: 36px;margin-top:3px;border: #108dee 2px solid;padding: 5px 10px;}
.head .jz .fw span { display:block; font-size:14px; color:#333; }


.nav { height: 50px; width: 100%; background: #108DEE; position: relative; z-index: 998; }
.nav_main li { float: left; border: 1px solid #2899F0; border-top: none; border-bottom: none; }
.nav_main li.yiji_li:hover .nav_c { top: 50px; transition: 0.6s 0.1s top ease; }
.nav_main li .wh_wbd { display: block; height: 50px; line-height: 50px; width: 118px; text-align: center; color: #fff; background: #108DEE; transition: 0.3s 0.1s background ease; }
.nav_main li .wh_wbd:hover { background: #1286DB; transition: 0.3s 0.1s background ease; }
.nav_main li .on { background: #1286DB; }


.nav_c { margin: 0; position: absolute; top: 0px; z-index: -1; transition: 0.3s 0.1s top ease;display:none; }
.nav_main li:hover .nav_c{display:block;}
.nav_c li.erji_li { border-top: none; border-bottom: 1px solid #2899F0; border-left: none; border-right: none; overflow: hidden; background: rgba(16,141,238,0.8); float: none; /*opacity:0.8;*/
-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; }
.nav_c li.erji_li:hover { background: rgba(16,141,238,1); }
.nav_c li a { display: block; text-align: center; width: 131px; height: 50px; line-height: 50px; color: #fff; }
.banner { width: 100%; height: 446px; }
.ddsgg { width: 100%; height: 446px; }
.banner .bn_bt { padding-top: 160px; font-size: 45px; color: #fff; width: 100%; text-align: center; font-weight: bold; text-shadow: 1px 2px 2px #000; }
.sbanner .bn_bt { padding-top: 80px; font-size: 20px; color: #fff; width: 100%; text-align: center; }
.banner .bn_an { width: 305px; margin: 0 auto; height: 40px; margin-top: 35px; }
.sbanner .bn_an { width: 280px; margin: 0 auto; height: 40px; margin-top: 35px; }
.banner .bn_an .ba_a { width: 153px; height: 32px; display: block; border: 1px solid #fff; -webkit-border-radius: 50px; line-height: 32px; padding: 0 20px; color: #fff; background: url("../images/fd1.png") no-repeat 86%; transition: 0.3s 0.1s background, border ease; }
.sbanner .bn_an .ba_a { width: 140px; font-size: 12px; height: 30px; display: block; border: 1px solid #fff; -webkit-border-radius: 50px; line-height: 30px; padding: 0 20px; color: #fff; background: url(../images/fd1.png) no-repeat 86%; transition: 0.3s 0.1s background, border ease; }
.banner .bn_an .ba_a:hover { background: url("../images/fd1.png") no-repeat 86% #077EDF; border: 1px solid #077EDF; transition: 0.3s 0.1s background, border ease; }
.sbanner .bn_an .ba_a:hover { background: url("../images/fd1.png") no-repeat 86% #077EDF; border: 1px solid #077EDF; transition: 0.3s 0.1s background, border ease; }
.banner .bn_an .ba_b { width: 120px; height: 32px; display: block; border: 1px solid #fff; -webkit-border-radius: 50px; line-height: 32px; padding: 0 20px; color: #fff; background: url("../images/fd2.png") no-repeat 86%; }
.am-slider-c4 .am-slider-desc { height: 50px; line-height: 35px; }
.am-active-slide a:hover .am-slider-desc { background-color: rgba(16,141,238,.8); }
.sbanner .bn_an .ba_b { width: 115px; font-size: 12px; height: 30px; display: block; border: 1px solid #fff; -webkit-border-radius: 50px; line-height: 30px; padding: 0 20px; color: #fff; background: url("../images/fd2.png") no-repeat 86%; }
.banner .bn_an .ba_b:hover { background: url("../images/fd2.png") no-repeat 86% #077EDF; border: 1px solid #077EDF; transition: 0.3s 0.1s background, border ease; }
.sbanner .bn_an .ba_b:hover { background: url("../images/fd2.png") no-repeat 86% #077EDF; border: 1px solid #077EDF; transition: 0.3s 0.1s background, border ease; }
.sbanner { display: none; }
.hot { height: 115px; background: #F5F5F5; }
.hot .hot_gz { width: 100px; height: 115px; font-size: 25px; text-align: center; line-height: 40px; padding-top: 20px; color: #077EDF; font-weight: bold; }
.hot .hot_gz span { width: 100px; display: block; height: 27px; background: #077EDF; color: #fff; text-align: center; line-height: 27px; -webkit-border-radius: 3px; font-size: 12px; font-weight: normal; }
.hot .hot_news { overflow: hidden; width: 1100px; height: 115px; padding-top: 22px; padding-left: 60px; }
.hot .hot_news .h_bt { display: block; font-size: 18px; height: 40px; line-height: 40px; font-weight: bold; }
.cont { margin-top: 47px; overflow: hidden; }
.cont .c_bka { overflow: hidden; height: 340px; width: 100%;  margin-bottom: 40px;}
.cont .c_bka .c_bkat { display: block; width: 552px; height: 340px; border: 1px solid #E4E4E4;  }
.cont .c_bka .c_ycxw { width: 620px; height: 340px; }
.am-tabs-bd { height: 298px; border: none; }
.c_blnz { width: 145px; background: url("../images/1_17.png") no-repeat left center; }
[data-am-widget=tabs] {
 margin:0;
}
.am-tabs-default .am-tabs-nav>.am-active a { background: #108DEE; }
.cyc_cnw li { height: 40px; line-height: 40px; border-bottom: 1px dashed #F5F5F5; }
.cyc_cnw li i{ margin-right:10px;}
.cont .c_bkb { margin-top: 50px; overflow: hidden; }
.c_jzbt {height: 40px;width: 870px;font-size: 18px;font-weight: bold;color: #333;border-bottom:#ddd 1px solid;}
.zwbtz {border-bottom:#087ee0 3px solid;height:40px;}
.c_jzbt .ywfb { font-size: 12px; color: #999999; font-weight: normal; line-height: 30px; }
.c_jzbt a { width: 12px; height: 30px; background: url("../images/1_22.jpg") no-repeat center; }
.c_jznr { height: 340px; }
.c_jnnl { width: 420px; padding-top: 15px; margin-top: 0; }
.c_jnnl li { height: 40px; border-bottom: 1px dashed #eee; line-height: 40px; padding-left:15px; position:relative;}
.c_jnnl li i{ display:block; font-style:normal; width:4px; height:4px; border-radius:100%; background:#999; position: absolute; left:0px; top:50%; margin-top:-2px;}

.like_t {height: 40px;font-size: 18px;color: #333;border-bottom:#ddd 1px solid;}
.like_c { }
.like_c ul { width: 420px; padding-top: 15px; margin-top: 0; }
.like_c ul li { height:35px; border-bottom: 1px dashed #eee; line-height:35px; padding-left:15px; position:relative;}
.like_c ul li i{ display:block; font-style:normal; width:4px; height:4px; border-radius:100%; background:#999; position: absolute; left:0px; top:50%; margin-top:-2px;}

.c_xxt {height: 40px;width: 300px;font-size: 18px;font-weight: bold;color: #000;border-bottom: #ddd 1px solid;}
.c_xxt .ywfb { font-size: 12px; color: #999999; font-weight: normal; line-height: 30px; }
.c_xxt a { width: 12px; height: 30px; background: url("../images/1_22.jpg") no-repeat center; }
.dbxgn { width: 300px; margin-top: 27px; }
.dbxgn li { padding: 0 5px; float: left; margin-bottom: 15px; }
.dbxgn li a { display: block; background: #108DEE; border-radius: 5px; width: 90px; height: 78px; color: #fff; padding-top: 12px; line-height: 25px; text-align: center; }
.dbxgn li a:hover { background: #1286DB; transition: 0.3s 0.1s background ease; }
.c_bkc { background: #F5F5F5; padding: 60px 0 30px 0; }
.c_bkct {height: 40px;width: 1200px;font-size: 18px;font-weight: bold;color: #000;border-bottom: #ddd 1px solid;}
.c_bkct .ywfb { font-size: 12px; color: #999999; font-weight: normal; line-height: 30px; }
.c_bkct a { width: 12px; height: 30px; background: url("../images/1_22.jpg") no-repeat center; }
[data-am-widget=tabs] .xxzndg { width: 420px; }
.am-tabs-d2 .xxzndg { background: none; }
.am-tabs-d2 .xxzndg>.am-active { background: none; }
.am-tabs-d2 .xxzndg>.am-active:after { border: none; }
.xxzndg li a { font-size: 16px; }
.xxzndg li a:hover { color: #0E90D2; }
.xxzndg li { margin-right: 20px; }
.am-tabs { margin-top: 10px; position: relative; }
.aygd { position: absolute; font-size: 12px; right: 0; top: 10px; width: 62px; height: 26px; border: 1px solid #077EDF; border-radius: 20px; text-align: center; line-height: 26px; color: #077EDF; }
.nyszz .mdzznzz { padding: 0; }
.nyszz { margin-top: 60px; }
.mdzznzz ul li { float: left; margin-right: 26px; margin-bottom: 32px; }
.mdzznzz ul li a { width: 280px; display: block; overflow: hidden; }
.mdzznzz ul li a .wydnb { opacity: 0; position: absolute; z-index: 10; }
.mdzznzz ul li a:hover .wydnb { opacity: 1; }
.am-tabs-default .am-tabs-nav a:hover { background: #52B4FF; color: #fff; }
.mdzznzz ul li a .gcbt { display: block; height: 57px; padding: 0 20px; line-height: 57px; text-align: center; background: #fff; color: #333; font-size: 16px; font-family: "Microsoft YaHei"; }
.mdzznzz ul li a:hover .gcbt { background: #077EDF; color: #fff; }
.nyszz { height: 100%; }
.c_bkd { height: 450px; background: #fff; }
.jsjl { float: left; width: 380px; margin-top: 50px; margin-right: 40px; }
.jsllbt {height: 40px;border-bottom: #ddd 1px solid;width: 380px;font-size: 18px;font-weight: bold;color: #000;}
.jsllbt .ywfb { font-size: 12px; color: #999999; font-weight: normal; line-height: 30px; }
.jsllbt a { width: 12px; height: 30px; background: url("../images/1_22.jpg") no-repeat center; }
.jsllb li { height: 40px; border-bottom: 1px dashed #F5F5F5; line-height: 40px; padding-left: 15px; position:relative; }
.jsllb li i{ display:block; font-style:normal; width:4px; height:4px; border-radius:100%; background:#999; position: absolute; left:0px; top:50%; margin-top:-2px;}

.cdwzzx { width: 70%; display: block; word-wrap: normal; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.whfw { float: left; margin-top: 50px; width: 360px; }
.whfwbt {height: 40px;width: 360px;font-size: 18px;font-weight: bold;color: #000;border-bottom: #ddd 1px solid;}
.whfwbt .ywfb { font-size: 12px; color: #999999; font-weight: normal; line-height: 30px; }
.whfwbt a { width: 12px; height: 30px; background: url("../images/1_22.jpg") no-repeat center; }
.am-panel-default>.am-panel-hd { background-color: #077EDF; border-radius: 5px; height: 42px; }
.am-panel-default { border-color: #fff; }
.am-panel { border: none; box-shadow: none; }
.am-panel-group .am-panel-hd+.am-panel-collapse .am-panel-bd { border: none; }
.am-panel-bd { padding: 0; }
.am-panel-bd { height: 122px; }
.am-panel-group { margin-top: 30px; }
.nbdb { background: url("../images/1_73.png") no-repeat 35% center; }
.am-panel-title { font-size: 16px; color: #fff; padding-left: 150px; font-family: "Microsoft YaHei"; font-weight: normal; }
.am-panel-bd { margin-top: 10px; }
.c_bke { overflow: hidden; background: #F5F5F5; }
.c_bkebt {height: 40px;width: 1200px;font-size: 18px;font-weight: bold;color: #000;border-bottom: `#ddd 1px solid;}
.c_bkebt .ywfb { font-size: 12px; color: #999999; font-weight: normal; line-height: 30px; }
.c_bkebt a { width: 12px; height: 30px; background: url("../images/edjt_03.jpg") no-repeat center; }
.c_bkebt a.ywfr { width: 12px; height: 30px; background: url("../images/1_22.jpg") no-repeat center; }
.c_bke { padding: 40px 0; }
.myzs { margin-top: 40px; }
.myzs li { float: left; margin-right: 15px; margin-bottom: 20px; border: 1px solid #fff; width: 228px; }
.myzs li:last-child { margin-right: 0; }
.myzs li a { display: block; width: 100%; height: auto; background: #fff; text-align: center; overflow: hidden; }
.myzs li:hover { border: 1px solid #087EE0; }
.c_kxkx { background: #fff; }

/*内页*/
.bannern { height: 284px; }
.nbnbte { font-size: 18px; font-family: "Microsoft YaHei"; color: #fff; padding-top: 100px; }
.nbnbtz { font-size: 30px; font-family: "Microsoft YaHei"; color: #fff; }
.n_cont { width: 100%; overflow: hidden; padding-top: 34px; }
.ny_nav { width: 252px; float: left; }
.ny_nav_chb { position: fixed; top: 0; }
.ny_zqw { width: 898px; float: right; }
.ny_nav .wjssbt { width: 252px; height: 113px; background:#108dee; color: #fff; font-size: 26px; line-height: 113px; text-align: center; }
.ny_nav .wjssbtt { overflow: hidden; width: 252px; height: 106px; }
.wjsndh { margin: 0; }
.wjsndh li { border-bottom: 1px solid #D3D3D3; width: 252px; height: 51px; }
.wjsndh li a { display: block; height: 50px; background: #fff; color: #333; font-size: 14px; line-height: 50px; padding-left: 20px; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
.wjsndh li a.on { color:#2384d5; }

.wjsndh li a:hover { background: #108DEE; color: #fff; -webkit-transition: background 0.3s; -moz-transition: background 0.3s; -ms-transition: background 0.3s; -o-transition: background 0.3s; transition: background 0.3s; }
.wjsndh li a span { float: right; font-family: "宋体"; font-size: 20px; line-height: 50px; padding-right: 20px; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -ms-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
.wjsndh li a:hover span { padding-right: 10px; -webkit-transition: padding 0.3s; -moz-transition: padding 0.3s; -ms-transition: padding 0.3s; -o-transition: padding 0.3s; transition: padding 0.3s; }
.nw_top { height: 45px; border-bottom: 1px solid #EAEAEA; line-height: 45px; }
.nw_top .top_tzbt {font-size: 20px;color: #333;font-family: "Microsoft YaHei";border-bottom:#087ee0 3px solid;line-height:42px;}
.nw_top .top_mbx {color: #999;}
.nw_top .top_mbx a {font-size: 12px;color: #999;}
.xmszw { overflow: hidden; display: none; }
.wjssx { height: 225px; width: 100%; background: #FAFAFA; }
.wjshnb { width: 575px; padding: 15px; height: 225px; }
.h_nr { display: block; width: 80%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sjggw { display: block; width: 80%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.p_sjc li a { display: block; width: 70%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.wjshnb .wjnbt { font-size: 18px; font-family: "Microsoft YaHei"; color: #333; line-height: 28px; font-weight: bold; display: block; }
.wjnb_chb { line-height: 24px; font-size: 14px; margin-top: 10px; display: block; }
.wjshnb .wjnnr { font-size: 14px; font-family: "Microsoft YaHei"; color: #6a6a6a; margin-top: 10px; display: block; }
.wjshnb .wjngd { display: block; width: 133px; height: 33px; text-align: center; line-height: 33px; border: 1px solid #108DEE; font-size: 12px; color: #108DEE; margin-top: 10px; }
.hbydnb { width: 323px; height: 225px; background: #F6F6F6; padding: 25px; position: relative; }
.qnmjt { padding-top: 10px; display: block; }
.cinmbt { font-size: 16px; color: #333333; font-weight: bold; }

.wjzlb { overflow: hidden }
.wjzlb li { height: auto; line-height: 24px; padding: 10px 0; border-bottom: 1px solid #EAEAEA; }
.wjll { width: 100%; }
.wjll .wjlbt {font-size: 14px;color: #3C3C3C;display: block;width: 75%;float: left;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;/* font-weight:bold; */-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s;}

.wjll .wjlbt i{margin-right:8px;}


.wjzlb li:hover .wjll .wjlbt { color: #118def; }
.wjll .wjlrq { font-size: 12px; color: #B4B4B4; display: block; float: right; }
.wjll .wjlnr { display: block; margin-top: 7px; overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; }
.wjlr { width: 33px; height: 33px; margin-top: 40px; background: url("../images/fqfm_22.jpg") no-repeat center; }
.wjzlb li a:hover { color: #118DEF; }
.wjzlb li a:hover .wjlr { background: url("../images/gbdl_22.jpg") no-repeat center; }
.yemmm { width: 100%; height: 130px; line-height: 130px; text-align: center; }
.yemmm a { border: 1px solid #EAEAEA; padding: 2px 8px; }
.yemmm span { padding: 2px 8px; font-size: 14px; background-color: #118def; border: 1px solid #118def; color: #ffffff; }
/*案例*/
.jsanl { overflow: hidden; }
.jsanl li { width: 288px; float: left; overflow: hidden; margin-right: 17px; margin-top: 20px; }
.jsanl li a img { display: block; width: 288px; height: auto; transition: all 0.3s; }
.jsanl li a:hover img { transform: scale(1.1); }
.dpdzfd { overflow: hidden; display: block }
.jsanl li a .jsalnr { /*height: 200px;*/
background: #F6F6F6; overflow: hidden; display: block; padding: 25px 20px 20px 20px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr { background: #118DEF; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr .jsrbt { color: #fff; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr .jsrnr { color: #fff; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsanl li a:hover .jsalnr .jsrgd { color: #fff; background: #6FC1FF; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsalnr .jsrbt { display: block; font-size: 16px; color: #333; margin-bottom: 10px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsalnr .jsrnr { font-size: 12px; color: #333; display: block; line-height: 25px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.jsalnr .jsrgd { margin-top: 10px; display: block; height: 35px; line-height: 35px; text-align: center; background: #DEDEDE; font-size: 12px; transition: background 0.4s; -moz-transition: background 0.4s;	/* Firefox 4 */ -webkit-transition: background 0.4s;	/* Safari 和 Chrome */ -o-transition: background 0.4s; }
.bjbld { overflow: hidden; padding: 0 0 30px 0; }
.proinfo {padding-bottom:20px; margin-bottom:10px; border-bottom:1px #ddd solid;}
.proinfo .leftimg {width:448px; float:left;}
.proinfo .leftimg img {width:100%; height:auto;}
.proinfo .rightinfo {width:425px; float:right;}
.proinfo .rightinfo h1 {font-size: 18px; line-height:42px;padding-bottom:10px;border-bottom:1px #ddd solid;}
.proinfo .rightinfo p {font-size: 14px; line-height:30px; margin:0px;}
@media screen and (min-width: 599px) and (max-width: 959px) {
	.proinfo .rightinfo {width:38%; }
	.proinfo .leftimg {width:60%; }
}
@media only screen and (max-width: 600px) {
	.proinfo .rightinfo,.proinfo .leftimg {width:100%; float:none;}
        .footer .fr {display:none;}
}
.bjbld img{ max-width:100%;}
.abc-zan { margin-top: 30px; text-align: center; }
.abc-zan p { font-weight: bold; }
.abc-zan a { display: inline-block; margin: 0 10px; cursor: pointer; background: #fff; border-radius: 4px; border: 1px solid #ddd; padding: 6px 20px; min-width: 100px; }
.abc-zan a span { font-size: 18px; margin-right: 10px; }
.abc-zan a em { font-style: normal; font-size: 18px; }
.abc-zan a:hover { background:#108dee; border-color: 108dee; color: #fff; }
.abc-zan a:hover span { color: #fff; }

.abc-filter{border:1px solid #f3f3f3;padding:6px 20px;margin-top:20px;padding:15px;}
.abc-filter dl{margin:0;}
.abc-filter dl dd{float:left;width:70px;font-weight:bold;font-size:14px;margin:0;padding-top:5px;}
.abc-filter dl dt{margin:0 0 0 80px;}
.abc-filter dl dt a{font-weight:normal;margin:0 5px 5px 0;padding:5px 10px;color:#666;font-size:14px;display:inline-block;}
.abc-filter dl dt a:hover{background:#108dee;color:#fff;}
.abc-filter dl dt .hover{background:#108dee;color:#fff;}

.bjbld .tags { font-weight: 500; }
.bjbld .tags a { margin-left: 15px; display: inline-block; border-radius: 4px; border: 1px solid #ddd; background: #fff; padding: 4px 10px; font-weight: normal; font-size: 14px; }
.bjbld .tags a:hover { background:#108dee; color: #fff; border-color:#108dee; }


/*资质*/
.jjb { width: 100%; text-align: center; }
.jjb .bzsb { height: 44px; background: #F5F5F5; }

.jjb .bzns { height: 50px; border-bottom: 1px solid #F0F0F0; }
.myzsha { overflow: hidden; }
.myzsha li { float: left; margin-right: 18px; margin-bottom: 20px; }
.myzsha li a { display: block; width: 285px; height: 174px; background: #F8F7F7; line-height: 174px; text-align: center; border: 1px solid #F8F7F7; overflow: hidden; }
.myzsha li a:hover { border: 1px solid #118DEF; }
.yxxqab { overflow: hidden; }
.yxxqab img { float: left; }
.yxxqab .gcxqs { background: #F9F9F9; float: right; width: 450px; height: 308px; }
.gcxqs { padding: 35px; }
.vsjwe { font-family: "Microsoft YaHei"; font-size: 22px; color: #333333; font-weight: bold; margin-bottom: 15px; }
.vsjws { font-size: 14px; line-height: 25px; }
.anljj { background: #2899F0; color: #fff; width: 160px; height: 40px; line-height: 40px; font-size: 14px; text-align: center; margin: 20px 0 10px 0; }
.nrns { font-size: 14px; line-height: 25px; }
.nrns p { margin-bottom: 10px; }
.xqbt { font-size: 16px; color: #333; font-weight: bold; padding-top:20px; text-align:center; margin:0; }
.xqbtnm { height: 52px; border-bottom: 1px dashed #CCCCCC; line-height: 52px; margin-bottom: 20px; }
.rqds { display: block; padding: 0 25px; background: url("../images/xxdtb_03.jpg") no-repeat left center; }
.ckrs { display: block; padding-left: 25px; padding: 0 25px; background: url("../images/xxdtb_05.jpg") no-repeat left center; }
#favorite {cursor:pointer;}
#favorite.active {color:#eadb12;}
.ybfh { display: block; padding-left: 25px; width: 85px; background: url("../images/xxdtb_07.jpg") no-repeat left center; }
.xqxq { line-height: 30px; font-family: "Microsoft YaHei"; font-size: 14px; }
.xqxq p { margin:0 0 10px 0;}
.xypxq { height: 50px; line-height: 50px; border-top: 1px solid #EAEAEA; border-bottom: 1px solid #EAEAEA; margin:30px 0;}
.llxwa { font-size: 16px; color: #333; margin-top: 20px; line-height: 45px; font-weight: bold; }
.llxwb { font-size: 14px; line-height: 30px; }
.llxwc { color: #118DEF; margin-top: 20px; }
.am-slider-a2 .am-control-nav { bottom: 20px; }
.am-slider .am-slides img { width: auto; margin:0px auto;}
.am-slider-a2 .am-control-nav li { margin: 0 4px; }
.am-slider-a2 .am-control-nav li a { width: 12px; height: 12px; }
.p_sjb { display: none; }
.p_sjd { display: none; }
.ndscd { display: none; }
.sszzd { display: none; }
.nbbsc { display: none; }
.anxxns { display: none; }
.wjzqd { display: none; }
.ddtts { width: 100%; height: 400px; }
.sjbzn { width: 70%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.sypa { width: 45%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; }
.xypa { width: 45%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; display: block; text-align:right;}
.smdbs li a { background: #fff; }
.jsllb { margin-top: 20px; }
.lsjl { padding: 30px 0 0 0; overflow: hidden; }
.smdbs li a img { width: 100%; }
.lsjl li { float: left; width: 285px; border: 1px solid #F0F0F0; margin-right: 20px; margin-bottom: 20px; }
.lsjl li:hover { border: 1px solid #087EE0; }
.lsjl li a img { width: 100%; }
.ndscc li a .fdydb { width: 280px; transition: all 0.3s; }
.ndscc li a:hover .fdydb { transform: scale(1.1); }
.fdyxb { width: 280px; height: 194px; overflow: hidden; text-align: center; }
.jkzs { display: none; }
.jkzx { display: block; }
.mnav{ display:none;}

/*标签相关*/
.tags{}
.tags li{display:inline;width:auto;}
.tags li a{display:inline-block;padding:10px 30px;color:#333;font-size:14px;background:#fff;margin:0 2px 5px 0;border-radius:2px;border:1px solid #E7E7E7;}
.tags li a:hover{background:#2384D5;color:#fff;border:1px solid #2384D5;}
.tags .hover a{display:inline;padding:10px 30px;color:#fff;font-size:14px;background:#2384D5;color:#fff;border:1px solid #2384D5;margin:0 2px;border-radius:2px;border-radius:0;}

/*筛选相关*/
.filter{border:1px solid #f3f3f3;padding:6px 20px;margin-top:30px;box-shadow:0px 0 10px rgba(0,0,0,0.1);padding:15px;}
.filter dl{margin:0;}
.filter dl dd{float:left;width:70px;font-weight:bold;font-size:14px;margin:0;padding-top:5px;}
.filter dl dt{margin:0 0 0 80px;}
.filter dl dt a{font-weight:normal;margin:0 5px 5px 0;padding:5px 10px;color:#666;font-size:14px;display:inline-block;}
.filter dl dt a:hover{background:#3BB4F2;color:#fff;}
.filter dl dt .hover{background:#3BB4F2;color:#fff;}

/*瀑布流布局*/
.piclist{width:898px;}
.piclist ul{width:920px;}
.piclist li{float:left;width:275px;margin-right:25px;}
.piclist li a{display:block;padding:4px;margin-bottom:25px;border:1px solid #eee;}
.piclist li a:hover{box-shadow:0 0 6px rgba(0, 0, 0, 0.17);}
.piclist li a img{width:100%; height:180px;}
.piclist li a p{font-size:14px;padding:0 10px;}

.imagelist{overflow:hidden;}
.imagelist ul{margin:0;padding:0;list-style:none;}
.imagelist ul li{float:left;width:19%;margin-right:1%;border:1px solid #ddd;padding:5px;border-radius:4px;margin-top:15px;cursor:pointer;position:relative;}
.imagelist ul li .preview{height:140px;background:#fafafa;overflow:hidden;text-align:center;}
.imagelist ul li .preview img{vertical-align:middle;max-width:100%;max-height:140px;}
.imagelist ul li .preview:after{content:' ';width:0;height:100%;display:inline-block;vertical-align:middle;overflow:hidden;}
.imagelist ul li .intro textarea{width:100%;margin:5px 0;padding:8px 10px;font-size:14px;height:50px;color:#999;}
.imagelist ul li .action{text-align:center;overflow:hidden;}
.imagelist ul li .action a{text-align:center;color:#999;outline:none;width:33.3333%;float:left;}
.imagelist ul li .action a:hover{color:#f30;}
.imagelist ul .hover{border:1px solid #6b0;}
.imagelist ul .hover:after{width:0;height:0;border-top:40px solid #66bb00;border-left:40px solid transparent;position:absolute;display:block;right:0;content:"";top:0;z-index:1001;}
.imagelist ul .hover:before{font:normal normal normal 14px/1 FontAwesome;content:"f00c";display:block;position:absolute;top:5px;right:4px;z-index:1002;color:#fff;}

/*分页相关*/
.pagelist ul{text-align:center;margin:20px 0;}
.pagelist li{display:inline-block;margin:0 2px;}
.pagelist li a{color:#666;display:inline-block;border:1px solid #ddd;padding:4px 10px;}
.pagelist li a:hover{border-color:#108dee;background:#108dee;color:#fff;}
.pagelist li.active a{border-color:#108dee;background:#108dee;color:#fff;}

/*网站地图*/
.map_one { line-height: 30px; }
.map_one a { font-size: 18px; }
.map_two { margin: 5px 0 20px 0; }
.map_two a { display: inline-block; margin-right: 15px; color: #666; }

.search_l { overflow:hidden; margin:20px 0; }
.search_l .ip { border: 1px solid #ddd; padding: 8px 20px; width: 176px; outline: none; }
.search_l .btn { background: #888; border: 1px solid #888; color: #fff; padding: 8px 20px; outline: none; }
.search_l .btn:hover { background:#108dee; border: 1px solid #108dee; } 
.links{ padding-top:20px;}
.links a{ display:inline-block; margin-right:15px;}

/*手机版*/
@media all and (max-width:1028px) {
	.mnav{ display:block;}
	.am-menu-dropdown1 .am-menu-toggle {
    background: #108DEE;
    font-size: 22px;
}
.n_cont { padding-top: 0; }
.sbanner { width: 100%; height: 200px; }
.ddsgg { height: 200px;}
.lsjl li { width: 100%; }
.lsjl { display: none; }
.aygd { top: -63px; }
.am-tabs-d2 .am-tabs-nav a { font-size: 14px; cursor: pointer;}
[data-am-widget=tabs] .xxzndg { width: 100%; }
.xxzndg li { margin-right: 0; }
.sjbzn { width: 75%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.c_jnnl li { width: 100%; word-wrap: normal; /* for IE */ text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.am-tabs-bd .am-tab-panel { padding: 10px 0 15px 0; }
.top { /*display: none;*/ }
.am-tabs { margin-top: 24px; }
.head { width: 100%; height: 80px; }
.jz { width: 90%; overflow: hidden; }
.nav { display: none; }
.cont { width: 100%; margin-top: 0; }
.head .jz .fw { display: none; }
.head .jz .p_sj { width: 70vw; background: none; height: 80px; line-height: 80px; }
.nrns { display: none; }
.sypa { width:96%; }
.xypa { width:96%; text-align:left; }
.xqxq img { width: 100%; }
.head .jz .p_sj img { max-height:32px; }
.am-menu-dropdown1 .am-menu-toggle { top: -62px; right: 15px; }
.banner .bn_bt { font-size: 22px; }
.sbanner { display: block; }
.banner { display: none; }
.hot { display: none; }
.cont .c_bka .c_bkat { display: none; }
.cont .c_bka .c_ycxw { width: 100%; height: auto; }
.p_sjb { display: block; }
.cont .c_bkb { margin-top: 20px; }
.c_jzjn { float: none; }
.c_jzbt { width: 100%;  }
.c_jnnl { width: 100%; display: none; }
.p_sjc { display: none; }
.p_sjd { display: block; }
.p_sjd .sjggw{ width:75%;}
.like_c ul { width: 100%; display: block;  margin: 0px auto; float: none;}
.c_xxzn { float: none; margin-top: 20px; }
.c_xxt { width: 100%; }
.cont .c_bkb { margin-top: 20px; }
.c_jznr { height: auto; overflow: hidden; }
.dbxgn { width: 100%; }
.dbxgn li a { width: 100%; }
.am-tabs-bd { height: auto; }
.cont .c_bka { height: auto; }
.c_bkct { width: 100%; }
.nyszz { margin-top: 30px; }
.mdzznzz ul li { float: none; margin-right: 0; margin-bottom: 20px; }
.mdzznzz ul li a { width: 100%; }
.ndscc { display: none; }
.c_bkc { height: auto; }
.ndscd { display: block; }
.wydnb { display: none; }
.mdzznzz ul li a { height: auto }
.ndscd li a img { width: 100% }
.c_bkd { height: auto; }
.c_bkc { padding-top: 20px; }
.jsjl { width: 100%; margin-right: 0; margin-top: 20px; float: none; }
.jsllbt { width: 100%; }
.whfw { float: none; margin-top: 20px; width: 100%; }
.whfwbt { width: 100%; }
.c_bke { padding-top: 20px; }
.c_bke { height: auto; }
.c_bkebt { width: 100%; }
.myzs { display: none; }
.sszzd { display: block; overflow: hidden; }
.sszzd li { width: 47%; }
.sszzd li a { width: 100%; height: auto; }
.sszzd li a img { width: 100%; }
.nbbsc { display: block; }
.nbbsc li { width: 100%; }
.nbbsc li a { width: 100%; height: auto; }
.nbbsc li a img { width: 100%; }
.ssnb { display: none; }
.egwm { height: auto; text-align: center; }
.egwm .ewmtpw { float: none; }
.egwm .lxfsa { float: none; padding-left: 0; margin-top: 20px; overflow: hidden; }
.dbxx { margin-top: 20px; }
.bannern { height: 200px; text-align: center; }
.nbnbte { padding-top: 58px; }
.am-sticky-placeholder { display: none; }
.ny_zqw { width: 100%; float: none; }
.nw_top .top_tzbt {
    font-size: 16px;
    border-bottom: #087ee0 2px solid;
}

span.top_tzbt.l {
}
.nw_top .top_mbx {font-size: 12px;color: #999;}
.lxybd img { width: 100%; }
.myzsha li { margin-right: 0; width: 100%; }
.myzsha li a { width: 100%; height: auto; line-height: normal; overflow: hidden; }
.xypxq { height: auto; }
.xypxq a { float: none; }
.wjssx { height: auto; }
.wjshnb { width: 100%; padding: 20px; float: none; height: auto; }
.hbydnb { float: none; width: 100%; height: auto; }
.wjlr { display: none; }
.wjll { width: 100%; float: none; }
.wjzlb li { height: auto; }
.wjll .wjlnr { margin-bottom: 17px; }
.jsanl li { width: 100%; float: none; margin-right: 0; }
.dpdzfd { height: auto; }
.jsanl li a img { width: 100%; height: auto; }
.yxxqab img { float: none; width: 100%; height: auto; }
.yxxqab .gcxqs { float: none; width: 100%; height: auto; }
.gcxqs { padding: 25px; }
.anljj { width: 100%; display: none; }
.bzsb td { padding: 20px; }
.jjb { display: none; }
.wjzqd { display: block; }
.wjzqd .bzsb { display: block; width: 100%; }
.bzsb td { padding: 0; width: 33%; display: block; float: left; line-height: 44px; }
.am-selected { width: 80px; }
.jjb .bzns { display: block; }
.ddtts { }
.dbxgn li { margin-right: 15px; float: left; width: 47%; margin-bottom: 15px; }
.bzns td { display: block; float: left; height: 50px; line-height: 50px; width: 102px; }
.ddtts { width: 100%; height: 350px; }
.ny_nav { display: none !important; }
.cdwzzx { width: 80%; }
.cdwzzx { width: 75%; }
.jkzx { display: none; }
.jkzs { display: block; }
.plug_service{ display:none;}
.zwbtz {
    border-bottom: #087ee0 2px solid;
    height: 40px;
    font-size:16px;
}
.piclist{ display:none;}
.propic{ display: block;}
.job_show .info ul li {  width:95%; border-left: 1px solid #dadada; padding-left:5%; line-height: 30px; }
.form-add input[type=number],.form-add input[type=search],.form-add input[type=text],.form-add input[type=password],.form-add input[type=datetime],.form-add input[type=datetime-local],.form-add input[type=date],.form-add input[type=month],.form-add input[type=time],.form-add input[type=week],.form-add input[type=email],.form-add input[type=url],.form-add input[type=tel],.form-add input[type=color],.form-add select,.form-add textarea,.am-form-field{width:100%;}
.form-add .w420{width:100%;}
}
[class*=am-icon-]{font-family:FontAwesome;}
.abc-tags {width:100%;display:block;clear:both;}
.abc-tags li {float: left; margin: 10px 10px 0 0; border: 1px solid #ddd; height: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; border-radius: 3px;}
.abc-tags li a { font: 14px/28px "Microsoft YaHei"; color: #000;  white-space: nowrap; padding: 0 15px; line-height: 28px; }
.abc-tags li:hover  { border: 1px solid #108dee; }
.abc-tags li:hover a { color:#108dee; }

/*自定义表单代码*/
.red {color:#f00 !important;}
.layui-icon{font-size: 12px; margin-left: 3px;}
.layui-form-label{width: 140px !important;}
.layui-input-block {margin-left: 170px !important;}
.abc-code input {width:120px; float:left; margin-right:10px;}
.abc-code img {float:left; width:130px; height:38px;}

/*底部*/
.bg_footer{background:#2A95E5;}
.footer{padding:30px 0 0 0;}
.footer .fl{width:400px;float:left;padding:20px 0;}
.footer .fl h1{color:#fff;font-size:20px;font-weight:400;margin:0;padding:0;}
.footer .fl h5{font-size:12px;color:#A8CFF0;margin:0;padding:0;font-weight:normal;}
.footer .fl form{margin-top:25px;}
.footer .fl form input[type=text]{border:1px solid #1184DA;padding:6px 10px;width:200px;}
.footer .fl form input[type=submit]{border:1px solid #1184DA;background:#1184DA;color:#fff;padding:6px 15px;}
.footer .fr{width:800px;float:left;padding:20px 0;}
.footer .fr .left{padding:0 20px 0 40px;float:left;width:20%;min-height:110px;}
.footer .fr h6{color:#fff;font-size:16px;margin:0 0 10px 0;padding:0;font-weight:400;}
.footer .fr .left ul{margin:0;padding:0;}
.footer .fr .left ul li{text-align:left;font-size:12px;color:#fff;font-family:microsoft yahei;line-height:24px;font-weight:normal;}
.footer .fr .left ul li a{color:#B0D8F6;font-size:14px;}
.footer .fr .left ul li a:hover{color:#ff0;}
.copyright{border-top:1px solid #69B5ED;text-align:center;padding:15px 0;color:#fff;font-size:12px;}
.copyright a{color:#fff;}
.copyright a:hover{color:#ff0;}

.abc-badge {position: relative;display: inline-block;padding: 0 6px;font-size: 12px;text-align: center;background-color: #FF5722;color: #fff; border-radius: 2px; height:16px;line-height:16px;}

#maximg img{ max-width:100%; height:auto !important}

.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
  display: flex;
  justify-content: center;
  margin-top: 10px;
}
.pagination a {
  background: #fff;
  border: 1px solid #ccc;
  color: #333;
  font-size: 12px;
  padding: 8px 10px;
  margin: 0 2px;
  border-radius: 3px; line-height:100%
}
.pagination span {
    color: #333;
    font-size: 12px;
    padding: 7px 2px;
    margin: 0 2px;
    border-radius: 3px;
}
.pagination a:hover {
  color: #333;
  border: 1px solid #333;
}
.pagination a.page-num-current {
  color: #fff;
  background: #333;
  border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}