@charset "utf-8";
/* banner */
.HomeBan{position: relative;overflow: auto;}
.HomeBan li{position: relative;}
.HomeBan li .img{padding-top:100vh;}
.HomeBan li.slick-current .img img{animation: scale linear 6s forwards;}
.HomeBan li .txt{position: absolute;width:100%;left:0;top:20%;transform: translateY(-50%);-webkit-transform: translateY(-50%);color:#fff;}
.HomeBan li .txt .txtbox{text-align: right;}
.HomeBan li .txt .txtbox .tit{font-size: 064px;font-weight: bold;}
.HomeBan li .txt .txtbox .dec{font-size: 024px;line-height: 036px;text-transform: uppercase;margin-top:01px;}
.HomeBan li .txt .txtbox img{display: inline-block;}
.HomeBan li.slick-slide img{object-fit: cover;height: 100%;}
.HomeBan .controls{position: absolute;right:calc(4% - 9px);top:50%;}
.HomeBan .controls ul{display: inline-block;position: relative;width: 36px;height: auto;}
.HomeBan .controls li{opacity: 0;position: absolute;top: 0;list-style: none;}
.HomeBan .controls li a{display: inline-block;width:36px;height:041px;line-height: 041px;text-align: center;color:#fff;opacity: 0.5;font-size: 0;font-family: dinb;cursor: pointer;}
.HomeBan .controls li.slick-active{opacity: 1;}
.HomeBan .controls li.slick-active a{opacity: 1;background:url(../images/bandotbg.png) no-repeat center center;background-size: contain;font-size: 16px;}
.HomeBan .controls li::after{content:'';display: inline-block;width:1px;height:0;background: #fff;transition: all .5s;-webkit-transition: all .5s;position: relative;top:-0;left: 50%; margin-left:0.5px;z-index: 6;}
.HomeBan .controls li.slick-active::after{height:60px;background: #c52721;}
.HomeBan .controls  ul:after{content:'';display: inline-block;width:1px;height:180px;background: #fff;transition: all .5s;-webkit-transition: all .5s;position: relative;top:43px;left: 50%; margin-left:0.5px;z-index: 2;opacity: 0.2;}
.HomeBan li.slick-current .txt .txtbox .tit{animation:fadeInUp 1s .3s ease both;-webkit-animation:fadeInUp 1s .3s ease both;-moz-animation:fadeInUp 1s .3s ease both;}
.HomeBan li.slick-current .txt .txtbox .dec{animation:fadeInUp 1s .6s ease both;-webkit-animation:fadeInUp 1s .6s ease both;-moz-animation:fadeInUp 1s .6s ease both;}
.HomeBan .slick-arrow{position: absolute;top: 60%;width: 18px;height: 18px;transform: translateY(-50%);font-size: 0;background: none;border: none;z-index: 99;cursor: pointer;}
.HomeBan .slick-arrow:after{content: ">";font-family: simsun;position: absolute;left: 0;top: 0;width: 18px;height: 18px;font-size: 30px;color: #fff;font-weight: bold;}
.HomeBan .slick-arrow.slick-prev{right: calc(4% + 36px)}
.HomeBan .slick-arrow.slick-next{right:  calc(4% - 36px)}
.HomeBan .slick-arrow.slick-prev:after{content: "<"}
.HomeBan .slick-arrow:hover:after{color: #C62522}
.HomeNav .mouse{position: absolute;z-index: 100000 ;left: 90px; bottom: 70px;width: 19px; height: 34px; border-radius: 10px; border: solid 2px rgba(255,255,255,0.4);}
.HomeNav .mouse:after{position: absolute;content: '';width: 2px;height: 6px;background-color:rgba(255,255,255,0.4); top: 8px;left: 50%; margin-left: -1px; animation: infinite 1s linear updown;}
.HomeNav.cd-is-visible {visibility: visible;opacity: 0;left: -100%}
@keyframes updown{
    0%{top: 4px;opacity: 1;}
    100%{top: 20px;opacity: 0;}
}
@keyframes scale{
	0%{transform: scale(1);-webkit-transform:scale(1);}
	100%{transform: scale(1.1);-webkit-transform:scale(1.1);}
}

@media(max-width:1024px){
    .HomeBan li .img{padding-top:50%;}
    .HomeBan li .txt .txtbox .tit{font-size: 40px;}
        .HomeBan li .txt .txtbox .tit img{max-height: 40px;}
    .HomeBan li .txt .txtbox .dec{font-size: 20px;line-height: 1.6;margin-top:10px;}
    .HomeBan li.slick-current .img img{animation: none;object-fit: fill}
    .HomeBan li .txt{top: 40%}
    .HomeBan .controls{display: none}
    .HomeBan .slick-arrow.slick-prev{right: auto;left: 5%}
    .HomeBan .slick-arrow.slick-next{right: 5%}

}

@media(max-width:640px){
    .HomeBan li .txt .txtbox .tit{font-size: 18px;}
    .HomeBan li .txt .txtbox .dec{font-size: 12px;margin-top:5px;}
    .HomeBan .controls li a{width:28px;height:30px;line-height: 30px;font-size: 14px;}
    .HomeBan .controls li.slick-active::after{width:40px;}
    .HomeBan .controls{bottom:20px;right:20px;}
}

.HomeTit{color:#fff;margin-bottom:04px;line-height: 1;}
.HomeTit .en{font-size: 024px;color:#fff;text-transform: uppercase;opacity: 05;}
.HomeTit .cn{font-size: 04px;font-weight: bold;margin-top:02px;}
.HomeTit .cn i{position: relative;top:-01px;margin-left:5px;}
.HomeNav{position: fixed;left: 0;width: 18.75vw;background: url(../images/navbg.png) no-repeat left center;z-index: 999;height: 100vh;opacity: 1;transition: all 0.5s; display: flex;align-items: flex-start;flex-direction:column;justify-content: space-evenly;padding-left: 50px;align-content: flex-start;background-size: auto 100%}
.HomeNav li{text-align: center;font-size: 20px;line-height: 24px !important;color: #ffffff;padding: 20px 0;}
.HomeNav li a{color: #ffffff;padding-left: 15px;line-height: 24px;}
.HomeNav .nav{padding: 15vh 0}
.HomeNav li.aon a,.HomeNav li:hover a{background: url(../images/navicon.png) no-repeat left center;color: #d9272e;}
.HomeNav .addemail_index{position: absolute;z-index:99;left:0.2rem;bottom:0;margin:0.3rem 0;line-height: 0.3rem;border-radius: 0.4rem;background: rgba(0,0,0,0.2);min-width:50%;text-align: center;}
.HomeNav .addemail_index a{display: block;padding:0.1rem 0.5rem;color:#fff;font-size: 16px;}
.HomeNav .addemail_index:hover{background:rgba(17,44,128,0.85)}


.sec-2{overflow: hidden;background-image: linear-gradient(184deg,#f3f6ff 0%,  #f2f9ff 100%), linear-gradient( #f0f3f8,  #f0f3f8); background-blend-mode: normal,   normal;}
.sec-2 .auto{position: relative;height: 1340px;top: -500px;width: 96%;max-width: 1340px;margin: 0 auto;padding-top: 600px; border-radius: 1340px;background-image: linear-gradient(184deg,  #f3f6ff 1%,  #f2f9ff 100%), linear-gradient( #eff8ff, #eff8ff);background-blend-mode: normal, normal;    box-shadow: 0px 15px 193px 39px         rgba(193, 206, 251, 0.17);transform: scale(0);transition: all 1s}
.sec-2 .auto .center{position: absolute;left: 50%;top: 60%;transform: translate(-50%,-50%);z-index: 33;}
.sec-2 .auto .center i{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: calc(100% + 40px);height:calc(100% + 40px);border-radius: 50%;background-color: #ffffff;z-index: -1; box-shadow: 0px 15px 193px 39px         rgba(193, 206, 251, 0.17); }

.sec-2 .auto .center img{padding: 30px;border-radius: 50%;background-color: #ffffff;z-index: 5; box-shadow: 0px 15px 193px 39px   rgba(193, 206, 251, 0.17);animation: infinite 5s linear quan;}
.sec-2 .auto .center i.i1{opacity: 0.21;}
.sec-2 .auto .center i.i2{width: calc(100% + 80px);height:calc(100% + 80px);z-index: -2;}
.sec-2 .auto .center i.i3{width: calc(100% + 200px);height:calc(100% + 200px);background-color: #051e74;opacity: 0.98;z-index: -3;}
.sec-2 .auto .center i.i4{width: calc(100% + 300px);height:calc(100% + 300px);background-color: #f1f4fc;opacity: 1;z-index: -4;box-shadow: 0 0 20px rgba(217,223,239,1)}
.sec-2 .auto .proinfo{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: calc(100% - 340px);height: calc(100% - 340px);border-radius: 50%;background-clip: padding-box;border: 15px solid transparent;  background-image: linear-gradient(to top, rgba(0,26,113, 0.1) 0%, rgba(0,26,113, 0) 70%);z-index: 22;}
.sec-2 .auto .proinfo:after{position: absolute;left: 15px;bottom: 15px;width:calc(100% - 30px);height:calc(100% - 30px); content: "";background: #fff;border-radius: 50%;z-index: -6;}
.sec-2 .fp-scroller{max-height: 100vh;overflow: hidden;}
.sec-2 .auto .proinfo li{position: absolute;left: -150px;width: 300px;top: 45%;text-align: center;}
.sec-2 .auto .proinfo li .ico{width: 85px; height: 85px;border-radius: 50%; background-color: #feffff;text-align: center;display: flex;align-items: center;justify-content: center;margin: 0 auto;position: relative;z-index: 5;box-shadow: 0 0 10px rgba(217,223,239,1)}
.sec-2 .auto .proinfo li .ico:after{width: 100%;height: 100%;background-color: #e4eaff;content: "";position: absolute; left: 50%;top: 50%;margin-left: -42.5px;margin-top: -42.5px;border-radius: 50%;opacity: 0.5;animation: infinite 3s linear scale2; z-index: -5;}
.sec-2 .auto .proinfo li.li4{left: auto;right: -150px;}
.sec-2 .auto .proinfo li.li2{top: 80%;left: 1%}
.sec-2 .auto .proinfo li.li3{top: 80%;right: 1%;left: auto}
.sec-2 .auto .proinfo li p{font-size: 24px;line-height: 28px;color: #333333;margin-top: 30px;}
.sec-2 .auto .proinfo li:hover .ico img{display: none}
.sec-2 .auto .proinfo li:hover .ico img.hide{display: inline-block;}
.sec-2 .auto .proinfo li:hover p{color: #051e74}
.sec-2.active .auto{transform: scale(1);}

@keyframes quan{
    0%{transform: rotateZ(-0deg)}
    100%{transform: rotateZ(-360deg)}
}
@keyframes scale2{
    0%{transform: scale(1);}
    100%{transform: scale(1.5);}
}







.sec-3{overflow: hidden;background: url(../images/bbg1.png) no-repeat center bottom;background-size: cover;}
.sec-3 .auto{width: 96%;margin: 0 auto;max-width: 1360px;}
.HomeTit{text-align: center;margin: 0 auto;max-width: 816px;}
.sec-3 .HomeTit{margin-top: 13vh;}
.HomeTit h1{font-size: 60px;line-height: 60px;color: #1e2b63;}
.HomeTit h4{font-size: 24px;line-height: 45px;color: #1e2b63;margin-top: 40px;}
.HomeTit p{font-size: 12px;line-height: 25px;color: #1e2b63;opacity: 0.28;margin-top: 20px;}
.sec-3 .aboutlinks{background: url(../images/bg1.png) no-repeat center;min-height: 340px;margin-top: 20vh;position: relative;transform: scale(0);transition: all 1s}
.sec-3 .aboutlinks li {text-align: center;font-size: 24px;line-height: 30px;color: #333333;float: left;position: relative;padding-bottom: 120px;}
.sec-3 .aboutlinks li:after{position: absolute;left: 50%;width: 1px;margin-left: -0.5px;bottom: 0;content: "";background: #1e2b63;height: 95px;}
.sec-3 .aboutlinks li:before{position: absolute;left: 50%;margin-left: -3px;;width: 6px;background-color: #1e2b63;border-radius: 50%; height: 6px;content: ""; bottom: 0;opacity: 1;}
.sec-3 .aboutlinks li i.i1{position: absolute;left: 50%;margin-left: -4px;;width: 8px;background-color: #1e2b63;border-radius: 50%; height: 8px;bottom: -1px;animation:  2s linear infinite scale3;;}
.sec-3 .aboutlinks li i.i2{position: absolute;left: 50%;margin-left: -6px;;width: 12px;background-color: #1e2b63;border-radius: 50%; height: 12px;bottom: -3px;animation:  4s linear infinite scale3;;}
.sec-3 .aboutlinks li.li1{position: absolute;left: 10%;bottom: calc(100% - 5px)}
.sec-3 .aboutlinks li.li2{position: absolute;left: 30%;bottom: 45%}
.sec-3 .aboutlinks li.li3{position: absolute;left: 48%;bottom: 65%}
.sec-3 .aboutlinks li.li4{position: absolute;left: 65%;bottom: 81%}
.sec-3 .aboutlinks li.li5{position: absolute;left: 85%;bottom: 29%}
.sec-3 .aboutlinks li p{margin-top: 15px;}
.sec-3 .aboutlinks li:hover:after,.sec-3 .aboutlinks li:hover:before,.sec-3 .aboutlinks li:hover i.i1,.sec-3 .aboutlinks li:hover i.i2{background: #c62522;}
.sec-3 .aboutlinks li:hover .ico img{display: none}
.sec-3 .aboutlinks li:hover .ico img.hide{display: inline-block;}
.sec-3 .aboutlinks li:hover  p{color: #c62522}
.sec-3.active .aboutlinks{transform: scale(1);}
.sec-3 .morebtn{opacity: 1;}
.sec-3 .more{display: inline-block;padding: 0 20px;height: 40px;line-height: 40px;border-radius: 40px;border: 1px solid #1e2b63;transition: all 0.3s;font-size: 18px;}
.sec-3 .more:hover{background:  #1e2b63;color: #fff}
@keyframes scale3{
    0%{transform: scale(1.5);opacity: 0.4;}
    50%{transform: scale(2);opacity: 0.2;}
    100%{transform: scale(2.5);opacity: 0.1;}
}

.sec-4{background: url(../images/bbg2.png) no-repeat center top;;position: relative;background-position: center top !important;background-size: cover;}
.sec-4 .auto{width: 96%;margin: 0 auto;max-width: 1360px;}
.sec-4 .HomeTit{margin-top: 10vh;}
.sec-4 #particles{position: absolute;left: 0;bottom: 0;width: 100%;height: 30vh;z-index: -1;}
.sec-4 .cooperation{position: relative;margin-top: 10vh;min-height: 50vh;margin-bottom: 5vh;padding: 20px;transform: scale(0.8);transition: all 1s}
.sec-4 .cooperation li{background-image: linear-gradient(135deg,  #335ac1 0%,  #1031a6 100%), linear-gradient(    #ffffff,    #ffffff); background-blend-mode: normal,       normal;  border-radius: 8px;text-align: center;display: flex;align-items: center;justify-content: center;position: absolute;}
.sec-4 .cooperation li:after{content: "";position: absolute;width: 0;height: 0px;z-index: -1;transition: all 2s}
.sec-4 .cooperation li.li1{width: 130px;height: 60px;left: 0;top: 30px;}
.sec-4 .cooperation li.li2{width: 155px;height: 71px;top: 12px;left: 17.7%}
.sec-4 .cooperation li.li3{width: 264px;height: 121px;top: 0;left: 52%}
.sec-4 .cooperation li.li4{width: 131px;height: 60px;top: 22px;right: 7.5%}
.sec-4 .cooperation li.li5{width: 178px;height: 83px;top: 170px;left: 5%}
.sec-4 .cooperation li.li6{width: 212px;height: 98px;top: 131px;left: 26.5%}
.sec-4 .cooperation li.li7{width: 178px;height: 82px;top: 183px;left: 64%}
.sec-4 .cooperation li.li8{width: 199px;height: 91px;top: 160px;right: 0%}
.sec-4 .cooperation li.li9{width: 130px;height: 60px;top: 390px;left: 6%}
.sec-4 .cooperation li.li10{width: 155px;height: 70px;top: 321px;left: 16.5%}
.sec-4 .cooperation li.li11{width: 264px;height: 121px;top: 331px;left: 38.5%}
.sec-4 .cooperation li.li12{width: 155px;height: 70px;top: 314px;right: 15%}
.sec-4 .cooperation li.li13{width: 129px;height: 60px;top: 390px;right: 3%}
.sec-4 .cooperation li.li1:after{background: url(../images/c_bg1.png) no-repeat center;left: 0;top: 0;}
.sec-4 .cooperation li.li2:after{background: url(../images/c_bg2.png) no-repeat center;left: 0;top: 0;}
.sec-4 .cooperation li.li3:after{background: url(../images/c_bg3.png) no-repeat center;right: 0;top: 0;}
.sec-4 .cooperation li.li4:after{background: url(../images/c_bg4.png) no-repeat center;right: 0;top: 0;}
.sec-4 .cooperation li.li5:after{background: url(../images/c_bg5.png) no-repeat center;left: 100%;top: 0;}
.sec-4 .cooperation li.li6:after{background: url(../images/c_bg6.png) no-repeat center;left: 100%;top: 0;}
.sec-4 .cooperation li.li7:after{background: url(../images/c_bg7.png) no-repeat center right;right: 100%;top: 0;}
.sec-4 .cooperation li.li8:after{background: url(../images/c_bg8.png) no-repeat center;right: 100%;top: 0;}
.sec-4 .cooperation li.li9:after{background: url(../images/c_bg9.png) no-repeat center;left: 0%;bottom: 0;}
.sec-4 .cooperation li.li10:after{background: url(../images/c_bg10.png) no-repeat center;left: 0%;bottom: 0;}
.sec-4 .cooperation li.li11:after{background: url(../images/c_bg11.png) no-repeat center;left: 0%;bottom: 100%;}
.sec-4 .cooperation li.li12:after{background: url(../images/c_bg12.png) no-repeat bottom right;right: 0%;bottom: 0;}
.sec-4 .cooperation li.li13:after{background: url(../images/c_bg13.png) no-repeat center;right: 0%;bottom: 0;}


.sec-4.active .cooperation li.li1:after{height: 120px;width: 318px;}
.sec-4.active .cooperation li.li2:after{height: 166px;width: 296px;}
.sec-4.active .cooperation li.li3:after{height: 232px;width: 292px;}
.sec-4.active .cooperation li.li4:after{height: 181px;width: 462px;}
.sec-4.active .cooperation li.li5:after{height: 80px;width: 219px;}
.sec-4.active .cooperation li.li6:after{height: 102px;width: 98px;}
.sec-4.active .cooperation li.li7:after{height: 79px;width: 180px;}
.sec-4.active .cooperation li.li8:after{height: 90px;width: 233px;}
.sec-4.active .cooperation li.li9:after{height: 80px;width: 219px;}
.sec-4.active .cooperation li.li10:after{height: 142px;width: 349px;}
.sec-4.active .cooperation li.li11:after{height: 90px;width: 262px;}
.sec-4.active .cooperation li.li12:after{height: 90px;width: 373px;}
.sec-4.active .cooperation li.li13:after{height: 130px;width: 375px;}
.sec-4.active .cooperation{transform: scale(1);}

.fp-responsive .Top003101{display: none}

@media(max-width:1400px){
    .HomeNav li{padding:12px 0;}
}


@media(max-width:1024px){
    .fp-section,.section{height: auto !important;}
    .HomeNav{display: none}
    .fp-responsive .Top003101{display: block;}
    .sec-2, .sec-3 ,.sec-4{padding: 40px 0}
    .sec-2 .auto{transform: scale(1);top: 10%;padding-top: 0;}
    .sec-2 .auto .proinfo{width: 100%;height: 100%;background: none}
    .sec-2 .auto .proinfo li{width: 40%;position: static;float: left;margin-bottom: 40px;}
    .sec-2 .auto .proinfo li:nth-child(2n){float: right;}
    .sec-2 .auto{height: 400px;}
    .sec-2 .auto .center i{display: none}
    .sec-2 .auto .center{z-index: -1;top: 50%}
    .sec-2 .auto .proinfo:after{display: none}
    .sec-3 .HomeTit{margin-top: 0;font-size: 24px;}
    .sec-3{background-size: cover}
    .HomeTit h1{font-size: 30px;}
    .HomeTit h4{font-size: 20px;line-height: 26px;}
    .HomeTit p{line-height: 20px;}
.sec-3 .aboutlinks li,.sec-3 .aboutlinks li.li1,.sec-3 .aboutlinks li.li2,.sec-3 .aboutlinks li.li3,.sec-3 .aboutlinks li.li4,.sec-3 .aboutlinks li.li5,.sec-3 .aboutlinks li.li6{position: static;display: inline-block;float: none; margin: 0 1.5%;width: 30%}
.sec-3 .aboutlinks{transform: scale(1);margin-top: 40px;text-align: center;font-size: 0;min-height: unset;background: none}
.HomeNav.cd-is-visible{display: none}
.sec-3 .aboutlinks li:before,.sec-3 .aboutlinks li i.i1,.sec-3 .aboutlinks li i.i2,.sec-3 .aboutlinks li:after{display: none}
.sec-3 .aboutlinks li{padding-bottom: 20px;}
.sec-3 .aboutlinks li img{max-height: 30px;}
.sec-4 .HomeTit{margin-top: 0;}
.HomeTit h4{margin-top: 20px;}
.sec-4 .cooperation li{position: static;width: 23.5% !important;;float: left;margin-right: 2%;height: 80px !important;margin-bottom: 2%;}
.sec-4 .cooperation li:nth-child(4n){margin-right: 0;}
.sec-4 .cooperation li:after{display: none}
.sec-4 .cooperation li img{max-height: 50px;}
.sec-4  .cooperation{margin: 40px 0;padding: 0;transform: scale(1);}
.Bottom002900 .totop{display: none}
.Bottom002900 .auto{padding-right: 0;}
}
@media(max-width:768px){
.sec-4 .cooperation li{width: 32% !important}
.sec-4 .cooperation li:nth-child(4n){margin-right: 2%;}
.sec-4 .cooperation li:nth-child(3n){margin-right: 0;}
.sec-2 .auto .proinfo li p{font-size: 18px;}
.Top003101 .logo img{height: 30px;}
.sec-4 .cooperation{min-height: unset;}
.sec-3 .aboutlinks li p{font-size: 18px;}
.sec-2 .auto .center img{width: 100px;height: 100px;padding: 15px;}
}
@media(max-width:480px){
.sec-4 .cooperation li{width: 49% !important;margin-right: 0;}
.sec-4 .cooperation li:nth-child(2n),.sec-4 .cooperation li:nth-child(4n){margin-right: 0%;float: right;}


}