/*全局*/
* {
  margin: 0;
  padding: 0;
  list-style:none;
}
.animation,.animation *{transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;}img{ display:block;}
a {
  text-decoration: none !important;
}
.w1200 {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

body{background-color:#fff; margin:0; padding:0;}

.hslclear {
  clear: both; display:block;
}
.hslbanner{ width:100%;background-color:#f0cfae;height:700px;}
.hslbannav{ height:140px;display:flex;justify-content: space-between;}
.hslbannav span{ background-color:#fff; width:110px; border-radius:0 0 100px 100px; text-align:center;}
.hslbannav span i{ display:block; font-size:36px; color:#685346; padding-top:20px;}
.hslbannav span p{ text-transform:uppercase;color:#685346; font-size:14px; margin:0 12px; border-top:1px solid #dfdfdf; margin-top:10px; padding-top:10px;}
.hslbannav1{ width:720px;display:flex;justify-content: space-between; text-align:center; margin-top:60px;}
.hslbannav1 b{ font-size:18px; color:#333; font-weight:lighter; display:block;}
.hslbannav1 i{ display:block; font-style:normal; color:#666; font-size:12px;text-transform:uppercase;font-weight:lighter;}

.hslbanner1{display:flex;justify-content: space-between; margin-top:60px; position:relative; height:500px;}
.hslbanner1_1{ position:relative; z-index:1;}
.hslbanner1_1 h1{ font-size:78px; color:#7e5023;}
.hslbanner1_1 strong{text-transform:uppercase;font-weight:normal; color:#333; font-size:20px; display:block;}
.hslbanner1_1 b{ display:block; font-weight:lighter; font-size:36px; border-top:2px solid #333; padding-top:15px; margin-top:20px; color:#333;}
.hslbanner1_1 p{ color:#333; font-size:24px; margin-left:-20px;font-weight:lighter; margin-top:50px;}
.hslbanner1_1 p i{ font-size:18px; color:#f19149; padding-right:6px; padding-left:20px;}
.hslbanner1_3{ position:absolute; width:774px; height:543px; bottom:0; left:273px; z-index:0;}
.hslbanner1_1 a{ display:block; width:280px; height:50px; line-height:45px; border:1px solid #333; color:#333; font-size:20px; text-align:center; font-weight:lighter; margin-top:60px;}
.hslbanner1_1 a i{ font-size:30px; position:relative; top:2px; left:30px;}
.hslbanner1_1 a:hover{ background-color:#7e5023; color:#fff; border-color:#7e5023; border-radius:50px; box-shadow:0 0 20px rgba(126,80,35,.5);}
.hslbanner1_1 a:hover i{ left:20px;}

.hslbanner1_2{ width:315px; background-color:rgba(242,236,224,.8); border-radius:10px; height:305px; overflow:hidden; position:relative; z-index:1; margin-top:10px;}
.hslbanner1_2 b{ height:56px; line-height:56px; text-align:center; font-size:24px; font-weight:bold; color:#fff; background-color:#7e5023; display:block; margin-bottom:30px;}
.hslbanner1_2 b i{ font-size:30px; position:relative; top:4px; font-weight:normal; padding-right:5px;}
.hslbanner1_2_1{ margin:20px 22px 0 22px; height:46px; line-height:46px; border:1px solid #7e5023; position:relative; border-radius:46px;}
.hslbanner1_2_1 input{ display:block; width:100%; height:46px; border:none; background-color:transparent; font-size:20px; color:#333; text-indent:50px;}
.hslbanner1_2_1 i{ display:block; position:absolute; height:46px; line-height:46px; text-align:center; width:45px; font-size:24px; color:#aaa;}
.hslbanner1_2_1:before{ content:""; display:block; height:20px; width:1px; background-color:#ddd; position:absolute; left:42px; top:15px;}
.hslbanner1_2_2{margin:22px;}
.hslbanner1_2_2 input{ height:50px; display:block;  border:none; background-color:#f19149; font-weight:bold; color:#fff; font-size:24px; width:100%; border-radius:50px; cursor:pointer;}



.hslbox1{display:flex;justify-content: space-between; background-color:#f2ece0; overflow:hidden; height:372px; margin:50px auto;}
.hslbox1_1{ width:665px;}
.hslbox1_1 video{ width:100%;}
.hslbox1_2{ flex:1;}
.hslbox1_2 b{ color:#7e5023; font-size:24px; display:block; margin-left:45px; margin-top:60px;}
.hslbox1_2 p{ color:#666; font-size:18px; margin-left:45px; margin-right:45px; padding-top:10px;}



.hslbox2{ margin:50px auto;}
.hslbox2_1{ text-align:center; color:#7e5023; font-size:40px; font-weight:bold;}
.hslbox2_2{display:flex;justify-content: space-between; margin-top:30px; margin-bottom:30px;}
.hslbox2_2 #btn{ width:140px; position:relative;}
.hslbox2_3{ width:1060px;}
.hslbox2_4{display:flex;justify-content: space-between;}
.hslbox2_5,.hslbox2_6{ width:519px; height:317px; overflow:hidden; position:relative;}
.hslbox2_7{ background-color:#f2ece0; height:80px; width:100%; overflow:hidden; position:relative; margin-top:25px; line-height:80px; text-align:center;}
.hslbox2_7 a{ color:#666; font-size:24px;}
.hslbox2_2 li{ width:80px; margin-left:30px;display:flex;justify-content: space-between; height:30px; line-height:30px; margin-top:20px; position:relative; z-index:1; cursor:pointer;}
.hslbox2_2 li p{ font-size:24px; color:#333;}
.hslbox2_2 li i{ font-size:12px; color:#7e5023;}
.hslbox2_2 #btn:before{ content:""; width:36px; height:100%; border-right:1px dashed #f2d6ba; position:absolute; z-index:0; left:0; top:0; display:block;}
.hslbox2_2 li.act *{ color:#f19149;}

.hslbtn{display:flex;justify-content:center; text-align:center;}
.hslbtn a{ width:307px; height:60px; line-height:60px; background-color:#f19149; border:2px solid #f19149; color:#fff; font-size:24px; margin:0 20px; border-radius:60px; }
.hslbtn a:last-child{ background-color:transparent; color:#f19149;}
.hslbtn a:hover{box-shadow:0 0 20px rgba(241,145,73,.3);background-color:#f19149;color:#fff;}

.hslbox3{ background-color:#f0cfae;padding:120px 0 50px 0; margin-bottom:30px;}
.hslbox3_2{ position:relative; border-bottom:4px solid #f2ece0;}
.hslbox3_2 b{ font-size:135px; color:#7e5023;text-transform:uppercase; font-weight:100; display:block; font-family:HelveticaNeue; height:150px; line-height:150px;}
.hslbox3_2 strong{ font-size:75px; color:#7e5023;text-transform:uppercase; font-weight:lighter; display:block; font-family:HelveticaNeue; height:90px; line-height:90px;}
.hslbox3_2 h2{ font-size:40px; color:#7e5023; margin:20px 0;}
.hslbox3_2 span{ width:372px; height:409px; display:block; position:absolute; right:20px; bottom:0;}
.hslbox3_3{ margin-top:30px;display:flex;justify-content: space-between;flex-wrap:wrap;}
.hslbox3_3 a{ width:380px; height:125px; line-height:125px; text-align:center; background-color:#f2ece0; border-radius:10px; overflow:hidden; position:relative; margin-bottom:30px; font-size:24px; color:#333;background-repeat: no-repeat; top:0;}

.hslbox3_3 a:hover,.hslbox3_3 a:focus {
  -webkit-animation: bubbles 1s forwards ease-out;
          animation: bubbles 1s forwards ease-out;
  background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;
  background-color: #f19149;
  background-repeat: no-repeat;
  color:#fff;
  top:-3px;
  box-shadow:0 0 30px rgba(241,145,73,.5);
}

@-webkit-keyframes bubbles {
  100% {
    background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
    box-shadow:0 0 30px rgba(241,145,73,.5);
  }
}

@keyframes bubbles {
  100% {
    background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;
    box-shadow:0 0 30px rgba(241,145,73,.5);
  }
}


.hslbox4{ margin:50px auto; position:relative; overflow:hidden;}
.hslbox4:after{ content:""; width:100%; height:185px; display:block; position:absolute; z-index:0; bottom:0; left:0; background-color:#f2ece0;}
.hslbox4_1{ font-size:40px; color:#7e5023; text-align:center; font-weight:bold;}
.hslbox4_2{ position:relative; height:825px; margin-top:30px;}
.hslbox4_6{ position:relative; height:825px; overflow:hidden;}
.hslbox4_3{ width:340px; position:absolute; bottom:185px; left:50px;}
.hslbox4_4{ text-align:center; width:560px; height:300px; position:absolute; top:117px; left:410px;}
.hslbox4_4 i{ font-size:68px; font-style:normal; font-weight:lighter; color:#7e5023;font-family:HelveticaNeue; height:80px; line-height:80px;text-transform:uppercase;}
.hslbox4_4 h2{ font-size:48px; color:#333;}
.hslbox4_4 p{ font-size:24px; color:#666; margin-top:60px;}
.hslbox4_5{ bottom:28px; left:120px; position:absolute;}
.hslbox4_5 p{ font-size:20px; padding-top:20px; line-height:32px;}
.hslbox4_7{ position:absolute; width:185px; height:400px; right:10px; top:0;z-index:2;}
.hslbox4_7 a{ display:block; width:179px; height:179px; border-radius:185px; overflow:hidden;  background-color:#f2ece0; position:relative; border:3px solid #f2ece0;}
.hslbox4_7 .swiper-wrapper {
    flex-wrap: wrap;
    transform: none !important;
}
.hslbox4_7 .swiper-slide{ width:100% !important; height:185px; margin:0 0 30px 0!important;}
.hslbox4_7 a img{ width:80%; left:10%; bottom:-20%; position:absolute;}
.hslbox4_7 .swiper-slide-thumb-active a{ border-color:#f19149;box-shadow:0 0 30px rgba(241,145,73,.3);}
.hslbox4_2 .hslbtn{ position:absolute; width:600px; bottom:290px; z-index:2; right:68px;}

.hslbox5{ margin:50px auto;}
.hslbox5_1{ text-align:center; font-size:40px; color:#7e5023; font-weight:bold;}

.hslbox5_2{display:flex;justify-content:space-between;flex-wrap:wrap; margin-top:30px; margin-bottom:30px;}
.hslbox5_2 a{ width:290px; margin-bottom:13px; overflow:hidden;}
.hslbox5_2 a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}
.hslbox5_2 a:hover{ box-shadow:0 10px 20px rgba(241,145,73,.2);}

.hslbox6{ background-color:#f0cfae;padding:120px 0 50px 0; margin-bottom:30px;}
.hslbox6_2{ position:relative; border-bottom:4px solid #f2ece0;}
.hslbox6_2 b{ font-size:135px; color:#7e5023;text-transform:uppercase; font-weight:100; display:block; font-family:HelveticaNeue; height:150px; line-height:150px;}
.hslbox6_2 strong{ font-size:75px; color:#7e5023;text-transform:uppercase; font-weight:lighter; display:block; font-family:HelveticaNeue; height:90px; line-height:90px;}
.hslbox6_2 h2{ font-size:40px; color:#7e5023; margin:20px 0;}
.hslbox6_2 span{ width:356px; height:312px; display:block; position:absolute; right:20px; bottom:0;}
.hslbox6_3{ margin-top:150px;display:flex;justify-content: space-between;flex-wrap:wrap;}
.hslbox6_3 a{ width:286px; height:297px; position:relative; background-color:#f2ece0; border-radius:10px;}
.hslbox6_3 span{ display:block; width:210px; position:absolute; height:210px; top:-105px; left:38px;}
.hslbox6_3 b{ display:block; font-size:30px; color:#000;  margin:130px auto 0 auto; text-align:center;}
.hslbox6_3 b i{ font-style:normal; display:inline-block;border-bottom:2px solid #94715a;}
.hslbox6_3 p{ font-size:24px; color:#666; text-align:center; margin-top:20px;}

.hslbox7{ margin:50px auto;}
.hslbox7_1{ text-align:center; font-size:40px; color:#7e5023; font-weight:bold;}
.hslbox7_2{display:flex;justify-content:space-between; margin-top:30px;}
.hslbox7_2 a{ width:290px; position:relative; overflow:hidden; height:300px;}
.hslbox7_2 span{ display:block; background-color:#f0cfae; height:150px; bottom:-70px; width:100%; left:0; position:absolute;}
.hslbox7_2 span b{ display:block; text-align:left; color:#7e5023; font-size:24px; height:80px; line-height:80px; text-indent:20px;}
.hslbox7_2 span p{ font-size:18px; color:#7e5023; text-align:center;}
.hslbox7_2 span i{ display:block; font-size:36px; width:36px; height:36px;color:#7e5023; margin:0 auto; position:absolute; right:20px; top:22px;}
.hslbox7_2 a:hover span{ bottom:0;}
.hslbox7_2 a:hover b{ text-align:center; text-indent:0; height:50px; line-height:50px; margin-top:10px;}
.hslbox7_2 a:hover i{ position:static; margin-top:10px;}
.hslbox7_2 a:hover{ box-shadow:2px 10px 20px rgba(240,207,174,.5);}

.hslbox8{ margin:50px auto;}
.hslbox8_1{ text-align:center; font-size:40px; color:#7e5023; font-weight:bold;}
.hslbox8_2{display:flex;justify-content:space-between; margin-top:30px; flex-wrap:wrap;}
.hslbox8_2 a{ width:383px; height:124px; border-radius:10px; background-color:#f2ece0; margin-bottom:24px;display:flex;justify-content:space-between;}
.hslbox8_2 a p{ font-size:20px; color:#333; line-height:124px; text-indent:20px;}
.hslbox8_2 a span{ background-color:#f0cfae; width:50px; height:60px; line-height:30px; text-align:center; color:#7e5023; font-size:20px; border-radius:90px; margin-top:17px; margin-right:20px; padding:15px 20px; position:relative; overflow:hidden;}
.hslbox8_2 a span strong{ font-weight:normal; position:relative; z-index:1;}
.hslbox8_2 a span:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: -5px;
  width: 110%;
  height: 0;
  background-color: #f19149;
  z-index: 0;
  -webkit-transition: all .5s;
  transition: all .5s;
}
.hslbox8_2 a:hover span{
  color: #fff;
  box-shadow:0 10px 20px rgba(241,145,73,.5);
}
.hslbox8_2 a:hover span:before {
  height: 100%;
}