@media screen and (max-width:1700px){
	
}
@media screen and (min-width:1601px){
	
}
@media screen and (max-width:1440px){  
.inner{max-width:1200px;}

}
@media screen and (max-width:1370px){
.backTop { right: 0px; }	
}
@media screen and (max-width:1280px){
.productIbox .addItem{ width: 580px;}
.picItem{ height: 359px;}	
}
@media screen and (max-width:1200px){
.toolBox .tel-toggle{ display: none;}
.inner{max-width:1200px;}
.logo{ float: left; display:block; position: relative; padding: 0px 0px; width:255px; margin-left: 5px; padding-top:0px;}
.nav{ float: left; display: block;  position: relative; padding:0px; margin:0px 0px 0px 10%;}
.nav li a{ padding: 0px 30px; font-size: 16px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2;}

.search{display:none}

.product-tj{width:100%; max-width:100%; margin:50px auto 50px auto;}
.tjbox li .kitem { position: relative; overflow: hidden; display: block; float:left; margin-bottom: 0px; }
.tjbox li:nth-child(1){float:right; width:25%;}
.tjbox li:nth-child(2){float:right; width:50%;}
.tjbox li:nth-child(3){float:right; width:25%;}
.tjbox li .kitem1{width:100%; float:left;}
.tjbox li .kitem1 img{width:100%;}
.tjbox li .kitem3{width:100%; float:right;}
.tjbox li .kitem3 img{width:100%;}
.tjbox li .kitem2{width:100%; float:left;}

.produc-pgj{width:100%; background:#f1f1f1; margin:60px auto 0px auto; padding-top:50px; padding-bottom:50px;}
.pgjbox li { margin: 0px 0px 0px 0px; float: left; display: block; }
.pgjbox li li .kitem1{width:25%; max-width:300px; float:left; overflow:hidden; display:none}
.pgjbox li li .kitem2{width:100%; max-width:100%; float:left; overflow:hidden}
.product-box{display:none}
.produc-pgj{display:none}

.milepostDemo { width: 90%; }
}


@media screen and (max-width:1080px){
.inner{max-width:1080px;}
.logo{ float: left; display: block; position: relative; padding: 0px 0px; width:255px; margin-left: 5px; padding-top:15px;}
.nav{ float: left; display: block; margin-left: 9%; position: relative;}
.nav li a{ padding: 0px 25px; font-size: 16px; height: 100px; line-height: 100px; display: block; position: relative; z-index: 2;}

.partner .box2 li{width:19%; margin-left:.5%; margin-right:.6%; float:left; margin-bottom:1.1%}
.partner .box2 li img{border:1px solid #eeeeee; width:100%;}
.partner .box2 li:nth-child(6n+6){margin-right:.6%}
.partner .box2 li:nth-child(5n+5){margin-right:0%}		





}


@media screen and (max-width:1024px){
	.inner{width:100%;}
	.tt{display:none;}
	.head{background:#fff; height:60px; overflow:hidden; top:0px;}
	.top{ background-color: #fff; border-bottom: 1px solid #eee; height: 60px; position: fixed; left: 0px; top: 0px; width: 100%; overflow: hidden; z-index:9999999999}
	.top .bg,.nav,.toolBox{ display: none;}
	.headroom.top { -webkit-transition: top 600ms ease; -moz-transition: top 600ms ease; -ms-transition: top 600ms ease; -o-transition: top 600ms ease; transition: top 600ms ease; }
	.headroom .bottom-nav-box { -webkit-transition: bottom 300ms ease; -moz-transition: bottom 300ms ease; -ms-transition: bottom 300ms ease; -o-transition: bottom 600ms ease; transition: bottom 300ms ease; }
	.headroom--unpinned.top { top: -60px; }
	.headroom--unpinned .bottom-nav-box { bottom: -50px;}
	.mtop{ height: 0px;}
	.logo{ margin-left: 0px; padding:0px 11px 0px 5px; width: 200px; margin-top:10px; display:block;}
	.logo img{width:200px; height:auto;}
	.logo .img{ display: none;}
	.logo .img2{ display: block;}
	.moible-menu{ display: block;}

.banner { margin:0px auto 0px auto;}
.about-banner{margin-top:0px;}

.hdmain dd.b50 { width: 100%; display: block; height: auto; float: none; }
.newH { height: 333px; }

.ideaPlist a:hover .bg{ display: none;}

.inside-nav{height:50px; }
.inside-nav li{line-height:50px;}
.inside-nav li a:hover, .inside-nav li a.cur{height:50px;}

.inside-nav2{height:50px; }
.inside-nav2 li{line-height:50px;}
.inside-nav2 li a:hover, .inside-nav2 li a.cur{height:50px;}


.inside-nav3{height:40px; }
.inside-nav3 li{line-height:40px;}
.inside-nav3 li a:hover, .inside-nav3 li a.cur{height:40px;}

.about-company .culture .video img{width:100%;}
.about-company .culture .txt{width:47%; margin-left:1.5%; margin-right:1.5%; float:left; margin-top:50px;}



.smallpicb{ display:none; }
.bigpic{ position:relative; display:block; height:auto;!important }
.bigpic .imgs{ position:relative; }
.bigpic .imgs .pic{ position:relative; display:block !important; }
.bigpic .pospic{ display:none; }
.pmpics { width: 60%; float:none; }
.bigpic .slick-dots{ bottom:10px; margin-top:0; position:absolute; left:0; right:0; }

.tab-title .item2 { width: 30%; margin:1% 1%;}
.qf-xl-box  a {width: 30%; margin:1% 1%;}

.protab-title .item2 {  width: 27.5%; margin:1% 1%;}

.i-about{margin-top:0px;}

.i-product{width:100%; padding:0px 0px; display:block; float:left;}

.i-sd .list li{height:203px; overflow:hidden}
.i-sd .list li img{width:100%;}

.footer .box-l1{margin-left:10px;}


.collective-news { width: 100%; float: left; }
.collecte-t { margin-left: 0px; }
.collecte-t a { float: left; width:19%; margin-right: 2px; color: #fff; background:#0768b2; padding:11px 0px; font-size: 14px; text-align:center; line-height: normal; position: relative; margin-top:0px; margin-bottom:2px;}
.collecte-t a:hover, .collecte-t a.on {background:#fff; color:#000; padding-top:11px; padding-bottom:11px; float:left; margin-top:0px;}
.ipselects{display:none}

.product-view .box .img{width:100%; max-width:1000px;}
.product-view .box .info{width:96%; max-width:100%; margin-left:2%; margin-right:2%;}

.pmpics { width: 100%; }

.productIbox .bx-wrapper .bx-controls-direction a,.productIbox .owl-theme .owl-controls .owl-buttons div{ background: none rgba(0,0,0,0.5); border-radius: 50%;}
.productIbox .bx-wrapper .bx-controls-direction a span,.productIbox .owl-theme .owl-controls .owl-buttons div span{ background:none rgb(183,214,55);background:none rgba(183,214,55,0.7);}
.productIbox .bx-wrapper .bx-prev, .productIbox .owl-theme .owl-controls .owl-buttons .owl-prev,.productIbox .bx-wrapper .bx-next, .productIbox .owl-theme .owl-controls .owl-buttons .owl-next{ opacity: 1; margin-left: 0px; margin-right: 0px;}

.productIbox { width: 100%; height: auto;}
.productIbox .addItem{ width: 100%;}
.proimgIbox .imgbox .img{ display: block;}
.picItem{ height: auto;}

.canshu{width:100%; max-width:1200px; margin-top:30px; display:block; overflow-x:scroll}
.canshu table{width:1200px;} 
.cs-d{display:block;}

.service-net{width:100%; background:#f1f1f1; margin:20px auto 0px auto; display:block; float:left; padding-top:10px; padding-bottom:30px;}
.service-net .map{width:98%; float:left; margin-top:50px; text-align:center;}
.service-net .map img{width:auto}
.service-net .txt{width:98%; margin-left:5%; float:right; margin-top:50px; }


.weixinCon .t{display:none}
.mobCon .t{display:none}
.search{display:none}
 .backTop { background-size: cover; width: 42px; height: 42px; }
    .backTop .ico { width: 9px; height: 10px; margin: 12px auto 0; }
    .backTop:hover .ico { margin-top: 9px; }

.ser-conbox dd{ height:auto; float: left; position: relative; overflow: hidden;}
.ser-conbox dd.item1{width:50%;}
.ser-conbox dd.item2{width:25%;}
.ser-conbox .itembox1{width:50%; float:left; height:auto; width:50%;}
.ser-conbox .itembox2{width:100%; width:100%; height:auto; float:left}
.ser-conbox .itembox3{width:100%; height:auto;}

.about-company .c{width:96%; margin:0px auto}

.glimpseDemo li { margin: 0px 0px 0px 0px; float: left; display: block;}
.glimpseDemo li:nth-child(1){width:35%; clear:both; margin:0% 2%}
.glimpseDemo li:nth-child(2){width:60%}
.glimpseDemo li:nth-child(3){width:50%;}
.glimpseDemo li:nth-child(4){width:47%; margin:0% 2%}
.glimpseDemo li:nth-child(5){width:47%}
.glimpseDemo li:nth-child(6){width:47%; margin:0% 2%}
.glimpseDemo li:nth-child(7){width:47%}
.glimpseDemo li .kitem1{width:100%; float:left; margin-right:10px;}
.glimpseDemo li .kitem1 img{width:100%;}
.glimpseDemo li .kitem2 { float: left; display: block; width: 100%; margin-right: 10px; }
.glimpseDemo li .kitem2 img{width:100%;}
.glimpseDemo li .kitem3 { float: left; display: block; width: 100%; display:none}
.glimpseDemo li .kitem4 { float: left; display: block; width: 100%; margin-right: 10px;}
.glimpseDemo li .kitem4 img{width:100%;}
.glimpseDemo li .kitem5 { float: left; display: block; width: 100%; margin-right: 10px;}
.glimpseDemo li .kitem5 img{width:100%;}
.glimpseDemo li .kitem6 { float: left; display: block; width: 100%;}
.glimpseDemo li .kitem6 img{width:100%;}

.milepostPage .inner { padding: 60px 0px; }

.video li{width:32%; margin-right:2%; display:block; overflow:hidden; float:left; margin-bottom:2%; text-align:center}
.video li:nth-child(4n+4){margin-right:2%}
.video li:nth-child(3n+3){margin-right:0}

}	
@media screen and (max-width:861px){
.introduce{margin-bottom:30px;}
.introduce li{width:50%;}
.advantage{background:#0768b2 url(../images/advantage.jpg) no-repeat; float:left; width:100%; margin-top:70px; padding:60px 0px;}
.advantage li{width:50%; text-align:center; float:left; margin-bottom:20px;}


.inside-title {margin-top:35px; text-align:center; position:relative}

.contact{width:100%;}
.contact li{width:96%; margin-left: 2%; margin-right:2%; float:left}
.contact li:last-child{margin-right:2%}
.contact .feedback{width:100%; float:left; margin-bottom:60px;}
.contact .feedback  h6{color:#0768b2; font-size:12px; width:100%; line-height:18px; margin-bottom:10px;}

.i-service{margin-top:0px; background:#fff; float:left; padding:50px 0px 0px 0px; width:100%}
.i-service .img img{width:100%; }

.i-sd .list li{height:152px; overflow:hidden}
.i-sd .list li img{width:100%;}
 
 
     
.ideaPlist{ padding-top: 30px;}
.ideaPlist dd{ width: 48%; margin-bottom: 2%;}

.aboutBox{height:auto}
.aboutBox dd{  width: 100%; float: left; position: relative; overflow: hidden;}
.videoIbox .vimg{height:auto;}
.about-company{width:100%; margin:30px auto 30px auto;}
.about-company .workshop{width:100%;}
.about-company .workshop li{width:48%;float:left; margin-left:0; margin-right:0; background:#fff; margin-bottom:3.1%; transition:460ms}
.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li:nth-child(2n+2){margin-right:2%; margin-left:2%;}

.about-company .honor{width:100%;}
.about-company .honor li{width:48%;float:left; margin-left:0; margin-right:0; background:#fff; margin-bottom:3.1%; transition:460ms}
.about-company .honor li:nth-child(3n+3){margin-right:0}
.about-company .honor li:nth-child(2n+2){margin-right:2%; margin-left:2%;}


.about-company .case li{width:31%;  float:left; background:#fff; margin-bottom:2%; transition:460ms}
.about-company .case li:nth-child(5n+5){margin-right:2%!important}
.about-company .case li:nth-child(3n+3){margin-right:2%; margin-left:0%;}


.about-company .culture .video{width:100%; float:left; margin-top:20px;}
.about-company .culture .txt{width:97%; float:left; margin-top:20px;}

.product-list{width:98%; margin:0px auto;}
.product-list li{ width:32%; margin-right:1.5%; float:left; margin-bottom:60px;}
.product-list li:nth-child(4n+4){ margin-right:2%;}
.product-list li:nth-child(3n+3){ margin-right:0;}


.product-view .yysj li{width:31%; float:left; background:#f1f1f1; margin-bottom:2%; transition:460ms}
.product-view .yysj li:nth-child(5n+5){margin-right:2%!important}
.product-view .yysj li:nth-child(3n+3){margin-right:2%; margin-left:0%;}





.ibox .boxitem {width:49.5%;}
.news-box{margin-top:30px;}
.news-box .img, .news-box .list{width:100%;}



.news-list li figure{float:left; line-height:normal; width:40%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; width:100%; transition:460ms;}
.news-list .desc {float: left; width: 54%; padding-left: 3%; padding-right: 3%;}
.news-list .desc p {height: 75px; line-height:25px; font-size:14px; color: #666; overflow: hidden; margin:10px 0px;}
.news-list .more {display:block; width:80px; height:32px; border:2px solid #eee; background:#fff; text-align:center}



.news-policy-list li{width:46%; margin-left:2%; margin-right:0%; float:left; background:#fff; margin-bottom:3.1%; transition:460ms}
.news-policy-list li:nth-child(3n+3){margin-right:0}
.news-policy-list li:nth-child(2n+2){ margin-left:2%; margin-right:2%;}


.product-view .details .d-img li{width:48%; margin-left:0%; margin-right:0%; float:left; background:#fff; margin-bottom:3.1%; transition:460ms}
.product-view .details .d-img li:nth-child(3n+3){margin-right:0}
.product-view .details .d-img li:nth-child(2n+2){ margin-left:2%; margin-right:2%;}



.video-box {width:96%;  margin:30px 2%;}
.video-box .tit{text-align:center; font-size:24px; color:#ccc; padding:10px 0px; margin-bottom:20px;}
.video-box .img{margin:0px auto; text-align:center}
.video-box .img img{width:100%;}



.collecte-t a {width:33%;}


.product-view .box .img{width:100%; max-width:100%;}
.product-view .box .info{width:96%; max-width:100%; margin-left:2%; margin-right:2%;}

.pmpics { width: 100%; }



.newsview .c img {width:100%;}

.pro-list li{width:47%; margin-right:0px; margin-left:2%;}
.pro-list .item {height:100%; padding:10px;}
.pro-list .img {width:100%; display:block; position:relative}
.pro-list .img img { width: 96%; display: block;}
.pro-list .box {width:96%; padding-left:10px; display:block; padding-top:50px;}


.partner .box2 li{width:24%; margin-left:.5%; margin-right:.5%; float:left; margin-bottom:1.1%}
.partner .box2 li img{border:1px solid #eeeeee;}
.partner .box2 li:nth-child(6n+6){margin-right:.5%}
.partner .box2 li:nth-child(5n+5){margin-right:.5%}	
.partner .box2 li:nth-child(4n+4){margin-right:0%}	
.banner{display:none}
.mbanner{display:block;}
.about-banner{display:block}
.m-about-banner{display:none}

.about-company .box li img{width:100%;}


.job-newbox dd{ width:100%;}
.job-newbox2 .t{ padding:5% 0px 5px 5%; font-size:30px; line-height:30px; color:#000; display:block}
.job-newbox2 .box{width:100%; max-width:100%;}
.job-newbox2 .list li .bt{width:55%; float:left}
.job-newbox2 .list li .yx{width:30%; float:left}
.job-newbox2 .list li .rq{width:15%; float:left}

.i-about .list li{width:33.33%; float:left}
.i-about .list li img{width:100%;}
.i-about .list li H6:after {width:5%;}
.i-about .list li H6:before {width:5%; }


.footer{display:block}
.footleft{width:90%; margin-left:2%;}
.footright{display:none}

.footer .box-l1{display:inline-block; float:left; padding-top:50px; width:40%;}

.footer .box-l2{display:inline-block; padding-bottom:50px; width:55%;}
.footer .box-r{display:none;}

.product-view .box .img img{width:100%;}
.details .excellent-tab-con .cc{width:100%; line-height:30px; margin-top:20px; display:block;}
.details .excellent-tab-con .cc img{width:100%;}


.contact .contbox{margin-bottom:20px;}
.i-contact{width:100%; margin-top:0px}
.i-contactbox li{ width: 100%; height:auto}
.i-contactbox2 .box{width:95%; max-width:600px; float:none; margin:0px auto;}
.i-contact-imgbox .vimg{ width:auto; height:200px; overflow:hidden}

.ser-down{width:98%; margin:0px auto 0px auto; float:none;}
.ser-down li{width:31.8%; margin-right:2%; float:left; background:#eee; margin-bottom:2%}
.ser-down li:nth-child(4n+4){margin-right:2%;}
.ser-down li:nth-child(3n+3){margin-right:0;}


.ser-faq{width:98%; margin:0px auto 0px auto; float:none;}
.ser-faq li .lb{width:7%;}
.ser-faq li .txt{width:93%;}

.video li{width:49%; margin-right:2%; display:block; overflow:hidden; float:left; margin-bottom:2%; text-align:center}
.video li:nth-child(4n+4){margin-right:2%}
.video li:nth-child(3n+3){margin-right:2%}
.video li:nth-child(2n+2){margin-right:0}

.sale img{width:100%}
.product-view .details .c img{width:100%;}
.product-view .details .list li{width:32%; margin-right:2%; float:left; text-align:center}
.product-view .details .list li img{width:100%;}
.product-view .details .list li:nth-child(3n+3){margin-right:0%;}
.product-view .details .list li:last-child{margin-right:0%;}


}
@media screen and (max-width:641px){
.i-about{margin-top:0px; padding-top:20px;}
.i-about .box{background:url(../images/m_i_about_bj.jpg) no-repeat; padding-top:43px; height:450px;}
.i-about .list li{width:100%; margin-bottom:20px;}
.i-about .list li img{width:100%; max-width:400px; margin:0px auto}
.i-about .list li H6:after {display:none}
.i-about .list li H6:before {display:none}

.i-news{width:96%; margin-right:2%; margin-left:2%;}
.i-news .list li{width:96%; float:left; margin-bottom:20px;}

.footer .box-l1{display:inline-block; float:left; padding-top:20px; width:90%;}

.footer .box-l2{display:inline-block; padding-bottom:20px; width:90%; margin-left:10px;}
.footer .box-r{display:none;}


.about-cc-list dd{ width:100%; margin-left: 2%;}

.about-company{width:100%; margin:30px auto 30px auto;}
.about-company .box li{width:33%; margin-bottom:30px; border-right:0}
.about-company .box li img{}

.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li:nth-child(2n+2){margin-right:2%; margin-left:2%;}

.about-company .honor li:nth-child(3n+3){margin-right:0}
.about-company .honor li:nth-child(2n+2){margin-right:2%; margin-left:2%;}

.newsview H3 {font-size: 24px; color: #333; line-height: 36px; text-align: center; padding:0px 10px;}
.newsview .c {font-size: 14px; line-height: 30px; padding: 0px 0px; margin-top: 30px;}

.news-list li figure{float:left; line-height:normal; width:40%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; width:100%; transition:460ms;}
.news-list .desc {float: left; width: 54%; padding-left: 3%; padding-right: 3%;}
.news-list .desc p {height: 25px; line-height:25px; font-size:14px; color: #666; overflow: hidden; margin:10px 0px;}
.news-list .more {display:block; width:80px; height:32px; border:2px solid #eee; background:#fff; text-align:center}



.tab-title .item2 { width: 46%; margin:1% 1%;}
.protab-title .item2 { width: 44.5%; margin:1% 1%;}
.qf-xl-box  a { width: 46%; margin:1% 1%;}


.ser-conbox dd{height:100%; width: 33.33%; float: left; position: relative; overflow: hidden;}

.ser-conbox2 i{background:url(../images/service_s1.jpg) center no-repeat; width:100%; background-size:cover; display:block; margin:0px auto; margin-top:0%;}
.ser-conbox2 .t{display:none}
.ser-conbox2 .c{display:none}
.ser-conbox3 i{background:url(../images/service_s2.jpg) center no-repeat; width:100%; background-size:cover; display:block; margin:0px auto; margin-top:0%;}
.ser-conbox3 .t{display:none}
.ser-conbox3 .c{display:none}


.ser-conbox4 i{background:url(../images/service_s3.jpg) center no-repeat; width:100%; background-size:cover; display:block; margin:0px auto; margin-top:0%;}
.ser-conbox4 .t{display:none}
.ser-conbox4 .c{display:none}



.ser-conbox4{background-size:100%;}


.collecte-t a {width:48%; margin-left:1%;}
.excellent-tab-t li{ width:24.5%;}
.excellent-tab-con{margin-left:2%; margin-right:2%;}
.product-view .zixun .t{padding:10px 10px;}
.product-view .zixun .list dd{width:96%; margin-left:2%; margin-right:2%;}
.product-view .zixun .list dt{width:96%; margin-left:2%; margin-right:2%;}
.product-view .zixun .list label{float:left; position:relative; top:10px; left:10px; display:block; width:45px;}
.product-view .zixun .list .txt{ background-color: #fff; border: 0px none; border-left:1px solid #ddd; padding: 10px 12px; box-sizing: border-box; width:85%; font: 14px/1.8 "microsoft yahei";  color:#999}

.productlist{width:100%; max-width:1200px; margin:30px auto}
.product-list li{ width:48%; margin-right:2%; float:left; margin-bottom:20px;}
.product-list li:nth-child(4n+4){ margin-right:2%;}
.product-list li:nth-child(3n+3){ margin-right:2%;}
.product-list li:nth-child(2n+2){ margin-right:0;}
.product-list li figure img{ width:100%;}
.product-list li figcaption .tit H3{font-size:16px; color:#fff; line-height:40px; font-family:Arial, Helvetica, sans-serif;}
.product-list li figcaption .tit .t2{color:#000; font-size:14px; line-height:30px; font-weight:normal;  margin:0px auto 0 auto; background:#fff; font-weight:normal; line-height:40px; text-align:center!important; position:relative; top:0px; z-index:2; transition:1ms}
.product-list li figcaption .tit .xian{display:none}
.plr20{padding:0px 0px;}



.hdmain dd { float: none; height: auto; }
.newH { height: auto; background-color: #efefef; }
.b25 { width: 100%; }
.b33 { width: 100%; }

.i-ibox .item1{ width: 100%; height:400px; margin-right:1%; background:center center}
.i-ibox .item2{ width: 100%; height:400px; margin-right:1%; background:center center}
.i-ibox .item3{ width: 100%; height:400px; background:center center no-repeat}
.i-ibox .item3{ margin-top:3%;}

.service-net .map img{width:100%;}
.service-net .txt .icon li{width:48%; margin-right:2%; margin-bottom:2%;  text-align:center; float:left; cursor:pointer; }


.about-company img{width:100%;}

.product-view .details .d-img2{width:100%;}
.product-view .details .d-img2 li{width:100%; margin-left:0%; margin-right:0%;}
.product-view .details .d-img2 li:nth-child(2n+2){ margin-left:0%; margin-right:0%;}


.about-company .case li{width:48%;  float:left; background:#fff; margin-bottom:2%; transition:460ms}
.about-company .case li:nth-child(5n+5){margin-right:2%!important}
.about-company .case li:nth-child(2n+2){margin-right:2%; margin-left:0%;}


.partner .box2 li{width:32%; margin-left:.6%; margin-right:.7%; float:left; margin-bottom:1.1%}
.partner .box2 li img{border:1px solid #eeeeee;}
.partner .box2 li:nth-child(6n+6){margin-right:.7%}
.partner .box2 li:nth-child(5n+5){margin-right:.7%}	
.partner .box2 li:nth-child(4n+4){margin-right:.7%}
.partner .box2 li:nth-child(3n+3){margin-right:0%}	


.target .i-ibox1{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; transition: 400ms ease 350ms; -webkit-transition: 400ms ease 350ms ;}
.target .i-ibox-C{ transform: translate(0px,0px); -webkit-transform: translate(0px,0px); opacity: 1; }

.advantage{margin-top:30px; padding:50px 0px;}
.advantage .title H6:after {display:none}
.advantage .title H6:before {display:none}

.i-product{padding:0px 0px;}
.i-news{width:100%; margin-top:30px;}
.i-news .list{ position:relative; margin-top:30px;}

.i-sd{margin-top:30px;padding-top:50px; padding-bottom:30px;}
.i-sd .title {text-align:center; position:relative}
.i-sd .title H2{font-size:30px; color:#000; line-height:36px; font-weight:bold}
.i-sd .title H4{font-size:14px; color:#666; line-height:24px; margin-top:15px;} 
.i-sd .list{width:100%; display:block; margin-top:50px; float:left}
.i-sd .list li{width:50%; float:left; padding:0px; margin:0px; content:""; display:block; height:auto; overflow:hidden}
.i-sd .list .v{width:100%;}


.footer .tel{margin-top:40px;}
.footer .tel H6{font-size:14px; color:#fff; line-height:20px;}
.footer .tel span{display:block}
.footer .tel H3{font-size:30px; font-family:"Impact"; color:#f6d300;}


.dock{line-height:30px; width:100%; float:right; }
.dockCon{position:relative;}
.dockCon li{float:right; margin-right:20px; margin-bottom:20px;}
.dockCon li:hover i,.dockCon li.active,.dockCon li.first:hover{ cursor: pointer;}
.dockCon .i2{background:url(../images/weixin.png) no-repeat; width:109px; height:109px; display:block}
.dockCon .i3{background:url(../images/mobile.png) no-repeat; width:109px; height:109px; display:block}

.dockCon .con{ background-color: #0768b2; color: #fff; position: absolute; display: none; z-index: 999999; font-size:14px;}
.downcon{ width: 120px; text-align: center; height: 60px; background-color: #b7d637; top: 0px;  line-height: 60px;}
.weixinCon{ padding:0px 0px; text-align: center; color: #fff; top: 0px; right:150px!important; width:109px; position:relative}
.weixinCon img{width:100%;}
.weixinCon .t{display:none}
.mobCon{ padding:0px 0px; text-align: center; color: #fff; top: 0px; right:20px!important; width:109px;}
.mobCon img{width:100%;}
.mobCon .t{display:none}
.about-cc{ margin-bottom:50px;}

.jobview .list dd{width:96%; margin-left:2%; margin-right:2%;}
.jobview .list dt{width:96%; margin-left:2%; margin-right:2%;}


.ser-conbox dd{ height:auto; float: left; position: relative; overflow: hidden;}
.ser-conbox dd.item1{width:100%;}
.ser-conbox dd.item2{width:50%;}
.ser-more{text-align:center; margin:20px auto 0px auto;}
.ser-more a{text-align:center;} 



.inside-nav{ border:0px solid #eeeeee;  margin-top:0px; padding-top:10px; padding-bottom:10px; height:auto; background:#fff;}
.inside-nav li{  line-height:40px; text-align:center;  width:31%; margin-bottom:2%; margin-right:2px;}
.inside-nav li:nth-child(3n+3){margin-right:0%;}
.inside-nav li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block; border:1px solid #eee;}
.inside-nav li a:hover, .inside-nav li a.cur{text-decoration:none; background:#e70012; color:#fff; height:40px;}
.inside-nav li a.cur:after{ display:none}


.inside-nav3{ border:0px solid #eeeeee;  margin-top:0px; padding-top:10px; padding-bottom:10px; height:auto; background:#fff;}
.inside-nav3 li{  line-height:40px; text-align:center;  width:31%; margin-bottom:2%; margin-right:2px;}
.inside-nav3 li:nth-child(3n+3){margin-right:0%;}
.inside-nav3 li a{font-size:14px; color:#666; text-decoration:none; width:100%; display:block; border:1px solid #eee;}
.inside-nav3 li a:hover, .inside-nav li a.cur{text-decoration:none; background:#e70012; color:#fff; height:40px;}
.inside-nav3 li a.cur:after{ display:none}

.n-tit .t{ padding-top:30px; margin-bottom:0px;}


.pagelist{ text-align:center; margin:3px 0px;}
.pages a.nuble{display:none}
.pages a.prev{display:block}
.pages a.prpage{display:block}
.pages a.nex{display:block}

.pages2 a.nuble{display:none}
.pages2 a.prev{display:block}
.pages2 a.prpage{display:block}
.pages2 a.nex{display:block}

.about-company .history{width:100%; background:#016cb9; background-image:none; height:auto; margin-top:30px; padding-bottom:30px;}

.historyPage .citem{ height: auto;}
.historyDemo .item{ height: auto;}
.hisBot{ top: 0px; left: 20px; width: 2px; height: 100%; margin-top: 0px; background-color: #d5d5d5;}
.historyDemo .hitem1,.historyDemo .hitem2,.historyDemo .hitem3,.historyDemo .hitem4{ float: none; width: auto; position: relative; left: 20px; top: auto; height: auto; margin-bottom: 25px; padding-top: 0px;}
.historyDemo .c{ font-size: 1.8; padding-left:20px;}
.historyDemo .hitem1 .xian, .historyDemo .hitem2 .xian,.historyDemo .hitem3 .xian, .historyDemo .hitem4 .xian{ bottom: auto; top: 3px; height: 5px;}
.historyDemo .dian,.historyDemo .hitem1 .dian, .historyDemo .hitem2 .dian{ top: 0px; bottom: 0px; left: -5px; background: none #F0BE00; border-radius: 50%; width: 10px; height: 10px;}
.historyDemo .hitem3 .dian, .historyDemo .hitem4 .dian{ top: 0px;}
.historyDemo .year{ line-height: 1; margin-bottom: 5px; position: relative; top: -4px; font-size: 20px; padding-left:20px;}


.tjbox li:nth-child(1){float:left; width:50%;}
.tjbox li:nth-child(2){float:right; width:100%; display:none}
.tjbox li:nth-child(3){float:right; width:50%;}

.history-list{width:96%; margin:50px auto; max-width:96%;}

.fnav{display:none}
.fcontact{margin-top:0px;}

.ser-down li{width:100%; margin-right:2%; float:left; background:#eee; margin-bottom:2%}
.ser-down li:nth-child(4n+4){margin-right:2%;}
.ser-down li:nth-child(3n+3){margin-right:2%;}
.ser-down li:nth-child(2n+2){margin-right:2%;}

.milepostDemo { width: 80%; }
.proLeft, .proRight { transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8); }
.milepostPage .inner { padding: 40px 0px; }
}

@media screen and (max-width:481px){
.introduce li{width:50%; margin-bottom:20px; font-size:12px;}
.introduce li img{width:90%;}
.introduce li h6{padding:0px 20px; line-height:24px; margin-top:20px;}
.advantage li{width:50%; font-size:14px;} 
.advantage li img{width:90%;} 

.footer .t { padding: 20px 0 20px 0; } 
.i-service .box li{width:46%; text-align:center; background:#fff; margin-right:2%;margin-left:2%; float:left; padding:0px 0px; margin-bottom:10px; transition:460ms; cursor:pointer}


.news-policy-list li{width:96%; margin-left:2%;}

.about-company .workshop li{width:49%;}
.about-company .workshop li:nth-child(3n+3){margin-right:0}
.about-company .workshop li:nth-child(2n+2){margin-right:0%; margin-left:2%;}

.about-company .honor li{width:49%;}
.about-company .honor li:nth-child(3n+3){margin-right:0}
.about-company .honor li:nth-child(2n+2){margin-right:0%; margin-left:2%;}


.about-company .culture{ margin-top:30px;}


.product-view .details .d-img li{width:100%;}
.product-view .details .d-img li:nth-child(3n+3){margin-right:0}
.product-view .details .d-img li:nth-child(2n+2){ margin-left:0%; margin-right:0%;}

.ibox .boxitem {width:49.5%; margin-left:0%;}
.job-imgbox .vimg .img{background-size:100%;}

.jot span:nth-child(3){ display:none; }
.jot span:nth-child(2),.jot span:nth-child(4){ display:none; }
.jot span{ width:32%; }
.jot { padding-left: 30px; }
.jotxs .arrow { width: 30px; }
.jotxs .line_1 { left: 0; }
.jotxs .line_2 { left: 10px; }
.jos { padding-left: 30px; }
.jotxs { margin-bottom: 20px; }



.pro-list .item {height:100%; padding:10px;}
.pro-list .img {width:100%; display:block; left:5px; position:relative}
.pro-list .img img { width: 94%; display: block;}
.pro-list .box {width:94%; padding-left:10px; display:block; padding-top:50px;}



.i-news .title{width:100%; position:relative; text-align:center}
.i-news .title H6 {font-size: 13px; color: #999; margin:0px auto 0 auto; line-height:40px; text-align:center!important; letter-spacing:10px;}
.i-news .title H6:after {display:none}
.i-news .title H6:before {display:none}


.aboutBox2 dd{height:100px; width:33.33%; float:left; position:relative; overflow:hidden}

.aboutBox2 .a1{background:#0769b2;}
.aboutBox2 .a1 .img{position:absolute; left:0%; top:0%; display:block; margin:0px 0px 0px 0px; width:100%; background:url(../images/about_ab1.jpg) no-repeat; background-size:100%; padding:0px;}
.aboutBox2 .a1:hover .img{ transform:scale(1)}
.aboutBox2 .a2{background:#f6d300;}
.aboutBox2 .a2 .img{position:absolute; left:0%; top:0%; display:block; margin:0px 0px 0px 0px; width:100%; background:url(../images/about_ab2.jpg) no-repeat; background-size:100%}
.aboutBox2 .a2:hover .img{ transform:scale(1)}
.aboutBox2 .a3{background:url(../images/about_a3.jpg) no-repeat top center;}
.aboutBox2 .a3 .img{position:absolute; left:0%; top:0%; display:block; margin:0px 0px 0px 0px; width:100%; background:url(../images/about_ab3.jpg) no-repeat; background-size:100%}
.aboutBox2 .a3:hover .img{ transform:scale(1)}


.contact .feedback .txt{width: 96%;}



.job-newbox dd{width: 100%; float: left; position: relative; overflow: hidden;}

.job-imgbox{ cursor: pointer; height:250px!important;}
.job-imgbox .vimg{ width: 100%; height: 250px;}
.job-imgbox .vimg .img{ height: 100%; width: 100%; background-repeat: no-repeat; background-size: cover; background-position: center center;}

.about-company .box{width:100%; margin-top:30px; float:left; margin-bottom:30px;}


.job-newbox2 .list li .bt{width:60%; float:left}
.job-newbox2 .list li .yx{width:40%; float:left}
.job-newbox2 .list li .rq{display:none}

.news-list li {position: relative; margin-bottom: 10px; padding-top:10px; padding-bottom:10px; background: #fff; overflow: hidden;}

.ser-faq li .lb{width:12%;}
.ser-faq li .txt{width:88%;}

.product-view .details .list ul{margin-left:2%;}
.product-view .details .list li{width:48%; margin-right:2%; float:left; text-align:center}
.product-view .details .list li img{width:100%;}
.product-view .details .list li:nth-child(3n+3){margin-right:2%;}
.product-view .details .list li:nth-child(2n+2){margin-right:2%;}
.product-view .details .list li:last-child{margin-right:0%;}
}

@media screen and (max-width:421px) {
.ideaPlist{ margin-left: 0px;}
.ideaPlist dd{ width: 100%; margin-left: 0px;}
.ideaPlist .con{ padding: 30px 5%; height: auto;}
.jot span:nth-child(1){ width:34%; }
.jot span:nth-child(6){ width:30%; }
.jot span{ font-size:13px; }
.jot span:nth-child(3){ display:none; }
.jot span:nth-child(2),.jot span:nth-child(4){ display:none; }


.about-company .case li{width:49%; float:left; background:#fff; margin-bottom:2%; transition:460ms}
.about-company .case li:nth-child(5n+5){margin-right:0%!important; margin-left:0%;}
.about-company .case li:nth-child(4n+4){margin-right:2%; margin-left:0%;}
.about-company .case li:nth-child(3n+3){margin-right:2%; margin-left:0%;}
.about-company .case li:nth-child(2n+2){margin-right:0%; margin-left:0%;}

.aboutIbox{ height: 380px;}

.partner .box2 li{width:48%; margin-left:1%; margin-right:1%; float:left; margin-bottom:1.1%}
.partner .box2 li img{border:1px solid #eeeeee; width:100%;}
.partner .box2 li:nth-child(6n+6){margin-right:1%}
.partner .box2 li:nth-child(5n+5){margin-right:1%}	
.partner .box2 li:nth-child(4n+4){margin-right:1%}
.partner .box2 li:nth-child(3n+3){margin-right:1%}	
.partner .box2 li:nth-child(2n+2){margin-right:0%}	

.i-news .title H6 {font-size: 12px; color: #999; margin:0px auto 0 auto; line-height:40px; text-align:center!important; letter-spacing:8px;}

.aboutBox2 dd{height:90px;}


.news-list li figure{float:left; line-height:normal; width:40%; margin:0 auto; overflow:hidden;}
.news-list li figure img {display:block; line-height:0; width:100%; transition:460ms;}
.news-list .desc {float: left; width: 54%; padding-left: 3%; padding-right: 3%;}
.news-list .desc p {display:none}
.news-list .more {margin-top:10px;}

.boxitem .itemtxt .ico {top: 55px;}
.boxitem .itemtxt:hover .ico {padding-top: 25%; opacity: 1; filter: alpha(opacity=100); top: 30%;  }
}

@media screen and (max-width:321px){
	body{ font-size: 12px;}
.logo{ margin-left: 0px; padding:0px 11px 0px 5px; width: 180px; margin-top:10px; display:block;}
.logo img{width:180px}
.aboutBox2 dd{height:80px;}

.newsview .info span:nth-child(3){display:none}


.news-list .more {width:80px; height:20px; border:1px solid #eee; background:#fff; text-align:center}
.news-list .more span {line-height:22px;}


.ser-faq li .lb{width:15%;}
.ser-faq li .txt{width:85%;}

.product-view .zixun .list .fromBtn{width:130px;}
.product-view .zixun .list .fromBtn2{width:130px;}
}