@charset "utf-8";
/* 首页 */
.section{overflow: hidden;background-position: center;background-repeat: no-repeat;background-size: cover;}
.wap{display: none;}
.HomeBan{overflow: hidden;height:100vh;}
.HomeBan .swiper-slide{position: relative;overflow: hidden;}
.HomeBan .swiper-slide .imgbox{position: relative;padding-top:100vh;}
.HomeBan .swiper-slide .video-box{position: absolute;width:100%;height:100%;top:0;left:0;background: url(../images/loading.gif) no-repeat center center;}
.HomeBan .swiper-slide .video-box video{width:100%;height:100%;object-fit: cover;}
.HomeBan .swiper-slide .video-box:after{display: block;content: '';position: absolute;left: 0;top: 0;width: 100%;height: 100%;background-color: rgba(0, 0, 0, .28);z-index: 3;}
.HomeBan .swiper-slide .txt{width:100%;height:100%;background: rgba(0,0,0,0.4);position: absolute;top:0;left:0;display: flex;align-items: center;justify-content: center;text-align: center;color:#fff;padding-bottom:1rem;}
.HomeBan .swiper-slide .txt h3{font-size:0.6rem;line-height:1.3;letter-spacing:.05rem; font-weight: normal;}
.HomeBan .swiper-slide .txt .dec{line-height:1.2; letter-spacing:.05rem;font-size: 0.24rem;margin:0.24rem 0 0.5rem 0;}
.HomeBan .swiper-slide .txt .homemore{}
.HomeBan .swiper-slide .txt h3,
.HomeBan .swiper-slide .txt .dec,
.HomeBan .swiper-slide .txt .Homemore{opacity: 0}

.HomeBan .swiper-slide.swiper-slide-active .txt h3{animation: fadeInUpSmall ease-in 0.5s .1s forwards;}
.HomeBan .swiper-slide.swiper-slide-active .txt .dec{animation: fadeInUpSmall ease-in 0.5s 0.5s forwards;}
.HomeBan .swiper-slide.swiper-slide-active .txt .Homemore{animation: fadeInUpSmall ease-in 0.5s 0.8s forwards;}
.HomeBan .swiper-slide.swiper-slide-active .imgbox img{animation: scale linear 6s forwards;}

@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}



