@charset "utf-8";
/**CSS Document by JunTong-DiPr**/
body,div,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,dt,form,iframe,input,textarea,select,label,article,aside,footer,header,menu,nav,section,time,audio,video,a,img,span,li {margin:0;padding:0;}
body{font-size:14px;font-family:"微软雅黑",microsoft yahei,Helvetica,STHeiti,Droid Sans Fallback;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%; webkit-tap-highlight-color:rgba(0,0,0,0);vertical-align:middle;background:#dee5f8;}
input,select,textarea {outline:0;-webkit-user-modify:read-write-plaintext-only;}
textarea {resize:none;}
iframe,img {border:0;}
ul:after{display:block;height:0;clear:both;visibility:hidden;overflow:hidden;content:"";}
li{list-style:none;}
a{text-decoration:none;cursor:pointer;color:#444;}
a:hover{color:#42ab33;}
img{max-width:100%;}
/**自定义滚动条**/
::-webkit-scrollbar{width:8px;}
::-webkit-scrollbar-track{background: #fff;}
::-webkit-scrollbar-thumb{background: #1b1b1b;}
::-webkit-scrollbar-thumb:window-inactive{background: #1b1b1b;}
::-webkit-scrollbar-thumb:vertical:hover{background: #1b1b1b;}
/* 拖选文字样式 */
::selection {background:#002f6d;color:#fff;}
::-moz-selection {background:#002f6d;color:#fff;}
/* 清理浮动 */
.clearfix {clear:both;zoom:1;}
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* 全局浮动 */
.fl {float:left;}
.fr {float:right;}

.within{max-width:1210px;margin:0 auto;color:#080808;line-height:28px;}

.banner{margin:0 auto;width:100%;overflow:hidden;}
.banner img{max-width:100%;display:block;}

.indprod ul{margin:-30px auto 80px;}
.indprod ul li{background:url(../images/ind001.jpg) no-repeat center;width:23%;text-align:center;box-shadow:0px 0px 20px #8ca6e7;position:relative;float:left;margin:0px 1%;}
.indprod ul li .img,.indprod ul li .img img{display:block;}
.indprod ul li .ceng{background:url(../images/ind003.png) no-repeat center;position:absolute;top:0;width:100%;font-size:18px;color:#fff;height:100%;padding-top:20%;-webkit-box-sizing:border-box;box-sizing:border-box;display:none;}
.indprod ul li:hover .ceng{display:block;}
.indprod ul li:hover .ceng a{display:block;color:#fff;}

.indcomd{padding:30px auto;}
.indcomd h3.h3{font-size:24px;font-size:18px;color:#044B96;line-height:60px;text-align:center;background:url(../images/ind00a.png) no-repeat center;background-size:contain;}
.indcomd .indnew{height:460px;width:48%;position:relative;float:left;}
.indcomd .indnew .bd li{position:relative;width:100%;}
.indcomd .indnew .bd li a.img,.indcomd .indnew .bd li a.img img{display:block;}
.indcomd .indnew .bd li p a{width:96%;padding:0px 2%;position:absolute;z-index:0;bottom:0;height:40px;line-height:40px;display:block;color:#fff;background:rgba(0,0,0,0.6);}
.indcomd .indnew .indnlist a.prev,.indcomd .indnew .indnlist a.next{width:30px;height:40px;position:absolute;z-index:999;top:45%;display:block;background:url(../images/arrows.png) no-repeat 0 0;}
.indcomd .indnew .indnlist a.prev{left:2%;}
.indcomd .indnew .indnlist a.next{background-position:-30px 0;right:2%; }

.indcomd .hd{ overflow:hidden;  height:30px;padding:0 10px;position:absolute;bottom:10%;right:2%;}
.indcomd .hd ul{ float:right; overflow:hidden; zoom:1; margin-top:10px; zoom:1; }
.indcomd .hd ul li{float:left;width:9px; height:9px; overflow:hidden; margin-right:5px; text-indent:-999px; cursor:pointer;background:#fff; }
.indcomd .hd ul li.on{ background:#06C; }

.indcomd .indcult{height:460px;width:48%;position:relative;float:right;}
.indcomd .indcult .bd li{position:relative;width:100%;}
.indcomd .indcult .bd li a.img,.indcomd .indcult .bd li a.img img{display:block;}
.indcomd .indcult .bd li p a{width:96%;padding:0px 2%;position:absolute;z-index:0;bottom:0;height:40px;line-height:40px;display:block;color:#fff;background:rgba(0,0,0,0.6);}
.indcomd .indcult .indclist a.prev,.indcomd .indcult .indclist a.next{width:30px;height:40px;position:absolute;z-index:999;top:45%;display:block;background:url(../images/arrows.png) no-repeat 0 0;}
.indcomd .indcult .indclist a.prev{left:2%;}
.indcomd .indcult .indclist a.next{background-position:-30px 0;right:2%; }

.submain .techcon .mapweb{background:#f9f9f9;}
.submain .techcon .mapweb ol li{width:50%;float:left;text-align:center;background:#526F4E;height:40px;line-height:40px;font-size:20px;color:#fff;cursor:pointer;}
.submain .techcon .mapweb ol li.on{background:#42ab33;}
.submain .techcon .mapweb ul li{padding:5px 3%;width:94%;border-bottom:1px dashed #d2d2d2;background:#f9f9f9;}
.submain .techcon .mapweb ul li:hover *{color:#42ab33;cursor:pointer;}
.submain .techcon .mapweb ul li h3{text-align:left;color:#666;}
.submain .techcon .mapweb ul li h3 em{font-family: "Cinzel";font-style:none;padding-right:10px;}
/*.submain .techcon .mapweb .webtit{width:970px;}*/

.footer{background:#F7F3F2;width:100%;overflow:hidden;}
.footer .foot1{padding:40px 0 70px;border-bottom:1px solid #e0e0e0;}
.footer .foot1 dl{width:12%;float:left;}
.footer .foot1 dl dt a{color:#282828;font-size:16px;font-weight:bold;display:block;line-height:40px;}
.footer .foot1 dl dd{height:40px;overflow:hidden;}
.footer .foot1 dl dd a{color:#9c9c9c;font-size:14px;display:block;line-height:30px;}
.footer .foot1 dl  a:hover {color:#42ab33;}
.footer .foot1 .erwm{padding-left:5%;width:15%;float:right;border-left:1px solid #e0e0e0;}
.footer .foot2{font-size:12px;line-height:60px;color:#9c9c9c;}
.footer .foot2 .fl a{color:#044b96;}
.footer .foot2  a{color:#b0b0b0;}
.footer .foot2 a:hover {color:#42ab33;}

.submain{padding:30px 5% 50px;overflow:hidden;max-width:1100px;margin:0 auto 3%;-webkit-box-shadow:0px 0px 10px #ccc;box-shadow:0px 0px 10px #ccc;-webkit-box-sizing:border-box;box-sizing:border-box;}
.submain h2{color:#141414;font-size:18px;font-size:600;text-align:center;line-height:86px;}
.submain .comp{text-align:center;font-size:14px;color:#777;line-height:24px;position:relative;letter-spacing:2px;}
.submain .comp p{text-align:left;padding-bottom:1.6%;}
.submain .comp:after{width:100%;height:0;border-bottom:1px solid #dcdcdc;position:absolute;bottom:15%;left:0;content:"";z-index:-1;}
.submain .coma h4,.submain .come h4{font-size:14px;color:#011a32;font-weight:600;line-height:140px;text-align:center;letter-spacing:6px;}
.submain .comb{text-align:center;max-width:1100px;margin:0 auto;}
.submain #slideBox{position:relative;}

.submain .comb .hd{height:10px;width:100%;position:relative;padding:5% 0 10%;}
.submain .comb .hd:after{width:200%;height:3px;border-bottom:1px solid #c5c5c5;-webkit-animation: hue 60s infinite linear;position:absolute;bottom:65.5%;left:-50%;content:"";z-index:-1;}
@-webkit-keyframes hue {
  from { -webkit-filter: hue-rotate(0deg); }
  to { -webkit-filter: hue-rotate(-360deg); }
}
.submain .comb .hd ul{width:90%;margin:0 auto;}
.submain .comb .hd ul li{float:left;width:25%;line-height:30px;}
.submain .comb .hd ul li span{z-index:10;background:#d0d0d0;width:10px;height:10px;display:block;margin:0 auto;-webkit-border-radius:50%;border-radius:50%;}
.submain .comb .hd ul li i{margin:0 auto;margin-top:-23px;width:36px;height:36px;display:block;background:rgba(66,163,251,0);z-index:-1;-webkit-border-radius:50%;border-radius:50%;-webkit-transition:all 0.3s;transition:all 0.3s;}
.submain .comb .hd ul li.on {color:#42a3fb;}
.submain .comb .hd ul li.on span{background:#42a3fb;}
.submain .comb .hd ul li.on i{background:rgba(66,163,251,0.3);}
/* 下面是前/后按钮代码，如果不需要删除即可 */
.submain .comb .prev,
.submain .comb .next{position:absolute;z-index:888;left:0%;top:35%; margin-top:-25px; display:block;width:55px;height:52px;background:url(../images/slider-arrow.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity:0.5;}
.submain .comb .next{left:auto; right:0%; background-position:-53px 0px; }
.submain .comb .prev:hover,
.submain .comb .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.submain .comb .prevStop{ display:none;  }
.submain .comb .nextStop{ display:none;  }
.submain .fbanner{padding:3% 0 3%;}	
.submain .come{padding:0px 0px 5%;}
.submain .come h4{line-height:80px;}	
.submain .come ul li{width:25%;float:left;border:1px solid #dcdcdc;margin:-1px -1px 0 0;-webkit-box-sizing:border-box;box-sizing:border-box;text-align:center;cursor:pointer;}
.submain .come ul li img{display:block;-webkit-filter:grayscale(100%);filter:grayscale(100%);-webkit-transition:all 0.4s 0.3s;transition:all 0.4s 0.3s;}
.submain .come ul li:hover img{background:#f3f3f3;-webkit-filter:grayscale(0);filter:grayscale(0);-webkit-transform:rotateY(360deg);transform:rotateY(360deg);}
.submain .techtit{}
.submain .techtit ul{width:55%;margin:0 auto;}
.submain .techtit ul li{padding:0px 4%;float:left;height:40px;line-height:40px;-webkit-border-radius:30px;border-radius:30px;position:relative;text-align:center;overflow:hidden;margin:0px 1%;}
.submain .techtit ul li a{color:#011930;-webkit-transition:all 0.5s ease 0.2s;transition:all 0.5s ease 0.2s;}
.submain .techtit ul li:hover a,.submain .techtit ul li.on a{color:#fff;}
.submain .techtit ul li:after,.submain .techtit ul li.on:after{background:#fff;position:absolute;z-index:-1;width:1px;height:40px;left:49.5%;top:0;display:block;content:"";-webkit-transition:all 0.5s ease 0.2s;transition:all 0.5s ease 0.2s;}
.submain .techtit ul li:hover:after,.submain .techtit ul li.on:after{background:#044b96;left:0%;width:100%;color:#fff;}
.submain .techcon{padding:2% 0;}
.submain .techcon ul li{width:100%;border:1px solid #f1f1f1;margin:1.5% 0%;}
.submain .servic ul li{width:48%;float:left;border:1px solid #f1f1f1;margin:1.5% 0%;}
.submain .techcon ul li:hover,.submain .servic ul li:hover{background:#f1f1f1;}
.submain .servic ul li:nth-child(2n+0){float:right;}
/*.submain .techcon ul li:after{background:#044b96;width:0;height:100%;content:"";position:absolute;left:0;top:0;z-index:-1;-webkit-transition:all 0.4s 0.3s;transition:all 0.4s 0.3s;}
.submain .techcon ul li:hover:after{width:100%;}*/
.submain .techcon ul li .img{width:50%;float:left;background:#fff;overflow:hidden;}
.submain .techcon ul li .img2{float:right;}
.submain .techcon ul li .img img{-webkit-transition:all 0.4s 0.2s;transition:all 0.4s 0.2s;}
.submain .techcon ul li .img:hover img{-webkit-transform:scale(1.1,1.1);transform:scale(1.1,1.1);}
.submain .techcon ul li .cont{-webkit-box-sizing:border-box;box-sizing:border-box;text-align:left;padding:2% 3% 3%;}
.submain .techcon ul li .cont.cont1{padding-left:5.5%;padding-right:4.5%;}
.submain .techcon ul li .cont.cont2{padding-left:3.5%;padding-right:5.5%;}
.submain .techcon ul li .cont h3{line-height:60px;font-size:18px;font-weight:bold;color:#044b96;text-align:left;background:url(../images/yh.png) no-repeat left center / 20px;padding-left:26px;}

.submain .techcon ul li .cont h4{line-height:30px;font-size:12px;font-weight:100;color:#b5b1b1;text-transform:uppercase;}
.submain .techcon ul li .cont p{font-size:12px;color:#514e4e;position:relative;padding:1% 0;line-height:24px;}
.submain .techcon ul li .cont p:after{width:30%;height:0;border-top:1px solid #dcdcdc;position:absolute;content:"";left:0;top:0;}
.submain .techcon ul li .cont a{display:block;font-size:14px;color:#100d0d;}
.submain .techcon ul li .cont a,.submain .techcon ul li .cont p,.submain .techcon ul li .cont h3{-webkit-transition-delay:0.4s;transition-delay:0.4s;}
/*.submain .techcon ul li:hover .cont p,.submain .techcon ul li:hover .cont h3{color:#fff;}
.submain .techcon ul li:hover  .cont a{color:#03E23F;}
.submain .techcon .downd ul li:hover{background:#fff;-webkit-box-shadow:0px 0px 4px #A4D3A9;box-shadow:0px 0px 4px #A4D3A9;}*/
.submain .techcon .downd ul li{background:#f2f2f2;border:none;width:96%;margin:0.5% 0;padding:2%;}
.submain .techcon .downd p.p2{border-top:1px dashed #ccc;padding-top:5px;margin-top:5px;}
.submain .techcon .downd p a{font-size:14px;color:#1C9C01;}

.submain .active{}
.submain .active h3{text-align:left;font-size:16px;background:#f3f3f3;line-height:36px;}
.submain .active ul{margin:8px 0;}
.submain .active ul li{width:31.33333%;float:left;border:1px solid #f2f2f2;text-align:center;webkit-border-radius:5px;border-radius:5px;overflow:hidden;line-height:30px;margin:5px 1%;box-sizing:border-box;-webkit-box-sizing:border-box;}
.submain .active ul li img{display:block;}


.submain .prodtit{padding:1% 0 2%;}
.submain .prodtit ul,.submain .subtit ul{text-align:center;}
.submain .prodtit ul li,.submain .subtit ul li{height:30px;line-height:30px;text-align:center;width:18%;float:left;position:relative;margin:2px 1%;overflow:hidden;}
.submain .prodtit ul li a,.submain .subtit ul li a{left:0;top:0;width:100%;display:block;position:absolute;z-index:2;}
.submain .prodtit ul li:hover a,.submain .prodtit ul li.on a,.submain .subtit ul li:hover a,.submain .subtit ul li.on a{color:#fff;}
.submain .prodtit ul li i,.submain .prodtit ul li.on i,.submain .subtit ul li i,.submain .subtit ul li.on i{background:#044b96;width:100%;height:100%;display:block;position:absolute;z-index:1;-webkit-transform:scale(0,0);transform:scale(0,0);-webkit-transition:all 0.3s;transition:all 0.3s;-webkit-border-radius:30px;border-radius:30px;overflow:hidden;}
.submain .prodtit ul li:hover i,.submain .prodtit ul li.on i,.submain .subtit ul li:hover i,.submain .subtit ul li.on i{-webkit-transform:scale(1,1);transform:scale(1,1);}


.submain .prodcont{padding-bottom:5%;}
.submain .prodcont img{max-width:100%;}
.submain .prodcont .ceng{margin:10px 0;float:left;position:relative;width:49%;overflow:hidden;border:1px solid #e0e0e0;}
.submain .prodcont .ceng img{display:block;margin:0 auto;}
.submain .prodcont .ceng:nth-child(2n+0){float:right;}
.submain .prodcont .ceng .cont{position:absolute;left:0;top:-100%;width:100%;height:100%;z-index:2;background:rgba(1,31,59,0.8);text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box;padding:8% 0;color:#fff;-webkit-transition:all 0.3s;transition:all 0.3s;}
.submain .prodcont .ceng:hover .cont{top:0;}
.submain .prodcont .ceng .cont h3{color:#fff;line-height:30px;font-size:20px;font-weight:100;text-align:center;}
.submain .prodcont .ceng .cont p{line-height:50px;font-size:14px;}
.submain .prodcont .ceng .cont a{background:#fff;color:#011f3b;font-size:14px;padding:3px 10px;-webkit-border-radius:30px;border-radius:30px;}

.submain .contact{padding:3% 0 3%;}
.submain .contact{color:#5b5b5b;line-height:34px;}
.submain .contact li a{color:#fff;background:#044b96;padding:8px 26px;-webkit-border-radius:30px;border-radius:30px;}
.submain h3{color:#011f3b;font-size:16px;letter-spacing:5px;text-align:center;}
.submain .feedback{text-align:center;padding:5% 0;}
.submain .feedback h3{line-height:120px;}
.submain .feedback input,.submain .feedback textarea{width:48%;line-height:34px;height:34px;margin:0px auto 20px;border:1px solid #dcdcdc;padding:0px 5px;font-family:"微软雅黑";display:block;}
.submain .feedback textarea{height:auto;line-height:26px;}
.submain .feedback input:hover,.submain .feedback textarea:hover{color:#011f3b;border:1px solid #011f3b;}
.submain .feedback a.more{width:48%;padding:0px 5px;margin:0px auto 20px;color:#fff;display:block;line-height:34px;background:#100d0d;}

.submain .servtit ul{width:100%;margin:0 auto;padding:2% 0;}
.submain .servtit ul li{width:20%;}

.submain .newslist{padding:0% 0 4%;}
.submain .newslist ul li{padding:15px 0;border-bottom:1px solid #ccc;}
.submain .newslist ul li:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.submain .newslist ul li h3{text-align:left;}
.submain .newslist ul li a.img{display:block;float:left;width:30%;}
.submain .newslist ul li .cont{float:right;width:66%;color:#999;}
.submain .newslist ul li .cont h3 a{color:#42AB33;font-weight:100;line-height:34px;}
.submain .newslist ul li .cont .p1{padding-bottom:20px;line-height:26px;}
.submain .newslist ul li .cont .p2{font-size:12px;color:#ccc;}

.submain .join{padding:0% 0 4%;}
.submain .join  h3{line-height:50px;padding:0;background:#f2f2f2;border-bottom:1px solid #ccc;cursor:pointer;}
.submain .join .joinscroll .cont{color:#999;line-height:34px;display:none;}
.submain .join .joinscroll .cont .time{color:#999;line-height:46px;background:#f9f9f9;}
.submain .join .joinscroll .cont .time p{float:left;width:31.3333%;padding:0px 1%;color:#333;}
.submain .join .joinscroll .cont .time p:nth-child(2){text-align:center;}
.submain .join .joinscroll .cont .time p:nth-child(3){text-align:right;}
.submain .join .joinscroll .cont .pd5 h4{color:#044B96;font-size:16px;padding-top:10px;}
.submain .join .joinscroll .cont .pd5 p span{border:1px solid #1C9C01;padding:4px 8px;margin:0 3px;color:#1C9C01;}
.submain .join .joinscroll .cont .pd5 p a{background:#1C9C01;padding:6px 3%;color:#fff;-webkit-border-radius:20px;border-radius:20px;-webkit-transition:all 0.3s;transition:all 0.3s;}
.submain .join .joinscroll .cont .pd5 p a:hover{padding:6px 6%;}

.submain .conttit ul{width:90%;margin:30px auto 0;}
.submain .conttit ul li{width:30.3333%;float:left;}

/*.submain.technical,.submain.products{padding:50px;max-width:1100px;margin:0 auto 3%;-webkit-box-shadow:0px 0px 10px #333;box-shadow:0px 0px 10px #333;-webkit-box-sizing:border-box;box-sizing:border-box;}*/
.submain .techcon h3,.submain .prodcont h3{font-size:16px;line-height:46px;letter-spacing:0;text-align:left;color:#1A8005;}
.submain .techcon img{max-width:100%;}
.top{display:none;}
.pd5{padding:0px 1% 2%;}
.bgtable{border:1px solid #ccc;border-top:none;border-left:none;color:#333;}
.bgtable th{border:1px solid #03366D;border-bottom:none;border-right:none;line-height:40px;text-align:left;background:#044b96;color:#fff;padding:0px 1%;}
.bgtable td{border:1px solid #ccc;border-bottom:none;border-right:none;line-height:32px;padding:0px 1%;}
.bgtable tr:nth-child(even){background:#F1F7FD;}

.bg_f1f1f1{border:1px solid #f1f1f1;}

@media (max-width:1000px){
	.gnb,.header{display:none;}
	.gnbWrap,.gnbArea{width:100%;}
	.top{padding:6px 10px;display:block;}
	.top a.logo{width:45%;float:left;display:block;}
	.top a.top_menu{width:20%;float:right;display:block;text-align:right;padding-top:2%;}
	.allmenu .smen{}
	.allmenu .smen .dep2Wrap{display:none;}
	.allmenu .smen:hover .dep2Wrap{display:block;}
	.mm-menu > .mm-panel > .mm-navbar + .mm-listview{margin-top:-10px;}
	.mm-listview > li > a, .mm-listview > li > span{line-height:34px;padding:0 15px;}
	.mm-listview > li:not(.mm-divider):after{left:0;}
	.allmenu li a{font-size:14px;display:block;}
	.banner img{max-width:150%;margin-left:-25%;}
	.submain .come{padding:0px 10px 5%;}
	.submain .techtit ul{width:80%;}
	.submain .techcon ul li .cont{padding:4% 3%;}
	
}

@media (max-width:650px){
	.banner img{max-width:200%;margin-left:-50%;}
	.indprod ul{margin:5% 10px;}
	.indprod ul li{width:48%;margin:6px 1%;}
	.footer {padding:0px 10px;-webkit-box-sizing:border-box;box-sizing:border-box;}
	.footer .foot1{padding:30px 0px 35px;display:none;}
	.footer .foot1 dl{width:28%;}
	.footer .foot1 .erwm{width:36%;}
	.footer .foot1 dl.dpn{display:none;}
	.footer .foot2 p.fl,.footer .foot2 p.fr{float:none;line-height:30px;}
	.submain{padding:0px 3%;box-shadow:none;-webkit-box-shadow:none;}
	.submain h2{line-height:40px;}
	.submain .come{padding:0;}
	.submain .come h4{line-height:60px;}
	.submain .come ul li{width:25%;}
	.submain .techtit ul{width:100%;}
	.submain .techcon ul li .img,.submain .techcon ul li .cont{float:none;width:100%;}
	.submain .prodtit ul li{width:48%;overflow:hidden;}
	.submain .prodcont .ceng{float:none;width:100%;left:0;margin:5px 0;}
	.submain .contact{padding:3% 0;}
	.submain .contact li{width:100%;float:none;padding:10px 0;border-bottom:1px solid #dcdcdc;margin:0;}
	.submain .feedback h3{line-height:60px;}
	.submain .feedback input, .submain .feedback textarea,.submain .feedback a.more{width:80%;}
	.submain .newslist ul li a.img{display:none;}
	.submain .newslist ul li .cont{float:none;width:100%;}
	.submain .newslist ul li{padding:15px 3%;}
	.submain .join .joinscroll .cont{padding:0px 2%;}
	.submain.technical, .submain.products{padding:2% 3%;width:100%;}
	.submain .techtit ul li{height:36px;line-height:36px;}
	.submain .conttit ul{width:98%;}
	.submain .techcon ul li .cont h3{font-size:18px;line-height:46px;}
	.submain .servic ul li{width:100%;float:none;border:none;}
	.submain .servic ul li:nth-child(2n+0){float:none;}
	
	.indcomd .indnew,.indcomd .indcult{width:100%;float:none;height:280px;}
	.indcomd .indnew .bd li a.img, .indcomd .indnew .bd li a.img img,.indcomd .indcult .bd li a.img, .indcomd .indcult .bd li a.img img{width:100%;}
}