/* CSS Document */
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,img,div{margin:0;padding:0;border:0; color:#333333}

a:link {
	color: #1C1C1C;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #1C1C1C;
}
a:hover {
	text-decoration: none;
	color: #0066FF;
}
.nav a:link {
	color: #ffffff;
	text-decoration: none;
}
.nav a:visited {
	text-decoration: none;
	color: #ffffff;
}
.nav a:hover{
    width:70px;
	height:30px;
	text-decoration: none;
	color:#FFFF00;
	background-image:url(image/nav2.jpg)
}
a:active {
	text-decoration: none;
	color: #FF6600;
}
a{hide-focus: expression( this.hideFocus=true ); outline: none;} 
a:{text-decoration:none; color:#000000;}
li { list-style-type:none; font-weight:normal;}
a.agray:link { color: #666666; text-decoration: none; } 

a.agray:active {text-decoration: none;color:#666666;}
a.agray:visited { color:#666666; text-decoration: none; }
a.agray:hover {text-decoration: none;color: #009900;}
body { font-size:12px; margin:0 auto;background:#ffffff;font-family: Arial, Helvetica, sans-serif; }
.web { width:100%;margin:0 auto;  position:relative;}

/*ͷ��*/
.top{ width:980px; height:120px; background: url(../images/topbg.gif); margin:auto;  overflow:hidden; }
.top ul{ width:980px; height:120px; }
.logo{ width:230px; height:80px;  float:left;  }
.topl{ width:480px; height:75px; float:left;}
.topl-t{ width:480px; height:50px; float:left; }
.topl-t b{ width:240px; height:25px; float:left; margin-top:20px; line-height:25px; color:#FFFFFF; text-align:center; font-size:12px; font-weight:normal;}
img{border:0;}
/* ����ͼ ͸����
------------------------------ */
.slide_fade{overflow:hidden;position:relative;width:100%;height:510px;background:#bbb;}
.slide_fade .box{overflow:hidden;position:relative;width:100%;height:513px;background:#000;z-index:4;}
.slide_fade .box a{color:#fff;}
.slide_fade .box a:hover{text-decoration:none;}
.slide_fade .list{overflow:hidden;height:9999px;}
.slide_fade .list li{position:relative;width:100%;height:500px; text-align:center;}
.slide_fade .list img{_vertical-align:top; width:1339px; height:500px; text-align:center;}
.slide_fade .txt{cursor:pointer;position:absolute;top:20px;left:45px;font:14px/24px "\5fae\8f6f\96c5\9ed1";}
.slide_fade .txt h3{font:40px/80px "\5fae\8f6f\96c5\9ed1";}
.slide_fade .btn{position:absolute;bottom:0;left:0;height:150px;background: url(../images/dh.jpg);z-index:5; width:100%;}
.slide_fade .btn a{color:#555;text-decoration:none;}
.slide_fade .btn li{overflow:hidden;float:left;height:150px;margin:0 0 0 12px;padding-top:7px;color:#333;
_margin:0 10px 0 0;_height:87px;width:270px;}

.slide_fade .btn li:first-child{margin-left:0;}
.slide_fade .btn .selected{position:relative;top:-3px;border-top:3px solid #f32465; width:270px;}
.slide_fade .btn h3{padding:4px 0 0 0;font:12px/20px "\5b8b\4f53";text-indent:2px;float:left; width:270px;}
.slide_fade .btn p{color:#999;font:12px/20px "\5b8b\4f53";text-indent:2px; float:left}
.slide_fade .btn p a{color:#999;}
.slide_fade .btn p a:hover{text-decoration:underline;}
/*main*/
.main{ width:100%; height: auto; background: #E4E5E6;}
.main ul{ width:1140px; height: auto; margin:0 auto; margin:10px auto 10px auto; }
.zishu_test { width:1140px; height: 400px;margin:0 auto;  margin-bottom:20px;  }
.zishu_test ul { float:left; height:auto; margin-top:10px; }
.zishu_test li{ float:left; width:370px;text-align:center;list-style:none; height:396px; margin-top:10px;   margin-right:6px; border:2px solid #21c9fa; background:#FFFFFF;}
.zishu_test:hover { width:1140px; }
.zishu_test li a{border:0px solid #E2E2E2;width:370px; padding-top:10px; height:400px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 10px;}
.zishu_test li img{ width:366px; height:306px; }
.zishu_test li span{margin-top:320px;display:block;background: url(../images/main1.png);  height:60px; width:350px;color:#333; margin-left:2px;position:absolute; }
.zishu_test li span b{ width:230px; height:50px; margin-top:5px; float:left;margin-right:10px;  font-weight:normal; line-height:25px; font-size:14px; text-align:left; padding-left:10px;}

.zishu_test li a:hover{  height:400px;} 
.zishu_test li a:hover span{margin-top:320px;display:block;background: url(../images/main2.png);  height:60px; width:350px;color:#fff;position:absolute; } 


#zishu_test { width:370px; height: 400px; float:left; display:inline; margin-right:10px; margin-bottom:20px; }
#zishu_test:hover { width:370px; }
#zishu_test li{ float:left; width:370px;text-align:center; margin:0 auto; list-style:none;}
#zishu_test li a{border:0px solid #E2E2E2;width:370px; padding-top:10px; height:400px; display:block;color:#858585;text-decoration : none;line-height: 17px;font-family: "Arial";font-size: 10px; border:2px solid #21c9fa;}
#zishu_test li img{ width:366px; height:306px; }
#zishu_test li span{margin-top:320px;display:block;background: url(../images/main1.png);  height:60px; width:350px;color:#333; margin-left:2px;position:absolute; }
#zishu_test li span b{ width:230px; height:50px; margin-top:5px; float:left;margin-right:10px;  font-weight:normal; line-height:25px; font-size:14px; text-align:left; padding-left:10px;}

#zishu_test li a:hover{  height:400px;} 
#zishu_test li a:hover span{margin-top:320px;display:block;background: url(../images/main2.png);  height:60px; width:350px;color:#fff;position:absolute; } 
.mainxx { width:1140px; height:auto; margin:0 auto;  }
/*��ҳ���*/
.left{ width:350px; height:auto; float:left; margin-top:15px;}
.left .tit{ width:350px; height:60px; float:left;  background:url(../images/lefttit.jpg); position:relative;}
.left .tit h5{ width:230px; height:50px; float:left; font-size:24px; top:20px; left:70px; position:absolute; z-index:5; color: #FFFFFF}
.left .tit i{ width:100px; height:44px; float:left; font-size:24px; color: #C2C2C2; position:absolute; top:5px; left:50px; z-index:4;}
.left ul{ width:346px; height:auto; float:left; border-left:2px solid #00AFFF;border-right:2px solid #00AFFF; overflow:hidden;}
.left ul li{ width:346px; height:60px; float:left; margin-top:20px; font-size:18px;  line-height:60px; text-indent:70px; font-weight:bold;}
.left ul li a:link{ width:346px; height:60px; background:url(../images/leftbg1.jpg); color: #FFFFFF; display:block;}
.left ul li a:visited{ width:346px; height:60px; background:url(../images/leftbg1.jpg); color:#FFFFFF;display:block;}
.left ul li a:hover{ width:346px; height:60px; background:url(../images/leftbg2.jpg); color:#FFFFFF;}

.left .lbtom{ width:350px; height:100px; float:left;  background:url(../images/leftbg3.jpg) no-repeat; }

/*��ҳ�ұ�*/
.right{ width:770px; height:auto; float:left; margin-top:15px; margin-left:20px; margin-bottom:20px;display:inline-block; }
.right .newstop{ width:728px; height:300px; float:left; padding:20px; border:1px solid #CCCCCC }
.right .newstop .lr{ width:728px; height:150px; float:left;}
.right .newstop .l{ width:180px; height:150px; float:left;}
.right .newstop .l img{ width:160px; height:120px; border:2px solid #D8E519; }
.right .newstop .r{ width:500px; height:140px; float:left; padding:10px; padding-top:0px;}
.right .newstop .r h5{ width:500px; height:30px; float:left; line-height:30px; font-size:16px; }
.right .newstop .r h5 a:link{ color:#333333; text-decoration:none;}
.right .newstop .r h5 a:visited{ color:#333333; text-decoration:none;}
.right .newstop .r h5 a:hover{ color: #009900; text-decoration: underline;}
.right .newstop .r i{ width:500px; height:100px; float:left; font-size:13px; color:#333333; font-style:normal;}

.right ul{ width:728px; height:auto; float:left; border:1px solid #CCCCCC; border-top:none; line-height:1.8; font-size:14px; color:#666666; padding:20px; }
.right ul img{ max-width:700px;}
.right .righttitle{ width:770px; height:60px; float:left; background:url(../images/righttit.png); line-height:60px; text-indent:24px; }
.right .righttitle h5{ width:770px; height:60px;font-size:16px; color:#666666}
.right ul dl{ width:100%; height:20px; float:left;}
.right ul h6{ width:100%; height:20px; float:left; line-height:20px; font-weight:normal; color:#CCCCCC;}
.right  .mm{ width:700px; height:auto; margin-top:20px; float:left; padding:10px; display:inline;}
.right  .mpic{ width:700px; height:auto; margin-top:20px; float:left; padding:10px;}
.right  .mpic img{ width:auto; height:auto; max-width:600px; margin:0 auto;}

.mainxx .about{ width:760px; height: auto; float:left; margin-left:10px; margin-top:10px; display:inline; border:none;}
.mainxx .about li{ width:240px; height:270px;  float:left; margin-right:10px; display:inline; text-indent:0px;}
.mainxx .about li dd{ width:240px; float:left; }
.mainxx .about li b{ width:240px; float:left; height:auto; line-height:20px; font-weight:normal; font-size:13px; }
.mainxx .about li dd span{ width:220px; float:left; line-height:20px; color:#CC0000; margin-left:5px; display:inline;}
.mainxx .about li dd span del{  color: #666666;}
.mainxx .about li dd i{ width:160px; float:left;}
.mainxx .about li dd em{ width:60px; float:right;}
.mainxx .about li img{ width:220px; height:200px; margin:4px; float:left;border:2px solid #CCCCCC;}
.mainxx .about li img:link ,.main2-left li img:visited{border:2px solid #FF6600;}
.mainxx .about li img:hover{border:2px solid #FF6600;background:#f0f0f0;}
.mainxx .about li dl img,.main3 li dl img{ width:200px; height:20px; border:none; margin:0px;}
.mainxx .about li dl img:hover,.main3 li dl img:hover{border:none; background:none;}
/*����*/
.news{ width:100%; background: #0099FF; height:250px; float:left;}
.newsxx{ width:1140px; height:250px; margin:0 auto;}
.newsl{ width:380px; height:250px; float:left; padding-top:40px;}
.newsl h3{ width:280px; height:30px; float:left; font-size:24px; color:#FFFFFF; margin-left:100px; display:inline; }
.content h3 a:link{ color: #FFFFFF; text-decoration:none;}
.content h3 a:visited{ color:#FFFFFF; text-decoration:none;}
.content h3 a:hover{ color: #FFFF00; text-decoration: underline;}
.newsl h5{ width:280px; height:30px; float:left;font-size:14px;  color:#FFFFFF; margin-top:50px; margin-left:100px; display:inline; }
.newsr{ width:760px; height:250px;  float:left;}
/*�ײ�*/
.foot{ width:100%; background: #1FC9FA; height:550px; float:left;}
.foot  a:link { color: #fff; text-decoration: none; }
.foot  a:visited { color: #fff; text-decoration: none; }
.foot  a:hover {text-decoration: none;color: #FFFF00;}

.foota{ width:1140px;height:380px;  margin:0 auto;}
.foota .jianjie{ width:380px;height:360px; float:left; }
.foota .jianjie h4{ width:380px;height:30px; float:left; font-size:24px; text-align:center; line-height:30px; color:#FFFFFF; margin-top:30px;}
.foota .jianjie ul{ width:300px;height:360px;  margin:0 auto; line-height:25px;color:#FFFFFF; font-size:13px; margin-top:0px; }
.foota .jianjie ul li{ width:300px;height: auto; list-style:none; line-height:25px; margin-top:20px; color:#FFFFFF; font-size:13px;}
.foota .jianjie ul p{ margin-top:0px; padding:0; margin:0;}

.foot2{ width:100%;height:188px; border-top:2px solid #FFFFFF; float:left;}
.foot2xx{ width:1140px;height:188px; margin:0 auto;}
.foot2 .footlogo{ width:240px;height:140px; float:left; margin-top:20px;}
.foot2 .footright{ width:660px;height:140px; float:left; margin-top:40px;}
.foot2 .footright ul{ width:660px;height:50px; float:left; line-height:16px; }
.foot2 .footright ul li{ width: auto;height:16px; float:left; font-size:14px; border-right:1px solid #fff; padding-right:10px; padding-left:10px; }


.foot2 .footright p{ width:660px;height:25px; float:left; line-height:25px; color:#FFFFFF; font-size:13px; padding-left:10px; }
.foot2 .footerwei{ width:150px;height:150px; float:left; margin-top:20px;}
.foot2 .footerwei ul{ width:140px;height:140px; float:left; margin:5px;}

/* ͼ�Ĺ�*/
#content_inner {
	width: 760px;
	padding-top:5px;
	position: relative;
   float:right;
}
#content #intro {
	border-bottom: dotted #ccc 1px;
	padding-bottom: 28px;
	margin-bottom: 10px;
}
#content #intro p {
	font-size: 14px;
	color: #8f8f8f;
	line-height: 22px;
	padding-bottom: 5px;
}
#content #intro a {
	color: #666;
	padding: 6px;
}
#content #intro a:hover {
	background: #eee;
	text-decoration: none;
	border-bottom: dotted #ccc 1px;
}
#content #intro ul {
	padding-bottom: 15px;
	padding-top: 3px;
}
#content #intro li {
	color: #8f8f8f;
	margin-left: 50px;
	padding-bottom: 4px;
	font-size: 14px;
}
#content p {
	font-size: 12px;
	color:#fff;
	padding-bottom: 10px;
}
#content p a {
	color: #e41996;
}
#content h2 {
	font-size: 26px;
	font-weight: normal;
	color: #666;
	padding-bottom: 17px;
	border-top: dotted #ccc 1px;
	padding-top: 20px;
	padding-bottom: 21px;
	margin-top: 13px;
}
#content h2 span {
	font-size: 20px;
}
#content #css3 {
	float: right;
}
#content #css3 a:hover {
	background: none;
	border: 0;
}
.pre_wrap {
	background: #f9f9f9;
	padding: 5px 5px 5px 14px;
	margin-bottom: 33px;
	margin-top: 32px;
}
.pre_wrap span.label {
	color: #999;
	font-size: 12px;
	font-style: italic;
	display: block;
	padding-left: 5px;
	padding-top: 5px;
}
.syntaxhighlighter {
	font-size: 12px;
}
.slides1_wrap {
	position: relative;
	padding: 20px 0 37px 49px;
	width: 750px;
}
#slides1 {
	overflow: hidden;
	height: 160px;
}
#slides1 li {
	list-style: none;
	width: 589px;
}
#slides1 li img {
	float: left;
}
#slides1 .content {
	float: left;
	width: 350px;
	padding-left: 21px;
}
#slides1 li p {
	line-height: 22px;
	float:left;
}
#slides1 h3 {
height:40px;
	font-size:18px;
	color: #333333;
	font-weight: normal;
	text-transform: lowercase;
	line-height:20px;
	float:left;
	width:350px;
}
#slides1 h4 {
	font-size: 18px;
	color: #000;
	font-style: italic;
	font-weight: normal;
	text-transform: lowercase;
	padding-bottom: 16px;
}
.slides1_wrap .prev {
	position: absolute;
	left: -6px;
	top: 80px;
	outline: 0;
}
.slides1_wrap .next {
	position: absolute;
	right: 90px;
	top: 80px;
	outline: 0;
}
.slides1_wrap a:active {
	top: 80px;
}
.bx_pager {
	padding-left: 309px;
	padding-top: 15px;
}
.bx_pager a {
	float: left;
	background: url(../images/bg_pager.png) no-repeat 0 -21px;
	width: 14px;
	height: 17px;
	color: #fff;
	font-size: 11px;
	margin-right: 6px;
	padding: 4px 0 0 7px;
}
.bx_pager a:hover, .bx_pager a.active {
	background-position: 0 0;
	text-decoration: none;
}
.auto_controls {
	position: absolute;
	bottom: -11px;
	left: 394px;
}
.auto_controls a {
	font-size: 16px;
	color: #a3a3a3;
	outline: 0;
	padding: 2px;
}
.auto_controls a:hover {
	text-decoration: none;
 background:;
	color: #e41996;
}
#content #notes li, #content #changes li {
	font-size: 12px;
	color: #8f8f8f;
	margin-left: 43px;
	padding-bottom: 6px;
}
#content #notes li a {
	color: #e41996;
}
#idc-container a {
	color: #e41996;
}
#idc-container h3 {
	color: #666;
}
/* ͼ�Ĺ���� */