/*全局*/
*{margin: 0;padding: 0;text-decoration: none;list-style:none;}
body{background-color:#f5f5f5; margin:0; padding:0;}
img{ display:block;}
.animation,.animation *{transition: .4s;-moz-transition: .4s;-webkit-transition: .4s;-o-transition: .4s;}
.w1200 {width: 1200px;margin-left: auto;margin-right: auto;}

/*头部*/
.top{ height:65px; background-color:#21292f;}
.top0{display:flex;justify-content: space-between; height:65px;}
.logo{ width:145px; height:65px;}
.logo a{display:flex;justify-content: space-between;align-items: center; height:65px; font-size:0;}
.logo img{ margin:0; display:block;}
.nav ul{display:flex;flex-wrap:wrap;}
.nav ul li a{ display:block;height:65px; line-height:65px; padding:0 15px; font-size:16px; color:#fff; position:relative;}
.nav ul li a:before{ background-color:rgba(255,194,12);display:block;content:'';width:100%; height:3px;position:absolute;bottom:0;left:0;;transform:scaleX(0);transition:transform .25s ease-in-out}
.nav ul li a:hover:before{ background-color:rgba(255,194,12);transform:scaleX(1);}
.nav ul li a:hover{color:rgba(255,194,12);}

.hslban{ position:relative; overflow:hidden; height:600px; background: #373d41; }
.hslban a{ display:block; height:600px;background-repeat:no-repeat; background-position:center top;}
.hslban1{ position:absolute; bottom:0; z-index:2; text-align:center;}
.hslban2{ position:absolute; width:100%;}
.hslbannav{display: block;position: absolute;width: 40px;line-height: 74px;text-align: center;height: 74px;top: 50%;margin-top: -37px;z-index: 99;font-size: 24px;color: #fff;background-color: rgba(0,0,0,.3);cursor: pointer;}
.hslbannav i {font-size: 30px;}
.hslban_btn1 {left: 0;}
.hslban_btn2 {right: 0;}
.hslban img{display:none;}

/*内容开始*/
.hslbox1{ margin:50px auto 20px auto; text-align:center;}
.hslbox1 h2{ font-size:34px; color:#333; font-weight:normal;}
.hslbox1 p{ color:#ff0000; font-size:20px; line-height:36px; margin-top:20px;}
.hslbox2{display:flex;justify-content: space-between;flex-wrap:wrap;}
.hslbox2_1{ width:50%; margin-bottom:20px;display:flex;justify-content: space-between;}
.hslbox2_1 span{ height:50px; width:50px; line-height:50px; border-radius:50px; text-align:center; background-color:#2aa0e9; color:#fff; font-size:20px;}
.hslbox2_1 p{ flex:1; line-height:50px; margin-left:20px;}
.hslbox2_2 p{ line-height:20px; margin-top:5px;}

/*优势*/
.hslbox3 { color: #fff; background: #373d41; margin-bottom:30px;}
.hslbox3 .hslbox3_1 { position: relative; height: 479px }
.hslbox3 .hslbox3_1 h2 { position: absolute; left: 0; top:50px; width:100%; text-align: center; font-size: 34px; font-weight:normal;}
.hslbox3 .hslbox3_1 li {width:25%; height: 479px; text-align: center; font-size: 18px }
.hslbox3 .hslbox3_1 li.first { background: url('../index2_files/advantage-01.jpg') }
.hslbox3 .hslbox3_1 li.first a { padding-top: 336px; height:143px;}
.hslbox3 .hslbox3_1 li.second { background: url('../index2_files/advantage-02.jpg') }
.hslbox3 .hslbox3_1 li.second a { padding-top: 336px; height:143px }
.hslbox3 .hslbox3_1 li.third { background: url('../index2_files/advantage-03.jpg') }
.hslbox3 .hslbox3_1 li.third a { padding-top: 343px; height:136px }
.hslbox3 .hslbox3_1 li.last { background: url('../index2_files/advantage-04.jpg') }
.hslbox3 .hslbox3_1 li.last a { padding-top: 343px; height:136px }
.hslbox3_1 li:hover a { background: url('../index2_files/advantage-bg.png') repeat-x 0 100% }
.hslbox3 .hslbox3_1 ul{display:flex;justify-content: space-between;}
.hslbox3 .hslbox3_1 li a {display:block; color:#fff;}

.hslbox4{margin:50px auto; text-align:center;}
.hslbox4 h2{ font-size:34px; color:#333; font-weight:normal;}
.hslbox4_1{display:flex;justify-content: space-between; margin-top:30px;}
.hslbox4_1 a{ width:380px; background-color:#f1f1f1; padding:30px 0; border:1px solid #ccc;}
.hslbox4_1 b{color:rgb(33, 150, 243); font-size:24px; display:block;border-bottom:1px solid #ddd;margin:10px 30px 20px 30px; padding-bottom:20px;}
.hslbox4_2{color:#ff0000; margin:10px 30px; padding-top:10px;} 
.hslbox4_3{ margin-top:10px; color:#555;} 
.hslbox4_4{ margin:20px 0; font-size:14px; color:#333;}
.hslbox4_4 strong{ font-size:48px; color:#ff0000;}
.hslbox4_5{ color:#333;}
.hslbox4_5 strong{ color:#ff0000; font-weight:normal;}
.hslbox4_1 span{ background-color:rgb(33, 150, 243); color:#fff; font-size:18px; display:block; width:200px; height:50px; line-height:50px; border-radius:60px; margin:20px auto; position:relative;}
.hslbox4_6{ font-size:14px; color:#333;}
.hslbox4_6 strong{ font-size:30px; color:#333; font-weight:normal;}
.hslbox4_1 span i{ display:block; position:absolute; padding:0 10px; height:28px; line-height:28px; background-color:#ff0000; color:#fff; font-size:12px; border-radius:20px; font-style:normal; right:-20px; top:-10px;}
.hslbox4_0{ text-align:center; color:#ff0000; font-size:16px; margin-top:20px;}

.hslbox5{ padding:50px 0; background-color:#fff;}
.hslbox5 h2{ font-size:34px; font-weight:normal; text-align:center;}
.hslbox5 h2 a{ color:rgb(33, 150, 243);}
.hslbox5_1{margin-top:30px;}
.hslbox5_1 p{ font-size:18px; line-height:32px; color:#666; text-indent:36px;}

.hslbox6{ height:210px; background-image:url(../index2_files/bg.jpg); text-align:center;}
.hslbox6 h2{ font-size:34px; color:#fff; font-weight:normal; text-align:center; padding-top:50px; margin-bottom:20px;}
.hslbox6 a{ display:block; height:50px; line-height:50px; width:200px; border:1px solid #fff; background-color:rgba(255,255,255,.1); color:#fff; font-size:18px; margin:0 auto;}
.hslbox6 a:hover{ color:#2aa0e9; background-color:#fff;}

.hslbox7{ height:50px; line-height:50px; color:#666; background-color:#21292f; text-align:center; font-size:14px;}
.hslbox7 a{ color:#666;}
.hslbox7 a:hover{color: rgba(255,194,12);}

.hslzzbg{ position:fixed; width:100%; height:100%; z-index:998; background-color:rgba(0,0,0,.7); display:none;top:0; left:0;}
.navclose{display:none;}
/*响应式样式开始*/
/*当浏览器尺寸小于1200px大于960px：*/
@media screen and (max-width:1200px) and (min-width:739px){
    .w1200{ width:100%;}
    .hslleft{width: calc(100% - 330px);}
    
}


/*当浏览器尺寸小于739px大于414px：*/
@media screen and (max-width:739px) and (min-width:340px){
    .w1200{ width:100%;}
    .hslleft{width:100%;}
    .logo{margin-left:10px;}
    .hslmain{display:block;margin:10px; width:auto;}
    .header{justify-content:left;}
    .hslban{margin:10px; height:auto;}
    .hslban a{background-image:none!important;height:auto;}
    .hslban a img{display:block;}
    .hslbox1{width:auto;margin:30px 10px 20px 10px;}
    .hslbox1 p{font-size:16px;margin-top:0;line-height:24px;}
    .hslbox1 h2{font-size:24px;}
    .hslbox2{width:auto;margin:30px 10px 20px 10px;}
    .hslbox2_1 p{font-size:16px;line-height:20px;display:flex;align-items:center;margin-left:10px;margin-right:10px;}
    .hslbox3{margin-bottom:0;}
    .hslbox3 .hslbox3_1 ul{justify-content:center;flex-wrap:wrap;margin-top:20px;}
    .hslbox3 .hslbox3_1 li{background: none !important;height:auto;margin-bottom:10px;width:100%;}
    .hslbox3 .hslbox3_1{height:auto;padding-bottom:20px;}
    .hslbox3 .hslbox3_1 h2{position:relative;top:0;padding-top:30px;}
    .hslbox3 .hslbox3_1 li a{padding:20px !important; height:auto !important;background-color:#f1f1f1;color:#333;margin:0 10px;}
    .hslbox4{background-color:#fff;margin-top:0;padding-top:30px; margin-bottom:3px;}
    .hslbox4 h2{font-size:24px;}
    .hslbox4_1{flex-wrap:wrap;padding:0 10px;}
    .hslbox4_1 a{width:100%;display:block;border:none;margin:0 0 10px 0;}
    .hslbox4_1 b{margin:10px;padding-bottom:10px;font-size:20px;font-weight:normal;}
    .hslbox4_6 strong{font-size:20px;}
    .hslbox4_2{margin:10px 0;padding-top:0;}
    .hslbox4_3{margin-top:0;}
    .hslbox4_4{ margin:10px 0;}
    .hslbox4_4 strong{font-size:36px;}
    .hslbox4_1 span{margin:10px auto;}
    .hslbox4_0{margin:0;padding:10px;}
    .hslbox5{padding:20px 10px;}
    .hslbox5 h2{font-size:20px;}
    .hslbox5_1{margin-top:5px;}
    .hslbox5_1 p{font-size:16px;line-height:26px;}
    .hslbox6 h2{font-size:24px;padding-top:40px;}
    .hslbox6 a{height:40px;line-height:40px;width:50%;}
    .hslbox7{font-size:12px;}
    .hslmenu{display:block;margin-left: auto;height:65px;line-height:65px;padding:0 10px;}
    .hslmenu i{font-size:30px;color:#f1f1f1;}
    
    .nav{position:fixed;margin:0;height:100%;background-color:#fff; z-index:999; width:60%;right:-70%;top:0;box-shadow:0 0 1rem rgba(0,0,0,.5);}
    .nav li{width:100%;}
    .nav ul li a{padding:0;margin:0 10px;height:40px;line-height:40px;border-bottom: 1px solid #f5f5f5;color:#333;text-align:center;}
    .nav ul{margin-top:20px;flex-wrap:wrap;}
    .navclose{position:absolute;width:40px;height:40px;top:10px;left:-50px;line-height:40px;text-align:center;font-size:30px;display:none;}
    .navclose i{font-size:30px;color:#fff;}
    
    .hsltit{margin-bottom:10px;padding-bottom:10px;}
    .hsltit h1{font-size:24px;}
    .hsltit2_1{height: 18px;line-height: 18px;font-size: 12px;margin-top: 6px;}
    .hsltit2 p{font-size:12px;}
    .hsltit3 span{font-size:12px;line-height:18px;}
    .hsltit1{margin-top:5px;}
    .hsltit3{position:relative;top:-2px;}
    .hsltit2 font{display:none;}
}