@charset "utf-8";

html {
    font-size: 56.3%;
}

/* sec1 */

.swiper.sec1 {
    height: 450px;
}

.swiper.sec1 div[class*=factor] {
    padding: 50px 100px 0 0;
}

.swiper.sec1 div[class*=factor] h2 {
    font-size: 35px;
}

.swiper.sec1 div[class*=factor] h2::before {
    height: 20px;
}

.swiper.sec1 div[class*=factor] a {
    padding-top: 20px;
}

.swiper.sec1 span[class^=arrow] {
    font-size: 60px;
}

.swiper.sec1 .sec1_icon {
    display: none;
}

/* sec2 */

.sec2 {
    height: auto;
    overflow: auto;
}

.sec2 .left {
    clear: left;
    width: 100%;
    height: 500px;
    padding: 50px 0 0 0;
}

.sec2 .left h3 {
    text-align: center;
    padding-bottom: 90px;
}

.sec2 .left h3 br {
    display: none;
}

.sec2 .left p {
    font-size: 20px;
}

.sec2 .right {
    clear: left;
    width: 100%;
    padding: 80px 30px;
}

.sec2 .right .swiper.value {
    padding: 50px 0 0 0;
}

.sec2 .right .swiper.value .swiper-wrapper {
    flex-wrap: wrap;
    justify-content: space-between;
}

/* .sec2 .right .swiper-wrapper {
    padding: 50px 0 0 0;
    gap: 24px;
    overflow: visible;
    flex-wrap: wrap;
    justify-content: center;
} */

.sec2 .right h3 {
    padding-bottom: 50px;
}

.sec2 .right .swiper.value {
    padding-top: 0;
}

.sec2 .right div[class*=factor] {
    flex: 0 1 48%;
    margin-bottom: 24px;
}

.sec2 .right div[class*=factor] img {
    height: 230px;
}

.sec2 .right div.slide2,
.sec2 .right div.slide3,
.sec2 .right div.slide4 {
    display: block;
}


/* sec3 */
.sec3 h2.sec3_ani {
    font-size: 110px;
    padding: 100px 0 30px 0;
}

.sec3 .swiper.report {
    padding-left: 10px;
}

.sec3 .swiper div[class*=factor] {
    /* flex-basis: 350px; */
    width: 350px;
    height: 350px;
    padding: 20px;
}

.sec3 .swiper div[class*=factor] p {
    /* font-size: 2rem; */
    font-weight: 500;
}

/* .sec3 .bt_box {
    padding: 20px 0 0 10px;
} */

/* sec4 */
.sec4 {
    margin-top: 100px;
    height: 550px;
}

.sec4 .inner_wrap {
    max-width: 100%;
    padding: 0 0 0 10px;
}

.sec4 .menubar li a {
    height: 39px;
    line-height: 39px;
}

.sec4 .content .left {
    width: 38%;
}

.sec4 .content .left::after {
    font-size: 70px;
}

.sec4 .content .right {
    width: 60%;
}


.sec4 .content .right .text_box {
    max-width: 550px;
    width: 100%;
    height: 90px;
}

.sec4 .content .right .text_box a {
    padding: 5px 30px;
}

.sec4 .content .right .swiper.sport1 a[class*=factor] img {
    height: 200px;
}

.sec4 .content .right .swiper.sport1 a[class*=factor] {
    width: 150px;
}

/* sec5 */
.sec5 {
    padding-top: 80px;
}

.sec5 .inner_wrap {
    width: 80%;
    padding: 0;
}

.sec5 .inner_wrap>h3 {
    padding-bottom: 80px;
}

.sec5 .inner_wrap>h3::after {
    width: 150px;
    height: 150px;
}

.sec5 .content>li {
    gap: 20px;
    padding-bottom: 60px;
}

.sec5 .content>li .img_box {
    width: 400px;
}

.sec5 .content>li .text_box {
    height: 300px;
}

/* sec6 */

.sec6 {
    padding-top: 100px;
}

.sec6>h4::before {
    transform: translateX(-101%);
}

.sec6>h4::after {
    transform: translateX(1%);
}


.sec6 .flex_wrap div[class^=box] .box_type1 {
    height: 390px;
}

.sec6 .flex_wrap div[class^=box] .box_type2 {
    height: 450px;
}

.sec6 .flex_wrap div[class^=box] .box_type3 {
    height: 310px;
}

/* sec7 */

.sec7 {
    margin-top: 100px;
}

.sec7 .swiper.news {
    height: 460px;
    position: relative;
}