﻿
.jd_body {
	padding: 62px 0 0 220px;
	height: 400px;
	overflow: hidden;
}
.jd_body img {
	vertical-align: bottom;
}
.jd_ad_slide {
	width: 1000px; height:89px;
	float: left;
	position: relative;
} 
.jd_ad_img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	display: none;
}
.jd_ad_btn {
	position: absolute; right: 3px; bottom: 3px;
}
.jd_ad_btn_a {
	width: 18px; height: 18px;
	line-height: 18px;
	margin-right: 5px;
	text-align: center;
	border-radius: 12px;
	background-color: #999;
	color: #fff;
	float: left;
}
.jd_ad_btn_a:hover {
	text-decoration: none;
}
.jd_ad_btn .active {
	background-color: #E4393C;
}
.jd_service {
	width: 310px;
	padding-top: 230px;
	float: right;
}
.jd_nav_x {
	height: 30px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
.js_nav_a {
	width: 25%; *width: 24.9%;
	line-height: 20px;
	padding: 5px 0;
	text-align: center;
	font-size: 14px; font-family: 'microsoft yahei';
	float: left;
}
.jd_nav_x .active {
	color: #E4393C;
}
.jd_service_con {
	height: 136px;
	border: 1px solid #f1f1f1; border-top: 2px solid #aaa;
	position: relative;
}
.jd_service_img {
	position: absolute;
	display: none;
}
.jd_point_line {
	position: absolute; top: -2px; left: 0; z-index: 1;
	width: 25%;
	border-bottom: 2px solid #E4393C;
	text-align: center;
}
.jd_point_cor {
	position: absolute; bottom: 0; left: 50%;
	width: 0; height: 0;
	margin-left: -5px;
	border-style: dashed dashed solid; border-width: 5px; border-color: transparent transparent #E4393C;
	overflow: hidden;
}


/* 主页右下角广告开始-----------------------------------------------------------*/
#ad {
	Z-INDEX: 300; BORDER-BOTTOM: #b5b5b5 1px solid; POSITION: fixed; BORDER-LEFT: #b5b5b5 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 320px; BOTTOM: 0px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 240px; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #b5b5b5 1px solid; RIGHT: 0px; BORDER-RIGHT: #b5b5b5 1px solid; PADDING-TOP: 0px; _POSITION: absolute
}
#ad .zxx_constr { width: 320px; margin-left: auto; margin-right: auto; }
#ad .jd_body {
	padding: 0;
	height: 400px;
	height: 240px;
	overflow: hidden;
}
#ad .jd_body img {
	vertical-align: bottom;
}
#ad .jd_ad_slide {
	width: 320px; height: 240px;
	float: left;
	position: relative;
} 
#ad .jd_ad_img {
	position: absolute; left: 0; top: 0;
	width: 100%; height: 100%;
	display: none;
}
#ad .jd_ad_btn {
	position: absolute; right: 3px; bottom: 8px;
}
#ad .jd_ad_btn_a {
	width: 22px; height: 22px;
	line-height: 22px;
	margin-right: 5px;
	text-align: center;
	border-radius: 12px;
	background-color: #999;
	color: #fff;
	float: left;
}
#ad .jd_ad_btn_a:hover {
	text-decoration: none;
}
#ad .jd_ad_btn .active {
	background-color: #E4393C;
}
#ad .jd_service {
	width: 310px;
	padding-top: 230px;
	float: right;
}
#ad .jd_nav_x {
	height: 30px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
#ad .js_nav_a {
	width: 25%; *width: 24.9%;
	line-height: 20px;
	padding: 5px 0;
	text-align: center;
	font-size: 14px; font-family: 'microsoft yahei';
	float: left;
}
#ad .jd_nav_x .active {
	color: #E4393C;
}
#ad .jd_service_con {
	height: 136px;
	border: 1px solid #f1f1f1; border-top: 2px solid #aaa;
	position: relative;
}
#ad .jd_service_img {
	position: absolute;
	display: none;
}
#ad .jd_point_line {
	position: absolute; top: -2px; left: 0; z-index: 1;
	width: 25%;
	border-bottom: 2px solid #E4393C;
	text-align: center;
}
#ad .jd_point_cor {
	position: absolute; bottom: 0; left: 50%;
	width: 0; height: 0;
	margin-left: -5px;
	border-style: dashed dashed solid; border-width: 5px; border-color: transparent transparent #E4393C;
	overflow: hidden;
}


#_span_jiucuo{position:absolute;left:550px;bottom:-40px;}



