@charset "UTF-8";
.rel-position {
    position: relative;
}

.follow-position {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}



.banner0>img {
    width: 100%;
}

.banner0 a {
    display: block;
    width: 100%;
    height: 100%;
}

.banner1 .container-custom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-top: 14.323vw;
    color: #fff;
}

.banner1 .container-custom h1 {
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
}

.banner1 .container-custom .desc {
    width: calc(206px + (326 - 206) * ((100vw - 375px) / (768 - 375)));
    padding-top: 2.604vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    text-align: justify;
    text-align-last: justify;
}

.banner1>img {
    width: 100%;
}

.banner2 .container-custom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-top: 14.323vw;
    color: #fff;
}

.banner2 .container-custom h1 {
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
}

.banner2 .container-custom h1 span {
    padding-left: 2.604vw;
    font-size: calc(20px + (30 - 20) * ((100vw - 375px) / (768 - 375)));
    color: #fc7632;
}

.banner2 .container-custom .desc {
    padding-top: 2.604vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}

.banner2>img {
    width: 100%;
}

.banner3 .container-custom {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
    padding-top: 14.323vw;
    color: #fff;
}

.banner3 .container-custom h1 {
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
}

.banner3 .container-custom .desc {
    padding-top: 2.604vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}

.banner3>img {
    width: 100%;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 4%;
}

.main01 {
    background-color: #f2f2f2;
}

.main01 .container-custom {
    padding-top: 10.417vw;
    padding-bottom: 5.208vw;
}

.main01 .container-custom .cont {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: #000;
}

.main01 .container-custom .cont h2 {
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
}

.main01 .container-custom .cont p {
    width: 83.333vw;
    padding-top: 2.604vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    line-height: 1.87;
    text-align: center;
}

.main01 .container-custom .cont ul {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    padding-top: 4.167vw;
}

.main01 .container-custom .cont ul li+li {
    margin-left: 11.719vw;
}

.main01 .container-custom .cont ul li .numbers {
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
}

.main01 .container-custom .cont ul li span {
    font-size: calc(28px + (32 - 28) * ((100vw - 375px) / (768 - 375)));
}

.main01 .container-custom .cont ul li h3 {
    padding-top: 1.563vw;
    font-size: calc(12px + (14 - 12) * ((100vw - 375px) / (768 - 375)));
}

.main01 .container-custom .pic {
    padding-top: 10.417vw;
    text-align: center;
}

.main02>h2 {
    padding-top: 10.417vw;
    padding-bottom: 7.813vw;
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.main02 ul li {
    margin-bottom: 2.083vw;
}

.main02 ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
    color: #fff;
    text-decoration: none;
}

.main02 ul li a .pic {
    -webkit-transition: all 0.5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
}

.main02 ul li>a .pic img {
    width: 100%;
}

.main02 ul li>a .text {
    position: absolute;
    top: 7.813%;
    left: 0;
    width: 100%;
    padding-right: 4.638%;
    padding-left: 9.275%;
}

.main02 ul li a .text h3 {
    font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (768 - 375)));
    font-weight: bold;
}

.main02 ul li a .text .desc {
    padding-top: 2.083vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    line-height: 1.2;
}

.main02 ul li.big-box {
    height: 46.875vw;
}

.main02 ul li.big-box .product-swiper {
    height: 100%;
}

.main02 ul li.big-box .product-swiper .swiper-wrapper {
    height: 100%;
}

.main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide {
    height: 100%;
}

.main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide>a .pic {
    width: 100%;
    height: 100%;
}

.main02 ul li a .pic:hover {
    -webkit-transform: scale(1.05) ;
    -moz-transform: scale(1.05) ;
    -ms-transform: scale(1.05) ;
    -o-transform: scale(1.05) ;
    transform: scale(1.05);
}

.main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide>a .pic img {
    position: absolute;
    right: -10%;
    width: auto;
    max-width: none;
    height: 100%;
}

.main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide>a .text {
    position: absolute;
    top: 50%;
    left: 6.356%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 8%;
}

.swiper-pagination-bullet-active {
    background-color: #fff;
}

.swiper-button-next, .swiper-button-prev {
    color: #fff;
}

.main03-content {
    padding-bottom: 10.417vw;
}

.main03-content .pic-swiper {
    display: none;
}

