.banner{height:7.875rem;background-color:#004dc9;position:relative;overflow:hidden}
.banner .img1{width:100%;height:100%;overflow:hidden;position:absolute;z-index:1;background:url(banner.png) no-repeat center center/cover}
.banner .bg-bubbles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:2}
.banner .bg-bubbles li{position:absolute;list-style:none;display:block;width:40px;height:40px;background-color:rgba(255,255,255,.15);bottom:-160px;-webkit-animation:square 35s infinite;animation:square 35s infinite;-webkit-transition-timing-function:linear;transition-timing-function:linear}
.banner .bg-bubbles li:nth-child(1){left:10%}
.banner .bg-bubbles li:nth-child(2){left:20%;width:80px;height:80px;-webkit-animation-delay:.2s;animation-delay:.2s;-webkit-animation-duration:20s;animation-duration:20s}
.banner .bg-bubbles li:nth-child(3){left:25%;-webkit-animation-delay:.4s;animation-delay:.4s}
.banner .bg-bubbles li:nth-child(4){left:40%;width:60px;height:60px;-webkit-animation-duration:15s;animation-duration:15s;background-color:rgba(255,255,255,.25)}
.banner .bg-bubbles li:nth-child(5){left:70%}
.banner .bg-bubbles li:nth-child(6){left:80%;width:120px;height:120px;-webkit-animation-delay:5s;animation-delay:5s;background-color:rgba(255,255,255,.2)}
.banner .bg-bubbles li:nth-child(7){left:32%;width:100px;height:100px;-webkit-animation-delay:13s;animation-delay:13s}
.banner .bg-bubbles li:nth-child(8){left:55%;width:20px;height:20px;-webkit-animation-delay:20s;animation-delay:20s;-webkit-animation-duration:48s;animation-duration:48s}
.banner .bg-bubbles li:nth-child(9){left:25%;width:10px;height:10px;-webkit-animation-delay:5s;animation-delay:5s;-webkit-animation-duration:48s;animation-duration:48s;background-color:rgba(255,255,255,.3)}
.banner .bg-bubbles li:nth-child(10){left:90%;width:120px;height:120px;-webkit-animation-delay:19s;animation-delay:19s}
.banner .layout{position:relative;height:100%;z-index:2}
.banner .layout .banner-container{width:5.925rem;position:absolute;top:50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);left:0;z-index:10;overflow:hidden}
.banner .layout .banner-container .title-box{padding:.3625rem .425rem .3625rem;color:#fff;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition:-webkit-transform .5s ease;transition:-webkit-transform .5s ease;transition:transform .5s ease;transition:transform .5s ease,-webkit-transform .5s ease}
.banner .layout .banner-container .title-box .title-mask{overflow:hidden}
.banner .layout .banner-container .title-box .title{display:block;font-weight:900;font-size:.375rem;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-animation:anIn .6s cubic-bezier(.86,0,.07,1);animation:anIn .6s cubic-bezier(.86,0,.07,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.6s;animation-delay:.6s;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.banner .layout .banner-container .title-box .titleEn{font-size:16px;padding-top:.1875rem;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-animation:anIn .6s cubic-bezier(.86,0,.07,1);animation:anIn .6s cubic-bezier(.86,0,.07,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.6s;animation-delay:.6s}
.banner .layout .banner-container .title-box .subtitle{margin-top:.5rem;height:49px;overflow:hidden}
.banner .layout .banner-container .title-box .subtitle a{display:inline-block;border:1px solid #fff;padding:.15rem .675rem .1375rem .2625rem;font-size:18px;color:#fff;background:url(subtitle-button.png) no-repeat right .275rem center;background-size:.2625rem .2rem;-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0);-webkit-animation:anIn .7s cubic-bezier(.86,0,.07,1);animation:anIn .7s cubic-bezier(.86,0,.07,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.7s;animation-delay:.7s}
.banner .layout .banner-container .text-animation-active{width:100%;-webkit-transform:translateX(-100%);transform:translateX(-100%)}
.banner .layout .banner-container .text-animation-active .title1{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:anEn .6s cubic-bezier(.86,0,.07,1);animation:anEn .6s cubic-bezier(.86,0,.07,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.6s;animation-delay:.6s}
.banner .layout .banner-container .text-animation-active .subtitle1 a{-webkit-transform:translateZ(0);transform:translateZ(0);-webkit-animation:anEn .7s cubic-bezier(.86,0,.07,1);animation:anEn .7s cubic-bezier(.86,0,.07,1);-webkit-animation-fill-mode:forwards;animation-fill-mode:forwards;-webkit-animation-delay:.7s;animation-delay:.7s}
.section1{background-color:#cfd0de}
.section1 .section-title{padding:.6rem 0 .6rem;background-color:#fff}
.section1 .section-title .title_top{width:100%;text-align:center}
.section1 .section-title .title_top h3{color:#333;font-weight:700;padding-top:.225rem;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;font-size:.375rem;display:inline-block;position:relative;letter-spacing:1px;margin-bottom:.5rem}
.section1 .section-title .title_top h3::before{position:absolute;display:block;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.075rem;height:.075rem;background:var(--background);content:""}
.section1 .section-title .title_top .subtitle{font-size:18px;color:#999;line-height:1.5}
.section1 .section1-bottom .item{margin-bottom:.7625rem;display:none;-webkit-animation:all ease .5s;animation:all ease .5s}
.section1 .section1-bottom .item p{font-size:.25rem;color:#666;line-height:2}
.section1 .section1-bottom .item.active{display:block;-webkit-transition:all ease .5s;transition:all ease .5s}
.section1 .section1-bottom .lis{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.section1 .section1-bottom .lis .items{width:30.52%;background:#f6f6f6;position:relative;padding:.5375rem .475rem;-webkit-transition:backgroundSize ease .5s;transition:backgroundSize ease .5s}
.section1 .section1-bottom .lis .items::after{content:"";width:0;height:0;border-left:.2625rem solid transparent;border-right:.2625rem solid transparent;border-bottom:.1875rem solid #f6f6f6;position:absolute;left:.5375rem;top:-.175rem}
.section1 .section1-bottom .lis .items h5{margin-bottom:.3375rem;font-size:.375rem;color:#2a51cc;-webkit-transition:color ease .5s;transition:color ease .5s}
.section1 .section1-bottom .lis .items .des{font-size:.225rem;color:#666;-webkit-transition:color ease .5s;transition:color ease .5s;line-height:1.5}
.section1 .section1-bottom .lis .items.active{background-color:#2a51cc;-webkit-animation:backgroundSize ease .5s;animation:backgroundSize ease .5s}
.section1 .section1-bottom .lis .items.active::after{border-bottom:.1875rem solid #2a51cc;-webkit-animation:borderBottom ease .5s;animation:borderBottom ease .5s}
.section1 .section1-bottom .lis .items.active h5{color:#fff;-webkit-transition:color ease .5s;transition:color ease .5s}
.section1 .section1-bottom .lis .items.active .des{color:#fff;-webkit-transition:color ease .5s;transition:color ease .5s}
@-webkit-keyframes backgroundSize{
0%{background-color:#f6f6f6}
100%{background-color:#2a51cc}



}
@keyframes backgroundSize{
0%{background-color:#f6f6f6}
100%{background-color:#2a51cc}
}
@-webkit-keyframes Opacity{
0%{display:none;opacity:0}
100%{display:block;opacity:1}
}
@keyframes Opacity{
0%{display:none;opacity:0}
100%{display:block;opacity:1}
}
@-webkit-keyframes borderBottom{
0%{border-bottom-color:#f6f6f6}
100%{border-bottom-color:#2a51cc}
}
@keyframes borderBottom{
0%{border-bottom-color:#f6f6f6}
100%{border-bottom-color:#2a51cc}
}
.section2{width:100%;height:100%;padding:1rem 0 1.1625rem}
.section2 .rows{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:end;-ms-flex-align:end;align-items:end;-ms-flex-wrap:wrap;flex-wrap:wrap}
.section2 .rows .left{width:50%;height:5.15rem;background:url(about_sec2l.png) no-repeat;background-size:100% 100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-size:.3rem;color:#fff}
.section2 .rows .right{width:50%;height:5.45rem;background:url(about_sec2r.png) no-repeat;background-size:100% 100%}
.section3 .section-title{padding:.6rem 0 .6rem;background-color:#fff}
.section3 .section-title .title_top{width:100%;text-align:center}
.section3 .section-title .title_top h3{color:#333;font-weight:700;padding-top:.225rem;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;font-size:.375rem;display:inline-block;position:relative;letter-spacing:1px;margin-bottom:.5rem}
.section3 .section-title .title_top h3::before{position:absolute;display:block;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.075rem;height:.075rem;background:var(--background);content:""}
.section3 .section-title .title_top .subtitle{font-size:18px;color:#999;line-height:1.5}
.section3 .section3-bottom{width:100%;height:100%;padding:1.0375rem 0 .85rem;background:url(about_section3bg.png) no-repeat center center/cover}
.section3 .section3-bottom .swiper{width:100%;height:100%}
.section3 .section3-bottom .swiper .swiper-slide .img1{background-color:#fff;width:100%;height:3.6125rem;overflow:hidden}
.section3 .section3-bottom .swiper .swiper-slide .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.section3 .section3-bottom .swiper .button{margin-top:.6625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.525rem}
.section3 .section3-bottom .swiper .swiper-button-prev{position:static;margin-top:0;width:.525rem;height:.525rem;margin-right:.575rem;background-image:url(about_button-prev.png);background-size:100% 100%}
.section3 .section3-bottom .swiper .swiper-button-prev:hover{background-image:url(about_button-prevh.png)}
.section3 .section3-bottom .swiper .swiper-button-next{position:static;margin-top:0;width:.525rem;height:.525rem;background-image:url(about_button-next.png);background-size:100% 100%}
.section3 .section3-bottom .swiper .swiper-button-next:hover{background-image:url(about_button-nexth.png)}
.section4{padding:.8rem 0 .825rem}
.section4 .section-title{background-color:#fff}
.section4 .section-title .title_top{width:100%;text-align:center}
.section4 .section-title .title_top h3{color:#333;font-weight:700;padding-top:.225rem;text-align:justify;-moz-text-align-last:justify;text-align-last:justify;font-size:.375rem;display:inline-block;position:relative;letter-spacing:1px;margin-bottom:.5rem}
.section4 .section-title .title_top h3::before{position:absolute;display:block;top:0;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:1.075rem;height:.075rem;background:var(--background);content:""}
.section4 .section4-bottom{width:100%;height:100%}
.section4 .section4-bottom .rows{width:100%;height:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-ms-flex-wrap:wrap;flex-wrap:wrap}
.section4 .section4-bottom .rows .left{width:61.45%;height:100%}
.section4 .section4-bottom .rows .left h4{font-size:24px;color:#333;padding-bottom:.3375rem;border-bottom:1px solid #ddd;margin-bottom:.25rem}
.section4 .section4-bottom .rows .left .img1{width:100%;height:5.4125rem;overflow:hidden}
.section4 .section4-bottom .rows .left .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.section4 .section4-bottom .rows .right{width:33.42%;position:relative}
.section4 .section4-bottom .rows .right h4{background-color:#003f88;width:100%;padding:.2875rem 0;font-size:24px;color:#fff;text-align:center;position:absolute;left:0;top:0}
.section4 .section4-bottom .rows .right .img1{height:6.3rem;width:100%;overflow:hidden}
.section4 .section4-bottom .rows .right .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.section5{width:100%;height:100%;padding:.825rem 0 .8625rem;background:url(about_sec5.png) no-repeat center center/cover}
.section5 .section-title{text-align:center;font-size:.3rem;color:#333;font-weight:700}
.section5 .swiper{width:100%;height:100%}
.section5 .swiper .swiper-slide{height:100%;margin-top:81px}
.section5 .swiper .swiper-slide .img1{width:100%;height:3.1625rem;overflow:hidden;margin-bottom:.525rem}
.section5 .swiper .swiper-slide .img1 img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}
.section5 .swiper .swiper-slide .title{font-size:.225rem;color:#333;font-weight:700;overflow:hidden;-webkit-line-clamp:2;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical}
.section5 .swiper .button{margin-top:.6625rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;width:100%;height:.525rem}
.section5 .swiper .swiper-button-prev{position:static;margin-top:0;width:.525rem;height:.525rem;margin-right:.575rem;background-image:url(about_button-prev.png);background-size:100% 100%}
.section5 .swiper .swiper-button-next{position:static;margin-top:0;width:.525rem;height:.525rem;background-image:url(about_button-next.png);background-size:100% 100%}
@media screen and (max-width:1463px){
.banner .layout .banner-container{left:10px;width:100%;max-width:5.925rem}
}
@media screen and (max-width:1190px){
.section3 .section3-bottom .swiper .swiper-slide .img1{height:auto}
.section4 .section4-bottom .rows .left .img1,.section5 .swiper .swiper-slide .img1{height:auto}
.section3 .section3-bottom .swiper .swiper-slide .img1 img{height:auto}
.section4{padding-bottom:0}
}
@media screen and (max-width:800px){
.section4 .section4-bottom .rows .left{width:100%;margin-bottom:20px}
.section4 .section4-bottom .rows .left .img1 img{height:auto}
.section4 .section4-bottom .rows .right{width:100%}
.section4 .section4-bottom .rows .left h4,.section4 .section4-bottom .rows .right h4{font-size:.25rem}
.section4 .section4-bottom .rows .right .img1{height:auto}
.section4 .section4-bottom .rows .right .img1 img{height:auto}
}
@media screen and (max-width:700px){
.section1 .section1-bottom .lis .items .des{display:none}
.section1 .section1-bottom .lis .items h5{margin-bottom:0}
.section1 .section1-bottom .lis .items{padding:.2875rem .225rem}
.section1 .section1-bottom .lis .items h5{font-size:.3rem}
.section2 .rows .right{background-size:cover;background-position:center center}
}
@media screen and (max-width:580px){
.section1 .section1-bottom .lis .items{padding-left:0;padding-right:0}
.section1 .section1-bottom .lis .items h5{text-align:center;font-size:18px}
.section2 .rows .left,.section2 .rows .right{height:3.9rem}
}
@media screen and (max-width:375px){
.section2 .rows .left,.section2 .rows .right{width:100%}
.section2 .rows .left{background-position:bottom center;background-size:cover}
.section2 .rows .right{-webkit-transform:translateY(-20px)!important;transform:translateY(-20px)!important}
.section3 .section-title{padding-top:0}
}