@charset "utf-8";
body{
		padding: 0;
		margin: 0;
		font: normal 14px/30px "微软雅黑";
		color: #666666; 
		overflow-x:hidden
}
img{ border: 0; }
form{
		padding: 0;
		margin: 0;
}
ul,li,dl,p,h1,h2,h3,h4,h5,h6,em{padding:0; margin:0; list-style:none; font-style:normal}
a { text-decoration: none; color: #666666; }
a:hover { color: #F60; }
.clear{clear:both}
hr { height:1px; border:none;}
#section1{ height:100%;width:100%;overflow:hidden}

#section2{background: url(/images/bg1.jpg) no-repeat left top; background-size:cover; height:100%;width:100%;overflow:hidden}

#section3{background: url(/images/bg2.jpg) no-repeat left top;background-size:cover; height:100%;width:100%;overflow:hidden}

#section4{background: url(/images/bg3.jpg) no-repeat left top; background-size:cover; height:100%;width:100%;overflow:hidden}

#section5{ height:100%;width:100%;overflow:hidden;background: url(/images/bg6.jpg) no-repeat left top; background-size:cover;}

#section6{background: url(/images/bg5.jpg) no-repeat left top;  height:100%;width:100%;overflow:hidden;background-size:cover;}

#section7{ height:100%;width:100%;overflow:hidden}


.disNone{

	display:none;
}

.out{position:relative}

.out .news{ cursor:pointer;  }

.dis{
		position:absolute;		
		top:0;	
		
		box-shadow:1px 0px 5px #999;
}
#left_0{
		left:0;
		width:310px;
		 
}
#left_1{
		left:0;
		width:795px;
		
}

.left{	
		left:0;
		position:absolute;
		
		
		
		box-shadow:1px 0px 5px #999;}

#left_2{

	 
	width:500px;
	
}

#left_3{
	
	
	width:300px;

}

#left_4{
	 
	width:795px;

}

.dis .search {
		background: #DFDFDF;
		height: 60px;
		width: 100%;
}
.dis .search #form1 #workkey {
		height: 32px;
		width: 75%;
		background: #FFF;
		border: 1px solid #C7C7C7;
		float: left;
		font-size: 14px;
		line-height: 32px;
		text-indent: 10px;
}
.dis .search #form1 #imageField { float: left; }
.dis .search #form1 {
		height: 40px;
		width: 100%;
		padding-top: 10px;
		padding-left: 6%;
}
.dis .news { width: 100%;  }
 

.right {		
		 
		overflow:hidden;

}
.right .rightbox {
		width: 42%;
		margin: 0 auto;
		margin-top:25%;
}
.right .rightbox .rightbot ul { margin-top:10px;}
.right .rightbox .rightbot ul li {
		float: left;
		width: 24.8%;
}
.right .rightbox .rightbot ul li a {
		width: 90%;
		margin: 0 auto;
		background: #5FB222;
		border-radius: 50%;
		-moz-border-radius: 50%;
		display: block;
}
.right .rightbox .rightbot ul li a:hover {
		background: #FF9900;
}

.right .rightbox2 {
		width: 65%;
		margin: 0 auto;
		margin-top:25%;
}
.right .rightbox2 .righttop2 { text-align: center; }
.right .rightbox2 .rightbot2 ul { margin-top:10px; }
.right .rightbox2 .rightbot2 ul li {	float: left; }
.right .rightbox2 .rightbot2 ul li a {
		background: #5fb222;
		display: block;
		padding: 0px 35px;
		height: 50px;
		color: #FFF;
		font: 15px/50px "微软雅黑";
		margin-right: 5px;
		margin-bottom: 5px;
		filter: Alpha(Opacity=80); -moz-opacity:0.6; /*opacity: 0.6;*/
}
.right .rightbox2 .rightbot2 ul li a:hover {
		background: #5fb222;
		filter: Alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9;
}

.right .rightbox2 .righttop2 { text-align: left; }

.left.news5 ul { width:90%; height:718px; overflow:hidden; margin:0 auto;}
.left .news5 ul li a {
		font: 15px/40px "微软雅黑";
		display: block;
		border-bottom: 1px dotted #CCC;overflow:hidden; height:40px;
}




