@charset "utf-8";
.header-box{position:fixed;top:0;z-index:999;width:100%;transition: all .3s linear;}
#header{width:100%;transition:.6s}
#header>.m,.banner .m,.itxt .m,.foot .m{display:flex;height:100%;/*width:85%;*/justify-content:space-between;align-items:center;position:static}
#header .logo-box{flex-shrink:0}
#header .logo-box a{display:flex;height:100%;align-items:center;max-width:18rem}
#header .logo-box img{height:3.375rem;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s}
#header .logo-box .img01{display:none}
#header .logo-box .img02{display:block}
#header .right{display:flex;justify-content:space-between;width:65%}
#header .nav-box{flex-grow:1;width: calc(98% - 10rem);}
#header .nav-box ul{display:flex;flex-grow:1}
#header .nav-box ul li{float:left;position:relative;z-index:0;flex-grow:1;text-align:center}
#header .nav-box ul li a{display:block;font-size:0}
#header .nav-box ul li h3{font-size:1rem;font-weight: 100;color:#fff;width: 100%;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;line-height:6.75rem;overflow:hidden;text-align:center;position:relative;z-index:1;display:inline-block;}
#header .nav-box ul li h3::after{content: '';height: 11px;width: 1px;background: #fff;position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
#header .nav-box ul li:last-child h3::after{display:none}
#header .nav-box .nav2,#header .language .sub{position: absolute; pointer-events: none; background: #fff;padding: .5rem 0; border-radius: 4px;width: max-content;left: 50%;top: calc(100% - 12px);transform: translateX(-50%);z-index: 99999999;opacity: 0;transition: .3s;}
/*#header .nav-box .nav2.item5{width: 150%;}*/
#header .nav-box .nav2 a,#header .language .sub a{font-size: 14px;color: rgba(0, 0, 0, 0.65);display: block;height: 40px;line-height: 40px;padding: 0 1rem;}
#header .nav-box ul li.active h3,#header .nav-box ul li:hover h3{color:rgba(255, 255, 255, 0.65)}
#header .nav-box ul li:hover .nav2,#header .language:hover .sub{top: 100%;opacity: 1;pointer-events: auto;}
#header .nav-box .nav2 a:hover,#header .language .sub a:hover{background: rgba(0,0,0,.04);}

#header .language{display: flex;align-items: center;margin-left: 1%;position: relative;}
#header .language svg{display: block;}
#header .language .sub{width: 100px;text-align: center;}

#header .search{display: flex;align-items: center;margin-left: 2%;width: 10rem;}
#header .search form{width: 100%;position: relative;}
#header .search input{width: 100%;height: 2.1875rem;padding: 0 40px 0 15px;border-radius: 20px;border: 1px solid #fff;background: #fff;color: #939598;transition: .3s;}
#header .search button{width: 2.1875rem;height: 2.1875rem;border: none;background: url(/skin/images/search-h.png) no-repeat center / 65%; position: absolute;top: 0;right: 5px;cursor: pointer;transition: .3s;}

#header.xg{background:#5ca3ff;box-shadow:0 1px 2px rgba(0,0,0,.15)}
#header.xg .nav-box ul li h3{line-height: 4.75rem;}
#header.xg .search input{background: none;color: #fff;}
#header.xg .search button{background: url(/skin/images/search.png) no-repeat center / 65%;}

.menu{display: none;height: 5rem;position: fixed;width: 2rem;top: 0;right: 1.5rem;z-index: 1001;}
.menu .btn{position: absolute;top: 50%;left: 0;transform: translateY(-50%);display: inline-block;width: 80%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
.menu .btn::after,
.menu .btn::before{position: absolute;left: 0;display: inline-block;width: 120%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
.menu .btn::after{top: -6px;}
.menu .btn::before{top: 6px;}
.menu.on .btn{background: transparent;}
.menu.on .btn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;}
.menu.on .btn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;}

