/*全局*/
* {
  margin: 0;
  padding: 0;
  list-style:none;
}
.animation,.animation *{transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;}
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-position:center top;background-image:url("../images/1.jpg"); background-repeat:no-repeat; background-position:center top; background-color:#f3f1ff;height:1000px;}
.hslbanner1{ display:block; height:569px; position:relative;}
.hslbanner2{ position:relative; padding-bottom:60px;margin-top: 50px;}
.hslbanner3{ width:647px; height:364px; position:relative; z-index:2;}
.hslbanner3 img,.hslbanner3 video{ display:block; position:relative; z-index:1; width:100%;}
.hslbanner4{ display:block; position:absolute; background-color:#fff; z-index:1; width:615px; height:365px; right:0; top:0; box-shadow:0 0 10px rgba(0,0,0,.1);}
.hslbanner4 b{ display:block; padding-left:125px; font-size:22px; color:#000; padding-top:30px; margin-bottom:5px;}
.hslbanner4 p{ display:block; padding-left:125px; font-size:16px; color:#333; padding-right:50px;}
.hslbanner4 a{ display:block; width:237px; height:50px; line-height:50px; font-size:20px; font-weight:normal; color:#d27e74; border:1px solid #d27e74; border-radius:50px; text-align:center; margin-left:125px; margin-top:30px;}
.hslbanner5{ height:120px; margin-bottom:50px;display:flex;justify-content:space-between;}
.hslbanner5 a{ width:275px; height:120px; border-radius:15px; overflow:hidden;display:flex;box-shadow:0 0 20px rgba(0,0,0,.2); background-color:#fff;}
.hslbanner5_1{ display:block; width:138px;}
.hslbanner5_2{flex:1; margin:10px;}
.hslbanner5_2 b{ color:#333; font-size:18px; padding-top:10px; display:block;}
.hslbanner5_2 p{ color:#999; font-size:10px; text-transform:uppercase; margin-top:5px;}
.hslbanner5_2 i{ display:block; color:#666; font-size:20px; margin-top:16px;}

.hslbox1{z-index:1; position:relative; background-color:#fff; padding:60px 0;}
.hslbox1_1{display:flex;justify-content:space-between;flex-wrap:wrap; margin-top:50px;}
.hslbox1_1 a{ width:290px; height:280px; background-color:#fff; margin-bottom:20px; border:1px solid #abbda5;}
.hslbox1_1 span{ display:block; margin:30px auto 25px auto; width:82px; height:82px; border-radius:82px; background-color:#abbda5; text-align:center; line-height:82px;}
.hslbox1_1 span i{ color:#fff; font-size:40px;}
.hslbox1_1 p{ padding:0 20px; color:#333; font-size:17px; text-align:center;}
.hslbox1_1 b{ display:block; text-align:center; font-size:50px; font-weight:lighter; color:#abbda5; height:50px; line-height:50px; margin-bottom:15px;}
.hslbox1_1 a:hover{ background-color:#abbda5; box-shadow:0 0 20px rgba(171,189,165,.3);}
.hslbox1_1 a:hover span{ background-color:#fff;}
.hslbox1_1 a:hover span i{color:#abbda5}
.hslbox1_1 a:hover p{ color:#fff;}
.hslbox1_1 a:hover b{ color:#fff;}
.hslboxbtn a{ display:block; color:#fff; background-color:#d77d75; font-size:20px; width:450px; height:80px; line-height:80px; border-radius:40px; text-align:center;}
.hslboxbtn{ display:flex;justify-content:center; margin-top:50px;}


.hslzttit{ text-align:center; position:relative; padding-bottom:12px;}
.hslzttit h2{ color:#000; font-size:40px;}
.hslzttit h2 b{ color:#d27e74}
.hslzttit:before{ content:""; width:200px; height:6px; background-color:#d27e74; display:block; position:absolute; bottom:0; left:50%; margin-left:-100px;}
.hslzttit:after{ content:""; width:8px; height:8px; background-color:#d27e74;bottom:-4px; left:50%; margin-left:-2.5px; display:block; position:absolute;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);}




.hslbox2{padding:50px 0; background-color:#f1f1f1; overflow:hidden;}
.hslbox2_1{ position:relative; overflow:hidden; margin:50px auto; width:1200px;}
.hslbox2_4{ height:60px; background-color:#fff;display:flex;justify-content: space-between; margin-bottom:30px;}
.hslbox2_4 span{ width:20%; height:60px; line-height:60px; display:block; border-radius:0; font-size:24px; color:#333; text-align:center; opacity:1; background-color:#fff; position:relative;}
.hslbox2_4 .swiper-pagination-bullet-active{ background-color:#d77d75; color:#fff;}
.hslbox2_4 span:before{ content:""; display:none; width:10px; height:10px; background-color:#d77d75; position:absolute; bottom:-5px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg); left:50%; margin-left:-5px;}
.hslbox2_4 .swiper-pagination-bullet-active:before{ display:block;}
.hslbox2_3{ background-color:#fff;}
.hslbox2_3 .swiper-slide{display:flex;justify-content: space-between; height:337px; overflow:hidden;}
.hslbox2_5{ width:572px; height:317px; margin-top:10px; margin-left:10px; padding-bottom:10px;} 
.hslbox2_6{ padding:10px;flex:1;}
.hslbox2_7{display:flex;justify-content: space-between; margin:10px; border-bottom:1px dashed #ccc; padding-bottom:10px;}
.hslbox2_7 h2{ font-size:24px; color:#d27e74;}
.hslbox2_7 a{ width:117px; height:35px; border:1px solid #d27e74; color:#d27e74; text-align:center; line-height:35px; border-radius:35px;}
.hslbox2_6 span p{ font-size:16px; line-height:28px; padding:0 10px;}


.hslbox3{ margin:70px auto;}
.hslbox3_1{display:flex;justify-content: space-between; margin:50px auto;}
.hslbox3_1 a{ width:390px; position:relative; background-color:#d9d9d9; display:block; overflow:hidden; height:580px;}
.hslbox3_1 img{ width:280px; display:block; height:auto; position:absolute; bottom:80px; left:50%; margin-left:-140px;}
.hslbox3_2{ display:block; width:100%; position:absolute; background-color:#d77d75; bottom:-223px; left:0; z-index:1;} 
.hslbox3_2 span{display:flex;justify-content: space-between; height:90px; line-height:90px; margin:0 20px; border-bottom:1px dashed rgba(255,255,255,.6);}
.hslbox3_2 span h3{ font-size:32px; color:#fff;}
.hslbox3_2 span i{ font-size:36px; color:#fff;}
.hslbox3_2 p{ padding:20px; color:#fff; font-size:16px; line-height:26px; height:180px;}
.hslbox3_1 a:hover .hslbox3_2{ bottom:0;}



.hslbox4{background-color:#f1f1f1; padding:70px 0;}
.hslbox4_1{display:flex;justify-content: space-between; margin-top:40px;flex-wrap:wrap;}
.hslbox4_1 a{ width:25%; position:relative;}
.hslbox4_2{ background-color:rgba(0,0,0,.5); display:flex; position:absolute; width:100%; height:100%; left:0; top:0; opacity:0;}
.hslbox4_3{display:flex;justify-content:center;align-items: center;border:1px solid rgba(255,255,255,.5);margin:10px;  width:100%;} 
.hslbox4_3 span{ display:block; text-align:center;}
.hslbox4_3 span b{ font-size:24px; font-weight:normal; color:#fff;}
.hslbox4_3 span p{ font-size:18px; text-transform:uppercase; color:#fff;}
.hslbox4_3 span i{ display:block; color:#fff; font-size:30px; margin-top:10px;}
.hslbox4_1 a:hover .hslbox4_2{ opacity:1;}

.hslbox5{margin:70px 0; overflow:hidden;}
.hslbox5_1{ position:relative; height:226px; margin-top:40px;}
.hslbox5_2{display:flex;justify-content: center; height:90px; overflow:hidden; position:absolute;margin-top:65px;}
.hslbox5_2 span{position:relative; text-align:center;}
.hslbox5_3{ width:316px;}
.hslbox5_2 b{font-size:42px; color:#fff; position:relative;}
.hslbox5_2 b:before{ content:"+"; display:block; position:absolute; font-size:18px; right:-15px; top:-5px; font-weight:lighter;}
.hslbox5_2 p{ color:#fff; font-size:18px; margin-top:10px;}
.hslbox5_4{ width:308px;}
.hslbox5_4 b:before{ content:"家";font-size:15px;}
.hslbox5_5{ width:292px;}
.hslbox5_5 b:before{ content:"所";font-size:15px;}
.hslbox5_6{ width:263px;}
.hslbox5_6 b:before{ content:"年";font-size:15px;}
.hslbox5_3:before{ content:""; display:block; width:1px; height:100px; background-color:rgba(255,255,255,1); position:absolute;transform:rotate(29deg);-ms-transform:rotate(29deg);-moz-transform:rotate(29deg);-webkit-transform:rotate(29deg);-o-transform:rotate(29deg); right:0;}
.hslbox5_4:before{ content:""; display:block; width:1px; height:100px; background-color:rgba(255,255,255,1); position:absolute;transform:rotate(29deg);-ms-transform:rotate(29deg);-moz-transform:rotate(29deg);-webkit-transform:rotate(29deg);-o-transform:rotate(29deg); right:-13px;}
.hslbox5_5:before{ content:""; display:block; width:1px; height:100px; background-color:rgba(255,255,255,1); position:absolute;transform:rotate(29deg);-ms-transform:rotate(29deg);-moz-transform:rotate(29deg);-webkit-transform:rotate(29deg);-o-transform:rotate(29deg); right:4px;}

.hslbox6_2{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:30px;}
.hslbox6_2 a{ display:flex; width:280px; height:125px; background-color:#fff; border:1px solid #c5c5c5;justify-content: center;align-items: center; margin-bottom:10px;}