.f_12 {
    font-size: 12px;
}
.f_13 {
    font-size: 13px;
}
.f_14 {
    font-size: 14px;
}

.f_15 {
    font-size: 15px;
}

.f_16 {
    font-size: 16px;
}

.f_18 {
    font-size: 18px;
}

.f_20 {
    font-size: 20px;
}
.f_21 {
    font-size: 21px;
}

.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_35 {
    font-size: 35px;
}

.f_36 {
    font-size: 36px;
}

.f_38 {
    font-size: 38px;
}

.f_40 {
    font-size: 40px;
}

.f_42 {
    font-size: 42px;
}

.f_44 {
    font-size: 44px;
}
.f_45 {
    font-size: 45px;
}

.f_46 {
    font-size: 46px;
}
.f_48 {
    font-size: 48px;
}

.f_50 {
    font-size: 50px;
}

.f_52 {
    font-size: 52px;
}

.f_56 {
    font-size: 56px;
}

.f_60 {
    font-size: 60px;
}

.f_64 {
    font-size: 64px;
}

.f_66 {
    font-size: 66px;
}

.f_68 {
    font-size: 68px;
}

.f_72 {
    font-size: 72px;
}

.f_80 {
    font-size: 80px;
}

.f_90 {
    font-size: 90px;
}

.f_100 {
    font-size: 100px;
}

.f_110 {
    font-size: 110px;
}

.f_112 {
    font-size: 112px;
}

.f_160 {
    font-size: 160px;
}  

