@charset "gb2312";









.color-yellow {
	color: #fecb00;
}

.color-red { color: #d40404; }
.btn {
	display: inline-block;
	text-align: center;
	cursor: pointer;
}

.btn-yellow {
	color: #1e1e1e;
	background-color: #fecb00;
}

/**{ 
	box-sizing: border-box; 
	font-family: "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;;
}*/
.container { 
	margin-left: auto;
	margin-right: auto;
	position:  relative;
}


header {
	height: 142px;
	padding: 0 90px;
	border-right: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	border-top: 1px solid #f0f0f0;
	font-size: 16px;
	color: #1e1e1e;
	background: #fff;
}

.header-logo {
	float: left;
	width: 445px;
	height: 76px;
	margin-top: 33px;
	margin-right: 70px;
	/*background: url("../img/logo.png") no-repeat left center;*/
}

.header-logo img { width: 100%; }

.header-nav {
	float: left;

}

header .trigger { display: none; position: absolute; right: 10px; top: 10px; width: 50px; height: 50px; text-align: center; line-height: 50px; }
.header-nav ul:after{
	content: '';
	height: 0;
	clear: both;
}

.header-nav-list > li {
	height: 142px;
	float: left;
	position: relative;
}

.header-nav-list a:hover, .header-nav-list a.active {
	color: #fecb00;
}
.header-nav-list > li > a {
	display: inline-block;
	height: 32px;
	line-height: 32px;
	padding: 0 15px;
	margin-top:75px;
	position: relative;
	color: #1e1e1e;
	background: url(nav-line.png) no-repeat right center;
}

.header-nav-list > li > a .icon { 
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translate(0, -50%);
	display: none;
}

.header-nav-list >  li:last-child a { background: none; }
.header-nav-list >  li a:after {
	content: '';
	display: inline-block;
	width: 1px
}
.header-helpful {
	float: right;
	margin-top: 55px;
	line-height: 32px;
}

.header-helpful  .tel {
	margin-right: 65px;
}

.header-subnav {
	display: none;
	width: 136px;
	padding-bottom: 8px;
	position: absolute;
	left: -20px;
	top: 100%;
	background-color: #fecb00;
	border-radius: 0 0 6px 6px;
	z-index: 5;
}

.header-subnav ul {
	padding: 15px 0;
	background-color: #fff;
}

.header-subnav li {
	line-height: 28px;
	text-align: center;
}

.header-subnav li a {
	color: #1e1e1e;
}


.header-nav-list >  li:hover .header-subnav {
	display: block;
}

.language .icon { font-size: 24px; }


















/* sitemap */
.sitemap {
	padding: 75px 0;
	color: #1e1e1e;
	background: url("../img/footer_bg.png") no-repeat center bottom #fff;
}

.sitemap .container:after {
	content: '';
	display: block;
	clear: both;
}
.sitemap dt {
	margin-bottom: 10px;
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
}

.sitemap dd {
	font-size: 16px;
	line-height: 28px;
}

.sitemap a {
	color: #1e1e1e;
}

.sitemap a:hover {
	color: #fecb00;
}

.contact-info {
	width: 450px;
	float: left;
}

.contact-info .btn {
	display: inline-block;
	width: 133px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	border-radius: 3px;
	color: #000;
	background-color: #fecb00;
}

.contact-info .btn:hover { color: #fff; }
.contact-info .btn .icon { font-size: 21px; vertical-align: middle; position: relative; top: -2px; }

.contact-info dd:last-child {
	margin-top: 20px;
}

.link-info {
	float: left;
}


.link-info dl:first-child { margin-bottom: 60px;  }
.link-info dd {
	line-height: 30px;
}

.sitemap .code-info {
	float: right;
}



/* copyright */
.copyright {
	position: relative;
	height: 115px;
	font-size: 14px;
	line-height: 48px;
	color: #c1c1c1;
	background-color: #1e1e1e;
} 

.copyright .gotop {
	position: absolute;
	right: 0;
	top: 50%;
	transform: translate(0, -50%);
}


/* 大型设备（大台式电脑，1200px 起） */
@media screen and (min-width:1200px){ 
	.container { width: 1200px; min-width: 1200px; }
}

/* 中型设备（台式电脑，992px 起） */
@media screen and (min-width:992px){
	.header-nav { float: right; }
	.header-helpful { position: absolute; top: -20px; right: 90px; }
}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:125px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}