/*全局*/
* {
  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%; height:700px; position:relative;}
.hslbanner a{ display:block; height:700px; position:absolute; z-index:3; width:100%; top:0; left:0;}
.hslbanbg{ position:absolute; width:100%; height:700px; left:0; top:0; z-index:0; overflow:hidden;}
.hslbanbg:before{ content:""; display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.7); z-index:1;}
.hslbanbg img{ display:block;width: 1920px;position: absolute;height: 700px;left: 50%;top: 0;z-index: 0; margin-left:-960px;}
.hslban0{ position:relative; z-index:1; height:700px;}
.hslban1{ width:500px; position:relative; top:110px; left:152px;}
.hslban1 b{ font-size:56px; color:#fff; line-height:56px;}
.hslban1 h1{ font-size:66px; color:#fff; line-height:70px; margin-top:20px;}
.hslban1 h1 strong{ color:#fbd431; padding-right:10px;}
.hslban2{ display:block; width:134px; height:46px; line-height:46px; font-size:22px; font-weight:bold; border:1px solid #fff; text-align:center; color:#fff; margin-top:28px; margin-left:82px;}
.hslban1:before{ width:292px; height:358px; border:2px solid #fff; display:block; position:absolute; top:-45px; left:-16px; content:"";}
.hslban3{ width:408px; height:19px; display:block;background-image:url("../images/7.png"); margin-top:65px; margin-left:-16px;}
.hslban1 p{ font-size:24px; color:#fff; font-weight:lighter; margin-top:20px; margin-left:-16px;}
.hslban4{ width:220px; height:46px; line-height:46px; background-color:#fbd431; display:block; text-align:center; font-size:20px; font-weight:lighter; margin-left:-16px; margin-top:25px;}
.hslban5{ position:absolute; width:402px; height:594px; display:block; bottom:-80px; border:5px solid #fff; z-index:1; right:85px;}
.hslban6{ position:absolute; width:592px; height:49px; display:block; top:339px;z-index:1; left:-366px;}
.hslban7{ position:absolute; width:57px; height:527px; display:block; top:0;z-index:1; right:0;}
.hslban8{ position:absolute; width:44px; height:39px; display:block; top:124px;z-index:1; right:96px;}
.hslban9{ position:absolute; width:116px; height:157px; display:block; bottom:0;z-index:1; right:-57px;}

.hslbox1{background-color:#f4ece1; padding:60px 0;}
.hslbox1_1{ position:relative; height:400px;}
.hslbox1_2{ width:540px; margin-left:16px; position:relative; z-index:2;}
.hslbox1_2 video{ width:100%; position:relative; z-index:1; margin-top:32px;}
.hslbox1_2:before{ width:80px; height:170px; background-color:#fff; content:""; display:block; position:absolute; left:-16px; top:16px;}
.hslbox1_2 i{ display:block; font-size:20px; color:#1d0805; position:absolute; top:4px; right:0; font-style:normal; height:20px; line-height:20px;}
.hslbox1_4{ background-color:#fff; width:708px; height:320px; position:absolute; bottom:0; right:0; z-index:1;}
.hslbox1_4 b{ font-size:24px; display:block; color:#333; margin-left:108px; margin-top:15px;}
.hslbox1_4 p{ font-size:18px; color:#666; line-height:28px; margin-left:108px; margin-top:10px; margin-right:50px;}
.hslbox1_5{ border-bottom:1px dashed #ccc; padding-bottom:20px;}
.hslbox1_4 .hslbox1_6{ margin-top:30px;}

.hslzttit{ text-align:center;}
.hslzttit1{display:block;  font-size:30px; line-height:130px;position:relative;font-size: 40px;font-weight: bold;font-family: fantasy;text-align:center;}
.hslzttit1 h2{ position:absolute;  color:#000; height:90px; width:300px; line-height:70px; bottom:-35px; left:50%; margin-left:-150px; font-weight:700; font-size:32px; }
.hslzttit .xhs{width:65px;height:7px;background-color:#f8a71d;margin:7px auto;}

.hslbox2{ margin-top:50px; position:relative; padding-bottom:23px;}
.hslbox2_1{ overflow:hidden; margin-top:70px;}
.hslbox2_2{display:flex;justify-content: center;}
.hslbox2_2 a{ width:200px; height:60px; line-height:60px; text-align:center; color:#fff; font-size:20px; background-color:#1d0805; margin:0 30px;}
.hslbox2_2 a.hslon{ background-color:#fbd431; color:#1d0805;}
.hslbox2_3{ overflow:hidden; height:343px; position:relative; margin-top:50px;}
.hslbox2_4{ position:relative; width:960px; overflow:hidden; height:343px; margin:0 auto; z-index:1;}
.hslbox2_4_1{ position:absolute; width:58px; height:155px; background-color:#e3dacd; text-align:center; line-height:155px; top:95px; z-index:2; cursor:pointer;}
.hslbox2_4_left{ left:0;}
.hslbox2_4_right{ right:0;}
.hslbox2_4_left_2{ left:0;}
.hslbox2_4_right_2{ right:0;}
.hslbox2_4_1 i{ color:#b1aaa0; font-size:32px;}
.hslbox2_4 a{ display:block; background-color:#fff; border:4px solid #e0e0e0; text-align:center;}
.hslbox2_4 a span{ display:block; width:150px; margin-left:auto; margin-right:auto; margin-top:46px; height:150px; border-radius:150px; overflow:hidden;}
.hslbox2_4 a b{ color:#333; font-size:24px; font-weight:normal; display:block; margin-top:45px;}
.hslbox2_4 a p{ font-size:14px; color:#333; margin-bottom:44px;}
.hslbox2_4 a:hover{ background-color:#1d0805; border-color:#1d0805;}
.hslbox2_4 a:hover *{ color:#fff;}

.hslbox3{background-color:#f4ece1; padding:60px 0;}
.hslbox3_1{display:flex;justify-content: space-between; width:100%; overflow:hidden; margin:70px 0 30px 0;}
.hslbox3_2_2{ display:none; position:relative;}
.hslbox3_2_1{ display:block; }
.hslbox3 .hslon .hslbox3_2_2{ display:block;}
.hslbox3 .hslon .hslbox3_2_1{ display:none;}
.hslbox3_2{width:13.48958333333333%;}
.hslbox3 .hslon{width:45.57291666666667%;}
.hslbox3_4{ display:block; position:absolute; width:100%; bottom:0; left:0;background: linear-gradient(0deg,#000,#000 25.5%,#000 70%,#000);
background: linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,.3) 50%,rgba(0,0,0,.1) 80%,rgba(0,0,0,0)); padding:30px 0;}
.hslbox3_4 b{ display:block; margin-left:60px; font-size:30px; color:#fff; margin-bottom:5px;}
.hslbox3_4 p{margin-left:60px; font-size:18px; line-height:28px; color:#fff; margin-right:230px;}
.hslbox3_4 i{ display:block; position:absolute; width:44px; height:44px; border:1px solid #fff; text-align:center; line-height:44px; font-size:20px; color:#fff; right:60px; top:50%; margin-top:-20px;}

.hslbox4{ background-color:#250f0b; padding:10px 0 50px 0;background-image:url(../images/15.jpg); background-repeat:no-repeat; background-position:center center;}
.hslbox4 .hslzttit1{ color:#fff; border-color:#fff; width:1200px; margin:0 auto;}
.hslbox4 .hslzttit1 h2{ background-color:#fff; color:#1d0805;}
.hslbox4_1{ width:90%; margin:90px 5% 0 5%; overflow:hidden; position:relative;}
.hslbox4_1 .swiper-slide{transform: scale(.7); width:258px;}
.hslbox4_1 .swiper-slide-active{transform: scale(1);}
.hslbox4_1 a{ display:block; text-align:center}
.hslbox4_1 a span{ display:block; border-radius:300px; overflow:hidden;}
.hslbox4_1 p{ font-size:20px; color:#fff; padding-top:10px;}
.hslbox4_nav{ text-align:center; margin-top:30px;}
.hslbox4_nav span{ border:2px solid #fff; opacity:1;}
.hslbox4_nav .swiper-pagination-bullet-active{ background-color:#fff;}

.hslbtn{display:flex;justify-content:center; text-align:center;}
.hslbtn a{ width:308px; height:75px; line-height:65px; background-color:#1d0805; border:2px solid #1d0805; color:#fff; font-size:24px; margin:0 20px;}
.hslbtn a:last-child{ background-color:transparent; color:#1d0805;}
.hslbtn a i{ font-size:40px; position:relative; top:6px; padding-left:2px;}

.hslbox5{ margin:20px auto}
.hslbox5_1{display:flex;justify-content: space-between; margin-top:80px;}
.hslbox5_2{ width:240px;}
.hslbox5_4{ display:none; background-color:#e3dacd;justify-content: space-between;}
.hslbox5_3{ width:240px; background-color:#402724; position:relative; overflow:hidden; height:497px;}
.hslbox5_3 p{-webkit-writing-mode: vertical-rl;writing-mode: vertical-rl; color:#e3dacd; font-size:20px; position:absolute; top:44px; right:25px;}
.hslbox5_3 span{display:block; bottom:0; position:absolute; height:497px; width:100%;}
.hslbox5_3 span img{ display:block; bottom:0; position:absolute; left:0;}
.hslbox5_1 .hslon{ width:700px;}
.hslbox5_1 .hslon .hslbox5_4{ display:flex; overflow:hidden;height:497px;}
.hslbox5_1 .hslon .hslbox5_3{ display:none;}
.hslbox5_5{ width:266px; position:relative; overflow:hidden;}
.hslbox5_5 img{ display:block; position:absolute; bottom:0;}
.hslbox5_6{flex:1; margin:20px;}
.hslbox5_6 h3{ display:block; color:#333; font-size:30px; margin-top:50px;}
.hslbox5_6 b{ color:#555; font-size:18px; font-weight:normal; display:block; margin-bottom:60px;}
.hslbox5_6 p{ color:#666; font-size:18px; line-height:28px;}
.hslbox5_7{display:flex;justify-content: space-between; margin-top:30px;}
.hslbox5_7 strong{ width:170px; height:50px; line-height:50px; color:#fff; text-align:center; border:2px solid #230d0a; background-color:#230d0a; font-size:20px; font-weight:normal;}
.hslbox5_7 strong:last-child{ background-color:transparent; color:#230d0a;}


.hslbox6{ margin:30px auto;}
.hslbox6_1{display:flex;justify-content: space-between; margin-top:55px; overflow:hidden;}
.hslbox6_2 a{ display:block; margin:0 5px; }
.hslbox6_2 .hslbox6_2_c{ display:block; margin-bottom:7px;position:relative; overflow:hidden;}
.hslbox6_2_c .hslbox6_2_bg{ display:block; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.6); top:100%; text-align:center;}
.hslbox6_2_c .hslbox6_2_bg p{ color:#fff; font-size:24px; display:block; position:absolute; width:100%; top:50%; height:30px; line-height:30px; margin-top:-30px; left:0;}
.hslbox6_2_i:hover{ background-color:#1e0a05; color:#fff;box-shadow:0 0 20px rgba(80,73,215,.3);}
.hslbox6_2_i{ display:block; width:16%; height:0; overflow:hidden; padding-top:16%; background-color:#fff; border-radius:100%; position:absolute; left:50%; top:50%; margin-left:-8%; margin-top:2.5%;}
.hslbox6_2_i i{ display:block; position:absolute; top:0; left:0; font-size:20px; text-align:center; width:100%; top:50%; margin-top:-11px; color:#333;}
.hslbox6_2_i:hover i{ color:#fff;}
.hslbox6_2 .hslbox6_2_c:hover .hslbox6_2_bg{ top:0; z-index:1;}
.hslbox6_2 .hslbox6_2_c:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}


.hslbox7{ padding:50px 0; background-color:#1e0a05;}
.hslbox7 .xhs{width:65px;height:7px;background-color:#f8a71d;margin:70px auto;}
.hslbox7 .hslzttit1{ color:#fff; border-color:#fff; width:1200px; margin:-60px auto;}
.hslbox7 .hslzttit1 h2{  color:#fff; width:360px; margin-left:-180px;}
.hslbox7_2{display:flex;justify-content: space-between; height:513px;background-image:url(../images/23.png); background-repeat:no-repeat; background-position:top center; margin-top:80px; padding-left:60px; padding-right:60px;}
.hslbox7_3{ position:relative; margin-top:60px;}
.hslbox7_3 span{ display:block; position:relative; font-size:72px; color:#fbd431; font-weight:bold;}
.hslbox7_3 p{ color:#fff; font-size:18px; text-align:center;}
.hslbox7_3 span i{ font-style:normal; font-weight:lighter; font-size:40px; display:block; width:40px; line-height:40px; height:40px; position:absolute; right:-35px; top:-18px; text-align:center;}
.hslbox7_3:before{ content:""; width:1px; height:220px; background-color:#fff; display:block; position:absolute;transform: rotate(35deg); right:-138px; top:-38px;}
.hslbox7_3_last:before{ display:none}
.hslbox7_4{display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:-176px;}
.hslbox7_4 a{ width:217px; height:68px; background-color:#fff; margin-bottom:25px;}
.hslbox7_4 a span{display: flex;flex-direction: row;justify-content: center;align-items: center;height: 100%;}


.hslbox8{ margin:50px auto;}
.hslbox8_1{display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:80px;}
.hslbox8_1 a{width:390px; position:relative; overflow:hidden; margin-bottom:30px; background-color:#eee; padding-bottom:20px; text-align:center; position:relative; top:0;}
.hslbox8_1 a b{ display:block; color:#333; font-size:24px; font-weight:normal; padding:10px 0 5px 0;}
.hslbox8_1 a p{ display:block; color:#666; font-size:18px;}
.hslbox8_1 a strong{ display:block; margin:0 20px; border:1px solid #333; height:50px; line-height:50px; color:#333; font-weight:normal; margin-top:10px; font-size:20px;}
.hslbox8_1 a:hover{ box-shadow:0 0 10px rgba(0,0,0,.2); top:-5px;}
.hslbox8_1 a:hover strong{ background-color:#1d0805; color:#fff;}


.hslbox9{ background-color:#fff; padding:50px 0;}
.hslbox9 .hslzttit1 h2{width:480px; margin-left:-240px;}
.hslbox9_1{ text-align:center;display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:50px!important;}
.hslbox9_1 a{ width:384px; margin-bottom:22px; position:relative; overflow:hidden;}
.hslbox9_1 a:before{ content:""; width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; top:0; left:0;}
.hslbox9_1 a:after{ content:""; width:372px; height:170px; border:1px solid #fff; position:absolute; top:5px; left:5px;}
.hslbox9_1 b{ display:block; width:100%; position:absolute; top:40px; color:#fff; font-size:30px;}
.hslbox9_1 strong{ display:block; width:270px; position:absolute; bottom:30px; color:#fff; font-size:24px;border:1px solid #fff; left:50%; margin-left:-135px; height:50px; line-height:50px; font-weight:normal;}

.hslfooter{margin-top:0 !important;}