html{-webkit-text-size-adjust:100%;font-size:100px; overflow-x: hidden;}
body, input, pre, select, table th, table td, textarea { font-size: 0.16rem; font-weight: 400;font-family: 'Barlow-Thin';}
ul,li,form, dl,dt,dd,div,ul,li,p,em,i,address,ol{ font-style:normal; list-style:none; padding: 0px; margin: 0px;}
h1,h2,h3,h4,h5,h6{ padding:0px; margin:0px;}


@font-face {
	font-family: 'Barlow-Bold';
	src:url('../fonts/Barlow-Bold.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'Barlow-Medium';
	src:url('../fonts/Barlow-Medium.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'Barlow-Regular';
	src:url('../fonts/Barlow-Regular.woff') format('woff');
    font-display:swap;
}
@font-face {
	font-family: 'Barlow-Thin';
	src:url('../fonts/Barlow-Thin.woff') format('woff');
    font-display:swap;
}

html{-webkit-text-size-adjust:100%;}
@media (min-width:1601px){
    html{font-size: 100px}
}
@media(min-width:1025px) and  (max-width:1600px){
    html{font-size: calc(100 / 1600 * 100vw);}
}
@media (max-width:1024px){
    html{font-size: calc(100 / 1024 * 100vw);}
}
@media (max-width:640px){
    html{font-size: calc(100 / 560 * 100vw);}
    body{font-size: 14px;line-height: 24px;}
}

.w_94{width: 94%}
.w1700{max-width: 1700px;margin: 0 auto;width: 94%}
.w1440{max-width: 1440px;margin: 0 auto;width: 94%}



.Top003156{position: relative;width: 100%;left: 0;top: 0;z-index: 10000;transition: .3s all;background: #fff;box-shadow: 0 3px 12px rgba(0,0,0,.08)}
.Top003156 header{display: flex;justify-content: space-between;align-items: center;height: 1rem}
.Top003156 .logo img{transition: .3s all;}

.open-search{background: url(../images/icon-search.png)no-repeat center;background-size: .21rem auto;width: .22rem;height: .22rem;display: block}
.open-search.on:before,
.open-search.on:after{background-color: #00468c;}
.top-search{position: absolute;right:5%; top: 100%;z-index: 100; background-color: #fff; box-shadow: 0 0 5px rgba(0,0,0,0.3);border-radius: 5px;overflow: hidden}
.top-search .text{width: 100%; height: 3.125em;line-height: 3.125em;padding: 0 3.125em 0 0.625em;font-size: 1em;}
.top-search .btn{position: absolute;right: 0; top: 0;width: 3.125em;height: 100%; background: url(../images/icon-search.png) no-repeat center center;background-size: auto 22px;}


.Top003156 menu li span,
.Top003156 menu li span a{display: block;color: #333;transition: .3s all;position: relative;font-family: 'Barlow-Regular';}
.Top003156 menu li span{position: relative;z-index: 2;}

.Top003156 menu li .sub a{color: #333}
.Top003156 menu li .sub a:hover{color: #00468c}

.Top003156 menu li:hover span a,
.Top003156 menu li.aon span a{color: #00468c}

.Top003156 .top-right .gjz{background: #2059a8;display: block;width: .7rem;line-height:.25rem;font-size: .14rem;color: #fff;text-align: center;border-radius: 6px}

/*滚动后*/
.Top003156.scroll,
.Top003156:hover{}

.Top003156:hover .logo img,
.Top003156.scroll .logo img{}

.Top003156:hover .logo img.on,
.Top003156.scroll .logo img.on{}

.Top003156:hover .open-search,
.Top003156.scroll .open-search{}

.Top003156.scroll menu li span,
.Top003156.scroll menu li span a,
.Top003156:hover menu li span,
.Top003156:hover menu li span a{}

.Top003156.scroll menu li span a:hover,
.Top003156.scroll menu li.aon span a{}

@media (min-width:1025px) {
    
    .Top003156 .top-left{display: flex;align-items: center;width: 80%}
    .Top003156 menu{flex: 1}
    .Top003156 menu ul{display: flex;justify-content: space-between;}
    .Top003156 menu li{line-height: 1rem} 
    
    .Top003156 .top-right{display: flex;align-items: center;justify-content: space-between;width: 63%}  
    .Top003156 .top-right .top-nav{margin-left: 5vw}  
    .Top003156 .logo img{max-height:.7rem}
    
    .top-search{width: 25em;}
    
    .Top003156 .sub{position: absolute;top: 100%;background-color:#fff;overflow: hidden;left: 50%;transform: translateX(-50%);width: 180px;margin-left: 0;display: none;border-radius: 0 0 1px 1px;box-shadow: 0 4px 4px 0 rgba(0, 0, 0, .1);}
}

@media (max-width:1024px) {
    .Top003156 menu{position: absolute; right: 0;top: 100%; width: 100%; padding:20px;box-shadow: 0 0 0.625em rgba(0,0,0,0.3);visibility: hidden; transform: translateY(5em); transition: 0.3s; opacity: 0;background: #fff}  
    .menu-show .Top003156 menu{transform: translateY(0); opacity: 1; visibility: inherit;}
    .Top003156 menu li span a{padding: 0.5em 0;text-align: left;font-size: 16px}
    .Top003156 .logo{max-width: 60%;}  
    .Top003156 .top-right{}
    .Top003156 .top-right .top-nav{display: flex;align-items: center}
    .Top003156 .top-right .top-nav dt{padding-left: 1em;}
    .Top003156 .open-menu{display: block;width: 30px;height: 30px;}
    .Top003156 .open-menu i{background-color: #00468c;}
    .Top003156 .open-menu:not(.on) i:nth-child(1){margin-top: -0.725em;}
    .Top003156 .open-menu:not(.on) i:nth-child(3){margin-top: calc(0.725em - 3px);}
    .open-search{width: 22px;height: 22px;background-size: 21px auto}
    .top-search{width: 100%;right: 0;border-radius: 0}
    
    .has-multi aside .op-multi:before, 
    .has-multi aside .op-multi:after, 
    .has-sub span .op:before, 
    .has-sub span .op:after {background: #333;}
    
    .Top003156 .sub{background: #f5f5f5}
    .Top003156 .sub dl{padding:10px 20px;}
    .Top003156 .sub dt{text-align: left;}
    .Top003156 .sub a{font-size: 14px;}
}



.Banner{position: relative; z-index: 1;}
.Banner li.slick-slide{position: relative;}
.Banner .txt{position: absolute;width: 100%;height: 100%;display: flex;align-items: center;z-index: 11;}

.Banner .txt h3{opacity: 0;transform: translateX(1rem);transition: .5s;font-family: 'Barlow-Bold';font-size: .76rem;color: #fff;text-transform: uppercase;transition-delay: 0.5s;}
.Banner .txt .index-more{margin-top: 1rem;opacity: 0;transform: translateX(1rem);transition: .5s;transition-delay: .8s;}
.Banner .ani-show .txt h3,
.Banner .ani-show .txt .index-more{transform: translateX(0); opacity: 1;}

.Banner .slick-dots{position: absolute; left: 50%; transform: translate(-50%,0); bottom: .3rem;overflow: hidden; z-index: 10;}
.Banner .slick-dots li{float: left; width: 9px; height: 9px;position: relative; border-radius: 50%;background: #fff;opacity: .4; cursor: pointer;margin: 0 7px}

.Banner .slick-dots li.slick-active{opacity: 1;}
.Banner .slick-dots li button{display: none;}

@media(min-width:1025px){
    .Banner li.slick-slide img{}
    .Banner li.slick-slide img.wap{display: none;}
}
@media(max-width:1024px){
    .Banner .txt h3{font-size: .36rem;}
    .Banner .txt .index-more{margin-top: .3rem;}
    .Banner li.slick-slide img.pc{display: none;}
    .Banner li.slick-slide video{left: -100%;top: 100%; opacity: 0;}
    .Banner li.slick-slide .open-video{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.3) url(../images/Banner002826_play.png) no-repeat center center;background-size: auto 50px; z-index: 20;}
    .Banner li.video-show .open-video{left: -100%;opacity: 0; transform: translateX(-100%);}
    .Banner li.video-show video{left: 50%; top: 50%; opacity: 1;}
    
    .Banner .slick-dots li{width: 10px; height: 10px;}
    .Banner .slick-dots li:not(:last-child){margin-right: 4px;}
}






.index-title{font-family: 'Barlow-Bold';font-size: .58rem;color: #000;text-transform: uppercase}
.index-title.wh{color: #fff;}

.index-more a{width: 2rem;height: .7rem;display: flex;align-items: center;justify-content: center;border-radius: 36px;color: #fff;    background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);font-family: 'Barlow-Regular';}

@media(max-width:1024px){
    .index-title{font-size: .48rem;line-height: 1}
    .index-more a{width: 1.6rem;height: .5rem;}
}

.Floor003220{padding: 1.6rem 0}
.Floor003220 .title{padding-bottom: .76rem}
.Floor003220 .tab .item{font-size: .24rem;color: #000;position: relative;display: inline-block;cursor: pointer;font-family: 'Barlow-Regular';}
.Floor003220 .tab .item:not(:last-child){margin-right: .9rem;}
.Floor003220 .tab .item .tit2{content: '';position: absolute;width: .51rem;height: .51rem;border-radius: 50%;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);left: -.22rem;top: 50%;transform: translateY(-50%);z-index: 1;overflow: hidden;color: #fff;display: flex;align-items: center;padding-left: .22rem;margin-top: -1px;opacity: 0}
.Floor003220 .tab .item.on .tit1{color: #00468c}
.Floor003220 .tab .item.on .tit2{opacity: 1}

.Floor003220 .swiperCon{overflow: hidden;position: relative;z-index: 1; }
.Floor003220 .swiperCon:after,
.Floor003220 .swiperCon:before{position: absolute;content: ''; width: 1.6rem;height: 100%;opacity: 0.7;z-index: 10;pointer-events: none;top: 0;}
.Floor003220 .swiperCon:before{left: 0;background: linear-gradient(to right,rgba(var(--rgb-white),1) 79.375%,rgba(var(--rgb-white),0) 100%); }
.Floor003220 .swiperCon:after{right: 0;background: linear-gradient(to right,rgba(var(--rgb-white),0) 20.625%,rgba(var(--rgb-white),1) 100%); }

.Floor003220 .swiper{overflow: initial;}
.Floor003220 .swiper-wrapper{height: auto;}
.Floor003220 .swiper-slide a{display: block;}
.Floor003220 .pic{overflow: hidden;border-radius: 0.2rem;height: 3.52rem;position: relative}
.Floor003220 .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;background: #f8f8f8;z-index: 1}
.Floor003220 .pic span img{max-width: 70%;max-height: 70%;object-fit: contain; transition: 0.5s ease-in-out;}
.Floor003220 .pic .Ispic{position: absolute;width: 100%;height: 100%;left: 0;top: 0; transition: 0.5s ease-in-out;opacity: 0;z-index: 2; display: none;}
.Floor003220 .txt{margin-top: 0.4rem;}
.Floor003220 .tit{margin-bottom: .2rem;}
.Floor003220 .tit span{font-size: 0.36rem;font-family: 'Barlow-Bold';color: #333;font-style: italic;position: relative}
.Floor003220 .tit span:after{content: '';position: absolute;width: 100%;height: 2px;background: #333;left: 0;bottom: 0}
.Floor003220 .txt p{color: #333; font-family: 'Barlow-Regular';}

.Floor003220 .swiper-slide a:hover .Ispic{opacity: 1}
.Floor003220 .swiper-slide a:hover .pic span img{ transform: scale(1.1);}
.Floor003220 .swiper-slide a:hover .tit span{color: #00468c}
.Floor003220 .swiper-slide a:hover .tit span:after{background: #00468c}

.Floor003220 .controls{display: flex;align-items: center;margin-top: .86rem }
.Floor003220 .controls .pages{flex: 1;height: 2px;background-color: rgba(0,0,0,.08);position: relative;}
.Floor003220 .controls .pages span{height: 5px;top: -2px;background-color:#00468c;border-radius: 20px;}
.Floor003220 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.1rem;}
.Floor003220 .controls .arrows a{display: block;width: 0.55rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: 0.3s;position: relative; }
.Floor003220 .controls .arrows a + a{margin-left: 0.11rem;}
.Floor003220 .controls .arrows a.prev{background-image: url(../images/arrow-left.png);left: auto;width: 0.34rem;background-size: .34rem auto}
.Floor003220 .controls .arrows a.next{background-image: url(../images/arrow-right.png);right: auto;background-size: .55rem auto}
@media (min-width:1025px) {
    .Floor003220 .title{display: flex;justify-content: space-between;align-items:center }
    .Floor003220 .swiperCon:after{display: none;}
    .Floor003220 .swiper{ width: calc(100% + 1.94rem);}
    .Floor003220 .controls{width: calc(100% - 1.94rem);}
}
@media (max-width:1024px) {
    .Floor003220{padding: 50px 0}
    .Floor003220 .tab{padding:0 20px;margin-top: 30px}
    
    .Floor003220 .txt p{font-size: 14px}
    
    .Floor003220 .controls{margin-top: .5rem}
}


.Application{margin: 0 .2rem;position: relative;overflow: hidden}
.Application .list{height: 8.6rem;overflow: hidden;position: relative}
.Application .list .item{position: absolute;z-index: 1;border-radius: .4rem .4rem 0 0;overflow: hidden;transition: .5s;transform: translateY(100%);width: 100%;height: 100%;left: 0;top: 0}
.Application .list .con{position: absolute;width: 100%;height: 100%;padding-top: 1.6rem;z-index: 2}
.Application .list .con .num{font-size: .32rem;color: #fff;text-align: right;font-family: 'Barlow-Medium';position: absolute;top: .95rem;right: .9rem}
.Application .list .con .txt{padding-top: 1rem}
.Application .list .con .txt .tit{font-size: .36rem;color: #fff;font-family: 'Barlow-Bold';padding-bottom: .15rem}
.Application .list .con .txt .desc{color: #fff;font-family: 'Barlow-Regular';line-height: 1.5;}
.Application .list .con .txt .index-more{margin-top: .9rem}
.Application .list .bg figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}

.Application .list .item.on{transform: translateY(0);}

.Application .tab{position: relative;z-index: 2;padding-bottom: .6rem;transform: translateY(-10px);}
.Application .tab::after{position: absolute;content: '';z-index: 10;border-radius: .4rem .4rem 0 0;background: #fff;left: 0;bottom: 0;width: 100%;height: .88rem;transform: translateY(-.12rem);}
.Application .tab li{background: #00468c;border-radius: .4rem .4rem 0 0;position: relative;height: 1rem;box-shadow: 0 7px 20px rgba(0,0,0,.4);cursor: pointer;margin-top: -.38rem;background: linear-gradient(to left, #003d97 0%, #095fb1 100%);}
.Application .tab li + li{z-index: 2}
.Application .tab li .num{font-size: .32rem;color: #fff;text-align: right;font-family: 'Barlow-Medium';position: absolute;top: .36rem;right: .9rem}

.Application .tab li.on{}

@media(min-width:1025px){
    .Application .list .con .txt .desc{max-width: 38%}
}

@media(max-width:1024px){
    .Application .list{height: 6.6rem;}
    .Application .list .con{padding-top: 1rem;}
    .Application .list .con .txt{padding-top: .5rem}
    .Application .list .con .txt .desc{font-size: 14px}
    .Application .list .con .txt .index-more{margin-top: .3rem}
    
    .Application .list .con .num{right: .4rem;top: .5rem}
    .Application .tab li .num{right: .4rem}
}


.index-about{padding: .4rem 0 1.6rem}
.index-about .flex .left .tit{font-size: .36rem;color: #00468c;font-family: 'Barlow-Medium';line-height: .42rem;padding: .4rem 0 .3rem}
.index-about .flex .left p{color: #333;line-height: 1.5;text-align: justify;}
.index-about .flex .left .index-more{margin-top: .7rem;}

.index-about .flex .right .pic{height: 5.44rem;position: relative;overflow: hidden;border-radius: .2rem}
.index-about .flex .right .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s;}
.index-about .flex .right .pic span img{width: 100%;height: 100%;object-fit: cover;}
.index-about .flex .right .pic:hover span{transform: scale(1.05);}

@media(min-width:1025px){
    .index-about .flex{display: flex;align-items: center;justify-content: space-between;}
    .index-about .flex .left{flex: 1}
    .index-about .flex .right{width: 50%;margin-left: 1.6rem}
}

@media(max-width:1024px){
    .index-about{padding: 0 0 50px}
    .index-about .flex .left{margin-bottom: 50px}
    .index-about .flex .left p{text-align: left;}
    .index-about .flex .left .index-more{margin-top: .5rem;}
}



.Floor003233{overflow: hidden; padding-bottom:1.5rem;position: relative;z-index: 1;--autoWidth:1440;}
.Floor003233 [class*=autoCon-]{position: relative;z-index: 4;}
.Floor003233 .index-title{margin-bottom: .7rem;color: #333333;}
.Floor003233 .swiper-wrapper{height: auto;}
.Floor003233 .swiper-slide-active{z-index: 2}
.Floor003233 .swiper-slide .hover{position: relative;}
.Floor003233 .swiper-slide .hover{content: ''; position: absolute;width: .9rem;height: .9rem;border-radius: 50%;background:linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);top: 30%;right: -.45rem;transform: translateX(.45rem);display: flex;align-items: center;justify-content: center;transition: .5s;opacity: 0}
.Floor003233 .swiper-slide .hover::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt.png)no-repeat center }
.Floor003233 .swiper-slide-active:hover .hover{transform: translateX(0);opacity: 1}
.Floor003233 .pic{border-radius: .2rem;overflow: hidden}
.Floor003233 .pic figure{transition: .5s}
.Floor003233 .txt{padding-top: 0.3rem;}
.Floor003233 .txt p{font-size: .2rem;margin: .14rem 0 0; line-height: .32rem;color: #333;font-family: 'Barlow-Regular';}
.Floor003233 .txt .time{color: #333;}
.Floor003233 .txt .time span{font-size: .36rem;font-family: 'Barlow-Medium';display: inline-block;margin-right: .1rem}

.Floor003233 .swiper-slide:hover .pic figure{transform: scale(1.05)}
.Floor003233 .swiper-slide:hover p{color:#00468c;}

.Floor003233 .controls{display: flex;align-items: center;z-index: 10;position: absolute;}
.Floor003233 .controls .scrollbar{flex: 1;position: relative;z-index: 1; height: 2px;background-color: rgba(0,0,0,.08);border-radius: 2px;}
.Floor003233 .controls .scrollbar > span{height: 5px;top: -2px;background-color:#00468c;height: 5px;border-radius: 20px;}
.Floor003233 .controls .pages{flex: 1;height: 2px;background-color: rgba(0,0,0,.08);position: relative;}
.Floor003233 .controls .pages span{height: 5px;top: -2px;background-color:#00468c;border-radius: 20px;}
.Floor003233 .controls .arrows{display: flex;align-items: center;justify-content: flex-end;width:1.1rem;}
.Floor003233 .controls .arrows a{display: block;width: 0.55rem; height: 0.2rem;background-position: center center; background-repeat: no-repeat; cursor: pointer; transition: 0.3s;position: relative; }
.Floor003233 .controls .arrows a + a{margin-left: 0.11rem;}
.Floor003233 .controls .arrows a.prev{background-image: url(../images/arrow-left.png);left: auto;width: 0.34rem;background-size: .34rem auto}
.Floor003233 .controls .arrows a.next{background-image: url(../images/arrow-right.png);right: auto;background-size: .55rem auto}
@media (min-width:1025px) {
    .Floor003233 .main{width: var(--mainW);}
    .Floor003233 .controls{left: 5.98rem;bottom: 0.3rem;width: calc(var(--autoWidth) / 1884 * 100%);padding-right: 2.41rem;}
    .Floor003233 .swiper-slide{height: calc((453 / 1920 * 100vw) + 0.3rem + 0.14rem + 2em + (24 / 14 * 2.66em)); line-height: 1;}
    .Floor003233 .pic .Ispic{height: calc(310 / 1920 * 100vw);}
    .Floor003233 .swiper-slide-active .pic .Ispic{height: calc(453 / 1920 * 100vw);transition: 0.3s 0.3s;}
    .Floor003233 .swiper-slide-active .txt p{font-size:.24rem;font-family: 'Barlow-Medium';}
    .Floor003233 .swiper-slide-active,
    .Floor003233 .swiper-slide-next,
    .Floor003233 .swiper-slide-next + .swiper-slide{opacity: 1;}
    .Floor003233 .swiper-slide a{margin-right: 0.3rem;}
}
@media (max-width:1024px) {
    .Floor003233{padding-bottom:50px;}
    .Floor003233 .index-title{margin-bottom: .5rem;}
    .Floor003233 .pic .Ispic{padding-bottom: calc(290 / 432  * 100%);}  
    .Floor003233 .main{padding-bottom: 0.5rem;}
    .Floor003233 .controls{bottom: 0;left: 0;width: 100%;}
    .Floor003233 .txt{padding-top: 0.2rem;}
}




.index-form{position: relative}
.index-form .con{position: absolute;width: 9.6rem;right: 0;bottom: 0;background:url(../images/index-form-bg.jpg)no-repeat center left #f8f8f8;border-radius: .2rem 0 0 0;padding: .85rem 1rem}
.index-form .con .form-ul{padding-top: .4rem}
.index-form .con .form-ul li{margin-bottom: .3rem;position: relative;}
.index-form .con .form-ul li .tit{color: #333333;display: block;}
.index-form .con .form-ul li select,
.index-form .con .form-ul li .text{width: 100%;border: 0; border-bottom: solid 1px rgba(51,51,51,.16);line-height: .4rem;height: .4rem; background: none;background: none}
.index-form .con .form-ul .btn{width: 2rem;height: .7rem;display: flex;align-items: center;justify-content: center;border-radius: 36px;color: #fff;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);font-family: 'Barlow-Regular';border: 0;margin-top: .2rem;}

.index-form .img figure{height: 7rem;border-radius: 0 .4rem 0 0}

@media (min-width:1025px) {  
    .index-form .img{padding-right: 4.7rem;}
    .index-form .form-ul .row-2 li{float: left;width:calc(50% - .3rem);}
    .index-form .form-ul .row-2 li:nth-child(2n){float: right;}
}

@media(max-width:1024px){
    .index-form .img figure{height: 5rem;border-radius: .4rem .4rem 0 0}
    .index-form .con{position: relative;width:100%;right: auto;bottom: auto;border-radius: 0;padding: 50px}
}


.index-partner ul{display: flex}
.index-partner li{border-right: 1px solid #efefef;}
.index-partner li a{width: 3rem;height: 1.6rem;display: flex;justify-content: center;align-items: center;filter: grayscale(30);opacity: .3;transition: .3s}
.index-partner li a img{max-width: 80%;max-height: 80%}
.index-partner li:hover a{filter: none;opacity: 1}


.Bottom{background: #000;}
.Bottom a:hover{color: #fff!important;}
.Bottom .bottom-top{padding: .8rem 0 1.3rem;}
.Bottom .bottom-top nav dl{float: left;}
.Bottom .bottom-top nav dt{margin-bottom: .2rem;font-size: .2rem;font-family: 'Barlow-Medium';}
.Bottom .bottom-top nav dt a{color: #fff;}
.Bottom .bottom-top nav dd a{color: rgba(255,255,255,.5);line-height: .3rem}

.Bottom .bottom-top .bottom-contact .hotline{padding-top: .22rem;}
.Bottom .bottom-top .bottom-contact .hotline aside{color: #fff;font-size: .32rem;font-family: 'Barlow-Medium';}

.Bottom .bottom-top .bottom-share ul{display: flex;justify-content: flex-end}
.Bottom .bottom-top .bottom-share li{position: relative}

.Bottom .bottom-top .bottom-share li a{position: relative;overflow: hidden;opacity: .5}
.Bottom .bottom-top .bottom-share li a span{background-size: contain;background-repeat: no-repeat;background-position: center center;display: block;width: .2rem;height: .2rem;display: flex;align-items: center;justify-content: center;}
.Bottom .bottom-top .bottom-share li a:hover{opacity: 1}

.Bottom .copyright{color: rgba(255,255,255,.5);line-height: .8rem;border-top: 1px solid rgba(255,255,255,.2);}
.Bottom .copyright .left a{color: rgba(255,255,255,.5);}
.Bottom .copyright .right a{margin-left: .24rem;color: rgba(255,255,255,.5);position: relative}
.Bottom .copyright .right a:not(:last-child)::before{content: '';position: absolute;width: 2px;height: 2px;background: rgba(255,255,255,.5);border-radius: 50%;top: 50%;right: -.14rem;}


.gotop{position: fixed;width: .6rem;height: .6rem;border-radius: 50%;right: .8rem;bottom: 30%;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);display: flex;align-items: center;justify-content: center;cursor: pointer;z-index: 100;transition: all 0.5s;visibility: hidden;margin: 0 0 -100px;opacity: 0;}
.gotop::before{content: '';width: 100%;height: 100%;background: url(../images/gotop.png)no-repeat center;background-size: auto}
.gotop.cd-is-visible {visibility: visible;opacity: 1;margin: 10px 0 0;}

@media(min-width:1025px){
    .Bottom .bottom-top{display: flex;justify-content: space-between;}
    .Bottom .bottom-top nav{width: 75%;flex: 0 0 auto}
    
    .Bottom .bottom-top .bottom-share li:not(:last-child){margin-right: .2rem}
    
    .Bottom .copyright{display: flex;align-items: center;justify-content: space-between;}
    
}

@media(max-width:1024px){
    .Bottom .bottom-top{padding: 40px 0 60px}
    .Bottom .bottom-top nav{display: none;}
    .Bottom .bottom-top .bottom-share ul{justify-content: center}
    .Bottom .bottom-top .bottom-share li{margin: 0 10px}
    .Bottom .bottom-top .bottom-share li a span{width: 24px;height: 24px;}
    
    .Bottom .bottom-top .bottom-contact .hotline{text-align: center;}
    
    .Bottom .copyright{text-align: center;line-height: 30px;padding: 20px 0}
    .Bottom .copyright .right a{margin: 0 10px;}
    
    .gotop{right: 20px;bottom: 20%}
}




.CBanner{position: relative}
.CBanner .txt{position: absolute;width: 100%;height: 100%;align-items: center;display: flex;}
.CBanner .txt .tit{font-size: .72rem;color: #fff;font-family: 'Barlow-Bold';text-transform: uppercase}
.CBanner figure{height: 7rem;}

@media(max-width:1024px){
    .CBanner .txt .tit{font-size: .5rem;color: #fff;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: 1}
    .CBanner figure{height: 300px;}
}




.colName{display: none;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);border-radius: 0 0 5px 5px;color: #fff;position: relative;padding: 0 0.3rem;line-height: 2.2;margin-bottom: 0.1rem;font-size: 24px}
.colName:after{content:"";position: absolute;right: 15px;top: 50%;transform: translateY(-50%);background: url(../images/icon-jt2.png) no-repeat center center;height: 100%;width: 20px;transition: all 0.3s;background-size: 13px auto;filter: grayscale(100) brightness(100);}
.colName.on:after{transform: translateY(-50%) rotate(-180deg);}

.subMenu{border-bottom: 1px solid #e8e9eb;}
.subMenu.prod{border-bottom:0;}
.subMenu ul{display: flex;align-items: center;flex-wrap: wrap}
.subMenu li{position: relative;}
.subMenu li:not(:last-child){margin-right: 0.8rem;}
.subMenu li span{display: block;width: 100%;position: relative;}
.subMenu li span a{color: #000;display: block;line-height: 1rem;font-size:.18rem;}
.subMenu li:before{position: absolute;left: 50%;transform: translateX(-50%);width: 0;bottom:0;height: 2px;content: "";background:linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%) ;transition: all 0.5s;}
.subMenu li.aon a,
.subMenu li:hover a{background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);-webkit-background-clip: text;background-clip: text;color: transparent;font-family: 'Barlow-Bold';}
.subMenu li.aon:before,
.subMenu li:hover:before{width: 100%;}
    
.place{color: #999;text-align: right;font-size: .18rem;letter-spacing: 1px}
.place a{color: #999;margin-right: 0.34rem;position: relative;line-height: 1rem;}
.place a:hover,
.place span{color:#000;display: inline-block;}
.place a:after{position: absolute;width: 0.22rem;right: -0.26rem;height:100%;content: "·";text-align: center;}
.place.detail{text-align: left;padding: 1.354vw 0;}
    
@media(min-width:1025px){
    .subMenu .w1440{display: flex;align-items: center;justify-content: space-between}
    .subMenu.prod .w1440{justify-content: flex-end}
}

@media(max-width:1024px){
    .subMenu{padding: 0.2rem 0;}
    .subMenu .colName{display: block;}
    .subMenu ul{margin-bottom: 0.15rem;}
    .subMenu li{text-align: center;}
    .subMenu li:not(:last-child){margin-right: 0.4rem;}
    .subMenu li:before{height: 0;background-color: #f0f0f0;}
    .subMenu li span a{line-height: 2.5;font-size: 18px}
    
    .place a{line-height: .5rem;}
}




.Prolist{padding: 1.6rem 0}
.Prolist .title{padding-bottom: .7rem}
.Prolist .title span{font-size: .58rem;color: #000;position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .38rem;display: inline-block}
.Prolist .title span::before{content: '';position: absolute;width: .4rem;height: .4rem;border-radius: 50%;background: linear-gradient(-145deg, #9ed7f5 0%, #ffffff 100%);top:-.2rem;right: -.2rem;z-index: -1 }
.Prolist ul{display: flex;flex-wrap: wrap;}
.Prolist li{margin-bottom:.3rem }
.Prolist li .pic{overflow: hidden;border-radius: 0.2rem;height: 3.52rem;position: relative}
.Prolist li .pic span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;display: flex;align-items: center;justify-content: center;background: #f8f8f8;z-index: 1}
.Prolist li .pic span img{max-width: 70%;max-height: 70%;object-fit: contain;}
.Prolist li .pic .Ispic{position: absolute;width: 100%;height: 100%;left: 0;top: 0; transition: 0.5s ease-in-out;opacity: 0;z-index: 2}
.Prolist li .txt{margin-top: 0.4rem;}
.Prolist li .tit{margin-bottom: .2rem;}
.Prolist li .tit span{font-size: 0.36rem;font-family: 'Barlow-Bold';color: #333;font-style: italic;position: relative}
.Prolist li .tit span:after{content: '';position: absolute;width: 100%;height: 2px;background: #333;left: 0;bottom: 0}
.Prolist li .txt p{color: #333; font-family: 'Barlow-Regular';line-height: .24rem}

.Prolist li a:hover .Ispic{opacity: 1}
.Prolist li a:hover .tit span{color: #00468c}
.Prolist li a:hover .tit span:after{background: #00468c}

@media(min-width:1025px){
    
    .Prolist li{width: 21.25%;}
    .Prolist li:not(:nth-child(4)){margin-right: 5%;}
}

@media(max-width:1024px){
    .Prolist{padding: 50px 0}
    .Prolist ul{justify-content: space-between;}
    .Prolist li{width: 48%;}
}





.Page002664{ text-align:center; padding:.5rem 0 0;}
.Page002664 .Pages *{ display:inline-block; vertical-align:middle;}
.Page002664 .Pages a{ border:1px solid #ececec; line-height:.48rem; width: .5rem; color:#666;position: relative;margin:0 .1rem; }
.Page002664 .p_cur,
.Page002664 .p_count,
.Page002664 .p_jump,
.Page002664 .p_total{ display:none;}
.Page002664 .a_first,
.Page002664 .a_end,
.Page002664 .a_prev,
.Page002664 .a_next{font-size: 0}
.Page002664 .Pages em{ overflow:hidden;font-style:normal;}
.Page002664 .Pages em a{ float:left; }
.Page002664 .Pages a:hover,
.Page002664 .Pages em a.a_cur{ color:#fff; background:linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);border: 0}
.Page002664 .a_prev::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background:url(../images/pagejt2.png) no-repeat center;background-size:9px auto}
.Page002664 .a_next::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background:url(../images/pagejt2.png) no-repeat center;transform: rotate(180deg);background-size:9px auto}
.Page002664 .a_first::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background:url(../images/pagejt.png) no-repeat center;background-size:15px auto}
.Page002664 .a_end::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0; background:url(../images/pagejt.png) no-repeat center;transform: rotate(180deg);background-size:15px auto}
.Page002664 .Pages a:hover::before{filter: grayscale(100) brightness(100);}
@media(max-width:640px){
    .Page002664 .Pages em{ display:none;}
}





.Prodetail{padding: .8rem 0 1.6rem}
.Prodetail .left .big li{height: 4.32rem;background: #f5f7fa;position: relative;overflow: hidden;border-radius: .2rem}
.Prodetail .left .big li figure{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;max-height: 75.25%;background-size: contain;}
.Prodetail .left .small{margin-top: .1rem;padding-right:.4rem;position: relative;}
.Prodetail .left .small li{height:.96rem;background: #f5f7fa;border-radius: 6px;margin-right: .1rem;position: relative;overflow: hidden}
.Prodetail .left .small li::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to right, #4989d6, #9ed7f5);opacity: 0;z-index: 1}
.Prodetail .left .small li::after{content: '';position: absolute;width: calc(100% - 2px);height: calc(100% - 2px);left: 1px;top: 1px;background: #f5f7fa;z-index: 2;border-radius: 6px;}
.Prodetail .left .small li.slick-current::before{opacity: 1}
.Prodetail .left .small li figure{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;max-height: 75.25%;background-size: contain;z-index: 3}
.Prodetail .left .small .slick-arrow{position: absolute;width: .4rem;height: 100%;border-radius: .06rem;background:#f5f7fa;top: 0;right: 0;display: flex;align-items: center;justify-content: center}
.Prodetail .left .small .slick-arrow::before{content: '';width: 100%;height: 100%;background: url(../images/slick-arrow-jt.png)no-repeat center;background-size: auto;}
.Prodetail .left .small .slick-arrow:hover{background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);}
.Prodetail .left .small .slick-arrow:hover::before{filter: grayscale(100) brightness(100);}
.Prodetail .left .small .slick-prev{display: none}

.Prodetail .right{border-bottom: 1px solid #eee}
.Prodetail .right .title{padding:.3rem 0 .5rem}
.Prodetail .right .title span{font-size: .58rem;color: #000;font-family: 'Barlow-Bold';font-style: italic;position: relative}
.Prodetail .right .title span:after{content: '';position: absolute;width: 100%;height: 2px;background: #000;left: 0;bottom: 0}
.Prodetail .right .desc{font-size: .18rem;color: #333;line-height: 1.75;}
.Prodetail .right .btns{padding-top: 1rem;display: flex;flex-wrap: wrap}
.Prodetail .right .btns a{width: 2.3rem;height: .7rem;border-radius: 35px;font-family: 'Barlow-Bold';display: flex;align-items: center;justify-content: center;font-size: .18rem;overflow: hidden}
.Prodetail .right .btns a.btn1{background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);color: #fff;margin-right: .4rem}
.Prodetail .right .btns a.btn1::before{content: '';width: 24px;height: 24px; background: url(../images/hqbj.png)no-repeat center;background-size:24px;margin-right: .1rem ;}
.Prodetail .right .btns a.btn2{position: relative}
.Prodetail .right .btns a.btn2 span{display: flex;align-items: center;position: relative;z-index: 3;color: #73afe6}
.Prodetail .right .btns a.btn2 span::before{content: '';width: 24px;height: 24px; background: url(../images/zxzx.png)no-repeat center;background-size:24px;margin-right: .1rem ;}
.Prodetail .right .btns a.btn2::before{content: '';position: absolute;width: 100%;height: 100%;left: 0;top: 0;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);z-index: 1}
.Prodetail .right .btns a.btn2::after{content: '';position: absolute;width: calc(100% - 2px);height: calc(100% - 2px);left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 2;border-radius: 35px}

@media(min-width:1025px){
    .Prodetail .w1440{display: flex;justify-content: space-between;}
    .Prodetail .w1440 .left{width: 50%;flex: 0 0 auto}
    .Prodetail .w1440 .right{margin-left: .8rem;width: 50%}
}

@media(max-width:1024px){
    .Prodetail .w1440 .right{padding: 50px 0;}
}


.feature{padding: 1.6rem 0;background: #f7f7f7}
.feature .title{padding-bottom: .5rem}
.feature .title span{font-size: .58rem;color: #000;position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .38rem;display: inline-block;z-index: 2}
.feature .title span::before{content: '';position: absolute;width: .4rem;height: .4rem;border-radius: 50%;background: linear-gradient(-145deg, #9ed7f5 0%, #ffffff 100%);top:-.2rem;right: -.2rem;z-index: -1 }

.feature li{border-bottom: 1px solid #e5e5e5;line-height: 1.5;font-size: .2rem;padding: .24rem 0;color: #333;padding-left: .25rem;position: relative}
.feature li::before{content: '';position: absolute;width: .12rem;height: .12rem;left: 0;top: .34rem;background:url(../images/feature-icon.png)no-repeat center;z-index: 1;background-size: .12rem auto}
.feature li:hover{color: #00468c;font-family: 'Barlow-Bold';}

@media(max-width:1024px){
    .feature{padding: 100px 0;}
    .feature .title span{font-size: .4rem;line-height: .4rem;}
}



.technical{padding: 1.6rem 0;}
.technical .title{padding-bottom: .7rem}
.technical .title span{font-size: .58rem;color: #000;position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .38rem;display: inline-block;z-index: 2}
.technical .title span::before{content: '';position: absolute;width: .4rem;height: .4rem;border-radius: 50%;background: linear-gradient(-145deg, #9ed7f5 0%, #ffffff 100%);top:-.2rem;right: -.2rem;z-index: -1 }


@media(max-width:1024px){
    .technical{padding: 100px 0;}
    .technical .title span{font-size: .4rem;line-height: .4rem;}
}




.Scenario{padding: 1.6rem 0;overflow: hidden}
.Scenario .title{padding-bottom: .7rem}
.Scenario .title span{font-size: .58rem;color: #000;position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .38rem;display: inline-block}
.Scenario .title span::before{content: '';position: absolute;width: .4rem;height: .4rem;border-radius: 50%;background: linear-gradient(-145deg, #9ed7f5 0%, #ffffff 100%);top:-.2rem;right: -.2rem;z-index: -1 }
.Scenario li{}
.Scenario li:not(:last-child){margin-bottom: 1.2rem}
.Scenario li a .txt{border-bottom:1px solid #e5e5e5;}
.Scenario li a .txt .num{display: flex;color: #e5e5e5;font-size: .58rem;font-family: 'Barlow-Medium';}
.Scenario li a .txt .tit{font-size: .36rem;color: #333;font-family: 'Barlow-Bold';font-style: italic;padding: .5rem 0 .3rem}
.Scenario li a .txt p{font-size: .18rem;color: #333;line-height: 2}
.Scenario li .more{width: 2rem;height: .7rem;display: flex;align-items: center;justify-content: center;border-radius: 36px;color: #000;    border: 1px solid #000;font-family: 'Barlow-Regular';margin-top: .9rem;transition: .3s;}

.Scenario li .pic{position: relative}
.Scenario li .pic span{overflow: hidden;width:46.88vw;display: block;border-radius: .2rem;}
.Scenario li .pic figure{height: 5.4rem;transition: .3s}

.Scenario li:hover a .txt .tit{color: #00468c;}
.Scenario li:hover .pic figure{transform: scale(1.05)}
.Scenario li:hover .more{color: #fff;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);border: 0}

@media(min-width:1025px){
    .Scenario li a{display: flex;justify-content: space-between;}
    .Scenario li a .txt{width: 50%;flex: 0 0 auto;padding-right: .96rem}
    .Scenario li a .pic{width: 50%;padding-left: .6rem;}
}

@media(max-width:1024px){
    .Scenario{padding: 1rem 0}
    .Scenario li a .txt{padding-bottom: 30px;margin-bottom: 30px;}
    .Scenario li .pic span{width:100%;}
    .Scenario li .pic figure{height: 300px}
    .Scenario li .more{width: 1.6rem;height: .5rem;}
}



.appdetail{background: #f5f6f7}


.singpaper{padding: 1rem 0 1.6rem;}
.singpaper .title{text-align: center;border-bottom: 1px solid #e5e5e5;padding-bottom: .5rem;margin-bottom: .7rem}
.singpaper .title span{font-size: .48rem;font-family: 'Barlow-Bold';color: #000;}
.singpaper .con{line-height: 2;font-size: .18rem;color: #333}

.operating{margin-top: 1rem;padding-top: .7rem;border-top: 1px solid #e5e5e5;}
.operating .btns a {color: #666;line-height: 2;font-size: .18rem}
.operating .btns a b{font-weight: normal;color: #000;}
.operating .btns a:hover {color: #00468c;}

.operating .back a{width: 2rem;height: .7rem;display: flex;align-items: center;justify-content: center;border-radius: 36px;color: #000;font-family: 'Barlow-Medium';transition: .3s;color: #fff;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);font-size: .18rem}
.operating .back a::after{width: .22rem;height: .16rem;content: '';background: url(../images/back.png)no-repeat center;margin-left: .2rem;background-size: .22rem auto}
@media(min-width:1025px){
    .operating{display: flex;align-items: center;justify-content: space-between;}
    .operating .btns{width: 75%;flex: 0 0 auto;}
}
@media(max-width:1024px){
    .operating .back{margin-top: .2rem}
}



.hzhb{padding: 1.6rem 0}
.hzhb li{float: left;width: 19.445%;margin-right: .695%;margin-bottom: .695%;border: 1px solid transparent;}
.hzhb li:nth-child(5n){margin-right: 0%}
.hzhb li a{display: flex;height: 1.5rem;width: 100%;align-items: center;justify-content: center;border: 1px solid #efefef}
.hzhb li a img{max-width: 85%;max-height: 85%}

.hzhb li:hover{border-color:#00468c ;}

@media(max-width:1024px){
    .hzhb{padding: 1rem 0}
    .hzhb li{width: 32.87%;margin-right:.695%;margin-bottom: 10px;}
    .hzhb li:nth-child(5n){margin-right: .695%}
    .hzhb li:nth-child(3n){margin-right: 0}
}




.Newlist{padding: 1.6rem 0}
.Newlist ul{display: flex;flex-wrap: wrap;margin-bottom: .2rem}
.Newlist li{width: 30.83%;margin-right: 3.751%;border-bottom: 1px solid #e5e5e5;padding-bottom: .4rem;}
.Newlist li:nth-child(3n){margin-right: 0}

.Newlist li .pic{overflow: hidden;position: relative;height: 3.32rem;border-radius: .2rem}
.Newlist li .pic figure{position: absolute;width: 100%;height: 100%;left: 0;top: 0;transition: .3s}
.Newlist li .txt{padding-top: 0.2rem;}
.Newlist li .txt p{font-size: .2rem;margin: .14rem 0 0; line-height: .32rem;color: #333;font-family: 'Barlow-Regular';}
.Newlist li .txt .time{color: #333;}
.Newlist li .txt .time span{font-size: .36rem;font-family: 'Barlow-Medium';display: inline-block;margin-right: .1rem}

.Newlist li:hover .pic figure{transform: scale(1.05)}
.Newlist li:hover p{color:#00468c;}

@media(min-width:1025px){
    .Newlist li:not(:nth-child(-n+3)){margin-top: .6rem}
}

@media(max-width:1024px){
    .Newlist{padding: 1rem 0}
    .Newlist ul{justify-content: space-between;}
    .Newlist li{width: 48%;margin-right: 0;margin-bottom: .3rem}
    .Newlist li .pic{height: 2rem;}
}





.About{padding: 1.6rem 0;overflow: hidden}
.About .title{padding-bottom: .7rem}
.About .title span{font-size: .58rem;color: #000;position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .38rem;display: inline-block}
.About .title span::before{content: '';position: absolute;width: .4rem;height: .4rem;border-radius: 50%;background: linear-gradient(-145deg, #9ed7f5 0%, #ffffff 100%);top:-.2rem;right: -.2rem;z-index: -1 }

.About .left .tip{color: #333;font-size: .24rem;font-family: 'Barlow-Bold';line-height: 1.75}
.About .left .desc{margin-top: .4rem;padding-top: .6rem;border-top: 1px solid #e5e5e5;color: #333;font-size: .18rem;line-height: 2}

.About .right{padding-top: 1rem;position: relative}
.About .right .bigtitle{position: absolute;font-family: 'Barlow-Bold';font-size: 2.24rem;color:#000;opacity: .03;left: .6rem;top: 0;width: 200%;line-height: .6;z-index: 2}
.About .right .pic{position: relative}
.About .right .pic span{overflow: hidden;width:46.88vw;display: block;border-radius: .2rem;}
.About .right .pic figure{height: 6rem;transition: .3s}

@media(min-width:1025px){
    .About .flex{display: flex;justify-content: space-between;}
    .About .flex .left{width: 50%;padding-right: .6rem;}
    .About .flex .right{width: 50%;padding-left: .6rem;}
}

@media(max-width:1024px){
    .About{padding: 1rem 0;}
    .About .right{padding-top: .8rem;margin-top: .5rem}
    .About .right .bigtitle{font-size: 1.4rem;left: 0;}
    .About .right .pic span{width:100%;}
    .About .right .pic figure{height: 3.5rem;}
}




.History{padding: 1.6rem 0;overflow: hidden;background: url(../images/History-bg.jpg)no-repeat center;background-size: cover}
.History .title{padding-bottom: .7rem;position: relative;z-index: 3}
.History .title span{font-size: .58rem;color: #000;position: relative;font-family: 'Barlow-Bold';text-transform: uppercase;line-height: .38rem;display: inline-block}
.History .title span::before{content: '';position: absolute;width: .4rem;height: .4rem;border-radius: 50%;background: linear-gradient(-145deg, #9ed7f5 0%, #ffffff 100%);top:-.2rem;right: -.2rem;z-index: -1 }

.History .flex{display: flex;justify-content: space-between;align-items: flex-start}
.History .flex .left{width: 18%;}
.History .flex .right{width: 81.25%;flex: 0 0 auto;}


.History .left .tab{position: relative}
.History .left .slider-small{padding: .8rem 0;position: relative;}
.History .left .slider-small::before{content: '';position: absolute;left: .25rem;top: 0;width: 2px;height: 100%;background: linear-gradient(to bottom, #3a7cd1 0%, #a0d8f6 100%);opacity: .2}
.History .left .slider-small .slick-list{padding-left: .5rem}
.History .left .slider-small li {padding: .5rem 0;position: relative;}
.History .left .slider-small li aside{font-size: .24rem;font-family: 'Barlow-Medium';color: #333;position: absolute;left: 0.05rem;top: 50%;transform: translateY(-50%)}
.History .left .slider-small li aside::after{content: '';position: absolute;width: .9rem;height: 1px;background: url(../images/History-line.png)no-repeat center;left: 100%;top: 50%;transform: translateY(-50%);margin-left: 10px;opacity: 0}
.History .left .slider-small li::before{content: '';position: absolute;width: .16rem;height: .16rem;background: linear-gradient(to right, #1055a6 0%, #095fb1 100%);border-radius: 50%;left: -.32rem;top: 50%;transform: translateY(-50%);margin-top: 2px;z-index: 1;opacity: 0}
.History .left .slider-small li::after{content: '';position: absolute;width: .1045rem;height: .1045rem;background:#999;border-radius: 50%;left: -.3rem;top: 50%;transform: translateY(-50%);margin-top: 2px;z-index: 2}
.History .left .slider-small li.slick-current aside{font-size: .36rem;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);-webkit-background-clip: text;background-clip: text;color: transparent;}
.History .left .slider-small li.slick-current aside::after{opacity: 1;}
.History .left .slider-small li.slick-current::before{opacity: 1}
.History .left .slider-small li.slick-current::after{width: .075rem;height: .075rem;background:#fff;left: -.28rem;}
.History .left .btn .slick-arrow{width: .5rem;height: .5rem;border-radius: 50%;display: flex;align-items: center;justify-content: center;position: absolute;left: 0;z-index: 10;background: #fff}
.History .left .btn .slick-prev{top: 0;background: linear-gradient(to right, #3a7cd1 0%, #a0d8f6 100%);}
.History .left .btn .slick-prev::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt2.png)no-repeat center;filter: grayscale(100) brightness(100);transform: rotate(180deg)}
.History .left .btn .slick-next{bottom: 0;border: 1px solid #4f8ed8;}
.History .left .btn .slick-next::before{content: '';width: 100%;height: 100%;background: url(../images/icon-jt2.png)no-repeat center;}

.History .right{margin-top: 1.15rem;position: relative}
.History .right li{position: absolute!important;opacity: 0;left: 0!important;top: 0;!important}
.History .right li.slick-current{position: relative!important;opacity: 1}
.History .right li .item{border-bottom: 1px solid #e5e5e5;padding-bottom: .6rem;margin-bottom: .4rem}
.History .right li .item .year{font-size: .24rem;color: #333;font-family: 'Barlow-Regular';padding-bottom: .1rem}
.History .right li .item .tit{font-size: .24rem;color: #333;font-family: 'Barlow-Bold';}
.History .right li .item .img{padding-top: .36rem}
.History .right li .item .img .imgbox{position: relative;height: 2.14rem;border-radius: .2rem;overflow: hidden;float: left;width: 27.351%;margin-right: 1.75%;}
.History .right li .item .img span{position: absolute;width: 100%;height: 100%;left: 0;top: 0;}
.History .right li .item .img span img{width: 100%;height: 100%;object-fit: cover;}

@media(max-width:1024px){
    .History{padding: 1rem 0;}
    .History .title span{line-height: .48rem;}
    .History .flex .left{width: 30%;}
    .History .flex .right{width: 70%;flex: 0 0 auto}
    
    .History .left .slider-small li aside::after{display: none}
    
    .History .right li .item .img .imgbox{height: 1.2rem;width: 48%;}
}