
@media screen and (max-width:1650px){

.ttHead-nav li{ padding:20px 20px 12px 20px;}
.ttHead-tools li .guanz-btn{ margin-right:30px;}

}




@media screen and (max-width:1570px){


.ttHead{ padding:15px 30px;}
.ttHead-logo{ width:200px;}
.ttHead-nav li{ padding:20px 15px 12px 15px;}
.ttHead-nav li a.far{ font-size:16px;}

.ttHead-tools{ padding-top:20px;}
.ttHead-tools li .guanz-btn{ margin-right:20px;}
.ttHead-tools li .guanz-btn .iconfont{ font-size:18px;}
.ttHead-tools li .srh-inpt{ width:160px;}

.wrapper .page{ padding-top:98px;}


}

@media screen and (max-width:1450px){

.ttAbout-word{ padding:5% 4% 0 4%;}

}


@media screen and (max-width:1400px){

.ttHead-nav li{ padding:12px 15px 10px 15px;}
.ttHead-nav li a.far{ height:42px;}
.ttHead-nav li.active a.far .p2, .ttHead-nav li:hover a.far .p2{ transform: translateY(-42px);}
.ttHead-nav li .sub a{ padding:6px 0;}

.ttAbout-word{ padding:3% 3% 0 3%;}
.ttAbout-word .st{ font-size:20px;}
.ttAbout-word .pt{ font-size:22px;}
.ttAbout-word .c{ font-size:15px; line-height:26px; margin-top:20px; max-height:260px;}
.ttAbout-word .num{ margin-top:35px;}
.ttAbout-word .num dl dt{ font-size:42px;}
.ttAbout-word .num dl dd{ margin-top:10px;}

.ttTechn-title{ padding-top:130px;}
.ttTechn-title .iboxt{ padding:0 20px;}
.ttTechn-title .iboxt .en{ font-size:28px;}
.ttTechn-title .iboxt .cn{ font-size:24px;}
.ttTechn-list li .txt{ padding:140px 20px 0 20px;}
.ttTechn-list li .txt .t{ font-size:17px;}
.ttTechn-list li .txt .m{ margin-top:40px;}
.ttTechn-list li .tit{ font-size:20px; bottom:20px; padding-left:20px;}

.ttHonor{ padding-top:40px;}
.ttHonor-title .tit{ font-size:26px; padding-bottom:10px;}
.ttHonor-title .txt{ margin-top:12px;}
.ttHonor-list{ width:1280px; margin-top:50px; padding-bottom:40px;}
.ttHonor-more{ margin-top:25px;}
.ttHonor-more a{ line-height:34px;}

.ttNews{ padding-top:30px;}
.ttNews-list{ padding:0 35px; margin-top:30px;}
.ttNews-list li .word{ padding:12px;}
.ttNews-list li .word .t{ font-size:18px;}
.ttNews-list li .word .d{ padding:8px 0;}
.ttNews-list li .word .c{ line-height:24px; height:48px;}
.ttNews-list li .word .f{ padding-top:10px;}
.ttNews-list li .word .f label{ line-height:24px; margin-top:0;}
.ttNews-list li .word .f .iconfont{ font-size:24px;}

.ttContact{ padding:40px 80px;}
.ttContact-word .st{ font-size:32px;}
.ttContact-word .pt{ font-size:20px; padding-bottom:20px;}
.ttContact-word .txt dl dt{ font-size:30px; min-width:45px;}

}


@media screen and (max-width:1300px){

.ttHead-nav li a.far{ font-size:15px;}
.ttAbout-word{ padding-top:5%;}
.ttAbout-word .num{ margin-top:60px;}
.ttAbout-word .num dl{ width:33.3%;}

.ttTechn-list li .txt{ padding-top:200px;}
.ttTechn-list li .txt .m{ margin-top:50px;}

.ttHonor{ padding-top:60px;}
.ttHonor-list{ width:1240px; padding-bottom:60px;}
.ttHonor-more{ margin-top:60px;}

.ttNews{ padding-top:60px;}
.ttNews-list{ margin-top:40px;}
.ttNews-list li .word{ padding:18px 18px 24px 18px;}

.ttContact{ padding:80px;}

}


