<!--*{padding:0; margin:0; list-style:none;}-->
body{font-size:14px; font-family: "微软雅黑","Microsoft YaHei", Verdana, Geneva, sans-serif; color:#000;}
a{color:#000;}
a:hover{color:#106fb8; text-decoration:none;}

#home{background:url(../images/home-bg.jpg) center center no-repeat; background-size:cover;min-height:900px;}
#home-center{top:30%; position:absolute; width:100%; display:block;}
.home-logo{margin-bottom:7%;}
.lang{background:url(../images/lang-bg.png) center bottom no-repeat; padding-bottom:50px;}
.lang a{background:url(../images/lang-line.png) left center no-repeat; width:123px; display:inline-block; font-size:16px;}
.lang a.cn{background:none;}

#header{border-bottom:1px solid #a7a7a7;}
.top-lang a{font-size:18px; height:80px; line-height:80px; display:inline-block; background:url(../images/lang-line.png) right center no-repeat; padding:0 20px;}
.top-lang a.jp{background:none; padding-right:0;}
.top-lang a:hover span,.top-lang a.on span{background:url(../images/top-lang-bg.jpg) left bottom repeat-x; display:inline-block; color:#036eb8;}
#banner{padding:19px 0;}
#tel-bg{background:#4b4948; height:34px; line-height:34px; color:#fff; font-weight:bold; font-size:16px;}
#tel-bg .tel{height:34px; display:block; }
#tel-bg .tel-cn{background:url(../images/tel-cn.jpg) left center no-repeat;}
#tel-bg .tel-en{background:url(../images/tel-en.jpg) left center no-repeat;}
#tel-bg .tel-jp{background:url(../images/tel-jp.jpg) left center no-repeat;}

.box{padding:75px 0;}
.box h3.title,#contact h3.title{margin-top:0; color:#3e3a39; font-weight:normal; margin-bottom:0}
.box h3.title1,#contact h3.title1{display:block; font-weight:bold; margin-top:10px;}
.box h5.subtitle{color:#375676; line-height:160%; margin-bottom:65px;}
#service,#product,#contact{border-bottom:1px solid #e4e4e4;}
.servicelist{background:url(../images/service-bg.jpg) center bottom no-repeat; padding-bottom:1px; margin-bottom:30px;}
.servicelist .s-left-1{margin:50px auto auto 105px;}
.servicelist .s-left-2{margin:0 0 0 125px;}
.servicelist .s-case-info{width:255px; margin:50px auto 0 65px;}
.servicelist dl dt{color:#076fb8;}
.servicelist dl dd.s-name{font-weight:bold; color:#595656; margin:5px auto 10px auto;}
.servicelist dl dd.info{color:#595656; font-size:12px; line-height:150%;}
.caselist li{float:left; width:20%; margin-bottom:20px;}
.caselist li img{border:1px solid #c7c7c7;}

#map{background:#f7f6f5;}
#contact{padding-top:10px;padding-bottom:100px;}
#contact span.tel-ico{background:url(../images/tel-ico.jpg) left center no-repeat; padding-left:45px; height:38px; line-height:38px; display:inline-block; font-size:30px; font-weight:bold; color:#3f3a39;}
#about{padding:30px 0;}
#about .media{padding-left:25px;}
#about h5{color:#605e5e; margin-top:5px; margin-bottom:5px; font-weight:bold;}
#about p{color:#605e5e; font-size:11px;}

#footer{background:#313333; padding:30px 0; color:#c9caca;}
#footer .contact-cn{margin-bottom:20px;}
#footer .contact-en{font-size:12px;}
.footer-tel{background:url(../images/ewm.jpg) left top no-repeat; padding-left:100px; margin-top:30px; height:86px;}
.footer-tel p.rx{background:url(../images/tel-ico2.jpg) left center no-repeat; padding-left:20px; font-weight:bold; margin-bottom:0;}
.footer-tel p.rx-tel{font-weight:bold; margin-bottom:22px;}
.footer-tel p.wx span{border:1px solid #878888; color:#c7c8c8; border-radius:5px; padding:3px; margin-top:10px;}

/*English*/
body#en .box{padding:90px 0;}
body#en .box h3.title{/*margin-bottom:80px;*/}
body#en .box .servicelist .s-case-info{width:350px;}
.box h3.ensubtitle{margin-bottom:90px;}
body#en .servicelist dl dd.info{color:#928c8c;}

@media (min-width: 768px) {
	.container{width:959px;}
}
@media (max-width: 768px) {
	#home{min-height:768px;}
	.home-logo{margin-bottom:15%;}
	.lang a{width:95px;}
	#tel-bg{font-size:14px;}
	.box{padding:30px 0;}
	.box h3.title{font-size:18px;}
	.box h5.subtitle{margin-bottom:30px;word-wrap: break-word;}
	.servicelist .s-left-1,.servicelist .s-left-2,.servicelist .s-case-info{display:block; margin:10px auto; text-align:center; width:100%;}
	.servicelist .s-case-info{padding:10px;}
	.caselist li{width:30%; margin:1%;}
	#about .media{margin-bottom:15px;}
	.footer-tel{float:none!important;}
	
	body#en .box h3.title{margin-bottom:10px; word-wrap: break-word;}
	body#en .box .servicelist .s-case-info{width:100%; padding:10px;}
	body#en .box .servicelist .s-case-info dd.info img{display:block; margin-left:auto; margin-right:auto;}
	
	}