/* CSS Document */
body,p,h1,ul,li,input,img,ul, ol, li, dl, dt, dd,div,h3{margin:0; padding:0; }
body{font-family:"Î¢ÈíÑÅºÚ"; font-size:14px;}
ul,li{ list-style:none}
a{text-decoration:none;outline:0px; color:#333333;}
fieldset, img {border:0;}
.clear {clear:both;width:100%;}
.box{ width:100%; height:100%;}
.hong14 {font-size: 14px;line-height: normal;text-decoration: none;	color: #CC0000;}
a.hong14:hover{	FONT-SIZE: 14px;FONT-VARIANT: normal;color: #FF6600;text-decoration: none;}
a:hover{color: #FF6600;text-decoration: none;}
/* top */
/*.topbg{ width:100%; height:auto;  min-height:90px; background:url(images/index_01.jpg) 100% 100% no-repeat;position:relative; background-position:left}*/
.logo{display:block;width:50%; height:100%;}
.topbtn{position:absolute;right:1%;top:30%;width:77px; height:37px;}
.topbtn2{position:absolute;left:5%;top:30%;width:77px; height:37px;}

.topbg{background:url(images/index_01.jpg) no-repeat center bottom;/*background-size:100% auto;*/ width:100%; background-color:#1584A2; height:90px; }
.topbg img{ width:100%;height:100%; }

/* nav */  
.allpage{position:relative;z-index:10; background:url(images/nav.jpg) repeat-x;}
               
.nav{width:100%;background:url(images/nav_g.jpg); height:aoto; overflow:hidden;}
.nav li{ float:left; border-left:1px solid #C0E3EF; width:24%;line-height:48px; height:48px;margin:0 auto;}
.nav li a{display:block;width:100%;height:52px; text-align:center; font-size:90%;color:#257F99;}

.banner{ width:100%; height:auto; }

.pic_box{ width:100%; background:url(images/index_05.jpg) 100% 100% no-repeat; background-position:center top; padding-bottom:11px}
.pic_box h3{ background:url(images/t.jpg) 100% 100% repeat-x; height:47px; line-height:47px; padding:0 2%; color:#666; font-size:18px;}
.pic_box h3 a{ display:block; float:right; color:#666; font-weight:100;}
.pic_box h3 .e{ display:block; background:url(images/d.png) no-repeat left center; height:47px; width:25px; float:left;}

.pic_box .txt{ line-height:30px; padding:4%;}
.pic_box .txt p{font-size:12pt;}


.img_ul{ /*width:570px;*/ width:90%;  margin:0 auto; padding-top:20px;}
.img_ul li{  float:left; display:inline;  /*width:249px;  margin-left:27px;*/ width:28%; margin:0 2%;}
.img_ul li .img{ display:inherit;/*width:249px; */height:150px; width:auto; text-align:center;  /*height:100%;*/ border:1px solid #cabf81; }
.img_ul li img{ max-width:100%;vertical-align:middle; height:100%;}

.img_ul li p { /*width:100%; */text-align:center; line-height:34px; color:#333}
.img_ul li p a{ /*width:100%; */text-align:center; line-height:34px; color:#333;/* font-weight:bold*/}

.tt_ul{ /*width:605px;*/ width:98%;  margin-left:auto; margin-right:auto}
.tt_ul li{/* width:605px;*/ width:95%; margin:auto; height:30px; line-height:30px; ackground-position:522px center; background:url(images/index_09.png) left center no-repeat; padding-left:25px; }
.tt_ul li a{ display:block;  font-size:100%;}
.tt_ul li span{float:right;display:block;margin-right:10px}

.fenlei{width:90%;  margin:0 auto; padding-top:10px;}
.fenlei a{ border:1px dotted #fff; display:block; float:left; padding:2.5%; background-color:#2FB3D9; margin:1% 0 0 1.3%;}
.fenlei a:hover{background-color:#2299BC; color:#FFFFFF;}

.cp_lei{ /*width:635px;*/ width:100%;   margin-left:auto; margin-right:auto; background:url(images/index_16.png) 100% 100% no-repeat; padding-top:27px; background-position:center top; }
.cp_lei ul { /*width:534px;*/ width:80%; margin-left:auto; margin-right:auto; background:url(images/index_19.png) repeat-x; float:left; display:inline;}
.cp_lei .left{ /*width:42px;*/ width:10%; text-align:right; float:left; display:inline; background:#fff;  }
.cp_lei .right{ /*width:37px;*/ width:6%; text-align:left;  float:left; display:inline; background:#fff;}
.cp_lei ul li{ float:left; display:inline; width:24%; height:39px; text-align:center}
.cp_lei ul li a{ color:#fff; font-size:14px; line-height:39px}

.jszc{ width:100%; height:45px; text-align:center; line-height:30px; font-size:14px; background:#fff;}
.foot{ width:100%; height:88px; background:url(images/index_03.jpg) repeat-x; padding-top:10px;}
.foot li{ width:33%; text-align:center; float:left; display:inline;}
.foot li a{  color:#fff; font-size:90%x; line-height:50px;}
.foot li img{ vertical-align:middle; padding-right:1%;}



.shuzi{ text-align:center; margin:10px auto;}
.shuzi a{border: 1px solid #CDCDCD;	padding:2px 3px; margin-left:5px;color: #000; text-align:center; font-size:12px;}
.shuzi a:hover{ color:#fff; background-color:#996600;}
.shuzi .first{color:#fff; background-color:#996600;}



/*banner*/

.banner {width:100%;margin:0 auto;	padding:0;	background-color:#151515;	cursor:pointer;}
#wrapper {	margin:0;width:100%;height:auto;	float:left;
	position:relative;	/* On older OS versions "position" and "z-index" must be defined, */
	z-index:1;			/* it seems that recent webkit is less picky and works anyway. */
	overflow:hidden;}
#scroller {	height:auto;	float:left;	padding:0;}
#scroller ul {	list-style:none;	display:block;	float:left;	width:100%;	height:auto;	padding:0;	margin:0;	text-align:left;}
#scroller li {	display:block; float:left;	width:auto; height:auto;	text-align:center;	font-size:0px;	padding:0;	position:relative;}
#scroller li a{	display:block;padding:0;	margin:0;}
#scroller li p{	position:absolute;	z-index:2;	display:block;	width:100%;	bottom:0;	background-color:rgba(0, 0, 0, 0.5);	color:#F4F4F4;	font-size:14px;	text-indent: 55px;	line-height:24px;	text-align: left;    text-indent: 10px;    text-overflow: ellipsis;    white-space: nowrap;	padding:0;	margin:0;}
