@charset "utf-8";
/* CSS Document */
body { font-family: "微软雅黑"}
#header{  max-width: 1280px; height: 34px; line-height: 34px; overflow: visible; margin: 24px auto 17px;}
#header #logo{ float: left; width: 59px; height: 34px; background: url(../images/logo.png) no-repeat;}
#header .nav{ float: left; margin-left: 4.0%; width: 72%}
#header .nav li{ float: left; width: 11%; text-align: center;}
#header .nav li a{ color: #3e3a39;}
#header .nav li.current a{ color: #00b9ef;}
#header .nav li a:hover{ color: #00b9ef;}
#header .login{ float: right;}
#header .login a{ color: #9fa0a0;}
#header .login a:hover{ text-decoration: underline;}
#header .login a:first-child{ margin-right: 5px;}
#header .menu{ display: none;}
#header .menu .menu-list{ display:none; position: absolute; z-index:100; width: 0px; height: 0;  top: 51px; right: -26px;background: #0065ad; opacity:0;}
#header .menu .menu-list li{ display:none; }
#footer span a{ color:#9FA0A0; margin-left:5px;}
#footer span .a1{ margin-left:13px;}
@media only screen and (max-width: 1024px) {
	#header #logo{ margin-left:4.91%;}
	#header .login{ margin-right:4.91%;}
	#header{ font-size:10px;}
	#header .login{ margin-right:0%;}
}

@media only screen and (max-width: 740px) {

	#header .nav{ display: none;}
	#header .login{display: none;}
	#header .menu{ display: block; position: relative; float: right; margin-right: 26px; width: 45px; height: 28px;}
	#header .menu .menu-btn{height: 28px; background: url(../images/menu-btn.png); cursor: pointer;}
	#header .menu .menu-list{ display:block;}
	#header .menu .menu-list li{padding-left: 20px; height: 50px; line-height: 50px; border-top: 1px solid #fff;}
	#header .menu .menu-list li:first-child{ border-top: none;}
	#header .menu .menu-list li.last-menu{ height:50px;}
	#header .menu .menu-list li a{ font-size: 14px; color: #fff; width:100%; height:50px; float:left;}
	#header .menu .menu-list li a:hover{ text-decoration: underline;}
	#header .menu .menu-list li.menu-login{ width:100%; height:50px; }
	#header .menu .menu-list li.menu-login .a1{ width:20%; height:50px; float: left;}
	#header .menu .menu-list li.menu-login .a2{ width:60%; height:50px; margin-right:0px;  float: right;}

}

.bd-top .subnav2{ float:right;}
.subnav .goods-info{ float:left; height:43px; line-height:43px;}
.subnav .goods-info li{float:left; width:80px; }
.subnav .goods-info li a{ color:#9fa0a0;}
.subnav .goods-info li.current a{ color:#00a5e4;}
.subnav .goods-info li a:hover{ color:#00a5e4;}
.bd-top .subnav2 input{ float:right; margin:9px 0 0 0; width:114px; height:25px; border:none; font-size:14px; color:#fff; outline:none; background:#00a5e4; cursor:pointer; font-family:'寰蒋闆呴粦';}
@media only screen and (max-width: 960px) {
	.goods-list ul .goods-item{ width:100%;}
}


.service{ max-width:960px; margin:46px auto 0px; }
.service-list{ float:left; width:77%; border-right:1px solid #dcdddd; margin-bottom:26px;}
.service-list li{ float:left; width:22%; height:63px;}
.service-list li .bigger{ float:left; margin-right:12px; height:63px; line-height:63px; font-size:38px; color:#656d78;}
.service-list li .smaller{ font-size:14px; color:#939393;}
.service-list li .smaller em{ margin:10px 0 0 0px; display:block;}
.service-list li.phone{ width:34%;}
.service-list li.phone .bigger{ width:50px; background:url(../images/call.png) no-repeat center center;}
.service-list li.phone .smaller{ font-size:24px; color:#00ccff; line-height:73px;}


.code{ width:20.8%; float:left; padding-left:2%;}
.code .code-pic{ float:left;}
.code .code-info{ float:left;}
.code .code-info p{ text-align:right; color:#000; font-size:14px; margin-bottom:5px;}
.code .code-info span{ display:block; padding-left:10%; text-align:center; color:#9fa0a0; width:100%;}

#footer{ height:76px; padding:40px 0 0 0; color:#9fa0a0; border-top:1px solid #dcdddd; text-align:center;}
#footer strong{ margin:0 5px;}
@media only screen and (max-width: 740px){
	.service-list{ border-right:none; padding-left:44px;}
	.service-list li{ width:60%;}
	.service-list li.service1{ width:40%;}
	.service-list li.phone{ width:60%;}
	.code{width:100%; padding:22px 0px 22px 44px; border-top:1px solid #dcdddd;}
}
@media only screen and (max-width: 950px){
	.service-list{ width:100%;  padding-left:44px;border-right:none;}
	.code{  width:100%; padding:22px 0px 22px 44px; border-top:1px solid #dcdddd;}
}
@media only screen and (max-width: 480px) {
	.service{ margin-top:20px;}
	.service-list{ padding-left:20px;}
	.service-list li{ width:100%;}
	.service-list li.phone{ width:100%;}
	.service-list li.service1{ width:100%;}
}