body,html{height: 100%;-webkit-text-size-adjust:none;}
* {margin:0px;padding:0px;border:none;outline:none;}
body{font-family:"Microsoft Yahei","Helvetica Neue","Helvetica","Arial",sans-serif;font-size: 16px;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } 
h1,h2,h3,h4,h5,h6,h7{font-weight: normal;}
ol,li{list-style: none;}
a{text-decoration: none;color:#010101;}
a:hover,a:focus,a:visited{text-decoration:none;outline:none;}
input[type="text"], input[type="button"], input[type="submit"], input[type="reset"]{ -webkit-appearance: none;}
input:focus {outline:none !important;box-shadow: none !important;}
.text-r{text-align: right;}
.text-max-800{max-width: 800px;margin:0 auto;}
a:hover{color: #C42023;}
input:focus, textarea:focus,  select:focus {outline: none; box-shadow: inherit;}
img {
	max-width: 100%;
	height: auto;
	width: auto\9;
	vertical-align: middle;
    border: 0;
}
.fixed{position: fixed !important;}
.container{width: auto; margin: 0 15px; padding: 0;}
.container2{width: auto; margin: 0 15px; padding: 0;}
.container-fluid{padding: 0;}
html{font-size: 100px;}
@media (max-width: 1600px){html{font-size: 95px;}}
@media (max-width: 1440px){html{font-size: 90px;}}
@media (max-width: 1220px){html{font-size: 85px;}}
@media (max-width: 1024px){html{font-size: 80px;}}
@media (max-width: 991px){html{font-size: 70px;}}
@media (max-width: 639px){html{font-size: 60px;}}
@font-face {font-family: 'PingFang';src: url('PingFang.otf');}
@font-face {
  font-family: 'iconfont';
  src: url('iconfont.ttf'),
  url('iconfont.woff'),
  url('iconfont.woff2');
  font-weight: normal;
  font-style: normal;
}
.tc{text-align: center;}
.iconfont {font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
.icon-xiangyou-jiantou:before {content: "\e779";}
.ellipsis2{overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
.ellipsis{white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.line1{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1;}
.line2{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.line3{overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
/*header*/
header{position: relative;width: 100%;z-index: 999;}
.head-main{position: fixed; width: 100%;height: 1rem; display: flex;display: -moz-box;display: -ms-flexbox;align-items: center;-ms-flex-align: center;
 justify-content: space-between;padding: 0 1rem;border-bottom: 1px solid rgba(255,255,255,.2);}
.logo{width:3rem;}
.logo img{}
.logo img:nth-of-type(1){display: block;}
.logo img:nth-of-type(2){display:none;position: absolute;left: 1rem;top:50%;transform: translateY(-50%); width: 1.28rem;}
.head-main.sticky{background: #fff; transition: all 0.5s;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;border-bottom: 1px solid #e1e1e1;box-shadow:0 3px 3px -3px #ddd ;}
.head-main.sticky .header-nav ul li > a{color: #333;}
.head-main.sticky .logo img:nth-of-type(1),.head-main.on .logo img:nth-of-type(1){display: none;}
.head-main.sticky .logo img:nth-of-type(2),.head-main.on .logo img:nth-of-type(2){display: block;}
.head-r{}
.head-main.sticky .language a,.head-main.on .head-r,.head-main.on .head-r a {color: #222;}
.head-main.sticky .head-r a,.head-main.sticky .head-r{color: #333;}
.head-main.sticky .language-en img:nth-of-type(2) ,.head-main.on .language-en img:nth-of-type(2){opacity: 1;}
.head-main.sticky .telephone img:nth-of-type(2),.head-main.on .telephone img:nth-of-type(2){opacity: 1;}
.head-sear {cursor: pointer; width:20px;height:20px;font-size:16px;line-height:20px;text-align:center;color:#fff;
-webkit-transition:color .3s ease-in-out;-o-transition:color .3s ease-in-out;transition:color .3s ease-in-out;}
.sear-box {position:absolute;width: 100%; height:0px;overflow:hidden;right:0px;top:.85rem;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out;}
.sear-box input {height:60px;width:100%;font-size:18px;line-height:20px;padding:10px 5%;border-top: 1px solid #ededed;outline:none;
background: rgba(255,255,255);color: #666;}
.head-sear.active .sear-box{height: 60px;}
.head-sear .sear-btn .icon-sousuo:before{content:"\e7d4";}
.head-sear .sear-btn i{font-weight: bold;}
.head-sear.active .sear-btn .icon-sousuo:before{content:"\e60f";}
.head-main.sticky .sear-btn i,.head-main.on .sear-btn i{color: #222;}
.head-main.sticky .language a,.head-main.on .language a{color: #222;}
/*nav*/
.header-nav{position:relative;flex: 1;-webkit-flex:1;-webkit-box-flex: 1;display: flex;}
.header-nav ul{display: flex;justify-content:flex-end;align-items: center;width: 100%;}
.header-nav ul li{margin-right: .4rem;}
.header-nav ul li a{color: #fff;text-align: center;}
.header-nav .active a,.header-nav ul li a:hover{color: #ccc;}
.nav-icon {display:block;position:absolute;right:1.6rem;top:50%;margin-top:-7px;cursor: pointer;}
.nav-icon span {display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:all .3s linear;}
.nav-icon span:not(:first-child) {margin-top:4px;}
.nav-icon.on span:nth-of-type(1) {-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,6) rotate(45deg);}
.nav-icon.on span:nth-of-type(2) {width:0;}
.nav-icon.on span:nth-of-type(3) {-webkit-transform:matrix(1,0,0,1,0,6) rotate(45deg);transform:matrix(1,0,0,1,0,-6) rotate(-45deg);}
.head-main.sticky .nav-icon span{background-color: #333;}
/* banner */
.banner {overflow: hidden;height: 100vh;}
.banner .swiper-container{position:relative;height: 100vh;}
.banner .swiper-slide{overflow: hidden;}
#section0 .images{height: 100%; width: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.banner-txt{position:absolute;left:10%;top: 40%;width: 45%;transform: translateY(40%);color: #fff; transition: all 1s ease; transition-delay: 0.3s; opacity: 0;}
.swiper-slide.swiper-slide-active .banner-txt{transform: translateY(0); opacity: 1;}
.banner-txt h3{font-size: .5rem;font-weight: bold;margin-bottom: 20px;}
.banner-txt p:nth-of-type(1){font-size: .3rem;margin-bottom: 20px;}
.banner-txt p:nth-of-type(2){font-size: 20px;}
.widthFix{width: 100%}
.bannerimg{width: 100%; height: 100vh;object-fit: cover;transform: scale3d(1, 1, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
.banner .swiper-slide-active .bannerimg{transform: scale3d(1.15, 1.15, 1);transition: all 6s cubic-bezier(0.04, 0.79, 1, 1);}
.banner-info{position:absolute;bottom: 5%; right:0;left:0;z-index:5;display:flex;color:#fff;align-items:center;justify-content:center}
.banner-info .mouse{position:relative;width:.64rem;height:.64rem;border:1px dashed #fff;border-radius:50%;text-align: center;line-height: .64rem;
}
.banner-info .mouse:after{position: absolute;left: 30%;top: 0; font-family:iconfont; content:"\eb90";font-size: 25px;color: #fff;transform: translateX(-50%);
 -webkit-animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
  animation: updown 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;
}
.banner-page-num{position: absolute; z-index: 6; right: 9.896%; top: 91.8vh; height: .3rem;  width: 2.64rem; display: flex; justify-content: space-between;}
.banner-page-num span{ display: inline-block; color: #fff;  transition: all .3s;font-size: 18px;line-height: 25px;}
.my-swiper-scrollbar{position: absolute;right: calc(9.896% + .36rem); top: 93vh;  height: 1px; background: rgba(255,255,255,0.4); width: 1.92rem;z-index: 6;}
.my-swiper-scrollbar .my-swiper-scrollbar-drag{position: absolute; left: 0;  height: 1px; background: #fff;z-index: 7; top: -0.5px; transition-duration: 300ms; transition: all .3s; transform: translate3d(0,0,0);}
#section0 .swiper-button-next, #section0 .swiper-button-prev{top: 60%; width: 48px;height: 48px;border-radius: 100%;background-image: none;border: 1px solid #fff;
background-color: #fff;line-height: 48px;text-align: center;}
#section0 .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 12px;color: #222;}
#section0 .swiper-button-prev{left: 9.8%;}
#section0 .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 12px;color: #222;}
#section0 .swiper-button-next{left: calc(9.8% + 68px);right: unset;}
/* 关于我们 */
.indx-about{background: url(bg1.jpg) no-repeat;height:10rem ; background-size: cover;}
.indx-about .container{padding: 80px 0;text-align: center;}
.indx-about .more-btn{margin: 0 auto;}
.indx-pro-list .more-btn{margin: 30px auto;}
.indx-tit{margin-bottom: .4rem}
.indx-tit .en{font-size: .48rem;}
.indx-tit .en span{color: #C42023;}
.indx-tit .cn{font-size: 24px;}
.indx-about-info{margin-bottom: 60px;}
.indx-about-info p{line-height: 30px;width:100%;margin: 0 auto; }
.more-btn{position: relative;width: 1.8rem;background: #fff; text-align: center;padding: 10px 0;color: #333;display: flex;align-items: center;justify-content: center;transition: all .5s;}
.more-btn img{width: 20px;height: 20px;position: absolute;right: 0;top: 0;}
.more-btn img:nth-of-type(2){display: none;}
.more-btn.on,.more-btn:hover{background: #C42023;color: #fff;}
.more-btn.on:hover{background: #fff;color: #222;}
.more-btn:hover img:nth-of-type(2){display: block;}
/* 图片切换 */
.indx-about-pic{position: relative;margin-top: -1.4rem;}
.indx-about-pic .swiper-container{padding:5vw 0;}
.indx-about-pic .swiper-slide{width: 28.8%;}
.indx-about-pic .item{height: 18.75vw;display: flex;align-items: center;justify-content: center;}
.indx-about-pic .item .imgbox{position: absolute;top: 0;left: 0;bottom: 0;right: 0;transform: skewY(8deg);overflow: hidden;background: #222;}
.indx-about-pic .swiper-slide:nth-child(even) .imgbox{transform: skewY(-8deg);}
.indx-about-pic .item .imgbox img{transform: skewY(-8deg) scale(1.3);object-fit: cover;transition: all .3s;filter: grayscale(0);}
.indx-about-pic .item:hover .imgbox img{opacity: .5;}
.indx-about-pic .swiper-slide:nth-child(even) .imgbox img{transform: skewY(8deg) scale(1.3);}
.indx-about-pic .item .txtbox{position: relative;z-index: 2;text-align: center;transform:translateY(20px);opacity: 0;transition: all .3s}
.indx-about-pic .item:hover .txtbox{opacity: 1;transform:translateY(0);}
.indx-about-pic .item .txtbox .h1{font-size: .32rem;color: #fff;line-height: 1}
.indx-about-pic .item .txtbox p{font-size: .14rem;color: #fff;margin-top: .1rem;line-height: 1}
.indx-about-pic .swiper-button-next,.indx-about-pic .swiper-button-prev{width: 46px;height: 46px;border-radius: 50%;
background-image: none;background-color: #fff;line-height: 46px;text-align: center;transition: all .5s;}
.indx-about-pic .swiper-button-next:hover,.indx-about-pic .swiper-button-prev:hover{opacity: 0.35;}
.indx-about-pic .swiper-button-next{right:.5rem;}
.indx-about-pic .swiper-button-prev{left: .5rem;}
.indx-about-pic .swiper-button-prev::before{font-family:iconfont;content:"\e72a";font-size: 18px;color: #222;font-weight: bold;}
.indx-about-pic .swiper-button-next::before{font-family:iconfont;content:"\e72b";font-size: 18px;color: #222;font-weight: bold;}
/* 产品中心 */
.indx-pro{background: url(bg2.jpg) no-repeat;background-size: cover;height: auto;margin-top: -1.4rem;}
.indx-pro .container{padding: 1.4rem 0 1rem;}
.indx-pro .indx-tit{color: #fff;}
.indx-pro-list{padding-top: 20px;}
.indx-pro-list .col{margin-bottom: 40px;}
.pro-img{overflow: hidden;}
.pro-img img{transform: scale(1);transition: all .5s;}
.indx-pro-list a:hover .pro-img img{transform: scale(1.1);}
.pro-txt{background: #fff;padding: 24px;}
.pro-txt p{color: #666;font-size: 14px;overflow:hidden;height: 40px; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;}
.pro-h2{display: flex;margin-bottom: 20px;}
.pro-h2 h2{font-size: 24px;}
/* 热门新闻 */
.indx-news{padding: 60px 0;}
.indx-news .col{padding: 0;}
.indx-tit-lr{position: relative; margin-bottom: 40px;}
.indx-tit-lr .more-btn{position: absolute;right: 0;top: 0;}
.more-btn i{font-size: 20px;padding-left: 10px;}
.indx-news-item{display: block; border-left: 1px solid #ededed;padding: .4rem;transition: all .5s;}
.indx-news-item:hover{box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15);}
.indx-news-item:hover .iconfont{color: #C42023;}
.indx-news-item i{font-style: normal;font-size: 18px;color: #666;margin-bottom: 20px;display: block;}
.indx-news-item h3{font-size: 18px;line-height: 28px;height: 56px; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;
-webkit-line-clamp:2;margin-bottom: 20px;}
.indx-news-item p{font-size: 14px;color: #999;margin-bottom: 10px;overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.indx-news-item img{margin-bottom: 30px;}
.news-more-btn{display: flex;}
.news-more-btn i{padding-left: 10px;}
/* 科技创新 */
.indx-tech{position: relative;height: 8.4rem;}
.indx-tech img{/*height: 8.4rem;*/ width:100%; height:100%; object-fit:cover;}
.indx-tech-info{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 100%;}
.indx-tech .indx-tit{color: #fff;}
.indx-tech p{color: #fff;margin-bottom: 60px;line-height: 30px;width: 6.2rem;}
/* 底部 */
/* 内页 */
/* 关于我们 */
.page-banner{position: relative;}
.page-banner > img{width: 100%;height: 100%; object-fit: cover;}
.page-banner .page-tit-box{position: absolute;width: 100%; left: 0;top: 40%;color: #fff;}
.page-tit .cn{font-size: .56rem;margin-bottom: 20px;}
.page-tit .en{font-size: .28rem;}
.page-subnav{position: absolute;width: 100%; left: 0;bottom: 0;display: flex;justify-content: center;border-top: 1px solid rgba(255,255,255,.3);}
.page-subnav ul{display: flex;justify-content: center;align-items: center;overflow-x: auto;}
.page-subnav ul li{width: 2rem;height: .8rem;line-height: .8rem;text-align: center;}
.page-subnav ul li a{color: #fff;display: block;transition: all .5s;}
.page-subnav ul li a:hover,.page-subnav ul li.on{background: linear-gradient(135deg, #ff0000 0%, #640204 100%);}
.page-subnav ul li img{width: 20px;height: 20px;}
.page-about-sec1{background: url(about-bg.png) #F4F5F6 no-repeat;background-size: cover; overflow:hidden;}
.page-about-sec1 .container{padding: 1.32rem 0;}
.page-about-sec1 h2{font-size: .36rem;margin-bottom: .4rem;line-height: .54rem;}
.page-about-sec1 p{line-height: 30px;margin-bottom: 30px;}
.page-about-sec2{padding: 1.2rem 0; position: relative;}
.page-about-sec2::before{position: absolute;content: "";right: 0;top: -1.8rem;background: url(ABOUTUS.png) no-repeat;
width: 10.04rem;height: 1.81rem;z-index: -1;}
.page-about-sec2 h3{font-size: 24px;line-height: 40px;margin-bottom: 70px;text-align: center;padding: 0 1rem;position: relative;}
.page-about-sec2 h3::after{position: absolute;content: "";left: 50%;top: 50%;transform: translate(-50%,-50%);
background: url(PATENT.png) no-repeat;width: 8.29rem;height: 1.72rem;background-size: contain;z-index: -1;}
.number-up{display: flex;justify-content: center; margin-bottom: 90px;}
.number-up .item{flex: 1;text-align: center;}
.number-up .item > div{color: #C42023;margin-bottom: 20px;}
.number-up .item > div span{font-size:0.6rem;font-weight: bold;}
.video{position: relative;}
.video-box{position: relative;}
.video-box img{}
.video-box .video-btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); 
cursor: pointer;transition: all .5s;}
.video-box .video-btn img{width: 1rem;height: 1rem;}
.video-box .video-btn:hover{top: 55%;}
video{display: none;}
.page-cult{background: #F4F5F6;}
.page-cult .info{padding:1.2rem 0 0;text-align: center;}
.page-cult .info h3{font-size: .4rem;margin-bottom: .7rem;position: relative;}
.page-cult .info h3::after{position: absolute;content: ""; left: 50%;bottom: -20px;width: .68rem;height: .06rem;background: #B91C1E;transform: translateX(-50%);}
.page-cult .info p{font-size: 18px;margin-bottom: 1.7rem;}
.page-cult .info img{position: relative; animation: circle 120s linear infinite forwards;}
@keyframes circle {
    0% {
        transform: rotate(0);
    }
    100% {
        transform: rotate(360deg);
    }
}
.cult-list{display: flex;margin-bottom: 2.4rem;}
.cult-list .cult-item{flex: 1;border-right: 1px solid #E5E5E5;text-align: center;position: relative;}
.cult{padding: 1rem 0;background: #fff;}
.cult img{width: 1rem;height: 1rem;margin-bottom: 30px;}
.cult h4{font-size: .34rem;margin-bottom: 10px;}
.cult p{font-size: 18px;color: #666;}
.cult p:nth-of-type(2){padding: 20px 30px;font-size: 14px;display: none;}
.cult-hover{opacity: 0; position: absolute;left: 0;top: 50%;width: 100%; transform:translateY(-50%);background: #A61619;padding: 1rem 0;text-align: center;
transition: all .5s;cursor: pointer;}
.cult-item:hover .cult-hover{opacity: 1;}
.cult-hover img{width: 1rem;height: 1rem;margin-bottom: .3rem;}
.cult-hover h4{color: #fff;position: relative;margin-bottom: 40px;font-size: .34rem;}
.cult-hover h4::after{position: absolute;content: "";left: 50%;bottom:-20px;background: #fff; width: .5rem;height: 4px;transform: translateX(-50%);}
.cult-hover p{color: #fff;padding: 0 .4rem;}
.page-honor{padding: 1rem 0 1.5rem;position: relative;margin-bottom: 2rem;}
.page-honor::after{position: absolute;content: "";left: 0;bottom: -4.3rem;width: 100%;height: 4.3rem;background: #A61619;z-index: -1;}
.honor-list{}
.honor-list .container{background: #fff;}
.honor-list .row{padding: 1.2rem 0;}
.honor-list .col{margin-bottom: 1rem;}
.honor-list a{text-align: center;display: block;position: relative;top: 0;transition: all .5s;}
.honor-list a:hover{top: -.2rem;}
.honor-list .col:nth-of-type(2n+1){border-right: 1px solid #ededed;}
.honor-list a h3{font-size: .34rem;margin-bottom:.6rem;position: relative;font-weight: bold;line-height: .44rem;color: #333;}
.honor-list a h3::after{position: absolute;content: ""; left: 50%;bottom: -30px;transform: translateX(-50%);width: .7rem;height: .06rem;background:#A61619 ;}
.honor-list a img{margin-bottom: 50px;}
.honor-list a p{font-size: 20px;color: #666;}
.page-honor .swiper-pagination{width: 100%;bottom: -18%;color: #fff;}
.page-honor .swiper-button-next,.page-honor .swiper-button-prev{top: auto;bottom: -20%;background-image: none;width: .46rem;height: .46rem;
border-radius: 50%;background: #fff;}
.page-honor .swiper-button-next{right: 42%;}
.page-honor .swiper-button-prev{left: 42%;}
.page-honor .swiper-button-next::before{position: absolute;content: "";left: 40%;top: 40%;width: .1rem;height: .1rem;border-top: 1px solid #222;border-right: 1px solid #222;
transform: rotate(45deg);}
.page-honor .swiper-button-prev::before{position: absolute;content: "";left: 40%;top: 40%;width: .1rem;height: .1rem;border-top: 1px solid #222;border-right: 1px solid #222;
transform: rotate(-135deg);}
.page-his{padding: 1.2rem 0 .6rem;}
.page-his-main{background: url(his-bg-img.png) no-repeat;min-height: 6.56rem;background-size: cover;}
.page-his-tit{font-size: 40px;margin-bottom: 30px;}
.page-pro{background: #F4F5F6;}
.pro-nav{background: #fff;padding: .5rem 0;margin-bottom: .4rem;}
.pro-nav .container{display: flex;justify-content: space-between;text-align: center;white-space: nowrap;overflow-x: auto;overflow-y: hidden;}
.pro-nav a{display: block;flex: 1;}
.pro-nav h2{font-size: 16px;margin-top: 20px;}
.pro-nav img{width: .88rem;height: .88rem;}
.pro-nav a.on{color:#C42023 ;}
.page-d-box #gallery-top{margin-bottom:20px ;}
.pro-thumbs{position: relative;padding: 0 .5rem;}
.pro-thumbs .swiper-slide .slide-img{margin-right: 10px;}
.pro-thumbs .swiper-slide{text-align: center;}
.pro-thumbs .swiper-slide-thumb-active .slide-img{border: 2px solid #222;}
.pro-thumbs .swiper-slide-thumb-active .slide-img img{opacity: .6;}
.pro-thumbs .swiper-button-next{background-image: none;width: 10px;height: 10px;border-top: 2px solid #222;border-right: 2px solid #222;
transform: rotate(45deg);margin-top: 0;}
.pro-thumbs .swiper-button-prev{background-image: none;width: 10px;height: 10px;border-top: 2px solid #222;border-left: 2px solid #222;
transform: rotate(-45deg);margin-top: 0;}
.navigation{text-align: center;margin-top: 30px;margin-bottom: 1rem;}
.pagination>li{display:inline-block;margin: 0 5px;}
.pagination>li>a, .pagination>li>span{border-radius: 50%;width: .5rem;height: .5rem;line-height: .5rem;padding: 0;color: #666;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background: #105ECC;border-color:  #105ECC;color: #fff;}
.pagination>li>a:hover, .pagination>li>span:hover{background: #105ECC;border-color:  #105ECC;color: #fff;}
.pagination>li:first-child>a, .pagination>li:first-child>span{border-top-left-radius: 50%;border-bottom-left-radius: 50%;}
.pagination>li:last-child>a, .pagination>li:last-child>span{border-top-right-radius: 50%; border-bottom-right-radius: 50%;}
.page-d{background: #F4F5F6;}
.page-d-box{background: #fff; padding: .7rem;margin: .8rem 0 .4rem;}
.pro-r{padding-left: 1rem;}
.page-d .col h2{font-size: .4rem;position: relative;padding-bottom: 30px;margin-bottom: 30px;}
.page-d .col h2::after{position: absolute;content: "";left: 0;bottom: 0;width: 100%;height: 2px;background: #E6E6E6;}
.pro-d-scrip h4{font-size: 18px;margin-bottom:20px;}
.page-tec-sec1{padding: 1.5rem 0 2.5rem;}
.page-tec-sec1 .row{display: flex;align-items: center;}
.page-tec-sec1 h4,.tec-r h4{font-size: .42rem;padding-bottom: 20px;position: relative;margin-bottom: 20px;}
.page-tec-sec1 h4::after,.tec-r h4::after{position: absolute;content: "";left: 0;bottom: 0;background: #C42023;height: 4px;width: .8rem;}
.page-tec-sec1 p,.tec-r p{font-size: 18px;color: #484848;line-height: 34px;}
.page-tec-sec1 img{padding-left: 1rem;}
.page-tec-sec2{display: flex;background: linear-gradient(#F7F9FC,#fff);height: 7.7rem;}
.tec-l{margin-top: -.8rem;width: 50%;}
.tec-r{width: 50%;padding: 1.1rem 2.1rem;}
.pro-d-info{background: #fff;padding: .7rem;margin-bottom: .8rem;}
.pro-d-info h4{font-size: 28px;margin-bottom: 30px;border-bottom: 1px solid #ededed;padding-bottom: 30px;}
.pro-d-info img{margin-bottom: 20px;display: block;margin-left: auto;margin-right: auto;}
.page-news{background: #F4F5F6;padding-bottom: .9rem;}
.news-main1{margin: 1.2rem 0 .5rem;}
.news-main1 a{position: relative; display:block;background: #fff;padding: .36rem;top: 0; transition: all .5s;margin-bottom:40px;}
.news-main1 a:hover{box-shadow: 0 0 20px #ddd; top: -.2rem;}
.news-main1 a span{font-size: 14px;margin-bottom: 10px;display: block;}
.news-main1 a h3{font-size: 22px;margin-bottom: 30px;line-height: 34px;font-weight: bold;color: #333; overflow:hidden; text-overflow:ellipsis;display:-webkit-box; 
-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.news-main1 a img{margin-bottom: 40px;}
.news-main1 .news-more{border-top: 1px solid #E5E5E5;padding-top: 25px;display: flex;}
.news-main1 .news-more i{color: #888;}
.news-main1 .news-more span{flex: 1;font-size: 14px;}
.news-main2{margin-bottom: .9rem;}
.news-main2 ul li{position: relative; background: #fff;margin-bottom: .4rem; transition: all .5s;}
.news-main2 ul li:hover{box-shadow: 0 0 20px #ddd; }
.news-main2 a{display: flex;padding: .7rem .4rem;}
.news-main2 .news-l{flex: 1;display: flex;}
.news-l span{color: #A61619;font-size: 14px;margin-right: .6rem;}
.news-l h3{font-size: 24px;font-weight: bold;line-height: 34px;}
.news-r{font-size: 14px;}
.news-r i{padding-left: 20px;color: #888;}
.pagina{text-align: center;display: flex;justify-content: center;}
.pagina ul{overflow: hidden;}
.pagina ul li{float: left;width: .5rem;height: .5rem;line-height: .5rem;background: #fff; border-radius: 50%
;margin-right: 30px;border: 1px solid #D9D9D9;cursor: pointer;}
.pagina ul li.active,.pagina ul li:hover{background: #C42023;border: 1px solid #C42023;}
.pagina ul li.active a,.pagina ul li:hover a{color: #fff;}
.pagina ul li a{}
.news-d{background: #F4F5F6;}
.news-d-info{background: #fff; margin-top: 40px;padding: .7rem 2.5rem;}
.news-d-info h3{font-size: 28px;margin-bottom: 40px;}
.news-d-day{font-size: 14px;color: #888;margin-bottom: 30px;}
.news-d-scrip{border-top: 1px solid #E5E5E5;border-bottom: 1px solid #E5E5E5;padding: 40px 0;}
.news-d-scrip p{line-height: 28px;margin-bottom: 30px;}
.news-d-scrip img{margin-bottom: 30px;}
.news-d-page{margin-top: 50px;}
.news-d-page a{display: flex;margin-bottom: 30px;align-items: center;}
.news-d-page a span{font-size: 14px;background: #F6F6F6;width: 1.18rem;text-align: center;padding: 10px 0;}
.news-d-page a h4{margin-left: 20px;}
.serv-main{padding: .8rem 0;}
.serv-info h4{font-size: .4rem;margin-bottom: .7rem;}
.serv-info dl{margin-bottom: 40px;}
.serv-info dt{margin-bottom: 10px;}
.serv-info dd{font-size: 18px;color: #6B6F78;line-height: 30px;}
.serv-info dd > div{margin-top: 40px;}
.serv-info dd > div:nth-of-type(2){margin-left: 1.5rem;}
.serv-info .serv-flex {display: flex;}
.serv-info dd h5{color: #A5A5A5;margin-bottom: 10px;}
.serv-info dd p{font-size: 20px;color: #222;font-weight: bold;}
.serv-form h5{font-size: .4rem;margin-bottom: .7rem;}
.contact-message{border: 1px solid #DFE2EB;padding: .8rem 1.4rem;}
.serv-form{margin-top: 1rem;}
.form-group{width: 50%;margin-bottom: .4rem;}
.form-group:nth-of-type(2n){padding-left: 40px;}
.form-group ,.form-textarea{position: relative;}
.form-group span{position: absolute;top: 0;width: 60px;height: 60px;line-height: 60px;text-align: center;color: #EC3030;}
.form-control{height: 60px;border: none;background-color: #F5F6F7;font-size: 16px;padding: 6px 40px;color: #222;box-shadow: none;}
.form-textarea span{position: absolute;left: 0;top: 0;width: 60px;height: 40px; line-height: 40px;text-align: center;color: #EC3030;}
.form-box{display: flex;justify-content: space-between;flex-wrap: wrap;}
textarea.form-control{height: 2rem;}
.form-textarea{margin-bottom: 40px;}
#submit{width: 3rem;background: #B91C1E;text-align: center;color: #fff;padding: 20px 0;border-radius: 4px;}
.after-serv{padding:1rem 0 .7rem;}
.after-serv h4{font-size: .4rem;color: #222;margin-bottom: .7rem;}
.after-serv p{font-size: 18px;color: #6B6F78;margin-bottom: 80px;line-height: 30px;}
.after-3s-serv{background: url(after-map.png) center no-repeat;height: 8.98rem;background-size: cover;margin-bottom: .8rem;}
.after-3s-serv h4{padding: .4rem 0 .7rem;font-size: .4rem;}
.after-3s-serv .serv-p{font-size: 18px;color: #6B6F78;margin-bottom: 1.11rem;line-height: 30px;}
.serv-numb{margin-bottom: 1.3rem;display: flex;align-items: center;}
.serv-numb .numb-item{width: 33.33%;display: flex;}
.serv-numb .numb-item span{font-size: .92rem;color: #B91C1E;text-shadow: 2px 5px 7px #C5D2EE;padding-right: 20px;font-weight: bold;}
.numb-info h5{font-size: 20px;margin-bottom: 20px;font-weight: bold;}
.numb-info p{color: #696D76;line-height: 30px;}
.serv-contact{display: flex;}
.serv-contact h5{color: #A5A5A5;margin-bottom: 20px;}
.serv-contact p{font-size: .3rem;color:#212121 ;font-weight: bold;}
.serv-contact > div:nth-of-type(2){margin-left: .9rem;}
.contact{padding: .8rem 0;}
.contact-info{display: flex;justify-content: space-between;}
.contact-item{display: flex;align-items: center;}
.contact-item img{width: .72rem;height: .72rem;margin-right: 10px;}
.contact-item > div p:nth-of-type(1){color: #8C9199;font-size: 18px;margin-bottom: 10px;}
.contact-item > div p:nth-of-type(2){font-size: 18px;color: #212121;font-weight: bold;}
.map{height: 6.8rem;margin-top: .7rem;}
#map{height: 100%;}
.message{background: #F4F5F6;}
.message-box{background: #fff;margin: .6rem 0;padding: .7rem 1.4rem;}
.message-box h4{font-size: 26px;margin-bottom: 30px;text-align: center;}
.message-box p{margin-bottom: 40px;text-align: center;}
.top{position: fixed; bottom:15vh; right:15px;z-index:9999; width:35px; height:35px; background:rgba(0,0,0,0.3);cursor:pointer;}
.top::after{ position:absolute;content:'';width:9px;height:9px; border-top:2px solid #fff;border-right:2px solid #fff; top:50%; left:50%; transform:translate(-50%,-40%) rotate(-45deg)}
.cblue{color: #00a0e6;}
.news_list_img{height: 2.8rem;}
.news_list_img img{object-fit: cover;width: 100%; height: 100%;}
.footer-top-banner{
    background:#0a0a0a;
    padding:60px 20px;
    text-align:center;
    color:#fff;
}
.footer-top-banner h2{
    font-size:36px;
    margin:0 0 16px;
    font-weight:500;
}
.footer-top-banner p{
    max-width:700px;
    margin:0 auto 32px;
    font-size:16px;
    opacity:0.85;
    line-height:1.6;
}
.footer-btn-red{
    display:inline-block;
    padding:12px 42px;
    background:#d62027;
    color:#fff;
    border-radius:99px;
    text-decoration:none;
    border:none;
    font-size:15px;
}
.footer-btn-red:hover{
    background:#b4171d;color:#fafafa;
}
.footer-bottom-wrap{
    background:#191919;
    width:100%;
}
.footer-container{
    max-width:1280px;
    margin:0 auto;
    padding:50px 20px;
    display:grid;
    grid-template-columns:repeat(7,1fr);
    gap:20px;
}
.footer-col h4{
    color:#ffffff;
    font-size:20px;
    margin:0 0 18px;
    font-weight:500;
}
.footer-col ul{
    list-style:none;
    padding:0;
    margin:0;
}
.footer-col li{
    margin-bottom:12px;
}
.footer-col a{
    color:#cccccc;
    text-decoration:none;
    font-size:15px;
}
.footer-col a:hover{
    color:#d62027;
}
.footer-copyright{
    border-top:1px solid #2c2c2c;
    max-width:1280px;
    margin:0 auto;
    padding:24px 20px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    color:#888;
    font-size:14px;
}
.footer-copyright a{
    color:#888888;
}
@media(max-width:1024px){
    .footer-container{
        grid-template-columns:repeat(3,1fr);
    }
}
@media(max-width:640px){
    .footer-container{
        display:none !important;
        grid-template-columns:1fr;
        gap:32px;
    }
    .footer-copyright{
        flex-direction:column;
        gap:12px;
        text-align:center;
    }
    .footer-top-banner h2{
        font-size:26px;
    }
}

/*小菜单移动*/
/*=====products.asp page‑subnav 移动端横向滚动优化【修复垂直居中】=====*/
@media(max-width:768px){
    .page-subnav{
        overflow-x: auto !important;
        overflow-y: hidden !important;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        padding:0 12px !important;
    }
    .page-subnav::-webkit-scrollbar{
        display: none !important;
    }
    .page-subnav ul{
        display: flex !important;
        flex-wrap: nowrap !important;
        gap:16px !important;
        width: auto !important;
        justify-content: flex-start !important;
        align-items: center !important;  /* ✅ ul内部li垂直居中 */
        padding-left:0 !important;
        margin:0 !important;
    }
    .page-subnav ul li{
        flex: 0 0 auto !important;
        white-space: nowrap !important;
        height: auto !important;
        line-height:1 !important; /* ✅ 干掉模板过大行高，行高设为1，消除文字下移 */
    }
    .page-subnav ul li a{
        display:flex !important;
        align-items:center !important; /* ✅ a标签内部文字垂直居中 */
        justify-content:center !important; /* 水平居中 */
        text-align:center !important;
        /* 上下内边距统一，不要上下差值过大 */
        padding:20px 16px !important;
        line-height:1 !important;
    }
}



/*head-meun*/
.header-nav ul li.menu-item {position: relative;}
.header-nav ul li.menu-item > .sub-menu {
    position: absolute;
    top: 150%;
    left: 50%;
    transform: translate(-50%, -8px);
    min-width: 160px;
    padding: 10px 0;
    opacity: 0;
    pointer-events: none;
    transition: all 0.26s cubic-bezier(0.4, 0, 0.2, 1);
    display: block !important;
    background-color: rgba(255, 255, 255, 0.62);
    border-radius: 4px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.15);
}
.header-nav ul li.menu-item > .sub-menu::before {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -12px;
    height: 12px;
    background: transparent;
}
.header-nav ul li.menu-item:hover > .sub-menu {
    opacity: 1;
    transform: translate(-50%, 0);
    pointer-events: auto;
}
.header-nav ul li.menu-item > .sub-menu li {
    margin-right: 0;
    display: block !important;
    width: 100%;}
.header-nav ul li.menu-item > .sub-menu li a {
    display: block;
    padding: 12px 18px;
    line-height: 1.6;
    white-space: nowrap;
    text-align: center;
    width: 100%;
    color: #333;
    font-size: 15px;
    position: relative;
    transition: color 0.2s ease;
border-bottom:#D7D4D5 1px solid;
}
.header-nav ul li.menu-item > .sub-menu li a:hover {
    color: #C81F26; font-weight:bold; 
}
.header-nav ul li.menu-item > .sub-menu li a.active {
    color: #C81F26;
}
.header-nav ul li.menu-item > .sub-menu li a > span {
    position: relative;
    display: inline-block;
}
.header-nav ul li.menu-item > .sub-menu li a > span::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: -4px;
    width: 100%;
    height: 2px;
    background-color: #C81F26;
    opacity: 0;
    transition: opacity 0.2s;
}
.header-nav ul li.menu-item > .sub-menu li a:hover > span::after,
.header-nav ul li.menu-item > .sub-menu li a.active > span::after {
    opacity: 1;
}
.head-main:not(.sticky):not(.on) .sub-menu {
    background-color: rgba(255, 255, 255, 1);
}
.head-main:not(.sticky):not(.on) .sub-menu li a {
    color: #333;
}
.head-main:not(.sticky):not(.on) .sub-menu li a:hover,
.head-main:not(.sticky):not(.on) .sub-menu li a.active {
    color: #C81F26;
}
.head-main.sticky .sub-menu {
    background-color: rgba(255, 255, 255, 0.96);
}
.head-main.sticky .sub-menu li a {
    color: #333;
}
.head-main.sticky .sub-menu li a:hover,
.head-main.sticky .sub-menu li a.active {
    color: #C81F26; 
}
@media (min-width:992px){
    .header-nav > ul > li > a{
        position: relative;
    }
    .header-nav > ul > li > a > span{
        position: relative;
        display: inline-block;
    }
    .header-nav > ul > li > a > span::after{
        content:"";
        position:absolute;
        left:0;
        bottom:-6px;
        width:0;
        height:2px;
        background:#C81F26;
        transition: width 0.24s ease-out;
    }
    .header-nav > ul > li > a:hover > span::after{
        width:100%;
    }
    .header-nav > ul > li > a.active > span::after{
        width:100%;
    }
    .header-nav > ul > li > a:hover{
        color:#C81F26;
    }
    .header-nav > ul > li > a.active{
        color:#C81F26;font-weight:bold;
    }
}
/* =========移动端小屏幕处理========= */
/* 移动端侧边菜单二级子菜单修复 */
/* =========全新重写移动端菜单 768px断点========= */
@media (min-width:769px){
    /* PC端隐藏这套新菜单，不影响原有电脑端导航 */
    .new-mobile-menu-wrap,.menu-hamburger{
        display:none !important;
    }
}
@media (max-width:768px){
    .menu-hamburger{
        position:fixed;
        z-index:999;
        top:12px;
        right:12px;
        font-size:28px;
        background:none;
        border:none;
        color:#fff;
    }
    .menu-hamburger {
    position: fixed;
    z-index: 999;
    top: 12px;
    right: 12px;
    font-size: 28px;
    background: none;
    border: none;
    color: #fff;
    transition: color 0.3s ease;
}

.menu-hamburger.scrolled-black {
    color: #000 !important;
}
    /*侧边滑出菜单容器*/
    .new-mobile-menu-wrap{
        position:fixed;
        z-index:998;
        top:0;
        left:-100%;
        width:82%;
        height:100vh;
        overflow-y:auto;
        background:#ffffff;
        transition:left 0.3s ease;
    }
    .new-mobile-menu-wrap.show{
        left:0;
    }
    .new-mobile-menu-wrap ul{
        list-style:none;
        margin:0;
        padding:60px 0 30px 0;
    }
    .new-mobile-menu-wrap > ul > li{
        border-bottom:1px solid #e5e5e5;
    }
    .new-mobile-menu-wrap a{
        display:block;
        padding:14px 20px;
        color:#333;
        text-decoration:none;
        font-size:16px;
    }
    /*父栏目可点击展开箭头*/
    .parent-item{
        display:flex;
        justify-content:space-between;
        align-items:center;
    }
    .arrow-icon{
        margin-right:16px;
        transition:transform 0.25s;
    }
    .arrow-icon.open{
        transform:rotate(180deg);
    }
    /*二级子菜单 */
    .sub-menu{
        display: none !important;
        max-height:0 !important;
        overflow:hidden !important;
        transition:max-height 0.3s ease;
        background:#f7f7f7;
        margin:0 !important;
        padding:0 !important;
    }
    .sub-menu.open{
        display:block !important;
        max-height:2000px !important;
    }
    .sub-menu li{
        margin:0 !important;
        padding:0 !important;
    }
    .sub-menu a{
        padding:8px 20px 8px 40px !important;
    }
    /*遮罩层*/
    .menu-mask{
        position:fixed;
        inset:0;
        background:rgba(0,0,0,0.4);
        z-index:997;
        display:none;
    }
    .menu-mask.show{
        display:block;
    }
}