/*作者：ABC模板网  QQ：2935517386*/

*{ padding:0; margin:0; }

body{margin:0;padding:0;text-align:left;font-size:12px;font-family:"宋体",Arial;color:#333;}

div,p,dl,dt,dd,ul,li,h1,h2,h3,h4,form,input,select,button,textarea,th,td,img{padding:0;margin:0;border:0;}

ul,li{list-style:none;}

a:link,a:visited,a:active{color:#333;text-decoration:none;}

a:hover{text-decoration:none;}

h1,h2,h3,h4{font-size:14px;}

.content{/*width:1000px;*/ padding:10px; float:left;}

.w12{ width:1200px; margin:0 auto; overflow: hidden;}

.w10{width:1000px; margin:0 auto; overflow: hidden;}

.w100{ width: 100%; overflow: hidden;}

.fl{ float:left;}

.fr{ float:right;}





header{ overflow:hidden;}

.logo{ width:250px; margin:20px 100px 20px 0;}

.search{ width:500px; margin:38px 0 20px 0; font:14px/40px "微软雅黑";}

.search input{float:left; width:350px; border:1px solid #039; font:14px/40px "微软雅黑"; padding:0 0 0 5px; box-sizing:border-box;}

.search button{float:left; width:120px; color:#fff; background:#039;font:14px/42px "微软雅黑";}

.en{ width:100px; text-align:center;}

.en a{ float:left; margin-right:5px; width:35px; font:12px/25px "微软雅黑"; background:#ccc; color:#039;}

.en a.on{background:#039; color:#fff;}



.menu{ width: 100%; height:55px; background:#039;  position:relative; }

#jsddm{ z-index: 99999; }

#jsddm li{ float: left; font:18px/55px "微软雅黑";}

#jsddm>li>a{ margin:0 40px; color: #fff; font:18px/55px "微软雅黑"; font-weight:700; display:block;}

#jsddm li a:hover{  }

#jsddm li ul{ position: absolute; top:55px; left: 0; width: 100%; padding:40px 0 30px 0; background: #fff; visibility: hidden; z-index: 999; }

#jsddm li ul li{ float:left; width:280px; height: 240px; margin:0 20px 20px 0;}

#jsddm li ul li img{ width:100%;}

#jsddm li ul li a h4{ font:16px/40px "微软雅黑"; color:#039; font-weight:bold; }

#jsddm li ul li a p{ color:#666; font:14px/20px "微软雅黑";}

#jsddm li ul li:last-child{ margin-right:0;}











/*全屏幻灯*/

.banner{width:100%;height:500px; position:relative;overflow:hidden; z-index: 9;}

.banner .bd{width:100%!important;height:500px;float:left;}

.banner .bd li{width:100% !important;height:500px;float:left;background-position:center;}

.banner .bd li a{width:100%;height:500px;float:left;}

.banner .hd{width:100%;height:11px;left:0;bottom:20px;position:absolute;z-index:9999;text-align:center;}

.banner .hd li{width:11px;height:11px;margin:0 5px; display:inline-block;*display:inline;zoom:1;overflow:hidden;line-height:9999px; background:none; border:1px solid #fff; border-radius:8px;}

.banner .hd li.on{background:#fff; border:1px solid #fff; border-radius:8px;}

.banner .prev{width:32px;height:120px;position:absolute;left:10px;top:40%; color:#fff; font:90px/90px "新宋体"; filter:alpha(opacity=50);opacity:0.5;z-index:9999;}

.banner .next{width:32px;height:120px;position:absolute;right:20px;top:40%;color:#fff; font:90px/90px "新宋体"; filter:alpha(opacity=50);opacity:0.5;z-index:9999;}

.banner .bd li .w12{ padding-top:9%;}

.banner .bd li .w12 p{ display:block; font:40px/60px "微软雅黑"; color:#fff; font-weight:bold;}

.banner .bd li .w12 span{ display:block; font:24px/30px "微软雅黑"; color:#fff;}

.banner .bd li .w12 a{ display:block; margin-top:15px;text-align:center; width:240px; height:50px; font:20px/44px "微软雅黑"; border:3px solid #fff; box-sizing:border-box; font-weight:bold; background:#fff; color:#039}

.banner .bd li .w12 a:hover{ background:none; border:3px solid #fff; color:#fff;}





.p1{ padding:40px 0 0 0; overflow:hidden;}

.p1 h2,.p2 h2,.pro h2{float: left; width: 100%; font:28px/50px "微软雅黑"; color: #039; font-weight: bold; }
.p1>p,.p2 p,.pro p{ font:14px/26px "微软雅黑";}

.p1 .cpro{ margin:20px auto;}

.p1 .cpro ul li{ float:left; background:#eee; width:385px; height:350px; margin-right:20px;}

.p1 .cpro ul li:last-child{ margin-right:0;}

.p1 .cpro ul li img{ width:100%;}

.p1 .cpro ul li h4{ font:24px/50px "微软雅黑"; font-weight:bold; color:#000; padding:0 10px; box-sizing:border-box;}

.p1 .cpro ul li p{ padding:0 10px; font:16px/25px "微软雅黑";}

.p1 .cpro ul li span{ position:relative; float:right; font:14px/20px "微软雅黑"; color:#039; margin-top:10px; padding:0 10px; box-sizing:border-box;}

.p1 .cpro ul li span:before{content:"";border-width:6px;border-style:solid;border-color:transparent transparent transparent #003399;width:0;height:0;position:absolute;left:0;top:4px;}



.p2{ padding:40px 0; background:#eee; overflow:hidden;}

.p2 .p2pro{}

.p2 .p2pro ul li{ float:left; width:185px; height:220px; margin:20px 17px 0 0; text-align:center;}

.p2 .p2pro ul li:nth-child(6n){ margin-right:0;}

.p2 .p2pro ul li p{font:16px/30px "微软雅黑";}



.p1 .p3pro ul li{ height:410px !important;}





.p4news ul li{ float: left; width: 600px; height: 270px; margin-bottom: 30px; background: #000;  }

.p4news ul li:nth-child(2n){  float: right;}

.p4news ul li a{ display: block; height: 100%; padding:35px; box-sizing: border-box; }

.p4news ul li a h4{ font: 32px/60px "微软雅黑"; color: #000; }

.p4news ul li a p{font:14px/24px "微软雅黑"; color: #000;}

.p4news ul li a span{ display: block; color: #000; margin-top: 60px; font:16px/24px "微软雅黑"; text-decoration: underline;}

/*.p4news ul li:hover{ background: #fff !important; border: 3px solid #039; box-sizing: border-box; color: #039; }

.p4news ul li:hover a,.p4news ul li:hover a h4,.p4news ul li:hover a p,.p4news ul li:hover a span{ color: #039; }*/





footer{ background: #039; color: #fff; overflow:hidden ; padding:50px 0 0 0;}

footer>.w12{overflow:hidden ;  }

.footl{ width: 800px; }

.footl a{ color: #fff; }

.footl ul { float: left; width: 240px; }

.footl ul dt,.footr dt{ font: 20px/40px "微软雅黑"; font-weight:bold; }

.footl ul dd,.footr dd{ font: 15px/30px "微软雅黑";  }

.footr{ width: 350px; }



.bottom{ border-top: 1px dashed #eee; margin-top: 20px; display: inline-table; }

.bottom ul li{ float: left; width:auto; font: 14px/35px "微软雅黑"; position: relative;}

.bottom ul li a{ color: #fff; padding-left: 13px;}

.bottom ul li a:before{content:"";border-width:6px;border-style:solid;border-color:transparent transparent transparent #fff;width:0;height:0;position:absolute;left:0;top:11px;}

.bottom ul li:nth-child(2){ margin-left: 23%; }

.bottom ul li:nth-child(3){ margin-left: 23%; }

.bottom ul li:last-child { float:right; }

.ban{ width: 100%; text-align: center; background: #002163; color: #fff; font: 14px/40px "微软雅黑";}

.ban a{ color: #fff; }









.pro{ overflow: hidden;padding: 30px 0; }

.probox li{ float: left; width:285px; height: 300px;  margin: 15px 20px 15px 0; border: 1px solid #eee; box-sizing: border-box; }
.probox li:nth-child(4n){ margin-right: 0; }
.probox li .img{ width: 100%; height: 250px; text-align: center; display: flex;align-items: center }
.probox li .img a{ display: block; width: 100%; padding:0 0 0 0;  box-sizing: border-box; }
.probox li img{ width: auto; max-width: 175px; max-height: 250px; align-items: center;  }

.probox li p{ font:16px/30px "微软雅黑"; text-align: center; color: #039;  display: block; padding: 0 10px;}

.probox li span{ font:12px/20px "微软雅黑";  color: #999; display: block; padding: 0 10px;}

.probox li font{ font:30px/30px "微软雅黑"; color: #333; font-weight: bold;display: block; padding: 0 10px;}

.probox li a:hover{ /*background: #039;*/ }

.probox li a:hover p,.probox li a:hover span,.probox li a:hover font{ color: #fff; }



.bread{ width: 100%; font:12px/40px "微软雅黑"; border-bottom: 1px solid #eee; margin-bottom: 20px; }

.bread a{ margin:0 5px; color: #666; }



.prol{ width: 300px; border: 1px solid #ddd; }

.prol dt{ font:16px/45px "微软雅黑"; background: #ddd; color: #039; font-weight: bold; padding-left: 20px; }

.prol dd{ font:14px/45px "微软雅黑"; border-bottom: 1px solid #ddd; padding-left: 20px;}
.prol dd:hover{ background: #c3d1ef; }
.prol dd:hover a{ color: #039; margin-left: 10px; }
.prol dd:last-child{ border-bottom: 0; }
.prol dd a{display: block; transition: all 0.3s; }

.prol dd span{ float: right; margin: 14px 10px 0 0; background: #eee; border-radius: 10px; font:12px/20px "微软雅黑"; padding:0 12px;}



.pror{ width: 870px;  }

.pror .pror_tit{ width: 100%;  font:28px/40px "微软雅黑"; color: #039; font-weight: bold; margin-bottom: 20px; box-sizing: border-box;}

.pror ul{ float: left ; width: 100%;}

.pror ul li{ float: left;  width:31.333%; height: 185px; margin-right: 2%; margin-bottom: 20px; border:1px solid #ddd; }
.pror ul li:nth-child(3n){ margin-right: 0; }
.pror ul li .img{ width: 100%; height: 140px; text-align: center;display: flex;align-items: center }
.pror ul li .img a{ display: block; width: 100%; }
.pror ul li img{ width: auto; max-width: 110px; align-items: center; }

.pror ul li p{ font:16px/40px "微软雅黑"; text-align: center; color: #039;  display: block;  padding: 0 10px;}

.pror ul li span{ font:12px/20px "微软雅黑";  color: #999; display: block; padding: 0 10px;}

.pror ul li font{ font:30px/30px "微软雅黑"; color: #333; font-weight: bold;display: block; padding: 0 10px;}



.page{ margin-bottom: 30px; text-align: center; }

.page a{ border:1px solid #dedede; font:12px/35px "微软雅黑"; display: inline-block; padding:0 10px; margin-right: 5px;}

.page span.page-status{ display: none; }



.info{ width: 870px; }

.info>h1{  font:36px/36px "微软雅黑"; color: #039; margin-bottom: 20px; }

.picbox{ width: 100%; }



.preview{width:400px; height:465px; }

/* smallImg */

.smallImg{position:relative; height:52px; margin-top:1px; background-color:#F1F0F0; padding:6px 5px; width:390px; overflow:hidden;float:left;}

.scrollbutton{width:14px; height:50px; overflow:hidden; position:relative; float:left; cursor:pointer; }

.scrollbutton.smallImgUp , .scrollbutton.smallImgUp.disabled{background:url(../images/d_08.png) no-repeat;}

.scrollbutton.smallImgDown , .scrollbutton.smallImgDown.disabled{background:url(../images/d_09.png) no-repeat; margin-left:375px; margin-top:-50px;}



#imageMenu {height:50px; width:360px; overflow:hidden; margin-left:0; float:left;}

#imageMenu li {height:50px; width:60px; overflow:hidden; float:left; text-align:center;}

#imageMenu li img{width:50px; height:50px;cursor:pointer;}

#imageMenu li#onlickImg img, #imageMenu li:hover img{ width:44px; height:44px; border:3px solid #959595;}

/* bigImg */

.bigImg{position:relative; float:left; width:400px; height:400px; overflow:hidden;}

.bigImg #midimg{width:400px; height:400px;}

.bigImg #winSelector{width:235px; height:210px;}

#winSelector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); -moz-opacity:0.15; opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */

#bigView{position:absolute;border: 1px solid #959595; overflow: hidden; z-index:999;}

#bigView img{position:absolute;}



.pictxt{ width: 450px; }

.pictxt .pictxt_tit{ width: 100%; background: #039; color: #fff; font:24px/55px "微软雅黑"; padding-left: 20px; box-sizing: border-box; }

.pictxt .pictxt_desc{ font:15px/26px "微软雅黑"; width: 100%; }

.pictxt .pictxt_desc font{ display: block; font:20px/50px "微软雅黑"; margin-top: 10px;  font-weight: bold; color: #039;}

.pictxt .pictxt_desc font em{font-size: 28px; color: #e00; }

.pictxt .pictxt_desc p{ border-bottom: 1px dashed #039; padding: 8px 0; color: #039; font-weight: bold;}

.pictxt .pictxt_desc p strong{ color: #333; font-weight: normal;; }



.wen a{ background: #039; color: #fff; font:18px/50px "微软雅黑"; width: 150px; display: inline-block; margin-top: 15px; text-align: center; }



.desc{ margin-top: 30px; }

.desc .desc_tit{font:20px/45px "微软雅黑"; border-bottom: 1px solid #039;}

.desc .desc_tit span{ float: left; background: #039; color: #fff; padding: 0 40px; }

.desc .desc_txt{ padding: 20px 0; }

.desc .desc_txt img{ max-width: 100%; height: auto; }



.service{ margin:30px auto; overflow: hidden; }
.service .left { width: 700px; }
.service .left h2,.service>h2{ float: left; width: 100%; font:28px/50px "微软雅黑"; color: #039; font-weight: bold; }
.service .left h3,.service>h3{ float: left; width: 100%; font:20px/35px "微软雅黑"; color: #333; font-weight: bold; margin-bottom:20px; }
.service .right{ width: 440px; min-height: 230px; padding:30px; background: #f3f3f3; box-sizing: border-box; font:15px/30px "微软雅黑";  color: #333; }
.service .right h4{ font:30px/40px "微软雅黑"; color: #039; font-weight: bold; }
.service .right span{ display: block; font-size: 14px; color: #555; margin:7px 0; }
.service .right p strong{ color: #039; }
.service .service_nav{  }

.service .service_nav ul li{ float: left; width: 31.3333%; height: 440px; margin: 0 2% 20px 0; font:15px/25px "微软雅黑"; background: #eee; position: relative;}

.service .service_nav ul li:nth-child(3n){ margin-right: 0; }

.service .service_nav ul li img{ width: 100%; height: 250px; }

.service .service_nav ul li p{ font:20px/50px "微软雅黑"; font-weight: bold; color: #039; padding: 0 20px;}

.service .service_nav ul li span{ float: left;; font:15px/24px "微软雅黑"; padding: 0 20px; width: 100%; box-sizing: border-box;}

.service .service_nav ul li font{ position: absolute; color: #039; padding-left: 13px; left: 20px; bottom: 10px; text-transform: uppercase;}

.service .service_nav ul li font:before{content:"";border-width:6px;border-style:solid;border-color:transparent transparent transparent #003399;width:0;height:0;position:absolute;left:0;top:6px;}





.serinfo{ padding: 0 0 20px 0; }
.serinfo h1{ width: 100%; font: 20px/30px "微软雅黑" !important; margin:10px 0 !important; font-weight: bold  !important; color: #039 !important; }
.serinfo h1 span{ font: 20px/30px "微软雅黑" !important; font-weight: bold !important; }
.serinfo h2,.serinfo h3{width: 100%; font: 18px/30px "微软雅黑" !important; font-weight: bold !important; margin:10px 0 !important; color: #039 !important; }
.serinfo p,.serinfo p span{ font: 14px/26px "微软雅黑" !important; color: #666; }
.serinfo img,.sernav .ser_con img{ max-width: 100%; height: auto; }



.sernav{  }

.sernav .ser_name{ font:35px/80px "微软雅黑"; font-weight: bold; color: #039; }

.sernav .ser_con{  }



.titl{ font:28px/50px "微软雅黑"; margin-bottom: 20px; font-weight: bold; color: #039;}

.newlist{  }

.newlist ul li{ float: left; width: 100%; background: #eee; margin-bottom: 30px; position: relative;}

.newlist ul li img{ float: left; width: 385px; height: 255px; margin-right: 35px; }

.newlist ul li h3{ font:20px/60px "微软雅黑"; color: #039; margin-top: 5px;  font-weight: bold;}

.newlist ul li h3,.newlist ul li span,.newlist ul li p{float: left;  width: 780px; padding-right: 20px; box-sizing: border-box;}

.newlist ul li span{ font:14px/20px "微软雅黑";  color: #666; margin-bottom: 10px; }

.newlist ul li p{font:14px/27px "微软雅黑"; color: #333;}

.newlist ul li font{ position: absolute; right: 20px; bottom: 15px; font:13px/15px "微软雅黑"; color: #039; padding-left: 13px;}

.newlist ul li font:before{content:"";border-width:6px;border-style:solid;border-color:transparent transparent transparent #003399;width:0;height:0;position:absolute;left:0;top:2px;}





.news,.news .prev{ border-top: 1px solid #039; padding: 20px 0; }
.news .prev{ font:14px/30px "微软雅黑"; }
.news h1 *{ font:28px/40px "微软雅黑"; font-weight: bold; }
.news h1{ margin: 10px 0 !important; }
.news p *,.news p span *{ font:14px/26px "微软雅黑" !important; color: #666; }





.tiao{ margin:0 0 20px 0; }
.tiao .tiaol{ width: 300px; font:14px/40px "微软雅黑"; color: #039; }
.tiao .tiaol li,.tiao .tiaol dd{ position: relative; padding-left: 23px; border:1px solid #fff; border-bottom: 1px solid #ddd; }
.tiao .tiaol li:before,.tiao .tiaol dd:before{content:""; width: 4px; height: 4px; background: #003399; position:absolute;left:10px;top:18px;}
.tiao .tiaol li:hover,.tiao .tiaol dd:hover{ border: 1px solid #039;background: #c3d1ef; color: #039 }
.tiao .tiaol li:hover a,.tiao .tiaol dd:hover a{ color: #039; }
.tiao .tiaol dt{ font:18px/50px "微软雅黑"; font-weight: bold; color: #333; }



.tiao .tiaor{ width:880px; font:14px/26px "微软雅黑"; color: #666; }

.tiao .tiaor h2{ font:16px/30px "微软雅黑"; font-weight: bold; margin-top: 20px; color: #333; }





.down{ margin-top: 50px; }

.down h3{ font:30px/50px "微软雅黑"; font-weight: bold; color: #039;  }

.down ul li{ float: left; width: 100%; background: #eee; padding-left: 33px; font:15px/60px "微软雅黑"; position: relative; box-sizing: border-box;}

.down ul li:before{content:"";border-width:6px;border-style:solid;border-color:transparent transparent transparent #003399;width:0;height:0;position:absolute;left:20px;top:23px;}

.down ul li a{ float: right; margin-right: 20px;   }

.down ul li a img{ float: left; margin-top: 18px;}

.down ul li:nth-child(2n){ background: 0; }