@charset "utf-8";

/*-----------------------------全局样式-------------------------------------*/
dl,dt,dd,ul,ol,li,form,span,a,input,p{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0)}
h1,h2,h3,h4,h5,h6{margin:0;padding:0;font-size:14px;font-weight:normal}
ul,ol{list-style:none}
img{display:block;width:100%;border:none;vertical-align:middle}
em,i,cite{font-style:normal}
input,button,textarea{outline:none;border:0;vertical-align:middle;border:0;font-family:Microsoft YaHei}
input[type="submit"],input[type="reset"],input[type="button"],button {-webkit-appearance:none;border-radius:0}
select{-webkit-appearance:none;-moz-appearance:none;appearance:none}
textarea{resize:none}
html{font-size:62.5%;-webkit-text-size-adjust:none;}
body{margin:0 auto;padding:0;font:12px/18px Microsoft YaHei;color:#333;}
body a{color:#666;text-decoration:none;cursor:pointer}
body a:hover,body a:active,body a:focus{text-decoration:none;outline:none}

.fl{ float:left;}
.fr{ float:right;}
.clear {zoom:1;}
.clear:after {content:".";display:block;clear:both;height:0;visibility:hidden;}

header{ background:#fff; height:20px; padding:10px 0;}
header img{ float:left; width:80px; height:20px; margin-left:10px;}
.tempWrap{ width:100%;}
.sliderbox {position:relative; overflow:hidden;}
.sliderbox .hd { width:100%;position:absolute;bottom:.35em;left:0;z-index:1; text-align:center;}
.sliderbox .hd li{ display:inline-block;height:.5em; width:.5em;border-radius:50%;background:rgba(255,255,255,0.65);margin-left:.5em;}
.sliderbox .hd li.on{ background:#e54a47;}
.sliderbox .bd{position:relative; z-index:0;}
.sliderbox .bd li{ position:relative;}

.yybox{ 
    background:url(../images/ys-bg.jpg) center center no-repeat;
	background-size:100% auto;
    -webkit-background-size:100% auto;
	padding:4.25rem 0;
}
.yybox ul{ width:95%; margin:3rem auto 2rem;}
.yybox li{ width:28%; float:left; margin:0 2.5%;}
.whatbox{
	width:100%;
	background:url(../images/wsl-bg.jpg) left top no-repeat;
	height:36rem;
	background-size:100% auto;
    -webkit-background-size:100% auto;
	padding:1rem 0;
}
.tit{ width:90%; margin:0 auto;}
.tit img{ width:108px; height:44px;}
.tit p{ font-size:1.2rem; color:#fff; line-height:20px;}
.whatbox ul{ width:90%; margin:1rem auto; position:relative;}
.whatbox li{ position:absolute; width:44%; height:6.8rem; background:rgba(229,74,70,0.8); padding:1rem 2%; color:#fff;}
.whatbox li img{ width:3rem; height:3rem; margin:0 auto;}
.whatbox li.li01{ top:0; left:0;}
.whatbox li.li02{ top:0; right:0;}
.whatbox li.li03{ top:9.8rem; left:0;}
.whatbox li.li04{ top:9.8rem; right:0; height:10.6rem; padding:4rem 2%;}
.whatbox li.li05{ top:19.6rem; left:0;}
.joinbox{ padding:2rem 0;}
.joinbox .tit p{ color:#5b5b5b;}
.join-img{ width:100%; margin:1rem auto;}
.join-img img{ width:38%; margin:0 auto;}
.joinbox ul{ width:90%; margin:0 auto;}
.joinbox li{ margin-top:1rem; padding-left:45px; font-size:1.2rem; color:#5b5b5b;}
.joinbox li h2{ font-weight:700;}
.joinbox li.li01s{
	background:url(../images/join_tb01.png) left center no-repeat;
	background-size:35px;
    -webkit-background-size:35px;
}
.joinbox li.li02s{
	background:url(../images/join_tb02.png) left center no-repeat;
	background-size:35px;
    -webkit-background-size:35px;
}
.joinbox li.li03s{
	background:url(../images/join_tb03.png) left center no-repeat;
	background-size:35px;
    -webkit-background-size:35px;
}
.casebox{ background:#e95451; padding:2rem 0;}
.casebox ul{ width:90%; margin:1rem auto 0;}
.casebox li{ float:left; width:45%; margin:0 2.5% 1.5rem; position:relative;}
.casebox li span{ display:block; height:2.5rem; color:#fff; padding-top:.25rem;}
.optbtns{ width:30px; height:30px; position:absolute; left:8px; top:38%;}
.optbtns a{ display:block; width:100%; height:100%; text-indent:-9999px;}
.optbtns a.plbtn{
	background:url(../images/plbtn.png) no-repeat;
	background-size:100%;
    -webkit-background-size:100%;
}
.optbtns a.psbtn{
	background:url(../images/psbtn.png) no-repeat;
	background-size:100%;
    -webkit-background-size:100%;
}
.contactbox{
	width:100%;
	background:url(../images/contact-bg.jpg) left top no-repeat;
	background-size:100% auto;
    -webkit-background-size:100% auto;
	padding:1rem 0;
}
.contactbox ul{ width:90%; margin:1rem auto;}
.contactbox li{ margin-top:1.5rem; color:#fff; font-size:24px;}
.contactbox li img{ width:28px; height:28px; margin-bottom:.8rem;}
.shbox{ padding:2rem 0;}
.shbox ul{ width:90%; margin:1rem auto;}
.shbox li{ width:30%; float:left; margin:1rem 1.5%;}

footer{ width:100%; background:#3a3a3a; line-height:20px; color:#999; padding:10px 0; text-align:center;}