/* 按钮公共样式 */
.btn_cs{position: relative;width: 188px;height: 50px;display: flex;justify-content: center;line-height: 48px;border: 1px solid rgba(255,255,255,0.5);border-radius: 25px;z-index: 2;}
.btn_cs:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 25px;background: url(../img/yuan1.png);background-size: 100% 100%;z-index: -1;opacity: 0;transition: all 0.5s 0.2s;}
.btn_cs>div{padding-right: 24px; background: url(../img/more.png)no-repeat right center;transition: all 0.5s;}
.btn_cs span{width: 10%;transition: all 0.5s;}
.btn_cs span:nth-child(1){position: absolute;top: -1px;left: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_cs span:nth-child(2){position: absolute;top: -1px;right: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_cs span:nth-child(1):after{content:"";display: block;position: absolute;top: 0;left: 0; width: 188px;height: 50px;border-radius:25px;background: url(../img/quan1.png);background-size: 100% 100%;}
.btn_cs span:nth-child(2):after{content:"";display: block;position: absolute;top: 0;right: 0; width: 188px;height: 50px;background: url(../img/quan1.png);background-size: 100% 100%;border-radius: 25px;}
.btn_cs:hover{border-color: transparent;}
.btn_cs:hover span{width:calc(100% + 2px);animation:btn1 0.2s 0.5s linear forwards;}
.btn_cs:hover:after{opacity: 1;}

.btn_bs{position: relative;width: 188px;height: 50px;display: flex;justify-content: center;line-height: 48px;border: 1px solid rgba(255,255,255,0.5);border-radius: 25px;z-index: 2;}
.btn_bs:after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;border-radius: 25px;background: url(../img/yuan1.png);background-size: 100% 100%;z-index: -1;opacity: 0;transition: all 0.5s 0.2s;}
.btn_bs>div{padding-right: 24px; background: url(../img/more.png)no-repeat right center;}
.btn_bs span{width: 10%;transition: all 0.5s;}
.btn_bs span:nth-child(1){position: absolute;top: -1px;left: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_bs span:nth-child(2){position: absolute;top: -1px;right: -1px;height: calc(100% + 2px);overflow: hidden;}
.btn_bs span:nth-child(1):after{content:"";display: block;position: absolute;top: 0;left: 0; width: 188px;height: 50px;border-radius:25px;border: 1px solid #fff;}
.btn_bs span:nth-child(2):after{content:"";display: block;position: absolute;top: 0;right: 0; width: 188px;height: 50px;border: 1px solid #fff;border-radius: 25px;}
.btn_bs:hover{border-color: transparent;}
.btn_bs:hover span{width:calc(100% + 2px);}
.btn_bs:hover:after{opacity: 1;}

.btn_cs1{border-color: rgba(15,85,214,0.3);}
.btn_cs1>div{color: #0F55D6;background-image: url(../img/more_l.png);}
.btn_cs1:hover>div{color: #fff;background-image: url(../more.png);}

.part2{height: 100vh!important;width: 100%;padding-top: calc(90px + 1.56vw);
    /*background: url(../img/p3_bj.png)no-repeat center;background-size: cover;*/
}
.part2 .con{height: 100%;display: flex;padding: 0 7.18vw 0 6.25vw;flex-flow:row-reverse;}
.part2 .con .left{width: 466px;padding-top: 8.33vw;}
.part2 .con .left .cn{font-family: hb;color: #fff;line-height: 56px;margin-bottom:0.73vw;}
.part2 .con .left .en{font-family: cg;text-transform: uppercase;color: #fff;line-height: 22px;margin-bottom:6.43vw;}
.part2 .con .left .h{font-family: hm;color: #1dec6b;line-height: 32px;margin-bottom: 2.2vw;transition:all 0.8s 1s;position:relative;top:1.5vw;opacity:0;}
.part2.show .con .left .h{top: 0;opacity: 1;}
.part2 .con .left .l_boxs .l_box{display: none;}
.part2 .con .left .l_boxs .l_box.on{display: block;}
.part2 .con .left .p{font-family: hr;color: #fff;line-height: 32px;height: 96px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;margin-bottom: 4vw;transition:all 0.8s 1.1s;position:relative;top:1.5vw;opacity:0;}
.part2.show .con .left .p{top: 0;opacity: 1;}
.part2 .con .right{width: calc(100% - 466px);padding-left: 4.375vw;position: relative;}
.part2 .con .right .cn,.part2 .con .right .en{display: none;}
.part2 .con .right>div.pics{display: none;}
.part2 .con .right>div.pics.on{display: flex;}
.part2 .con .right #right{width: 39.6vw;height: 76.6vh; position: relative;justify-content: center;align-items: center;cursor: move;z-index: 2;pointer-events: none;}
.part2 .con .right #right img{transform: translate(0%,5%);width:80%;}
.part2 .con .right #right1 img{transform: translate(0%,5%);width:80%;}
.part2 .con .right #right2 img{transform: translate(0%,5%);width:80%;}
.part2 .con .right #right3 img {
    transform: translate(0%, 5%);
    width: 80%;
}
.part2 .con .right #right::before{content: "";position: absolute;top: 56%;left: 50%;transform: translate(-50%,-50%);width: 41.6vw;height: 41.6vw;
background: url(../img/p2_yuan.png)no-repeat center 51%;
background-size: 104.5% 104.5%;z-index: -1;opacity: 0.3;}
/*.part2 .con .right #right:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width:34.53vw;height: 9.167vw;background: url(../img/p2_quan.png);background-size: 100% 100%;}*/
.part2 .con .right #right1{width: 39.6vw;height: 76.6vh; position: relative;justify-content: center;align-items: center;cursor: move;z-index: 2;pointer-events: none;}
.part2 .con .right #right1::before{content: "";position: absolute;top: 56%;left: 50%;transform: translate(-50%,-50%);width: 41.6vw;height: 41.6vw;background: url(../img/p2_yuan.png)no-repeat center 51%;background-size: 104.5% 104.5%;z-index: -1;opacity: 0.3;}
/*.part2 .con .right #right1:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width:34.53vw;height: 9.167vw;background: url(../img/p2_quan.png);background-size: 100% 100%;}*/
.part2 .con .right #right2{width: 39.6vw;height: 76.6vh; position: relative;justify-content: center;align-items: center;cursor: move;z-index: 2;pointer-events: none;}
.part2 .con .right #right2::before{content: "";position: absolute;top: 56%;left: 50%;transform: translate(-50%,-50%);width: 41.6vw;height: 41.6vw;background: url(../img/p2_yuan.png)no-repeat center 51%;background-size: 104.5% 104.5%;z-index: -1;opacity: 0.3;}
.part2 .con .right #right3{width: 39.6vw;height: 76.6vh; position: relative;justify-content: center;align-items: center;cursor: move;z-index: 2;pointer-events: none;}
.part2 .con .right #right3::before{content: "";position: absolute;top: 56%;left: 50%;transform: translate(-50%,-50%);width: 41.6vw;height: 41.6vw;background: url(../img/p2_yuan.png)no-repeat center 51%;background-size: 104.5% 104.5%;z-index: -1;opacity: 0.3;}
/*.part2 .con .right #right2:after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%); width:34.53vw;height: 9.167vw;background: url(../img/p2_quan.png);background-size: 100% 100%;}*/
.part2 .con .right .tab{position: absolute;top: 50%;right: 0;transform: translateY(-50%);z-index:10;}
.part2 .con .right .tab li{padding-left: 25px;font-size: 16px;line-height: 20px;background: url(../img/xy.svg)no-repeat left center;color: #fff;font-family: hr;position: relative;cursor: pointer;transition: all 0.5s;list-style:none;}
.part2 .con .right .tab li.on{
    /*background-image: url(../img/cy.svg);*/
    color: #1dec6b;}
.part2 .con .right .tab li:nth-child(1),.part2 .con .right .tab li:nth-child(2),.part2 .con .right .tab li:nth-child(3){margin-bottom: 60px;}
.part2 .con .right .tab li:nth-child(1):after{content: "";position: absolute;top: 25px;left: 7px; height: 50px;width: 1px;background-color: #fff;transition: all 0.5s;}
.part2 .con .right .tab li:nth-child(2):after{content: "";position: absolute;top: 25px;left: 7px; height: 50px;width: 1px;background-color: #fff;transition: all 0.5s;}
.part2 .con .right .tab li:nth-child(3):after{content: "";position: absolute;top: 25px;left: 7px; height: 50px;width: 1px;background-color: #fff;transition: all 0.5s;}
.part2 .con .right .tab li.on:nth-child(1):after{background-color: #1dec6b;}
.part2 .con .right .tab li.on:nth-child(2):after{background-color: #1dec6b;}
.part2 .con .right .tab li.on:nth-child(3):after{background-color: #1dec6b;}
.part2 .con .right .tab li::before{
    content: '';
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    width: 15px;
    height: 15px;
    border-radius: 50%;
    background: #fff;
}
.part2 .con .right .tab li.on::before{
    background: #1dec6b;
}
@media screen and (max-width: 1680px) {
   .f_26 {
    font-size: 22px;
}
}

@media screen and (max-width: 1560px) {
.f_12 {
    font-size: 12px;
}
.f_13 {
    font-size: 13px;
}
.f_14 {
    font-size: 14px;
}

.f_15 {
    font-size: 14px;
}

.f_16 {
    font-size: 14px;
}

.f_18 {
    font-size: 16px;
}

.f_20 {
    font-size: 17px;
}
.f_21 {
    font-size: 18px;
}

.f_22 {
    font-size: 18px;
}

.f_24 {
    font-size: 20px;
}

.f_26 {
    font-size: 20px;
}

.f_28 {
    font-size: 22px;
}

.f_30 {
    font-size: 22px;
}

.f_32 {
    font-size: 24px;
}

.f_34 {
    font-size: 24px;
}
.f_35 {
    font-size: 25px;
}

.f_36 {
    font-size: 26px;
}

.f_38 {
    font-size: 25px;
}

.f_40 {
    font-size: 28px;
}

.f_42 {
    font-size: 28px;
}

.f_44 {
    font-size: 32px;
}
.f_45 {
    font-size: 33px;
}
.f_46 {
    font-size: 34px;
}
.f_48 {
    font-size: 34px;
}

.f_50 {
    font-size: 36px;
}

.f_52 {
    font-size: 34px;
}

.f_56 {
    font-size: 40px;
}

.f_60 {
    font-size: 40px;
}

.f_64 {
    font-size: 42px;
}

.f_66 {
    font-size: 44px;
}

.f_68 {
    font-size: 46px;
}

.f_72 {
    font-size: 48px;
}

.f_80 {
    font-size: 56px;
}

.f_90 {
    font-size: 62px;
}

.f_100 {
    font-size: 70px;
}

.f_110 {
    font-size: 74px;
}

.f_112 {
    font-size: 74px;
}

.f_122 {
    font-size: 82px;
}

.f_160 {
    font-size: 90px;
} 
.part2 .con .right{padding-left: 5vw;}
.ab2_3 .ab3 .years .img{margin-top: 2.20vw;}
.part2{padding-top:calc(70px + 1.56vw);}
.part2 .con .left .cn{line-height: 36px;}
.part2 .con{padding-right: 5.18vw;}
}
@media screen and (max-width: 1024px) {
	.f_52{font-size: 26px;}
	.f_46{font-size: 24px;}
	.f_42{font-size: 22px;}
	.f_32{font-size: 20px;}
	.f_28{font-size: 20px;}
	.f_26{font-size: 18px;}
	.f_24{font-size: 18px;}
	.f_18{font-size: 14px;}
    .part2.show .con .left .h,.part2 .con .left .p{display:none;}
    
    .part2{height: auto!important;padding-top:56px;}
    .part2 .con{display: block;padding:0 15px;}
    .part2 .con .right{width: 100%;padding-left:0;}
    .part2 .con .left{width: 100%;padding-bottom:45px;}
    .part2 .con .left .cn,.part2 .con .left .en{display: none;}
    .part2 .con .right .cn{font-family: hb;color: #fff;line-height: 27px;font-size:26px; margin-bottom:11px;display:block;text-align:center;}
    .part2 .con .right .en{font-family: cg;text-transform: uppercase;color: #B4B4B4;line-height: 34px;font-size:14px; margin-bottom: 35px;display:block;text-align:center;}
    .part2 .con .right .tab{position: static;display:flex;transform:translateY(0);width:100%;flex-wrap: wrap;}
    .part2 .con .right .tab li{padding-left: 0;padding-bottom: 24px;background: no-repeat center bottom;background-size: 10px 10px;text-align:center; width:50%;background-image: url(../img/cy.svg);margin-bottom:0!important;
        background-position-y: 5px;
        background-position-x: 10px;
    }
    .part2 .con .right .tab li:nth-child(1):after,.part2 .con .right .tab li:nth-child(2):after{left:auto;right: 0;transform: translateX(50%);width:90px;height:1px;
        content: none;
    }
    .part2 .con .right .tab li:nth-child(3):after{
        content: none;
    }
    .part2 .con .right #right1,.part2 .con .right #right,.part2 .con .right #right2,.part2 .con .right #right3{width: 100%;height: 60vh;}
    .part2 .con .right #right:after{width:70vw;height: 18.3vw;}
    .part2 .con .right #right1:after{width:70vw;height: 18.3vw;}
    .part2 .con .right #right2:after{width:70vw;height: 18.3vw;}
    .part2 .con .right #right3:after{width:70vw;height: 18.3vw;}
    .part2 .con .right #right::before,.part2 .con .right #right1::before,.part2 .con .right #right2::before,.part2 .con .right #right3::before{width:76vw;height: 76vw;top:52%;}
    .part2 .con .right #right img,.part2 .con .right #right1 img,.part2 .con .right #right2 img,.part2 .con .right #right3 img{transform: translate(0,0)!important;}
}

@media screen and (max-width: 800px) {
    .part2 .con .right #right1, .part2 .con .right #right, .part2 .con .right #right2, .part2 .con .right #right3{height: 44vh;}
    #d1,#d2,#d3,#d4,#d5,#d6{top: -70px!important;position:relative;}
    /*.ab_con #d1{top: -150px!important;}*/
}