@charset "utf-8";

.service{padding-bottom:50px}
.service div{ width:21%; float:left; margin:0 6%;background:#ddd;/*border-bottom:5px solid #921b1f*/}
.service div dl dt{ overflow:hidden; height:auto;}
.service div dl dt img{ width:100%; display:block}
.service div dl dd{ padding:10px;}
.service div dl dd h4{ font-size:27px; margin-bottom:10px; color:#921b1f; font-weight:700}
.service div dl dd h4 span{ font-weight:normal; font-size:16px}
.service div dl dd p{ color:#666; font-size:16px; line-height:1.6}
.service div.item-0{ border-color:#008080}
.service div.item-0 h4{ color:#008080}

.service div.item-2{ border-color:#cc0066}
.service div.item-2 h4{ color:#cc0066}

.service div.item-3{ border-color:#99cc00}
.service div.item-3 h4{ color:#99cc00}
.service div:hover{background:#921b1f;}
.service div:hover dt img{-webkit-transform:scale(1.2,1.2);-moz-transform:scale(1.2,1.2);-transform:scale(1.2,1.2);}
.service div:hover dd p{ color:#fff}
.service div:hover dd h4{ color:#fff}

.service div.item-0:hover{background:#008080;}
.service div.item-2:hover{background:#cc0066;}
.service div.item-3:hover{background:#99cc00;}


.arrow-down{ background:url(../images/arrow-down.png) no-repeat center; height:23px; margin:40px auto;animation-duration: 1.5s; animation-delay: 0s; animation-iteration-count: infinite; animation-name: fadeInDown;}


.bg{ background:#ececec; text-align:center}

.case-ct{ display:none; width:100%}

.view-more a{ display:block; width:10%; border:1px solid #bbbbbb; text-align:center;border-radius:24px; line-height:45px; height:45px; font-size:20px; color:#666; margin:0 auto}
.view-more a:hover{ background:#ff7e00; border-color:#ff7e00; color:#fff;}

.ys{ max-width:1000px; margin:40px auto}
.ys div{width:23%; margin:10px 1%;}
.ys div dt{ height:100px; width:100px; position:relative; margin:0 auto}
.ys div dt img{ width:100%; display:block;}
.ys div dt p{ position:absolute; left:0;top:20px; width:100%; height:100%; text-align:center; font-size:30px; font-weight:bold}
.ys div dt p span{ display:block; font-size:14px; font-weight:normal}
.ys div dd{width:80%; margin:10px auto 0; line-height:1.8}
.ys div dd b{ text-align:center; display:block; font-size:18px; margin-bottom:10px;}

.sld2 ol.flex-control-nav{ display:none}
.sld2 ul.slides li p{ width:90%; margin:0 auto}
.sld2 ul.slides li a{ display:block; width:48%; margin:0 1%; float:left; height:60px; line-height:60px; text-align:left; font-size:16px}
.sld2 ul.slides li a span{ background:url(../images/s.png) no-repeat left center; padding-left:20px; display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.ft-share{ text-align:center; padding:40px 0;}
.ft-share li{margin:0 5px;}


@media screen and (max-width:800px){
	.service div{width:33.333%; margin:0 auto;}
	.service{ background-size:96% auto; padding-bottom:50px}
	.arrow-down{ margin:20px auto}
	.view-more a{ width:20%; font-size:16px;line-height:35px; height:35px;}
	.ys div dd{width:96%;}
}

@media screen and (max-width:600px){
	.service div dl dd h4{ font-size:20px;}
	.service div dl dd h4 span{font-size:14px; display:block}
	.service div dl dd p{font-size:12px; line-height:1.4}	
	.view-more a{ width:30%;line-height:35px; height:35px;}
	
	.ys div{width:46%; margin:8px 2%;}
	.ys div dd{ font-size:12px; margin-top:5px;}
	.ys div dd b{ font-size:14px; margin-bottom:5px;}
	.sld2 ul.slides li p{ width:75%;}
	.sld2 ul.slides li a{ width:100%; margin:0; line-height:30px;height:30px;font-size:12px}
	.ft-share{ text-align:center; padding:20px 0;}
}
@media screen and (max-width:400px){
	.view-more a{ line-height:30px; height:30px; font-size:14px}
}