@charset "utf-8";
/* CSS Document */

body{ padding:0; margin:0; font-size:12px;; font-family:"Arial"; background:#cae3b7;}
ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul{list-style:none;}
img{border:0px;}
.clearfloat{clear:both; height:0px; font-size:1px; line-height:0px;}
img{border:none;}
a{blr:expression(this.onFocus=this.blur());outline:none;}
a{ text-decoration:none; color:#333;}
a:hover{ color:#F63;}
.menu a{ text-decoration:none; color:#333;}
.menu-1 p img{ float:left; margin-left:10px;}
.menu-1 h1{ width:350px; height:138px; line-height:138px; float:left; color:#702e30;}
.menu-1 ul  img{ float:left; margin-right:5px;}
.menu-1 ul li{ float:left; font-size:16px; color:#fff;}
.menu-1 ul li span{ font-size:25px; font-weight:bold;}
.menu-2 ul{ width:1000px; height:33px; margin:0 auto;}
.menu-2 ul li{ width:100px; height:33px; line-height:33px; float:left; display:block; text-align:center; }
.menu-2 ul li a{ text-decoration:none; color:#FFF; }
.menu-2 ul li .menu-3{ color:#fff; font-size:16px; }
.menu-2 ul li .menu-3:hover{ color:#F63;}
.menu-6 ul li{ width:240px; height:30px; line-height:30px; float:left; text-align:center;}
.menu-7 ul li{ width:200px; height:30px; line-height:30px; float:left;}



/* constructor */
.zxx_constr { width: 260px; 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;}


.jd_body {
	padding: 62px 0 0 220px;
	height: 300px;
	overflow: hidden;
}
.jd_body img {
	vertical-align: bottom;
}
.jd_ad_slide {
	width: 260px; height:300px;
	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: 8px;
}
.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;
}
.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;
}



.menu-8{ width:260px; height:750px; float:left; border:1px solid #ccc;}
.menu-9{ width:260px; height:300px;}
.menu-10{ width:260px; height:300px; overflow:hidden;}
.menu-10 ul li{ width:260px; line-height:24px;}
.menu-11{ float:left; width:765px; height:auto; margin-left:10px; overflow:hidden;padding-bottom:50px;}
.menu-12 { width:765px; height:50px; line-height:50px; font-size:14px;}
.menu-12 a{ color:#333;}

.menu-13{ width:750px; margin:0 auto; height:auto;}
.menu-13 ul li{ width:750px; line-height:24px; height:auto;}

.menu-14{ width:750px; height:690px;}

.menu-14 ul li{ width:240px; height:190px; float:left; margin-left:10px;}
.menu-14 ul li img{ width:240px; height:160px;}


.menu-15{ width:750px; height:690px;}

.menu-15 ul li{ width:350px; height:220px; float:left; margin:10px 0 20px 10px;}
.menu-15 ul li img{ width:350px; height:220px;}
.menu-16 img{ float:left; margin:10px;}
.menu-16 ul li{ line-height:24px;}

.menu-17 ul li{ width:600px; height:30px; line-height:30px;}