@charset "utf-8";
/* CSS Document */
/**https://www.scangoo.cn**/


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


}


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

html{ font-size:95px;}

}


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

html{ font-size:90px;}

}


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

html{ font-size:85px;}


}


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

html{ font-size:80px;}

.hyHead-nav li{ padding:0.23rem 0.1rem;}
.hyHead-nav li a.far{ padding:0 0.14rem;}
.hyHead-tools{ margin-left:0.15rem;}

}


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

html{ font-size:100px;}
body{ font-size:15px;}
.w{ width:94%; min-width:inherit;}
.pw{ width:94%; min-width:inherit;}

.hyHead{ padding:0 3%;}
.hyHead.topFix{ position:fixed;}
.hyHead-nav{ display:none;}
.hyHead-logo{ width:170px; float:left;}
.hyHead-tools{ float:right; padding-right:50px;}
.hyHead-tools a{ font-size:14px; line-height:24px; min-width:inherit; padding:0 6px; margin-right:5px;}
.hyHead-tools .search .srhBtn{ font-size:14px; line-height:46px;}
.hyHead-tools .search .srhBox{ top:100%; right:-40px; padding:2px;}
.hyHead-tools .search .srhBox .inpt{ width:180px; height:36px; line-height:26px; padding:5px 15px;}
.hyHead-tools .search .srhBox .btn{ width:36px; height:36px; font-size:14px;}
.hyHead-tools .search:hover .srhBox{ top:100%;}
.menuBtn { display:flex; }
#loading .logo-wrap{ width:90%; background-size:100% auto;}


.hyBanner li .more{ font-size:14px; bottom:30px; padding:0 20px; line-height:36px;}
.hyBanner .swiper-button-next, .hyBanner .swiper-button-prev{ display:none;}
.hyBanner .swiper-pagination{ bottom:10px !important;}
.hyBanner .swiper-pagination-bullet{ width:8px; height:8px; margin:0 4px !important;}


.hyAbout{ padding:30px 0;}
.hyAbout-head .cn{ font-size:20px;}
.hyAbout-head .en{ font-size:17px; margin-top:10px;}
.hyAbout-text{ line-height:28px; margin-top:20px;}
.hyAbout-number{ margin-top:20px; padding:0;}
.hyAbout-number dl{ flex:1; text-align:center;}
.hyAbout-number dl dt{ font-size:24px;}
.hyAbout-number dl dt .unit{ margin-left:5px;}
.hyAbout-number dl dd{ font-size:14px;}
.hyAbout-more{ margin-top:20px;}
.hyAbout-more a{ font-size:14px; line-height:36px; width:140px;}