.fpnav{position: fixed; top: 50%; transform: translateY(-50%); left:1em; z-index: 200;}
.fpnav::before{position: fixed; top:50%;transform: translateY(-50%); left:.9rem;width: 1px; height: 100vh; background-color:rgba(255,255,255,0.4); content: ''; z-index: 200;}
.fpnav_on::before{background:rgba(0,0,0,0.1);}
.fpnav li{ text-align: center; min-width:.62rem}
.fpnav li a{color:#fff; position: relative; display: block;}
.fpnav li a::after{ content: ''; display: block; width:.12rem; height:.12rem;position:absolute; background:#fff; border-radius: .02rem; left:50%; top:50%; transform: translate(-50%,-50%);}
.fpnav_on li a::after{background:rgba(0,0,0,0.15);}
.fpnav li span{font-size: 0; text-transform: uppercase;}
.fpnav li+li{ position: relative; margin-top:.3rem; }
.fpnav li.active a::after{display: none;}
.fpnav li.active span{font-size:0.14rem; line-height: 1;  color: #fff;}
.fpnav_on li.active span{color: #000;}

.sec-1{position: relative;}
.HomeNum{position: absolute;width:100%;left:0;bottom:0;z-index:9;}
.HomeNum ul{border-top:1px solid rgba(255,255,255,0.3);padding:0.55rem 0;display: flex;flex-wrap: wrap;}
.HomeNum ul li{width:33.33%;padding:0 0.55rem;font-size: 0.22rem;color:#fff;position: relative;}
.HomeNum ul li:first-child{padding-left:0;}
.HomeNum ul li:last-child{padding-right:0;}
.HomeNum ul li:not(:last-child){border-right:1px solid rgba(255,255,255,0.4);}
.HomeNum ul li .counter{font-size:0.6rem; padding-right:.1rem; font-weight: bold; font-family: Arial;}
.HomeNum ul li sup{font-size:0.3rem; font-weight: bold; display: inline-block; vertical-align: top;}
.HomeNum ul li p{font-size:0.18rem; margin:.05rem 0 0;}
.HomeNum ul li .num{line-height: 1.1;}
.HomeNum ul li{display: flex;flex-direction: row-reverse;}
.HomeNum ul li .icon{display: block;height:.3rem; background-position:center; background-size: contain; background-repeat: no-repeat;margin-left:0.25rem;}
.HomeNum ul li .icon img{display: block; height: 100%;}
.HomeNum ul li:last-child .icon{right:0;}

@media(max-width:1024px){
    .HomeBan .swiper-slide .txt h3{font-size: 0.4rem;letter-spacing: 0;}
    .HomeBan .swiper-slide .txt .dec{font-size: 0.22rem;letter-spacing: 0;margin:0.2rem 0 0.4rem 0;}
    .fpnav{display: none;}
    .HomeNum ul li{padding:0 0.3rem;}
    .HomeNum ul li .icon{right:0.3rem;}
    .HomeNum ul li .counter{font-size: 0.4rem;}
}

@media(max-width:640px){
    .HomeNum ul{padding:0.25rem 0;}
    .HomeNum ul li{padding:0 0.2rem;font-size: 0.16rem;}
    .HomeNum ul li .icon{right:0.2rem;position: static;margin:0 auto;margin-bottom:0.2rem;}
    .HomeNum ul li .counter{font-size: 0.3rem;}
    .HomeNum ul li sup{font-size: 0.22rem;}
}


.HomeProduct{overflow: hidden;}
.HomeProduct,
.HomeProduct .list{ background-size: cover; background-repeat: no-repeat; background-position: center;}
.HomeProduct .list dd{position:relative; height: 100vh; z-index:1; transition: 0.5s;}
.HomeProduct .list dd:not(:last-child)::after{ background:rgba(255,255,255, 0.1);position:absolute;content:'';top:0; right:0;width:1px;height: 100%;  }
.HomeProduct .list dd.hover{z-index: 4;}
.HomeProduct .list dd > *{ position:absolute; left:0; width:100%; top:0; z-index: 4;}
.HomeProduct .list dd .ytable{height: 100%; z-index: 20; text-align: center; color:#fff; padding-top: 1rem;}
.HomeProduct .list dd .ul{ height:0; margin:0 auto;transition:0.3s; transform:translateY(1rem); opacity:0; margin-bottom:0; padding:0 15%;}
.HomeProduct .list dd.hover ul{opacity:1;height:auto; transform:translateY(0);}
.HomeProduct .list dd.hover li{line-height:.3rem; padding:.15rem 0; text-align: left;}
.HomeProduct .list dd.hover li+li{border-top: 1px dashed rgba(255,255,255, 0.15);}
.HomeProduct .list dd.hover li a{color:#fff; padding-right: .3rem; background:url(../images/more-on.svg) no-repeat right center; opacity: 0.55; background-size:auto .14rem;}
.HomeProduct .list dd.hover li:hover a{opacity: 1;}
.HomeProduct .list dd .tit{ margin:0; font-size:0.22rem; padding:.24rem 0; font-weight: normal;}
.HomeProduct .list dd .more{display: inline-block;padding:0.1rem 0.25rem;line-height: 1;border-radius: 0.4rem;border:1px solid #fff;color:#fff;transition: all .5s;}
.HomeProduct .list dd .more:hover{background: #fff;color:#324ea2;}
.HomeProduct .list dd .icon{ height:.5rem;opacity:0.6; transition:0.4s;}
.HomeProduct .list dd.hover .icon{ opacity:1;}
.HomeProduct .list dd.hover .tit{ font-weight: bold;}
.HomeProduct .list dd.hover{background: rgba(50,78,162,.45);}
.HomeProduct .ytable {display: table;width: 100%;position: relative;z-index:9;}
.HomeProduct .ytable-fixed {table-layout: fixed;}
.HomeProduct .ytable-cell {display: table-cell;vertical-align: middle;}
.HomeProduct .list dd .img{position: absolute;width:100%;height:100%;top:0;left:0;display: none;}
.HomeProduct .list dd .img::after{content:'';display: block;width:100%;height:100%;position: absolute;left:0;top:0;background: rgba(50,78,162,.85);}
@media(min-width:769px){
.HomeProduct .list{display: table;table-layout: fixed;width: 100%; position: relative; z-index:1;padding-left: 1.06rem; }
.HomeProduct .list::after{ background:#000;position:absolute;content:'';top:0; right:0;width:100%;height: 100%; z-index: 2; 
  opacity: 0.4; } 
.HomeProduct .list dd{ display: table-cell;vertical-align: middle; position: relative; z-index: 5;}
}

@media(max-width:1024px){
    .HomeProduct .list{padding-left:0;}
    .HomeProduct .list dd{height:8.5rem;}
}

@media (max-width:768px) {
    .HomeProduct{background: none !important;padding:0.1rem;}
    .HomeProduct .list{background: none !important;}
    .HomeProduct  .ytable.xy,
    .HomeProduct  .ytable.xy > .ytable-cell{display: block;}
    .HomeProduct .list dd{width: auto!important;height:auto;}
    .HomeProduct .list{}
    .HomeProduct .list dd{margin-bottom:.1rem;padding:0;}
    .HomeProduct .list dd .img{display: block;}
    .HomeProduct .list dd > *{position: static;}
    .HomeProduct .list dd .ytable{position: relative;}
    .HomeProduct .list dd ul{opacity:1;height:auto; transform:translateY(0);}
    .HomeProduct .list dd li{line-height:.3rem; padding:.15rem 0; text-align: left;}
    .HomeProduct .list dd li+li{border-top: 1px dashed rgba(255,255,255, 0.15);}
    .HomeProduct .list dd li a{color:#fff; padding-right: .3rem; background:url(../images/more-on.svg) no-repeat right center; opacity: 0.55; background-size:auto .14rem;}
    .HomeProduct .list dd li a{opacity: 1;}
    .HomeProduct .list dd .icon{ opacity:1;}
    .HomeProduct .list dd .tit{ font-weight: bold;}
    .HomeProduct .list dd{background: rgba(50,78,162,.85);}
    .HomeProduct .list dd .ul{height:auto;opacity: 1;transform: translateY(0);padding:0;display: none;transition: none;margin-top:0.1rem;}
    .HomeProduct .list dd .ytable{padding:0.3rem;}
    .HomeProduct .list dd li{padding:0.1rem 0;}
    .HomeProduct .list dd .name{display: flex;align-items: center;position: relative;}
    .HomeProduct .list dd .icon{height:0.4rem;margin-right:0.1rem;}
    .HomeProduct .list dd .tit{padding:0;}
    .HomeProduct .list dd .name::after{content:'';display: block;width:0.1rem;height:0.1rem;border:2px solid #fff;border-left:none !important;border-bottom:none !important;position: absolute;right:0;top:50%;margin-top:-0.05rem;transform: rotate(45deg);}
}


.HomeCase{position: relative;z-index: 1; overflow: hidden; }
.HomeCase .index-title{margin-bottom: 0.76rem;font-size: 0.6rem;line-height: 1.3; }
.HomeCase .index-title p{margin: 0;}
.HomeCase .index-title .en{text-transform: uppercase; color: rgba(255,255,255,0.2);font-family: 'Barlow';font-weight: 700;}
.HomeCase .index-title .cn{font-size: 0.4rem;color: #fff; margin-top: 0.1rem;}
@media (max-width:1024px) {
    .HomeCase .index-title{font-size: 0.4rem;margin-bottom: 0.5em;}
}
@media (max-width:640px) {
    .HomeCase .index-title{font-size: 0.3rem;}
}

.HomeCase .index-more a{display: inline-flex;align-items: center;background-color: #324ea2;color: #fff;line-height:0.6rem;padding: 0 0.43rem;border-radius: 0.6rem; overflow: hidden; ;}
.HomeCase .index-more a span{position: relative;z-index: 3;transition: 0.3s 0.3s ease-in-out;}
.HomeCase .index-more a i{width: 0.14rem;height: 0.14rem;display: block;position: relative;z-index: 1;margin-left: 0.27rem;}
.HomeCase .index-more a i:after,
.HomeCase .index-more a i:before{border-radius: 50%;position: absolute; content: ''; transition: 0.5s ease-in-out;}
.HomeCase .index-more a i:before{background-color: #fff;width: 0.06rem;height:0.06rem; left: 50%;top: 50%;margin-top:-0.03rem;margin-left:-0.03rem;}
.HomeCase .index-more a i:after{left: 0;top: 0;width: 100%;height: 100%;background: rgba(255,255,255,0.2);}
.HomeCase .index-more a:hover i:after{transform: scale(30);}
.HomeCase .index-more a:hover i:before{transition-delay: 0.3s;transform: scale(50);background: rgba(255,255,255,0.8);}
.HomeCase .index-more a:hover{color: #324ea2;}
.HomeCase .index-more a:hover span{transform: translateX(0.2rem);}
@media (max-width:1024px) {
    .HomeCase .index-more a{font-size: 0.16rem;}
}
@media (max-width:640px) {
    .HomeCase .index-more a{padding: 0 2em;}
}

.HomeCase .swiper-wrapper{height: auto;}
.HomeCase .swiper .txt{position: absolute; left: 0;top:20vh;height: 100%;width: 100%;z-index:99;}
.HomeCase .txt :where(.index-title,.index-more,.desc){transform: translateY(0.3rem); opacity: 0; transition: 0.4s;}
.HomeCase .txt .index-title{transition-delay: 0.2s;}
.HomeCase .txt .desc{transition-delay: 0.4s;}
.HomeCase .txt .desc p+p{margin-top: 0.05rem;}
.HomeCase .txt .index-more{transition-delay: 0.8s;}
.HomeCase .swiper-slide-active .txt .w1440 > div{transform: translateY(0); opacity: 1;}
.HomeCase .desc{color: #fff; line-height: 1.6;font-weight: 100;  padding-bottom: 0.3rem;}
.HomeCase .swiper .img{padding-top:100vh;}


.HomeCase .controls ul{display: flex;flex-wrap: wrap;justify-content: flex-end;align-items: center;}
.HomeCase .controls li{ display: flex;align-items: center;justify-content: center; flex-direction: column; transition: 0.3s;position: relative;z-index: 1;background-color: #fff;padding: 0 0.1rem;}
.HomeCase .controls li.on{background-color: #324ea2; color: #fff; }
.HomeCase .controls li .more{position: absolute;width: 0.7rem;height: 0.7rem;border-radius: 50%;background: url(../images/Floor003231-more.svg) no-repeat center center #fff; background-size: auto 1em; bottom: -0.35rem;left: 50%;margin-left: -0.35rem; transition: 0.3s; transform: scale(0); transition: 0.3s;}
.HomeCase .controls li .more:hover{transform: scale(1) rotate(90deg); transition-delay: 0s;}
.HomeCase .controls li p{height: 0;overflow: hidden;color: #fff;opacity: 0.5;margin: 0;text-align: center; transition: 0.3s 0.3s;}
.HomeCase .controls li:not(.on) .tit{color: #222;}
.HomeCase .controls li .ico{display: flex;align-items: center;justify-content: center;margin-bottom: 0.2rem;transition: 0.3s;width: 0.51rem;height: 0.51rem;}
.HomeCase .controls li.on .ico img{filter: brightness(0) invert(1);}

@media (min-width:1025px) {
    .HomeCase .txt .w1440 > div{max-width: 5.6rem; width: 50%; }
    .HomeCase .desc{font-size: 0.24rem; min-height: 2.39rem;}
    .HomeCase .controls{position: absolute;z-index: 10;bottom: 1rem;right: 0;width: 100%;pointer-events: none;}
    .HomeCase .controls li{border-radius: 0.3rem;width: 1.6rem;height: 1.6rem;pointer-events: all;margin-bottom: 0.83rem;}
    .HomeCase .controls li + li{margin-left: 0.3rem;}
    .HomeCase .controls li .tit{font-size: 0.2rem;text-align: center;line-height: 1.3;}
    .HomeCase .controls li.on{padding: 0 0.3rem;margin-bottom: 0;width: 3rem;height: 3rem;}
    .HomeCase .controls li.on .more{transform: scale(1); transition-delay: 0.3s;}
    .HomeCase .controls li.on .ico{width: 0.62rem;height: 0.62rem;}
    .HomeCase .controls li.on .tit{font-size:0.26rem; margin-bottom: 0.18rem;}
    .HomeCase .controls li.on p{}
}
@media (max-width:1024px) {
    .HomeCase .controls [class*=autoCon-]{width: 100%;}
    .HomeCase .controls ul{align-items: stretch;} 
    .HomeCase .controls li{padding: 0.2rem 0.1rem;flex: 1;}
    .HomeCase .desc{max-width: 60%;}
    .HomeCase .swiper .img{padding-top:6rem;}
    .HomeCase .swiper .txt{top:1rem;}
}
@media (max-width:640px) {
    .HomeCase .swiper-slide .img{padding-top:4.2rem;}
    .HomeCase .controls li .ico{margin-bottom: 0.1rem;width: 0.3rem;height: 0.3rem;}
    .HomeCase .swiper .txt{top:0.5rem;}
    .HomeCase .index-title .cn{font-size: 0.24rem;font-weight: bold;}
    .HomeCase .index-more a{line-height: 0.45rem;padding:0 0.2rem;}
    .HomeCase .controls ul{white-space: nowrap;display: inline-block;overflow: auto;width:100%;}
    .HomeCase .controls ul li{width:1.5rem;display: inline-block;text-align: center;}
    .HomeCase .controls ul li .tit{white-space: normal;line-height: 1.1;}
    .HomeCase .controls li .ico{margin:0 auto 0.15rem;}
}

.Floor003233{overflow: hidden; position: relative;z-index: 1;--autoWidth:1440;--ww:1920;}
.Floor003233{position: relative;z-index: 4;width:100%;height:100vh;display: flex;align-items: center;justify-content: center;}
.Floor003233 .box{position: relative;}
.Floor003233 .box .main{padding-top:1rem;}
.Floor003233 .swiper-wrapper{height: auto;}
.Floor003233 .con{padding-top: 0.3rem;color: #fff;}
.Floor003233 .con .tit{font-size: 0.18rem;margin: 0 0 0.15rem; line-height:.3rem; height:calc(.3rem * 2);}
.Floor003233 .con .time{display: table; padding-left:.28rem; background: url(../images/time.svg) no-repeat left center; background-size: auto .18rem; line-height: .18rem; opacity: 0.85;}
.Floor003233 .controls{display: flex;align-items: center;z-index: 10;position: absolute;}
.Floor003233 .controls .scrollbar{flex: 1;position: relative;z-index: 1;margin-right: 0.32rem;height: 0.03rem;background-color: rgb(0 0 0 / 10%);border-radius: 2px;}
.Floor003233 .controls .scrollbar > span{border-radius: 2px;background-color: #324ea2;}
.Floor003233 .controls .page{color:#fff;font-size: 0.18rem; display: none;}
.Floor003233 .controls .page .cur{color:#324ea2;}
.Floor003233 .controls .arrow{display: flex;align-items: center;justify-content: flex-end;width:1.5rem;}
.Floor003233 .controls .arrow a{display: block;width: 0.55rem;height: 0.55rem;border-radius: 50%;
  border: solid 1px #fff;background-position: center center;background-repeat: no-repeat;background-size: auto 0.14rem;cursor: pointer;transition: 0.3s;position: relative;background-image: url(../images/more2.svg);}
.Floor003233 .controls .arrow a + a{margin-left: 0.26rem;}
.Floor003233 .controls .arrow a.prev{left: auto; transform: rotate(180deg);}
.Floor003233 .controls .arrow a.next{right: auto;}
.Floor003233 .controls .arrow a:hover{background-color: #324ea2;background-image: url(../images/more-on.svg); border-color: #324ea2;}
.Floor003233 .pic{position: relative; overflow:hidden; border-radius: .05rem;}
.Floor003233 .pic .img{padding-top:72%;}
.Floor003233 .img{transition: .3s;}
.Floor003233 .bq{position:absolute; left: 0; top: 0; color:#fff; padding:.12rem .2rem; background: #324ea2; display: table; border-radius: 0 0 .2rem 0; z-index: 10;} 
.Floor003233 a:hover .bq{ background: #fff;color: #324ea2;} 
.Floor003233 a:hover .img{transform: scale(1.1);} 
.Floor003233 a:hover .tit{color: #324ea2;} 

@media (min-width:1025px) {
    .Floor003233 .bg{height: 100vh;}  
    .Floor003233 .main{width: var(--mainW);}
    .Floor003233 .controls{left: 6rem;bottom: 0;width: calc(var(--autoWidth) / 1914 * 100%); padding-right: 2.41rem;}
    .Floor003233 .swiper-slide{height: calc((400 / var(--ww) * 100vw) + 0.33rem + 0.14rem + 1em + 1rem); opacity: 0.2;line-height: 1;}
    .Floor003233 .pic .Ispic{height: calc(290 / var(--ww) * 100vw);}
    .Floor003233 .swiper-slide-active .pic .Ispic{height: calc(400 / var(--ww) * 100vw);transition: 0.3s 0.3s;}
    .Floor003233 .swiper-slide-active .con .tit{font-size:0.22rem;}
    .Floor003233 .swiper-slide-active,
    .Floor003233 .swiper-slide-next,
    .Floor003233 .swiper-slide-next + .swiper-slide{opacity: 1;}
    .Floor003233 .swiper-slide a{margin-right: 0.4rem;}
}
@media (max-width:1024px) {
    .Floor003233 .controls{bottom: 0;left: 0;width: 100%;}
    .Floor003233 .con{padding-top: 0.2rem;}
    .Floor003233 .box{width:100% !important;}
    .Floor003233 .box .main{padding:1rem 0 1.5rem;}
    .Floor003233 .controls{width:96%;margin-left:2%;bottom:0.5rem;}
    .Floor003233{height:auto;}
    .Floor003233 .controls .arrow a{width:0.4rem;height:0.4rem;}
    .Floor003233 .bq{padding:0.05rem 0.2rem;}
}


.Floor003091{ overflow: hidden; }
.Floor003091 .box{display: flex;align-items: center;width:100%;}
.Floor003091 .flipster-nav{display: none;}
.Floor003091 .zsbg{background:url(../images/PicList002433_libg.png) repeat-x left top; display: block; width:calc(100% - 100px); margin: 0 auto; height: 90px; position: relative; z-index:0; opacity: 0.95;}
.Floor003091 .zsbg:before,
.Floor003091 .zsbg:after{ position:absolute; content:''; bottom:0px; height:90px; width:50px;}
.Floor003091 .zsbg:before{ left:-50px; background:url(../images/PicList002433_ul_l.png) no-repeat 0 0;}
.Floor003091 .zsbg:after{right:-50px; background:url(../images/PicList002433_ul_r.png) no-repeat 0 0;}
.Floor003091 .flip-content{height: 4.9rem;display: flex;align-items: flex-end;}
.Floor003091 .flipster .pic{ border:.08rem solid #ba0007; overflow: hidden;}
.Floor003091 .flipster .img{max-width:3.5rem;max-height:4.7rem; display: block;}
.Floor003091 .flipster .txt{display:none; position: absolute; left: 0; right: 0; top: 100%; z-index: 10; text-align: center; font-size:0.18rem; margin-top:2vw; color: #fff;}
.Floor003091 .flip-current .txt{display:block;}
.Floor003091 .flipster > a{position: absolute; z-index: 20; display: block;width: 0.55rem;height: 0.55rem;border-radius: 50%;border: solid 1px #fff; background-position: center center; background-repeat: no-repeat; background-size: auto 0.14rem; cursor: pointer; transition: 0.3s;background-image: url(../images/more-on.svg); font-size: 0; }
.Floor003091 .flipster > a:hover{background-color: #324ea2; border-color: #324ea2;}
.Floor003091 .flipster > a.flipto-prev{transform: rotateY(-180deg); }
@media(min-width:1025px) and (max-width:1600px){
    .Floor003091 .flipster .Ispic{width: 23.75vw; height: 29.375vw;}
    .flipster-carousel .flip-past{transform: translateX(-180%) translateZ(0) rotateY(0deg) scale(0.426);}
    .flipster-carousel .flip-future{transform: translateX(180%) translateZ(0) rotateY(0deg) scale(0.426);}
}
@media(min-width:1025px){
    .Floor003091 .box{position: absolute; left: 0;width: 100%;height: 100%;top: 0;z-index: 4; padding-top: 1.3rem;}
    .Floor003091 .flipster{float: left;}
    .Floor003091 .flipster > a{ bottom: 120px;}
    .Floor003091 .flipster > a.flipto-prev{left: 50%; margin-left: -2.65rem;}
    .Floor003091 .flipster > a.flipto-next{right: 50%; margin-right:-2.65rem;}
}
@media(max-width:1024px){
    .Floor003091 .flipster > a.flipto-prev{left: 0;}
    .Floor003091 .flipster > a.flipto-next{right: 0;}
    .Floor003091{padding:1rem 0;}
}

@media(max-width:640px){
    .Floor003091{padding:0.5rem 0 0.2rem;}
    .Floor003091 .flipster .txt{top:105%;}
    .Floor003091 .flip-content{max-height:3.5rem;}
    .Floor003091 .flipster .img{max-width:2.2rem;max-height:3rem;}
    .flipster-carousel .flip-item{opacity: 0;}
    .flipster-carousel .flip-current{opacity: 1;}
}


.sec-6{display: flex;width:100%;align-items: center;}
.Floor003182{overflow: hidden;width:100%;} 
.Floor003182 .left,
.Floor003182 .right{ position:absolute; z-index:11; content:''; left:0; width:50%; height:100%;  top:0; max-width:4rem;
background: -moz-linear-gradient(left, rgba(0,0,0,.9) 20%,rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%);
background: -webkit-linear-gradient(left, rgba(0,0,0,.9) 20%,rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%);
background: linear-gradient(to right,rgba(0,0,0,.9) 20%,rgba(0,0,0,0.6) 60%, rgba(0,0,0,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000', endColorstr='#00000000', GradientType=1);}
.Floor003182 .right{right: 0; transform: rotateY(180deg);left: auto;}
.Floor003182 .bg{position: absolute; left: 0;width: 100%;height: 100%;top: 0;z-index: 1; }
.Floor003182 .list{display: none;}
.Floor003182 .box{position: relative; z-index:10;}
.Floor003182 .tit{text-align: center;font-size:0.24rem;  color:#fff; margin-bottom: .3rem;}
.Floor003182 .tit b{color:#fff; padding-right:.05rem; font-size: 0.7rem; font-family: Arial;}
.Floor003182 .tit span{font-weight: bold; font-size: 0.4rem;}
.Floor003182 li{overflow:hidden;zoom:1;-moz-user-select: none;  -khtml-user-select: none;user-select: none;white-space:nowrap;}
.Floor003182 li a{display: inline-block; width:2.5rem; height:1.1rem; background:rgba(255,255,255, 0.5); border-radius:.05rem; margin:.1rem .15rem;  padding:.35rem;  transition: .3s; backdrop-filter: blur(8px);}
.Floor003182 li a:hover{transform: scale(1.1); background: #fff; }
.Floor003182 li .Ispic{display:block; width:100%;height:100%; background-size: contain;background-repeat: no-repeat;background-position: center;}

@media(max-width:1024px){
    .Floor003182{padding:0.8rem 0;}
    .Floor003182 .left, .Floor003182 .right{display: none;}
    .Floor003182 .tit b{font-size: 0.4rem;}
}

@media(max-width:640px){
    .Floor003182{padding:0.4rem 0;}
    .Floor003182 li a{width:1.5rem;height:0.7rem;padding:0.1rem;margin:0 0.05rem;}

}



/* 首页动画效果 */
@media(min-width:1025px){
    .active .ani1{
        animation:fadeInUp 1s .4s ease both;
        -webkit-animation:fadeInUp 1s .4s ease both;
        -moz-animation:fadeInUp 1s .4s ease both;
    }
    .active .ani2{
        animation:fadeInUp 1s .8s ease both;
        -webkit-animation:fadeInUp 1s .8s ease both;
        -moz-animation:fadeInUp 1s .8s ease both;
    }
    .active .ani3{
        animation:fadeInUp 1s 1.2s ease both;
        -webkit-animation:fadeInUp 1s 1.2s ease both;
        -moz-animation:fadeInUp 1s 1.2s ease both;
    }
    .active .ani4{
        animation:fadeInUp 1s 1.6s ease both;
        -webkit-animation:fadeInUp 1s 1.6s ease both;
        -moz-animation:fadeInUp 1s 1.6s ease both;
    }
    .active .ani5{
        animation:fadeInUp 1s 2s ease both;
        -webkit-animation:fadeInUp 1s 2s ease both;
        -moz-animation:fadeInUp 1s 2s ease both;
    }
    .active .HomeTechnicel .slick-arrow{
        animation:fadeInUp 1s 1.2s ease both;
        -webkit-animation:fadeInUp 1s 1.2s ease both;
        -moz-animation:fadeInUp 1s 1.2s ease both;
    }

    .active .anileft1{
        animation:fadeInLeft 1s .8s ease both;
        -webkit-animation:fadeInLeft 1s .8s ease both;
        -moz-animation:fadeInLeft 1s .8s ease both;
    }
    .active .aniright1{
        animation:fadeInRight 1s .8s ease both;
        -webkit-animation:fadeInRight 1s .8s ease both;
        -moz-animation:fadeInRight 1s .8s ease both;
    }
}



/* 联系我们 */
.nBan{position: relative;}
.nBan .img{padding-top:6.5rem;}
.nBan .img::after{content:'';display: block;width:100%;height:100%;background: #000;opacity: 0.5;position: absolute;top:0;left:0;}
.nBan .txt{position: absolute;width:100%;left:0;top:50%;transform: translateY(-50%);z-index:9;text-align: center;color:#fff;}
.nBan .txt .en{text-transform: uppercase;}

.subMenu{position: relative;z-index: 3;}
.subMenu .subMenuBox{box-shadow: 0px 10px 30px rgba(0,0,0, 0.1); padding:0 0.48rem; margin-top:-.45rem; background:#fff; border-radius:.1rem;}
.current{font-size:0.15rem; padding-left:.28rem;background: url(../images/home.svg) no-repeat left center; background-size:.18rem auto; line-height:.9rem;}
.current,
.current a:not(:hover){color:#999;}
.current span{color:#324ea2;}
.subMenu .nav-menu li{float: left;line-height:.9rem;}
.subMenu .nav-menu li:not(:last-child){margin-right:0.5rem;}
.subMenu .nav-menu li a{display: block;position: relative;}
.subMenu .nav-menu li a:hover,
.subMenu .nav-menu li.aon a{color:#324ea2;}
.subMenu .nav-menu li.aon a:before{position: absolute;content: ''; left: 0; bottom: 0;width: 100%; height:.02rem;background-color:#324ea2;}

.pd110{padding:1.1rem 0;}
.nTit{margin-bottom:0.36rem;}
.nTit b{display: block;width:0.4rem;height:0.05rem;border-radius: 005rem;background: #324ea2;margin:0.2rem 0 0;}
.nTit.tc b{margin:0.24rem auto 0;}

.Contact .ContactBox ul{display: flex;flex-wrap: wrap;margin-left:-1.5%;}
.Contact .ContactBox ul li{width:23.5%;margin-left:1.5%;padding: .4rem .2rem .4rem;background: #fff;box-shadow: 0 0 5px rgba(0,0,0, 0.1);border-radius: .2rem;text-align: center;margin-bottom:1.5%;}
.Contact .ContactBox ul li .icon img{max-width:0.35rem;max-height:0.35rem;}
.Contact .ContactBox ul li .name{font-size: 0.15rem;color:#666;margin:0.1rem 0 0.2rem 0;}
.Contact .ContactBox ul li .dec{font-size: 0.24rem;color:#324ea2;font-weight: bold;line-height: 1;}
.Contact .ContactBox ul li:nth-child(1) .dec,
.Contact .ContactBox ul li:nth-child(2) .dec{font-size: 0.3rem;color:#324ea2;font-weight: bold;line-height: 1;}
.Contact .Map img{width:100%;}

.Message{background: #f5f5f5;}
.Message .MessageBox{display: flex;flex-wrap: wrap;justify-content: space-between;}
.Message .MessageLeft{width:45%;}
.Message .MessageLeft .Form li{position: relative;margin-bottom:0.24rem;}
.Message .MessageLeft .Form li input{height:0.6rem;width:100%;padding-left:0.7rem;border-radius: 0.1rem;border:1px solid rgba(0,0,0,0.1);font-size: 0.16rem;color:#666;}
.Message .MessageLeft .Form li .icon{position: absolute;left:0.3rem;top:50%;width:0.2rem;transform: translateY(-50%);}
.Message .MessageLeft .Form .btn{line-height: 0.48rem;padding:0 0.7rem;border-radius: 0.1rem;background: #324ea2;color:#fff;font-size: 0.16rem;}
.Message .MessageLeft .Form li input:focus{border:1px solid rgba(50,78,162,.5);}

.Message .MessageRight{width:50%;padding-top:3%;position: relative;padding-bottom:18%;}
.Message .MessageRight .Tel{padding-left:0.7rem;position: relative;z-index:9;}
.Message .MessageRight .Tel .icon{width:0.48rem;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.Message .MessageRight .Tel .txt{line-height: 1.3;}
.Message .MessageRight .Tel .name{color:#999;}
.Message .MessageRight .Tel .dec{color:#324ea2;font-weight: 600;}
.Message .MessageRight .con{max-width:5rem;margin-top:3%;padding-top:3%;border-top:1px solid rgba(0,0,0, 0.1);color:#666;line-height: 1.75;z-index:9;position: relative;}
.Message .MessageRight .img{width:100%;position: absolute;bottom:0;left:0;}

@media(max-width:1024px){
    .nBan .img{padding-top:56%;}
    .current{display: none;}
    .subMenu .subMenuBox{padding:0 0.2rem;}
    .Contact .ContactBox ul li .dec{font-size: 0.2rem;}
}

@media(max-width:640px){
    .pd110{padding:0.6rem 0;}
    .subMenu .nav-menu{width:100%;}
    .subMenu .nav-menu ul{white-space: nowrap;width:100%;}
    .subMenu .nav-menu li{line-height: 0.6rem;}
    .subMenu .nav-menu li{float:none;display: inline-block;}
    .subMenu .nav-menu li:not(:last-child){margin-right:0.25rem;}
    .nTit .tit{font-weight: 600;}
    .Contact .ContactBox ul li{width:98.5%;padding:0.3rem;margin-bottom:0.15rem;}
    .Message .MessageLeft{width:100%;}
    .Message .MessageRight{width:100%;margin-top:0.3rem;padding-bottom:1.2rem;}
    .Contact .ContactBox ul li .name{font-size: 0.16rem;}
    .Message .MessageRight .img{text-align: right;}
    .Message .MessageRight .img img{width:80%;}
}


/* 新闻资讯 */
.News{background: url(../images/newsbg.jpg) no-repeat top center;background-size: cover;margin-top:-0.45rem;}
.News .NewsTop .swiper-slide{background: #fff;border-radius: 0.06rem;}
.News .NewsTop .swiper-slide .img{padding-top:66%;border-radius: 0.06rem 0.06rem 0 0;}
.News .NewsTop .swiper-slide:hover .img span{transform: scale(1.05);}
.News .NewsTop .swiper-slide .txt{padding:0.3rem;}
.News .NewsTop .swiper-slide .txt .tit{line-height: 0.36rem;height:0.72rem;}
.News .NewsTop .swiper-slide .txt .date{margin-top:0.2rem;color:#999;position: relative;}
.News .NewsTop .swiper-slide .txt .date::after{content:"";display: block;width:0.16rem;height:0.16rem;background: url(../images/more.svg) no-repeat center;background-size: contain;position: absolute;right:0;top:50%;margin-top:-0.08rem;}

.NewsFilter{display: flex;flex-wrap: wrap;justify-content: space-between;margin:0.7rem 0 0.2rem 0;}


.NewsList .item{transition: all .5s;}
.NewsList .item a{display: flex;justify-content: space-between;align-items: center;flex-direction: row-reverse;border-bottom:1px solid #dcdcde;padding:0.5rem 0;flex-wrap: wrap;}
.NewsList .item .img{width:29.5%;padding-top:19%;border-radius: 0.06rem;}
.NewsList .item .txt{width:64%;}
.NewsList .item .txt .date{color:#999;}
.NewsList .item .txt .tit{margin:0.05rem 0 0.2rem 0;}
.NewsList .item .txt .dec{color:#888;}
.NewsList .item .txt .more{width:1.8rem;line-height: 0.6rem;border-radius: 0.6rem;display: flex;align-items: center;justify-content: center;border:1px solid #999;margin-top:0.4rem;}
.NewsList .item .txt .more img{width:0.12rem;display: inline-block;margin-left:0.1rem;}


.NewsList .item:hover{background: #fff;}
.NewsList .item:hover .txt .more{background: #324ea2;color:#fff;border:1px solid #324ea2;;}
.NewsList .item:hover .txt .more img{filter: brightness(0) invert(1);}
.NewsList .item:hover .img span{transform: scale(1.05);}

@media(max-width:1024px){
    .NewsList .item .txt .more{line-height: 0.4rem;border-radius: 0.4rem;width:1.5rem;}
}

@media(max-width:640px){
    .NewsFilter .name{text-align: center;width:100%;}
    .NewsFilter .NewsFilterBox{width:100%;display: flex;justify-content: space-between;margin-top:0.1rem;}
    .NewsFilter .NewsFilterBox .SelectBox{width:48%;margin:0;}
    .NewsList .item .txt{width:100%;}
    .NewsList .item .img{width:100%;padding-top:66%;margin-bottom:0.2rem;}
    .NewsList .item a{padding:0.25rem 0;}
    .subMenu .subMenuBox{margin-top:-0.3rem;}
    .News{margin-top:-0.3rem;}
    .News .NewsTop .swiper-slide .txt .tit{line-height: 0.28rem;height:0.56rem;}
    .News .NewsTop .swiper-slide .txt{padding:0.2rem;}
}

/* 详情页 */
.noBanner{margin-top:1rem;padding:0.2rem 0 0 0;}

.Info .InfoTit{text-align: center;padding:0.3rem 0;border-bottom:1px solid #e5e5e5;margin-bottom:0.3rem;}
.Info .InfoTit .date{color:#999;margin-top:0.1rem;}
.Info .InfoTit .date span{display: inline-block;margin:0 0.1rem;}
.Info .InfoCon{line-height: 2;}
.Info .InfoCon img{display: block;margin:0 auto;}

.Info .InfoPage{padding-right:3rem;position: relative;padding-top:0.55rem;margin-top:0.6rem;border-top:1px solid #e5e5e5;}
.Info .InfoPage .goback{position: absolute;right:0;top:0.6rem;text-align: center;}
.Info .InfoPage .goback a{display: block;color:#fff;width:2.2rem;line-height: 0.6rem;border-radius: 0.6rem;background: #324ea2;display: flex;align-items: center;justify-content: center;}
.Info .InfoPage .goback img{display: block;margin-left:0.15rem;width:0.22rem;}
.Info .InfoPage dl dd{line-height: 0.36rem;color:#666;}


.otherNews .swiper{padding:10px 0;}
.otherNews .swiper-slide{border-radius: 0.06rem;background: #f7f7f7;}
.otherNews .swiper-slide .img{padding-top:66%;}
.otherNews .swiper-slide .txt{padding:0.3rem;padding-bottom:0.1rem;}
.otherNews .swiper-slide .txt .tit{line-height: 0.3rem;height:0.6rem;}
.otherNews .swiper-slide .txt .dec{color:#999;margin:0.05rem 0 0.15rem 0;}
.otherNews .swiper-slide .txt .add{color:#999;border-top:1px solid #e5e5e5;background: url(../images/add.svg) no-repeat left center;background-size: 0.12rem;padding-left:0.22rem;padding-top:0.15rem;padding-bottom:0.15rem;}
.otherNews .swiper-slide:hover .img span{transform: scale(1.05);}
.otherNews .swiper-slide:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0, 0.1);}

.otherNews .otherNewsBox{position: relative;}
.swiper_com .swiper-button-next{right:-0.9rem !important;}
.swiper_com .swiper-button-prev{left:-0.9rem !important;}

@media(max-width:1024px){
    .swiper_com .swiper-button-next{right:0.1rem !important;}
    .swiper_com .swiper-button-prev{left:0.1rem !important;}

}

@media(max-width:640px){
    .noBanner{margin-top:0.7rem;padding:0.3rem 0 0;}
    .Info .InfoTit .tit{font-size: 0.24rem;font-weight: bold;line-height: 1.5;}
    .Info .InfoPage{padding-right:0;padding-top:0.3rem;margin-top:0.3rem;}
    .Info .InfoPage .goback{position: static;margin-bottom:0.2rem;}
    .Info .InfoPage .goback a{width:1.5rem;line-height: 0.4rem;border-radius: 0.4rem;position: static;}
    .otherNews .swiper-slide .txt{padding:0.2rem;padding-bottom:0.1rem;}

}


/* 工程案例 */
.CaseNav{margin-top:0.3rem;}
.CaseNav ul{display: flex;justify-content: space-between;margin-left:-1.5%;}
.CaseNav ul li{width:50%;margin-left:1.5%;background: #f6f6f6;border-radius: 0.06rem;overflow: hidden;position: relative;}
.CaseNav ul li a{display: flex;align-items: center;justify-content: center;height:1rem;padding:0 0.3rem;line-height: 1.5;}
.CaseNav ul li .icon{height:0.55rem;margin-right:0.2rem;}
.CaseNav ul li .icon .img2{display: none;}
.CaseNav ul li .icon img{max-height:0.5rem;max-width:0.55rem;}
.CaseNav ul li::after{content:'';display: block;width:100%;height:0.03rem;background: #324ea2;position: absolute;left:0;top:0;width:0;opacity: 0;transition: all .5s;}
.CaseNav ul li.on::after{width:100%;opacity: 1;}
.CaseNav ul li.on .icon .img1{display: none;}
.CaseNav ul li.on .icon .img2{display: block;}
.CaseNav ul li.on a{color:#324ea2;}
.CaseNav ul li:hover::after{width:100%;opacity: 1;}
.CaseNav ul li:hover .icon .img1{display: none;}
.CaseNav ul li:hover .icon .img2{display: block;}
.CaseNav ul li:hover a{color:#324ea2;}



.Case .CaseItem:nth-child(2n){background: url(../images/casebg.jpg) no-repeat top center;background-size: cover;}
.Case .CaseItem:nth-child(2n) .swiper-slide{background: #fff;}
.Case .CaseItem .CaseItemTit{display: flex;justify-content: space-between;align-items: center;margin-bottom:0.4rem;}
.Case .CaseItem .CaseItemTit .nTit{margin-bottom:0;}
.Case .CaseItem .CaseItemTit .more{display: flex;align-items: center;}
.Case .CaseItem .CaseItemTit .more img{width:0.12rem;display: inline-block;margin-left:0.05rem;}


@media(max-width:768px){
    .Case .CaseItem .CaseItemTit{margin-bottom:0.2rem;}
    .CaseNav ul{flex-wrap: wrap;justify-content: flex-start;}
    .CaseNav ul li{width:30.83%;margin-bottom:1.5%;}
    .CaseNav ul li a{padding:0 0.15rem;}
    .CaseNav ul li .icon img{max-width:0.3rem;max-height:0.3rem;}
    .CaseNav ul li .icon{height:0.3rem;}
}

@media(max-width:640px){
    .CaseNav ul li{width:48.5%;}
    .CaseNav ul li a{height:0.8rem;}
}

.CasePage{padding-top:0 !important;}
.CaseList{display: flex;flex-wrap: wrap;margin-left:-2.5%;}
.CaseList .item{width:30.83%;margin-left:2.5%;margin-bottom:2.5%;border-radius: 0.06rem;background: #f7f7f7;transition: all .5s;}
.CaseList .item a{display: block;border-radius: 0.06rem;overflow: hidden;}
.CaseList .item .img{padding-top:66%;}
.CaseList .item .txt{padding:0.3rem;padding-bottom:0.1rem;}
.CaseList .item .txt .tit{line-height: 0.32rem;height:0.64rem;}
.CaseList .item .txt .dec{color:#999;margin:0.1rem 0 0.2rem 0;}
.CaseList .item .txt .add{color: #999;border-top: 1px solid #e5e5e5;background: url(../images/add.svg) no-repeat left center;background-size: 0.12rem;padding-left: 0.22rem;padding-top: 0.15rem;padding-bottom: 0.15rem;}
.CaseList .item:hover{background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.1);}
.CaseList .item:hover .img span{transform: scale(1.05);}

@media(max-width:640px){
    .CaseList .item{width:47.5%;}
    .CaseList .item .txt{padding:0.2rem 0.2rem 0.1rem;}
}


/* 关于中环 */
.AboutPart{background-repeat: no-repeat;background-size: cover;background-position: center;}
.AboutPart1{margin-top:-0.45rem;}
.AboutPart1 .con{line-height: 2;}
.AboutPart1 .NumList{margin-top:0.6rem;}
.AboutPart1 .NumList ul{display: flex;justify-content: space-between;}
.AboutPart1 .NumList ul li{text-align: center;position: relative;width:25%;}
.AboutPart1 .NumList ul .num{line-height: 1;display: inline-block;position: relative;}
.AboutPart1 .NumList ul .num span{font-size: 0.64rem;font-weight: bold;color:#324ea2;display: inline-block;margin-right:0.08rem;}
.AboutPart1 .NumList ul .num i{font-size: 0.36rem;font-weight: bold;color:#324ea2;position: absolute;top:0;right:-0.02rem;}
.AboutPart1 .NumList ul .dec{margin-top:0.05rem;}
.AboutPart1 .NumList ul li::after{content:'';display: block;width:1px;height:50%;background: #e5e5e5;position: absolute;left:0;top:50%;transform: translateY(-50%);}
.AboutPart1 .NumList ul li:first-child::after{display: none;}

.AboutPart2{background-attachment: fixed;padding-bottom:0.5rem;}
.AboutPart2 .nTit{color:#fff;}
.AboutPart2 .nTit b{background: #fff;}
.AboutPart2 .swiper_con{max-width:10.8rem;margin:0 auto;}
.AboutPart2 .swiper_con .swiper-slide{border-radius: 0.06rem;overflow: hidden;display: flex;flex-wrap: wrap;justify-content: center;}
.AboutPart2 .swiper_con .swiper-slide .img{width:37%;min-height:2.68rem;}
.AboutPart2 .swiper_con .swiper-slide .txt{padding:0.4rem;width:63%;background:url(../images/timebg.jpg) no-repeat bottom right #fff;border-radius: 0 0.06rem 0.06rem 0;}
.AboutPart2 .swiper_con .swiper-slide .txt .time{font-weight: bold;color:#324ea2;}
.AboutPart2 .swiper_con .swiper-slide .txt .con{margin-top:0.1rem;}
.AboutPart2 .swiper_con .swiper-slide .txt .con p{margin-bottom:0.06rem;position: relative;padding-left:0.2rem;font-size: .22rem;}
.AboutPart2 .swiper_con .swiper-slide .txt .con p::before{content:'';display: block;width:0.05rem;height:0.05rem;border-radius: 50%;background: #333;position: absolute;left:0;top:0.1rem;}
.AboutPart2 .history_time{position: relative;margin-top:0.9rem;}
.AboutPart2 .history_time::before{content:'';display: block;}
.AboutPart2 .history_time .swiper-slide{position: relative;text-align: center;color:#fff;height:1.4rem;}
.AboutPart2 .history_time .swiper-slide::before,
.AboutPart2 .history_time .swiper-slide::after{content:'';display: block;width:calc(50% - 0.2rem);height:1px;background: #fff;opacity: 0.5;position: absolute;left:0;top:50%;margin-top:-0.5px;}
.AboutPart2 .history_time .swiper-slide::after{left:auto;right:0;}
.AboutPart2 .history_time .swiper-slide .tit{margin:0.15rem 0;transition: all .5s;}
.AboutPart2 .history_time .swiper-slide .dotico{width:0.12rem;height:0.12rem;border-radius: 50%;border:1px solid #fff;position: absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
.AboutPart2 .history_time .swiper-slide .dotico::before{content:'';display: block;width:1px;height:0.18rem;background: #fff;position: absolute;left:50%;bottom:0;opacity: 0;transform: all .5s;}
.AboutPart2 .history_time .swiper-slide.swiper-slide-thumb-active .dotico{width:0.06rem;height:0.06rem;box-sizing: content-box;background: #fff;border:0.07rem solid #324ea2;}
.AboutPart2 .history_time .swiper-slide.swiper-slide-thumb-active .dotico::before{opacity: 1;bottom:calc(100% + 0.07rem);}
.AboutPart2 .history_time .swiper-slide.swiper-slide-thumb-active .tit{font-size: 0.24rem;margin:0;}
.AboutPart2 .swiper_button::after{filter: brightness(0) invert(1);}
.AboutPart2 .swiper_button{border:none;background: rgba(255,255,255,0.2);top:45% !important;}
.AboutPart2 .swiper_button:hover{background: #324ea2;}

@media(max-width:1024px){
    .nTit .tit{font-weight: bold;}
    .AboutPart1 .NumList ul .num span{font-size: 0.4rem;}
    .AboutPart1 .NumList ul .num i{font-size: 0.2rem;top:-0.02rem;}
    .AboutPart2 .history_time{padding:0 0.6rem;}
    .AboutPart2 .history_time{margin-top:0.5rem;}
}

@media(max-width:640px){
    .AboutPart2 .swiper_con .swiper-slide .img{width:100%;min-height:1px;padding-top:66%;}
    .AboutPart2 .swiper_con .swiper-slide .txt{width:100%;padding:0.2rem;}
    .AboutPart1 .NumList ul li{width:48%;margin:1%;background: rgba(255,255,255,0.5);padding:0.2rem;}
    .AboutPart1 .NumList ul li::after{display: none;}
    .AboutPart1 .NumList ul{flex-wrap: wrap;}
    .AboutPart1 .NumList{margin-top:0.3rem;}
    .AboutPart2 .swiper_con .swiper-slide{align-items: center;}
}

.AboutPart3{}
.AboutPart3 .Partbox{display: flex;flex-wrap: wrap;border-radius: 0.06rem;background: #fff;overflow: hidden;}
.AboutPart3 .Partbox .img{width:59.375%;padding-top:35%;}
.AboutPart3 .Partbox .txt{width:40.625%;display: flex;justify-content: center;align-items: center;}
.AboutPart3 .Partbox .txt .text{color:#324ea2;display: inline-block;margin-left:0.2rem;}
.AboutPart3 .Partbox .txt .icon{width:0.35rem;}

@media(max-width:640px){
    .AboutPart3 .Partbox .img{padding-top:56%;width:100%;}
    .AboutPart3 .Partbox .txt{width:100%;padding:0.3rem;}
}



.AboutPart4{background: #e1e6f5;}
.AboutPart4 .Partbox{position: relative;}
.AboutPart4 .swiper-slide .img{background: url(../images/honorbg.jpg) no-repeat center center;background-size: 100% 100%;padding:0.3rem;}
.AboutPart4 .swiper-slide .img .imgbox{display: flex;align-items: center;height:3.8rem;justify-content: center;}
.AboutPart4 .swiper-slide .img .imgbox .box{padding:0.15rem;background: url(../images/honorbox.png) no-repeat center center;background-size: 100% 100%;}
.AboutPart4 .swiper-slide .img .imgbox .box img{max-height:3.5rem;}
.AboutPart4 .swiper-slide .tit{text-align: center;margin-top:0.2rem;}

@media(max-width:1024px){
    .AboutPart4 .Partbox{padding:0 0.6rem;}
}

@media(max-width:640px){

}

/* 产品中心 */
.Product .ProductItem{padding:0.8rem 0;background: #fff;}
.Product .ProductItem .Box{display: flex;flex-wrap: wrap;align-items: center;background: #f5f5f5;border-radius: 0.06rem;}
.Product .ProductItem .Box .img{width:50%;border-radius: 0.06rem;padding-top:4.8rem;;}
.Product .ProductItem .Box .txt{width:50%;padding:0.6rem;}
.Product .ProductItem .Box .txt .tit{margin-bottom:0.3rem;}
.Product .ProductItem .Box .txt dl{display: flex;flex-wrap: wrap;margin-left:-2%;margin-bottom:0.5rem;}
.Product .ProductItem .Box .txt dl dd{width:31.33%;margin-left:2%;background: #ededed;text-align: center;padding:0.25rem 0.2rem;transition: all .5s;}
.Product .ProductItem .Box .txt dl dd .icon{width:0.4rem;height:0.4rem;margin:0 auto;display: flex;align-items: center;justify-content: center;}
.Product .ProductItem .Box .txt dl dd .text{margin-top:0.06rem;line-height: 1.5;}
.Product .ProductItem .Box .txt .btn{display: flex;}
.Product .ProductItem .Box .txt .btn a{display: block;width:2rem;line-height: 0.6rem;border-radius: 0.6rem;border:1px solid #324ea2;text-align: center;color:#324ea2;font-size: 0.18rem;margin-right:0.2rem;}
.Product .ProductItem .Box .txt .btn a.a2{background: #324ea2;color:#fff;}
.Product .ProductItem .Box .txt .btn a:hover{background: #324ea2;color:#fff;}
.Product .ProductItem .Box .txt dl dd:hover{box-shadow: 0 0 5px rgba(50,78,162,0.2);transform: translateY(-5px);}
.Product .ProductItem .Box:hover .img span{transform: scale(1.05);}

.Product .ProductItem:nth-child(2n){background: url(../images/probg.jpg) no-repeat center center;background-size: cover;}
.Product .ProductItem:nth-child(2n) .Box{flex-direction: row-reverse;background: #fff;}

.otherCase{padding-top:0;}
.otherCaseTit{display: flex;justify-content: space-between;align-items: center;margin-bottom:0.4rem;}
.otherCaseTit .nTit{margin-bottom:0;}
.otherCaseTit .more a{display: flex;align-items: center;}
.otherCaseTit .more img{display: block;margin-left:0.1rem;width:0.12rem;}


@media(max-width:1024px){
    .Product .ProductItem{padding:0.4rem 0;}
    .Product .ProductItem .Box .txt{padding:0.3rem;}
    .Product .ProductItem .Box .txt .btn a{width:1.5rem;line-height: 0.42rem;border-radius: 0.42rem;}
    .Product .ProductItem .Box .img{padding-top:4rem;}
}

@media(max-width:640px){
    .Product .ProductItem .Box .img{width:100%;padding-top:66%;}
    .Product .ProductItem .Box .txt{width:100%;}
    .Product .ProductItem .Box .txt dl dd{padding:0.15rem 0.1rem;}
    .Product .ProductItem .Box .txt dl{margin-bottom:0.25rem;}
    .Product .ProductItem .Box .txt .tit{margin-bottom:0.15rem;}
    .otherCaseTit{margin-bottom:0.2rem;}
}


/* 产品详情 */
.graybg{background: #f5f5f5;}
.ProductBase .ProductBaseImg{width:50%;}
.ProductBase .ProductBaseImg .swiper_bigimg{border-radius: 0.06rem;overflow: hidden;}
.ProductBase .ProductBaseImg .swiper_bigimg .swiper-slide .img{padding-top:66%;border-radius: 0.06rem;}

.ProductBase .ProductBaseImg .smallimg{padding:0 0.9rem;position: relative;}
.ProductBase .ProductBaseImg .swiper_smallimg{margin-top:0.1rem;}
.ProductBase .ProductBaseImg .swiper_smallimg .swiper-slide{border-radius: 0.06rem;}
.ProductBase .ProductBaseImg .swiper_smallimg .swiper-slide .img{padding-top:66%;border-radius: 0.06rem;}
.ProductBase .ProductBaseImg .swiper_smallimg .swiper-slide.swiper-slide-thumb-active{border:2px solid #324ea2;}

.ProductBase .ProductBaseTxt{width:50%;padding:0.3rem 0.6rem;padding-right:0 !important;}
.ProductBase .ProductBaseTxt .con{margin:0.5rem 0;}
.ProductBase .ProductBaseTxt .con dl dd{padding:0.05rem 0;display: flex;}
.ProductBase .ProductBaseTxt .con dl dd span{color:#999;display: inline-block;width:0.8rem;text-align: justify;white-space: nowrap;margin-right:0.1rem;}
.ProductBase .ProductBaseTxt .btn dl{display: flex;justify-content: space-between;}
.ProductBase .ProductBaseTxt .btn dl dd{width:48%;}
.ProductBase .ProductBaseTxt .btn dl dd a{display: flex;width:100%;align-items: center;justify-content: center;line-height: 0.6rem;border-radius: 0.6rem;border:1px solid #324ea2;color:#324ea2;}
.ProductBase .ProductBaseTxt .btn dl dd img{display: inline-block;margin-right:0.1rem;width:0.22rem;}
.ProductBase .ProductBaseTxt .btn dl dd:first-child a{background: #324ea2;color:#fff;}
.ProductBase .ProductBaseTxt .btn dl dd:first-child a img{filter: brightness(0) invert(1);}

@media(max-width:1024px){
    .ProductBase .ProductBaseTxt{padding:0 .3rem;}
    .ProductBase .ProductBaseTxt .btn dl dd a{line-height: 0.42rem;border-radius: 0.42rem;}
    .ProductBase .ProductBaseImg .smallimg{padding:0 0.6rem;}
}

@media(max-width:640px){
    .ProductBase .ProductBaseImg{width:100%;}
    .ProductBase .ProductBaseTxt{width:100%;padding:0.3rem 0;}
    .ProductBase .ProductBaseTxt .con{margin:0.25rem 0;}
}

.ProductInfo{padding:0.8rem 0 0 0;}
.ProductInfo .ProductInfoNav{background:#f5f8ff;}
.ProductInfo .ProductInfoNav ul{display: flex;}
.ProductInfo .ProductInfoNav ul li{width:50%;text-align: center;line-height: 0.8rem;position: relative;}
.ProductInfo .ProductInfoNav ul li::before{content:'';display: block;width:100%;height:0.06rem;background: #324ea2;position: absolute;top:0;left:0;transform: rotateY(90deg);opacity: 0;transition: all .5s;}
.ProductInfo .ProductInfoNav ul li.onli::before{opacity: 1;transform: rotateY(0);}
.ProductInfo .ProductInfoNav ul li.onli{background: #fff;}
.ProductInfo .ProductInfoNav ul li:hover::before{opacity: 1;transform: rotateY(0);}
.ProductInfo .ProductInfoNav ul li:hover{background: #fff;}

.ProductInfo .ProductInfoNav.fix{position: fixed;top:0.7rem;left:0;width:100%;z-index:99;}


.ProductInfoPart{padding:0.8rem 0;}
.ProductInfoPart .Con{line-height: 2;}
.ProductInfoPart .Con img{display: block;margin:0 auto;}

.ProductInfoPart3 .hd{margin-bottom:0.4rem;}
.ProductInfoPart3 .hd ul{text-align: center;white-space: nowrap;}
.ProductInfoPart3 .hd ul li{display: inline-block;line-height: 0.6rem;border-radius: 0.6rem;padding:0 0.3rem;border:1px solid #324ea2;color:#324ea2;cursor: pointer;margin:0.05rem 0.08rem;}
.ProductInfoPart3 .hd ul li.on{background: #324ea2;color:#fff;}
.ProductInfoPart3 .bd ul{display: flex;flex-wrap: wrap;margin-left:-1%;}
.ProductInfoPart3 .bd ul li{width:32.33%;margin-left:1%;margin-bottom:1%;}
.ProductInfoPart3 .bd ul li .img{padding-top:3.1rem;}
.ProductInfoPart3 .bd ul li:nth-child(2){width:65.66%;}



.ProductInfoPart4 .PartBox{display: flex;flex-wrap: wrap;margin-left:-2%;}
.ProductInfoPart4 .PartBox .item{width:31.33%;margin-left:2%;margin-bottom:2%;padding:0.3rem;border-radius: 0.06rem;background: #fff;text-align: center;}
.ProductInfoPart4 .PartBox .item .tit span{color:#324ea2;}
.ProductInfoPart4 .PartBox .item .img{padding-top:57.2%;margin:0.2rem 0;}
.ProductInfoPart4 .PartBox .item .tag{background:#e4e9f7;border-radius: 0.06rem;min-height:0.6rem;display: flex;align-items: center;justify-content: center;}

.ProductInfoPart6 .swiper-slide{border-radius: 0.06rem;background: #fff;}
.ProductInfoPart6 .swiper-slide a{display: block;border-radius: 0.06rem;overflow: hidden;}
.ProductInfoPart6 .swiper-slide .img{padding-top:66%;}
.ProductInfoPart6 .swiper-slide .txt{padding:0.15rem 0.2rem;padding-right:0.3rem;position: relative;}
.ProductInfoPart6 .swiper-slide .txt::after{content:'';display: block;width:0.12rem;height:0.12rem;background: url(../images/more.svg) no-repeat center center;background-size: contain;position: absolute;right:0.2rem;top:50%;margin-top:-0.06rem;}
.ProductInfoPart6 .swiper-slide:hover .img span{transform: scale(1.05);}

@media(max-width:1024px){
    .ProductInfo .ProductInfoNav ul li{line-height: 0.6rem;}
    .ProductInfoPart{padding:0.4rem 0;}
    .ProductInfoPart3 .hd ul li{padding:0 0.15rem;line-height: 0.42rem;}
    .ProductInfoPart3 .bd ul li .img{padding-top:2.5rem;}
}

@media(max-width:640px){
    .ProductInfoPart4 .PartBox .item{width:48%;padding:0.15rem;}
    .ProductInfoPart3 .bd ul li .img{padding-top:1.2rem;}
}

.pdb0{padding-bottom:0 !important;}
.ProductInfoPart7 .PartBox .img{width:50%;}
.ProductInfoPart7 .PartBox .img img{width:100%;}
.ProductInfoPart7 .PartBox .txt{width:45.83%;}
.ProductInfoPart7 .PartBox .txt ul li{border-bottom:1px solid rgba(0,0,0,0.1);padding:0.48rem 0;}
.ProductInfoPart7 .PartBox .txt ul li:first-child{padding-top:0.2rem;}
.ProductInfoPart7 .PartBox .txt ul li .libox{position: relative;padding-left:0.6rem;}
.ProductInfoPart7 .PartBox .txt ul li .num{width:0.35rem;height:0.35rem;display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #324ea2;color:#fff;position: absolute;left:0;top:0;}
.ProductInfoPart7 .PartBox .txt ul li .name{font-weight: bold;}
.ProductInfoPart7 .PartBox .txt ul li .text{color:#999;margin-top:0.06rem;}

@media(max-width:1024px){
    .ProductInfoPart7 .PartBox .txt ul li{padding:0.3rem 0;}
}

@media(max-width:640px){
    .ProductInfoPart7 .PartBox .img{width:100%;margin-top:0.2rem;}
    .ProductInfoPart7 .PartBox .txt{width:100%;}
    .ProductInfoPart7 .PartBox .txt ul li{padding:0.2rem 0;}
    .ProductInfo .ProductInfoNav ul{display: inline-block;white-space: nowrap;width:100%;overflow: auto;}
    .ProductInfo .ProductInfoNav ul li{display: inline-block;padding:0 0.15rem;width:auto;}
}


.ProductInfoPart8 .hd ul li{border:none;background: #f0f3fc;color:#999;}
.ProductInfoPart8 .hd ul li.on{background: #324ea2;color:#fff;}
.ProductInfoPart8 .hd ul li:hover{background: #324ea2;color:#fff;}

.ProductInfoPart9 .PartBox .item{display: flex;flex-wrap: wrap;background: #fff;}
.ProductInfoPart9 .PartBox .item .img{width:50%;padding-top:35%;}
.ProductInfoPart9 .PartBox .item .txt{width:50%;position: relative;display: flex;align-items: center;justify-content: center;}
.ProductInfoPart9 .PartBox .item .txt .num{font-size: 4rem;font-weight: bold;line-height: 1;color:#324ea2;opacity: 0.05;position: absolute;left:0;top:50%;transform: translateY(-50%);width:100%;text-align: center;}
.ProductInfoPart9 .PartBox .item .txt .tit{color:#324ea2;}
.ProductInfoPart9 .PartBox .item .txt .icon{width:0.45rem;margin-bottom:0.1rem;}
.ProductInfoPart9 .PartBox .item .txt .con{position: relative;z-index:9;padding:0.3rem;}

.ProductInfoPart9 .PartBox .item:nth-child(2n){flex-direction: row-reverse;}

@media(max-width:1024px){
    .ProductInfoPart9 .PartBox .item .txt .num{font-size: 3rem;}
}

@media(max-width:640px){
    .ProductInfoPart9 .PartBox .item .txt .num{font-size: 1.8rem;}
    .ProductInfoPart9 .PartBox .item .img{width:100%;padding-top:70%;}
    .ProductInfoPart9 .PartBox .item .txt{width:100%;min-height:3rem;}
}