/*全局*/
* {
  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:#7569f6; margin:0; padding:0;}

.hslclear {
  clear: both; display:block;
}
.hslbanner{ width:100%; background-position:center top; height:720px;background-image:url("../images/bg.jpg"); background-repeat:no-repeat; background-position:center top;overflow: inherit;}
.hslbanner h1{ width:484px; height:113px; margin:0 auto; padding-top:110px; margin-bottom:22px;}
.hslban1{ width:472px; height:60px; line-height:60px; border:1px dashed #fff; border-radius:10px; text-align:center; margin:0 auto; font-size:22px; color:#fff;}
.hslban1 i{font-size:22px;margin-right:10px;}
.hslban1 b{ font-weight:normal; color:#fffd3c;}
.hslban2{ width:740px; height:75px; margin:40px auto 0 auto; text-align:center; line-height:75px; border-radius:75px; box-shadow:0 0 20px rgba(0,0,0,.1); font-size:30px; font-weight:bold; color:#fff;
background: -moz-linear-gradient(left, #ff9641 0%, #ffd163 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff9641), color-stop(100%,#ffd163));
    background: -webkit-linear-gradient(left, #ff9641 0%,#ffd163 100%);
    background: -o-linear-gradient(left, #ff9641 0%,#ffd163 100%);
    background: -ms-linear-gradient(left, #ff9641 0%,#ffd163 100%);
    background: linear-gradient(to right, #ff9641 0%,#ffd163 100%);
	background-color:#ff9641;
}



.hslban3{ width:810px; height:240px; background-color:#682eeb; border-radius:10px; margin:50px auto 0 auto; padding:40px 30px; display:flex; position:relative;}
.hslban4{ width:405px;}
.hslban5{ display:flex;justify-content: center;}
.hslban5 b{ color:#fff; font-size:22px; display:block; padding-top:8px;}
.hslban5 p{ color:#fff; font-size:16px; display:block;}
.hslban5 span img{ width:70px; height:70px;}
.hslban6{ width:110px; margin:40px auto 0 auto;}
.hslban5_1{ display:block;  margin-left:20px;}
.hslban5_1 p{ font-size:14px; padding-top:5px;}
.hslban5 .hslban5_2{ border-bottom:1px solid #fff; margin-bottom:20px; padding-bottom:20px;font-size:17px;}
.hslban5 .hslban5_1 img{ width:110px; height:110px;}
.hslban3:before{ content:""; display:block; width:30px; height:30px;background-color:#682eeb;transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */
position:absolute; top:-10px; left:50%; margin-left:-15px;
}


.hslbox1{ background-color:#fff; border-radius:10px; margin-top:150px; position:relative;}
.hslbox1 p{ padding:64px 50px 70px 122px; font-size:22px; line-height:36px;}
.hslbox1:before{ content:""; width:1184px; height:15px; background-image:url(../images/6.png); display:block; position:absolute; top:-15px; left:8px;}
.hslbox1:after{ content:""; width:114px; height:155px; background-image:url(../images/7.png); display:block; position:absolute; top:29px; left:22px;}
.hslbox1 p:before{ width:92px; height:21px; content:""; display:block;background-image:url(../images/8.png); position:absolute; right:29px; bottom:25px;}

.hslbox2{ padding-top:80px; padding-bottom:120px;background: -moz-linear-gradient(top, #7569f6 0%, #9188fd 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7569f6), color-stop(100%,#9188fd));
    background: -webkit-linear-gradient(top, #7569f6 0%,#9188fd 100%);
    background: -o-linear-gradient(top, #7569f6 0%,#9188fd 100%);
    background: -ms-linear-gradient(top, #7569f6 0%,#9188fd 100%);
    background: linear-gradient(to bottom, #7569f6 0%,#9188fd 100%);
	background-color:#7569f6;}
.hslbox2 h2{ width:356px; height:47px; margin:0 auto;}
.hslbox2_1{padding:18px; border-radius:10px; position:relative; margin-top:70px;
	background: -moz-linear-gradient(top, #cbc7fe 0%, #a299fe 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cbc7fe), color-stop(100%,#a299fe));
    background: -webkit-linear-gradient(top, #cbc7fe 0%,#a299fe 100%);
    background: -o-linear-gradient(top, #cbc7fe 0%,#a299fe 100%);
    background: -ms-linear-gradient(top, #cbc7fe 0%,#a299fe 100%);
    background: linear-gradient(to bottom, #cbc7fe 0%,#a299fe 100%);
	background-color:#cbc7fe;
}

.hslbox2_1:before{ content:""; width:1184px; height:15px; background-image:url(../images/6.png); display:block; position:absolute; top:-15px; left:8px;}
.hslbox2_2{ border-radius:10px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,.1);}
.hslbox2_3{ background-color:#7569f6; height:108px; line-height:108px; display:flex;justify-content: space-between;}
.hslbox3{ width:270px; display:flex;justify-content:center;align-items: center;}
.hslbox4{ width:240px;}
.hslbox5{ width:364px;}
.hslbox6{ width:290px;}
.hslbox2_3 span{ text-align:center; font-size:30px; color:#fff; font-weight:bold; position:relative;}
.hslbox2_4{ height:50px; line-height:50px; border-bottom:2px solid #fff;display:flex;justify-content: space-between; position:relative;}
.hslbox2_4 span{ text-align:center; font-size:22px; color:#333; position:relative;}
.hslbox3 i{ margin-left:10px; display:none;}
.hslbox2_4:nth-child(2n+2){ background-color:#e6e4ff;}
.hslbox3:before{ content:""; height:100%; width:2px; background-color:#fff; display:block; position:absolute; right:0; top:0;}
.hslbox4:before{ content:""; height:100%; width:2px; background-color:#fff; display:block; position:absolute; right:0; top:0;}
.hslbox5:before{ content:""; height:100%; width:2px; background-color:#fff; display:block; position:absolute; right:0; top:0;}

.hslbox2_4 a{ display:none; width:100%; position:absolute; height:50px;z-index:1;}
.hslon a{ display:block;}
.hslon .hslbox3 i{ display:block;width: 50px;}

.hslfooter{margin-top:0!important;}





