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.6s;-webkit-transition:0.6s;-moz-transition:0.6s;}
.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:620px;background:url(../images/banner.jpg) no-repeat center center;}

.titBox{margin:1rem 0;}
.titBox dt{padding:10px 0 15px 0;font-size:40px;text-align:center;font-weight:bold;position:relative;border-bottom:1px #eee solid;}
.titBox dt span{color:#fa591a;}
.titBox dt::after{content:'';height:6px;width:5rem;position:absolute;left:50%;margin-left:-2.5rem;bottom:0px;background:#4183d5;}
.titBox dd{text-align:center;font-size:1rem;margin-top:0.8rem;text-transform:uppercase;color:#999;}

.oneBox{padding:30px 0;}
.oneBox .itemBox{margin-top:40px;}
.oneBox .itemBox ul{display:flex;align-items:flex-start;justify-content:space-between;}
.oneBox .itemBox ul li{width:18%;padding:8px;margin-top:20px;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;}
.oneBox .itemBox ul li dl{width:92%;margin:20px auto;}
.oneBox .itemBox ul li dl dt{font-size:20px;font-weight:bold;position:relative;text-align:center;padding-bottom:10px;}
.oneBox .itemBox ul li dl dt::after{content:'';height:3px;width:4rem;position:absolute;left:50%;margin-left:-2rem;bottom:0px;background:#4183d5;}
.oneBox .itemBox ul li dl dd{font-size:16px;margin-top:20px;line-height:24px;color:#666;height:78px;}

.oneBox .itemBox ul li dl a{margin-top:20px;display:block;border:1px #0575d5 solid;height:40px;line-height:40px;text-align:center;font-size:16px;color: #0575d5;}
.oneBox .itemBox ul li:hover{background:#0575d5;margin-top:0px;}
.oneBox .itemBox ul li:hover dl dt{color:#fff;}
.oneBox .itemBox ul li:hover dl dt::after{background:#fff;}
.oneBox .itemBox ul li:hover dl dd{color:#fff;}
.oneBox .itemBox ul li:hover dl a{border:1px #fff solid;background:#fff;}

.twoBox{padding:60px 0;background:#efefef url(../images/picBg.jpg) no-repeat center top;}
.twoBox .titBox dt{color:#fff;border-bottom:#5693c7 solid 1px;}
.twoBox .titBox dt::after{background:#fff;}

.twoBox .itemBox{margin-top:60px;}
.twoBox .itemBox ul{display:flex;align-items:flex-start;justify-content:space-between;}
.twoBox .itemBox ul li{width:47%;background:#fff;padding:10px;}

.twoBox .itemBox ul li dl{width:94%;margin:0px auto;padding:20px 0;}
.twoBox .itemBox ul li dl dt{font-size:20px;text-align:center;font-weight:bold;}
.twoBox .itemBox ul li dl dd{font-size:18px;margin-top:20px;color:#666;height:48px;line-height:24px;}

.twoBox .itemBox ul li p{overflow:hidden;height:300px;}
.twoBox .itemBox ul li:hover p img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}


.twoBox .infoBox{background:#fff;margin-top:20px;padding-top:20px;}
.twoBox .infoBox dl{width:94%;margin:0px auto;padding:20px 0;}
.twoBox .infoBox dl dt{font-size:20px;text-align:center;font-weight:bold;}
.twoBox .infoBox dl dd{font-size:18px;margin-top:20px;color:#666;height:48px;line-height:24px;}

.twoBox .infoBox .contBox {padding:10px;}
.twoBox .infoBox .contBox ul{display:flex;align-items:flex-start;justify-content:space-between;}
.twoBox .infoBox .contBox ul li{width:49%;height:300px;overflow:hidden;}
.twoBox .infoBox .contBox ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}

.twoBox .infoBox .picBox {padding:10px;}
.twoBox .infoBox .picBox ul{display:flex;align-items:flex-start;justify-content:space-between;}
.twoBox .infoBox .picBox ul li{width:32%;}
.twoBox .infoBox .picBox ul li p{height:245px;overflow:hidden;}
.twoBox .infoBox .picBox ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
} 
.twoBox .infoBox .picBox ul li span{display:block;height:45px;line-height:45px;font-size:18px;text-align:center;color:#666;}

.twoBox .moreBox{text-align:center;margin:0px auto;margin-top:60px;}
.twoBox .moreBox a{display:inline-block;font-size:20px;border:#8d8d8d 1px solid;padding:0px 80px;height:60px;line-height:60px;color:#8d8d8d;}
.twoBox .moreBox a:hover{border:#0575d5 1px solid;background:#0575d5;color:#fff;}


.threeBox{padding:60px 0;}
.threeBox .itemBox{margin-top:30px;}
.threeBox .itemBox ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.threeBox .itemBox ul li{width:32%;margin-top:20px;background:#fff;}
.threeBox .itemBox ul li p{height:270px;overflow:hidden;}
.threeBox .itemBox ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
} 
.threeBox .itemBox ul li span{display:block;background:#0575d5;text-align:center;height:60px;line-height:60px;font-size:20px;color:#fff;}

.threeBox .moreBox{text-align:center;margin:0px auto;margin-top:60px;}
.threeBox .moreBox a{display:inline-block;font-size:20px;border:#8d8d8d 1px solid;padding:0px 80px;height:60px;line-height:60px;color:#8d8d8d;}
.threeBox .moreBox a:hover{border:#0575d5 1px solid;background:#0575d5;color:#fff;}


.fourBox{background:#efefef;padding:60px 0;}
.fourBox .itemBox{margin:30px 0;}
.fourBox .itemBox ul{display:flex;align-items:flex-start;justify-content:space-between;}
.fourBox .itemBox ul li{width:19%;background:#fff;padding:30px 0;margin-top:20px;transition:0.6s;-webkit-transition:0.6s;-moz-transition:0.6s;}
.fourBox .itemBox ul li dl{padding-bottom:80px;position:relative;}
.fourBox .itemBox ul li dl dt{width:50%;margin:0px auto;}
.fourBox .itemBox ul li dl dd{width:60%;margin:0px auto;margin-top:15px;font-size:16px;text-align:center;height:42px;color:#666;}
.fourBox .itemBox ul li:hover{margin-top:0;box-shadow:0px 0px 20px rgba(0,0,0,0.1);}

.fourBox .itemBox ul li dl::after{content:'';width:40px;height:40px;position:absolute;left:50%;margin-left:-20px;bottom:10px; background:url(../images/icon19.png) no-repeat center center;background-size:100% 100%;}

.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;}