@media screen and (max-width:834px){

.w{ width:94%;}
body{ font-size:15px;}

.ttHead{ width:100%; position:fixed; padding:6px 3%;}
.ttHead-logo{ width:140px;}
.ttHead-nav{ display:none;}
.ttHead-tools{ display:none;}
.pmenuBtn{ display:block;}

.wrapper{ position:relative; padding-top:57px; height:auto !important; top:auto !important;}
.wrapper .page{ padding-top:0; height:auto !important;}


.ttBanner li{ background-image:none !important;}
.ttBanner li img{ display:block;}
.ttBanner .swiper-pagination{ bottom:15px !important;}
.ttBanner .swiper-pagination-bullet-active{ width:20px;}


.ttAbout-video{ width:100%; height:140px; margin-top:5px;}
.ttAbout-video .icon{ font-size:50px;}
.ttAbout-video .tit{ font-size:17px; padding:5px 0;}
.ttAbout-word{ width:100%; height:auto; padding:15px 3%;}
.ttAbout-word .st{ font-size:18px;}
.ttAbout-word .pt{ font-size:17px;}
.ttAbout-word .c{ font-size:15px; line-height:26px; max-height:130px; margin-top:15px;}
.ttAbout-word .num{ margin-top:15px;}
.ttAbout-word .num dl{ width:33.3%; float:left;}
.ttAbout-word .num dl dt{ font-size:18px;}
.ttAbout-word .num dl dd{ margin-top:5px;}

.ttTechn-title{ position:relative; padding:15px 0;}
.ttTechn-title .iboxt{ width:100%; padding:0 3%;}
.ttTechn-title .iboxt .en{ font-size:18px;}
.ttTechn-title .iboxt .cn{ font-size:17px; margin-top:0;}

.ttTechn-list{ padding-right:0;}
.ttTechn-list li .pic { width:100%;}
.ttTechn-list li .pic span{ display:none;}
.ttTechn-list li .pic img{ display:block;}
.ttTechn-list li .tit{ top:10px; bottom:auto; opacity:1; padding-left:3%; font-size:18px;}
.ttTechn-list li.swiper-slide-active .tit{ opacity:1;}
.ttTechn-list li .txt{ width:100%; padding:15px 3%;}
.ttTechn-list li .txt .c{ font-size:15px; line-height:26px; max-height:130px; margin-top:10px;}
.ttTechn-list li .txt .m{ margin-top:12px; font-size:14px;}

.ttHonor{ padding:20px 3%;}
.ttHonor-title .tit{ font-size:18px;}
.ttHonor-title .tit:before{ width:70px; margin-left:-35px; height:2px;}
.ttHonor-title .txt{ font-size:15px; line-height:22px;}
.ttHonor-list{ width:100%; margin-top:20px; padding-bottom:25px;}
.ttHonor-list .swiper-pagination-bullet{ width:10px; height:10px; margin:0 3px !important;}
.ttHonor-more{ margin-top:25px;}
.ttHonor-more a{ font-size:14px; padding:0 20px; line-height:30px;}
.ttHonor-more a .iconfont{ font-size:14px;}

.ttNews{ padding:20px 3%;}
.ttNews-list{ padding:0; margin-top:0;}
.ttNews-list li{ width:100%; margin:15px 0 0 0;}
.ttNews-list li .word{ padding:15px;}
.ttNews-list li .word .t{ font-size:17px;}
.ttNews-list li .word .c{ height:auto; max-height:48px;}
.ttNews-list li .word .d{ font-size:14px;}
.ttNews-list li .word .f label{ line-height:26px; font-size:14px;}

.ttContact{ padding:15px 3%; height:auto;}
.ttContact-word{ width:100%; padding-top:0;}
.ttContact-word .st{ font-size:18px;}
.ttContact-word .pt{ font-size:17px; padding-bottom:10px;}
.ttContact-word .txt dl{ font-size:15px; line-height:26px; margin-top:10px;}
.ttContact-word .txt dl dt{ font-size:20px; min-width:35px; line-height:26px;}
.ttContact-word .txt dl dd p{ display:inline-block;}
.ttContact-map{ width:100%; margin-top:15px; height:auto;}

.ttCopy{ padding:10px 3%; font-size:14px; line-height:22px;}

.pbanner{ margin-top:57px;}
.pbanner .text{ width:94%; left:3%; margin-left:0; bottom:10px;}
.pbanner .text .en{ font-size:18px;}
.pbanner .text .cn{ font-size:17px;}

.page-nav{ padding-top:0;}
.page-nav .w{ width:100%;}
.page-nav .menu{ width:100%;}
.page-nav .menu a{ line-height:40px; width:50%; float:left; text-align:center; padding:0;}
.page-nav .menu a:before{ display:none;}
.page-nav .posit{ background:#fff; line-height:36px; width:100%; padding:0 3%; text-align:right; color:#666;}
.page-nav .posit a{ color:#666;}

.pabout-title{ padding:15px 0 30px 0; background-size:20px;}
.pabout-title .cn{ font-size:18px;}
.pabout-info{ font-size:15px; line-height:28px; padding-top:15px;}


.ttFooter{ margin-top:30px; padding:15px 0;}
.ttFooter-left{ width:100%; font-size:14px; line-height:26px;}
.ttFooter-left dl{ padding:0; }
.ttFooter-left dl dd{ width:100%; padding-right:0;}
.ttFooter-code{ width:100%; padding-top:15px; font-size:14px;}

.pculture-word{ padding:15px 0;}
.pculture-word .t{ font-size:18px;}
.pculture-word .c{ line-height:28px; margin-top:15px;}

.pculture-column{ padding:0 0 15px 0;}
.pculture-column ul{ margin-left:0;}
.pculture-column ul li{ width:100%; margin-left:0; margin-top:15px;}
.pculture-column ul li .txt{ padding:15px 12px;}
.pculture-column ul li .txt .t{ font-size:17px;}


.phonor-list{ margin-left:0; padding-top:10px;}
.phonor-list a{ width:100%; margin:15px 0 0 0;}
.phonor-list a .tit{ font-size:16px; padding:15px 0;}
.phonor-list a .pic:before{ background-size:40px auto; width:40px; height:40px; margin:-20px 0 0 -20px;}


.pHistory-list{ padding-top:10px;}
.pHistory-list dd{ padding:15px 0;}
.pHistory-list .year{ position:relative; width:100%; padding:0 12px; text-align:left; line-height:32px;}
.pHistory-list .pageC{ margin-top:10px;}


.pproduct-list{ margin-left:0; padding-top:0;}
.pproduct-list li{ width:100%; margin:15px 0 0 0;}
.pproduct-list li .tit{ font-size:16px; padding:15px 0;}
.pproduct-list li .pic:before{ background-size:40px auto; width:40px; height:40px; margin:-20px 0 0 -20px;}

.ppage{ padding-top:25px;}
.ppage a{ line-height:30px; margin:3px; padding:0 11px; font-size:14px;}
.ppage .nowpage{ line-height:30px; margin:3px; padding:0 11px; font-size:14px; }


.pnews-list{ margin-left:0; padding-top:0;}
.pnews-list li{ width:100%; margin:15px 0 0 0;}
.pnews-list li .word{ padding:12px;}
.pnews-list li .word .t{ font-size:16px;}
.pnews-list li .word .d{ padding:8px 0; font-size:14px;}
.pnews-list li .word .f{ padding-top:14px;}
.pnews-list li .word .f label{ line-height:26px; margin-top:0; font-size:14px;}
.pnews-list li .word .f .iconfont{ font-size:26px;}


.pnews-detaTop{ padding:20px 0 10px 0;}
.pnews-detaTop .t{ font-size:20px; }
.pnews-detaTop .c{ padding-top:10px;}
.pnews-detaTop .c span{ font-size:14px; padding:0 10px;}
.pnews-detaInfo{ font-size:15px; line-height:30px; padding:15px 0;}
.pnews-detaInfo table{ width:100% !important;}
.pnews-detaPage a{ font-size:14px; padding:12px 0;}
.pnews-detaPage a span{ padding-right:10px;}

.pquality-list{ margin-left:0; padding-top:0;}
.pquality-list a{ width:100%; margin:15px 0 0 0;}
.pquality-list a .tit{ line-height:40px; font-size:16px; bottom:0;}

.ptech-list{ padding-top:0; margin-left:0;}
.ptech-list li{ width:100%; margin:15px 0 0 0;}
.ptech-list li .pic:before{ background-size:40px auto; width:40px; height:40px; margin:-20px 0 0 -20px;}
.ptech-list li .word{ padding:10px 0;}

.pjob-list .jt{ padding:10px 0 0 0; line-height:32px;}
.pjob-list .jt span{ width:100% !important; padding:0 12px;}
.pjob-list .jt span.name{ font-size:16px;}
.pjob-list .jt span.arrow{ position:relative; margin-top:5px; height:40px;}
.pjob-list .jt span.arrow:before{ width:26px;}
.pjob-list .jt span.arrow:after{ height:26px;}
.pjob-list .jc{ padding:15px; line-height:28px;}

.pmessage-title{ padding:20px 0 15px 0}
.pmessage-title .t{ font-size:18px;}
.pmessage-title .c{ line-height:28px; margin-top:10px;}
.pcontact-inner{ margin-top:0;}
.pcontact-inner .figure{ width:100%;}
.pcontact-inner .word{ width:100%; padding:15px;}
.pcontact-inner .word .t{ font-size:18px;}
.pcontact-inner .word .c{ line-height:30px; padding-top:10px;}
.pcontact-map{ height:300px; margin-top:20px;}

.pmessage-filed li{ margin-top:15px;}
.pmessage-filed li:first-child{ margin-top:0;}
.pmessage-filed li .aside{ width:100%; margin-top:15px;}
.pmessage-filed li .aside:first-child{ margin-top:0;}
.pmessage-filed li .aside .inpt{ height:42px; line-height:42px; font-size:15px; padding-left:40px;}
.pmessage-filed li .icon{ width:40px; height:40px; line-height:40px; font-size:24px;}
.pmessage-filed li .area{ height:120px; padding:10px 10px 10px 40px; font-size:15px;}
.pmessage-filed li .yzm-inpt{ width:110px; height:42px; line-height:40px; font-size:15px;}
.pmessage-filed li .yzm-img{ width:122px; height:42px;}
.pmessage-filed li .yzm-btn{ width:100%; margin-top:20px; margin-left:0; font-size:17px; height:42px; line-height:42px;}

#content{ width:100% !important; height:auto !important; background:none; margin-top:20px;}
.list{ height:auto !important;}
.list li{ height:auto !important; margin-top:auto !important; padding-top:20px;}
.lileft{ width:100%; position:relative; line-height:inherit; text-align:left; left:auto !important;}
.lileft .year{ font-size:18px;}
.liright{ position:relative; margin-top:5px; width:100%; right:auto !important;}
.liright .histt{ font-size:16px;}
.liright .hisct{ height:auto; max-height:inherit;}


.pabout-devel-cont{ margin-top:10px; padding-top:10px; min-height:inherit;}
.pabout-devel-year{ padding-right:60px;}
.pabout-devel-year:before{ bottom:11px;}
.pabout-devel-year:after{ background-size:40px auto; width:40px; height:100%;}
.pabout-devel-year li .tit{ font-size:16px;}
.pabout-devel-year li .dot{ width:24px; height:24px; margin-top:8px; border-width:3px;}
.pabout-devel-year li.swiper-slide-thumb-active .dot{ border-width:6px;}
.pabout-devel-list{ margin-top:20px;}
.pabout-devel-list li{ padding:0 40px;}
.pabout-devel-list li .year{ font-size:20px; margin-top:10px;}
.pabout-devel-list li .name{ font-size:17px; padding:10px 0;}
.pabout-devel-list li .text{ font-size:15px; line-height:26px; }
.pabout-devel-list .swiper-button-next, .pabout-devel-list .swiper-button-prev{ font-size:30px; top:40px;}

}



@media screen and (max-width:640px){


}



