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:550px;background:url(../images/banner.jpg) no-repeat center center;}

.titBox{margin:20px auto;display:flex;justify-content:center;}
.btnBox{text-align:center;display:flex;justify-content:center;}
.btnBox a{display:inline-block;margin-top:30px;}

.oneBox{background:#fff;padding:80px 0;}
.oneBox .wbox{display:flex;justify-content:flex-end;}
.oneBox .itemBox{width:750px;position:relative;}
.oneBox .itemBox p{width:550px;height:390px;position:absolute;left:-450px;bottom:50px;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{margin-top:60px;padding:40px 50px 40px 150px;background:#f3efea;}
.oneBox .itemBox dl dt{font-size:24px;font-weight:bold;color:#3c4252;}
.oneBox .itemBox dl dd{font-size:20px;color:#666;margin-top:20px;line-height:36px;}
.oneBox .itemBox dl a{display:inline-block;margin-top:30px;}


.twoBox{background:#3c4252;padding:80px 0 140px 0;position:relative;}
.twoBox::before{content:'';width:400px;height:70px;background:url(../images/bg01.jpg) no-repeat center center;position:absolute;top:20%;left:0px;}
.twoBox::after{content:'';width:490px;height:110px;background:url(../images/bg02.jpg) no-repeat center center;position:absolute;bottom:0px;right:0px;}

.twoBox .itemBox{margin-top:60px;position:relative;z-index:99;}
.twoBox .itemBox ul{display:flex;align-items:center;justify-content:space-between;}
.twoBox .itemBox ul li{width:16%;}
.twoBox .itemBox ul li:hover{margin-top:-40px;transition:all 0.6s ease;-webkit-transition:all 0.6s ease;-moz-transition:all 0.3s ease;}


.threeBox{background:url(../images/bg04.jpg) no-repeat center bottom;padding:50px 0 80px 0;position:relative;}
.threeBox:before{content:'';width:278px;height:166px;background:url(../images/bg03.jpg) no-repeat center center;position:absolute;top:20%;left:0px;}

.threeBox .itemBox{border:1px #bfbfbf solid;margin-bottom:30px;padding:30px;position:relative;z-index:99;background:#fff;}
.threeBox .itemBox .tit{width:68px;height:198px;position:absolute;left:-34px;top:50%;margin-top:-99px;z-index:9;}
.threeBox .itemBox ul{display:flex;align-items:center;justify-content:space-between;}
.threeBox .itemBox .txtBox{width:600px;margin:0 40px;flex:l;}
.threeBox .itemBox .txtBox dl{}
.threeBox .itemBox .txtBox dl dt{font-size:22px;margin-bottom:20px;color:#3c4252;}
.threeBox .itemBox .txtBox dl dd p{font-size:16px;line-height:32px;display:flex;}
.threeBox .itemBox .picBox{width:430px;height:245px;overflow:hidden;}
.threeBox .itemBox .picBox:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}


.fourBox{background:#f3efea;padding:30px 0 50px 0;}
.fourBox .itemBox {display:flex;align-items:flex-start;justify-content:space-between;margin-top:40px;margin-bottom:10px;}
.fourBox .itemBox .firstBox{width:285px;height:395px;cursor:pointer;overflow:hidden;}
.fourBox .itemBox .firstBox:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}
.fourBox .itemBox .item{width:910px;}
.fourBox .itemBox .item ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.fourBox .itemBox .item ul li{width:300px;height:195px;margin-bottom:5px;overflow:hidden;cursor:pointer;}
.fourBox .itemBox .item ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}


.fiveBox{background:#fff;padding:30px 0 50px 0;}
.fiveBox .itemBox{margin-top:60px;margin-bottom:20px;}
.fiveBox .itemBox ul{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;}
.fiveBox .itemBox ul li{width:24.5%;margin-bottom:7px;overflow:hidden;}
.fiveBox .itemBox ul li img{cursor:pointer;}
.fiveBox .itemBox ul li:hover img{
	transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
}



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