/*全局*/
* {
  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;
}
.hslzttit{display:flex;justify-content: center;position:relative;flex-wrap:wrap;}
.hslzttit h2{ color:#000; font-size:45px; position:relative;}
.hslzttit h2:before{ content:""; display:block;height:10px; background-color:#f7a64d; position:absolute; bottom:0; left:0; z-index:0; width:100%;}
.hslzttit h2 span{ display:block; position:relative; z-index:1;}
.hslzttit p{ width:100%; text-align:center; color:#666; font-size:18px; font-weight:lighter; text-transform:uppercase; padding-top:5px;}
.hslzttit:before{ content:""; display:block; width:415px; height:1px; background-color:#ccc; position:absolute; z-index:0; top:50%; left:0;}
.hslzttit:after{ content:""; display:block; width:415px; height:1px; background-color:#ccc; position:absolute; z-index:0; top:50%; right:0;}

.hslbtnbox{display:flex; justify-content:center; padding:30px 0;}
.hslbtnbox a{ background-color:#f6a74b; width:315px; height:64px; line-height:64px; border-radius:64px; color:#fff; text-align:center; font-size:24px;}

.hslbox1{ height:575px; background-repeat:no-repeat; background-position:center top; background-image:url(../images/1.jpg);}
.hslbox1 a{ display:block; height:100%;}

.hslbox2{display:flex; margin:50px auto;background-color:#f2f2f2; padding:10px 0;}
.hslbox2_1{ margin-left:10px;}
.hslbox2_2{ margin-right:10px; margin-left:50px;}
.hslbox2_2 b{ display:block; color:#3e2000; font-size:24px; padding-top:35px;}
.hslbox2_2 p{ color:#555; font-size:18px; padding-top:10px; padding-right:30px;}



.hslbox3{ background-color:#e9e9e9; padding:50px 0 30px 0;}
.hslbox3_1{display:flex; justify-content: space-between; height:412px; overflow:hidden; margin:30px auto;}
.hslbox3_2{ width:580px;}
.hslbox3_3{ width:602px; overflow:hidden;}
.hslbox3_2 span{ display:block; width:100%; border-radius:0; height:105px; background-color:#fff; position:relative; opacity:1;}
.hslbox3_2 span:after{ content:""; display:block; width:100%; height:1px; position:absolute; bottom:0; border-bottom:1px dashed #ccc;}
.hslbox3_2 span b{ display:block; font-size:24px; color:#555; padding-top:13px; padding-left:20px;}
.hslbox3_2 span p{ display:block; font-size:16px; color:#666; padding:5px 20px 0 20px;}
.hslbox3_2 .swiper-pagination-bullet-active:before{ content:""; display:block; width:10px; height:10px; background-color:#f6a74b;transform: rotate(45deg);-ms-transform: rotate(45deg);-moz-transform: rotate(45deg);-webkit-transform: rotate(45deg);-o-transform: rotate(45deg); position:absolute; right:-5px; top:50%; margin-top:-5px;}
.hslbox3_2 .swiper-pagination-bullet-active{background-color:#f6a74b;}
.hslbox3_2 .swiper-pagination-bullet-active *{ color:#fff;}
.hslbox3_2 .swiper-pagination-bullet-active:after{ display:none;}



.hslbox4{ padding:58px 0;background-repeat:no-repeat; background-position:center top; background-image:url(../images/4.jpg); height:707px;}
.hslbox4_1{display:flex; margin-top:30px;justify-content: space-between;flex-wrap:wrap;}
.hslbox4 .hslzttit:before{ background-color:rgba(255,255,255,.5);}
.hslbox4 .hslzttit:after{ background-color:rgba(255,255,255,.5);}
.hslbox4 .hslzttit *{ color:#fff; opacity:.6}
.hslbox4 .hslzttit h2:before{ background-color:#fff;}
.hslbox4_1 a p{ height:49px; line-height:49px; color:#333; font-size:18px;}
.hslbox4_1 a{ display:block; margin-bottom:25px;background-color:#fff; text-align:center; width:180px;}
.hslbox4_1 a:hover{ background-color:#f6a74b;}
.hslbox4_1 a:hover p{ color:#fff;}
.hslbox4_1 .hslbox4_2{ background-color:#f6a74b;display:flex;justify-content:center;align-items: center;flex-wrap:wrap;}
.hslbox4_2 i{ display:block; height:100px; line-height:100px; text-align:center; font-size:60px; color:#fff; width:100%; margin-bottom:-20px;}
.hslbox4_2 p{ color:#fff !important;}

.hslbox5{ background-color:#eee; padding:50px 0;}
.hslbox5_1{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:30px; margin-bottom:20px;}
.hslbox5_1 a{ width:33.333333333333333333%; background-color:#fff; text-align:center; padding:40px 0;}
.hslbox5_1 a:nth-child(2n+1){ background-color:#442200;}
.hslbox5_1 span{ width:124px; height:124px; display:block; margin:0 auto; background-color:#442200; text-align:center; line-height:124px; border-radius:124px; margin-bottom:20px;}
.hslbox5_1 span i{ font-size:56px; color:#fff;}
.hslbox5_1 b{ display:block; font-size:20px; color:#333;}
.hslbox5_1 p{font-size:16px; color:#666; margin-top:10px;}
.hslbox5_1 a:nth-child(2n+1) span{ background-color:#fff;}
.hslbox5_1 a:nth-child(2n+1) span i{ color:#442200;}
.hslbox5_1 a:nth-child(2n+1) b,.hslbox5_1 a:nth-child(2n+1) p{ color:#fff;}



.hslbox6{padding:50px 0;}
.hslbox6_1{display:flex;justify-content: space-between; margin:50px auto;}
.hslbox6_2{ width:380px; position:relative; top:0; border:2px solid #b5b5b5}
.hslbox6_3{ display:block; height:287px; overflow:hidden; background-image:url(../images/bg.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative;}
.hslbox6_3 img{ width:200px; height:auto; bottom:0; left:50%; margin-left:-100px; position:absolute; display:block;}
.hslbox6_2 span{ display:block;padding:20px; position:relative;}
.hslbox6_2 span b{ display:block; font-size:20px; color:#000; line-height:40px;}
.hslbox6_2 span p{font-size:16px; color:#333; line-height:28px;}
.hslbox6_2 span a{ display:block; position:absolute; right:20px; top:20px; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #442200; color:#442200; border-radius:8px;}
.hslbox6_2:hover{ box-shadow:0 0 20px rgba(0,0,0,.1); top:-20px; border-color:#442200}
.hslbox6_2:hover span{background-color:#442200;}
.hslbox6_2:hover span *{ color:#fff;}
.hslbox6_2:hover span a{ background-color:#fff;border-color:#fff; color:#442200;}

.hslbox7{padding:50px 0; background-color:#eee;}
.hslbox7_1{display:flex;justify-content: space-between; margin-top:30px;}
.hslbox7_1 a{ display:block; margin-bottom:10px;}

.hslbox8{padding:50px 0;}
.hslbox8_1{display:flex;justify-content: space-between; margin-top:30px;}
.hslbox8_1 a{ display:block; position:relative; overflow:hidden;}
.hslbox8_1 p{ background-color:rgba(68,34,0,.5); color:#fff; font-size:24px; text-align:center; line-height:58px; height:58px; position:absolute; width:100%; bottom:0; left:0;}

.hslbox8_2{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:15px;}
.hslbox8_2 a{ display:flex; width:190px; height:85px; background-color:#fff; border:1px solid #c5c5c5;justify-content: center;align-items: center; margin-bottom:10px;background-repeat: no-repeat;background-position: center;}


