html{-webkit-text-size-adjust:none;}
a{outline:none;text-decoration:none;} 
a:hover{text-decoration:none;}
html{zoom:1;}
html *{outline:0;zoom:1;} 
html button::-moz-focus-inner{border-color:transparent!important;} 
body{font-size:12px;} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} 
table{/*border-collapse:collapse;border-spacing:0;*/} 
fieldset,a img{border:0;} 
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} 
li{list-style:none;}
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;} 
q:before,q:after{content:'';}
input[type="submit"],input[type="reset"],input[type="button"],input[type="text"],input[type="password"],textarea,button{-webkit-appearance:none !important;} 
em,i{font-style:normal;}
select{-webkit-appearance:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
img{display:block;transition:0.4s;-webkit-transition:0.4s;-moz-transition:0.4s;}
.pics{width:100%;height:auto;}
.wbox{width:1200px;margin:0px auto;}

html{font-size:62.5%;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
@media only screen and (min-width:321px) { /*iphone5*/
	html {
	   font-size:62.5%!important
	}
}
@media only screen and (min-width:361px) {
	html {
	   font-size:70.31%!important
	}
}
@media only screen and (min-width:376px) {
	html {
	   font-size:73.24%!important
	}
}
@media only screen and (min-width:481px) {
	html {
	   font-size:84%!important
	}
}
@media only screen and (min-width:561px) {
	html {
	   font-size:90%!important
	}
}
@media only screen and (min-width:641px) {
	html {
	   font-size:100%!important
	}
}

body{font-family:"Microsoft YaHei",sans-serif;margin:0 auto;min-width:1200px;padding:0;width:100%;}
.banner{height:520px;background:url(../images/banner.jpg) no-repeat center center;}

.titBox{margin-bottom:30px;position:relative;}
.titBox dl{position:relative;z-index:99;}
.titBox dt{padding:20px 0 8px 0;font-size:32px;text-align:center;font-weight:bold;position:relative;}
.titBox dt span{color:#fa591a;}
.titBox dt::after{content:'';height:6px;width:70px;position:absolute;left:50%;margin-left:-35px;bottom:-5px;background:#4183d5;}
.titBox dd{color:#999;text-align:center;font-size:16px;margin-top:10px;text-transform:uppercase;}
.titBox p{position:absolute;left:0px;top:10px;width:100%;text-align:center;text-transform:uppercase;color:#999;font-size:30px;font-weight:400; opacity:0.4;}


.oneBox{background:#fff;padding:80px 0;}
.oneBox .wbox{display:flex;justify-content:flex-end;}
.oneBox .itemBox{width:930px;position:relative;}
.oneBox .itemBox p{width:540px;height:355px;position:absolute;left:-270px;top:45px;overflow:hidden;cursor:pointer;}
.oneBox .itemBox p:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.oneBox .itemBox dl{padding:60px 50px 60px 320px;background:#f1f1f1;}
.oneBox .itemBox dl dt{font-size:32px;font-weight:bold;border-bottom:#bfbfbf 1px solid;}
.oneBox .itemBox dl dt span{display:inline-block;height:100%;padding-bottom:20px;position:relative;}
.oneBox .itemBox dl dt span::after{content:'';height:6px;width:100%;position:absolute;left:0;margin-left:0px;bottom:0px;background:#4183d5;}
.oneBox .itemBox dl dd{font-size:20px;color:#666;margin-top:10px;line-height:36px;}
.oneBox .itemBox dl a{display:inline-block;width:240px;height:50px;line-height:50px;margin-top:30px;font-size:20px;color:#fff;background-image:linear-gradient(to right, #4183d5, #4183d5);border-radius:8px;text-align:center;}

.twoBox{background:#efefef;padding:80px 0;}
.twoBox .itemBox{margin-top:40px;}
.twoBox .itemBox ul{display:flex;align-items:center;justify-content:space-between;}
.twoBox .itemBox ul li{width:19.5%;background:#fff;}
.twoBox .itemBox ul li h3{text-align:center;padding:20px 0;font-size:20px;}
.twoBox .itemBox ul li dl{padding-bottom:20px;}
.twoBox .itemBox ul li dt{width:92%;margin:0px auto;}
.twoBox .itemBox ul li dd{width:85%;margin:0px auto;line-height:22px;font-size:14px;padding:10px 0;color:#999;height:70px;}
.twoBox .itemBox ul li p{width:85%;margin:0px auto;}
.twoBox .itemBox ul li p a{display:block;text-align:center;height:38px;line-height:38px;border:#4183d5;border:#4183d5 2px solid;border-radius:4px;font-size:16px;color:#4183d5;}

.twoBox .itemBox ul li:hover{background:#4183d5;cursor:pointer;}
.twoBox .itemBox ul li:hover h3{color:#fff;}
.twoBox .itemBox ul li:hover dd{color:#fff;}
.twoBox .itemBox ul li:hover p a{border:#fff 2px solid;background:#fff;color:#4183d5;}

.twoBox .btnBox{margin-top:50px;text-align:center;}
.twoBox .btnBox a{display:inline-block;width:300px;height:60px;line-height:60px;font-size:20px;color:#fff;background-image:linear-gradient(to right, #4183d5, #4183d5);border-radius:40px;text-align:center;}

.threeBox{background:#fff;padding:60px 0;}
.threeBox .itemBox{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;}
.threeBox .itemBox .item{width:45%;margin-bottom:40px;}
.threeBox .itemBox .item dl{display:flex;background:#4183d5;width:240px;height:45px;align-items:center;}
.threeBox .itemBox .item dt{width:32px;height:32px;background:#fff;border-radius:100%;display:flex;align-items:center;justify-content:center;color:#4183d5;font-size:20px;font-weight:bold;margin-left:10px;}
.threeBox .itemBox .item dd{font-size:20px;font-weight:bold;margin-left:10px;color:#fff;}
.threeBox .itemBox .picBox{margin-top:10px;}
.threeBox .itemBox .picBox ul{display:flex;align-items:center;justify-content:space-between;}
.threeBox .itemBox .picBox ul li{width:48%;height:172px;overflow:hidden;}
.threeBox .itemBox .picBox ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.threeBox .itemBox p{font-size:18px;margin-top:15px;color:#666;line-height:28px;}
.threeBox .btnBox{margin-top:20px;text-align:center;}
.threeBox .btnBox a{display:inline-block;width:300px;height:60px;line-height:60px;font-size:20px;color:#fff;background-image:linear-gradient(to right, #4183d5, #4183d5);border-radius:40px;text-align:center;}

.fourBox{background:#efefef;padding:80px 0;}
.fourBox .itemBox{background:#fff;display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;padding:20px;}
.fourBox .itemBox.on dl{margin-left:10px;}
.fourBox .itemBox > p{width:540px;height:300px;overflow:hidden;}
.fourBox .itemBox p:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.fourBox .itemBox dl{width:50%;}
.fourBox .itemBox dl dt{font-size:24px;font-weight:bold;margin-top:20px;}
.fourBox .itemBox dl span{display:inline-block;height:100%;padding-bottom:20px;position:relative;}
.fourBox .itemBox dl span::after{content:'';height:6px;width:50%;position:absolute;left:0;margin-left:0px;bottom:0px;background:#4183d5;}
.fourBox .itemBox dl dd{font-size:20px;color:#777;margin-top:10px;line-height:36px;}
.fourBox .itemBox dl p a{display:inline-block;width:240px;height:50px;line-height:50px;margin-top:30px;font-size:20px;color:#4183d5;border:2px #4183d5 solid; border-radius:8px;text-align:center;}



.hslfooter{margin-top:0;}

.tipModal{background:rgba(0,0,0,0.8);padding:20px;border-radius:20px;color:#fff;text-align:center;max-width:80%;line-height:30px;position: fixed;z-index:9999999999999;left:50%;top:50%;margin-top:-35px;display:none;}