.right .rightbox2 .rightbot5 ul { margin-top:10px; margin-lef:100px}
.right .rightbox2 .rightbot5 ul li { float: left; }
.right .rightbox2 .rightbot5 ul li a {
		background: #5fb222 no-repeat right top;
		display: block;
		padding: 0px 38px;
		height: 48px;
		color: #FFF;
		font: 15px/48px "微软雅黑";
		filter: Alpha(Opacity=60);
		-moz-opacity: 0.6;
		/*opacity: 0.6;*/
		margin:5px
}
.right .rightbox2 .rightbot5 ul li a:hover {
		background: #5fb222;
		filter: Alpha(Opacity=90); -moz-opacity:0.9; opacity: 0.9;
}
.right .rightbox2 .rightbot5 ul li .nobg { background: #000000;}



.right .rightbox2 .rightbot6 ul { margin-top:10px; margin-left:120px}
.right .rightbox2 .rightbot6 ul li {
		float: left;
		width: 20%;
		
}
.right .rightbox2 .rightbot6 ul li a {
		width: 90%;
		margin: 0 auto;
		background: #AF3F31;
		display: block;
}
.right .rightbox2 .rightbot6 ul li a:hover {
		background: #FF9900;
}

#bigclassname {
		width: 100%;
		-moz-box-shadow: 0px 3px 5px #999;
		box-shadow: 0px 3px 5px #999;
		background:#33abdc;		
position: fixed;top:0;
		z-index: 999;
}
#bigclassname #topPic img{vertical-align: middle;}
#smallclassname{width: 100%;
height: 38px;
background:   #f1f1f1;

}

