/*
*@Des: service common
*@Author: wangmei
*@date: 2015-10-13
*/
@import url("base_import.css");
@import url("cn_top.css");
@import url("cn_footer.css");

@import url("button.css");
@import url("ui_icon.css");

@import url("common.css");

body{
	font-family:'microsoft yahei';
}
.main-wrap{
	background:#f5f5f5;
	padding-bottom:40px;
	min-width:1190px;
}
.tab-hd li{
	line-height:60px;
	float:left;
	background:#fff;
	margin-top:23px;
}
.tab-menu{
	width:394px;
	text-align:center;
	font-size:20px;
	font-weight:bold;
	position:relative;
	cursor:pointer;
}
.tab-menu b{
	width:394px;
	height:2px;
	font-size:0;
	background:#fff;
	position:absolute;
	left:0;
	bottom:0;
}
.tab-hd .cur{
	color:#de373d;
}
.tab-hd .cur b{
	background:#de373d;
}
.tab-hd .v-sep{
	margin:0;
}

.content{
	background:#fff;
	margin-top:20px;
	padding-bottom:40px;
}
.section-hd{
	padding-top:25px;
	line-height:50px;
	font-size:20px;
	border-bottom:1px solid #e5e5e5;
}
.section-hd h3{
	font-size:16px;
}
.section-bd .tit{
	font-size:14px;
	padding:15px 0;
	color:#666;
}
.no-boder{
	border:none;
}
.section-tel{
	font-size:24px;
	color:#666;
	padding:30px 0 0 0;
}
/* side */
.side{
	width:220px;
	float:left;
}
.side-lst{
	padding:30px 20px 0 30px;
}
.side-menu{
	padding-bottom:8px;
}
.side-menu a{
	display:block;
	font-size:14px;
	height:40px;
	line-height:40px;
	padding:0 10px 0 20px;
}
.side-menu a:link,
.side-menu a:visited{
	color:#666;
	text-decoration:none;
}
.side-lst .cur a,
.side-menu a:hover{
	background:#e34147
}
.side-lst .cur a:link,
.side-lst .cur a:visited,
.side-menu a:hover{
	color:#fff;
}
.side-menu a b{
	float:right;
	color:#fff;
	font-family:'simsun';
}
/* main */
.main{
	width:969px;
	float:left;
	border-left:1px solid #f5f5f5;
}
.section{
	padding:0 60px;
}
.section .icon-toprank{
	width:85px;
	height:24px;
}
.section .box{
	border:1px solid #e6e6e6;
}
.service-item{
	float:left;
	text-align:center;
	border-left:1px solid #e6e6e6;
}
.service-item .icon-rank{
	width:100px;
	height:100px;
	display:inline-block;
	background:url("icon_service.png") no-repeat;
	margin-top:40px;
}
.service-lst .first{
	border:none;
}
.service-item h4{
	font-size:18px;
	font-weight:normal;
	padding:12px 0 0;
}
.service-item .intro{
	font-size:14px;
	margin-bottom:8px;
	color:#666;
	margin-top:10px;
}


/******** member service ***********/
.member-service .section{
	padding:20px 80px;
}
.member-service .service-lst{
	padding:30px 0;
}
.member-service .service-item{
	text-align:center;
	float:left;
	border:none;
}
.member-service .service-item h4{
	padding:15px 0 13px 0;
	font-size:16px;
	font-weight:normal;
}
.member-service .service-item p{
	font-size:14px;
	color:#666;
}
.member-service .service-item .icon-service{
	width:100px;
	height:100px;
	display:inline-block;
	background:url("icon_service.png") no-repeat;
}
.member-service .service-item1 .icon-service{
	background-position:0 0;
}
.member-service .service-item2 .icon-service{
	background-position:-100px 0;
}
.member-service .service-item3 .icon-service{
	background-position:-200px 0;
}
.member-service .service-item1{
	width:185px;
}
.member-service .service-item2{
	width:660px;
}
.member-service .service-item1 h4{
	color:#fa8c8c;
}
.member-service .service-item2 h4{
	color:#ffce41;
}
.member-service .service-item3 h4{
	color:#73c2ff;
}

