@charset "utf-8";

/* .section-4 */
.section-4 { margin: 50px 0; overflow: hidden;}
.swiper.V1_swiperBox {transform: translateX(-558px); width: 134%; height:  100%; padding: 10px 0; box-sizing: border-box;}
.V1_swiperBox .swiper-slide {position: relative; transform: translate3d(125px , 0px, 0px)!important; width: 100%; height: 100%;}
.V1_swiperBox .swiper-slide img {width: 100%; height: 100%;}

.V1_swiperBox .swiper-slide.on::after {transition: all 0.5s; content: ''; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(255, 182, 117, 0.8); }

.swiper .swiper-button-next {right: 11%; background: #ffb574; padding: 60px; box-sizing: border-box; border-radius: 50%; color: #fff; transition: all 0.3s;}
.swiper .swiper-button-prev {left: 18%; background: #ffb574; padding: 60px; box-sizing: border-box; border-radius: 50%; color: #fff; transition: all 0.3s; }
.swiper .swiper-button-next::after , .swiper .swiper-button-prev::after {font-size: 20px; font-weight: bold; }
.swiper .swiper-button-next:hover , .swiper .swiper-button-prev:hover {opacity: .7;}

/* section-5 */
.section-5 {background: rgb(255, 181, 116, .3);}
.section-5 > .container {overflow: hidden;}
.con1 {float: left; width: 45%;}
.con1 .con1_T {position: relative; margin-bottom: 40px;}
.con1 .con1_T h2 {font-size: 38px; margin-bottom: 60px; font-weight: bold;}
.con1 .con1_T h2::before {position: absolute; top: 75px; left: 0; width: 50px; height: 5px; background: #ffb574; content: '';}

.con1 .con1_B {overflow: hidden;}
.con1_B_box {float: left; width: calc(100% / 2 - 15px); margin: 0 15px 10px 0;}
.con1 .con1_B .B_box_t {margin-bottom: 10px; font-size: 18px; font-weight: bold;}
.con1 .con1_B .B_box_t span {display: inline-block; margin-right: 10px ;}

.con2 {float: right; width: 50%; height: 100%; }

.con2 .con2_box {float: left; width: calc(100% / 2 - 10px); margin: 0 5px;}
.con2 .con2_box .con2_box_img {margin-right: 10px; background: #ffb574;}

.con2 .con2_box .con2_box_img.img1 {height: 290px; margin: 10px 0;}
.con2 .con2_box .con2_box_img.img2 {height: 190px; margin: 10px 0;}

/* @media */
/* swiper */
@media (min-width: 2150px)  and (max-width: 2420px) {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-400px);}
    .swiper .swiper-button-next {right: 8.5%;}
    .swiper .swiper-button-prev {left: 15%;}
    .V1_swiperBox .swiper-slide { transform: translateX(95px)!important;}
}

@media (min-width: 2150px) and (max-width: 2350px) {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-400px);}
    .swiper .swiper-button-next {right: 7.5%;}
    .swiper .swiper-button-prev {left: 16%;}
    .V1_swiperBox .swiper-slide { transform: translateX(95px)!important;}
}

@media (min-width: 2000px) and (max-width: 2150px) {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-400px);}
    .swiper .swiper-button-next {right: 6.5%;}
    .swiper .swiper-button-prev {left: 17%;}
    .V1_swiperBox .swiper-slide { transform: translateX(125px)!important;}
}

@media (min-width: 1800px) and (max-width: 2000px) {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-400px);}
    .swiper .swiper-button-next {right: 6%;}
    .swiper .swiper-button-prev {left: 19%;}
    .V1_swiperBox .swiper-slide { transform: translateX(145px)!important;}
}

@media (min-width: 1700px) and (max-width: 1800px)  {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-400px);}
    .swiper .swiper-button-next {right: 4%;}
    .swiper .swiper-button-prev {left: 20%;}
    .V1_swiperBox .swiper-slide { transform: translateX(165px)!important;}
}

