/*全局*/
* {
  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-position:center top; height:567px;background-image:url("../images/1.jpg"); background-repeat:no-repeat; background-position:center top;}
.hslbanner a{ display:block; height:567px;}

.hslbox1{ background-color:#f5e3c5; position:relative;}
.hslbox1:after{ content:""; width:50%; height:228px; background-color:#f4eaf7; position:absolute; right:0; top:0;}
.hslbox1_1{display:flex;justify-content: space-between;height:228px; position:relative; z-index:1;}
.hslbox1_1 a{ width:33.3333333333333%; text-align:center;}
.hslbox1_1 span{ display:block; text-align:center; padding-top:30px; width:68px; margin:0 auto;}
.hslbox1_1 p{ color:#333; font-size:24px; text-align:center; border-top:4px solid #333; display:inline-block; padding-top:10px; margin-top:20px;}
.hslbox1_2{ background-color:#d2efcf;}


.hslzttit{ text-align:center;}
.hslzttit h2{ color:#ffabbb; font-size:48px; height:80px; border-bottom:1px solid #ffabbb; position:relative;}
.hslzttit h2:before{ content:""; width:109px; height:8px; display:block; position:absolute; bottom:-8px; left:50%; margin-left:-54px; background-color:#ffabbb;}
.hslzttit p{ color:#666; font-size:20px; margin-top:15px; text-transform:uppercase;}

.hslbox2{ position:relative; height:392px; overflow:hidden;}
.hslbox2_2{ width:699px; margin:0 auto; position:relative; z-index:1;}
.hslbox2_2 video{ width:100%;}
.hslbox2_1{ width:609px; height:392px; display:block; position:absolute; left:0; z-index:0; top:0;}
.hslbox2_3{ width:614px; height:392px; display:block; position:absolute; right:0; z-index:0; top:0;}

.hslbox3{ margin-top:50px;}
.hslbox3_1{display:flex;justify-content: space-between; margin-top:50px;}
.hslbox3_1 a{ width:130px; height:130px; border-radius:130px; border:1px solid #333; background-color:transparent; text-align:center; opacity:1;}
.hslbox3_1 span{ display:block; margin-top:40px; font-size:24px; font-weight:bold; color:#333;}
.hslbox3_1 span p{text-transform:uppercase; color:#666; font-weight:lighter; font-size:12px; padding-top:3px;}
.hslbox3_1 .swiper-pagination-bullet-active{ background-color:#ffabbb; border-color:#ffabbb;box-shadow:0 0 20px rgba(255,171,187,.5);}
.hslbox3_1 .swiper-pagination-bullet-active *{ color:#fff;}
.hslbox3_3{display:flex;justify-content: space-between;}
.hslbox3_2{ margin-top:36px; overflow:hidden;}
.hslbox3_4{ width:544px;}
.hslbox3_4 img{ width:100%;}
.hslbox3_5{ flex:1; margin-left:40px; position:relative;}
.hslbox3_6{display:flex;justify-content: space-between; position:absolute; width:100%; bottom:0;}
.hslbox3_5 b{ font-size:36px; display:block; color:#333; margin-top:20px;}
.hslbox3_5 p{ color:#666; font-size:20px; margin-top:10px;}
.hslbox3_5_1{ display:block; width:300px; height:60px; line-height:60px; border:1px solid #ffabbb; text-align:center; font-size:20px; color:#ffabbb; position:relative; text-indent:-20px; margin-top:20px;}
.hslbox3_5_1:hover{ background-color:#ffabbb; color:#fff; border-radius:50px; box-shadow:0 0 20px rgba(255,171,187,.5);}
.hslbox3_5_1 i{ font-size:36px; position:absolute; margin-left:20px; margin-top:2px;}
.hslbox3_6 a{ width:200px;}
.hslbox3_6 a img{ width:100%;}

.hslbox4{ background-color:#efefef; padding:50px 0; margin-top:50px;}
.hslbox4_1{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:40px;}
.hslbox4_1 a{ width:300px; height:250px; overflow:hidden; position:relative; z-index:0;}
.hslbox4_1 b{ display:block; margin:0 20px; font-size:30px; color:#fff; padding-top:30px; text-align:center; border-bottom:2px solid #fff; padding-bottom:10px;}
.hslbox4_1 p{ color:#fff; font-size:18px; line-height:30px; margin:15px 20px;}
.hslbox4_1 a:hover{ box-shadow:0 0 20px rgba(0,0,0,.2); z-index:1;}
.hslbox4_2{ background-color:#f0d3b8;}
.hslbox4_3{ background-color:#a7724d;}
.hslbox4_4{ background-color:#ffabbb;}
.hslbox4_5{ background-color:#a6d0e4;}

.hslbtn{display:flex;justify-content:center; text-align:center;}
.hslbtn a{ width:307px; height:60px; line-height:60px; background-color:#a6d0e4; color:#fff; font-size:24px; margin:0 20px; position:relative; text-indent:-10px;}
.hslbtn a:first-child{ background-color:#ffabbb;}
.hslbtn i{ font-size:30px; position:absolute; margin-left:10px; top:2px;}

.hslbox5{ background-color:#ffabbb; padding:50px 0;}
.hslbox5 a{ display:block; width:1143px; margin:0 auto;}

.hslbox6{ margin:50px auto 30px auto;}
.hslbox6_1{display:flex;justify-content: space-between; margin-top:30px; flex-wrap:wrap;}
.hslbox6_2{ width:385px; margin-bottom:25px;}
.hslbox6_2 a{ display:block;background-color:#f1ebed; padding:20px 12px; text-align:center;}
.hslbox6_2 b{ display:block; text-align:center; font-size:30px; color:#ffabbb; margin-bottom:10px;}
.hslbox6_2 p{ text-align:center; font-size:20px; color:#333; margin-top:10px;}
.hslbox6_2 a:hover{ background-color:#ffabbb;box-shadow:0 0 20px rgba(255,171,187,.5);}
.hslbox6_2 a:hover *{ color:#fff;}

.hslbox7{ background-color:#efefef;padding:50px 0;}
.hslbox7_1{ overflow:hidden; position:relative; margin-top:30px; margin-bottom:50px;}
.hslbox7_2{ position:relative; height:540px; overflow:hidden;}
.hslbox7_2:before{ content:""; width:158px; height:184px; background-color:#fff; position:absolute; display:block; left:0; top:0;}
.hslbox7_3{ width:404px; height:522px; background-color:#feb0bf; margin-left:20px; margin-top:20px; position:relative; z-index:1; overflow:hidden;}
.hslbox7_3 img{ display:block; position:absolute; bottom:0; width:280px; left:62px; height:auto;}
.hslbox7_4{ width:815px; height:385px; background-color:#fff; position:absolute; z-index:1; bottom:57px; right:0;}
.hslbox7_4_1{ display:flex; margin-left:95px; margin-top:70px; height:70px;}
.hslbox7_4_1 h3{color:#e197ae; font-size:48px; border-bottom:5px solid #e197ae; margin-right:20px;height: 60px;}
.hslbox7_4_1 i{ text-transform:uppercase; font-size:36px; color:#666; font-style:normal; line-height:70px; display:block;margin-top:5px;}
.hslbox7_4 b{ display:block; font-size:30px; font-weight:normal; color:#333; margin-left:95px; margin-top:10px;}
.hslbox7_4 p{margin-left:95px; margin-top:10px; color:#666; font-size:20px; line-height:36px;}
.hslbox7_5{ width:19px; height:217px; position:absolute; left:0; bottom:0;}
.hslbox7_6{ width:756px; height:24px; position:absolute; right:0; bottom:0; background-image:url("../images/23.png"); background-repeat:repeat-x; background-position:center top;}
.hslbox7_7{ width:150px; height:70px; position:absolute; top:10px; right:0;display:flex;justify-content: space-between; z-index:2;}
.hslbox7_7 div{ width:70px; background-color:#feb0bf; height:70px; cursor:pointer; text-align:center; line-height:70px;box-shadow:0 0 20px rgba(255,171,187,.5);}
.hslbox7_7 div i{ font-size:32px; color:#fff;}
.hslbox7_7 .swiper-button-disabled{background-color:#fff; box-shadow:none;}
.hslbox7_7 .swiper-button-disabled i{ color:#333;}

.hslbox8{padding:50px 0;overflow:hidden; width:100%;}
.hslbox8_1{ height:86px; line-height:86px; background-color:#ece7e9; border:1px dashed #ccc; text-align:center; font-size:20px; border-radius:5px; margin-top:40px;}
.hslbox8_2{display:flex;justify-content: space-between; margin-top:30px; margin-left:-5px; margin-right:-5px; margin-bottom:30px;}
.hslbox8_3 a{ display:block; margin:0 5px; }
.hslbox8_3 .hslbox8_3_c{ display:block; margin-bottom:7px;position:relative; overflow:hidden;}
.hslbox8_3_c .hslbox8_3_bg{ display:none; position:absolute; width:100%; height:100%; background-color:rgba(0,0,0,.6); top:100%; text-align:center;}
.hslbox8_3_c .hslbox8_3_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;}
.hslbox8_3_i:hover{ background-color:#feb0bf; color:#fff;box-shadow:0 0 20px rgba(80,73,215,.3);}
.hslbox8_3_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%;}
.hslbox8_3_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;}
.hslbox8_3_i:hover i{ color:#fff;}
.hslbox8_3 .hslbox8_3_c:hover .hslbox8_3_bg{ top:0; z-index:1;}
.hslbox8_3 .hslbox8_3_c:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);}

.hslbox9{ background-color:#efefef; padding:50px 0 60px 0;}
.hslbox9_1{ margin:30px 0;}
.hslbox9_1 p{ border:1px dashed #e193a9; padding:20px; font-size:24px; color:#333; line-height:36px;}
.hslbox9_2{display:flex;justify-content: space-between; margin-bottom:30px;}
.hslbox9_2 a{ width:230px; background-color:#fff;}
.hslbox9_2 p{ height:40px; line-height:40px; text-align:center; font-size:20px; color:#333;}

.hslbox10{padding:50px 0 60px 0;}
.hslbox10_1{display:flex;justify-content: space-between; margin:30px 0;}
.hslbox10_1 a{ width:280px; background-color:#f1ebed; padding:10px 0;}
.hslbox10_1 b{ display:block; font-size:30px; color:#ffabbb; text-align:center;}
.hslbox10_1 p{text-align:center; font-size:20px; color:#666; padding-top:10px;}

.hslbox11{ background-color:#efefef; padding:50px 0 60px 0;}
.hslbox11_1{display:flex;justify-content: space-between; margin-top:30px;}
.hslbox11_1 a{ width:380px; background-color:#fff;}
.hslbox11_2{display:flex;justify-content: space-between; padding:20px;}
.hslbox11_3 b{ color:#ffabbb; font-size:30px; display:block;}
.hslbox11_3 p{ color:#555; font-size:20px; display:block;}
.hslbox11_4{ background-color:#ffabbb; width:50px; border-radius:3px; text-align:center; display:flex;justify-content: center;align-items: center;}
.hslbox11_4 i{ color:#fff; font-size:24px;}

.hslbox12{ margin:50px auto;}
.hslbox12_1{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:40px;}
.hslbox12_1 a{ width:540px; height:68px; line-height:68px; background-color:#ffabbb; margin-bottom:20px;display:flex;justify-content: space-between;}
.hslbox12_2{ margin-left:20px; font-size:24px; color:#fff;}
.hslbox12_3{ margin-right:20px; font-size:20px; color:#ffabbb; background-color:#fff; border-radius:40px; height:40px; line-height:40px; text-align:center; padding:0 20px; margin-top:14px;}
.hslbox12_2 i{ font-size:24px; margin-right:10px;}