.adgg{ position:absolute;border:0px solid #999;z-index: 999;right:0;width:15px;height:13px;float:right;}
/* 主页右下角广告结束-----------------------------------------------------------*/



img { border: 0; }

/* constructor */
.zxx_constr { width: 980px; margin-left: auto; margin-right: auto; }
.zxx_logo { position: absolute; top: 0; margin-top: 14px; }
.zxx_author_time { float: right; margin-top: 40px; color: #999; font-family: tahoma; }
.zxx_api { width: 40px; height: 40px; line-height: 40px; font-size: 15px; font-family: tahoma; text-align:center; overflow: hidden; position: fixed; _position: absolute; right: 0 ; top: 0; color: #fff; background-color: #34538b; background-color: rgba(0,0,0,0); *background-color: #34538b; }
.zxx_api::before { content: ''; width: 80px; height: 80px; border-radius: 80px; background-color: #34538b; position:absolute; right: -40px; top: -40px;}
.zxx_api::after { content: 'API'; position: absolute; top: -4px; left: 14px; }
.zxx_api:hover::before { background-color: #cd0000; }
.zxx_nav { border-top: 2px solid #0b63c6; background-color: #1161ba; }
.zxx_nav_ul { width: 100%; overflow: hidden; font-size: 14px; font-weight: bold; }
.zxx_nav_li { float: left;}
.zxx_nav_a { display: block; padding: 10px 25px; color: #fff;  text-decoration: none; }
.zxx_nav_on { background-color: #fff; box-shadow: inset 1px 1px #ccc; color: #333;}
.zxx_nav_sp { float: right; margin-top: 5px; font-size: 12px; white-space: nowrap; }
.zxx_rbtn, .zxx_gbtn{display:inline-block; padding:5px 20px; color: #fff; font-weight:bold; text-decoration: none; vertical-align: middle;}
.zxx_rbtn{background-color: #cd0000;}
.zxx_gbtn{background-color: green;}
.zxx_rbtn:hover, .zxx_gbtn:hover{text-decoration:none; color:#fff;}
.zxx_btn:active, .zxx_gbtn:active{box-shadow:inset 0 2px 3px rgba(0,0,0,.35); padding-top:6px; padding-bottom:4px;}


/* 右下角广告 */
#ad{FONT-SIZE: 12px;}#ad{Z-INDEX: 300; BORDER-BOTTOM: #b5b5b5 1px solid; POSITION: fixed; BORDER-LEFT: #b5b5b5 1px solid; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 320px;
BOTTOM: 0px; PADDING-RIGHT: 0px; FLOAT: right; HEIGHT: 240px; FONT-SIZE: 12px; OVERFLOW: hidden; BORDER-TOP: #b5b5b5 1px solid; RIGHT: 0px; BORDER-RIGHT: #b5b5b5 1px solid;
PADDING-TOP: 0px; _POSITION: absolute}
* HTML{BACKGROUND-IMAGE: url(about:blank); BACKGROUND-ATTACHMENT: fixed}
.topvebanner { margin: 0 auto; width: 320px; height: 240px; overflow: hidden; }
.topvebanner ul { margin: 0; padding: 0; }
#myjQuery { BACKGROUND: #000; OVERFLOW: hidden; WIDTH: 320px; POSITION: relative; HEIGHT: 240px; }
#myjQueryContent { OVERFLOW: hidden; WIDTH: 320px; HEIGHT: 240px; }
#myjQueryContent DIV { POSITION: absolute; HEIGHT: 240px; }
#myjQueryContent .smask { Z-INDEX: -1; }
#myjQueryContent IMG { WIDTH: 320px; HEIGHT: 240px; border: 0; }
#myjQueryNav { DISPLAY: block; OVERFLOW: hidden; WIDTH: 100px; HEIGHT: 15px; position: absolute; bottom: 8px; right: 8px; z-index: 5; }
#myjQueryNav LI { DISPLAY: block; FLOAT: left; WIDTH: 15px; CURSOR: pointer; HEIGHT: 15px; TEXT-ALIGN: center; margin-left: 5px; background: #666; color: #fff; text-align:center; line-height:15px; }
#myjQueryNav .nbg { BACKGROUND: #666; }
#myjQueryNav A { DISPLAY: block; Z-INDEX: 12; MARGIN: 0px auto; TEXT-TRANSFORM: uppercase; WIDTH: 45px; COLOR: #ffffff; LINE-HEIGHT: 22px; POSITION: relative; HEIGHT: 22px; z-index: 20; }
#myjQueryNav .current { BACKGROUND: #347e0d; }
#myjQueryNav .current A { COLOR: #fff; }
#myjQuery #flow { background: url(../images/fcurrent.gif) no-repeat; margin-top: -33px; WIDTH: 45px; HEIGHT: 22px; Z-INDEX: 22; left: 652px; POSITION: absolute; }
