/*全局*/
* {
  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:845px; position:relative;}
.hslbanner1{ display:block; width:1200px; padding:10px 0; position:absolute; bottom:15px; background-color:#fff; border-radius:10px; left:50%; margin-left:-600px; box-shadow:0 0 20px rgba(0,0,0,.1);}
.hslbanner a{ display:block; height:845px;}
.hslbanner1 p{ font-size:26px; line-height:36px; margin:0 10px 0 40px; border:1px dashed #ccc; border-radius:10px; padding:40px 20px 52px 55px; position:relative; color:#333;}
.hslbanner1 p i{ display:block; position:absolute; width:71px; height:85px; left:-27px; top:14px;}

.hslbox1{z-index:1; position:relative; background-color:#f0f0f0; padding:60px 0;}
.hslbox1_1{display:flex;justify-content:space-between;margin-top:50px;}
.hslbox1_1 a{ width:588px; display:block; background-color:#fff;}
.hslbox1_1 p{ height:60px; line-height:60px; text-align:center; color:#333; font-size:20px;}

.hslzttit{ text-align:center; position:relative; padding-bottom:12px;}
.hslzttit h2{ color:#000; font-size:40px;}

.hslbox2{padding:50px 0; background-color:#71abfc; overflow:hidden;}
.hslbox2_1{display:flex;justify-content: space-between;}
.hslbox2_2{ width:586px; height:345px; position:relative;}
.hslbox2_2_1{ display:block; position:absolute; left:0; top:0; z-index:1; box-shadow:0 0 20px rgba(0,0,0,.1);animation: hslyd1 4s linear infinite;}
.hslbox2_2_2{ display:block; position:absolute; right:0; bottom:0; z-index:2; box-shadow:0 0 20px rgba(0,0,0,.1);animation: hslyd2 4s linear infinite;}

@keyframes hslyd1 {
	0% {
		transform: translateX(0);
		opacity:.5;
	}
    25% {
        transform: translateX(30px);
		opacity:.5;
    }
    50% {
        transform: translateX(52px);  
		opacity:1; 
		z-index:3;
    }
	
    75% {
        transform: translateX(30px);
		opacity:.5;
    }
    100% {
        transform: translateX(0);
		opacity:.4;
    }
}
@keyframes hslyd2 {
	0% {
		transform: translateX(52px);
	}
    25% {
        transform: translateX(30px);
		opacity:.5;
    }
    50% {
        transform: translateX(0);   
		opacity:.4;
		z-index:1;
    }
    75% {
        transform: translateX(30px);
		opacity:.7;
    }
    100% {
        transform: translateX(52px);
    }
}


.hslbox2_3{flex:1; margin-left:55px;}
.hslbox2_3 span{display:block; position:relative; background-color:#fff; color:#6caafd; width:210px; height:73px; line-height:73px; border-radius:5px; text-align:center; font-size:32px; font-weight:bold; margin-left:8px; margin-bottom:30px; margin-top:30px;}
.hslbox2_3 span:before{ content:""; display:block; width:20px; height:20px; background-color:#fff; position:absolute; left:-8px; top:50%; margin-top:-10px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);border-radius:5px;}
.hslbox2_4{ height:60px; line-height:60px;display:flex;justify-content: space-between;align-items: center; border-bottom:1px dashed #ccc;}
.hslbox2_4 p{ font-size:24px; color:#fff;}
.hslbox2_4 a{ display:block; padding:0 10px; height:32px; line-height:32px; background-color:#fff;border-radius:5px; color:#71abfc; font-size:14px;}
.hslbox2_4 a i{ font-size:14px; padding-right:5px;}


.hslbox3{z-index:1; position:relative; padding:60px 0;}
.hslbox3_1{display:flex;justify-content:space-between;margin-top:50px;}
.hslbox3_1 a{ width:588px; display:block; background-color:#f0f0f0;}
.hslbox3_1 p{ height:60px; line-height:60px; text-align:center; color:#333; font-size:20px;}
.hslbox3_2{display:flex;justify-content: space-between; height:95px; line-height:95px; border:2px solid #82b4fd; margin-top:50px;border-radius:10px;}
.hslbox3_3{ flex:1; background-color:#f0f0f0;border-radius:10px; text-indent:30px; font-size:36px; font-weight:bold; color:#333;}
.hslbox3_3 b{ color:#82b4fd; padding-left:20px;}
.hslbox3_4{ width:290px; position:relative; font-size:36px; color:#fff; text-align:center; background-color:#82b4fd; font-weight:bold;}
.hslbox3_4:before{content:""; display:block; width:20px; height:20px; background-color:#82b4fd; position:absolute; left:-8px; top:50%; margin-top:-10px;transform:rotate(45deg);-ms-transform:rotate(45deg);-moz-transform:rotate(45deg);-webkit-transform:rotate(45deg);-o-transform:rotate(45deg);border-radius:5px;}


.hslbox4{background-color:#82b4fd; padding:70px 0 0 0;}
.hslbox4_1{ margin-top:87px; display:flex;justify-content: center;}
.hslbox4 h2{ color:#fff !important;}


.hslbox5{margin:70px auto 50px auto;}
.hslbox5_1{display:flex; margin-top:40px;justify-content: space-between;}
.hslbox5_2{ width:357px;}
.hslbox5_3{ width:270px;}
.hslbox5_1 a{ display:block; background-color:#f0f0f0; margin-bottom:12px;}
.hslbox5_1 a p{ height:45px; line-height:45px; text-align:center; color:#333; font-size:16px;}
.hslbox5_1 a:hover{ background-color:#82b4fd;}
.hslbox5_1 a:hover p{ color:#fff;}

.hslbox6{ background-color:#f0f0f0; padding:50px 0;}
.hslbox6_1{display:flex; margin-top:40px;justify-content: space-between;}
.hslbox6_1 a{ display:block; top:0; position:relative; width:292px; height:360px;}
.hslbox6_1 a:before{ content:""; width:284px; height:352px; border:4px solid #82b4fd; display:none; position:absolute; top:0; left:0;}
.hslbox6_1 a:hover{ top:-20px;}
.hslbox6_1 a:hover:before{ display:block;}
.hslbox6 p{ border:1px dashed #a7a7a7; border-radius:10px; margin-top:30px; padding:30px 0; text-align:center; font-size:24px; color:#666; font-weight:bold;}

.hslbox7{padding:50px 0;}
.hslbox7_1{display:flex; margin-top:40px;justify-content: space-between; flex-wrap:wrap;}
.hslbox7_1 a{ display:block; margin-bottom:18px;}
.hslbox7 p{ border:1px dashed #a7a7a7; border-radius:10px; margin-top:30px; padding:30px 0; text-align:center; font-size:24px; color:#666; font-weight:bold;}

.hslbox8{padding:50px 0;background-color:#f0f0f0;}
.hslbox8_1{display:flex; margin-top:40px;justify-content: space-between; flex-wrap:wrap;}
.hslbox8_1 a{ display:block; margin-bottom:18px;}
.hslbox8 p{ border:1px dashed #a7a7a7; border-radius:10px; margin-top:30px; padding:30px 0; text-align:center; font-size:24px; color:#666; font-weight:bold;}

.hslbox9{ margin:50px auto;}
.hslbox9_1{margin-top:40px; position:relative; height:390px;}
.hslbox9_1 a{ width:551px; height:337px; display:block; position:relative; margin-top:20px; margin-left:20px;}
.hslbox9_1 a:before{ content:""; background-color:#82b4fd; width:108px; height:140px; display:block; position:absolute; top:-20px; left:-20px; z-index:0;}
.hslbox9_1 a img{ display:block; position:relative; z-index:1;}
.hslbox9_2{ width:672px; height:300px; background-color:#f0f0f0; position:absolute; right:0; bottom:0; padding-top:45px;}
.hslbox9_3{ margin-left:70px;display:flex; line-height:48px; height:48px; border-bottom:1px dashed #cacaca; margin-right:50px;align-items: center;}
.hslbox9_3 span{ background-color:#82b4fd; color:#fff; display:block; width:28px; height:28px; text-align:center; line-height:28px; margin-right:10px;}
.hslbox9_3 p{ font-size:20px; color:#333;}
.hslbox9_3 p b{ color:#ff0000;}