#wap-nav{z-index:1000;position:fixed;background:rgba(0,0,0,.9);width:100%;height:100vh;right:-101vw;top:0;display:none;padding:5rem 0 8rem;overflow:hidden;pointer-events:none;transition:all .5s cubic-bezier(.445,.145,.355,1);-webkit-transition:all .5s cubic-bezier(.445,.145,.355,1);-moz-transition:all .5s cubic-bezier(.445,.145,.355,1);-o-transition:all .5s cubic-bezier(.445,.145,.355,1);-ms-transition:all .5s cubic-bezier(.445,.145,.355,1);display:block;flex-direction:column;justify-content:flex-start;align-items:flex-start}
#wap-nav.active{pointer-events:auto;right:0}
#wap-nav .search{width:100%;margin: 1rem 0;}
#wap-nav .search form{width:80%;height:46px;border-radius:26px;border:1px solid rgb(191 195 200 / 63%);display:flex;align-items:center;justify-content:space-between;margin: 0 auto;}
#wap-nav .search input{width:100px;height:100%;background:0 0;border:0;flex-grow:1;color:#fff;padding-left:20px}
#wap-nav .search button{width:46px;height:100%;cursor:pointer;background:url(/skin/images/search-h.png) center no-repeat;background-size:23px!important;border:0;outline:0;color:#fff}
#wap-nav .nav-box{width: 100%;overflow: auto;}
#wap-nav .nav-box ul{display:flex;flex-grow:1;flex-direction: column;justify-content: flex-start; }
#wap-nav .nav-box ul li{width:100%;overflow:hidden;padding: 0 1.5625rem;position: relative;border-bottom:1px solid rgba(255, 255, 255, 0.1);}
#wap-nav .nav-box ul li h3{ line-height:4.5rem; height:4.5rem; color:#fff; padding:0; font-size:1.5rem; float:left;}
#wap-nav .nav-box ul li span{position:absolute;right:0; top: 0;height: 1.5rem;text-align: center;display: block;width: 4.5rem;height: 4.5rem;z-index: 9;border-left: 1px solid rgba(255, 255, 255, 0.1);}
#wap-nav .nav-box ul li span i{ font-family: 'fangsong';color: #fff;font-size: 1.5rem;font-style: normal;line-height: 4.5rem;}
#wap-nav .nav-box .nav2{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;}
#wap-nav .nav-box .nav2 a{display:block;font-size:1.3rem;color: #fff;text-align:left;line-height:35px;height: 35px;border:0;font-weight:300;}
#wap-nav .language{text-align: center;margin-top: 2rem;color: rgba(255, 255, 255, 0.7);}
#wap-nav .language a{font-size: 1.3rem;margin: 0 1rem;}
/*banner*/
.banner{position:relative;z-index:0;overflow:hidden}
.banner .swiper{height:100vh}
.banner .swiper-slide{overflow:hidden}
.banner .slide-inner{position:absolute;width:100%;height:100%;left:0;top:0;background-size:cover;background-position:center;background-repeat:no-repeat!important}
.banner .swiper-slide.swiper-slide-active .slide-inner{animation: scaleUpDown 3s linear forwards; -webkit-animation: scaleUpDown 3s linear forwards;}
@-webkit-keyframes scaleUpDown {
    from { -webkit-transform: scale(1.2); transform: scale(1.2); }
    to { -webkit-transform: scale(1); transform: scale(1); }
}
@keyframes scaleUpDown {
    from {transform: scale(1.2); transform: scale(1.2); }
    to { transform: scale(1); transform: scale(1); }
}
.banner .txt{color:#fff;height:100%;display:flex;flex-direction:column;justify-content:center}
.banner .txt h4{font-size:3.65rem;font-weight:700;line-height: 1.2;transform: translateY(90px);transition: all .3s;}
.banner .txt p{font-size:1.5rem;font-weight: 100;line-height:1.5;margin-top:1.2rem;transform: translateY(90px);transition: all .6s;}
.banner .swiper-button-prev{left:2%}
.banner .swiper-button-next{right:2%}
.banner .swiper-button-white{width:2.5rem;height:2.5rem}
.banner .swiper-button-white::after{display: none;}
.banner .swiper-button-white svg path{fill-opacity:.45;transition:all .5s}
.banner .swiper-button-white:hover svg path{fill-opacity:1}
.banner .swiper-slide.swiper-slide-active .txtanim01 {transform: translateY(0px);}
.banner .swiper-slide.swiper-slide-active .txtanim02 {transform: translateY(0px);}
.banner .swiper-pagination{bottom: 3rem;}
.banner .swiper-pagination .swiper-pagination-bullet{width: 50px;height: 2px;border-radius: 0;background: #fff;}
.banner .slide-video{width: 100%;height: 100%;object-fit: cover;}

/*inews*/
.inews{background: #eeeeef;}
.inews .con{width: 80%;margin: 0 auto;}
.inews .title{font-size: 3rem;text-align: center;padding: 2em 0;}
.inews .list{width: 100%;display: flex;flex-wrap: wrap;}
.inews .list .item{width: 32.667%;height: 40.625rem;margin-bottom: 1%;margin-right: 1%;position: relative; overflow: hidden;}
.inews .list .item:first-child{width: 66.334%;}
.inews .list .item:nth-child(2){margin-right: 0;}
.inews .list .item:last-child{margin-right: 0;}
.inews .list .item .img{height: 28.125rem;background-repeat: no-repeat;background-size: cover; background-position: right top;transition: transform .4s cubic-bezier(.4,0,.25,1) 0ms, opacity 1s cubic-bezier(.4,0,.25,1) 0ms, -webkit-transform .4s cubic-bezier(.4,0,.25,1) 0ms;}
.inews .list .item .txt{background: #fff;padding: 2.625rem;position: absolute;bottom: 0;left: 0;width: 100%;}
.inews .list .item .txt .tt{width: 100%;font-size: 1.25rem;line-height: 1.875rem;height: 3.625rem;color: #222;}
.inews .list .item .bot{margin-top: 2rem;border-top: 1px solid #000;padding-top: 2rem;display: flex;justify-content: space-between;align-items: center;}
.inews .list .item .bot span{color: #666;}
.inews .list .item .bot .dots i{display: inline-block;width: 4px;height: 4px;border: 1px solid #666;border-radius: 50%;}
.inews .list .item:hover .img{transform: scale(1.03)}
.inews .list .item:hover .txt{background: #5ca3ff;}
.inews .list .item:hover .txt .tt{color: #fff;}
.inews .list .item:hover .bot{border-color: #fff;}
.inews .list .item:hover .bot span{color: #fff;}
.inews .list .item:hover .bot i{border-color: #fff;}
.inews .more{text-align: center;font-size: 1.5em;color: #666;padding: 2em 0;margin-top: -1%;}

/*itxt*/
.itxt{background:url(/skin/images/itxt-bg.jpg) center no-repeat;position:relative;padding-bottom:40%;overflow:hidden;background-size: cover;}
.itxt .top{position:absolute;top:0;right:0;bottom:0;left:0;color: #fff;}
.itxt .top .m{ height:100%; display:flex; align-items:start;flex-direction: column;justify-content: space-between;}
.itxt .top .t1{margin-top: 4%;}
.itxt .top .t1 p{font-size: 1.125rem;line-height: 1.5;font-weight: 100;letter-spacing: 1px;}
.itxt .top .t2{margin-bottom: 2%;}
.itxt .top .t2 p{font-size: 5rem;line-height: 1.2;}

/*foot*/
.foot{padding: 5rem  0 2rem;}
.foot .top .logo{height: 40px;}
.foot .top .follow{width: 25rem;display: flex;align-items: center;justify-content: space-between;}
.foot .top .follow .title{font-size: 1.265rem; color: #333;}
.foot .top .follow .list{display: flex;align-items: center;justify-content: space-between;width: 70%;}
.foot .top .follow .list a{width: 2.5rem;height: 2.5rem;border: 1px solid #a8a9ad;border-radius: 10px;display: flex;align-items: center;justify-content: center;}
.foot .top .follow .list a img{width: 60%;}
.foot .middle{padding: 2em 0;margin: 2em 0;border-top: 1px solid #a8a9ad;border-bottom: 1px solid #a8a9ad;}
.foot .middle .m{align-items: start;}
.foot .middle .left{display: flex;align-items: start;justify-content: space-between;width: 80%;}
.foot .middle .left .item>a{font-size: 1.125rem;color: #333;margin-bottom: 1rem;display: block;}
.foot .middle .left .item .sub>a,.foot .middle .left .item .sub>p{display: block;color: #666;line-height: 2;font-size: 0.875rem;}
.foot .middle .left .item .sub2>a{display: block;color: #666;line-height: 2;padding-left: 10px;position: relative;list-style: disc;}
.foot .middle .left .item .sub2>a::after{content: '';width: 3px;height: 3px;border: 1px solid #666;border-radius: 50%;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}
.foot .middle .left .item a:hover{color: #5ca3ff;}
.foot .middle .right{width: 10%;}
.foot .middle .right img{margin-bottom: 1rem;}
.foot .middle .right p{text-align: justify;color: #666;line-height: 2;height: 25px;}
.foot .middle .right span{display: inline-block;width: 100%;}
.foot .bottom{color: #666;font-size: .875rem;}

/*nbann*/
.nbann{height: 38.1875rem;background-position: 50% center;background-repeat: no-repeat;background-size: cover;position: relative;}
.nbann::after{content: '';height: 100%;width: 100%;background: rgba(0,0,0,.2);position: absolute;top: 0;left: 0;z-index: 9;}
.nbann .slogan{bottom: 10%;color: #fff;font-size: 2.5rem;left: 0;position: absolute;z-index: 10;}

/*subnav*/
.sub-nav .m {display: flex;}
.sub-nav .item{color:#222;font-size: 1.25rem;cursor: pointer;display:block;font-weight:400;height:5rem;line-height:5rem;padding:0 1.25rem;white-space: nowrap;}
.sub-nav .item:first-child {padding-left: 0;}
.sub-nav .item.active {font-weight: 600;}
.sub-nav .item.active:after{background-color:#5ca3ff;content:"";display:block;height:.25rem;margin-top:-.25rem}
.sub-nav-fixed{background-color:#fff;border-bottom:1px solid #eee;left:0;position:fixed;transition:.6s;width:100%;z-index:1100;top: -110px;}

.stitle{color:#222;font-size:2.25rem;border-bottom:1px solid #a5a5a6;padding-bottom:1em;margin-bottom:1em}
/*about*/
.about .a1{background:#edeeee}
.about .a1 .content{font-size:1.25rem;color:#666;line-height:2;letter-spacing:2px}
.about .a1 .num{display:flex;align-items:center;justify-content:space-between;margin-top:2rem}
.about .a1 .num .item{display:flex;justify-content:center;width:25%}
.about .a1 .num .item:nth-child(3){width:20%}
.about .a1 .num .item .tt{font-size:1.5rem;margin-right:10%;padding-right:10%;line-height:1.2;color:#333;border-right:1px dashed #a4a4a5;font-weight: bold;}
.about .a1 .num .item .nums{font-size:3rem;font-family: alibaba-bold, fantasy;}
.about .a1 .num .item .nums sub{vertical-align:baseline}
.about .about-1{height: 27.3125rem;background: url(../images/about-1.jpg) center / cover no-repeat;}
.about .a2 .content{display: flex;justify-content: space-between;}
.about .a2 .content .left{width: 60%;display: flex;justify-content: space-between;}
.about .a2 .content .left>div:first-child{width: 35%;}
.about .a2 .content .left>div:last-child{width: 55%;}
.about .a2 .content .left>div{display: flex;flex-direction: column;justify-content: space-between;}
.about .a2 .content .item{width: 100%;margin-top: 20%;}
.about .a2 .content .item:first-child{margin-top: 0;}
.about .a2 .content .item h3{width: 100%;display: block;;font-size: 1.5rem;padding-bottom: 1rem;margin-bottom: 1rem;border-bottom: 1px dashed #a4a4a5;}
.about .a2 .content .item p{color: #666;font-size: 1.1rem;line-height: 2;}
.about .a2 .content .right{width: 30%;}
.about .a3{background:#edeeee}
.about .a3 .title{border: 0;}
.about .a3 .content{width: 100%;height: 35rem;display: flex;justify-content: space-between;}
.about .a3 .content .left{width: calc(100% - 23.4375rem);height: 100%;overflow-y: auto;}
.about .a3 .content .left .content-item{display: none;}
.about .a3 .content .left .content-item.active{display: block;}
.about .a3 .content .left .content-item .item{color:#222;display:flex;font-size:1.125rem;line-height:1.875rem;margin-bottom:1.25rem;padding-right:4.75rem}
.about .a3 .content .left .content-item .item .month{font-weight:600;width:7.5rem}
.about .a3 .content .left .content-item .item .txt{font-weight:400;white-space:pre-wrap;width:51.25rem}
.about .a3 .content .right{width: 23.4375rem;position: relative;}
.about .a3 .content .right .right-wrap{height: calc(100% - 5rem);margin: 2.5rem 0;overflow: hidden;}
.about .a3 .content .right .content-nav{height: 100%;display: flex;flex-direction: column;}
.about .a3 .content .right .item{width: 100%;height: 10rem;cursor: pointer;flex: 0 0 auto;font-size: 9.375rem;line-height: 9.375rem;font-weight: 600;text-align: center;color: #f9f9f9;font-family: alibaba-regular,fantasy}
.about .a3 .content .right .item.active{font-size: 10rem; line-height: 10rem;color: #5ca3ff;font-family: alibaba-bold,fantasy}
.about .a3 .content .right .btn{position: absolute;left: 50%;cursor: pointer;transform: translateX(-50%) rotate(-90deg);;transition: .3s;width: 2.25rem;height: 2.25rem;border: 2px solid #bcbcbc;color: #bcbcbc;font-size: 1rem;font-family: fangsong;font-weight: bold;border-radius: 50%;display: flex;justify-content: center;align-items: center;line-height: 1;}
.about .a3 .content .right .btn.btn-prev{top: 0;}
.about .a3 .content .right .btn.btn-next{transform: translateX(-50%) rotate(90deg);}
.about .a3 .content .right .btn:hover{border-color: #5ca3ff;color: #fff;background: #5ca3ff;}
.about .a4 .content{display: flex;justify-content: space-between;}
.about .a4 .content .left{width: 40%;display: flex;}
.about .a4 .content .right{width: 58%;display: flex}
.about .a4 .content .img{width: 11.25rem;background-position: left bottom; background-size: cover;background-repeat: no-repeat;}
.about .a4 .content .left .img{background-image: url(../images/about-3.jpg);}
.about .a4 .content .right .img{background-image: url(../images/about-4.jpg);}
.about .a4 .content .text{background: #f9f9f9;padding: 2rem;width: calc(100% - 11.25rem);}
.about .a4 .content .text h3{font-size: 1.5rem;margin-bottom: 1rem;padding-bottom: 1rem;border-bottom: 1px dashed #a4a4a5;}
.about .a4 .content .text p{font-size: 1.15rem;line-height: 2;}
.about .a5{background:#edeeee}
.about .a5 .group{background: #5ca3ff;margin: 2rem 0;display: flex;justify-content: space-between;align-items: center;}
.about .a5 .group .img {width: 45%;padding-left: 2rem;}
.about .a5 .group svg{width: 92px;height: 37.5rem;}
.about .a5 .group .desc{font-size: 1.15rem;color: #fff;width: 45%;line-height: 1.5;}
.about .a5 .group .desc .txt{width: 80%;margin: 0 auto;}
.about .a5 .content{padding-left: 5rem;position: relative;}
.about .a5 .content .item{background: #fff;margin-bottom: 2rem;position: relative;}
.about .a5 .content .item:last-child::before{content: '';position: absolute;left: -5rem;bottom: -3.25rem;width: 1.25rem;height: 1.25rem;border: 1px solid #5ca3ff;border-radius: 50%;}
.about .a5 .content .item::after{content: '';width: 1px;height: 100%;background: #5ca3ff;position: absolute;left: -4.375rem;top: 2rem;z-index: 0;}
.about .a5 .content .item .top{color: #333;background: #ffff;padding: .8rem 1.5rem;position: relative;transition: .3s;cursor: pointer;}
.about .a5 .content .item .top::before{content: '';width: 1.25rem;height: 1.25rem;background: #0061ab;position: absolute;left: -5rem;top: 50%;transform: translateY(-50%);border-radius: 50%;z-index: 1;}
.about .a5 .content .item .top::after{content: '';position: absolute;top: calc( 50% - 2px );right: 1.5rem;transform: translateY(calc( -50% - 2px )) rotate(45deg);width: 0.625rem;height: 0.625rem;border-right: 1px solid #333; border-bottom: 1px solid #333;transition: .3s;}
.about .a5 .content .item.sp .top::before{background: #5ca3ff;}
.about .a5 .content .item .top .tt{display: inline-block;font-size: 1.325rem;line-height: 1.2;margin-right: 1rem;}
.about .a5 .content .item .top .en{display: inline-block;font-weight: 100;}
.about .a5 .content .item .top.active{background: #5ca3ff;color: #fff;}
.about .a5 .content .item .top.active::after{border-right: 1px solid #fff;border-bottom: 1px solid #fff;}
.about .a5 .content .item .info{padding: 1.5rem;display: none;}
.about .a5 .content .item .info .left{width: 30%;float: left;height: 18.625rem;}
.about .a5 .content .item .info .left img{width: 100%;object-fit: cover;height: 100%;}
.about .a5 .content .item .info .right{width: calc(70% - 1.5rem);float: right;}
.about .a5 .content .item .info .right .tt{font-size: 1.325rem;border-bottom: 1px dashed #a4a4a5; padding-bottom: 1rem; margin-bottom: 1rem;}
.about .a5 .content .item .info .right .txt{font-size: 1.15rem;line-height: 2;color: #666;}

/*newslist*/
.newslist{padding: 5rem 0; background: #eeeeef;}
.newslist .list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.newslist .list .item{width: calc(50% - 10px);margin-bottom: 20px;}
.newslist .list .item a{background: #fff;display: flex;justify-content: space-between;padding: 1.25rem;transition: .3s;}
.newslist .list .item .img{width: 40%;height: 12rem;background-position: center;background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.newslist .list .item .img img{object-fit: cover;width: 100%;height: 100%;}
.newslist .list .item .txt{width: calc(60% - 2.65rem);display: flex;flex-direction: column;}
.newslist .list .item .txt .tt{color: #222;font-size: 1.3rem;flex: 1;line-height: 1.5;transition: .3s;}
.newslist .list .item .txt .bot{margin-top: 1rem;border-top: 1px solid #000;transition: .3s;padding-top: 1rem;display: flex;justify-content: space-between;align-items: center;color: #666;}
.newslist .list .item .txt .bot .arrow{font-family: fangsong;}
.newslist .list .item:hover a{background: #5ca3ff;}
.newslist .list .item:hover .txt .tt{color: #fff;}
.newslist .list .item:hover .txt .bot{border-color: #fff;color: #fff;}
.disclaimer{font-size: .875rem;color: #666;line-height: 1.5;}
.disclaimer .tt{margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #a4a4a5;}


/*page*/
.pages{text-align: center;color: #666;}
.pages a{display: inline-block;padding: 0 10px;}
.pages a.page-num-current{color: #5ca3ff;}
.pages a i{font-family: 'fangsong';font-style: normal;margin: 0 8px;}
.pages em{font-style: normal;color: #5ca3ff;}

/*details*/
.details{margin: 0 auto;}
.details .title{font-size: 1.5rem;color: #333;line-height: 1.5;margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px solid #d3d3d3;}
.details .date{font-size: 0.875rem;color: #666;}
.details .content{font-size: 1.25rem;color: #666;line-height: 2;letter-spacing: 2px;margin-bottom: 2rem;margin-top: 3.75rem;}

/*research*/
.research{background: #edeeee;}
.research .a1 .content{display: flex;justify-content: space-between;height: 34rem;color: #333;}
.research .a1 .content .item{background: linear-gradient(#c5dff5 10%, #ffff 70%);height: 100%;display: flex;flex-direction: column;justify-content: space-between;width: 17%;text-align: center;padding: 0 1rem;}
.research .a1 .content .item>div{display: flex;align-items: center;justify-content: center;}
.research .a1 .content .item .top{font-size:1.25rem;font-weight: bold;line-height: 1.2;height: 18.7058%;}
.research .a1 .content .item .mid{border-top: 1px dashed #a4a4a5;border-bottom: 1px dashed #a4a4a5;height: 54.7648%;display: block;padding: 1.9375rem 0;}
.research .a1 .content .item .mid p{font-size: 1rem;line-height: 1.5;color: #666;margin-bottom: 1.5rem;}
.research .a1 .content .item .fot{height: 26.5294%;}
.research .a1 .content .item .fot img{max-width: 70%;}
.research .a1 .content .item:first-child{width: 10%;}
.research .a1 .content .item.item0{display: none;}
.research .a1 .content .item:first-child>div{font-size:1.125rem;font-weight: bold;line-height: 1.2;}
.research .a1 .content .item:hover{background: linear-gradient(rgba(92, 163, 255, 0.5) 10%, #ffff 70%);}
.research .photos .stitle{border: 0;}
.research .photos .swiper{height: 30rem;padding-bottom: 5rem;width: 100%;}
.research .photos .swiper .swiper-wrapper{align-items: center;}
.research .photos .swiper-slide{height: 20rem;transition: .3s;width: 25%;}
.research .photos .swiper-slide::after{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);content: '';z-index: 0;}
.research .photos .swiper-slide img{height: 100%;width: 100%;object-fit: cover;}
.research .photos .swiper-slide .text{position: absolute;left: 0;bottom: 0;z-index: 1;background: rgba(0,0,0,.5);width: 100%;color: #fff;font-size: 1.125rem;padding:10px 15px;line-height: 1.5;text-align: center;}
.research .photos .swiper-slide-active{transform: scale(1.28);z-index: 9;border-bottom: 5px solid #5ca3ff;}
.research .photos .swiper-slide-active::after{display: none;}
.research .photos .swiper-button-prev,.research .photos .swiper-button-next{top: 12.5rem;color: #fff;width: 2.5rem;height: 2.5rem;transition: .3s;border: 2px solid #fff;border-radius: 50%;}
.research .photos .swiper-button-next:after, .research .photos .swiper-button-prev:after{font-size: 1.125rem;}
.research .photos .swiper-button-prev:hover,.research .photos .swiper-button-next:hover{border-color: #5ca3ff;background: #5ca3ff;}
.research .photos .swiper-pagination .swiper-pagination-bullet-active{background: #5ca3ff;}

.tabs{background: #fff;display: flex;}
.tabs .tab{width: 18.75rem;min-height: 35rem;display: flex;flex-direction: column;}
.tabs .tab .item{display: flex;cursor: pointer;align-items: center;justify-content: center;flex-direction: column;width: 100%;flex: 1;text-align: center;border-bottom: 4px solid #fff;background: #f8f8f8;color: #333;}
.tabs .tab .item:last-child{border-bottom: 0;}
.tabs .tab .item.active{background: #5ca3ff;color:#fff}
.tabs .tab .item h3{font-size: 1.5rem;font-weight: bold;margin-bottom: .625rem;}
.tabs .tab .item p{font-size: .875rem;line-height: 1.3;}
.tabs .tab-content{width: calc(100% - 18.75rem);}
.tabs .tab-content .item{padding: 3%;display: none;width: 100%;height: 100%;}
.tabs .tab-content .item.active{display: block;}
.tabs .tab-content .item .left{width: 50%; height: 100%;float: left;display: flex;flex-direction: column;justify-content: space-between;}
.tabs .tab-content .item .left .list{margin-bottom: 2rem;width: 60%;}
.tabs .tab-content .item .left .list p{display: block;border: 1px solid #a8a9ad;text-align: center;padding: 1rem;font-size: 1.25rem;color: #666;margin-bottom: 2rem;}
.tabs .tab-content .item .left .list p:last-child{margin-bottom: 0;}
.tabs .tab-content .item .left .text{color: #666;font-size: 1.25rem;line-height: 2;}
.tabs .tab-content .item .right{width: 50%;float: right;}

.research .a3 .content{display: flex;justify-content: space-between;}
.research .a3 .content .item{background: #fff;margin-bottom: 1rem;width: calc((100% - 4rem) / 3);}
.research .a3 .content .item .img{height: 20.143rem;width: 100%;text-align: center;}
.research .a3 .content .item .img img{height: 100%;}
.research .a3 .content .item .text{padding: 1.5rem;}
.research .a3 .content .item .text .tt{margin-bottom: 1.5rem;padding-bottom: 1.5rem;border-bottom: 1px dashed #a4a4a5;font-size: 1.25rem;color: #333;}
.research .a3 .content .item .text .desc{color: #666;line-height: 2;font-size: 14px;}
.research .a4 .items{margin-bottom: 2.25rem;display: flex;align-items: center;justify-content: space-between;}
.research .a4 .items .item{width: 23%;border: 1px solid #a8a9ad;text-align: center;padding: 1rem;font-size: 1.25rem;color: #666;}
.research .a5  .tabs .tab-content .item .left .text{width: 80%;margin:  0 auto;}
.research .a5  .tabs .tab-content .item .left .text p{margin-bottom: 1.5rem;}
.research .a5  .tabs .tab-content .item .right .text{text-align: right;color: #999;font-size: .875rem;line-height: 1.5;margin-top: 1.25rem;}

/*join us*/
.talent .content .item{height:100vh;background-repeat: no-repeat;background-size: cover;background-position: center;}
.talent .content .item.item1{background-image: url(../images/join-a1-1.jpg);}
.talent .content .item.item2{background-image: url(../images/join-a1-2.jpg);}
.talent .content .item.item3{background-image: url(../images/join-a1-3.jpg);}
.talent .content .item.item4{background-image: url(../images/join-a1-4.jpg);}
.talent .content .item.item5{background-image: url(../images/join-a1-5.jpg);}
.talent .content .item .txt{display: flex;flex-direction: column;height: 100%;color:#fff;padding: 3% 5%;}
.talent .content .item.item1 .txt{justify-content: flex-end;}
.talent .content .item.item2 .txt{align-items: flex-end;color: #653232;}
.talent .content .item.item4 .txt{justify-content: flex-end;align-items: flex-end;}
.talent .content .item .txt .tt{font-size:3.1625rem;margin-bottom:1rem;line-height: 1.2;}
.talent .content .item .txt .info{font-size:1.325rem;line-height:1.5;font-weight: 100;opacity: .9;transition: .3s;}
.talent .content .item:nth-child(2n) .txt .info{text-align: right;}

.recruit .content{color: #fff;height:100vh;text-align: center;padding: 5%;background: url(../images/join-a2-1.jpg)  center / cover no-repeat;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.recruit .content .tt{font-size:3.5625rem;margin-bottom:2rem;font-weight: bold;}
.recruit .content .info,.recruit .content a{font-size:1.125rem;line-height:2;font-weight: 100;opacity: .9;}
.recruit .content a i{font-family: fangsong;margin-left: 10px;font-style: normal;}
.recruit .content img{max-width: 9rem;margin-top: 3rem;}

.learn{background: #edeeee;}
.learn .content{background: url(../images/join-a3-1.jpg)  center / cover no-repeat;}

/*pro-cate*/
.pro-cate{background:#edeeee}
.pro-cate .list{display:flex;flex-wrap:wrap;justify-content:space-between}
.pro-cate .list a{background-color:#fff;display:block;height:38.625rem;overflow:hidden;position:relative;width:calc(50% - 10px);margin-bottom:20px}
.pro-cate .list a:nth-child(2n){margin-right:0}
.pro-cate .list .img{height:68%;overflow:hidden}
.pro-cate .list .img img{width:100%;height:100%;object-fit:cover}
.pro-cate .list .txt{background-color:#fff;bottom:0;height:12.375rem;left:0;padding:2.325rem;position:absolute;width:100%;color:#333;transition:.3s}
.pro-cate .list .txt .tt{font-size:1.25rem;height:5.625rem}
.pro-cate .list .txt .more{border-top:1px solid #000;font-size:1rem;margin:0 auto;padding-top:1.125rem;transition:border .3s;display:flex;justify-content:space-between}
.pro-cate .list .txt .more i{font-family:fangsong;font-style:normal}
.pro-cate .list a:hover .txt{background:#5ca3ff;color:#fff}
.pro-cate .list a:hover .txt .more{border-color:#fff}

/*pro-list*/
.pro-list{background:#edeeee}
.pro-list .tabs .tab{height: unset;}
.pro-list .tabs .tab .item{text-align: left;align-items: start;padding: 0 2rem;}
.pro-list .tabs .tab-content .item{padding: 0 2%;height: unset;}
.pro-list .tabs .tab-content .item .top{height: 36.875rem;position: relative;}
.pro-list .tabs .tab-content .item .top .swiper{height: 100%;}
.pro-list .tabs .tab-content .item .img{height: 100%;width: 100%;position: relative;}
.pro-list .tabs .tab-content .item .img img{width: 100%;height: 100%;object-fit: cover;}
.pro-list .tabs .tab-content .item .top .img::after{content:'';position: absolute;width: 100%;height: 100%;top: 0;left: 0;background: linear-gradient(to top,rgba(0, 0, 0, 0.8), transparent);}
.pro-list .tabs .tab-content .item .top .txt{position: absolute;left: 0;bottom: 0;width: 100%;padding: 2rem;color: rgba(255, 255, 255, 0.8);font-size: 1.25rem;line-height: 2;background: linear-gradient(to top,rgba(0, 0, 0, 0.8), transparent);z-index: 1;}
.pro-list .tabs .tab-content .item .top .btn{position: absolute;top: 50%;z-index: 1;line-height: 1;cursor: pointer;transform: translateY(-50%);width: 2.25rem;height: 2.25rem;border: 2px solid #fff;color: #fff;font-size: 1rem;font-family: fangsong;font-weight: bold;border-radius: 50%;display: flex;justify-content: center;align-items: center;opacity: .8;transition: .3s;}
.pro-list .tabs .tab-content .item .top .btn.btn-prev{left: 2rem;}
.pro-list .tabs .tab-content .item .top .btn.btn-next{right: 2rem;}
.pro-list .tabs .tab-content .item .top .btn:hover{border-color: #5ca3ff;color: #fff;background: #5ca3ff;opacity: 1;}
.pro-list .tabs .tab-content .item .bottom{display: flex;flex-wrap: wrap;margin-top: 10px;}
.pro-list .tabs .tab-content .item .bottom .swiper-slide{width: calc((100% - 20px) / 3);}
.pro-list .tabs .tab-content .item .bottom .img{width: calc((100% - 20px) / 3);margin-right: 10px;}
.pro-list .tabs .tab-content .item .bottom .img:nth-child(3n){margin-right: 0;}

/*scale*/
.scale{background:#edeeee}
.scale .details{font-size: 1.25rem;color: #333;line-height: 2;}
.scale .details .swiper{margin-top: 2rem;}
.scale .details .btn{position: absolute;top: 50%;z-index: 1;;cursor: pointer;transform: translateY(-50%);width: 2.25rem;height: 2.25rem;border: 2px solid #fff;color: #fff;font-size: 1rem;font-family: fangsong;font-weight: bold;border-radius: 50%;display: flex;justify-content: center;align-items: center;opacity: .8;transition: .3s;}
.scale .details .btn.btn-prev{left: 2rem;}
.scale .details .btn.btn-next{right: 2rem;}
.scale .details .btn:hover{border-color: #5ca3ff;color: #fff;background: #5ca3ff;opacity: 1;}
.scale .details .swiper-pagination{bottom: 3rem;}
.scale .details .swiper-pagination .swiper-pagination-bullet{width: 30px;height: 2px;border-radius: 0;background: #fff;}