﻿#body   .tab{ background: url("../images/HituxMobileImages2/m_box_bg2.gif") no-repeat -200px top;}
#body   .tab-hd { 	 
 overflow:hidden; zoom:1;}
#body   .tab-hd li{ float:left; width:100px; color:#333; text-align:center; cursor:pointer;height:40px;line-height:40px;	
}
#body   .tab-hd li a{
	font-size:16px;
	color:#333;}
#body   .tab-hd li.active{	 
font-weight:normal;
padding:0px;
margin:0px;
padding-left:20px;
width:100px;
font-size:14px;
text-align:left;
color:#FFF;
background: url("../images/HituxMobileImages2/m_box_bg2.gif") no-repeat -25px top;}
#body   .tab-hd li.active a{
	color:#FFF;
	padding:0px;
	margin:0px;
	padding-left:0;
	line-height:28px;
}
#body   .tab-bd li{display:none; padding:0px; border-top:0 none; }	

#body  .DivList{
	font-size:12px;
	padding:0px;}


#body  .DivList .DivLi{
	padding:0px 10px 0px 0px;
	}
#body  .DivList .DivLi a{
	line-height:25px;
	padding:0px;
	height:25px;
	overflow:hidden;}	
#body  .DivList .DivLi span{
	color:#296cd4;
	padding-right:20px;
	font-size:11px;
	width:80px;
	}
#body .HituxShow  .DivList{
	font-size:12px;
	padding:10px;
	}
#body .HituxShow  .DivList .DivLeft{
	width:190px;
	float:left;
	padding:10px 10px 0px 10px;
	}
#body .HituxShow  .DivList .DivLeft p{
	line-height:20px;
	background:#F00;
	color:#FFF;
	text-align:center;
	}
#body .HituxShow  .DivList .DivLeft a{
	color:#FFF;
	font-weight:bold;}		
#body .HituxShow  .DivList .DivRight{
	width:250px;
	float:right;
	}
#body .HituxShow .DivList .DivLi{
	width:128px;
	height:40px;
	overflow:hidden;
	float:left;
	padding-left:10px;}
#body .HituxShow .DivList .DivLi a{
	width:128px;
	text-align:center;
	height:30px;
	line-height:30px;
	background: url("../images/HituxMobileImages2/m_Pro_bg1.gif") repeat-x 0px top;
	display:block;
	overflow:hidden;}
#body .HituxShow .DivList .DivLi a:hover{
	background: url("../images/HituxMobileImages2/m_Pro_bg2.gif") repeat-x 0px top;
	color:#FFF;
	text-decoration:none;}

	
#body .topic{
	height:28px;
	background: url("../images/HituxMobileImages2/m_box_bg2.gif") repeat-x -25px top;
	}
#body   .topic .TopicTitle{
	float:left;
	padding-left:20px;
	font-size:14px;
	color:#FFF;
	height:28px;
	font-weight:normal;
	line-height:28px;}
#body   .topic .TopicTitle p{
	font-size:9px;
	text-transform:uppercase;
	font-weight:normal;
	color:#999;
	line-height:150%;}
#body .right2 .topic,#body .left .topic{
	height:45px;
}

#body  .TopicTitle a{
	color:#FFF;
	text-decoration:none;}	
#body   .topic .TopicMore{
	float:right;
	font-size:12px;
	padding-right:10px;
	padding-top:9px;}
#body   .topic .TopicMore img{
	}				
	
#body  .MBlockTable td{
	background:url("../images/HituxMobileImages2/box_bg7.jpg") repeat-x 0px 0px;
	line-height:30px;
	height:30px;
	font-size:12px;
	border-bottom:1px solid #DEDEDC;
	padding-left:10px;
}	
#body  .MBlockTable span{
	color:#9a9a9a;
	font-size:11px;}
		
	
#body .Block2 .right{
	height:210px;
	}
#body .Block2 .right2{
	height:210px;
	width:787px;
	}	
#body .MainBlock .left .img{
	padding:0px 10px 10px 10px;
	width:210px;
	float:left;}
#body .MainBlock .right h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .left .txt{
	float:right;
	width:260px;
	padding:0px 10px 10px 0px;
	color:#6c6c6c;}
#body .MainBlock .left .txt p{
	line-height:200%;}
