@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:var(--c1);}
.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:85px 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; }
}


.estimate-box{display:flex; align-items:center; justify-content:space-between; box-sizing:border-box; padding:15px 20px; background:#fff; box-shadow:5px 5px 5px rgba(0,0,0,0.1); }
.estimate-box p{font-size:14px; font-weight:500;}
.estimate-box a{line-height:23px; background:var(--c2); color:#fff; width:30%; text-align:center; max-width:129.9px; transition:0.2s;}
.estimate-box a:hover{background:#2e4ba4;}

@media all and (min-width:768px){
  .estimate-box{padding:20px 19.9px;}
  .estimate-box p{font-size:17px;}
  .estimate-box a{font-size:12px; line-height:26px; }
}






body .gradient-bg{}
body .gradient-bg a{background: #F39702; background: linear-gradient(90deg, rgba(243, 151, 2, 1) 0%, rgba(255, 188, 109, 0.8) 50%, rgba(255, 148, 80, 1) 100%); transition:0.3s;}
body .gradient-bg a i{background:#fff; color:#F39702;}
body .gradient-bg a:hover{background: #F39702; background: linear-gradient(90deg, rgba(243, 151, 2, 1) 0%, rgba(255, 188, 109, 0.8) 50%, rgba(255, 148, 80, 1) 100%); opacity:0.7;}


.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; top:0; left:0; width:100%; height:100%; box-sizing:border-box; padding:0 10px; display:flex; align-items:center;  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 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-b1{ margin-bottom:85px; background:#f8f8f8; padding:22.9px 10px; box-sizing:border-box;}
.main-b1>.in{max-width:1400px; margin:0 auto;}
.main-b1 a{position:relative; display:block; background:var(--c1); color:#fff; box-sizing:border-box; padding:22.9px; border-radius:22.9px; transition:0.3s;}
.main-b1 a:hover{background:#003064;}
.main-b1 a h2{font-size:16.9px;}
.main-b1 a p{font-size:15px;}
.main-b1 a i{position:absolute; top:50%; right:22.9px; transform:translateY(-50%); font-size:16.9px; width:22.9px; height:22.9px; text-align:center; line-height:22.9px; color:#fff; background:#F24000; border-radius:50%;}

@media all and (min-width:768px){
  .main-b1{ margin-bottom:170px;  padding:65px 0;}
  .main-b1 a{padding:39.9px;}
  .main-b1 a h2{font-size:24.9px;}
  .main-b1 a p{font-size:33px;}
  .main-b1 a i{width:50px; height:50px; line-height:50px;}
}




.main-2{padding:0 20px; margin-bottom:85px;}
.main-2 .swiper{}
.main-2 .swiper .item{position:relative; transition:0.5s;}
.main-2 .swiper .item.swiper-slide-prev{opacity:0;}
.main-2 .item .imgArea{margin-bottom:10px;}
.main-2 .item .imgArea img{border-radius:19.9px;}
.main-2 .item .txtArea{}
.main-2 .item .txtArea .paging{margin-bottom:15px; display:flex; align-items:center;}
.main-2 .item .txtArea .paging span{font-size:15px; color:#999; margin-right:5px; display:inline-block;}
.main-2 .item .txtArea .paging span:nth-child(1){color:var(--c1); font-size:17px; font-weight:bold; }
.main-2 .item .txtArea .paging span:nth-child(2){font-weight:100;}
.main-2 .item .txtArea .paging span:nth-child(3){}
.main-2 .item .txtArea h2{font-size:16.9px; line-height:1.2; font-weight:600; margin-bottom:10px;}
.main-2 .item .txtArea p{font-size:15px; line-height:1.3 }
.main-2 .item .txtArea span.line{display:block; width:20px; height:2px; margin:10px 0 20px 0; background:#000; display:none;}
.main-2 .item .txtArea a{display:inline-block; padding:5px 10px;  font-size:15px; border:1px solid #ddd; border-radius:10px; transition:0.3s; display:none;}
.main-2 .item .txtArea a:hover{background:var(--c1); color:#fff;}
.main-2 .bottom{position:relative; display:flex; padding:10px 0;}
.main-2 .bottom .swiper-button-prev{position:static; margin:0; border-radius:50%; width:29.9px; height:29.9px; line-height:29.9px; box-shadow:5px 5px 5px rgba(0,0,0,0.1);  }
.main-2 .bottom .swiper-button-next{position:static; margin:0; margin-left:15px;  border-radius:50%; width:29.9px; height:29.9px; line-height:29.9px; box-shadow:5px 5px 5px rgba(0,0,0,0.1);  }
.main-2 .bottom .swiper-button-prev:after,
.main-2 .bottom .swiper-button-next:after{font-size:15px; color:#333;}


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


  .main-2{margin-bottom:170px; padding:0;}
  .main-2 .swiper{}
  .main-2 .swiper .swiper-container{}
  .main-2 .item{max-width:1400px;}
  .main-2 .item>.in{display:flex; align-items:center;}
  .main-2 .item .imgArea{width:63%;}
  .main-2 .item .txtArea{width:37%; box-sizing:border-box; padding:0 0 0 5% ;}
  .main-2 .item .txtArea .paging{}
  .main-2 .item .txtArea .paging span{font-size:22.9px; margin-right:12px;}
  .main-2 .item .txtArea .paging span:nth-child(1){font-size:34.9px; font-weight:500;}
  .main-2 .item .txtArea h2{font-size:29.9px; margin-bottom:22.9px;}
  .main-2 .item .txtArea p{font-size:19.9px;}
  .main-2 .item .txtArea span.line{width:39.9px; margin:19.9px 0 49.9px 0; }
  .main-2 .item .txtArea a{font-size:22px; padding:10px 33px; }

  .main-2 .bottom{margin-top:20px;}
  .main-2 .bottom .swiper-button-prev{width:;}
  .main-2 .bottom .swiper-button-next{}
  .main-2 .bottom .swiper-button-prev:after,
  .main-2 .bottom .swiper-button-next:after{}


}






.main-3{padding:75px 0; background:var(--c1);}
.main-3>.in{}


.main-3 .top-tab{margin-bottom:22.9px;}
.main-3 .top-tab ul{text-align:center; background:#f0f2f4; border-radius:10px; overflow:hidden;}
.main-3 .top-tab ul li{width:calc(100% / 3); line-height:29.9px; font-size:15px; cursor:pointer; color:var(--c1); font-weight:bold; transition:0.3s;}
.main-3 .top-tab ul li.on{background:#fff;}
.main-3 .cont{}
.main-3 .cont li[data-tab]{display:none;}
.main-3 .cont li[data-tab].on{display:block; animation:fadeIn 0.4s linear;}

.main-3 .cont li[data-tab]>a{font-size:15px; float:right; margin:10px 0; color:#fff; transition:0.3s;}
.main-3 .cont li[data-tab]>a:hover{opacity:0.6;}

.main-3 .item{border-top:1px solid #fff; padding:20px 10px;}
.main-3 .item:nth-child(1),
.main-3 .item:nth-child(2){ }
.main-3 .item:nth-child(3){border-bottom:1px solid #fff;}
.main-3 .item:nth-child(n+4){display:none;}
.main-3 .item a{display:block; width:100%;  color:#fff; box-sizing:border-box; transition:0.3s;}
.main-3 .item a:hover{opacity:0.7;}
.main-3 .item .img{ width:16%; vertical-align:middle;   background-position:center; background-size:cover; border-radius:15px; overflow:hidden;}
.main-3 .item .img a{display:block; position:relative; height:0; padding-bottom:100%;}
.main-3 .item .img img{position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover; object-position:center;}
.main-3 .item .txt{width:84%; box-sizing:border-box; padding-left:29.9px; vertical-align:middle;  color:#fff;}
.main-3 .item .txt h3{}
.main-3 .item .txt p{
  display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
width:100%;
height:40px;
line-height:20px;
overflow:hidden;
text-overflow:ellipsis;
}
  .main-3 .item .info{color:#ccc;}


@media all and (min-width:768px){
  .main-3 .cont li[data-tab]>a{font-size:19.9px; margin:22.9px 0;  }
  .main-3 .top-tab{margin-bottom:49.9px;}
  .main-3 .top-tab ul li{ line-height:80px; font-size:21.9px;}
  .main-3 .item{margin:0 5px; padding:19.9px 0;}
  .main-3 .item .img{}
  .main-3 .item .txt{}
  .main-3 .item a{}
  .main-3 .item a .txtarea{padding:15px 20px; min-height:119.9px;}
  .main-3 .item .txt h3{font-size:22.9px; margin-bottom:19.9px;}
  .main-3 .item .txt p{font-size:17.9px; height:55.1px;   line-height:24.9px; margin-bottom:19.9px;}
  .main-3 .item .info{font-size:15.9px;}


}





.main-4{padding:39.9px 0; box-sizing:border-box; background:#f8f8f8;}
.main-4>.in{padding:29.9px 20px; box-sizing:border-box; box-shadow:0 0 20px rgba(0,0,0,0.2); background:#fff;}
.main-4 .title{position:relative;}
.main-4 .title a{position:absolute; top:0; right:0; transition:0.3s;}
.main-4 .title a:hover{opacity:0.6;}
.main-4 .cont{}
.main-4 .cont ul{}
.main-4 .cont ul li{}
.main-4 .cont ul li + li{margin-top:22.9px;}
.main-4 .cont ul li a{}
.main-4 .cont ul li .img{margin-bottom:15px; transition:0.3s;}
.main-4 .cont ul li:hover .img{opacity:0.8;}
.main-4 .cont ul li .img img{border-radius:20px;}
.main-4 .cont ul li .txt{}
.main-4 .cont ul li .txt a{font-size:16px; font-weight:bold;}
.main-4 .cont ul li .txt span{font-size:12px; display:block; color:#999; font-weight:normal;}




@media all and (min-width:768px){
  .main-4{padding:100px 0;}
  .main-4>.in{padding:80px 0;}
  .main-4 .wrap{max-width:1400px; margin:0 auto;}
  .main-4 .title a{font-size:19.9px; font-weight:500;}
  .main-4 .cont{ }
  .main-4 .cont ul{width:calc(100% + 29.9px); margin-left:-29.9px;}
  .main-4 .cont ul li{width:calc(100% / 3 - 29.9px); margin-left:29.9px;}
  .main-4 .cont ul li .txt a{font-size:19.9px;}
  .main-4 .cont ul li .txt span{font-size:15.9px;}

}




















.main-6{}
.main-6 .cont{}
.main-6 .cont ul{}
.main-6 .cont ul li{}
.main-6 .cont ul li a{position:relative; display:block;}
.main-6 .cont ul li a:after{position:absolute; top:50%; left:50%; text-indent:5px;  transform:translate(-50%, -50%); font-size:22.9px; font-family:'xeicon'; content:"\ea3e"; background:rgba(255,255,255,0.7); width:39.9px; height:39.9px; display:flex;  justify-content:center; align-items:center; border-radius:50%; transition:0.2s;}
.main-6 .cont ul li a:hover:after{opacity:0.6;}


@media all and (min-width:768px){
  .main-6{padding-top:20px;}
  .main-6 .cont ul li{width:49%;}
  .main-6 .cont ul li:nth-child(1){width:100%; margin-bottom:39.9px;}
  .main-6 .cont ul li:nth-child(3){margin-left:2%;}
  .main-6 .cont ul li a:after{width:90px; height:90px; font-size:49.9px;}
}






.main-7{background:#EDF0FA;}
.main-7 .cont{margin-bottom:39.9px;}
.main-7 .cont ul{display:flex; flex-wrap:wrap; justify-content:space-between;}
.main-7 .cont ul li{position:relative; width:calc(100% / 2 - 5px); margin-bottom:10px; overflow:hidden; border-radius:10px; height:100px; font-weight:bold;   display:flex; align-items:center; justify-content:center; color:#fff; background-position:center; background-size:cover;}
.main-7 .cont ul li p{position:relative; z-index:12;}
.main-7 .cont ul li:after{position:absolute; top:0; left:0; background:#333; opacity:0.3; content:""; width:100%; height:100%; z-index:10;}

@media all and (min-width:768px){
  .main-7>.in{position:relative; display:flex; justify-content:space-between; flex-direction:row-reverse; align-items:center; }
  .main-7 .title{width:37%; text-align:left; box-sizing:border-box; padding-left:49.9px;}
  .main-7 .title .line{margin-left:0;}
  .main-7 .estimate-box{position:absolute; bottom:0; right:0; width:calc(37% - 49.9px);}
  .main-7 .cont{width:63%; margin-bottom:0;}
  .main-7 .cont ul{display:flex;}
  .main-7 .cont ul li{width:calc(100% / 2 - 20px); margin-bottom:29.9px; height:239.9px; font-size:19.9px;}
  .main-7 .cont ul li:nth-child(n+3){margin-bottom:0;}
}

















.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{ }
}






























/**/