@charset "utf-8";


/*
html,body{overflow:hidden;}
*/
/* #wrap{padding:0;}
body #contents{padding:0;} */
.header .bottom-in{display:none;}
body #footer{margin-top:0;}
body #section2{margin-top:0;}






.main-section{box-sizing:border-box; padding:39.9px 8px; overflow:hidden;}
.main-section.bg{background:#f6f6f6;}
.main-section.max>.in{max-width:1400px; margin:0 auto;}

.main-section [class*="title"]{margin-bottom:22.9px;}
.main-section .title{margin-bottom:20px;}
.main-section .title h2{font-size:16.9px; color:#222;}
.main-section .title p{font-size:14px;}
.main-section .title .line{display:block; width:22.9px; background:#000; margin:20px auto; height:1px;}

@media all and (min-width:768px){
  .main-section{ padding:115px 15px;}
  .main-section [class*="title"]{margin-bottom:49.9px;}

  .main-section .title{margin-bottom:39.9px;}
  .main-section .title h2{font-size:29.9px;}
  .main-section .title p{font-size:16.9px;}
  .main-section .title .line{width:70px; margin:22.9px auto; }
}







.main-1{padding:0;}
.main-1 .swiper{}
.main-1 .swiper .item{position:relative;}
.main-1 .swiper .item a{}
.main-1 .swiper .item .in{width:100%; max-width:1400px; margin:0 auto; position:relative; }
.main-1 .swiper .item .imgArea{}
.main-1 .swiper .item .imgArea img{width:100%;}
.main-1 .swiper .item .txtArea{position:absolute;  left:0; width:100%; bottom:50px; box-sizing:border-box; padding:0 10px;  z-index:11; color:#fff;}
.main-1 .swiper .item .txtArea h2{white-space:pre-line; font-size:22.9px; font-weight:600; margin-bottom:10px; line-height:1.1;}
.main-1 .swiper .item .txtArea span{}
.main-1 .swiper .item .txtArea span.c-1{}
.main-1 .swiper .item .txtArea span.c-2{}
.main-1 .swiper .item .txtArea p{white-space:pre-line; font-size:13px; line-height:1.3;}
.main-1 .swiper .item .txtArea .in div{font-size:13px; font-weight:bold;}
.main-1 .swiper .item .txtArea .in div i{margin-left:5px; font-size:13px; width:17px; height:17px; line-height:17px; border-radius:50%; background:#363636; color:#fff; text-align:center; }
.main-1 .bar-in{ position:relative; max-width:1200px; margin:0 auto; display:none;}
.main-1 .bar-in .swiper-scrollbar{bottom:39.9px; background:#fff; height:3px;}
.main-1 .bar-in .swiper-scrollbar-drag{background:#000;}

@media all and (max-width:767px){
  .main-1 .swiper .item .imgArea img{width:100%; height:500px; object-fit:cover; object-position:center;}
}

@media all and (min-width:768px){

  .main-1{}
  .main-1 .swiper .item .txtArea{bottom:150px;}
  .main-1 .swiper .item .txtArea h2{font-size:54.9px; margin-bottom:19.9px;}
  .main-1 .swiper .item .txtArea span{}
  .main-1 .swiper .item .txtArea p{font-size:22.4px; }
  .main-1 .swiper .item .txtArea .in div{font-size:16.9px;}
  .main-1 .swiper .item .txtArea .in div i{font-size:16px; width:28px; height:28px; line-height:28px;}
  .main-1 .bar-in .swiper-scrollbar{bottom:100px;}


}







.main-2{}
.main-2 .item{}
.main-2 .item .imgArea{aspect-ratio: 1 / 1.5;}
.main-2 .item .imgArea img{width:100%; height:100%; object-fit:cover; object-position:center; border-radius:10px;}
.main-2 .item .txtArea{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:15px; color:#fff;}
.main-2 .item .txtArea h2{font-size:15px;}
.main-2 .item .txtArea p{font-size:13px;}
.main-2 .swiper-button-prev,
.main-2 .swiper-button-next{background:#fff;; border-radius:50%; width:30px; height:30px; border:1px solid #ddd; box-sizing:border-box;}
.main-2 .swiper-button-prev:after,
.main-2 .swiper-button-next:after{font-size:15px; color:#333;}

@media all and (min-width:768px){

  .main-2 .item .txtArea{padding:25px;}
  .main-2 .item .txtArea h2{font-size:20px;}
  .main-2 .item .txtArea p{font-size:15px;}
  .main-2 .swiper-button-prev{margin-left:-10px; width:40px; height:40px; }
  .main-2 .swiper-button-next{margin-right:-10px; width:40px; height:40px; }
  .main-2 .swiper-button-prev:after,
  .main-2 .swiper-button-next:after{font-size:20px;}

}



.banner-btn{}
.banner-btn{display:inline-block; color:#fff; padding:8px 15px; background:var(--c1); text-transform:uppercase; border-radius:40px; transition:0.3s;}
.banner-btn i{transform:rotate(45deg); margin-left:5px;}
.banner-btn:hover{background:#48629b;}

@media all and (min-width:768px){
  .banner-btn{padding:15px 35px; font-size:20px;}
}





.main-3{background:#FFAF3F; padding-left:0;}
.main-3 .cont{position:relative; }
.main-3 .cont .txt{text-align:right; box-sizing:border-box; padding:0 15px; max-width:1400px; margin:0 auto;}
.main-3 .cont .txt h2{font-size:16.9px; margin-bottom:10px;}
.main-3 .cont .txt b{color:var(--c1);}
.main-3 .cont .img{width:50%;}


@media all and (min-width:1024px){

  .main-3{padding-top:180px; padding-bottom:180px;}
  .main-3 .cont{}
  .main-3 .cont .txt{}
  .main-3 .cont .txt h2{font-size:32px; margin-bottom:25px;}
  .main-3 .cont .img{position:absolute; top:50%; left:0; transform:translateY(-50%);}

}












.main-4{}
.main-4 .swiper{}
.main-4 .swiper-container{}
.main-4 .item{}
.main-4 .item .imgArea{transition:0.3s;}
.main-4 .item .imgArea img{width:100%; border-radius:10px;}
.main-4 .item .txtArea{}
.main-4 .item .txtArea h2{font-size:15px;}
.main-4 .item .txtArea h3{}
.main-4 .item .txtArea h3 i{color:#FFAF3F; margin-right:5px;}
.main-4 .item .txtArea p{font-size:13px; color:#666;}
.main-4 .swiper-button-prev,
.main-4 .swiper-button-next{background:#fff;; border-radius:50%; width:30px; height:30px; border:1px solid #ddd; box-sizing:border-box;}
.main-4 .swiper-button-prev:after,
.main-4 .swiper-button-next:after{font-size:15px; color:#333;}

@media all and (min-width:768px){

  .main-4 .swiper-container{padding-top:25px;}
  .main-4 .item .txtArea{margin-top:25px;}
  .main-4 .item .txtArea h2{font-size:20px;}
  .main-4 .item .txtArea p{font-size:15px;}
  .main-4 .swiper-button-prev{margin-left:-10px; width:40px; height:40px; }
  .main-4 .swiper-button-next{margin-right:-10px; width:40px; height:40px; }
  .main-4 .swiper-button-prev:after,
  .main-4 .swiper-button-next:after{font-size:20px;}

  .main-4 .item .imgArea{position:relative; _transform:scale(0.8); border-radius:10px; overflow:hidden; }
  .main-4 .item .imgArea:after{position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); content:"";transition:0.3s;}
  .main-4 .item.swiper-slide-active .imgArea{transform:scale(1.1);}
  .main-4 .item.swiper-slide-active .imgArea:after{opacity:0;}

  .main-4 .item.swiper-slide-active{z-index:11; }

}








.main-5{background:var(--c1); }
.main-5 .cont{}
.main-5 .title h2{color:#fff;}
.main-5 .title p{color:#fff;}
.main-5 .left{margin-bottom:30px;}

.main-5 .right{}
.main-5 .right ul{display:flex; justify-content:center; text-align:center; align-items:end;}
.main-5 .right ul li{ }


@media all and (min-width:768px){

  .main-5 .cont{display:flex; justify-content:space-between; align-items:end;}

  .main-5 .right ul li .img{width:87%; margin:0 auto;}
  .main-5 .right ul li h2{font-size:23px;}
  .main-5 .right ul li p{font-size:px;}

}









.main-6{background:#FFF7E8; }
.main-6 .cont{}
.main-6 .title h2{}
.main-6 .title p{}
.main-6 .left{}

.main-6 .right{position:relative; display:flex; justify-content:space-between;}
.main-6 .right .item{width:calc(100% / 2 - 7.5px); height:100%;}
.main-6 .right .item:nth-child(3){position:absolute; bottom:0; right:0; height:auto;}
.main-6 .right .item:nth-child(1) .txtArea{width:100%;  bottom:50%; transform:translateY(50%); display:flex; justify-content:center; align-items:center; flex-wrap: wrap; text-align:center;}
.main-6 .item{position:relative; margin-bottom:15px;}
.main-6 .item .txtArea{position:absolute; bottom:0; left:0; width:100%; box-sizing:border-box; padding:15px; color:#fff;}
.main-6 .item .txtArea h2{font-size:15px;}
.main-6 .item .txtArea p{font-size:13px;}


@media all and (min-width:768px){

  .main-6 .cont{display:flex; justify-content:space-between;}
  .main-6 .left{width:calc(100% / 2 - 4px); height:100%;}
  .main-6 .right{width:calc(100% / 2 - 11px); height:100%;}
  .main-6 .item .txtArea{padding:25px;}
  .main-6 .item .txtArea h2{font-size:20px;}
  .main-6 .item .txtArea p{font-size:15px;}

}









.main-7{background:#A1C935; padding-left:0;}
.main-7 .cont{position:relative; }
.main-7 .cont .txt{  box-sizing:border-box; padding:0 15px; max-width:1400px; margin:0 auto;}
.main-7 .cont .txt h2{font-size:16.9px; margin-bottom:10px; color:#fff;}
.main-7 .cont .txt b{}
.main-7 .cont .img{width:50%;}


@media all and (min-width:1024px){

  .main-7{padding-top:100px; padding-bottom:100px;}
  .main-7 .cont{}
  .main-7 .cont .txt{}
  .main-7 .cont .txt h2{font-size:32px; margin-bottom:25px;}
  .main-7 .cont .img{width:350px; position:absolute; top:50%; right:0; transform:translateY(-50%);}

}




















.hd_pops img {max-width:100%}

@media all and (max-width:767px){
  #hd_pop{width:100%;}
  .hd_pops{ top:0 !important; left:0 !important;}
  .hd_pops_con{width:100% !important; height:auto !important;}

  #hd_pop{position:fixed; top:0; left:0; height:auto; max-height:100%; overflow-y:auto;}
  #hd_pop [id*="hd_pops_"].hd_pops{position:static; box-sizing:border-box; padding:15px; background:rgba(0,0,0,0.6); border:0;}
  #hd_pop [id*="hd_pops_"].hd_pops + [id*="hd_pops_"].hd_pops{ }
}






























/**/