.hyProduct{  padding:25px 0; display:block; overflow:hidden;}
.hyProduct-switch .w{ padding:0;}
.hyProduct-switch .sw-sider li{ display:block;}
.hyProduct-switch .sw-sider li .thumb{ width: 100%; height: 200px; }
.hyProduct-switch .sw-sider li .thumb img{ max-height:100%;}
.hyProduct-switch .sw-sider li .word{ width:100%;  text-align:center; color:#333;}
.hyProduct-switch .sw-sider li .word .s{ display:none;}
.hyProduct-switch .sw-sider li .word .x{ font-size:15px; margin-top:20px;}
.hyProduct-switch .sw-sider li .word .t{ font-size:14px; margin-top:10px;}
.hyProduct-switch .sw-sider li .word .c{ display:none;}
.hyProduct-switch .sw-sider li .word .m{ background:#ffcc33; font-size:14px; line-height:32px; width:120px; margin-top:15px; color:#b65508;}
.hyProduct-switch .swiper-button-next, .hyProduct-switch .swiper-button-prev{ font-size:20px; margin-top:-10px;}
.hyProduct-series{ position:relative; bottom:0; margin-top:20px; display:none;}
.hyProduct-series:before{ bottom:10px;}
.hyProduct-series .se-sider li{ font-size:15px;}
.hyProduct-series .se-sider li i{ width:20px; height:20px; margin-top:10px;}
.hyProduct-series .se-sider li i:before{ width:8px; height:8px; top:6px; left:6px;}


.hyNews{ display:block; padding:30px 0;}
.hyNews .hyAbout-more{ margin-top:10px;}
.hyNews-list{ display:block;}
.hyNews-list li{ width:100%; height:auto;}
.hyNews-list li .pic{ display:none;}
.hyNews-list li .word{ padding:15px;}
.hyNews-list li .word .d{ font-size:13px;}
.hyNews-list li .word .t{ font-size:15px; line-height:26px; min-height:inherit; padding-bottom:10px; margin-top:6px;}
.hyNews-list li .word .c{ font-size:14px; line-height:24px; max-height:48px; -webkit-line-clamp:2; margin-top:10px;}


.hyContact{ display:none; padding:30px 0;}
.hyContact .w{ width:94%;}
.hyContact-title{ font-size:17px; padding-bottom:10px; font-weight:bold;}
.hyContact-way{ width:100%;}
.hyContact-way .address{ line-height:28px;}
.hyContact-way .map{ width:100%; margin-top:15px; height:150px;}
.hyContact-way .obtain{ font-size:14px; line-height:36px; width:140px; margin-top:15px;}

.hyContact-message{ width:100%; padding:20px 15px;}
.hyContact-message .me-title{ font-size:17px; padding-bottom:10px;}
.hyContact-message .me-filed li{ margin-top:15px;}
.hyContact-message .me-filed li label{min-width:90px; line-height:40px; padding-left:15px;}
.hyContact-message .me-filed li .area{ height:80px; line-height:26px; padding:5px 10px 5px 0; font-size:15px;}
.hyContact-message .me-filed li .inpt{ font-size:15px;}
.hyContact-message .me-filed li .yzm-in{ position:absolute; right:0; top:0;}
.hyContact-message .me-filed li .yzm-in img{ height:40px !important;}
.hyContact-message .me-filed li .sbtn{ height:45px; line-height:45px; font-size:16px;}


.hyFooter{ padding-top:15px;}
.hyFooter-menu{ display:none;}
.hyFooter-flexLinks{ padding:15px 0; display:block; border-top:0;}
.hyFooter-flexLinks .friend{ display:block; line-height:24px; font-size:14px;}
.hyFooter-flexLinks .friend .ft{ font-size:15px; display:inline-block; padding-bottom:10px;}
.hyFooter-flexLinks .friend .fc{ padding-left:0;}
.hyFooter-flexLinks .friend .fc a{ margin-right:10px;}
.hyFooter-flexLinks .weChat{ width:100%; margin-top:15px; align-items:center; justify-content:center;}
.hyFooter-flexLinks .weChat li{ font-size:13px; margin:0 10px; }
.hyFooter-flexLinks .weChat li img{ width:70px; margin-bottom:5px;}
.hyFooter-flexCopy{ font-size:12px; line-height:22px; padding:10px 0 70px 0;}
.footer-mobile{ display:block;}


.pbanner{ height:200px;}
.pbanner-text{ width:100%; min-width:inherit; left:0; bottom:0; transform:none;}
.pbanner-text .iboxt{ padding:12px 15px; min-width:inherit;}
.pbanner-text .iboxt .cn{ font-size:20px; padding-top:10px;}
.pbanner-text .iboxt .cn:before{ height:2px;}

.pmain{ padding:25px 0;}
.pleft{ width:100%;}
.pleft-title{ display:none;}
.pleft-menu{ overflow:hidden; overflow-x:scroll; display:flex; align-items:center; white-space:nowrap; padding-bottom:10px; border-bottom:1px #ddd solid; }
.pleft-menu::-webkit-scrollbar { height:0; }
.pleft-menu a{ font-size:16px; margin-top:0; margin-right:20px; }

.pright{ width:100%; margin-top:20px;}
.pright-top{ font-size:18px;}
.pright-top .en{ font-size:15px;}
.pright-page{ padding-top:25px;}
.pright-page a{ font-size:14px; line-height:28px; padding:0 10px; margin:3px;}
.pright-page .nowpage{ font-size:14px; line-height:28px; padding:0 10px; margin:3px;}



.pproduct-menu{ margin-left:0; overflow:hidden; overflow-x:scroll; display:flex; align-items:center; white-space:nowrap; }
.pproduct-menu::-webkit-scrollbar { height:0; }
.pproduct-menu a{ width:auto; padding:5px 15px; font-size:15px; margin-right:12px; margin-left:0; margin-bottom:0; display:inline-block;}

.pproduct-list{ margin-left:-15px;}
.pproduct-list li{ width:calc(50% - 15px); margin:15px 0 0 15px;}
.pproduct-list li .thumb{ height:150px;}
.pproduct-list li .thumb img{ max-height:95%;}
.pproduct-list li .cover{ padding:0 10px;}
.pproduct-list li .title{ font-size:15px; padding:0 10px; line-height:45px;}

.pproduct-main{ background-size:200% auto; padding-top:120px;}
.pproduct-main .white-bg{ margin-top:20px; padding-bottom:30px;}
.pproduct-details-return{ font-size:14px;}
.pproduct-details-top{ padding:20px;}
.pproduct-details-top .gdt-photo{ width:100%;}
.pproduct-details-top .gallery-top{ height:180px;}
.pproduct-details-top .gallery-thumbs li{ height:70px;}
.zoomdiv{ display:none !important;}
.jqZoomPup{ display:none;}
.pproduct-details-top .gdt-info{ width:100%;}
.pproduct-details-top .gdt-info .name{ font-size:17px; padding-bottom:10px;}
.pproduct-details-top .gdt-info .word{ margin-top:20px; line-height:30px;}
.pproduct-details-top .gdt-info .gobuy{ width:110px; font-size:14px; line-height:34px; height:34px; margin-top:15px;}

.pproduct-details-tabs{ display:flex;}
.pproduct-details-tabs a{ font-size:16px; flex:1; padding:0; line-height:45px; text-align:center;}
.pproduct-details-body .pro-spec{ line-height:30px; padding-top:15px;}
.pproduct-details-body .pro-sample{ margin-top:20px;}
.pproduct-details-body .pro-sample li{ padding:15px 0;}
.pproduct-details-body .pro-sample li .name{ font-size:15px; line-height:30px;}
.pproduct-details-body .pro-sample li .name img{ width:30px; margin-right:5px;}
.pproduct-details-body .pro-sample li .iconfont{ width:30px; height:30px; line-height:30px; font-size:15px;}
.pproduct-details-body .pro-inst{ margin-top:20px; padding:15px;}
.pproduct-details-body .pro-inst .in-filed{ display:block;}
.pproduct-details-body .pro-inst .in-filed .inpt{ width:100%;  height:40px; font-size:15px; line-height:22px; padding:9px 15px;}
.pproduct-details-body .pro-inst .in-filed .inpt + .inpt{ width:120px; margin-top:20px;}
.pproduct-details-body .pro-inst .in-filed .verif{ display:inline-block;}
.pproduct-details-body .pro-inst .in-filed .verif img{ height:40px; margin-right:10px;}
.pproduct-details-body .pro-inst .in-button{ margin-top:25px;}
.pproduct-details-body .pro-inst .in-button .btn{ width:100%; height:45px; line-height:45px; font-size:16px;}



.pabout-introd{ margin-top:20px;}
.pabout-video{ padding-top:10px;}
.pabout-video li{ width:calc(50% - 6px); margin-top:15px;}
.pabout-video li .thumb{ height:130px;}
.pabout-video li .play .iconfont{ font-size:22px;}
.pabout-video li .desc{ display:block; padding:12px;}
.pabout-video li .desc .t{ font-size:15px; line-height:1.2;}
.pabout-video li .desc .d{ font-size:13px; margin-top:6px;}
.pabout-video li .desc .sc{ display:none;}

.pabout-ambience-first{ margin-top:20px; align-items:inherit;}
.pabout-ambience-first .figure{ width:40%; }
.pabout-ambience-first .figure img{ height:100%; object-fit:cover;}
.pabout-ambience-first .word{ width:60%; padding:15px;}
.pabout-ambience-first .word .t{ font-size:15px;}
.pabout-ambience-first .word .c{ font-size:13px; line-height:22px; max-height:44px; -webkit-line-clamp:2; margin-top:6px;}
.pabout-ambience-first .word .m{ display:none;}
.pabout-ambience-list li{ width:100%; margin-top:20px;}
.pabout-ambience-list li .t{ font-size:15px;}
.pabout-ambience-list li .c{ font-size:14px; margin-top:6px;}

.pabout-social-inner{ display:block; margin-top:20px;}
.pabout-social-inner .icon{ font-size:50px;}
.pabout-social-inner .text{ padding-left:0;}
.pabout-social-inner .text .d{ display:none;}
.pabout-social-inner .text .c{ font-size:15px; line-height:28px; margin-top:0;}
.pabout-social-sider{ margin-top:25px; padding-top:40px;}
.pabout-social-sider li{ display:block;}
.pabout-social-sider li .word{ width:100%; padding:20px 15px; min-height:inherit;}
.pabout-social-sider li .word .t{ font-size:17px;}
.pabout-social-sider li .word .c{ line-height:28px; margin-top:10px;}
.pabout-social-sider li .figure{ width:100%; position:relative; top:auto; transform:none;}
.pabout-social-sider .swiper-button-next, .pabout-social-sider .swiper-button-prev{ width:30px; height:30px; line-height:30px;}
.pabout-social-sider .swiper-button-prev{ right:40px;}


.pabout-honor-head{ font-size:17px; line-height:30px;}
.pabout-honor-list{ padding:10px; margin-top:5px;}
.pabout-honor-list li{ height:220px; padding:10px; box-shadow:0 0 5px rgba(108,108,108,.2);}
.pabout-honor-list .swiper-button-next, .pabout-honor-list .swiper-button-prev{width:30px; height:30px; line-height:30px;}
.pabout-honor-list .swiper-button-prev{ right:40px;}
.pabout-honor + .pabout-honor{ margin-top:25px;}


/*.pabout-history{ margin-top:25px; padding-bottom:40px;}
.pabout-history li .word .y{ font-size:16px;}
.pabout-history li .word .c{ line-height:28px;}
.pabout-history li .word .f{ margin-top:15px;}
.pabout-history .button .b-bg{ height:30px;}
.pabout-history .swiper-button-next, .pabout-history .swiper-button-prev{ width:30px; height:30px; line-height:30px; margin-left:15px;}
*/
.pabout-history{ padding-top:10px; margin-top:20px;}
.pabout-history:before{ left:60px;}
.pabout-history:after{ width:12px; height:12px; left:60px;}
.pabout-history li{ padding:15px 0;}
.pabout-history li .year{ width:50px; font-size:17px;}
.pabout-history li .word{ padding:15px; line-height:28px; margin-left:30px;}
.pabout-history li .word p{ margin:8px 0;}
.pabout-history li .word:before{ display:none;}
.pabout-history li:before{ width:12px; height:12px; left:63px;}
.pabout-history li:after{ width:8px; height:8px; left:60px;}

.pnews-list li{ margin-top:20px;}
.pnews-list li .thumb{ width:35%; height:auto;}
.pnews-list li .word{ width:65%; padding-left:15px;}
.pnews-list li .word .d{ font-size:12px;}
.pnews-list li .word .t{ font-size:15px; margin-top:6px;}
.pnews-list li .word .c{ font-size:13px; line-height:22px; max-height:44px; margin-top:6px; display:none;}
.pnews-list li .word .m{ display:none;}

.pnews-details-head{ padding-bottom:15px;}
.pnews-details-head .t{ font-size:18px; padding-bottom:10px;}
.pnews-details-head .c span{ font-size:14px; margin-right:10px;}
.pnews-details-text{ margin-top:20px;}
.pnews-details-page{ display:block; margin-top:20px;}
.pnews-details-page a{ display:block; margin-bottom:10px; font-size:14px;}


.pstock-notice{ border-top:0;}
.pstock-notice li{ padding:15px 0;}
.pstock-notice li .t{ font-size:15px;}
.pstock-notice li .t span{ display:block; float:none; font-size:12px; padding-bottom:5px;}
.pstock-notice li .c{ width:100%; max-width:inherit; margin-top:6px; font-size:13px; line-height:24px; max-height:48px;}


.supplier-head .t{ font-size:18px;}
.supplier-head .c{ line-height:26px; margin-top:10px;}
.supplier-filed li{ display:block; margin-top:15px;}
.supplier-filed li .inpt{ width:100%; margin-top:15px; height:40px; font-size:15px; line-height:22px; padding:9px 15px;}
.supplier-filed li .demand{ padding:15px; border-radius:5px;}
.supplier-filed li .area{ height:100px; font-size:15px;}
.supplier-filed li .upload{ width:auto; padding:0 15px; font-size:14px; height:32px; line-height:30px;}
.supplier-filed li .upload .iconfont{ font-size:15px; margin-right:5px;}
.supplier-filed li .tips{ font-size:14px; margin-top:10px;}
.supplier-filed li .tips .n{ font-size:16px;}
.supplier-filed li .verif .ve-inpt{ width:120px; height:40px; font-size:15px; line-height:22px; padding:9px 15px;}
.supplier-filed li .verif .ve-img{ width:auto; height:40px; margin:0 5px;}
.supplier-filed li .verif .ve-in{ font-size:14px;}
.supplier-filed li .tjbtn{ width:100%; height:45px; line-height:45px; margin-top:20px; font-size:16px;}


.pcontact-head .title{ font-size:18px;}
.pcontact-head .tips{ margin-top:10px; line-height:26px;}

.pcontact-divis{ margin-top:20px;}
.pcontact-divis .di-title{ font-size:17px;}
.pcontact-divis .di-column{ margin-top:0; display:block;}
.pcontact-divis .di-column li{ margin-top:20px;}
.pcontact-divis .di-column li .icon{ width:30px; height:30px; line-height:30px; font-size:16px;}
.pcontact-divis .di-column li .text .c{ max-width:inherit; font-size:15px; line-height:24px; margin-top:0;}
.pcontact-divis + .pcontact-head{ margin-top:25px;}

.pcontact-map{ margin-top:15px; height:200px; margin-bottom:25px;}
.pcontact-filed{ padding-top:5px;}
.pcontact-filed li{ margin-top:15px;}
.pcontact-filed li .aside{ width:100%; margin-top:15px; margin-left:0;}
.pcontact-filed li .aside:first-child{ margin-top:0;}
.pcontact-filed li .inpt{ width:100%; height:40px; font-size:15px; line-height:22px; padding:9px 15px;}
.pcontact-filed li .area{ font-size:15px; padding:15px; height:120px;}
.pcontact-filed li .yzm-aside{ text-align:left;}
.pcontact-filed li .yzm-aside .inpt{ width:120px;}
.pcontact-filed li .yzm-aside .img{ height:40px !important; margin-left:10px;}
.pcontact-filed li .yzm-aside .sbtn{ width:100%; height:45px; line-height:45px; margin-top:20px; font-size:16px;}


.pdirector-text{ line-height:28px; padding-bottom:20px;}
.pdirector-title{ font-size:17px;}
.pdirector-contact{ margin-top:20px; display:block;}
.pdirector-contact li{ width:100%; margin-bottom:15px; padding:20px 0;}
.pdirector-contact li .iconfont{ width:30px; height:30px; line-height:30px; font-size:18px;}
.pdirector-contact li .title{ font-size:16px;}
.pdirector-contact li .desc{ font-size:15px;}


.pjoin-list li{ padding:20px 10px 15px 15px;}
.pjoin-list li .li-head .ht{ font-size:15px;}
.pjoin-list li .li-head .ht:before{ width:8px; height:8px; left:-12px; top:3px; border-width:2px;}
.pjoin-list li .li-head .hc{ width:100%; font-size:14px; line-height:24px; margin-top:10px;}
.pjoin-list li .li-head .hc > span{ width:50%;}
.pjoin-list li.active .li-head .click{ font-size:13px;}
.pjoin-list li .li-head .click .iconfont{ font-size:12px; margin-left:2px;}
.pjoin-list li .li-text{ line-height:28px; margin-top:15px; padding:15px 0 10px 0;}
.pjoin-list li .apply-btn{ padding:0 20px; font-size:14px; line-height:30px; margin-top:15px;}

.apply-popup{ width:94%; max-height:90%; overflow-y:auto; padding:20px;}
.apply-popup-title{ font-size:17px; padding-bottom:5px;}
.apply-popup-close{ font-size:20px; right:10px; top:10px;}
.apply-popup-filed li{ margin-top:15px; display:block;}
.apply-popup-filed li .inpt{ width:100%; height:40px; font-size:15px; line-height:22px; padding:9px 15px; margin-top:15px;}
.apply-popup-filed li .inpt:first-child{ margin-top:0;}
.apply-popup-filed li .area{ height:100px; padding:10px 15px; font-size:15px; border-radius:5px;}
.apply-popup-filed li .ve-img{ height:40px !important;}
.apply-popup-filed li .resume{ line-height:40px; font-size:14px;}
.apply-popup-filed li .upload{ width:120px; height:40px; line-height:40px;}
.apply-popup-filed li .sqbtn{ width:100%; height:45px; line-height:45px; margin-top:20px; font-size:16px;}

.investors{ margin-top:15px;}
.investors-aside{ width:100%;}
.investors-aside .tableBox{ width:100%; padding:15px 0;}
.investors-aside .in-address{ width:100%;}
.investors-aside .in-address .at{ font-size:16px; padding-bottom:10px;}
.investors-aside .in-address .ac{ background-size:12px auto; padding-left:20px; line-height:28px;}
.investors-aside .in-inner{ width:100%;}
.investors-aside .in-inner dd{ padding:5px 0;}
.investors-aside .in-inner dd .iconfont{ font-size:17px; min-width:25px;}
.investors-aside .in-inner dd b{ font-size:15px; min-width:70px;}
.investors-aside .tableBtn{ margin-top:20px;}
.investors-aside .tableBtn a{ line-height:36px; padding:0 25px;}
.investors-link{ width:100%; height:auto; margin-top:15px; padding:12px 0; flex-direction:inherit;}
.investors-link .iconfont{ font-size:22px; margin-bottom:auto; margin-right:10px;}

}



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


}