.hslclear {
  clear: both; display:block;
}
.animation,.animation *{transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;}
.banner{ width:100%;}
.top{ position:relative;  z-index:2; padding-bottom:60px;}
.top1{ width: 647px;height: 364px;margin-top: 30px;z-index:2; }
.top1:before{ display:block;width:647px; height:364px; position:absolute; content:""; top:-10px; left:-10px; z-index:0;}
.top1 img,.top1 video{ display:block; position:relative; z-index:1; width:100%;}
.top2{ display:block; position:absolute; background-color:#fff; z-index:1; width:500px; height:340px; right:0; top:25px; }
.top2 b{ display:block; font-size:22px; color:#000; padding-top:30px; margin-bottom:5px;}
.top2 p{ display:block; font-size:16px; color:#333; padding-right:50px;}
.top2 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;}

.box1{z-index:2; position:relative; background-color:#fff; padding:60px 0;}
.box1_1{display:flex;justify-content:space-between;flex-wrap:wrap; margin-top:50px;}
.box1_1 a{ width:255px; height:255px; background-color:#f0f0f0; margin-bottom:20px;}
.box1_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;}
.box1_1 span i{ color:#fff; font-size:40px;}
.box1_1 p{ padding:0 20px; color:#333; font-size:17px; text-align:center;}
.box1_1 a:hover{ background-color:#ff5653; box-shadow:0 0 20px rgba(255,86,83,.3);}
.box1_1 a:hover span{ background-color:#fff;}
.box1_1 a:hover span i{color:#ff5653}
.box1_1 a:hover p{ color:#fff;}

.boxbtn a{ display:block; color:#fff; background-color:#ff5653; font-size:20px; width:450px; height:80px; line-height:80px; border-radius:40px; text-align:center;}
.boxbtn{ 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}

.box2{padding:50px 0; background-color:#f1f1f1; overflow:hidden;}
.box2_1{ position:relative; height:650px; margin:50px auto; width:1200px;}
.box2_1:before{ content:""; display:block;  position:absolute;  width:1200px; height:742px; left:0; top:0; z-index:1;}
.box2_5{ position:absolute; top:53px; width:750px; z-index:1;}
.box2_4{ width:450px; height:130px; position:absolute; top:53px; right:0; z-index:3;display:flex;flex-wrap:wrap;justify-content: space-between;}
.box2_4 span{ display:block; width:130px; height:40px; line-height:40px; border:2px solid #fc5753; color:#fc5753; font-size:16px; text-align:center; border-radius:0; background-color:transparent; opacity:1; background-color:#fff; margin-bottom:18px;}
.box2_4 a{ color:#fc5753; display:block; height:100%;}
.box2_4 .swiper-pagination-bullet-active,.box2_4 span:hover{ background-color:#fc5753; color:#fff;}
.box2_4 span:hover a{ color:#fff;}
.box2_6{ width:450px; background-color:#eee; height:287px; position:absolute; right:0; top:160px; z-index:2; padding:25px 0;}
.box2_6 span{display:flex;align-items: center;line-height:40px; margin:0 50px;}
.box2_6 span b{ height:30px; line-height:30px; width:30px; background-color:#fc5753; color:#fff; text-align:center; font-weight:normal; font-size:14px; margin-right:10px; }
.box2_6 span p{ color:#333; font-size:20px;}
.box2_6_1{ padding:50px; font-size:20px; color:#333;}
.box2_2{ width:121px; height:60px; position:absolute; top:430px;left:579px; z-index:3;display:flex;justify-content: space-between;}
.box2_2 div{ width:60px; background-color:#fc5753; height:60px; text-align:center; line-height:60px; cursor:pointer;}
.box2_2 i{ font-size:36px; color:#fff;}
.box2 .boxbtn{ position:absolute; bottom:60px; z-index:3; width:100%;}

.box3{ margin:70px auto;}
.box3_1{display:flex;justify-content: space-between; margin:50px auto;}
.box3_2{ width:380px; position:relative; top:0;}
.box3_3{ display:block; height:500px; overflow:hidden; background-image:url(../../images/zysz/zsptjgb/7.jpg); background-repeat:no-repeat; background-position:center top; background-size:cover; position:relative;}
.box3_3 img{ width:100%; height:auto; display:block;}
.box3_2 span{ display:block;border:1px solid #b2b2b2; padding:20px; position:relative;}
.box3_2 span b{ display:block; font-size:20px; color:#000; line-height:40px;}
.box3_2 span p{font-size:16px; color:#333; line-height:28px;}
.box3_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;}
.box3_2:hover{ box-shadow:0 0 20px rgba(0,0,0,.1); top:-20px;}
.box3_2:hover span{background-color:#fc5753; border-color:#fc5753;}
.box3_2:hover span *{ color:#fff;}
.box3_2:hover span a{ background-color:#fff;border-color:#fff; color:#fc5753;}

.box4{background-color:#f1f1f1; padding:70px 0;}
.box4 p{ border:2px dashed #b5b5b5; border-radius:3px; padding:20px; font-size:22px; color:#333; margin-top:50px;}
.box4_1{display:flex;justify-content: space-between; margin-top:40px;}
.box4_1 .box4_2_1{ width:400px;}
.box4_1 .box4_2_2{ width:393px;}
.box4_1 a img{ display:block; margin-bottom:4px;}

.box5{margin:70px 0; overflow:hidden;}
.box5 p{ border:2px dashed #b5b5b5; border-radius:3px; padding:20px; font-size:22px; color:#333; width:1160px; margin:50px auto 0 auto;}
.box5_1{display:flex;justify-content: space-between; margin-top:40px; width:100%;}
.box5_1 a{ width:25%;}
.box5_2{ display:block; margin:0 1px;}
.box5_2 span{ display:block; height:320px; overflow:hidden;}
.box5_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;}
.box5_1 b i{ display:block; position:absolute; height:40px; line-height:40px; text-align:center; top:20px; right:20px; color:#bfbfbf; font-size:40px;}
.box5_1 a:hover b{ background-color:#fc5753;}
.box5_1 a:hover *{ color:#fff;}

.box6{background-color:#f1f1f1; padding:70px 0;}
.box6 p{ border:2px dashed #b5b5b5; border-radius:3px; padding:20px; font-size:22px; color:#333; margin-top:50px;}
.box6_1{display:flex;justify-content: space-between; margin-top:40px;}
.box6_1 a{ width:595px; position:relative;}
.box6_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;}