/* member item */
.member{
	margin-left:-70px;
}
.member-item{
	width:480px;
	height:270px;
	font-size:20px;
	text-align:center;
	float:left;
	margin-left:70px;
	_display:inline
}
.member-basic{
	background:#f5faff;
}
.member-senior{
	background:#fffaf5;
}
.member-item .icon-member{
	width:200px;
	height:60px;
	display:inline-block;
	background:url("member_logo.png") no-repeat;
	margin:40px 0 10px 0;
}
.member-senior .icon-member{
	background-position:0 -60px;
}
.member-item h4{
	color:#666;
	font-weight:normal;
}
.member-item  .price{
	font-weight:bold;
	padding:25px 0;
}
.member-basic .price{
	color:#008cd2;
}
.member-basic .price del{
	color:#666;
}
.member-senior .price{
	color:#e65a3c;
}

.member-item .ope a{
	display:block;
	line-height:52px;
}
.member-basic .ope{
	background:#008cd2;
	border:1px solid #0082c8;
}
.member-basic .ope a{
	border-top:1px solid #33a3db;
}
.member-senior .ope{
	background:#e65a3c;
	border:1px solid #dc5032;
}
.member-senior .ope a{
	border-top:1px solid #eb7b63;
}
.member-item .ope a:link,
.member-item .ope a:visited{
	color:#fff;
	text-decoration:none;
}

/* table */
.tb-hd .icon,
.tb-bd .icon{
	margin-right:5px;
}
.tb-hd td{
	background:#f7f7f7;
	padding:14px 0;
	text-align:center;
	border:1px solid #e5e5e5;
	font-size:14px;
	font-weight:bold;
	color:#666;
}
.tb-bd th,
.tb-bd td{
	font-size:14px;
	border:1px solid #e5e5e5;
	border-top:none;
	vertical-align:middle;
}
.tb-bd th{
	font-weight:bold;
	text-align:center;
}
.tb-bd td{
	height:78px;
	padding:0 15px 0 16px;
	color:#666;
}
.tb-bd .tb-ope td{
	height:59px;
}
.tb-bd .basic{
	color:#008cd2;
	background:#f5faff;
}
.tb-bd .senior{
	color:#e65a3c;
	background:#fffaf5;
}
.tb-bd .fork{
	font-size:20px;
}
.tb-bd .btn-l{
	padding:0 14px;
}
.icon-star{
	width:20px;
	height:15px;
	display:block;
	background:url("icon_star.png") no-repeat;
}
.icon-star3{
	width:60px;
}
.icon-star5{
	width:96px;
}


/**************** top rank ******************/
.toprank .rank-lst{
	padding:30px 0;
}
.toprank .service-item{
	width:420px;
}
.toprank .service-item .icon-rank{
	display:inline-block;
	background:url("icon_service.png") no-repeat;
}
.toprank .service-item .icon-rank1{
	width:59px;
	height:53px;
	background-position:-300px 0;
}
.toprank .service-item .icon-rank2{
	width:66px;
	height:46px;
	background-position:-359px 0;
}
.toprank .service-item .intro{
	color:#333;
}
.toprank .sub-hd{
	line-height:70px;
}
.toprank .super-lst{
	padding:45px 0 35px 50px;
}
.toprank .super-item{
	width:265px;
	color:#666;
	text-align:left;
	float:left;
}
.toprank .service-item .icon-rank{
	margin:0;
}
.toprank .super-item h5{
	margin-bottom:6px;
}
.toprank .super-item p{
	font-size:12px;
}


/**************** building ******************/
.building .service-item{
	width:281px;
	height:282px;
}
.building .service-item1 .icon-rank{
	background-position:0 -100px;
}
.building .service-item2 .icon-rank{
	background-position:-100px -100px;
}
.building .service-item3 .icon-rank{
	background-position:-200px -100px;
}
.building .service-item1 h4{
	color:#f17c7c;
}
.building .service-item2 h4{
	color:#75cd75;
}
.building .service-item3 h4{
	color:#6bb7f1;
}


