/*全局*/
* {
  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;background-image:url("../images/1.jpg"); background-repeat:no-repeat; background-position:center top; background-color:#f3f1ff;height:auto !important;}
.hslbanner1{ display:block; height:814px !important; position:relative;}
.hslbanner2{ position:relative; top:-185px; z-index:2; padding-bottom:60px;}
.hslbanner3{ width:647px; height:364px; position:relative; z-index:2;}
.hslbanner3:before{ display:block;width:647px; height:364px; border:2px solid #f3dcde; position:absolute; content:""; top:-10px; left:-10px; z-index:0;}
.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:340px; right:0; bottom: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:#fc5753; border:1px solid #fc5753; border-radius:50px; text-align:center; margin-left:125px; margin-top:30px;}


.hslbox1{ margin-top:-130px; z-index:2; 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:255px; height:255px; background-color:#f0f0f0; margin-bottom:20px;}
.hslbox1_1 span{ display:block; margin:50px auto 30px auto; width:82px; height:82px; border-radius:82px; background-color:#ff5653; 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 a:hover{ background-color:#ff5653; box-shadow:0 0 20px rgba(255,86,83,.3);}
.hslbox1_1 a:hover span{ background-color:#fff;}
.hslbox1_1 a:hover span i{color:#ff5653}
.hslbox1_1 a:hover p{ color:#fff;}

.hslboxbtn a{ display:block; color:#fff; background-color:#ff5653; 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{display:flex;justify-content:center;align-items: center;}
.hslzttit span{ width:94px; height:92px; margin-right:30px;}
.hslzttit h2{ color:#000; font-size:40px;}
.hslzttit h2 b{ color:#ff5654}

.hslbox2{padding:50px 0; background-color:#f1f1f1; overflow:hidden;}
.hslbox2_1{ position:relative; height:742px; margin:50px auto; width:1200px;}
.hslbox2_1:before{ content:""; display:block; background-color:#fff; position:absolute; background-color:#fff; width:1562px; height:742px; left:0; top:0; z-index:1;}
.hslbox2_5{ position:absolute; left:-360px; top:53px; width:999px; z-index:1;}
.hslbox2_4{ width:480px; height:130px; position:absolute; top:53px; right:0; z-index:3;display:flex;flex-wrap:wrap;justify-content: space-between;}
.hslbox2_4 span{ display:block; width:140px; height:52px; line-height:52px; border:2px solid #fc5753; color:#fc5753; font-size:18px; text-align:center; border-radius:0; background-color:transparent; opacity:1; background-color:#fff; margin-bottom:18px;}
.hslbox2_4 a{ color:#fc5753; display:block; height:100%;}
.hslbox2_4 .swiper-pagination-bullet-active,.hslbox2_4 span:hover{ background-color:#fc5753; color:#fff;}
.hslbox2_4 span:hover a{ color:#fff;}
.hslbox2_6{ width:480px; background-color:#eee; height:287px; position:absolute; right:0; top:205px; z-index:2; padding:25px 0;}
.hslbox2_6 span{display:flex;align-items: center;line-height:45px; margin:0 50px;}
.hslbox2_6 span b{ height:30px; line-height:30px; width:30px; background-color:#fc5753; color:#fff; text-align:center; font-weight:normal; font-size:16px; margin-right:10px; }
.hslbox2_6 span p{ color:#333; font-size:20px;}
.hslbox2_6_1{ padding:50px; font-size:20px; color:#333;}
.hslbox2_2{ width:121px; height:60px; position:absolute; top:482px;left:579px; z-index:3;display:flex;justify-content: space-between;}
.hslbox2_2 div{ width:60px; background-color:#fc5753; height:60px; text-align:center; line-height:60px; cursor:pointer;}
.hslbox2_2 i{ font-size:36px; color:#fff;}
.hslbox2 .hslboxbtn{ position:absolute; bottom:60px; z-index:3; width:100%;}

.hslbox3{ margin:70px auto;}
.hslbox3_1{display:flex;justify-content: space-between; margin:50px auto;}
.hslbox3_2{ width:380px; position:relative; top:0;}
.hslbox3_3{ display:block; height:287px; overflow:hidden; background-image:url(../images/7.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative;}
.hslbox3_3 img{ width:200px; height:auto; bottom:0; left:50%; margin-left:-100px; position:absolute; display:block;}
.hslbox3_2 span{ display:block;border:1px solid #b2b2b2; padding:20px; position:relative;}
.hslbox3_2 span b{ display:block; font-size:20px; color:#000; line-height:40px;}
.hslbox3_2 span p{font-size:16px; color:#333; line-height:28px;}
.hslbox3_2 span a{ display:block; position:absolute; right:20px; top:20px; width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fc5753; color:#fc5753; border-radius:8px;}
.hslbox3_2:hover{ box-shadow:0 0 20px rgba(0,0,0,.1); top:-20px;}
.hslbox3_2:hover span{background-color:#fc5753; border-color:#fc5753;}
.hslbox3_2:hover span *{ color:#fff;}
.hslbox3_2:hover span a{ background-color:#fff;border-color:#fff; color:#fc5753;}

.hslbox4{background-color:#f1f1f1; padding:70px 0;}
.hslbox4 p{ border:2px dashed #b5b5b5; border-radius:3px; padding:20px; font-size:22px; color:#333; margin-top:50px;}
.hslbox4_1{display:flex;justify-content: space-between; margin-top:40px;}
.hslbox4_1 .hslbox4_2_1{ width:400px;}
.hslbox4_1 .hslbox4_2_2{ width:393px;}
.hslbox4_1 a img{ display:block; margin-bottom:4px;}

.hslbox5{margin:70px 0; overflow:hidden;}
.hslbox5 p{ border:2px dashed #b5b5b5; border-radius:3px; padding:20px; font-size:22px; color:#333; width:1160px; margin:50px auto 0 auto;}
.hslbox5_1{display:flex;justify-content: space-between; margin-top:40px; width:100%;}
.hslbox5_1 a{ width:25%;}
.hslbox5_2{ display:block; margin:0 1px;}
.hslbox5_2 span{ display:block; height:320px; overflow:hidden;}
.hslbox5_1 b{ display:block; height:80px; background-color:#dbdbdb; line-height:80px; position:relative; text-align:center; color:#000; font-size:20px; font-weight:normal;}
.hslbox5_1 b i{ display:block; position:absolute; height:40px; line-height:40px; text-align:center; top:20px; right:20px; color:#bfbfbf; font-size:40px;}
.hslbox5_1 a:hover b{ background-color:#fc5753;}
.hslbox5_1 a:hover *{ color:#fff;}

.hslbox6{background-color:#f1f1f1; padding:70px 0;}
.hslbox6 p{ border:2px dashed #b5b5b5; border-radius:3px; padding:20px; font-size:22px; color:#333; margin-top:50px;}
.hslbox6_1{display:flex;justify-content: space-between; margin-top:40px;}
.hslbox6_1 a{ width:595px; position:relative;}
.hslbox6_1 a b{ display:block; position:absolute; width:100%; height:60px; line-height:60px; background-color:rgba(255,86,83,.8); color:#fff; font-size:20px; font-weight:normal; text-align:center; bottom:0; left:0;}
.hslbox6_2{display:flex;justify-content: space-between;flex-wrap:wrap; margin-top:30px;}
.hslbox6_2 a{ display:flex; width:190px; height:85px; background-color:#fff; border:1px solid #c5c5c5;justify-content: center;align-items: center; margin-bottom:10px;}

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