/*全局*/
* {
  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;
}

.hslbox1{display:flex;justify-content:space-between;align-items: center; padding:30px 0;}
.hslbox1_1{ width:300px;}
.hslbox1_2{display:flex;justify-content:right;}
.hslbox1_2 a{ margin-left:15px;position:relative; font-size:20px; color:#333; height:38px; line-height:38px; padding:0 15px;border-radius:30px;}
.hslbox1_2 a:first-child{background-color:#442200; color:#fff;}
.hslbox1_2 a:hover{ background-color:#442200; color:#fff;}

/*banner*/
.hslbanner{ height:520px; overflow:hidden; position:relative; z-index:2}
.hslbanner a{ display:block; height:520px; width:100%}
.bannerpage{ position:absolute; bottom:10px; text-align:center; z-index:3}
.hslbanner .bannerpage span{ padding:0px 10px; background-color:rgba(244,67,54,0.8); margin:0 5px; width:auto; height:26px; line-height:26px; border-radius:0px; color:#fff; opacity:1; font-size:14px;}
.hslbanner .bannerpage .swiper-pagination-bullet-active{ opacity:1; background-color:#F60201}
.hslbannerright{display:none; position:absolute; height:520px; top:0px; z-index:2; left:50%; margin-left:405px;}
.hslbannerrbox{background-color:rgba(255,255,255,.8);width:145px; height:208px; padding:25px; margin-bottom:4px;}
.hslbannerrbox a{ display:block; width:145px; overflow:hidden; border-radius:10px; position:relative; height:130px; margin-top:15px; background-color:#000;}
.hslbannerrbox a img{ width:145px; height:130px; opacity:.8}
.hslbannerrbox a i{ display:block; width:36px; height:36px; top:50%; margin-top:-18px; left:50%; margin-left:-18px; z-index:3; position:absolute; font-size:36px; color:#fff; opacity:1;}
.hslbannerrbox h2{ text-align:center; font-size:24px; color:#e11616; padding-top:5px;}
.hslbannerrbox p{ text-align:center; color:#666; padding-top:5px;}
.hslbanner .swiper-wrapper .swiper-slide{
background-position: center top;
background-repeat: no-repeat;
}
.hslbanner .bannerpage span{ width:16px; height:16px; border-radius:16px; background-color:#fff; opacity:.6; padding:0;}
.hslbanner .bannerpage .swiper-pagination-bullet-active{ opacity:1; background-color:#fff;}

.hslbox2{display:flex; margin:50px auto;}
.hslbox2 a{ width:20%; text-align:center; display:block; position:relative; padding:30px 0;}
.hslbox2 a:before{ content:""; display:block; width:1px; height:100%; border-left:1px dashed #ccc; position:absolute; right:0; top:0;}
.hslbox2 a:last-child:before{ display:none;}
.hslbox2 span{ display:block; width:80px; height:80px; margin:0 auto;}
.hslbox2 b{ color:#442200; font-size:20px; font-weight:normal; display:block; margin-top:20px;}
.hslbox2 p{ color:#999; font-size:14px; font-weight:normal; display:block; margin-top:5px;}



.hslbox3{ background-color:#e9e9e9; padding:50px 0 30px 0;}
.hslbox3_1{ margin-top:30px;display:flex; justify-content: space-between; padding-bottom:20px;}
.hslbox3_2{ width:290px; margin-right:10px;}
.hslbox3_2_1{ margin-bottom:10px;}
.hslbox3_2_1 a{ display:block; background-color:#fff; text-align:center;}
.hslbox3_2_1 span{display:flex; justify-content: space-between; padding:20px;}
.hslbox3_2_1 b{ display:block; height:35px; line-height:35px; width:92px; background-color:#d8ab4b; color:#fff; font-size:16px; font-weight:normal; border-radius:5px;}
.hslbox3_2_1 p{ display:block; height:31px; line-height:31px; width:112px; border:2px solid #d8ab4b; color:#d8ab4b; font-size:16px; font-weight:normal; border-radius:5px;}
.hslbox3_3{ width:332px;text-align:center; margin-right:12px;}
.hslbox3_3 h2{ line-height:60px; color:#442200; background-color:#fff;}
.hslbox3_3_1{ height:54px; background-color:#e1e1e1; line-height:54px;display:flex;justify-content: space-between;}
.hslbox3_3_1 span{ display:block;}
.hslbox3_a{ width:130px;}
.hslbox3_b{ width:90px;}
.hslbox3_c{ width:112px;}
.hslbox3_3_2{ overflow:hidden; position:relative; height:274px; background-color:#fff;}
.hslbox3_3_2 li{ height:39px; line-height:39px; border-bottom:1px dashed #e4e4e4;display:flex;justify-content: space-between;}
.hslbox3_3_3 a{ display:block; height:52px; line-height:52px; text-align:center; background-color:#d8ab4b; color:#fff; font-size:16px; border-radius:10px;}
.hslbox3_3_3{ background-color:#fff; padding:10px;}
.hslbox3_4{ width:254px;}
.hslbox3_4 .hslbox3_4_1{ height:54px; line-height:54px; border-radius:10px; margin-bottom:7px; background-color:#fff; color:#442200; font-size:18px; display:block; text-align:center;}
.hslbox3_4 .hslbox3_4_1:hover{ background-color:#442200; color:#fff;}
.hslbox3_4_2{ background-color:#fff;display:flex;justify-content: space-between; height:94px;}
.hslbox3_4_2 a{ width:50%; text-align:center;}
.hslbox3_4_2 i{ display:block; color:#442200; font-size:36px; padding-top:12px;}
.hslbox3_4_2 p{ color:#555; font-size:16px;}

.hslbox3_5{ position:relative; width:1200px; margin:0 auto; overflow:hidden; padding-bottom:20px;}
.hslbox3_5 a{ display:block; background-color:#fff; text-align:center;width: 290px;}
.hslbox3_5 span{display:flex; justify-content: space-between; padding:20px;}
.hslbox3_5 b{ display:block; height:35px; line-height:35px; width:92px; background-color:#d8ab4b; color:#fff; font-size:16px; font-weight:normal; border-radius:5px;}
.hslbox3_5 p{ display:block; height:31px; line-height:31px; width:112px; border:2px solid #d8ab4b; color:#d8ab4b; font-size:16px; font-weight:normal; border-radius:5px;}
.hslbox3_5 .swiper-notification{ padding:0;}
.hslbox3_5 .swiper-scrollbar{ width:100%; left:0;}

.hslzttit{ text-align:center; position:relative; padding-bottom:12px;}
.hslzttit h2{ color:#333; font-size:40px; font-weight:normal; height:100px; line-height:100px; border-bottom:1px solid #dadada; position:relative;}
.hslzttit h2:before{ content:""; display:block; width:112px; height:6px; background-color:#442200; position:absolute; bottom:-6px; left:50%; margin-left:-56px;}
.hslzttit p{ color:#666; font-size:18px; padding-top:20px;}


.hslbox4{ margin:50px auto;}
.hslbox4_1{display:flex; margin-top:30px;justify-content: space-between;}
.hslbox4_1 a{ width:268px; border:1px solid #442200; padding:10px; text-align:center;}
.hslbox4_1 b{ color:#444; font-size:20px; display:block; margin:20px 0;}
.hslbox4_1 p{ color:#666; font-size:18px; line-height:28px; margin-bottom:20px;}
.hslbox4_1 span{ display:block; width:235px; height:50px; line-height:50px; font-size:20px; color:#d8ab4b; border:1px solid #d8ab4b; border-radius:50px; margin:0 auto 20px auto; box-shadow:2px 8px 10px rgba(0,0,0,.1);}


.hslbox5{ background-color:#e9e9e9; padding:50px 0;}
.hslbox5_1{display:flex;justify-content: space-between; width:1200px; margin:30px auto 0 auto; flex-wrap:wrap;}
.hslbox5_1 a{ display:block; background-color:#fff; margin-bottom:12px;}
.hslbox5_1 a p{ height:45px; line-height:45px; text-align:center; color:#333; font-size:16px;}
.hslbox5_1 a:hover{ background-color:#442200;}
.hslbox5_1 a:hover p{ color:#fff;}


.hslbox6{padding:50px 0;}
.hslbox6_1{ height:425px; background-image:url(../images/22.jpg); background-repeat:no-repeat; background-position:center bottom; margin-top:50px;}
.hslbox6_1 a{ display:block; position:relative;height:425px; }
.hslbox6_1 span{ width:781px; height:425px; display:block; position:absolute; right:65px; bottom:0;}
.hslbox6_1 i{ display:block; width:442px; height:68px; line-height:68px; text-align:center; background-color:#d8ab4b; border-radius:68px; position:absolute; bottom:-28px; z-index:1; font-style:normal; color:#fff; font-size:24px; text-align:center; left:50%; margin-left:-221px;}
.hslbox6_1 b{ display:block; color:#fff; font-size:60px; text-transform:uppercase; padding-top:115px; line-height:70px;}
.hslbox6_1 p{ color:#fff; opacity:.6; font-size:24px;}
.hslbox6_1 strong{ font-weight:normal; font-size:30px; color:#fff; display:block; margin-top:30px; height:40px; line-height:40px; position:relative;}
.hslbox6_1 strong:before{ content:""; width:98px; height:10px; background-color:#fff; display:block; position:absolute; top:-20px; left:3px;}



.hslbox7{padding:50px 0; background-color:#e9e9e9;}
.hslbox7_1{display:flex;justify-content: space-between; flex-wrap:wrap; margin-top:30px;}
.hslbox7_1 a{ width:230px; height:160px; background-color:#fff;display:flex;justify-content:center;align-items: center; margin-bottom:14px; overflow:hidden; background-repeat:no-repeat; background-position:center center; background-size:148px 60px;-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);filter: gray;}
.hslbox7_1 a:hover{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);}

.hslbox7_2{display:flex;justify-content: space-between;}
.hslbox7_3{ width:547px; background-color:#fff; padding:20px;}
.hslbox7_3_1{display:flex;justify-content: space-between;align-items: center; padding-top:10px;}
.hslbox7_3_1 b{ display:block; color:#333; font-size:24px;}
.hslbox7_3_1 i{ display:block; color:#666; font-size:14px; font-style:normal; text-transform:uppercase;}
.hslbox7_3_1 p{ font-size:16px; color:#333; line-height:24px;}
.hslbox7_3_0{ text-align:center;}
.hslbox7_3_2{display:flex;justify-content: space-between; margin-top:20px;}
.hslbox7_3_2 a{ width:262px;}

.hslbox8{padding:50px 0;}
.hslbox8_1{ overflow:hidden;}
.hslbox8_3{ height:512px;}
.hslbox8_3 .swiper-slide{display:flex;justify-content: space-between; flex-wrap:wrap;}
.hslbox8_3 a{ width:388px; border:1px solid #ccc; margin-bottom:15px;}
.hslbox8_3 a span{ display:block; margin:5px;}
.hslbox8_2{display:flex;justify-content: center; height:55px; margin:30px 0;}
.hslbox8_2 span{ height:55px; line-height:55px; padding:0 30px; border-radius:55px; width:auto; margin:0 15px; background-color:#e2e2e2; color:#333; opacity:1; font-size:20px;}
.hslbox8_2 span.swiper-pagination-bullet-active{ background-color:#d8ab4b; color:#fff;}