#body .MainBlock .right2 .img{
	padding:0px 10px 0px 10px;
	width:233px;}
#body .MainBlock .right2 h1{
	font-size:14px;
	text-align:center;}

#body .MainBlock .right2 .txt{
	float:left;
	padding:9px 10px 14px 10px;
	color:#6c6c6c;}

#body .MainBlock3{
	width:640px;
	margin:auto;}
#body .MainBlock3 .right{
	
	border:none;}
#body .MainBlock3 .left{
	width:640px;
	border:none;}
#body .MainBlock3 .right2{
 }


#body .HituxShow .blk_29 {
	width:638px;
	height:242px;
	OVERFLOW: hidden;
	ZOOM: 1; 
	POSITION: relative;}
	
#body .HituxShow .blk_29 .LeftBotton {	BACKGROUND: url(../images/HituxCMSSimple/pro_arrow_left.gif) no-repeat 0px 0px; LEFT: 10px; FLOAT: left; WIDTH: 40px; CURSOR: pointer; POSITION: absolute; TOP: 90px; HEIGHT: 114px}
#body .HituxShow .blk_29 .RightBotton {	RIGHT: 0px; BACKGROUND: url(../images/HituxCMSSimple/pro_arrow_right.gif) no-repeat 0px 0px; FLOAT: right;right:-10px; WIDTH: 40px; CURSOR: pointer; POSITION: absolute; TOP: 90px; HEIGHT: 114px}
#body .HituxShow .blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden;  PADDING:30px 0 0 0px;float:left;height:190px;width:988px;POSITION: relative;left:45px;}
#body .HituxShow .blk_29 .box {	FLOAT: left; WIDTH: 247px; TEXT-ALIGN: center;margin:0px;padding:0px;}
#body .HituxShow .blk_29 .box IMG {	BORDER: #ccc 1px solid; PADDING: 3px; DISPLAY: block; BACKGROUND: #fff; PADDING-BOTTOM: 3px; MARGIN: 0px auto; width:155px;height:155px;}
#body .HituxShow .blk_29 .box A:hover IMG {	BORDER: #296cd4 1px solid;}
#body .HituxShow .blk_29 .box P {	  LINE-HEIGHT: 20px;text-align:center;font-size:12px;color:#296cd4;margin:0px;padding:0px;}




#body .HituxShow {
	BORDER:#dddddd 0px solid;
	max-width:640px;
	font-size:12px;
	margin:auto;
	background: #FFFFFF;
}
#body .HituxShow .albumblock{
	}


.hjc {
	
}
.hjnav {
	BACKGROUND-COLOR: #fff; HEIGHT: 318px;
	overflow:hidden;
	}
.hjnavC{
	width:638px;
	height:318px;
 	background-color:#F5f5f5;
	overflow:hidden;}	