@media (min-width: 1600px) and (max-width: 1700px)  {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-400px);}
    .swiper .swiper-button-next {right: 3%;}
    .swiper .swiper-button-prev {left: 22%;}
    .V1_swiperBox .swiper-slide { transform: translateX(190px)!important;}
}
@media (min-width: 1500px) and (max-width: 1600px)  {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-370px);}
    .swiper .swiper-button-next {right: 3%;}
    .swiper .swiper-button-prev {left: 22%;}
    .V1_swiperBox .swiper-slide { transform: translateX(170px)!important;}
}
@media (min-width: 1400px) and (max-width: 1500px)  {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-350px);}
    .swiper .swiper-button-next {right: 3%;}
    .swiper .swiper-button-prev {left: 22%;}
    .V1_swiperBox .swiper-slide { transform: translateX(155px)!important;}
}
@media (min-width: 1280px) and (max-width: 1400px)  {
    .swiper.V1_swiperBox {width: 125%; transform: translateX(-320px);}
    .swiper .swiper-button-next {right: 3%; padding: 45px; box-sizing: border-box;}
    .swiper .swiper-button-prev {left: 22%; padding: 45px; box-sizing: border-box;}
    .V1_swiperBox .swiper-slide { transform: translateX(140px)!important;}
}
@media (min-width: 1180px) and (max-width: 1280px)  {
    .swiper.V1_swiperBox {width: 103%; transform: translateX(1px);}
    .swiper .swiper-button-next {right: 4%; padding: 40px; box-sizing: border-box;}
    .swiper .swiper-button-prev {left: 1%; padding: 40px; box-sizing: border-box;}
    .V1_swiperBox .swiper-slide { transform: translateX(-30px)!important;}
}
@media (min-width: 999px) and (max-width: 1180px)  {
    .swiper.V1_swiperBox {width: 103%; transform: translateX(0);}
    .swiper .swiper-button-next {right: 4%; padding: 40px; box-sizing: border-box;}
    .swiper .swiper-button-prev {left: 1%; padding: 40px; box-sizing: border-box;}
    .V1_swiperBox .swiper-slide { transform: translateX(-30px)!important;}
}
@media (min-width: 764px) and (max-width: 999px)  {

    .section {padding: 30px 0; box-sizing: border-box;}
    .swiper.V1_swiperBox {width: 75%; transform: translateX(0);}
    .swiper .swiper-button-next , .swiper .swiper-button-prev {display: none;}
    .V1_swiperBox .swiper-slide { transform: translateX(0)!important;}

}
@media (min-width: 576px) and (max-width: 767px)  {
    .section {padding: 30px 0; box-sizing: border-box;}
    .swiper.V1_swiperBox {width: 88%; transform: translateX(0); }
    .swiper .swiper-button-next , .swiper .swiper-button-prev {display: none;}
    .V1_swiperBox .swiper-slide { transform: translateX(0)!important;}
}
@media (min-width: 320px) and (max-width: 576px)  {
    .section {padding: 20px 0; box-sizing: border-box;}
    .swiper.V1_swiperBox {width: 89%; transform: translateX(0);}
    .swiper .swiper-button-next , .swiper .swiper-button-prev {display: none;}
    .V1_swiperBox .swiper-slide {transform: translatex(0)!important;}
}



/* con */
@media (min-width: 992px) and (max-width: 1200px)  {
    .con1 {width: 55%;}
    .con2 {width: 45%;}
}

@media (min-width: 768px) and (max-width: 992px)   {
    .section-5 > .container {padding: 0;}

    .con1 {width: 52%;}
    .con2 {width: 45%;}
    
    .con2 .con2_box .con2_box_img.img1 {height: 215px; }
    .con2 .con2_box .con2_box_img.img2 {height: 160px; }
}
@media (min-width: 576px) and (max-width: 768px)   {

    .con1 {width: 100%;}
    .con2 {width: 100%;}
}
@media (min-width: 482px) and  (max-width: 576px)   {

    .con1 {width: 100%;}
    .con2 {width: 100%;}
}
@media (min-width: 415px) and (max-width: 482px)   {

    .con1_B_box {width: 100%; margin-bottom: 15px;}
    .con1 {width: 100%;}
    .con2 {width: 100%;}
}
@media (max-width: 415px)   {
    .section.section-5  {padding: 30px 0; box-sizing: border-box;}
    .con1_B_box {width: 100%; margin-bottom: 15px;}
    .con1 {width: 100%;}
    .con2 {width: 100%;}
    .con2 .con2_box {width: 100%; margin: 0; }
    .con2 .con2_box .con2_box_img.img1 {height: 250px; margin: 0 0 10px 0; }
    .con2 .con2_box .con2_box_img.img2 {height: 250px; margin: 0 0 10px 0; }
}