
@media screen and (max-width:1500px){

.w{ width:1280px;}

.htProdcut-page .htAbout-title{ margin-left:-640px;}
.htProdcut-list li .word{ width:1280px; margin-left:-640px;}


.pcontact-list{ padding:50px 0 0 30px;}
.pcontact-list .log img{ width:80%;}

}


@media screen and (max-width:1280px){

.w{ width:1200px;}

.htProdcut-page .htAbout-title{ margin-left:-600px;}
.htProdcut-list li .word{ width:1280px; margin-left:-600px;}

.htFooter-topLeft .f-menu a{ padding:0 20px;}

}


@media screen and (max-width:1600px){


}


@media screen and (max-width:1450px){

}


@media screen and (max-width:1300px){


}


@media screen and (max-width:834px){


.w{ width:94%;}

.htHead{ padding:11px 0;}
.htHead-logo{ width:250px;}
.htHead-email{ display:none;}
.htHead-search{ width:100%; margin:10px 0 0 0;}
.htNav{ display:none;}
.pmenuBtn{ display:block;}

.htHead-search{ height:36px; display:none;}
.htHead-search .inpt{ height:34px; line-height:34px; padding-left:15px;}
.htHead-search .btn{ font-size:24px;}


.htBanner .swiper-pagination{ bottom:10px !important;}
.htAbout-page{ padding:20px 0;}
.htAbout-title{ font-size:18px; padding-bottom:10px;}
.htAbout-title .en{ font-size:15px; padding-left:10px;}
.htAbout-word{ width:100%;}
.htAbout-word .slogan{ font-size:16px; padding:15px 0 10px 0;}
.htAbout-word .text{ font-size:15px; line-height:28px; margin-top:10px; max-height:84px;}
.htAbout-word .more{ width:120px; line-height:35px; margin-top:10px;}
.htAbout-word .more .iconfont{ font-size:16px; margin-left:10px;}

.htAbout-video{ width:100%; height:auto; margin-top:15px;}


.htProdcut-list li .figure{ width:100%;}
.htProdcut-list li .word{ width:100%; position:relative; left:auto; margin-left:auto;}
.htProdcut-list li .word .w-box{ width:100%; padding:15px 3%;}
.htProdcut-list li .word .t{ font-size:18px; padding-bottom:10px;}
.htProdcut-list li .word .c{ font-size:15px; line-height:28px; margin-top:10px; max-height:84px;}
.htProdcut-list li .word .m{ width:120px; line-height:35px; margin-top:10px;}
.htProdcut-list li .word .m .iconfont{ font-size:16px; margin-left:10px;}
.htProdcut-list .swiper-button-next, .htProdcut-list .swiper-button-prev{ background:#145ea9; border-color:#145ea9; top:20%; bottom:auto;}
.htProdcut-list .swiper-button-prev{ left:3%;}
.htProdcut-list .swiper-button-next{ left:auto; right:3%;}



.htNews-page{ padding:20px 0;}
.htNews-list{ margin-top:0;}
.htNews-list li{ width:100%; margin-top:15px;}
.htNews-list li .img{ opacity:1; transform:scale(1.05); -moz-transform:scale(1.05); -webkit-transform:scale(1.05);}
.htNews-list li .word{ background:rgba(0,0,0,.5); color:#fff; padding:15px;}
.htNews-list li .word .d{ color:#fff; font-size:15px;}
.htNews-list li .word .t{ font-size:16px; margin-top:10px;}
.htNews-list li .word .c{ color:#fff; font-size:15px; max-height:52px; margin-top:10px;}
.htNews-list li .word .m{ color:#fff; border-color:#fff; padding:8px 0 0 0;}


.htFooter-top{ padding:20px 0;}
.htFooter-topLeft{ width:100%;}
.htFooter-topLeft .f-menu{ display:none;}
.htFooter-topRight{ width:100%; padding-top:20px;}
.htFooter-topRight a{ min-width:inherit; width:33.3%;}
.htFooter-topRight a .iconfont{ font-size:30px;}
.htFooter-topRight a .tit{ margin-top:5px;}
.htFooter-btm{ padding:15px 0; line-height:22px; font-size:13px;}
.htFooter-btm img{ margin-left:5px;}


.pmain{ padding:25px 0;}
.pmain-top .title{ width:100%;}
.pmain-top .title .en{ font-size:24px;}
.pmain-top .title .cn{ font-size:18px; padding:6px 0 10px 0;}
.pmain-top .menu{ width:100%; padding:15px 0 0 0;}
.pmain-top .menu a{ width:49%; padding:0; margin-right:0; margin-top:5px; font-size:16px; text-align:center;}
.pmain-top .menu a:nth-child(2n+2){ float:right;}

.pmain-about{ margin-top:20px; font-size:15px; line-height:28px;}
.pmain-about table{ width:100% !important;}
.pmain-about .figure{ width:100%;}
.pmain-about .word{ width:100%; padding-top:10px;}

.pabout-honor{ margin-left:0; padding-top:0;}
.pabout-honor li{ width:100%; margin:15px 0 0 0;}
.pabout-honor li .tit{ font-size:15px; margin-top:10px;}

.ppage{ padding-top:25px; line-height:30px;}
.ppage a{ line-height:30px; font-size:14px; margin:3px; padding:0 10px;}
.ppage .nowpage{ line-height:30px; font-size:14px; margin:3px; padding:0 10px;}

.pnews-left{ width:100%; padding-top:10px;}
.pnews-right{ display:none;}
.pnews-list li{ padding:15px 0;}
.pnews-list li .date .d{ font-size:18px;}
.pnews-list li .cont{ padding-left:15px;}
.pnews-list li .cont .t{ font-size:16px;}
.pnews-list li .cont .c{ margin-top:6px;}

.pnews-detaTop{ padding-top:30px;}
.pnews-detaTop .t{ font-size:18px;}
.pnews-detaInfo{ padding:20px 0; font-size:15px; line-height:28px;}
.pnews-detaPage{ padding:10px 0 0 0;}
.pnews-detaPage a{ font-size:14px; line-height:26px;}

.pprodcut-list{ margin-left:0;}
.pprodcut-list li{ width:100%; margin:15px 0 0 0;}
.pprodcut-list li .tit{ font-size:15px; line-height:40px; bottom:0;}

.pprodcut-detaMain{ width:100%; padding-top:25px;}
.pprodcut-detaTit{ font-size:18px; padding-bottom:15px;}
.prodcut-detaList .swiper-button-next, .prodcut-detaList .swiper-button-prev{ width:30px; height:60px; line-height:60px; font-size:24px; margin-top:-30px;}
.pprodcut-detaWord{ font-size:15px; line-height:26px; margin-top:15px;}

.pprodcut-detaPage{ margin-top:15px; padding-top:5px;}
.pprodcut-detaPage a{ width:100%; max-width:100%; padding:5px 0; font-size:14px; line-height:28px;}

.pdown-list{ padding-top:0;}
.pdown-list li{ width:100%; margin-top:15px;}
.pdown-list li a{ background:url(../images/pdown.png) no-repeat 10px center; background-size:20px auto; padding:10px 40px; font-size:15px; line-height:22px;}
.pdown-list li a .iconfont{ font-size:20px; right:10px; top:10px;}

.pjoin-us{ width:100%; padding-top:10px;}
.pjoin-us .jt{ padding:0 40px 0 10px; line-height:38px; margin-top:15px;}
.pjoin-us .jt span{ display:none;}
.pjoin-us .jt span.name{ display:block; font-size:16px;}
.pjoin-us .jt span.view{ width:38px; height:38px; display:block;}
.pjoin-us .jc{ padding:15px;}

.pconcept-inner{ padding:25px 0 50px 0;}
.pconcept-inner .pic{ width:100%;}
.pconcept-inner .word{ width:100%; padding-top:15px;}
.pconcept-inner .word .t{ font-size:16px;}
.pconcept-inner .word .c{ line-height:28px;}


.pcontact{ margin-top:20px;}
.pcontact-map{ width:100%;}
.pcontact-list{ width:100%; padding:20px 15px;}
.pcontact-list .log img{ width:100%;}
.pcontact-list .txt{ font-size:15px; line-height:30px; padding-top:15px;}


.pmessage-cont{ width:100%; padding-top:20px;}
.pmessage-tit{ font-size:18px;}
.pmessage-filed li{ margin-top:15px;}
.pmessage-filed li .aside{ width:100%; margin-top:15px;}
.pmessage-filed li .aside:first-child{ margin-top:0;}
.pmessage-filed li .inpt{ height:40px; line-height:38px;}
.pmessage-filed li .area{ height:120px; line-height:26px;}
.pmessage-filed li .yzm-inpt{ width:120px;}
.pmessage-filed li .yzm-img{ margin:0 0 0 15px;}
.pmessage-filed li .yzm-btn{ width:100%; height:40px; margin-top:15px;}


}



@media screen and (max-width:640px){


}