.hjnavleft {
	WIDTH: 638px;   HEIGHT: 42px;
	z-index:100;
 	background-color:#FFF;
	 overflow:hidden;
	border-right:1px solid #e7e7e7;}
.hjnavcn {
	WIDTH: 638px; FLOAT: left; HEIGHT: 310px; OVERFLOW: hidden;
}

.hjnavleft UL {
}
.hjnavleft UL LI {
	LINE-HEIGHT: 42px; 
	PADDING:0 30px; 
	HEIGHT: 42px;
 	border-bottom:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
	float:left;}

.hjnavleft UL LI a:hover{
	text-decoration:none;
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover0 {
 	border-left:none;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;
}
.hjnavleft UL LI.hover0  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover1 {
  	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover1  a{
	color:#296cd4;
 	font-weight:bold;}
.hjnavleft UL LI.hover2 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover2  a{
 	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover3 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover3  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover4 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover4  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover5 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover5  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover6 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover6  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover7 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover7  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover8 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover8  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover9 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover9  a{
	color:#296cd4;
	font-weight:bold;}
.hjnavleft UL LI.hover10 {
 	border-left:1px solid #F5f5f5;
	border-bottom:1px solid #F5f5f5;
	background-color:#F5f5f5;	
}
.hjnavleft UL LI.hover10  a{
	color:#296cd4;
	font-weight:bold;}

.f {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.dcn {
	PADDING-BOTTOM: 10px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.shengming {
	PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 10px
}
.cfr H5 IMG {
	DISPLAY: block
}
.cfr UL LI.tenlion IMG {
	DISPLAY: block
}
.jdcenter IMG {
	DISPLAY: block
}
.cfr UL LI IMG {
	DISPLAY: none
}
.cfr UL LI.tenlion P {
	DISPLAY: none
}
.hjone {
	PADDING-BOTTOM: 10px; LINE-HEIGHT: 22px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 158px; PADDING-TOP: 10px
}
.hjone P {
 }





#body #Links {
	background-color:#FFFFFF;
	padding:20px 15px;
	line-height:25px;
	max-width:608px;
	margin:auto;
	font-size:12px;
	border:1px solid #e5e5e5;}
#body #Links span{
	font-weight:normal;
	color:#296cd4;
	font-size:16px;}

#body #Links a{
	padding:0px 7px;}
	

body{font-family:"Microsoft YaHei",Verdana, Geneva, sans-serif;font-size:14px; background:#707070;}
li{list-style:none;}a{text-decoration:none;}a:link{color:#000;text-decoration:none;}a:visited{color:#000;}a:hover{color:#000;}
div{ margin:0 auto;}
.content{ max-width:640px; height:auto; overflow:hidden; margin:0 auto; background:#fff;}
.swipe_index {overflow:hidden;visibility:hidden;position:relative;width:100%;}
.swipe-wrap {overflow:hidden;position:relative;z-index:10;height:100%;min-height:100%}
.swipe-wrap img{width:100%;}
.swipe-wrap > div{float:left;width:100%;position:relative;overflow:hidden;height:auto;}
.slide-triggers{ position:absolute; bottom:12px; right:5%; z-index:100;}
.slide-triggers li{float:left;margin:0 5px;height:10px;width:10px;background:#fff;-webkit-border-radius:5px;border-radius:5px;font-size:12px; text-align:center;color:#fff; cursor:pointer;}
.slide-triggers li.current{background:#3598dc;}
.text-bg{position:absolute;left:0px;bottom:0;width:100%;height:39px; background:#000;opacity:0.8; z-index:10;}
.text{display:block;width:60%;height:39px;line-height:39px;position:absolute;left:0;bottom:0;font-size:14px;z-index:11;overflow:hidden;}
a.text{color:#fff; padding-left:1em;}	


.banner {
	width:100%;
	margin:0 auto;
	padding:0;
	background-color:#151515;
}
#wrappers {
	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.2);
	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;
}
#nav {
	float: right;
	margin-top: -20px;
	padding: 0;
	position: relative;
	width: auto;
	z-index: 3;
}
#prev, #next {
	float:left;
	font-weight:bold;
	font-size:14px;
	padding:5px 0;
	width:80px;
	display: none;
}
#next {
	float:right;
	text-align:right;
}
#indicator > li {
	display:block;
	float:left;
	list-style:none;
	padding:0;
	margin:0;
}
#indicator {
	display: block;
	margin: 0 8px;
	padding: 0;
	width: auto;
}
#indicator > li {
	text-indent:-9999em;
	width:8px;
	height:8px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
	background:#888;
	overflow:hidden;
	margin-right:4px;
}
#indicator > li.active {
	background:#DDDDDD;
}
#indicator > li:last-child {
	margin:0;
}

.zjbjs { background:#eeeeee;}

body .mainmenu:after { clear: both; content: " "; display: block;}

body .mainmenu li{ float:left;margin-left: 2.5%;
margin-top: 1%;
width: 30%;  border-radius:3px; overflow:hidden;}

body .mainmenu li a{ display:block;  color:#FFF;   text-align:center }
body .mainmenu li a b{ display:block; height:80px;}
body .mainmenu li a img{ margin: 15px auto 15px;
width: 50px;
height: 50px;}
body .mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #999; font-size:14px; }

body .mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
body .mainmenu li:nth-child(8n+2) {background-color:#678ce1}
body .mainmenu li:nth-child(8n+3) {background-color:#8c67df}
body .mainmenu li:nth-child(8n+4) {background-color:#84d018}
body .mainmenu li:nth-child(8n+5) {background-color:#14c760}
body .mainmenu li:nth-child(8n+6) {background-color:#f3b613}
body .mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
body .mainmenu li:nth-child(8n+8) {background-color:#fc5366}