.fnt_50{font-size: 50px;}
.fnt_30{font-size:30px;}
.fnt_20{font-size:20px;}
.fnt_18{font-size:18px;}
.fnt_16{font-size:16px;}
@media only screen and (max-width: 992px) {
    .fnt_50{font-size:40px;}
    .fnt_30{font-size:24px;}
    .fnt_20{font-size:18px;}
}
@media only screen and (max-width: 767px) {
    .fnt_50{font-size:30px;}
    .fnt_30{font-size:20px;}
    .fnt_18{font-size:16px;}
    .fnt_16{font-size:14px;}
}
.aboutus-banner video{width:100%;height:100%;object-fit: cover;}
.aboutus-banner img{width:100%;height:100%;object-fit: cover;}
@media only screen and (max-width: 767px) {
    .aboutus-banner {height:300px;}
}

.about_title img{width:100%;}

.about01{padding-top:0vw!important;position: relative;}
.about01 .title{text-align: center;font-weight:700;display: none;}
.about01 dl{margin-top:3vw;display:flex;flex-wrap:wrap;justify-content: center;position: relative;z-index: 2;}
.about01 dt{flex:0 0 440px;position: relative;}
.about01 dd{flex:1;display: flex;justify-content: center;}
.about01 dd .text{padding-left:6vw;margin-top:4vw;}
.about01 dd h3{margin-bottom:2vw;font-weight:700;}
.about01 dd h3 span{color:#e60012;}
.about01 dd .p{color:#999;}
.about01 .dl dl:nth-of-type(2){flex-direction: row-reverse;}
.about01 .dl dl:nth-of-type(2) dt .text{
    position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);
    width:90%;text-align: center;color:#e60012;
}
.about01 .dl dl:nth-of-type(2) dt .text h3{font-weight: 700;font-size:100px;}
.about01 .dl dl:nth-of-type(2) dt .text h3 span{font-weight: normal;font-size:60px;}
.about01 .dl dl:nth-of-type(2) dt .text p{font-size: 18px;}
.about01 .dl dl:nth-of-type(2) dd .text{padding-left:0px;padding-right:5vw;}

.about01 .dl dl:nth-of-type(3) dt{color:#e60012;}
.about01 .dl dl:nth-of-type(3) dt h3{font-size:100px;font-weight:700;}
.about01 .dl dl:nth-of-type(3) dt h3 span{font-size:40px;font-weight: normal;}
.about01 .dl dl:nth-of-type(3) dt p{font-size:16px;color:#333;font-weight: normal;padding-left:20px;padding-bottom:15px;line-height: 1.2;}
.about01 .dl dl:nth-of-type(3) dt .dt{display: flex;flex-wrap: wrap;align-items: end;margin-bottom:10px;}
.about01 .dl dl:nth-of-type(3) dd .text{margin-top:2vw;}
.about01 .img{text-align:center;position: fixed;bottom:0px;z-index:0;left:0;width:100%;opacity: 0;}
@media only screen and (min-width: 1921px) {
    .about01 .img{left:42%;transform:translateX(-50%);}
}
@media only screen and (max-width: 1441px) {
    .about01 dt{flex:0 0 30%;display: flex;align-content: center;flex-wrap: wrap;}
    .about01 dl{margin-bottom:10vw;}
    .about01 .dl dl:nth-of-type(3){margin-bottom:0vw;}
    .about01 dd h3{margin-bottom: 2vw;padding-right:5vw;}
    .about01 .dl dl:nth-of-type(2) dt .text h3{font-size: 70px;}
    .about01 .dl dl:nth-of-type(2) dt .text h3 span{font-size: 50px;}
    .about01 .dl dl:nth-of-type(3) dt{padding-top:4vw;}
    .about01 .dl dl:nth-of-type(3) dt h3{font-size:70px;}
    
}
@media only screen and (max-width: 1230px) {
    .about01 dl{margin-top: 0px;}
    .about01 .dl dl:nth-of-type(3) dt h3{flex:0 0 100%;}
    .about01 .dl dl:nth-of-type(3) dt p{padding-left:0px;}
}
@media only screen and (max-width: 992px) {
    .about01 dd h3{font-size:20px;}
    .about01 .dl dl:nth-of-type(2) dt .text h3{font-size: 50px;}
    .about01 .dl dl:nth-of-type(2) dt .text h3 span{font-size:30px;}
    .about01 .dl dl:nth-of-type(3) dt h3{font-size:50px;}
}
@media only screen and (max-width: 767px) {
    .about01{padding-top:15vw;}
    .about01 dt{flex:0 0 100%;}
    .about01 dd h3{margin-bottom: 5vw;}
    .about01 .dl dl:nth-of-type(1) dt{justify-content: center;}
    .about01 .dl dl:nth-of-type(2) dt{justify-content: center;}
    .about01 dd .text{padding-left:0px;}
    .about01 .dl dl:nth-of-type(3) dt h3{margin-bottom: 3vw;}
}

.about02{position: relative;z-index: 2;height:100vh; clip-path: inset(300px round 30px);}
.about02 .text_title{position: absolute;top:50%;left:50%;width:100%;z-index: 3;transform:translate(-50%,-50%);color:#fff;text-align: center;}
.about02 .img{height:100vh;position: absolute;left:0px;top:0px;width:100%;z-index: 1;opacity: 1;transition:all 0.5s ease-in-out;}
.about02 .img img{width:100%;height:100%;object-fit: cover;}
.about02 .img .text{
    text-align: center;color:#fff;width:90%;
    position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);
}
.about02 .img .text h3{margin-bottom: 5vw;font-weight:700;opacity: 0;}
.about02 .img .text p{margin-bottom: 1vw;font-weight: normal;opacity: 0;line-height: 1.3;}
.about02 .img:first-child{z-index: 3;top:100%;transition:none;}

.about02 .img_tab{position: absolute;right:10%;bottom:10%;z-index: 4;height:119px;display:none;}
.about02 .img_tab dl{position: absolute;display: flex;flex-wrap:wrap;width:240px;right:0px;top:0px;display:none;cursor: pointer;}
.about02 .img_tab dt{
    width:119px;height:119px;border:1px solid #fff;
    border-radius: 100%;display:flex;flex-wrap:wrap;justify-content: center;align-items: center;
    font-size:20px;color:#fff;transform:translateX(10px);
}
.about02 .img_tab dd{border-radius: 100%;width:119px;height:119px;overflow:hidden;position: relative;z-index: 2;}
.about02 .img_tab dd img{width:100%;height:100%;object-fit: cover;}
.about02 .img_tab dl.hover{display: flex;}

@media only screen and (max-width: 1441px) {
    .about02{clip-path: inset(200px round 30px);}
    .about02 .img_tab{height:100px;}
    .about02 .img_tab dt{width:100px;height:100px;}
    .about02 .img_tab dd{width:100px;height:100px;}
}
@media only screen and (max-width: 767px) {
    .about02{clip-path: inset(60px round 30px);}
    .about02 .img .text p{font-size: 16px;}
    .about02 .img .text p br{display: none;}
    .about02 .img_tab{width:100%;right:0px;}
    .about02 .img_tab dl{width:100%;justify-content: center;}
    .about02 .img_tab{height:80px;}
    .about02 .img_tab dt{width:80px;height:80px;}
    .about02 .img_tab dd{width:80px;height:80px;}
    .about02 .img_tab dt{font-size: 16px;}
}

.about03{
    background: #fff url(img/abImg17.png) no-repeat center bottom;
    position: relative;z-index: 2;padding-bottom: 7vw;overflow: hidden;
}
.about03>p{font-size: 600px;color:#fafafa;font-weight: 700;position: absolute;top:0px;left:0px;line-height: 0.8;z-index: 0;}
.about03 .text{
    position: relative;z-index: 2;flex:0 0 100%;justify-content: center;
    display:flex;flex-wrap:wrap;align-items: center;padding:10vw 0 5vw;
}
.about03 .text img{width:100%;}
.about03 .text .img:nth-of-type(1){position: relative;flex:0 0 358px;}
.about03 .text .img:nth-of-type(1):after{
    content:"";width:50%;height:50%;display: block;
    position:absolute;right:0px;top:50%;transform:translateY(-50%);opacity: 0.1;
    background-color:#e60012;border-radius: 100%;overflow:hidden;z-index: -1;
    transition:all 0.7s ease-in-out;
}
.about03.c3_active .text .img:nth-of-type(1):after{
    width:120%;height:120%;
}
.about03 .text .img:nth-of-type(2){margin:0 1vw;flex:0 0 392px;}
.about03 .text .img:nth-of-type(3){position: relative;flex:0 0 187px;}
.about03 .text .img:nth-of-type(3):after{
    content:"";width:30vw;height:30vw;display: block;
    position:absolute;left:-20vw;top:50%;transform:translateY(-50%);opacity: 0.2;
    border:1px solid #e60012;border-radius: 100%;overflow:hidden;z-index: -1;
    transition:all 0.7s ease-in-out 0.3s;opacity: 0;
}
.about03 .p{position: relative;z-index: 2;text-align: center;margin-top: 3vw;font-size:18px;color:#666;}
.about03.c3_active .text .img:nth-of-type(3):after{
    left:-14.5vw;opacity: 0.2;
}

@media only screen and (max-width: 1441px) {
    .about03 .text .img:nth-of-type(1){flex:0 0 31%;}
    .about03 .text .img:nth-of-type(2){flex:0 0 40%;}
    .about03 .text .img:nth-of-type(3){flex:0 0 16%;}
}
@media only screen and (max-width: 767px) {
    .about03{padding:10vw 0 15vw;}
    .about03 .p br{display: none;}
}

.about04{position: relative;z-index:2;height: 100vh;}
.about04 .img{position: relative;z-index: 2;height: 100%;}
.about04 .img img{width:100%;height: 100%;object-fit: cover;}
.about04 .text{
    position: absolute;color:#fff;top:20%;left:50%;transform:translateX(-50%);
    z-index:3;
}
.about04 .text h3{max-width: 930px;margin-bottom:1.3vw;}
.about04 .text p{max-width:930px;}
.about04 .dl{
    position: absolute;color:#fff;bottom:0%;left:0%;width:100%;
    z-index:3;display:flex;flex-wrap:wrap;
}
.about04 .dl dl{flex:1;background: rgba(0,0,0,0.4);padding:7vw 4.5vw;text-align: center;position:relative;transition:all 0.3s ease;}
.about04 .dl dl:after{
    content: "";position:absolute;left:0px;top:0px;width:100%;bottom:0px;
    background:#c80010;border-top-right-radius: 500px;
    transition:all 0.5s ease;transform: scale(0);transform-origin: left bottom;
}
.about04 .dl dt{position: relative;z-index: 2;}
.about04 .dl dt:after{
    content: "";display: block;width:8px;height:8px;background: #e60012;border-radius: 100%;
    position:absolute;left:50%;top:-30px;transform:translateX(-50%);
}
.about04 .dl dt h3{margin-bottom:1vw;}
.about04 .dl dl:hover{
    background:#e60012;text-align: left;
}
.about04 .dl dl:hover:after{transform: scale(1);}
.about04 .dl dl:hover dt:after{display:none;}
@media only screen and (max-width: 1441px) {
    .about04 .dl dl{padding-top:5vw;padding-bottom:5vw;}
}
@media only screen and (max-width: 1230px) {
    .about04 .dl dt p br{display: none;}
}
@media only screen and (max-width: 992px) {
    .about04 .dl dl{padding-top:10vw;padding-bottom:10vw;}
    .about04 .text p br{display: none;}
}
@media only screen and (max-width: 767px) {
    .about04 .container{width:100%!important;}
    .about04 .text{top:5%;}
    .about04 .text h3{margin-bottom:5vw;}
    .about04 .dl dl{flex:0 0 100%;}
    .about04 .dl dt:after{top:-20px;}
    .about04 .dl dt h3{margin-bottom: 3vw;}
}

.about05{padding:10vw 0;background-color: #fff;position: relative;z-index: 2;}
.about05 .text{margin-bottom: 4.5vw;text-align: center;}
.about05 .text h3{margin-bottom: 1vw;}
.about05 .dl{display: flex;flex-wrap:wrap;justify-content: space-between;}
.about05 dl{
    border-radius: 20px;overflow: hidden;background: #f5f5f5;flex:0 0 23%;position: relative;
    padding:1.5vw;
}
.about05 dl:after{
    content: "";position:absolute;left:0px;top:0px;width:100%;bottom:0px;
    background:#c80010;border-top-right-radius: 500px;transform-origin: left bottom;
    transition:all 0.5s ease;transform:scale(0);
}
.about05 dd{position: relative;z-index: 2;}
.about05 dd span{display: block;width:60px;height:55px;position: relative;overflow: hidden;margin-left: auto;margin-bottom: 4vw;}
.about05 dd span img{position:absolute;left:0px;bottom:0%;max-width: none;max-height: none;}
.about05 dd h3{display: flex;align-items: end;font-weight: 700;margin-bottom: 1vw;color:#e60012;}
.about05 dd h3 b{font-size:100px;margin-right: 10px;line-height: 0.7;}
.about05 dd h3 em{display: block;width:100%;font-size: 60px;line-height: 0.6;font-weight: normal;}
.about05 dd h3 q{font-size: 20px;line-height: 1;font-weight: normal;}
.about05 dd p{color:#999;font-size:16px;}
.about05 dl:hover{
    background:#e60012;color:#fff;
}
.about05 dl:hover:after{transform:scale(1);}
.about05 dl:hover dd h3{color:#fff;}
.about05 dl:hover dd span img{top:0px;bottom:auto;}
.about05 dl:hover dd p{color:#fff;}

.about05 .dl dl{top:50px;opacity: 0;transition:top 0.7s ease;}
.about05.c5_active .dl dl{top:0;opacity: 1;}
.about05.c5_active .dl dl:nth-of-type(2){transition-delay:0.2s;}
.about05.c5_active .dl dl:nth-of-type(3){transition-delay:0.4s;}
.about05.c5_active .dl dl:nth-of-type(4){transition-delay:0.6s;}

@media only screen and (max-width: 1441px) {
    .about05 dd h3 b{font-size: 70px;}
    .about05 dd h3 em{font-size: 40px;}
}
@media only screen and (max-width: 1230px) {
    .about05 dd span{transform:scale(0.7);}
}
@media only screen and (max-width: 992px) {
    .about05 dd h3 b{font-size: 50px;}
    .about05 dd h3 em{font-size: 30px;}
}
@media only screen and (max-width: 767px) {
    .about05{padding:15vw 0;}
    .about05 .text{margin-bottom: 8vw;}
    .about05 .text h3{margin-bottom: 3vw;}
    .about05 .text p br{display:none;}
    .about05 dl{flex:0 0 100%;padding:5vw;margin-bottom: 5vw;}
    .about05 dd h3{margin-bottom: 3vw;}
    .about05 dd h3 b{font-size: 60px;}
}

.about06{height:900px;position: relative;overflow: hidden;}
.about06 .container{height:100%;}
.about06 .img{height:100%;position:absolute;left:0px;top:0px;width:100%;}
.about06 .img img{width:100%;height:100%;object-fit: cover;}
.about06 .ab06_con{height:100%;display: flex;flex-wrap:wrap;position: relative;z-index: 2;justify-content: space-between;}
.about06 .left{
    color:#fff;flex:0 0 560px;height:100%;
    display: flex;flex-wrap: wrap;align-items: center;
}
.about06 .left h3{margin-bottom: 1vw;font-weight: 700;}
.about06 .right{flex:0 0 600px;display: flex;flex-wrap:wrap;justify-content: space-between;height:100%;}
.about06 .right .rt01{height:100%;margin-right:40px;flex:1;}
.about06 .right .rt02{height:100%;flex:1;}
.about06 .right .ab06_swiper{height:100%;}
.about06 .right .ab06_swiper1{height:100%;}
.about06 .right dl{border-radius: 20px;overflow: hidden;background: #fff;padding:1.5vw;
    height:100%;overflow: hidden;position: relative;transition:all 0.3s ease-in-out;
}
.about06 .right dt h3{margin-bottom: 0.3vw;font-weight: 700;}
.about06 .right dt p{font-size:16px;}
.about06 .right dd{
    margin-top: 1vw;padding-top:1vw;border-top:1px solid #ccc;color:#999;
}
.about06 .right dd span{margin-bottom: 0.5vw;font-size:16px;display: block;}
.about06 .right dd p{font-size:16px;}
.about06 .right dl:hover{background: #e60012;color:#fff;}
.about06 .right dl:hover dd{border-color: rgba(255,255,255,0.6);}
.about06 .right dl:hover dd span{color:rgba(255,255,255,0.6);}
.about06 .right dl:hover dd p{color:rgba(255,255,255,0.6);}
@media only screen and (min-width: 1921px) {
    .about06{height:1100px;}
}
@media only screen and (max-width: 1441px) {
    .about06 .left{flex:0 0 48%;}
    .about06 .right{flex:0 0 48%;}
}
@media only screen and (max-width: 1230px) {
    .about06{height:auto;}
    .about06 .container{width:100%!important;}
    .about06 .ab06_con{display: block;padding:10vw 0;}
    .about06 .left{flex:0 0 100%;height: auto;width:70%;margin-left:auto;margin-right:auto;}
    .about06 .right{flex:0 0 100%;height:auto;margin-top:8vw;display: block;}
    .about06 .right .rt01{flex:0 0 100%;margin-bottom: 5vw;width:100%;}
    .about06 .right .rt02{flex:0 0 100%;width:100%;}
    .about06 .right dl{padding:3vw;}
    .about06 .right dd{position:static;}
    .about06 .right .swiper-slide{height:auto;}
}
@media only screen and (max-width: 767px) {
    .about06 .ab06_con{padding:35vw 0;}
    .about06 .left{width:100%;}
    .about06 .right dl{padding:5vw 8vw;}
    .about06 .right dd{margin-top:8vw;padding-top:8vw;}
    .about06 .right dt h3{margin-bottom: 2vw;font-size: 40px;}
    .about06 .right dd span{margin-bottom: 2vw;}
}

.about07{
    padding:5vw 0;background: #fff;position: relative;z-index: 2;
}
.about07 .container{position: relative;}
.about07 .text{
    position:absolute;left:8%;bottom:10%;right:8%;color:#fff;
}
.about07 .text h2{margin-bottom:2vw;}
.about07 .text .dl{display: flex;flex-wrap:wrap;}
.about07 .text .dl dd{margin-right:3vw;}
.about07 .text .dl dd h3{font-size:60px;font-weight:700;margin-bottom:0.5vw;}
.about07 .text .dl dd span{color:#999;}

.about07 .text h2{top:50px;opacity: 0;transition:all 0.7s ease;position: relative;}
.about07 .text .dl dd{top:50px;opacity: 0;transition:all 0.7s ease;position: relative;}
.about07.c7_active .text h2{top:0;opacity:1;}
.about07.c7_active .text .dl dd{top:0;opacity: 1;}
.about07.c7_active .text .dl dd:nth-of-type(1){transition-delay:0.2s;}
.about07.c7_active .text .dl dd:nth-of-type(2){transition-delay:0.4s;}
.about07.c7_active .text .dl dd:nth-of-type(3){transition-delay:0.6s;}

.about07 .img{height: 100%;border-radius: 10px;overflow: hidden;}
.about07 .img img{height:100%;width:100%;object-fit: cover;}

@media only screen and (max-width: 1441px) {
    .about07 .text .dl dd h3{font-size: 40px;}
}
@media only screen and (max-width: 767px) {
    .about07{padding:15vw 0;}
    .about07 .img{height:50vh;}
    .about07 .text h2{margin-bottom: 8vw;font-weight: 700;}
    .about07 .text .dl dd{flex:1;margin-bottom: 3vw;margin-right: 0px;min-width: 50%;}
}

.aboutus-banner video{width:100%;height:100%;object-fit: cover;}
.aboutus-banner img{width:100%;height:100%;object-fit: cover;}
@media only screen and (max-width: 767px) {
    .aboutus-banner {height:300px;}
}

.title h3{font-weight: 700;margin-bottom: 20px;}
.title h4{margin-bottom:36px;}
.title .a a{
    color:#fff;display: inline-flex;background: #e60012;border-radius: 50px;
    align-items: center;justify-content: space-around;
    padding:12px 30px;
}
.title .a a svg{transition:all 0.5s ease-in-out;margin-left:30px;}
.title .a a:hover{text-decoration: underline;}
.title .a a:hover svg{transform:translateX(-10px);}
@media only screen and (max-width: 1441px) {
    .title .a a{padding:12px 25px;}
    .title .a a svg{width:20px;height:20px;margin-left:15px;}
}
@media only screen and (max-width: 1230px) {
    .title .a a svg{margin-left:1.5vw;}
}
@media only screen and (max-width: 994px) {
    .title{margin-bottom: 5vw;}
    .title h3{margin-bottom:1vw;}
    .title h4{margin-bottom:3vw;}
    .title .a a{font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .title{margin-bottom: 8vw;}
    .title h3{margin-bottom:5vw;}
    .title h4{margin-bottom:5vw;}
    .title .a a{padding:2vw 5vw;}
    .title .a a svg{width:20px;height:20px;}
}

.ab01{display: flex;flex-wrap:wrap;padding:240px 0 120px;background: url(../img2/abImg8.jpg) no-repeat center bottom;}
.ab01 .left{flex:0 0 450px;}
.ab01 .title h4{font-weight: 700;color:#e60012;}
.ab01 .right{flex:1;}
.ab01 .right .p{padding-left:190px;color:#999;}
/* 动画 */
.ab01 .right{opacity: 0;transition:all 0.5s ease-in-out 0.2s;}
.ab01 .title h3{transform:translateY(20px);opacity:0;transition:all 0.5s ease-in-out 0.1s;}
.ab01 .title h4{transform:translateY(20px);opacity:0;transition:all 0.5s ease-in-out 0.2s;}
.ab01 .title .a{transform:translateY(20px);opacity:0;transition:all 0.5s ease-in-out 0.3s;}
.ab01.active .title h3{transform:translateY(0px);opacity:1;}
.ab01.active .title h4{transform:translateY(0px);opacity:1;}
.ab01.active .title .a{transform:translateY(0px);opacity:1;}
.ab01.active .right{opacity: 1;}


@media only screen and (max-width: 1600px) {
    .ab01{padding:12vw 0 6vw;}
    .ab01 .left{flex:0 0 30vw;}
    .ab01 .right .p{padding-left:9vw;}
}
@media only screen and (max-width: 1441px) {

}
@media only screen and (max-width: 1230px) {
    .ab01 .title h4 br{display: none;}
}
@media only screen and (max-width: 767px) {
    .ab01{padding:15vw 0;background-size: 100%;}
    .ab01 .left{flex:0 0 100%;}
    .ab01 .right .p{padding-left:0px;}
}

.ab01_1{border-radius: 20px;overflow: hidden;position: relative;margin-bottom: 8vw;overflow: hidden;}
.ab01_1 .text{position:absolute;left:5%;top:50%;z-index: 2;color:#fff;transform:translateY(-50%);}
.ab01_1 .ab01_img{width:100%;}
.ab01_1 .ab01_img img{width:100%;height:100%;object-fit: cover;}
@media only screen and (max-width: 767px) {
    .ab01_1 .ab01_img{height:400px;}
}

.ab02{position: relative;}
.ab02_text{z-index: 2;color:#fff;}
.ab02_text .title h4{line-height: 1.5;transform: translateY(20px);}
.ab02_text .title h3{transform: translateY(20px);}
.ab02_text .title .a a{opacity: 0;}
.ab02_text .text{opacity: 0;visibility: hidden;z-index: 2;position:absolute;left:50%;top:40%;transform:translate(-50%,-50%);}
.ab02_text .text.on{opacity:1;visibility:visible;transition:all 0.5s ease-in-out;}
.ab02_text .text.on h3{transform:translateY(0);transition:all 0.3s ease-in-out 0s;}
.ab02_text .text.on h4{transform:translateY(0);transition:all 0.3s ease-in-out 0.1s;}
.ab02_text .text.on a{opacity:1;transition:all 0.1s ease-in-out 0.2s;}

.ab02_ul{position: absolute;left:50%;bottom:10%;transform:translateX(-50%);z-index: 2;color:#fff;}
.ab02_ul ul{display: flex;flex-wrap: wrap;border-top:1px solid rgba(255,255,255,0.2);}
.ab02_ul li{flex:auto;text-align: center;position: relative;padding-top:40px;}
.ab02_ul li:after{
    content: "";display:block;width:10px;height:10px;background-color: #fff;border-radius: 100%;
    position:absolute;left:50%;top:-5px;transform:translateX(-50%);
}
.ab02_ul li.on{color:#e60012;}
.ab02_ul li.on:after{background-color: #e60012;}

.ab02_img{position: relative;}
.ab02_img dd{position:absolute;left:0px;top:0px;opacity: 0;transition:all 0.5s ease-in-out;}
.ab02_img dd:first-child{position:static;}
.ab02_img dd.on{opacity: 1;z-index: 1;}
.ab02_img img{width:100%;height:100%;object-fit: cover;}
@media only screen and (max-width: 1230px) {
    .ab02_ul li{flex:1;padding-top:2vw;}
    .ab02_ul ul{font-size:16px;}
}
@media only screen and (max-width: 767px) {
    .ab02_img dd{height:400px;}
    .ab02_ul{position:static;transform: translateX(0%);width:100%!important;color:#333;border:0;}
    .ab02_ul li{
        flex:0 0 100%;margin-bottom:3vw;padding:0px;text-align: left;border:1px solid #919da7;padding:3vw 5vw;
        border-radius: 8px;
    }
    .ab02_ul li:after{display: none;}
    .ab02_text .text{width:100%!important;top:auto;bottom:10%;transform:translate(-50%,0);}
}


.ab03{padding:220px 0;}
.ab03_title{text-align: center;margin-bottom: 70px;position: relative;z-index: 3;}
.ab03_con{display: flex;flex-wrap:wrap;}
.ab03_con dd{flex:1;display: flex;flex-wrap:wrap;align-items: center;}
.ab03_con dd.left .title{padding-right:90px;}
.ab03_con dd.right .title{padding-left:90px;}
.ab03_con dt{flex:0 0 402px;}
.ab03_con dt img{width:100%;}
.ab03_con .title h3 a{color:#333;}
.ab03_con .title h3 a:hover{text-decoration: underline;}
.ab03_con .title h4{color:#999;line-height: 1.5;}
.ab03_con .title .a a{background: #fff;border:1px solid #c6c6c6;color:#c6c6c6;}
.ab03_con .title .a a path{fill:#c6c6c6;}
.ab03_con .title .a a:hover{background: #e60012;color:#fff;border-color:#e60012;}
.ab03_con .title .a a:hover path{fill:#fff;}
.ab03_con .title:hover h3 a{color:#e60012;}

/* 动画 */
.ab03_con dd.left{transform: translateX(30px);opacity: 0;transition:all 0.5s ease-in-out 0.1s;}
.ab03_con dd.right{transform: translateX(-30px);opacity: 0;transition:all 0.5s ease-in-out 0.2s;}
.ab03_con dt{transition:all 0.7s ease-in-out;}
.ab03_con.c3_active dd.left{transform: translateX(0);opacity: 1;}
.ab03_con.c3_active dd.right{transform: translateX(0);opacity: 1;}
.ab03_con.c3_active dt{transform:rotate(360deg);}
@media only screen and (max-width: 1600px) {
    .ab03{padding:10vw 0;}
    .ab03_title{margin-bottom:4vw;}
}
@media only screen and (max-width: 1231px) {
    .ab03_con dt{flex:0 0 30%;}
}
@media only screen and (max-width: 992px) {
    .ab03_con dd.right .title{padding-left:3vw;}
    .ab03_con dd.left .title{padding-right:3vw;}
}
@media only screen and (max-width: 767px) {
    .ab03_title{margin-bottom:8vw;}
    .ab03_con .title h3{margin-bottom: 3vw;}
    .ab03_con dd{flex:0 0 100%;}
    .ab03_con dt{display: none;}
    .ab03_con dd.right .title{padding-left:0vw;}
    .ab03_con dd.left .title{padding-right:0vw;}
}
.ab04{position: relative;}
.ab04 .ab04_con{
    position:absolute;top:10%;left:50%;transform:translateX(-50%);z-index: 2;
}
.ab04 .ab04_title{color:#fff;text-align: center;}
.ab04 .img img{width:100%;height: 100%;object-fit: cover;}
.ab04_title{margin-bottom:55px;}
.ab04_dl{display: flex;flex-wrap:wrap;justify-content: space-between;}
.ab04_dl dl{
    border-radius: 20px;overflow: hidden;background: rgba(0,0,0,0.4);flex:0 0 31%;position: relative;
    padding:70px 70px;color:#fff;text-align: center;
}
.ab04_dl dl:after{
    content: "";position:absolute;left:0px;top:0px;width:100%;bottom:0px;
    background:#c80010;border-top-right-radius: 500px;transform-origin: left bottom;
    transition:all 0.5s ease;transform:scale(0);
}
.ab04_dl dd{position: relative;z-index: 2;}
.ab04_dl dd h3{margin:30px 0;}
.ab04_dl dd p{line-height: 1.5;color:#bbc3c7;}
.ab04_dl dt{position: relative;z-index: 2;margin-top:60px;}
.ab04_dl dt a{display: inline-flex;width:50px;height:50px;border-radius: 100%;border:1px solid #919da7;align-items: center;justify-content: center;}
.ab04_dl dt a path{fill:#919da7;transition:all 0.3s ease-in-out;}
.ab04_dl dl:hover{background:#e60012;color:#fff;}
.ab04_dl dl:hover dd p{color:#fff;}
.ab04_dl dl:hover dt a{border-color: #fff;}
.ab04_dl dl:hover dt a path{fill:#fff;}
.ab04_dl dl:hover:after{transform:scale(1.2);}

/* 动画 */
.ab04_dl dl{opacity:0;transform:translateY(20px);transition:all 0.5s ease-in-out;}
.ab04_dl dl:nth-of-type(2){transition-delay: 0.1s;}
.ab04_dl dl:nth-of-type(3){transition-delay: 0.2s;}
.ab04.active .ab04_dl dl{opacity:1;transform:translateY(0);}
@media only screen and (max-width: 1441px) {
    .ab04_title{margin-bottom:3vw;}
    .ab04_dl dl{padding:4vw;}
    .ab04_dl dd p br{display: none;}
    .ab04_dl dt{margin-top:3vw;}
    .ab04_dl dd h3{margin:2vw 0;}
    .ab04_dl dt a{width:40px;height:40px;}
    .ab04_dl dt a svg{width:20px;height:20px;}
    .ab04_dl dd span{display: block;width:45px;margin:0 auto;}
    .ab04_dl dd span img{width:100%;}
}
@media only screen and (max-width: 1230px) {
    .ab04_dl dd h3{font-size:22px;}
    .ab04_dl dd p{font-size: 14px;}
}
@media only screen and (max-width: 767px) {
    .ab04_dl dl{flex:0 0 100%;margin-bottom:5vw;background: rgba(0,0,0,0.6);padding:8vw 5vw;}
    .ab04{padding:15vw 0;}
    .ab04 .ab04_title{margin-bottom: 8vw;}
    .ab04 .ab04_con{position:relative;transform:translate(0,0);z-index: 2;top:0px;left:0px;}
    .ab04 .img{position:absolute;left:0px;width:100%;top:0px;z-index: 0;height: 100%;}
    .ab04_dl dd h3{margin:5vw 0 3vw;}
    .ab04_dl dt{margin-top:5vw;}
    .ab04_dl dt a{width:30px;height:30px;}
    .ab04_dl dt a svg{width:15px;height:15px;}
}