.main03-content .cont-swiper h2 {
    padding-top: 10.417vw;
    padding-bottom: 7.813vw;
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
    text-align: center;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    align-items: center;
    height: 18.229vw;
    padding-left: 5.208vw;
    background-color: #f2f2f2;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item+.slide-nav-item {
    margin-top: 2.083vw;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .icon {
    width: 10.938vw;
    height: 10.938vw;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .icon.i-1 {
    background: url('../images/index_icon01_black.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .icon.i-2 {
    background: url('../images/index_icon02_black.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .icon.i-3 {
    background: url('../images/index_icon03_black.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .icon.i-4 {
    background: url('../images/index_icon04_black.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .icon.i-5 {
    background: url('../images/index_icon05_black.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item.active .icon.i-1 {
    background: url('../images/index_icon01.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item.active .icon.i-2 {
    background: url('../images/index_icon02.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item.active .icon.i-3 {
    background: url('../images/index_icon03.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item.active .icon.i-4 {
    background: url('../images/index_icon04.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item.active .icon.i-5 {
    background: url('../images/index_icon05.png') center/cover no-repeat;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .cont {
    margin-left: 3.125vw;
    color: #000;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item.active .cont {
    color: #1052fa;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .cont h3 {
    font-size: calc(18px + (28 - 18) * ((100vw - 375px) / (768 - 375)));
    font-weight: bold;
    line-height: 1;
}

.main03-content .cont-swiper .slide-nav .slide-nav-item .cont p {
    padding-top: 2.083vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
}

.main03-bottom {
    display: none;
}

.main04 {
    padding-bottom: 10.417vw;
    background: url('../images/index_main04_bg@mb.jpg') center/cover no-repeat;
}

.main04 h2 {
    padding-top: 10.417vw;
    padding-bottom: 7.813vw;
    font-family: "SourceHanSansCN-Medium";
    font-size: calc(32px + (52 - 32) * ((100vw - 375px) / (768 - 375)));
    font-weight: 500;
    line-height: 1;
    text-align: center;
    color: #fff;
}

.main04 .container-custom ul li {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}

.main04 .container-custom ul li>div {
    flex: 0 0 50%;
}

.main04 .container-custom ul li .pic img {
    width: 100%;
}

.main04 .container-custom ul li .cont {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: #000;
    background-color: #fff;
}

.main04 .container-custom ul li:hover .cont {
    color: #fff;
    background-color: #1052fa;
}

.main04 .container-custom ul li .cont h3 {
    font-size: calc(16px + (20 - 16) * ((100vw - 375px) / (768 - 375)));
    font-weight: bold;
}

.main04 .container-custom ul li .cont p {
    padding-top: 2.604vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    line-height: 1.2;
    text-align: center;
}

.main04 .button-group {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    margin-top: 8.333vw;
}

.main04 .button-group a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 26.042vw;
    height: 7.813vw;
    font-size: calc(14px + (16 - 14) * ((100vw - 375px) / (768 - 375)));
    color: #fff;
    background-image: linear-gradient(to right,#1052fa,#32bafa);
}

.main04 .button-group a+a {
    margin-left: 7.813vw;
}

@media (max-width: 767px) {
    .swiper-button-next:after, .swiper-button-prev:after {
        font-size: 22px;
    }

    .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
        left: 0;
    }

    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        right: 0;
    }

    .main04 h2 {
        width: calc(270px + (430 - 270) * ((100vw - 375px) / (768 - 375)));
        margin:  0 auto;
    }
}

@media (min-width: 992px) {
    .banner1 .container-custom {
        justify-content: center;
        align-items: flex-start;
        padding-top: 0;
    }

    .banner1 .container-custom h1 {
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .banner1 .container-custom .desc {
        width: calc(326px + (366 - 326) * ((100vw - 1024px) / (1920 - 1024)));
        padding-top: 20px;
        font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .banner2 .container-custom {
        justify-content: center;
        align-items: flex-start;
        padding-top: 0;
    }

    .banner2 .container-custom h1 {
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .banner2 .container-custom h1 span {
        padding-left: 20px;
        font-size: calc(30px + (36 - 30) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .banner2 .container-custom .desc {
        padding-top: 20px;
        font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .banner3 .container-custom {
        justify-content: center;
        align-items: flex-start;
        padding-top: 0;
    }

    .banner3 .container-custom h1 {
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .banner3 .container-custom .desc {
        padding-top: 20px;
        font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main01 .container-custom {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        padding-top: calc(40px + (50 - 40) * ((100vw - 1024px) / (1920 - 1024)));
        padding-bottom: calc(40px + (50 - 40) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main01 .container-custom .cont {
        justify-content: center;
        align-items: flex-start;
        height: 100%;
    }

    .main01 .container-custom .cont h2 {
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main01 .container-custom .cont p {
        width: 83.333%;
        padding-top: 24px;
        font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024)));
        text-align: left;
    }

    .main01 .container-custom .cont ul {
        padding-top: 32px;
    }

    .main01 .container-custom .cont ul li+li {
        margin-left: 30px;
    }

    .main01 .container-custom .cont ul li .numbers {
        font-size: calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main01 .container-custom .cont ul li span {
        font-size: calc(32px + (36 - 32) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main01 .container-custom .cont ul li h3 {
        padding-top: 12px;
        font-size: calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main01 .container-custom .pic {
        height: calc(320px + (460 - 320) * ((100vw - 1024px) / (1920 - 1024)));
        padding-top: 0;
    }

    .main01 .container-custom .pic .cut {
        position: relative;
        height: 100%;
        overflow: hidden;
    }

    .main01 .container-custom .pic .cut>img {
        position: absolute;
        left: 50%;
        width: auto;
        max-width: none;
        height: 100%;
        -webkit-transform: translateX(-50%);
        -moz-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
        -o-transform: translateX(-50%);
        transform: translateX(-50%);
    }

    .main02>h2 {
        padding-top: calc(80px + (120 - 80) * ((100vw - 1024px) / (1920 - 1024)));
        padding-bottom: calc(60px + (80 - 60) * ((100vw - 1024px) / (1920 - 1024)));
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main02 ul {
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        flex-wrap: wrap;
    }

    .main02 ul li.big-box {
        height: auto;
    }

    .main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide>a .pic img {
        right: -20%;
    }

    .main02 ul li a .text h3 {
        font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main02 ul li a .text .desc {
        padding-top: 12px;
        font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 6px;
    }

    .main03-content {
        padding-bottom: calc(80px + (120 - 80) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main03-content .cont-swiper h2 {
        padding-top: calc(80px + (120 - 80) * ((100vw - 1024px) / (1920 - 1024)));
        padding-bottom: calc(60px + (80 - 60) * ((100vw - 1024px) / (1920 - 1024)));
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item {
        height: 140px;
        padding-left: 40px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item+.slide-nav-item {
        margin-top: calc(10px + (15 - 10) * ((100vw - 1024px) / (1920 - 1024)))
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .icon {
        width: 82px;
        height: 82px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont {
        margin-left: 24px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont h3 {
        font-size: 28px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont p {
        padding-top: 16px;
        font-size: 16px;
    }

    .main04 {
        background: url('../images/index_main04_bg.jpg') center/cover no-repeat;
        padding-bottom: calc(60px + (80 - 60) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main04 h2 {
        padding-top: calc(80px + (120 - 80) * ((100vw - 1024px) / (1920 - 1024)));
        padding-bottom: calc(60px + (80 - 60) * ((100vw - 1024px) / (1920 - 1024)));
        font-size: calc(52px + (56 - 52) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main04 .container-custom ul li.l-2 {
        flex-direction: row-reverse;
    }

    .main04 .container-custom ul li.l-3 {
        flex-direction: row-reverse;
    }

    .main04 .container-custom ul li .cont h3 {
        font-size: calc(20px + (24 - 20) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main04 .container-custom ul li .cont p {
        padding-top: calc(14px + (16 - 14) * ((100vw - 1024px) / (1920 - 1024)));
        font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main04 .button-group {
        margin-top: calc(60px + (80 - 60) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main04 .button-group a {
        width: calc(168px + (200 - 168) * ((100vw - 1024px) / (1920 - 1024)));
        height: calc(48px + (60 - 48) * ((100vw - 1024px) / (1920 - 1024)));
        font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    }
}

@media (min-width: 1200px) {
    .main02 ul li.big-box {
        height: calc(460px + (560 - 460) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide>a .pic img {
        right: 0;
    }

    .main02 ul li.big-box .product-swiper .swiper-wrapper .swiper-slide>a .text {
        left: 12.356%;
    }

    .main03-content {
        margin-bottom: calc(-648px + (-820 + 648) * ((100vw - 1024px) / (1920 - 1024)));
        padding-top: calc(80px + (100 - 80) * ((100vw - 1024px) / (1920 - 1024)));
        padding-bottom: calc(40px + (64 - 40) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main03-content .pic-swiper {
        display: block;
    }

    .main03-content .cont-swiper h2 {
        padding-top: calc(60px + (120 - 60) * ((100vw - 1024px) / (1920 - 1024)));
        padding-bottom: calc(40px + (80 - 40) * ((100vw - 1024px) / (1920 - 1024)));
        padding-left: 10%;
        text-align: left;
    }

    .main03-content .cont-swiper .slide-nav {
        padding-top: calc(26px + (40 - 26) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item {
        height: calc(110px + (124 - 110) * ((100vw - 1024px) / (1920 - 1024)));
        padding-left: 9.767%;
        cursor: pointer;
        -webkit-transition: all 0.5s;
        -moz-transition: all .5s;
        -ms-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item.active {
        -webkit-transform: translateX(-10px);
        -moz-transform: translateX(-10px);
        -ms-transform: translateX(-10px);
        -o-transform: translateX(-10px);
        transform: translateX(-10px);
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont h3 {
        font-size: calc(28px + (32 - 28) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont p {
        font-size: calc(16px + (18 - 16) * ((100vw - 1024px) / (1920 - 1024)));
    }

    .main03-bottom {
        display: block;
        height: calc(648px + (820 - 648) * ((100vw - 1024px) / (1920 - 1024)));
        background-color: #f2f2f2;
    }
}

@media (min-width: 1920px) {
    .banner1 .container-custom h1 {
        font-size: 56px;
    }

    .banner1 .container-custom .desc {
        width: 366px;
        padding-top: 24px;
        font-size: 24px;
    }

    .banner2 .container-custom h1 {
        font-size: 56px;
    }

    .banner2 .container-custom h1 span {
        padding-left: 24px;
        font-size: 36px;
    }

    .banner2 .container-custom .desc {
        padding-top: 24px;
        font-size: 24px;
    }

    .banner3 .container-custom h1 {
        font-size: 56px;
    }

    .banner3 .container-custom .desc {
        padding-top: 24px;
        font-size: 24px;
    }

    .main01 .container-custom {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    .main01 .container-custom .cont h2 {
        font-size: 56px;
    }

    .main01 .container-custom .cont p {
        padding-top: 32px;
        font-size: 18px;
    }

    .main01 .container-custom .cont ul li+li {
        margin-left: 40px;
    }

    .main01 .container-custom .cont ul li .numbers {
        font-size: 16px;
    }

    .main01 .container-custom .cont ul li span {
        font-size: 36px;
    }

    .main01 .container-custom .cont ul li h3 {
        font-size: 16px;
    }

    .main02>h2 {
        padding-top: 120px;
        padding-bottom: 80px;
        font-size: 56px;
    }

    .main02 ul li.big-box {
        height: 560px;
    }

    .main02 ul li a .text h3 {
        font-size: 24px;
    }

    .main02 ul li a .text .desc {
        padding-top: 14px;
        font-size: 18px;
    }

    .main03-content .cont-swiper h2 {
        padding-top: 90px;
        padding-bottom: 60px;
        font-size: 56px;
    }

    .main03-content .cont-swiper .slide-nav {
        padding-top: 40px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item {
        height: 124px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item+.slide-nav-item {
        margin-top: 15px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .icon {
        width: 90px;
        height: 90px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont {
        margin-left: 30px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont h3 {
        font-size: 32px;
    }

    .main03-content .cont-swiper .slide-nav .slide-nav-item .cont p {
        font-size: 18px;
    }

    .main04 {
        padding-bottom: 80px;
    }

    .main04 h2 {
        padding-top: 90px;
        padding-bottom: 60px;
        font-size: 56px;
    }

    .main04 .container-custom ul li .cont h3 {
        font-size: 24px;
    }

    .main04 .container-custom ul li .cont p {
        padding-top: 16px;
        font-size: 18px;
    }

    .main04 .button-group {
        margin-top: 80px;
    }

    .main04 .button-group a {
        width: 200px;
        height: 60px;
        font-size: 18px;
    }
}