@font-face {
    font-family: "Muli-SemiBold";
    src: url("../font/MULI-SEMIBOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Light";
    src: url("../font/MULI-LIGHT.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Regular";
    src: url("../font/MULI-REGULAR.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Bold";
    src: url("../font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "Muli-Bold";
    src: url("../font/MULI-BOLD.TTF") format("truetype");
}
@font-face {
    font-family: "AvantGarde-Md";
    src: url("../font/3957FE_1.OTF") format("truetype");
}
/*group css*/
.group-wrap02{width:100%;background-color: #fff;}
.group-wrap02 img{width:100%;pointer-events: none;}
.group-wrap02 .cw1520{width:1520px;margin:0 auto;}
.group-clear-both{zoom:1;}
.group-clear-both:before,
.group-clear-both:after{display: table;content:"";clear:both;}
.group-fr{float:right;}
.group-fl{float:left;}
.group-table-cell{display: table-cell;vertical-align: middle;}
/* banner标题 */
.group-banner-tit{position: absolute;top: 23%;left: 50%;transform: translateX(-50%);text-align: center;color: #fff;}
.group-banner-tit .grouptxt1{font-size: 30px;font-style: italic;font-family: Muli-SemiBold;}
.group-banner-tit .grouptxt2{margin-top:10px;font-size: 16px;line-height: 1.625;}
/* 共同标题 */
.group-com-tit{font-size: 30px;font-family: "Muli-Bold";color: rgb(0, 0, 0);line-height: 1;text-align: center;padding-bottom:30px;position: relative;}
.group-com-tit::after{content: "";position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);background-color: rgb(216, 216, 216);width: 60px;height: 2px;}

/* group06 */
.group06{width:100%;background: #fff;padding-bottom:90px;overflow: hidden;}
.group06 .cont{margin-top:50px;}
/*swiper*/
.group06 .milestone-container{width:100%;margin:0 auto;color:#333;position: relative;user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;}
.group06 .swiper-slide{width:320px;min-height:730px;overflow: hidden;}
.group06 .swiper-slide[relativeIndex='5'] .line-arrow{display: none;}
.group06 .swiper-slide .height{width:100%;height:365px;position: relative;overflow: hidden;}
.group06 .swiper-slide .img{width:100%;position: relative;padding-top: 56.25%;border-radius: 20px;overflow: hidden;}
.group06 .swiper-slide .img img{width:100%;object-fit: cover;position: absolute;left:50%;top: 50%;transform: translate(-50%, -50%);}
/* .group06 .swiper-slide .tit02{height:25px;font:18px Muli-Bold;margin-top:15px;} */
.group06 .swiper-slide .dot{width:100%;padding:13.5px 0px;}
.group06 .swiper-slide .dot2{width:100%;padding:3px 0px;}
.group06 .swiper-slide .desc{font-size: 16px;color: rgb(51, 51, 51);line-height: 1.25;max-height:calc(1.25 * 4 * 16px);overflow-y:auto;font-family: Muli-Regular;}
.group06 .swiper-slide .part-line{width:100%;height:1px;position: relative;background-color: #d2d2d2;overflow: hidden;}
.group06 .swiper-slide .year .tit{font:24px "AvantGarde-Md";color:#ff4d00;text-align: center;line-height: 2;}
.group06 .swiper-slide .year .line{width:2px;height:38px;position: relative;margin:0 auto;background-color:#d2d2d2;}
.group06 .swiper-slide .year .line::after{content: "";position: absolute;left: 50%;transform: translateX(-50%);background-color: rgb(255, 77, 0);width: 8px;height: 8px;border-radius: 50%;}
.group06 .swiper-slide .year.top .line::after{top:0px;}
.group06 .swiper-slide .year.bottom .line::after{bottom:0px;}
/*two css*/
.group06 .swiper-slide .one{display:flex;flex-direction: column;justify-content:flex-end;}
/*errow*/
.group06 .swiper-button-prev,
.group06 .swiper-button-next{width:40px;height:40px;border-radius: 50%;background-color: #d8d8d8;background-repeat: no-repeat;background-position: center;color:transparent!important;}
.group06 .swiper-button-prev:hover,
.group06 .swiper-button-next:hover{background-color: #ff4d00 !important;}
.group06 .swiper-button-prev{top:50%;left:-52px;background: url("/images/about/arrow_left.png") no-repeat #d8d8d8 center !important;background-size: 70%;transform: rotate(0);}
.group06 .swiper-button-next{top:50%;right:-52px;background: url("/images/about/arrow_right.png") no-repeat #d8d8d8 center !important;background-size: 70%;}
.group06 .swiper-button-disabled:hover{background-color: #d8d8d8;}
.group06 .swiper-button-disabled{opacity: 0.6!important;}
.group06 .swiper-container .mask{width: 42px;height: 20px;background: #d8d8d8;position: absolute;top: 50%;right: 0px;z-index: 9;transform: translateY(-50%);}
/* group06 */