/* CSS Document */
#banner img{ width:100%; vertical-align:middle;}
#container{ width:100%; position:relative; overflow:hidden;}
.product-top{ width:100%; position:relative; overflow:hidden; background:#4e4e4e; padding:30px 0;}
.product-center{ width:1350px; margin:0 auto; position:relative; overflow:hidden;}
.pritit{ width:20%; float:left; color:#fff;}
.pritit h2{ width:100%; height:50px; font-size:36px; line-height:50px;}
.pritit p{ width:100%; height:20px; font-size:14px; line-height:20px;}
.promenu{ width:78%; float:right;}
.promenu ul{ width:101.6%; margin-left:-1.6%; overflow:hidden; }
.promenu ul li{ width:23%; margin-left:1.6%; float:left; color:#fff;}
.promenu ul li h2{ font-size:15px; margin-bottom:5px; line-height:30px; width:100%; white-space:nowrap; overflow:hidden;}	
.promenu ul li select{ width:100%; height:40px; background:#fff; border:none;}
.promenu ul li option{ width:100%; height:30px; line-height:30px; background:#fff; border:none;}

.product{ width:1350px; margin:0 auto; position:relative; overflow:hidden; margin-top:30px; margin-bottom:50px;}
.leftmenu{ width:20%; float:left;  border:1px solid #e5e5e5}
.prolist{ width:78%; float:right;}
#searchResult .prolist{ float: none !important; margin:30px auto;}
.leftmenu dl{ width:100%; margin-top:20px; margin-bottom:20px;}
.leftmenu dl dt{ width:90%; background:#a7ce38 url(../images/icon4.png) left 25px center no-repeat; padding:0 5%; font-size:14px; height:30px; color:#fff; line-height:30px; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; text-indent:25px;}
.leftmenu dl dt a{ color:#fff;}
.leftmenu dl dd{ width:90%; background:url(../images/icon3.png) left 25px center no-repeat; padding:0 5%; font-size:14px; height:30px; color:#787878; text-overflow:ellipsis; line-height:30px; white-space:nowrap; overflow:hidden; text-indent:25px;}
.prolist ul{ width:101.6%; margin-left:-1.6%; overflow:hidden;}
.prolist ul li{ width:23%; margin-left:1.5%; border:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:1.6%; float:left;}
.prolist ul li img{ width:100%; vertical-align: middle;}
.prolist ul li p{ width:80%; margin:0 auto; height:30px; line-height:30px; color:#000;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}
.pic{ overflow:hidden;}


.productin-top{ width:100%; position:relative; height:150px; overflow:hidden; background:#4e4e4e;}
.productin-top .pritit{ width:39%; float:left; color:#fff; margin:40px 0; padding-left:3%; background:url(../images/leeft.png) left top 10px no-repeat}
.productin-top .pritit a{ color:#fff;}
.pritit h2{ width:100%; height:40px; font-size:24px; line-height:40px; }

.productin-top .promenu{ width:58%; float:right;height:150px; }
.productin-top .promenu ul{ width:100%; margin-left:0%; overflow:hidden; }
.productin-top .promenu ul li{ width:25%; margin-left:0%; float:left; color:#fff;height:150px; }
.productin-top .promenu ul li img{ width:60px; margin:0 auto; vertical-align:middle; display:block; margin-top:35px;}
.productin-top .promenu ul li h2{ font-size:14px; margin-bottom:0px; line-height:30px; width:100%; white-space:nowrap; overflow:hidden; text-align:center; color:#fff;}
.productin-top .promenu ul li:hover{ background:#9e9e9e; }

.productin{ width:100%; position:relative; overflow:hidden; padding:60px 0 50px 0; background:#f2f2f2}
.productinfo{ width:1350px; margin:0 auto; position:relative; overflow:hidden; margin-top:30px; margin-bottom:30px;}
.details{ width:1000px; margin:0 auto;position:relative; overflow:hidden; margin-bottom:40px;}
.detailsbox{ width:49%; float:left; position:relative; overflow:hidden;}
.detailsbox-txt{width:100%; position:relative; margin-bottom:30px;}
.detailsbox-txt h2{ font-size:21px; line-height:40px; margin-bottom:10px; color:#808080;}
.detailsbox-txt span{ display:block; width:70px; height:5px; background:#54c5d1; margin-bottom:20px;}
.detailsbox-txt p{ font-size:14px; line-height:30px;}
.range{width:100%; position:relative;}
.range h2{ font-size:28px; line-height:40px; margin-bottom:10px; color:#000;}
.range li{ width:30%; float:left; margin-right:3%; white-space:nowrap; overflow:hidden;text-overflow:ellipsis; margin-bottom:5px; }
.range li font{color:#ff0b0b}

.detailspic{ width:46%; float:right; position:relative; overflow:hidden;}
#datu{ width:100%;position:relative;}
#datu .flex-viewport{ width:100%; position:relative;}

#datu .slides li{ width:100%; position:relative; height:; background:#fff; }
#datu .slides li img{width:100%;height:; display:block; margin:0 auto; vertical-align:middle;}

#datu .flex-control-nav{ width:100%; height:20px; position:absolute; left:0; bottom:20px; text-align:center;}
#datu .flex-control-nav li{ width:50px; height:3px; overflow:hidden; margin:4px 5px;  display:inline-block; text-align:center; cursor:pointer;}
#datu .flex-control-nav li a{ display:block; background:#fff; text-indent:-999em;}
#datu .flex-control-nav li .flex-active{ background:#009944}
#datu .flex-direction-nav a{ position:absolute; width:32px; height:95px;  display: block;text-indent:-999em; top:50%; margin-top:-50px; z-index:33}
#datu .flex-prev{ background:url(../images/caleft.jpg) center no-repeat; left:30px;}
#datu .flex-next{ background:url(../images/caright.jpg) center no-repeat; right:30px;}
#xiaotu{ width:100%; z-index:33; height:80px; overflow:hidden; margin-top:12px;padding:0 25px !important; box-sizing:border-box; position:relative;} 
#xiaotu .flex-viewport{ width:100%; position:relative; height: !important; }
#xiaotu .slides li{ width:88px !important;  margin-bottom:10px; float:left !important; position:relative; cursor: pointer; border:1px solid #e5e5e5; height:78px; overflow:hidden;}
#xiaotu .slides li img{ width:100%;height:78px; position:relative; vertical-align:middle;}
#xiaotu .slides li .bg{display:none; position:absolute; left:0; top:0; width:100%; box-sizing:border-box; z-index:11; height:100%; border:2px solid #333;}
#xiaotu .slides .flex-active-slide .bg{ display:block !important;}
#xiaotu .flex-direction-nav{ width:100%; height:35px; background:#54c5d1; margin-top:10px;}
#xiaotu .flex-direction-nav li a{ display:block;height:80px; width:20px; position:absolute; top:0; text-indent:-999em;}
#xiaotu .flex-prev{ background:#808080 url(../images/leeft.png) left 0px center no-repeat; left:0;}
#xiaotu .flex-next{ background:#808080 url(../images/right.png) right 0px center no-repeat; right:0;}

.related{ margin-top:30px;}
.main{ width:100%; position:relative; }
.title{ width:100%; padding-bottom:10px; border-bottom:1px solid #cccccc; }
.title h2{ font-size:28px; color:#000; height:40px; line-height:40px;}
.mainbox{ width:100%;margin-TOP:30px;}
.mainbox img{ max-width:100%; vertical-align:middle; position:relative;}

.download{  width:1350px; position:relative; overflow:hidden; margin:50px 0;}
.downloadlist{ width:100%; position:relative; overflow:hidden; margin-top:10px;}
.downloadlist1{  width:1350px; position:relative; overflow:hidden; margin:50px  auto;}
.downloadlist1 li{ width:100%; height:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; position:relative; line-height:50px;}
.downloadlist1 li h2{ width:70%; font-size:18px; line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.downloadlist1 li a{ position:absolute; right:0; padding-right:50px; background:url(../images/down.png) right center no-repeat; line-height:50px; font-size:18px; top:0;}
.downloadlist1 li img{ width:25px; vertical-align:middle;}

.downloadlist li{ width:100%; height:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; position:relative; line-height:50px;}
.downloadlist li h2{ width:70%; font-size:18px; line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.downloadlist li a{ position:absolute; right:0; padding-right:50px; background:url(../images/down.png) right center no-repeat; line-height:50px; font-size:18px; top:0;}
.downloadlist li img{ width:25px; vertical-align:middle;}

.relatedlist{ width:100%;  overflow:hidden; margin-top:30px; float:left;}
.relatedlist ul{ width:101.6%; margin-left:-1.6%; overflow:hidden;}
.relatedlist ul li{ width:23%; margin-left:1.8%; border:1px solid #e5e5e5; padding-bottom:10px; margin-bottom:1.6%; float:left;}
.relatedlist ul li img{ width:100%; vertical-align: middle;}
.relatedlist ul li p{ width:80%; margin:0 auto; height:30px; line-height:30px; color:#000;white-space:nowrap; overflow:hidden;text-overflow:ellipsis;}

.pagemenu{ width:100%; position:relative; height:70px; border-bottom:1px solid #eeeeee;}
.pagemenu ul{ width:1350px; overflow:hidden; margin:0 auto; height:70px;}
.pagemenu ul li{ float:left; margin-right:40px; line-height:70px; font-size:18px;}
.pagemenu ul li a{ color:#000;}
.pagemenu ul li:hover a{ color:#54c5d1;}
.pagecur a{ color:#54c5d1 !important;}
.page1 { margin-top:50px;}
.page1 li{ float:right !important; margin-right:0 !important;}

.case{ width:1350px; margin:50px auto; position:relative; overflow:hidden;}
.case ul{ width:101%; margin-left:-1%; overflow:hidden;}
.case ul li{ width:32.3%; float:left; position:relative; margin-left:1%; margin-bottom:1%; background:#c9c9c9; padding-bottom:20px;}
.case ul li .pic{ width:100%; overflow:hidden;}
.case ul li .pic img{ width:100%; vertical-align:middle;}

.case ul li span{ display:block; margin:0 auto; width:80px; height:80px; padding:20px; text-align:center; border-radius:50%;background:#c9c9c9; position: relative; margin-top:-60px; }
.case ul li span img{ width:80px; vertical-align:middle; margin:0 auto;}
.case ul li h2{ width:100%; height:30px; color:#fff; margin-bottom:10px; font-size:21px; text-align:center;}
.case ul li p{ width:80%; line-height:30px; margin:0 auto; color:#fff; margin-bottom:10px; font-size:14px; text-align:center;}
.case ul li:hover{ background:#54c5d1;}
.case ul li:hover span{ background:#54c5d1;}

.caseinfo{ width:1350px; margin:50px auto; position:relative; overflow:hidden;}
.caseintit{ width:100%; padding-bottom:20px; }
.caseintit h2{ font-size:28px; color:#000; line-height:40px;}
.caseinbox{ width:100%; font-size:14px;}
.caseinbox img{ max-width:100%; vertical-align:middle;}

.about{ width:100%; margin:0px auto; margin-top:50px; position:relative; overflow:hidden;}
.about .caseinbox{ width:1350px;margin:0px auto; font-size:14px; margin-bottom:50px;}

.about  .caseintit h2{ font-size:30px; text-align:center; color:#000; line-height:40px;}

.ablist{ width:100%; position:relative; height:400px; padding:80px 0; background:url(../images/abbg.jpg) center no-repeat; background-size: cover;}
.abtit{ width:60%; position:relative; margin:0 auto;}
.abtit h2{ width:100%; text-align:center; height:60px; line-height:60px; color:#000; font-size:45px;}
.ablist ul{width:1350px;margin:0px auto; margin-top:80px; overflow:hidden;}
.ablist ul li{ width:25%; float:left; position:relative;}
.ablist ul li .pic{ width:100px; margin:0 auto; overflow:hidden; margin-bottom:20px;}
.ablist ul li .pic img{ width:100px; vertical-align:middle; margin:0 auto;}
.ablist ul li p{ width:240px; margin:0 auto; position:relative; font-size:18px; height:30px ; text-align:center; color:#000; line-height:30px;}

.news{width:1350px;margin:50px auto; overflow:hidden;}
.news li{ width:100%; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e5e5e5;}
.news li h2{ width:100%; line-height:40px; margin-bottom:20px; font-size:20px; color:#000;}
.news li p{ max-height:50px; width:100%; line-height:25px; font-size:14px; color:#000; overflow:hidden;}
.news li i{ font-style:normal; color:#54c5d1; font-size:14px; display:block; margin:10px 0;}
.news li span{ display:block;  color:#54c5d1; font-size:14px; width:150px; height:30px; border:1px solid #54c5d1 ; text-align:center; line-height:30px;}
.news li span:hover{ background:#a7cf39; color:#fff;  border:1px solid #a7cf39 ;}

.newslist li img{ width:100%; vertical-align:middle;}
.newslist{width:1350px;margin:0px auto; overflow:hidden;}
.newslist li a{ display:block; border:1px solid #ccc;}
.newslist li{ padding:0 !important;}
.newslist li h2{ height:40px !important; font-size:16px !important; line-height:40px; width:90% !important; margin:0 auto !important; overflow:hidden; text-overflow:ellipsis;}




.page_list{ width:100%; position:relative; height:35px; line-height:35px; text-align:center; margin:20px 0;}
.page_list a{ margin:0 5px; border:1px solid #e5e5e5; padding:4px 8px;}
.page_list a:hover{ background:#a7cf39; color:#fff;border:1px solid #a7cf39;}
.page_list .current{color:#fff !important;}

.newsinfo{width:1350px;margin:50px auto; overflow:hidden;}
.page1 a{ padding:10px 0; padding-right:45px; line-height:70px; background:url(../images/back.png) right center no-repeat; color:#54c5d1 !important}
.newsintit{ width:100%; padding-bottom:10px; border-bottom:1px solid #e5e5e5; margin-bottom:20px;}
.newsintit h2{ color:#000; font-size:30px; line-height:40px; width:75%; margin-bottom:20px;}
.newsintit p{ color:#000; font-size:14px; line-height:25px; width:80%; margin-bottom:10px;}
.newsinbox{ width:100%; font-size:14px; color:#000;}
.newsinbox img{ max-width:100%; vertical-align:middle;}

.newssx{width:100%; padding-top:10px; border-top:1px solid #e5e5e5; margin-bottom: 50px;}
.newssx a{ display:block; line-height:35px; width:90%; color:#000; }
.newssx a:hover{color:#54c5d1 }

.relaredlist{ width:100%; margin-top:20px;}
.relaredlist ul{ width:101.6%; margin-left:-1.6%; overflow:hidden;}
.relaredlist ul li{ width:23%; margin-left:1.8%; padding-bottom:10px; margin-bottom:1.6%; float:left;}
.relaredlist ul li img{ width:100%; vertical-align: middle;}

.Tech{width:1350px;margin:50px auto; overflow:hidden;}
.Tech ul{ width:104%; margin-left:-4%; overflow:hidden; padding:6px 0;}
.Tech ul li{ width:29%; margin-left:4%; margin-bottom:4%; overflow:hidden; float:left;}
.Tech ul li a{ display:block; border:1px solid #d2d2d2; padding:20px;}
.Tech ul li h2{ width:100%; font-size:18px; line-height:30px; height:60px; margin-bottom:10px; color:#000; overflow:hidden;}
.Tech ul li i{ font-style:normal; display:block; font-size:14px; color:#54c5d1; margin-bottom:20px;}
.Tech ul li p{ width:100%; height:125px; line-height:25px; font-size:14px; color:#000; overflow:hidden; margin-bottom:20px;}
.Tech ul li span{font-size:14px; color:#54c5d1; border-bottom:1px solid #54c5d1;}
.Tech ul li:hover h2{color:#54c5d1;}
.Tech ul li:hover{box-shadow:0px 0px 6px 5px #d2d2d2;}


.certificat{width:1350px;margin:50px auto; overflow:hidden;}
.certificat ul{ width:101.6%; margin-left:-1.6%; overflow:hidden; padding:6px 0;}
.certificat ul li{ width:23%; float:left; margin-left:1.6%; margin-bottom:1.6%;}
.certificat ul li img{ width:100%; vertical-align:middle;}

.service{width:1350px;margin:50px auto; overflow:hidden;}
.servicetit{ width:100%; position:relative; overflow:hidden; color:#000; margin-bottom:20px;}
.servicetit h2{ width:100%; height:50px; font-size:36px; line-height:50px;}
.servicetit h3{ width:100%; height:30px; font-size:24px; line-height:30px;}
.servicetit p{ width:100%; font-size:16px; line-height:26px;}


.contact,.job{width:1350px;margin:50px auto; overflow:hidden;}
#dituContent{ width:100% !important; height:420px !important;}
.contacttit{ width:100%; position:relative; overflow:hidden; color:#000; margin-bottom:50px; text-align:center;}
.contacttit h2{ width:100%; height:50px; font-size:36px; line-height:50px;}
.contacttit p{ width:100%; font-size:16px; line-height:26px;}
.contleft{ width:48%; float:left; position:relative;}
.contmess{ width:45%; float:right;}
.contleft ul{ width:102%; margin-left:-2%; overflow:hidden;} 
.contleft ul li{ width:48%; margin-left:2%; float:left; margin-bottom:30px;}
.contleft ul li img{ width:85px; float:left; margin-right:20px;}
.contleft ul li p{ font-size:16px; line-height:24px; color:#000;}
.contleft ul li p:nth-child(2){ margin-top:25px;}
.contleft ul li:last-child{ width:98%;}

.contmess input{ width:100%; height:60px; background:#eeeeee; line-height:60px; text-indent:10px; font-size:16px; margin-bottom:10px; border:1px solid #dcdcdc;}
.contmess textarea{ width:100%;background:#eeeeee; height:160px; font-size:16px; margin-bottom:10px; border:1px solid #dcdcdc; border:1px solid #dcdcdc; padding:5px 10px; box-sizing:border-box; font-family: Arial;}
.contsub{ background:#5bc7d3 !important; border:1px solid #5bc7d3 !important; color:#fff; text-align:center; text-indent:0 !important; cursor:pointer;}

.map{ width:100%; position:relative; overflow:hidden;}
.map img{ width:100%; vertical-align: middle;}

.jobleft{ width:45%; float:left; font-size:14px; line-height:24px;}
.jobleft h2{ color:#000; font-size:18px; line-height:30px;}
.joblist{ width:50%; float:right;}
.joblist li{ width:100%; margin-bottom:10px; }
.joblist .jbtit{ font-size:18px; color:#fff; background:#54c5d1; height:55px; cursor:pointer; line-height:55px;  display:block; position:relative; text-indent:20px;}
.joblist .jbtit i{ font-size:14px; line-height:55px; position:absolute; top:0; right:15px; font-style:normal; padding-right:30px; background:url(../images/icon5.png) right center no-repeat;}
.joblist li .jobtxt{ display:none; width:100%; color:#868686; margin-bottom:10px; border:1px solid #dcdcdc; padding:20px; box-sizing:border-box;}
.jbtitcur i{ background:url(../images/icon6.png) right center no-repeat !important;}
.pic img{ width:100%; vertical-align:middle;transition: all 1s;}
.pic:hover img{ transform: scale(1.2);}

.forum { width:700px !important;border:1px solid #ccc; padding:20px 0;}
.forum li{ position:relative; padding:0 20px;padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ccc;line-height:35px;  }
.forum li h2{ width:80px; float:left; height:35px; line-height:35px; font-size:16px; color:#333;}
.forum li select{ width:420px; height:30px;border:1px solid #ccc; font-size:14px; margin-right:10px; text-indent:10px; margin-left:5px; }
.forum li .inp input{width:420px; height:30px;border:1px solid #ccc; font-size:14px; margin-right:10px; text-indent:10px; }
.forum li input{ margin:0 5px;}
.forum li textarea{width:420px; height:130px;border:1px solid #ccc; font-size:14px; margin-right:10px;  padding:5px; box-sizing:border-box; margin-left:5px; }
.tijia{text-align:center;}
.tijia input{ width:120px; height:38px; background:#a7cf38; cursor:pointer; border:none; color:#fff; text-align:center; line-height:38px; margin-left:20px;}
.forum .red{ color:red;}
.BMapLabel{ left:15px !important;}


#map{ width:1350px; margin:50px auto; position:relative; overflow:hidden; }
.mainmenu{ font-size:16px; height:35px; line-height:35px; width:100%; clear:both; }
.mainmenu a{ color:#54c5d1}
#map dl{ width:100%; position:relative; overflow:hidden; border-bottom:1px dashed #54c5d1; padding-bottom:10px;margin-bottom:10px;}
#map dl dd{ display:inline-block;margin-right:20px; font-size:14px;}

@media  screen and (max-width:1620px){
	
.pagemenu ul{ width:1200px;}
.about .caseinbox{width:1200px;}
.ablist ul{width:1200px;}
.news,.newsinfo{width:1200px;}
.certificat{width:1200px;}
.product-center{width:1200px;}
.product,.productinfo,.download{width:1200px;}
.details{width:900px;}

.case,.Tech{width:1200px;}
.downloadlist1{width:1200px;}
.contact,.job{width:1200px;}
#map{ width:1200px; }
}




@media  screen and (max-width:900px){

.product-top{  padding:20px 0; height:auto;}
.product-center{ width:92%; margin:0 auto; }
.pritit{ width:100%; float:none; color:#fff; margin-bottom:10px;}
.pritit h2{ width:100%; height:30px; font-size:18px; line-height:30px;}

.promenu{ width:100%; float:none;}
.promenu ul{ width:102%; margin-left:-2%; overflow:hidden; }
.promenu ul li{ width:48%; margin-left:2%; float:left; color:#fff; margin-bottom:2%;}
.promenu ul li h2{ font-size:12px; margin-bottom:0px; line-height:20px; }	
.promenu ul li select{height:30px; }

.productin-top .pritit{ width:90%; float:none; color:#fff;  margin:0px 0 10px 0; padding-left:10%;}

.productin-top{  padding:20px 0; height:auto;}
.product{ width:92%; margin:20px auto;}
.leftmenu{ display:none}
.prolist{ width:100%; float:none;}
.prolist ul{ width:102%; margin-left:-2%; overflow:hidden;}
.prolist ul li{ width:47.3%; margin-left:2%; }
.prolist ul li p{ width:80%; margin:0 auto; height:20px; line-height:20px;}

.productin-top .promenu{ width:100%; float:none;height:90px; }
.productin-top .promenu ul{ width:100%; margin-left:0%; overflow:hidden; }
.productin-top .promenu ul li{ width:25%; height:90px; }
.productin-top .promenu ul li img{ width:60px; margin-top:5px;  }



.page1{ margin-top:0;}

.productinfo{ width:92%; margin:20px auto;}

.details{ width:100%;position:relative; overflow:hidden; margin-bottom:20px;}
.detailsbox{ width:100%; float:none; position:relative; overflow:hidden; margin-bottom:30px;}
.detailsbox-txt{margin-bottom:20px;}
.detailsbox-txt h2{ font-size:18px; line-height:30px; margin-bottom:5px; color:#000;}
.detailsbox-txt span{ display:block; width:50px; height:3px; margin-bottom:10px;}
.detailsbox-txt p{ font-size:14px; line-height:25px;}

.range{width:100%; position:relative;}
.range h2{ font-size:18px; line-height:30px; margin-bottom:10px; color:#000;}
.range li{ font-size:12px; line-height:20px; }
.detailspic{ width:100%; float:none;}


.productin{  width:92%;  padding:20px 4%; }


#datu{ width:100%;position:relative;}
#datu .flex-viewport{ width:100%; position:relative;}
#datu .flex-prev{ background:url(../images/caleft.jpg) center no-repeat; left:30px;}
#datu .flex-next{ background:url(../images/caright.jpg) center no-repeat; right:30px;}
#xiaotu{ width:100%;height:50px;  margin-top:10px;padding:0 25px !important;} 
#xiaotu .flex-viewport{  height:50px !important; }
#xiaotu .slides li{ width:66px; height:48px; overflow:hidden;}
#xiaotu .slides li img{ width:100%;height:48px;}
#xiaotu .flex-direction-nav li a{ height:50px;}
#xiaotu .flex-prev{ background:#808080 url(../images/leeft.png) left 0px center no-repeat; left:0;}
#xiaotu .flex-next{ background:#808080 url(../images/right.png) right 0px center no-repeat; right:0;}







.title h2{ font-size:18px; color:#000; height:30px; line-height:30px;}
.mainbox{ margin-TOP:20px; font-size:12px; line-height:20px;}

.download{  width:100%;  margin:20px 0;}
.downloadlist{ width:100%; position:relative; overflow:hidden; margin-top:10px;}

.downloadlist1{  width:92%; position:relative; overflow:hidden; margin:20px  auto;}
.downloadlist1 li{ width:100%; height:50px; border-bottom:1px solid #e5e5e5; overflow:hidden; position:relative; line-height:50px;}
.downloadlist1 li h2{ width:70%; font-size:18px; line-height:50px; white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.downloadlist1 li a{ position:absolute; right:0; padding-right:40px; background:url(../images/down.png) right center no-repeat; line-height:50px; font-size:18px; top:0;}
.downloadlist1 li img{ width:25px; vertical-align:middle;}

.relatedlist{ width:100%;  overflow:hidden; margin-top:30px; float:left;}
.relatedlist ul{ width:102%; margin-left:-2%; overflow:hidden;}
.relatedlist ul li{ width:48%; margin-left:2%; margin-bottom:2%;}


.case{ width:92%; margin:20px auto;}
.case ul{ width:102%; margin-left:-2%; overflow:hidden;}
.case ul li{ width:48%;  margin-left:2%; margin-bottom:2%;  padding-bottom:10px;}
.case ul li .pic{ width:100%; overflow:hidden;}
.case ul li .pic img{ width:100%; vertical-align:middle;}

.case ul li span{ display:block; margin:0 auto; width:40px; height:40px; padding:20px; margin-top:-30px; }
.case ul li span img{ width:40px; }
.case ul li h2{ width:100%; height:30px; font-size:16px; text-align:center; margin-bottom:0;}
.case ul li p{ width:100%; min-height:60px; line-height:20px;  font-size:12px; max-height:100px; overflow:hidden; }
.case ul li:hover{ background:#54c5d1;}
.case ul li:hover span{ background:#54c5d1;}

.caseinfo{ width:1350px; margin:50px auto; position:relative; overflow:hidden;}
.caseintit{ width:100%; padding-bottom:20px; }
.caseintit h2{ font-size:28px; color:#000; line-height:40px;}
.caseinbox{ width:100%; font-size:14px;}
.caseinbox img{ max-width:100%; vertical-align:middle;}



.forum { width:100% !important; padding:10px 0;box-sizing:border-box;}
.forum li{ padding:0 10px;padding-bottom:10px; margin-bottom:10px; line-height:30px;  }
.forum li h2{ width:100%;eight:30px; line-height:30px; font-size:14px;}
.forum li div{ width:100%}
.forum li select{ width:95%; height:30px; margin-right:5px; margin-left:0; }
.forum li .inp input{width:95%;  margin-right:5px; text-indent:10px; margin-left:0 !important; }
.forum li input{ margin:0 5px;}
.forum li textarea{width:95%;margin-right:5px;  margin-left:0px; }
#M_code{ width:50% !important;}







.pagemenu{  height:40px;}
.pagemenu ul{ width:92%; height:40px;}
.pagemenu ul li{  margin-right:20px; line-height:40px; font-size:14px;}

.about{ width:92%; margin:0px auto; margin-top:20px; }
.about .caseinbox{ width:100%; margin-bottom:20px;}

.about  .caseintit h2{ font-size:18px;  line-height:30px;}

.ablist{ width:100%;  height:auto; padding:30px 0; }
.abtit{ width:92%; margin:0 auto;}
.abtit h2{ height:30px; line-height:30px; font-size:21px;}
.ablist ul{width:92%;margin:0px auto; margin-top:30px; overflow:hidden;}
.ablist ul li{ width:50%; float:left; position:relative; margin-bottom:20px;}
.ablist ul li .pic{ width:50px;  margin-bottom:10px;}
.ablist ul li .pic img{ width:50px;}
.ablist ul li p{ width:100%; font-size:11px; height:20px ;  line-height:20px;}




.news{width:92%;margin:20px auto; overflow:hidden;}
.news li{ width:100%; margin-bottom:10px; padding-bottom:15px;}
.news li h2{ width:100%; line-height:30px; margin-bottom:10px; font-size:14px;}
.news li p{ height:40px;  line-height:20px; font-size:12px;}
.news li i{ font-size:12px;}
.news li span{  font-size:12px; width:100px; height:20px; line-height:20px;}
.news li span:hover{ background:#a7cf39; color:#fff;  border:1px solid #a7cf39 ;}

.newslist li img{ width:100%;}
.newslist{width:100%;margin:20px auto; overflow:hidden;}

.page_list{ width:100%; position:relative; height:30px; line-height:30px; text-align:center; margin:20px 0;}
.page_list a{ margin:0 2px; border:1px solid #e5e5e5; padding:2px 4px; font-size:12px;}
.page_list a:hover{ background:#a7cf39; color:#fff;border:1px solid #a7cf39;}
.page_list .current{color:#fff !important;}



.newsinfo{width:92%;margin:20px auto; overflow:hidden;}
.page1 a{ padding:0; padding-right:30px; line-height:40px; background-size:25px 25px;}

.newsintit h2{ color:#000; font-size:18px; line-height:30px; width:100%; margin-bottom:10px;}
.newsintit p{ color:#000; font-size:12px; line-height:20px; width:100%; margin-bottom:10px;}
.newsinbox{ width:100%; font-size:12px; color:#000;line-height:20px;}
.newsinbox img{width:100%; vertical-align:middle;}

.newssx{width:100%; padding-top:10px;  margin:20px 0;}
.newssx a{  line-height:25px; width:100%; font-size:12px; }


.certificat{width:92%;margin:20px auto; }
.certificat ul{ width:102%; margin-left:-2%; }
.certificat ul li{ width:48%; float:left; margin-left:2%; margin-bottom:2%;}

.service{width:1350px;margin:50px auto; overflow:hidden;}
.servicetit{ width:100%; position:relative; overflow:hidden; color:#000; margin-bottom:20px;}
.servicetit h2{ width:100%; height:50px; font-size:36px; line-height:50px;}
.servicetit h3{ width:100%; height:30px; font-size:24px; line-height:30px;}
.servicetit p{ width:100%; font-size:16px; line-height:26px;}



.Tech{width:92%;margin:20px auto; }
.Tech ul{ width:104%; margin-left:-4%; overflow:hidden; padding:6px 0;}
.Tech ul li{ width:46%; margin-left:4%; margin-bottom:4%; }
.Tech ul li a{ padding:10px;}
.Tech ul li h2{ width:100%; font-size:16px; line-height:25px; height:50px; }
.Tech ul li i{ font-style:normal; display:block; font-size:12px; color:#54c5d1; margin-bottom:20px;}
.Tech ul li p{ width:100%; height:100px; line-height:20px; font-size:12px; color:#000; overflow:hidden; margin-bottom:20px;}
.Tech ul li span{font-size:14px; color:#54c5d1; border-bottom:1px solid #54c5d1;}
.Tech ul li:hover h2{color:#54c5d1;}
.Tech ul li:hover{box-shadow:0px 0px 6px 5px #d2d2d2;}



#map{ width:92%; margin:20px auto; }
.map{ width:100%; position:relative; overflow:hidden; margin-top:41px;}
#dituContent{ height:260px !important;}
.contact,.job{width:92%;margin:20px auto;}
.contacttit{ margin-bottom:20px;}
.contacttit h2{ width:100%; height:30px; font-size:21px; line-height:30px;}
.contacttit p{font-size:14px; line-height:20px;}

.contleft{ width:100%; float:none; position:relative; margin-bottom:20px;}
.contmess{ width:100%; float:none;}

.contleft ul{ width:102%; margin-left:-2%; overflow:hidden;} 
.contleft ul li{ width:48%; margin-left:2%; float:left; margin-bottom:30px;}
.contleft ul li img{ width:85px; float:left; margin-right:20px;}
.contleft ul li p{ font-size:16px; line-height:24px; color:#000;}
.contleft ul li p:nth-child(2){ margin-top:25px;}
.contleft ul li:last-child{ width:98%;}

.contmess input{height:30px; line-height:30px; font-size:14px;box-sizing:border-box;  }
.contmess textarea{ width:100%;background:#eeeeee; height:160px; font-size:14px;}


.jobleft{ width:100%; float:none; font-size:14px; line-height:24px; margin-bottom:20px;}
.jobleft h2{ font-size:16px; line-height:30px;}
.joblist{ width:100%; float:none;}

.joblist li{ width:100%; margin-bottom:10px; }
.joblist .jbtit{ font-size:16px;  height:40px; cursor:pointer; line-height:40px;   text-indent:10px;}
.joblist .jbtit i{ font-size:14px; line-height:40px; position:absolute; top:0; right:15px;padding-right:20px;}

.joblist li .jobtxt{ display:none; width:100%; color:#868686; margin-bottom:10px; border:1px solid #dcdcdc; padding:10px; box-sizing:border-box;}
.jbtitcur i{ background:url(../images/icon6.png) right center no-repeat !important;}
.pic img{ width:100%; vertical-align:middle;transition: all 1s;}
.pic:hover img{ transform: scale(1.2);}



}