html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a {
    cursor: pointer;
    color: inherit;
}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

/*img{border:none;display: block;max-width: 100%;}*/

img[src=""]{opacity: 0;}

.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_48{font-size: 48px;}

.f_50{font-size: 50px;}

.f_56{font-size: 56px;}

.f100{font-weight: 100;}


/* 关于 */

.banner{position: relative;overflow: hidden;}

.banner img{display: block;width: 100%;}

.banner .mimg{display: none;}

.banner .txt{position: absolute;width: 100%;top: 50%;left: 0;z-index: 2;color: #fff;}

.banner .txt .tc{margin-top: 25px;line-height: 1.5;letter-spacing: 2px;}

.nav1{background: #f5f8fa;border-bottom: 1px solid #e6e9eb;line-height: 70px;height: 70px;}

.nav1 .nbox{display: flex;overflow: hidden;}

.nav1 .nbox a{display: block;position: relative;color: #555;margin-right: 80px;height: 70px;}

.nav1 .nbox a s{display: block;width: 0%;height: 3px;position: absolute;left: 0;bottom: 0;z-index: 3;background: #1d96d5;}

.nav1 .nbox a.act{color: #000;}

.nav1 .nbox a:hover{color: #1d96d5;}

.nav1 .nbox a.act s,.nav .nbox a:hover s{width: 100%;}

.ab1{padding: 80px 0 0;}

.ab1 .en{color:#2477b2;padding-bottom: 20px;background: url(../images/ab_1.png) left bottom no-repeat;}

.ab1 .tt{margin:30px 0 50px ;}

.ab1 .xian{display: block;width: 40px;height: 1px;background: #dbdbdb;}

.ab1 .xian s{display: block;width: 50%;height: 1px;background: #b3b3b3;}

.ab1 .abox{display: flex;justify-content: space-between;margin: 45px 0 80px;}

.ab1 .abox .alt{width: 51.4%;}

.ab1 .abox .alt .tc{color: #333;text-align: justify;line-height: 34px;margin-bottom: 60px;}

.ab1 .abox .alt .img,.ab1 .abox .alt .img img{display: block;width: 100%;position: relative;}

.ab1 .abox .alt .img .bf{position: absolute;width: 48px;height: 48px;z-index: 3;top: 50%;left: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);cursor: pointer;}

.ab1 .abox .alt .img .bf span{display: block;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.3);border-radius: 50%;position: absolute;top: 0;left: 0;z-index: -1;opacity: 0; animation: pulsate 1.5s ease-out infinite; -webkit-animation: pulsate 1.5s ease-out infinite;}

@keyframes pulsate {0% {transform: scale(0.1);-webkit-transform: scale(0.1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } }

@-webkit-keyframes   pulsate {0% {transform: scale(0.1);-webkit-transform: scale(0.1);opacity: 0; }50% {opacity: 1; }100% {transform: scale(2);-webkit-transform: scale(2);opacity: 0; } }

@keyframes ud {0% {top: 10px; opacity: 0; }30% {opacity: 1; }100% {top: 35px; opacity: 0; } }

@-webkit-keyframes   ud {0% {top: 10px; opacity: 0; }30% {opacity: 1; }100% {top: 35px; opacity: 0; } }

.ab1 .abox .art{width: 43%;position: relative;}

.ab1 .abox .art img{display: block;width: 100%;}

.ab1 .abox .art .bd{width: 17%;max-width: 104px;position: absolute;left:100%;bottom: 0;}

.ab1 .abox .art .txt{width: 240px;position: absolute;right: 25%;bottom:65%;z-index: 3;background: url(../images/ab_1_3.jpg) center no-repeat;background-size: cover; border-radius: 10px;border: 1px solid #fff;-moz-box-shadow:0px 2px 6px #DDDDDD; -webkit-box-shadow:0px 2px 6px #DDDDDD; box-shadow:0px 2px 6px #DDDDDD;padding: 10px;line-height: 1.5;pointer-events: none;}

.ab1 .abox .art .txt .img,.ab1 .abox .art .txt .img img{display: block;width: 100%;border-radius: 5px;}

.ab1 .abox .art .txt .att{margin: 10px 0 ;}

.ab1 .abox .art .txt .atc{padding-left: 15px;line-height: 24px;background:url(../images/ab_1_1.png)  left 7px no-repeat ;color: #555;}

.ab1 .abox .art .txt.act{bottom: 70%;opacity: 0;}

.ab1 .abox .art .ul1{}

.ab1 .abox .art .ul1 li{width: 9.7%;max-width: 60px;position: absolute;right: 22%;top: 55%;cursor: pointer;opacity: 0.7;}

.ab1 .abox .art .ul1 li.act{opacity: 1;}

.ab1 .abox .art .ul1 li:nth-child(2){right: 15%;}

.ab1 .abox .art .ul1 li:nth-child(3){right: 12%;top: 75%;}

.ab1 .abox .art .ul1 li .wz{position: absolute;width: 60px;bottom: 130%;left: 50%;margin-left: -30px;text-align: center;color: #1d96d5;}

.ab1 .ubox{padding: 20px 0;display: flex;justify-content: space-between;border-top: 1px solid #e5e5e5;border-bottom: 1px solid #e5e5e5;position: relative;}

.ab1 .ubox .dl1{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between;}

.ab1 .ubox .dl1 dd .dtt{color: #999;}

.ab1 .ubox .dl1 dd .dtc{margin: 30px 0 20px;color: #2477b2;}

.ab1 .ubox .dl1 dd .dtc .counter{font-size: 36px; }

.ab1 .ubox .dl1 dt{width: 100%;color: #666;}

.ab2{padding: 85px 0 100px;background: url(../images/ab_2_1.jpg) center no-repeat;color: #fff;text-align: center;background-size: cover;}

.ab2 .ul1{margin-top: 130px;display: flex;}

.ab2 .ul1 li{width: 25%;position: relative;top: 0;}

.ab2 .ul1 li::before{content: '';display: block;width: 1px;height: 100%;position: absolute;top: 0;right: 0;z-index: 2;background: url(../images/ab_2.png) center no-repeat;background-size: cover;}

.ab2 .ul1 li:nth-child(3):before{display: none;}

.ab2 .ul1 li .ico{display: block;width: 122px;margin: 0 auto 60px;border: 1px solid  rgba(255, 255, 255, 0.3);border-radius: 50%;position: relative;top: 0;}

.ab2 .ul1 li .xian{display: block;width: 40px;height: 1px;background:rgba(255, 255, 255, 0.3) ;margin: 25px auto;}

.ab2 .ul1 li .ltc{line-height: 1.6;}

.ab2 .ul1 li:hover .ico{top: -10px;}

.ab2 .ul1 li:hover {top: -5px;}


.he_syp3 {
    width: 80%;
    position: relative;
    padding-top: 100px;
    margin:0 auto;
}

.he_syp1lig {
    overflow: hidden;
}

.he_syp1lig video {
    width: 100vw;
    height: 100%;
    object-fit: cover;
    max-width: none;
    position: absolute;
    top: 0;
    left: 0;
}


.he_syp3zs {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}

.he_syp1arr {
    width: 120px;
    background-image: url(../fonts/ic2.svg);
    background-size: 100%;
    background-repeat: no-repeat;
    height: 40px;
    transform: scaleY(1);
}

.he_syp1arr .he_banrxic {
    transform: scaleY(1) translateX(-50%);
}

.he_syp3sh {
    width: 100%;
    position: relative;
    margin:0 auto;
}

.he_syp3hkc {
    width: 100%;
    position: relative;
}

.he_syp3hkle p {
    font-size: 60px;
    line-height: 1.5;
    color: #1a25ab;
    font-family: "impact";
}

.he_syp3hkri p {
    font-size: 18px;
    line-height: 1.75;
    color: #333333;
}

.he_syp3hkle {
    width: 180px;
}

.he_syp3hkri {
    width: calc(100% - 180px);
    margin-top: 18px;
}

.he_syp3hul {
    width: 56%;
    margin-top: 20px;
}

.he_syp3hli {
    display: none;
}

.he_syp3hli:first-child {
    display: block;
}

.he_syp3yc {
    width: 100%;
    position: relative;
    margin-top: 30px;
}

.he_syp3yswp {
    min-width: 4000px !important;
    position: relative;
}

.he_syp3ybk {
    width: 100%;
}

.he_syp3ybk img {
    width: 100%;
}

.he_syp3dotst p {
    font-size: 18px;
    line-height: 1.5;
    color: #1a25ab;
    font-family: "Montserrat-Bold";
    text-align: center;
}

.he_syp3dotli {
    position: absolute;
    z-index: 10;
    cursor: pointer;
}

.he_syp3dotli1 {
    bottom: 39%;
    left: 6%;
}

.he_syp3dotli2 {
    bottom: 24%;
    left: 10%;
}

.he_syp3dotli3 {
    bottom: 26%;
    left: 14%;
}

.he_syp3dotli4 {
    bottom: 51%;
    left: 18%;
}

.he_syp3dotli5 {
    bottom: 67%;
    left: 22%;
}

.he_syp3dotli6 {
    bottom: 47%;
    left: 26%;
}

.he_syp3dotli7 {
    bottom: 61%;
    left: 30%;
}

.he_syp3dotli8 {
    bottom: 41%;
    left: 34%;
}

.he_syp3dotli9 {
    bottom: 49%;
    left: 38%;
}

.he_syp3dotli10 {
    bottom: 44%;
    left: 42%;
}

.he_syp3dotli11 {
    bottom: 48%;
    left: 46%;
}

.he_syp3dotli12 {
    bottom: 60%;
    left: 50%;
}

.he_syp3dotli13 {
    bottom: 50%;
    left: 54%;
}
.he_syp3dotli14 {
    bottom: 39%;
    left: 58%;
}

.he_syp3dotli15 {
    bottom: 50%;
    left: 62%;
}

.he_syp3dotli16 {
    bottom: 50%;
    left: 66%;
}

.he_syp3dotli17 {
    bottom: 50%;
    left: 70%;
}

.he_syp3dotli18 {
    bottom: 50%;
    left: 74%;
}

.he_syp3dotli19 {
    bottom: 50%;
    left: 78%;
}

.he_syp3dotli20 {
    bottom: 50%;
    left: 82%;
}

.he_syp3dotli21 {
    bottom: 27%;
    left: 86%;
}

.he_syp3dotli22 {
    bottom: 13%;
    left: 90%;
}

.he_syp3dotli23 {
    bottom: 30%;
    left: 94%;
}



.he_syp3doji {
    width: 62px;
    position: relative;
}

.he_syp3doig {
    width: 100%;
    border: 1px solid #644baf;
    border-radius: 50%;
    opacity: 0;
    transition: all 0.36s;
}

.he_syp3doig img {
    width: 100%;
    border-radius: 50%
}

.he_syp3dotst {
    margin-top: 8px;
}

.he_syp3doji::after {
    content: '';
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(26, 37, 171, 0.18);
    transition: all 0.36s;
}

.he_syp3doji::before {
    content: '';
    position: absolute;
    top: 66%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 36px;
    height: 36px;
    border-radius: 50%;
    background: rgba(26, 37, 171, 0.07);
    transition: all 0.36s;
}

.he_syp3dotli.act .he_syp3doig {
    opacity: 1;
}

.he_syp3dotli.act .he_syp3doji::before {
    opacity: 0;
}

.he_syp3dotli.act .he_syp3doji::after {
    opacity: 0;
}
.he_syp3dotli14 {
    bottom: 40%;
    left: 58%;
}




@media (max-width:1280px){
    .ab1 .abox .alt .tc {
        font-size:14px;
    }
    .f_30 {
        font-size: 24px;
    }
    .f_20 {
        font-size: 16px;
    }
}