.website_service{width:94%;max-width:1560px;height:auto;margin:0 auto;overflow:hidden}
.website_service #service-title{width:100%;height:auto;line-height:3rem;font-size:2rem;font-weight:bold;text-align:center;margin:0 auto;margin-bottom:2rem;overflow:hidden}
.website_service #service-title span{width:100%;height:auto;line-height:2rem;font-size:1.1rem;font-weight:normal;text-align:center;margin:0 auto;display:block;overflow:hidden}
.website_service #service-base{width:100%;height:auto;line-height:2rem;overflow:hidden}
.website_service ul{width:100%;height:auto;margin:3rem auto;overflow:hidden}
.website_service ul li{width:23%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transition:all 0.3s linear;float:left;overflow:hidden}
.website_service ul li:hover{background:#f1f1f1;width:23%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transform:scale(1.0);float:left;overflow:hidden}
.website_service ul li img{width:33%;height:auto;border:0;display:block;margin:1rem auto;overflow:hidden}
.website_service ul li h3{width:100%;height:2rem;line-height:2rem;font-size:1.2rem;font-weight:bold;text-align:center;display:block;overflow:hidden}
.website_service ul li p{width:100%;height:3.6rem;line-height:1.8rem;text-align:center;display:block;padding-left:1rem;padding-right:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.website_service ul li span{background:#cccccc;width:8rem;height:2rem;line-height:2rem;text-align:center;display:block;padding-left:2rem;padding-right:2rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin:1rem auto;overflow:hidden}

.aboutus{background:#ececec url(../images/aboutus_bg.png) top center no-repeat;width:100%;margin:0px auto;margin-top:50px;height:auto;overflow:hidden}
.aboutus > #title{width:94%;max-width:1560px;height:2rem;text-align:center;font-size:1.5rem;color:#ffffff;margin:0 auto;margin-top:4rem;margin-bottom:2rem;overflow:hidden}
.aboutus > #abcon{width:94%;max-width:1560px;height:400px;margin:0 auto;text-align:left;line-height:2rem;color:#ffffff;overflow:hidden}
.aboutus > #abcon a{color:#ffffff;font-size:14px;}

.website_whyus{width:100%;height:auto;margin:2rem auto;overflow:hidden}
.website_whyus #whyus-title{width:100%;height:auto;line-height:2rem;font-size:2rem;font-weight:bold;text-align:center;margin:2rem auto;margin-top:3rem;overflow:hidden}
.website_whyus #whyus-base{width:80%;height:auto;line-height:2rem;text-align:center;overflow:hidden}
.website_whyus ul{width:100%;height:auto;margin:3rem auto;overflow:hidden}
.website_whyus ul li{width:23%;height:10rem;margin-left:1%;margin-right:1%;text-align:center;float:left;overflow:hidden}
.website_whyus ul li b{width:100%;height:4rem;line-height:4rem;font-size:3rem;font-weight:bold;display:block;overflow:hidden}
.website_whyus ul li span{width:auto;height:4rem;line-height:4rem;font-size:3rem;font-weight:bold;}
.website_whyus ul li p{width:100%;height:2rem;line-height:2rem;text-align:center;font-size:1.2rem;width:100%;display:block}

.cases{width:100%;margin:0px auto;height:auto;overflow:hidden}
.cases > #title{width:100%;height:auto;line-height:3rem;font-size:2rem;font-weight:bold;text-align:center;display:block;margin:0rem auto;margin-bottom:2rem;}
.cases > #title span{width:100%;height:auto;line-height:2rem;font-size:1.1rem;font-weight:normal;text-align:center;margin:0 auto;display:block;overflow:hidden}
.cases > dl{width:25%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
.cases > dl:hover{width:25%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
.cases > dl img{width:100%;height:auto;margin:0;border:0;display:block;-webkit-transition:0.3s;-moz-transition:0.3s;transition:all 0.3s linear;overflow:hidden}
.cases > dl img:hover{transform:scale(1.1);cursor: pointer}
.cases > dl dt{display:none}
.cases > dl dd{display:none}
.cases > dl:hover dt{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2.4rem;line-height:2.4rem;font-size:1.2rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:2rem;padding:0 1rem;display:block;overflow:hidden}
.cases > dl:hover dd{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2rem;line-height:1rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:0rem;padding:0 1rem;padding-bottom:0.5rem;display:block;overflow:hidden}
.cases > dl:hover dd a{color:#ffffff;}

.process{width:94%;max-width:1560px;height:auto;margin:3rem auto;overflow:hidden}
.process #process-title{width:100%;height:auto;line-height:3rem;font-size:2rem;font-weight:bold;text-align:center;margin:0 auto;margin-bottom:2rem;overflow:hidden}
.process #process-title span{width:100%;height:auto;line-height:2rem;font-size:1.1rem;font-weight:normal;text-align:center;margin:0 auto;display:block;overflow:hidden}
.process ul{width:100%;height:auto;margin:3rem auto;overflow:hidden}
.process ul li{width:14.666%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transition:all 0.3s linear;float:left;overflow:hidden}
.process ul li:hover{background:#f1f1f1;width:14.666%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transform:scale(1.0);float:left;overflow:hidden}
.process ul li img{width:40%;height:auto;border:0;display:block;margin:1rem auto;overflow:hidden}
.process ul li h3{width:100%;height:2rem;line-height:2rem;font-size:1.2rem;font-weight:bold;text-align:center;display:block;overflow:hidden}
.process ul li p{width:100%;height:2rem;line-height:2rem;text-align:center;display:block;padding-left:1rem;padding-right:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.process ul li span{width:100%;height:auto;line-height:1.5rem;font-size:12px;display:block;padding-left:1rem;padding-right:1rem;margin-bottom:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}

@media screen and (max-width: 960px) {
.website_service{width:98%;max-width:1560px;height:auto;margin:0 auto;overflow:hidden}
.website_service #service-title{width:100%;height:auto;line-height:2rem;font-size:1.5rem;font-weight:bold;text-align:center;margin:0 auto;margin-bottom:2rem;overflow:hidden}
.website_service #service-title span{width:100%;height:auto;line-height:2rem;font-size:1rem;font-weight:normal;text-align:center;margin:0 auto;display:block;overflow:hidden}
.website_service #service-base{width:100%;height:auto;line-height:1.5rem;overflow:hidden}
.website_service ul{width:100%;height:auto;margin:3rem auto;overflow:hidden}
.website_service ul li{width:48%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transition:all 0.3s linear;float:left;overflow:hidden}
.website_service ul li:hover{background:#f1f1f1;width:48%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transform:scale(1.0);float:left;overflow:hidden}
.website_service ul li img{width:33%;height:auto;border:0;display:block;margin:1rem auto;overflow:hidden}
.website_service ul li h3{width:100%;height:2rem;line-height:2rem;font-size:1.2rem;font-weight:bold;text-align:center;display:block;overflow:hidden}
.website_service ul li p{width:100%;height:3.6rem;line-height:1.8rem;text-align:center;display:block;padding-left:1rem;padding-right:1rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */overflow:hidden}
.website_service ul li span{background:#cccccc;width:8rem;height:2rem;line-height:2rem;text-align:center;display:block;padding-left:2rem;padding-right:2rem;box-sizing:border-box;-moz-box-sizing:border-box; /* Firefox */-webkit-box-sizing:border-box; /* Safari */margin:1rem auto;overflow:hidden}	
	
.website_whyus{margin:1rem auto;}
.website_whyus #whyus-title{width:100%;height:auto;line-height:2rem;font-size:1.2rem;font-weight:bold;text-align:center;margin:1rem auto;margin-top:2rem;overflow:hidden}
.website_whyus #whyus-base{width:80%;height:auto;line-height:2rem;text-align:center;overflow:hidden}
.website_whyus ul{width:100%;height:auto;margin:3rem auto;overflow:hidden}
.website_whyus ul li{width:43%;height:10rem;margin-left:1%;margin-right:1%;text-align:center;float:left;overflow:hidden}
.website_whyus ul li b{width:100%;height:4rem;line-height:4rem;font-size:3rem;font-weight:bold;display:block;overflow:hidden}

.process{width:98%;height:auto;margin:2rem auto;=overflow:hidden}
.process ul li{width:48%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transition:all 0.3s linear;float:left;overflow:hidden}
.process ul li:hover{background:#f1f1f1;width:48%;height:auto;margin-left:1%;margin-right:1%;border:1px #ececec solid;box-sizing:border-box;-moz-box-sizing:border-box; -webkit-box-sizing:border-box;transform:scale(1.0);float:left;overflow:hidden}

.cases > #title{width:100%;height:auto;line-height:2rem;font-size:1.5rem;font-weight:bold;text-align:center;display:block;margin:0rem auto;margin-bottom:2rem;}
.cases > #title span{width:100%;height:auto;line-height:2rem;font-size:1.1rem;font-weight:normal;text-align:center;margin:0 auto;display:block;overflow:hidden}
.cases > dl{width:50%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
.cases > dl:hover{width:50%;height:auto;margin:0;position:relative;float:left;overflow:hidden}
.cases > dl:hover dt{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:2rem;line-height:2rem;font-size:1.1rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:2rem;padding:0 1rem;display:block;overflow:hidden}
.cases > dl:hover dd{background:#000000;filter:alpha(opacity = 50);opacity:0.5;width:100%;height:1.6rem;line-height:1.6rem;color:#ffffff;position:absolute;z-index:99;left:0;bottom:0rem;padding:0 1rem;padding-bottom:0.5rem;display:block;overflow:hidden}
.cases > dl:hover dd a{color:#ffffff;}

.aboutus{background:#ececec url(../images/aboutus_bg.png) top center no-repeat;width:100%;margin:0px auto;margin-top:2rem;height:auto;overflow:hidden}
.aboutus > #title{width:94%;max-width:1560px;height:2rem;text-align:center;font-size:1.2rem;color:#ffffff;margin:0 auto;margin-top:3rem;margin-bottom:2rem;overflow:hidden}
.aboutus > #abcon{width:94%;max-width:1560px;height:400px;margin:0 auto;text-align:left;line-height:1.4rem;color:#ffffff;overflow:hidden}
.aboutus > #abcon a{color:#ffffff;font-size:14px;}
.aboutus > #abcon img{display:none}
}