body, div, dl, dt, dd, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, 
select, input, textarea, button, p, blockquote, th, td, img,
iframe,a { margin: 0; padding: 0; } 
table { border-collapse: collapse; border-spacing: 0; } 
input, button, textarea, option { font: 12px "Microsoft Yahei", Arial, Helvetica, sans-serif; }  
ul, li, div { list-style: none; border: 0px; }  img { border: 0px; vertical-align: middle;max-width: 100%;max-height: 100%;} 
.clear { font: 0px/0px serif; display: block; clear: both; }  html { -webkit-text-size-adjust: none; } 
input { outline: none; }  textarea { resize: none; }  a { text-decoration: none; } 
body:nth-of-type(1) input:focus, textarea:focus { outline: none; }  br { background: #fff; }  
body { font: 12px "microsoft yahei", "\5b8b\4f53", Tahoma, Arial; color: #333; background: #fff;
position: relative; }.clearfix{ *zoom:1; } .clearfix:after{ content: '';
display: block; clear: both; }a:hover{color: #168ce3;text-decoration: underline;}

.wrapper{
	width: 1100px;
	margin: 0 auto;
}


#header{width: 100%;min-width: 1100px; background: #e0e0e0;height: 30px;margin: 0 auto;border-bottom: 1px solid #e3e3e3;}
.header{width: 1100px;height: 30px;margin: 0 auto;}
.header ul li{float: left;font: 12px/30px "Microsoft Yahei","Tahoma";color:#666;}
.header ul li a{color:#55;padding: 0 6px;}
.header ul li a:hover{text-decoration: underline;}
.header span{width: 105px;height: 30px;float: left;margin-left: 210px;}
.header p{ line-height:30px; float:right; color:#666; margin-right:-4px;}
.header p a{ display:inline-block; padding:0 11px;font: 14px/30px "Microsoft Yahei","Tahoma";}
.header a{ color:#666;}
.header a:hover{ text-decoration:underline;}
.top{
	margin: 20px 0;
}
.logo{
	width: 450px;
	float: left;
}
.logo img{
	width: 216px;
	height: 55px;
	padding-right: 20px;
	margin-right: 15px;
	border-right: 1px solid #e9e9e9;
	float: left;
}
.logo h2{
	display: inline-block;
	font-size: 25px;
	color: #000;
	line-height: 55px;
	font-weight: normal;
}
.logo h2 a{color: #000;}
.logo h2 a:hover{text-decoration: none;cursor: pointer;}
.hotLine{
	width: 340px;
	float: right;
	margin-top: 15px;
}
.hotLine p{
	font-size: 14px;
	line-height: 25px;
	color: #666;
	padding-left: 25px;
	background: url(/images/supplier2017/tel.png) no-repeat 0 1px;
	display: inline-block;
	margin-right: 28px;
	width: 175px;
	float: left;
}
.hotLine span{
	display: inline-block;
	padding: 0 15px;
	height: 30px;
	background: #168CE3;width: 50px;
	float: left;
	width: 80px;
}
.hotLine span a{
	color: #fff;
	font-size: 14px;
	line-height: 30px;
	text-align: center;
	background: url(/images/supplier2017/qqIcon.png) no-repeat ;
	padding-left: 17px;
	text-decoration: none;
}
.hotLine span a#qq:hover{
	color: #fff;
	cursor: pointer;
}
.nav{
	width: 100%;
	min-width: 1100px;
	background: #168CE3;
	height: 40px;
}
.nav ul li{
	float: left;
}
.nav ul li a{
	font-size: 16px;
	line-height: 40px;
	color: #fff !important;
	padding: 0 47px;
}
.nav ul li a:hover{
	text-decoration: none;
}

.function{
	padding: 30px 0 10px;
}
.meiTitle{width: 1100px;margin: 10px auto 0;border-bottom: 3px solid #eceef4;}
.meiTitle h3{float: left; font: 26px/48px "Microsoft Yahei";color: #333;}
.meiTitle a.more{float: right;color: #888; font: 12px/48px "Microsoft Yahei";}
.senior{width: 1100px;margin: 0 auto 0;height: 113px;overflow: hidden;}
.senior ul{width: 1110px;float: left;}
.senior ul li{width: 149px;height: 113px;float: left;margin-right: 9px;background: #f5f5f5;}
.senior ul li:first-child{margin-left: 0;}
.senior ul li span a{width: 149px;height: 60px;display: block;float: left;background: url(/images/offer/service-bg.png) no-repeat;}
.senior ul li a{width: 149px;height: 22px;text-align: center; display: block;float: left;overflow: hidden;color: #333;font: 14px/22px "Microsoft Yahei";}
.senior ul li p{width: 149px;height: 22px;text-align: center; float: left;overflow: hidden;color: #666;font: 12px/22px "Microsoft Yahei";}

.senior ul li span.ser1 a{background-position: -228px  16px;}
.senior ul li span.ser2 a{background-position: -228px  -51px;}
.senior ul li span.ser3 a{background-position: -225px  -116px;}
.senior ul li span.ser4 a{background-position: -231px  -176px;}
.senior ul li span.ser5 a{background-position: -230px  -240px;}
.senior ul li span.ser6 a{background-position: -230px  -300px;}
.senior ul li span.ser7 a{background-position: -226px  -369px;}

.senior ul li:hover span.ser1 a{background-position: 53px  16px;}
.senior ul li:hover span.ser2 a{background-position: 53px  -51px;}
.senior ul li:hover span.ser3 a{background-position: 56px  -116px;}
.senior ul li:hover span.ser4 a{background-position: 50px  -176px;}
.senior ul li:hover span.ser5 a{background-position: 51px  -240px;}
.senior ul li:hover span.ser6 a{background-position: 51px  -300px;}
.senior ul li:hover span.ser7 a{background-position: 55px -369px;}

.platform{width: 1090px;margin: 0 auto 0;height: 131px;background: url(/images/supplier2017/platform-bg.jpg) repeat;margin-bottom: 15px;padding: 10px 0 9px 10px;}
.platform span{width: 199px;height: 131px;float: left;background: url(/images/supplier2017/erweima.jpg) no-repeat;}
.platform p{width: 890px;float: left;}
.platform p a{width: 168px;height: 45px;float: left;border-radius: 5px;margin-right: 10px; text-indent: 65px; margin-top: 40px; font: 18px/45px "Microsoft Yahei","\5b8b\4f53";color: #fff;}
.platform p a:hover{color: #fff !important;text-decoration: none;}
.platform p a.media1{background: #e65e42 url(/images/supplier2017/platform-icon.png) no-repeat 12px 0;}
.platform p a.media2{background: #308eb5 url(/images/supplier2017/platform-icon.png) no-repeat 12px -64px;}
.platform p a.media3{background: #8db800 url(/images/supplier2017/platform-icon.png) no-repeat 12px -128px;position: relative;cursor: pointer;}
.platform p .media3 .QQhover {
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 30px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 500;
	height: 30px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
	/* font-family: "Microsoft Yahei"; */
   }
   .platform p .media3 .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	content: "QQ:";
   }
   .platform p .media3:hover .QQhover{
	display: inline-block;
   }
.platform p a.media4{background: #0f8eec url(/images/supplier2017/platform-icon.png) no-repeat 12px -193px;position: relative;cursor: pointer;}
.platform p .media4 .QQhover {
	position: absolute;
	left: 0px;
	bottom: 40px;
	border: 1px solid #666;
	border-radius: 4px;
	line-height: 30px;
	color: #333;
	background: rgba(255,255,255,.9);
	display: none;
	cursor: auto;
	font-weight: 500;
	height: 30px;
	width: 100px;
	text-align: center;
	overflow: hidden;
	resize: none;
	/* font-family: "Microsoft Yahei"; */
   }
   .platform p .media4 .QQhover::after{
	position: absolute;
	left: 0;
	top: 0;
	line-height: 30px;
	content: "QQ:";
   }
   .platform p .media4:hover .QQhover{
	display: inline-block;
   }
.platform p a.media5{background: #8db800 url(/images/supplier2017/platform-icon.png) no-repeat 12px -255px;}

#service{ width:100%; height:118px; margin:20px auto 0; background:#fff;}
.service{ width:1100px; height:94px; margin:0 auto;}
.service dl{ width:260px; height:94px; float:left; padding-left:25px; }
.service dt{ width:260px; height:48px; float:left; font:normal 16px/48px "Microsoft Yahei","\5b8b\4f53"; color:#565656; text-indent:48px; background:url(/images/supplier2017/serviceIcon.jpg) no-repeat;}
.service dd{ width:210px; height:46px; float:left; line-height:23px;}
.service dd a{ color:#999; padding-right:14px;}
.service dd a:hover{ color:#f60; text-decoration:underline;}
.service .s4,.service .s4 dt{ width:210px;}
.service .s2 dt{ background-position:0 -48px;}
.service .s3 dt{ background-position:0 -96px;}
.service .s4 dt{ background-position:0 -144px;}

#footer{ width:100%;  border-top: 1px solid #ebebeb; padding-bottom:20px;background: #f6f6f6;}
.footer{ width:1100px;  padding-top:16px;margin: 0 auto;}
.footer p{ width:1100px; float:left; font:normal 12px/30px "Microsoft Yahei","\5b8b\4f53"; overflow:hidden; color:#878787;}
.footer p a{ padding:0 4px; color:#878787;}
.footer p a:hover,.footer span a:hover{ color:#f60; text-decoration:underline;}
.footer span{ width:1100px; height:26px; /*float:left;*/padding:16px 0; text-align:center; font:normal 16px/26px "Microsoft Yahei","\5b8b\4f53"; color:#333;display: inline-block;}
.footer span a{ color:#333; padding:0 10px;}
.footer b{ width:1100px; height:21px;  text-align:center; font:normal 12px/21px "Tahoma","\5b8b\4f53"; color:#888; margin: 0 auto;display: block;}
.footer strong{ padding:0 15px;}


.returnTop{
	position: fixed;
	right: 0px;
	top: 473px;
	z-index: 9999;
	
}
.returnTop {
	width: 74px;
	height:63px;
	_top: expression(eval(document.documentElement.scrollTop+318));
	
}
.returnTop a,
.returnTop a:hover {
	display: block;
	width: 74px;
	height: 63px;
	
}

.toTop{
	width: 252px;
	position: fixed;
	right: -227px;
	top: 200px;
	z-index: 9999;
	-webkit-transition:all 0.3s linear;
	-moz-transition:all 0.3s linear;
	-ms-transition:all 0.3s linear;
	-o-transition:all 0.3s linear;	
	transition:all 0.3s linear;
}
.toTop:hover{
	right: 0;
}
.toTopLeft{
	width: 24px;
	float: left;
	margin-top: 60px;
	cursor: pointer;
}

.toTopRight{
	float: left;
	width: 226px;
	border: 1px solid #e9e9e9;
}
.toTopRight h2{
	font-size: 14px;
	line-height: 30px;
	height: 30px;
	background: #f6f6f6;
	padding-left: 10px;
}
.toTopRight h2 a{
	float: right;
	margin-right: 15px;
	font-size: 12px;
	line-height: 30px;
	color: #565656;
	font-family: "\5b8b\4f53";
	font-weight: normal;
}
.toTopRight h2 a:hover{
	color: #565656 !important;
	text-decoration: none;
}
.toTopRight ul{
	padding: 10px 6px;
	background: #fff;
}
.toTopRight ul li{
	width: 68px;
	height: 28px;
	border: 1px solid #fff;
	border-radius: 3px;
	float: left;
}
.toTopRight ul li a{
	color: #565656;
    font: 12px "\5b8b\4f53";
	line-height: 28px;
}
.toTopRight ul li a:hover{
	color: #565656 !important;
	text-decoration: none;
}
.li1{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2439px;
}
.li1:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2439px #f3f3f3;
	border: 1px solid #eee;
}
.li2{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -47px;
}
.li2:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -47px #f3f3f3;
	border: 1px solid #eee;
}
.li3{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -1607px;
}
.li3:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -1607px #f3f3f3;
	border: 1px solid #eee;
}
.li4{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -99px;
}
.li4:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -99px #f3f3f3;
	border: 1px solid #eee;
}
.li5{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2647px;
}
.li5:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2647px #f3f3f3;
	border: 1px solid #eee;
}
.li6{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -255px;
}
.li6:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -255px #f3f3f3;
	border: 1px solid #eee;
}
.li7{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -3063px;
}
.li7:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -3063px #f3f3f3;
	border: 1px solid #eee;
}
.li8{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2543px;
}
.li8:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2543px #f3f3f3;
	border: 1px solid #eee;
}
.li9{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -723px;
}
.li9:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -723px #f3f3f3;
	border: 1px solid #eee;
}
.li10{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -151px;
}
.li10:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -151px #f3f3f3;
	border: 1px solid #eee;
}
.li11{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -463px;
}
.li11:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -463px #f3f3f3;
	border: 1px solid #eee;
}
.li12{
	padding-left: 30px;
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2491px;
}
.li12:hover{
	background: url(/images/supplier2017/icons.png) no-repeat 5px -2491px #f3f3f3;
	border: 1px solid #eee;
}
.weigz{
	width: 159px;
	height: 175px;
	text-align: center;
	background: #fff;
	position: relative;
	top: 86px;
	
	left: 380px;
	
	display: none;
	border: 1px solid #ddd;
}
.weigz table{
	width: 129px;
	height: 129px;
	position: absolute;
	top: 5px;
	left: 15px;
}
.weigz table td{
	width: 129px;
	height: 129px;
	text-align: center;
	vertical-align: middle;
}
.weigz img{
	width: 100%;
}
.weigP{
	padding: 0px 10px;
	font-size: 14px;
	line-height: 20px;
	color: #333;
	text-align: center;
	font-family: "microsoft yahei";
	position: absolute;
	top: 130px;
	left: 5px;
}