.full{width:100%;position:fixed;top:107px;left:0;background:#fff;z-index:9999;overflow:hidden}

 

#close{position:absolute;z-index:99999999;top:5px;right:10px;width:36px;display:block}

#content{ width:980px;margin:0 auto;}

.big_left { float:left; width:23%;}
.big_right { float:right; width:77%;}


.topBtn{position:fixed;bottom:10px;z-index:999;width:36px;left:0px;right:0px;margin-left:auto;margin-right:auto;}
.big_right { width:77%; float:right; }
.big_right li { float:left; width:9%;}
.big_right li a { display: block; text-align:center; font: 14px/69px "微软雅黑"; color:#FFF; }
/*.big_right li a:hover {background:#fff;color:#333;text-decoration: none;}
*/


.big_right li:hover{ background:#59a0cc;}
.big_right li a { color:#fff;}
.pub_dic ,.pub_dib{ font:14px/24px "微软雅黑"; width:100px;display:none;z-index:9999;   position: absolute;zoom:1;}
.pub_dis{padding:10px 0 0 4px;background:#fff;position: relative;right:22px;top:0; border: solid 1px #cbcbcb;border-top:none;}
.big_right li:hover .pub_dib,.big_right li:hover .pub_dic { display:block;}
.pub_disl { width:150px; float:left;}
.pub_disl li { font:14px/27px "微软雅黑"; float:none; height:27px; padding:0; width:99px; text-align:center; margin:10px 0 0 0 ; }
.pub_dislzljs li{font:14px/27px "微软雅黑"; float:none; height:27px; padding:0; width:140px; text-align:center; margin:10px 0 0 0 ; }

.pub_disl li a { color:#555; font:14px/27px "微软雅黑";}

.pub_dic p {padding-top:11px;}

.big_right li .pub_dic a {color:#555; padding-right:25px;display:inline-block;}
.big_right li .pub_dic strong a { padding:0;} 
.pub_dic p a:hover { color:#ff6000;}
.pub_disl li:hover a { color:#fff; }
.pub_disl li:hover { background:#5aa0cc;}
.pub_size { width:424px; height:284px;}
.pub_size2 {width:424px; height:300px;}
.pub_size3 {width:424px; height:310px;}
.pub_disr { width:242px; float:left; padding-top:17px;}
.pub_disr dt { width:241px;/* height:160px;*/}
.pub_disr dt img{width:100%;}
.pub_disr dd { font:14px/24px "微软雅黑"; color:#666;}
.pub_disr dd h3 { font-size:14px; line-height:34px;}
.pub_wz { right:177px;}
.pub_wz2 { right:297px;}
.pub_wz3 {position: relative; right:322px; display:block;background:#fff; z-index:5; border:1px solid #cbcbcb; border-top:none; width:942px; padding:11px 28px 45px 28px; }
 
/*�����˵�*/
#xiala0 { padding-left:2%;}
#xiala1 { padding-left:30%;}
#xiala2 { padding-left:45%;}
#xiala3 { margin-left:45%;}
#xiala4 { margin-left:45%;}
#xiala5 { margin-left:60%;}
#xiala6 { margin-left:40%;}
#xiala7 { margin-left:60%;}
#xiala8 { margin-left:40%;}

#smallclassname .small_right ul li { float:left;}
#smallclassname .small_right ul li a { padding:0 20px; display: block; text-align:center; color: #333; text-decoration: none; font: normal 14px/38px "微软雅黑"; }
#smallclassname .small_right ul li p{font: normal 14px/38px "微软雅黑";}
#smallclassname .small_right ul a:hover {text-decoration: none; background:  #9ec647; color: #FFF; }

.footzi { font-family: 微软雅黑; font-size: 12px; line-height: 24px; color: #b4b4b4;}

.zi { font-family: 微软雅黑; font-size: 14px; line-height: 24px; color: #7f7f7f;}

 

#section2 .text {
    background: url("/images/zi1.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 179px;
    top: 80px;
	left:700px;
    width: 510px;
 
}

#section3 .text {
    background: url("/images/zi2.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 179px;
    top: 60px;
	left:530px;
    width: 570px;
}

#section4 .text {
    background: url("/images/zi3.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 179px;
    top: 80px;
	left:575px;
    width: 570px;
}

#section5 .text {
    background: url("/images/zi4.png") no-repeat scroll center center rgba(0, 0, 0, 0);
     height: 179px;
    top: 60px;
	left:600px;
    width: 634px;
}

#section6 .text {
    background: url("/images/zi5.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 179px;
    top: 60px;
	left:600px;
    width: 522px;
}

	/* *** *** *** *** Scroll *** *** *** *** */

	.jspContainer
	{
		overflow: hidden;
		position: relative;
	}

	.jspPane
	{
		position: absolute;
	}

	.jspVerticalBar
	{
		position: absolute;
		top: 0;
		right: 0;
		width: 6px;
		height: 100%;
	}

	.jspHorizontalBar
	{
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 16px;
	}

	.jspVerticalBar *,
	.jspHorizontalBar *
	{
		margin: 0;
		padding: 0;
	}

	.jspCap
	{
		display: none;
	}

	.jspHorizontalBar .jspCap
	{
		float: left;
	}

	.jspTrack
	{
		//background: #5b5b5b;
		
		/**#e3**/
		position: relative;
		width: 2px;
	}

	.jspDrag
	{
		background: #5b5b5b; /**Mouss ddd**/
		cursor: pointer;
		left: 3px;
		position: relative;
		width: 7px;
	}

	.jspHorizontalBar .jspTrack,
	.jspHorizontalBar .jspDrag
	{
		float: left;
		height: 100%;
	}

	.jspArrow
	{
		background: #6CD079;
		text-indent: -20000px;
		display: block;
		cursor: pointer;
	}

	.jspArrowDown
	{
		background: url(../../images/front/downarrow.png) no-repeat;
		border:1px solid #D6F49F;
		border-top:0;
	}

	.jspArrowUp
	{
		background: url(../../images/front/uparrow.png) no-repeat;
		border:1px solid #D6F49F;
		border-bottom:0;
	}

	.jspArrow.jspDisabled
	{
		cursor: default;
		background: #F78526;
	}

	.jspVerticalBar .jspArrow
	{
		height: 16px;
	}

	.jspHorizontalBar .jspArrow
	{
		width: 16px;
		float: left;
		height: 100%;
	}

	.jspVerticalBar .jspArrow:focus
	{
		outline: none;
	}

	.jspCorner
	{
		background: #eeeef4;
		float: left;
		height: 100%;
	}

	/* Hack for IE6 3 pixel bug :( */
	* html .jspCorner
	{
		margin: 0 -3px 0 0;
	}
	
.lefts{ float:left; width:210px;}
.lefts img{ float:left; margin-left:5%;}
.lefts .wrap{background:#377bee; float:left; margin-top:5%; width:210px;}
.lefts .wrap ul li{ float:left; }	
.lefts .wrap ul li a{ color:#FFFFFF;}
#nav{ background:#377bee;}
#nav li { float: left; display: block; background: none; position: relative; z-index: 999; margin: 0 1px; }
#nav li a { display: block; padding: 0; font-weight: 700; line-height: 50px; text-decoration: none; color: #fff; zoom: 1; border-left: 1px solid transparent; border-right: 1px solid transparent; padding: 0px 12px; }
#nav li a:hover, #nav li a.hov { background-color: #377bee; color: #fff; }
#nav ul { position: absolute; left: 1px; display: none; margin: 0; padding: 0; list-style: none; -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.2); -o-box-shadow: 0 1px 3px rgba(0,0,0,0.2); box-shadow: 0 1px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.2); padding-bottom: 3px; background:#377bee;}
#nav ul li { width: 180px; float: left; border-top: 1px solid #fff; text-align: left; }
#nav ul li:hover { border-left: 0px solid transparent; border-right: 0px solid transparent; }
#nav ul a { display: block; height: 20px; line-height: 20px; padding: 8px 5px; color: #fff; border-bottom: 1px solid transparent; text-transform: uppercase; color: #fff; font-weight: normal; }
#nav ul a:hover { text-decoration: none; border-right-color: transparent; border-left-color: transparent; background: transparent; color: #fff; }
.rights{ float:right; width:100px; }
.wxts{ background:#ADD8E6;display: block;width: 290px;padding: 10px; margin-bottom:20px;}
.wxts p{ color:#FFFFFF; text-indent:2em; line-height:20px;}