/**************** show case ******************/
.showcase .service-item{
	width:423px;
	height:268px;
}
.showcase .service-item1 .icon-rank{
	background-position:0 -200px;
}
.showcase .service-item2 .icon-rank{
	background-position:-100px -200px;
}
.showcase .service-item1 h4{
	color:#acc93d;
}
.showcase .service-item2 h4{
	color:#f3c41b;
}

/**************** product ******************/
.product-show .service-item{
	width:281px;
	height:210px;
}

.search-lst .service-item1 .icon-rank{
	background-position:0 -300px;
}
.search-lst .service-item2 .icon-rank{
	background-position:-100px -300px;
}
.search-lst .service-item3 .icon-rank{
	background-position:-200px -300px;
}

.prod-show-lst .service-item{
	height:245px;
}
.prod-show-lst .service-item1 .icon-rank{
	background-position:0 -400px;
}
.prod-show-lst .service-item2 .icon-rank{
	background-position:-100px -400px;
}
.prod-show-lst .service-item3 .icon-rank{
	background-position:-200px -400px;
}
.prod-show-lst .service-item1 h4{
	color:#fbb03b;
}
.prod-show-lst .service-item2 h4{
	color:#56b881;
}
.prod-show-lst .service-item3 h4{
	color:#3887be;
}

/**************** banner ******************/
.banners .service-item{
	width:281px;
	height:266px;
}
.banners .service-item1 .icon-rank{
	background-position:0 -500px;
}
.banners .service-item2 .icon-rank{
	background-position:-100px -500px;
}
.banners .service-item3 .icon-rank{
	background-position:-200px -500px;
}
.banners .service-item1 h4{
	color:#8a8acb;
}
.banners .service-item2 h4{
	color:#3bb2d0;
}
.banners .service-item3 h4{
	color:#f9886c;
}
.banners .section-bd .box{
	margin-bottom:15px;
	text-align:center;
	padding:20px 0 0 0;
}
.banners .con-hd{
	margin-bottom:5px;
}
/**************** special ******************/
.special .service-item{
	width:210px;
	height:218px;
}
.special .service-item1 .icon-rank{
	background-position:0 -600px;
}
.special .service-item2 .icon-rank{
	background-position:-100px -600px;
}
.special .service-item3 .icon-rank{
	background-position:-200px -600px;
}
.special .service-item4 .icon-rank{
	background-position:-300px -600px;
}
.special .service-item h4{
	font-size:16px;
	color:#e34147;
	font-weight:bold;
}
.special .special-bd .tit{
	padding: 0 0 15px 0;
}

/**************** big buyer ******************/
.big .service-item{
	width:280px;
	height:348px;
}
.big .service-item .icon-rank{
	width:160px;
	height:170px;
}
.big .service-item1 .icon-rank{
	background-position:0 -700px;
}
.big .service-item2 .icon-rank{
	background-position:-160px -700px;
}
.big .service-item3 .icon-rank{
	background-position:-320px -700px;
}
.big .service-item4 .icon-rank{
	background-position:-480px -700px;
}
.big .service-item h4{
	font-size:16px;
	color:#e34147;
	font-weight:bold;
}
.big .special-bd{
	padding:10px 0;
	text-align:center;
}

/**************** client ******************/
.yc .service-item{
	width:280px;
	height:348px;
}
.yc .service-item .icon-rank{
	width:160px;
	height:170px;
}
.yc .service-item1 .icon-rank{
	background-position:0 -870px;
}
.yc .service-item2 .icon-rank{
	background-position:-160px -870px;
}
.yc .service-item3 .icon-rank{
	background-position:-320px -870px;
}
.yc .service-item4 .icon-rank{
	background-position:-480px -870px;
}
.yc .service-item h4{
	font-size:16px;
	color:#e34147;
	font-weight:bold;
}
.yc .yc-bd .tit{
	padding:0 0 15px 0;
}

/* footer */
.footer{
	height:65px;
	background:#f5f5f5;
	margin:0;
}
.footer-link{
	margin:0;
}