@charset "utf-8";

/* CSS Document */

.m-menubtn{position: fixed;z-index: 102;top:0;right: 0;width:60px;height:60px;cursor: pointer;-webkit-transition:.5s;transition:.5s; display:none}
.m-menubtn.scroll{top:0}
.m-menubtn.anim{opacity:1; filter:alpha(opacity=100); -webkit-transform: translate(0,0); transform: translate(0,0);}
.m-menubtn span{position: absolute;top:0;bottom: 0;left: 0; right: 0; width:20px;height:2px; background: #333; margin: auto;}
.m-menubtn span:before, .m-menubtn span:after {content: "";width: 100%;height: 100%;position: absolute;bottom: 0;left: 0;right: 0;margin: auto; background-color: #333;}
.m-menubtn span:before {bottom: 5px;}
.m-menubtn span:after {bottom: -5px; left: 50%;width: 50%;}
.m-menubtn.active span:before{-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg); background:#fff}
.m-menubtn.active span:after {-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-o-transform: rotate(-90deg);-ms-transform: rotate(-90deg);transform: rotate(-90deg);opacity: 0;}
.m-menubtn.active span {-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-o-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg); background:#fff}
.m-menubtn.active span, .m-menubtn.active span:before, .m-menubtn.active span:after {right: 0;bottom: 0;}
.m-menubtn span, .m-menubtn span:before, .m-menubtn span:after{-webkit-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-moz-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);-o-transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);transition: all 0.5s cubic-bezier(0.5, 0, 0, 1);}
/*.m-menubtn:before {content: "Menu";font-size: 12px;position: absolute;bottom: 10px; left: 0; right: 0; margin: auto;text-align: center; color:#fff}
*/
.m-menu{position:fixed; right:0;top:0; width:100%; height:100%;overflow-y:auto; overflow-x:hidden;visibility: hidden;transition: visibility 0ms linear 1350ms;z-index:101;}
.m-menu:before{content:'';top: 0;left: 0;width: 100%;height: 100%; position: fixed;background-color: #353535;transform: translateY(-100%);transition: transform 650ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 600ms;}
.m-menu.active:before{transform: translateY(0%);transition: transform 500ms cubic-bezier(0.215, 0.61, 0.355, 1);}
.m-menu ul{ width:100%;padding-top:80px; padding-bottom:30px; padding-left:5%; padding-right:5%;overflow-y:auto;overflow-x:hidden;}
.m-menu li{ position: relative;border-bottom:1px solid rgba(255,255,255,.3);opacity: 0; transform: translateY(3.5rem);}
.m-menu li>a{ font-size:24px;line-height:80px; position:relative}
.m-menu li>a i{ position:absolute; width:20px; height:20px; right:0;top:50%; margin-top:-10px}
.m-menu li>a i:before{ content:""; width:20px; height:1px; background:#fff; position:absolute; left:0;top:10px;}
.m-menu li>a i:after{ content:""; width:1px; height:20px; background:#fff; position:absolute; left:10px;top:0;}
.m-menu li>a.on i:after{ -moz-transform:rotate(90deg);-webkit-transform:rotate(90deg);transform:rotate(90deg)}
.m-menu a{ display:block; color:#fff;}
.m-menu .sub{ display:none; padding-bottom:10px}
.m-menu .sub a{color:rgba(255,255,255,.5); line-height:35px;font-size:18px; padding-left:20px; position:relative}
.m-menu .sub a:before{content: "";position: absolute;bottom: 15px; left: 0; width: 10px; height: 1px; background: rgba(255,255,255,.5);}

.m-menu li:nth-child(1){transition: opacity 600ms linear 400ms, transform 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 400ms;}
.m-menu li:nth-child(2){transition: opacity 600ms linear 300ms, transform 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 300ms;}
.m-menu li:nth-child(3){transition: opacity 600ms linear 200ms, transform 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 200ms;}
.m-menu li:nth-child(4){transition: opacity 600ms linear 100ms, transform 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 100ms;}
.m-menu li:nth-child(5){transition: opacity 600ms linear 50ms, transform 600ms cubic-bezier(0.55, 0.055, 0.675, 0.19) 50ms;}

.m-menu.active{visibility: visible; opacity:1;transition: visibility 0ms linear 0ms;}
.m-menu.active li{opacity: 1;transform: translateY(0);transition: opacity 600ms linear 175ms, transform 800ms cubic-bezier(0.215, 0.61, 0.355, 1) 175ms;}
.m-menu.active li:nth-child(1){transition: opacity 600ms linear 175ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 175ms;}
.m-menu.active li:nth-child(2){transition: opacity 600ms linear 275ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 275ms;}
.m-menu.active li:nth-child(3){transition: opacity 600ms linear 375ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 375ms;}
.m-menu.active li:nth-child(4){transition: opacity 600ms linear 475ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 475ms;}
.m-menu.active li:nth-child(5){transition: opacity 600ms linear 575ms, transform 600ms cubic-bezier(0.215, 0.61, 0.355, 1) 575ms;}


.m-footer{background: #2479b9;color:#fff; position:fixed; width:100%; left:0;bottom:0; display:none; z-index:99}
.m-footer li{ float:left; width:25%; text-align:center}
.m-footer a{ display:block; line-height:20px;color:#fff;}
.m-footer li i{ display:block;background:url(../images/tel01.png) no-repeat center; background-size:20px; height:25px;}
.m-footer span{ display:block;}
.inner-nav-m{ display:none; position:absolute;right:0;top:0;width:100%;z-index:9}
.inner-nav-m .tit{font-size:16px; line-height:40px; height:45px; white-space:nowrap; text-overflow:ellipsis; padding-right:20px; color:#333; float:right;position:relative;}
.inner-nav-m .tit:after{ content:""; width:6px; height:6px; border-top:1px solid #333; border-right:1px solid #333; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); display:block; position:absolute;right:5px;top:16px}
.inner-nav-m .sub{position:absolute;top:45px; width:100%;left:0; background:#093580; display:none; }
.inner-nav-m .sub a{ display:block; border-bottom:1px solid rgba(255,255,255,.2); background:#093580; line-height:20px;color:#fff; padding:8px 10px}
.inner-nav-m .sub a:hover{ background:#f4ce1a;}

.m-menu li.last{border-bottom: 0;}
.m-lang{ position:relative;margin-top: 15px;}
.m-lang .tit{font-size: 20px;display: inline-block; padding-right: 20px;position: relative;line-height: 60px;color: #fff;transition:.5s}
.m-lang .tit:after{ content:""; width:8px; height:8px; display:block; border-right:1px solid #747474; border-bottom:1px solid #747474; -moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg); position:absolute; right:0;top:22px;transition:top .5s}
.m-lang .m-sub {width:100%;font-size: 14px;display: none;}
.m-lang .m-sub a{color:#fff;float: left;width: 20%;padding-right: 1%;margin-bottom: 5px;line-height: 1.4;}
.m-lang .m-sub a:hover{color:#f4af23}

@media screen and (max-width:2500px){
.product-detail .list li{ margin:0 5%}
}
@media screen and (max-width:1920px){
.banner .txt h1,.i-product2 .left h2, .product-top .right-txt h1, .nbanner-pro .txt h1{ font-size:65px; white-space:nowrap; line-height: 70px;}
.product-top .right-txt h1 span{ margin-right:30px}
.product-top .right-txt h1{ margin-top:40px;}
.i-product2{ padding:60px 0 50px}
.product-top .right-txt .color{margin: 60px 0;}
.product-top .right-txt .color>span, .product-top .right-txt .down-btn{ font-size:26px;}
.product-top .right-txt .color .tabs a{ width:30px; height:30px; margin-right: 15px;}
.product-detail .guige-title{ font-size:50px;}
.about-header h2{ font-size:70px;margin-top: 150px;}
.about-header h3{ font-size:24px;}
.contact .pic{ height:auto}
.contact .pic img{ position:relative}
.main{ padding:60px 0}
.product-detail .item4, .product-detail .item3{ padding:80px 0}
.product-detail .list li{ margin:0}
.about-header1{ height:85vh}
.nbanner-a{ height:auto;margin-top: -380px;}
.company{ padding-top:60px}
.hrlist{ margin-top:60px}
.hrlist .swiper-slide a{padding: 50px 35px 60px;}
.en .i-product .list .txt>div{ font-size:45px}
}
@media screen and (max-width:1680px){
.main-product li .titbox{ font-size:65px}
.main-product li .titbox .series{ font-size:40px}
.product-top .right-txt .intro{ font-size:20px; line-height:30px}
.product-top .right-txt h1{ font-size:60px; margin:5% 0}
.product-top .right-txt .color{ margin:5% 0}
.product-detail{ font-size:20px}
.about-header h2{ font-size:60px}
.about-header h2:after{ margin-top:10px; height:10px}
.company{ padding-left:20%}
.company .txt{ font-size:24px; line-height:42px}
.hr-title, .contact-title{ font-size:50px;line-height: 55px;}
}
@media screen and (max-width:1500px){
.en .menu li a{ padding-left:20px; padding-right:20px}
}
@media screen and (max-width:1440px){
.product-detail .list .pic img{ width:100%}
.product-detail .guige-title{ font-size:40px; line-height:45px;}
.newstop-list .img img{ height:550px}
.newstop-list a{ height:500px}
.newstop-list .txt .intro{-webkit-line-clamp: 3;}
.newstop-list .txt .intro p{ display:inline}
.newstop-list .swiper-button-prev, .newstop-list .swiper-button-next, .en .newstop-list .swiper-button-prev, .en .newstop-list .swiper-button-next{bottom:80px}
.product-detail .item4, .product-detail .item3{ padding:60px 0}
.product-detail .list .pic{ margin-bottom:30px}
.menu li a{ padding:50px 30px 0}
.i-product .list .txt>div{ font-size:32px}
.en .i-product .list .txt>div {font-size:35px;}
.main-product li .titbox{ font-size:45px}
.main-product li .titbox .series{ font-size:30px}
.company .txt{ font-size:20px;line-height: 35px;}
.product-top .right-txt h1{ font-size:45px}
.product-top .right-txt h1 span {margin-right: 20px;}
.product-top .right-txt .intro{ font-size:16px;}
.product-top .right-txt .color>span, .product-top .right-txt .down-btn{ font-size:20px;}
.product-top .right-txt .down-btn{ padding-right:60px}
.product-detail{ font-size:16px;}
}
@media screen and (max-width:1366px){
.menu li a{padding: 50px 20px 0;}
.en .menu li a{ padding-left:15px; padding-right:15px}
}
@media screen and (max-width:1250px){.menu{ margin-right:10px}.en .menu li a{ padding-left:10px; padding-right:10px}}
@media screen and (max-width:1200px){
.wrap{ width:100%;max-width: 1100px; padding:0 1em}
.menu>ul>li{ font-size:18px;}
.about-header1{ height:auto}
.nbanner-a{ margin-top:0}
.about-header h2{ font-size:40px; margin-top: 5%;}
.company{ padding-left:0}
.company .txt{ padding:0;font-size: 20px;line-height: 35px;}
.company .txt p{ margin-bottom:20px}
.contact{ margin-top:0}
.contact .pic{ margin:0 20px}
.contact .wrap{ position:relative; max-width:100%}
.contact-list{ position:relative; top:auto;text-align: left;padding: 5%;}
}
@media screen and (max-width:1024px){
.menu{ display:none}
.m-menubtn{ display:block}
.header, .headertop{ height:60px;}
.logo{height:60px;padding-top: 0;}
.header .shop{height:60px;padding-top: 0;}
.search{ margin-right:40px}
.search-btn{ height:60px;background: url(../images/search-btn.png) no-repeat center;}
.header.header-scroll{ height:60px;}
.header-scroll .logo, .header-scroll .shop{ height:60px; padding-top:0}
.header-scroll .search-btn{ height:60px;background: url(../images/search-btn.png) no-repeat center;}

.banner .swiper-pagination{bottom:3%}
.banner .swiper-pagination-bullet{ width:12px; height:12px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ border-radius:4px; margin:0 5px}
.banner .swiper-button-prev, .banner .swiper-button-next{display:none}
.i-product .category li{ width:20%}
.i-product .category h4{ font-size:24px; line-height:24px;}
.i-product .category h3{ font-size:20px}
.i-product .list .txt>div, .en .i-product .list .txt>div{ font-size:30px;}
.i-product .list{ padding-bottom:40px}

.i-product2{ padding:40px 0}
.i-product2 .left h2{margin:25px 0; font-size:45px}
.i-product2 .left .intro{ font-size:18px; line-height:28px}
.i-product2 .left .more{ font-size:16px;margin-top: 30px;}
.footer{ padding-bottom:40px;}
.footer-top{ padding-top:40px}
.main, .product-detail .item4, .product-detail .item3{ padding:40px 0}
.ntitle-top{ line-height:60px; font-size:26px}
.ntitle-top .location a{ margin-right:20px}
.ntitle-top .location a:after{ height:14px;right: -10px;}

.content-ser{ font-size:16px; font-weight:normal}
.sertitle{font-size:24px;color:#333; line-height:30px; border-bottom:2px solid #999; padding-bottom:12px; margin-bottom:20px; position:relative}
.main-product li .titbox .series{ font-size:24px}
.main-product li .titbox .tit{ font-size:50px}
.main-product li .more{ font-size:16px;right: 5%;}
.product-top .right-txt h1{ font-size:45px; line-height:50px;margin: 3% 0;}
.product-top .right-txt .intro{ font-size:16px}
.product-top .right-txt .color>span, .product-top .right-txt .down-btn{ font-size:20px}
.product-top .right-txt .down-btn{ padding-right:40px}
.product-top .right-txt .color .tabs{ padding-left:80px}
.product-detail{ font-size:16px}
.product-detail .guige-title{ font-size:30px; line-height:30px}
.guige-con .table-td1, .guige-con .table-td2,.guige-con .table-td3{ display:block; padding-left:45px;}
.guige-con td{padding:10px;}
.about-header{ padding-bottom:3%}
.about-header h2{ font-size:30px;}
.about-header h3{ font-size:20px;}
.about-header h2:after{ width:100px; height:5px}
.company{padding-top: 20px;}
.company .txt{font-size: 16px; line-height:30px}
.company .txt p{margin-bottom: 10px;}
.company .qm img{ width:200px}
.newstop-list{padding: 20px 0;}
.newstop-list a{ height:auto}
.newstop-list .img{right: 0;margin-top:0; width:50%;float: right;position: relative;}
.newstop-list .img img{ height:auto; width:100%;}
.newstop-list .txt{ padding-top:3%; padding-bottom:65px}
.newstop-list .txt .time, .newstop-list .txt .ltit{ font-size:16px}
.newstop-list .txt .tit{font-size: 26px;line-height: 30px;}
.newstop-list .txt .intro{ margin-top:15px;}
.newstop-list .swiper-button-prev, .newstop-list .swiper-button-next, .en .newstop-list .swiper-button-prev, .en .newstop-list .swiper-button-next{bottom:30px; width:12px; height:12px;}
.newstop-list .swiper-button-next{border-top: 1px solid #262626;border-right: 1px solid #262626;left: 30px;}
.newstop-list .swiper-button-prev{border-top: 1px solid #262626;border-left: 1px solid #262626;}
.newslist .tit{left:4%;top:4%}
.newslist .tit h4{ font-size:20px;}
.newslist .tit span{font-size:14px; line-height:20px}
.newslist .time{right: 4%;top: 4%; font-size:12px;}
.newslist .more{font-size: 14px;width: 60px;line-height: 20px;bottom: 5%;right: 4%;}
.newstit{ font-size:30px;line-height: 35px;padding-bottom: 10px; padding-right:0}
.newstit .ltit{ font-size:16px; line-height:26px; margin-top:5px; padding-right:100px}
.newstit .time{ line-height:26px;bottom:10px}
.back{ margin-top:30px}
.back a{ padding:0 30px;line-height: 35px;}
.hr-title, .contact-title{ font-size:40px; font-weight:normal}
.hr-intro{ font-size:16px}
.hrlist{ margin-top:20px}
.hrlist .swiper-slide a{ padding:35px}
.hrlist .tit{ font-size:20px}
.hrlist .tit:after{ width:50px; height:5px;margin: 10px auto 30px;}
.hrlist .intro h4{ margin-top:20px;margin-bottom: 5px;}
.hrlist .intro{ height:320px}
.inner-nav{ padding:15px 0}
.contact-title{ margin-bottom:20px}
.contact-list{ line-height:30px;font-size: 20px; padding:4%}
.contact-list .tit{ font-size:26px;margin-bottom:20px;}
.contact-list .tit span{ font-size:17px}
#allmap{ height:400px}
.lang{ display:none}
.f-lang .sub a{width:25%}
}
@media screen and (max-width:768px){
.wrap{ padding:0 15px}
.banner .swiper-pagination-bullet{ width:10px; height:10px;}
.i-product .list ul{ margin-right:0}
.i-product .list li{ width:100%; margin-right:0; margin-bottom:3%}
.i-product .list .txt>div, .en .i-product .list .txt>div{ font-size:40px}
.i-product .list .txt>div.titen{ font-size:30px}
.i-product .list li:last-child{ margin-bottom:0}
.i-product .category h4{ font-size:18px; line-height:20px}
.i-product .category h3{ font-size:18px}

.i-product2 .left, .i-product2 .right{ width:100%}
.i-product2 .left h2{ margin-top:0}
.product-piclist, .product-top .right-txt{ width:100%;}
.main, .product-detail .item4, .product-detail .item3{ padding:30px 0}
.product-top{ padding:20px 0 30px}
.product-detail .list .pic{ margin-bottom:4%}
.ntitle-top{ font-size:24px; line-height:45px}
.ntitle-top .location a:after{top:15px}
.resource-search .seartitle, .sertitle{ font-size:20px; padding-bottom:0}
.resource-search .list li{margin-right: 5%;}
.resource-search .list-sub span{ display:block; width:100%; float:none; margin-bottom:5px}
.resource-search .list-sub a{ margin-right:5%; padding:0}
.downlist li{ margin-top:15px}
.downlist li .downbtn{width: 30px;right:0}
.downlist li h3{ padding-right:40px; font-size:16px;line-height: 30px;}
.downlist h2{ font-size:16px}
.inner-nav-classify{ position: fixed; width:300px; background:#fff; border-radius:10px; box-shadow:0 0 15px rgba(0,0,0,.15); left:50%; margin-left:-150px;top:50%; -webkit-transform:translateX(-20px) translateY(-50%);-moz-transform:translateX(-20px) translateY(-50%);transform:translateX(-20px) translateY(-50%); padding:30px;z-index: 9;}
.inner-nav-classify li{ float:none; margin-left:0; text-align:center;}
.inner-nav-classify li a{ line-height:40px}
.inner-nav-classify .closed{ display:block; margin-top:10px}
.inner-nav-classify.active{-moz-transform: translateX(0) translateY(-50%);-webkit-transform: translateX(0) translateY(-50%); transform: translateX(0) translateY(-50%); }
.main-product li{width:100%}
.newstop-list .txt{ padding-bottom:30px}
.newstop-list .txt .tit{ font-size:20px}
.newstop-list .txt .intro{-webkit-line-clamp:2;font-size: 14px;line-height: 24px;}
.newstop-list .swiper-button-prev, .newstop-list .swiper-button-next, .en .newstop-list .swiper-button-prev, .en .newstop-list .swiper-button-next{bottom:10px}
.newstit{ font-size:26px; line-height:30px}
.ntitle-top .location{ padding:10px 0}
.ntitle-top .location a{ font-size:16px;line-height: 24px;}
.ntitle-top .location a:after{top:5px}
.hr-title,.contact-title{ font-size:30px; line-height:32px} 
.hr-intro{ font-size:14px}
.hrlist .swiper-button-prev, .hrlist .swiper-button-next{ width:20px; height:20px;margin-top:0;top:0;}
.hrlist .swiper-button-prev{ left:48%; margin-left:-15px;}
.hrlist .swiper-button-next{ left:48%; margin-left:15px;}
.hrlist .swiper-container{ padding-top:35px}
.hrlist .tit{ font-size:18px}
.hrlist .tit:after{ height:3px; margin-top:5px}
.hrlist .swiper-slide a{ padding:4%}
.hrlist .intro{ height:auto}
.contact .pic{margin:0 15px}
#allmap{ height:300px}
.banner, .i-product3{ display:none}
.mbanner, .i-mproduct3{ display:block}

}

@media screen and (max-width:640px){
.logo{ max-width:calc(100% - 120px)}
.logo img{ display:block; max-width:100%}
.search{margin-right: 35px;}
.search-btn{ margin-left:10px}
.m-menubtn{ width:50px}
.i-product .category{ padding:20px 0}
.i-product .category h4{ font-size:14px; margin:5px 0 0}
.i-product .category h3{ font-size:14px;}
.i-product .category img{ max-width:80%}
.i-product .list .txt>div, .en .i-product .list .txt>div{ font-size:30px}
.i-product .list .txt>div.titen{ font-size:24px}
.i-product2 .left h2{ font-size:30px; margin:0 0 20px; line-height:40px;font-weight: normal;}
.f-nav>ul>li{ display:none}
/*.f-nav li.last{ display:block; float:none;}*/
.f-nav .f-ewmbtn{ display:none !important}
.f-ewm{ display:block !important; position:relative; width:100%; margin-left:0; left:auto;top:auto;background:none; padding:0}
.f-ewm ul.clearfix:after{ display:none}
.f-ewm ul{ display:flex; display:-webkit-flex;}
.f-ewm li{ margin-right:20px}
.f-ewm img{ max-width:100%; height:auto}
.f-lang{ text-align:center; margin-bottom:0}
.f-lang .tit{ display:inline-block}
.f-lang .sub a{font-size:14px; line-height:1.4;margin-bottom: 5px;}
.f-logo{ display:none}
.f-link{ float:none;}
.f-link li{ margin:0 5px}
.f-link ul{ display:flex; display:-webkit-flex; justify-content:center;}
.footer{ padding-bottom:20px}
.footer-top{ border-bottom:0;padding-top: 20px;}
.footer-bot{ margin-top:10px}
.copyright{ text-align:center}
.about-header{ padding-bottom:0}
.about-header h2{ font-size:20px;}
.about-header h3{ font-size:16px;}
.about-header h2:after{width: 90px;}
.newstop-list .txt .tit{ margin:0}
.newstop-list .txt .intro{ display:none}
.newslist ul{ margin-right:0}
.newslist li{ width:100%; margin-right:0}
.newslist .tit h4{ font-size:18px}
.newstit{ font-size:20px; line-height:26px}
.product-top .right-txt h1{ font-size:26px; line-height:30px; margin:1% 0}
.product-top .right-txt h1 span{ margin-right:10px}
.product-top .right-txt .intro{ font-size:14px; line-height:20px}
.product-top .right-txt .color{ margin:2% 0}
.product-top .right-txt .color>span, .product-top .right-txt .down-btn{ font-size:16px;}
.product-top .right-txt .down-btn{ background-size:auto 20px}
.product-detail .guige-title{ font-size:20px;}
.product-detail{ font-size:14px; line-height:26px}
.product-detail .list{ flex-wrap:wrap;}
.product-detail .list li{ width:100%; padding:0; margin-bottom:3%}
.product-detail .list .pic img{ width:auto; max-width:50%;}

.guige-con td{ padding:5px;}
.guige-con .table-td1{ padding-left:37px}
.guige-con .table-td2, .guige-con .table-td3{ padding-left:40px}
.guige-con tr:first-child td{ padding-top:5px}
.newstit .time{ font-size:12px}
.hr-title, .contact-title{ font-size:26px; line-height:30px}
.contact-list .tit{font-size:20px;line-height: 20px;}
.contact-list .tit span{ font-size:13px}
.contact-list{ font-size:16px; line-height:24px}
.product-top .right-txt .intro, .product-detail{ line-height:26px}
.ntitle-top .location a{ font-size:14px; line-height:20px; margin-right:14px}
.ntitle-top .location a:after{height: 12px;background: #333;top: 3px;right: -8px;}
.product-detail{ font-size:14px;}
.guige-con td{ padding:5px}
.company .txt, .news-article, .content-ser{ font-size:14px; line-height:28px}
.hrlist .intro h4{ font-size:16px;}
.hrlist .tit:after{width: 35px; margin-bottom:5px}
.table td{ padding:2px 5px}
.downlist li{ margin-top:12px}
.downlist li h3{ font-size:14px;line-height: 26px;}
.downlist li .downbtn{background-size: auto 15px;}
.pagination p, .pagination a{ padding:0 10px !important;margin-right: 2px !important;margin-bottom: 3px !important;}
.product-detail .item4 iframe{max-width: 100%;}

.ablx_intro { font-size:20px; line-height:120%;}
}
@media screen and (max-width:425px){
.logo {max-width: calc(100% - 100px);}
.header .shop img{ height:16px}
.search-btn{ margin-left:2px}
.search-btn, .header-scroll .search-btn{background: url(../images/search-btn.png) no-repeat center; background-size:16px}
.mbanner .swiper-pagination-bullet{ width:8px; height:8px}
.f-ewm li{ margin-right:10px}
.footer-top{ padding-top:20px;}
.f-logo{ float:none; text-align:center}
.f-logo img{ display:block; max-width:100%; margin:0 auto}
.f-link{ float:none}
.f-link ul{ display:flex; display:-webkit-flex; justify-content:center;}
.f-link li{ margin:0 10px}
.m-menu li>a{ font-size:20px;line-height: 65px;}
.m-menu .sub a{ font-size:16px;line-height: 30px;}

.newstop-list .swiper-button-prev, .newstop-list .swiper-button-next{bottom:0}
.newstop-list .swiper-button-next{left:20px}
.newslist .tit h4{ font-size:16px}
.ntitle-top{ font-size:20px; line-height:40px;}
.main-product li .titbox .series{ font-size:20px;}
.main-product li .titbox .series:after{ width:30px; margin:5px auto}
.main-product li .titbox .tit{ font-size:35px}
.main-product li .more{ font-size:14px}

.cn .i-product .category h4{ font-size:12px}

.ablx_intro { font-size:18px; line-height:100%;}
}