html{font-family: "Microsoft YaHei", serif; font-size:14px;color:#333333;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,table,form,img,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,
footer,header,menu,nav,section{margin:0;padding:0; font-weight: 500;}
img{border:0;vertical-align:top;}
ul,li{list-style-type:none;}
a{text-decoration: none;color:#333333;}
a:hover{color:#3070cf;}
.pad10{padding:10px;}
.white{background:#fff;}
.marr20{margin-right:20px;}
.mart20{margin-top:20px;}
.fl{float:left;}
.fr{float:right;}
.al{text-align:left;}
.ac{text-align:center;}
.ar{text-align:right;}
.clear{display:block;overflow:hidden;clear:both;height:0;line-height:0;font-size:0;}
.gray{color:#999999;}
input:focus { outline: none;}
.p_r{position: relative;}
.w750{width:750px;}

.w370{width:370px;}
.srk{border:none;height:33px;line-height:33px;background:#fff;width:210px; margin-left:10px; margin-top:5px;}
.srk input{border:none; background:none;}
.mt20{margin-top:20px;}
.mt10{margin-top:10px;}
.mr20{margin-right:30px;}
.ml20{margin-left:20px;}
#bodyPage{ width:100%; min-height:100%; height:auto !important; height:100%; position:fixed; top:0; left:0;}
.bg { position:absolute; top: 0px; left: 0px; z-index:1; display:none;}
.content{position:relative;z-index:2;}

body,html { 
	margin: 0;
	padding: 0; 
	font-family:'Microsoft YaHei', 'Nobile', Arial, sans-serif ;
	font-size: 14px; background:url(/xxzx/dfiles/9931/images/0001.jpg) no-repeat left top;}

p { margin: 0; padding: 0;}
a {
  color: #000;}
a:hover { color: #3070cf;}



.js-silder{
	position: relative;	
	min-width: 320px;}
.silder-scroll{
	width: 100%;
	overflow: hidden;}
.silder-main{
	position: relative;
	width: 100%;
	overflow: hidden;}
.silder-main-img{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;}
.silder-main-img img{
	width: 100%;}
.js-silder-ctrl{
	width: 100%;
	text-align: center;}
.silder-ctrl-prev,
.silder-ctrl-next{
	position: absolute;
	top: 0;
	width: 8%;
	height: 100%;
	vertical-align: middle;
	cursor: pointer;
	color: #fff;
	font-family: "ËÎÌå";
	font-size: 52px;
	font-weight: 600;
	text-shadow: #666 2px 2px 5px;}
.silder-ctrl-prev{
	left: 0;
	text-align: left;}
.silder-ctrl-next{
	right: 0;
	text-align: right;}
.silder-ctrl-prev>span,
.silder-ctrl-next>span{
	position: absolute;
	top: 50%;
	margin-top: -40px;}
.silder-ctrl-prev>span{
	left: 0;}
.silder-ctrl-next>span{
	right: 0;}
.silder-ctrl-con{
	display: none;
	width: 4%;
	padding: 10px 0;
	margin: 0 10px;
	cursor: pointer;}
.silder-ctrl-con>span{
	display: block;
	line-height: 0;
	text-indent: -9999px;
	overflow: hidden;
	padding: 5px 0;
	cursor: pointer;
	background-color: #e4e4e4;}
.silder-ctrl-con.active>span{
	background-color: #7bbedf;}

@media (max-width: 768px){
	.silder-ctrl-prev,
	.silder-ctrl-next{
		width: 10%;
		font-size: 26px;
		margin-top: -25px;}
	.silder-ctrl-con{
		width: 14px;
		height: 14px;
		padding: 0;
		margin: 0 5px;}
	.silder-ctrl-con>span{
		display: block;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		padding: 0;}
}
#header-wrap { width: 100%; background:#0e59b1; height: 120px;  z-index: 999;border-top: 3px solid #0e3601; min-width:1200px;}
#header {width: 1200px; height: 120px; margin: 0 auto; padding: 0; position: relative; z-index: 3; background: no-repeat 700px 0;}
#main-wrap { width: 100%; min-height: 600px; z-index: 1;position: relative;}

.Search{
	width: 240px;
	height:32px;
	margin-top:35px;
	float: right;background:rgba(255,255,255,0.5); border-radius:15px;}
.fdj{
	float: right;
	height: 32px;
	 width:38px;}
.search_text{
	float: left; background:none; border:none; 
	width: 180px;
 height:32px; line-height:30px;
	outline: none;
	font-family: "Î¢ÈíÑÅºÚ";
	color: #000;
	padding-left: 12px;}
.button{
	background:url(/xxzx/dfiles/9931/images/serc.jpg) no-repeat center; float:left;
	width: 38px;
	height: 32px;
	cursor: pointer;
	outline: none; border:none;}
.lj{margin-top:35px; color:#fff; line-height:30px; margin-right:10px;}
.lj a{color:#fff !important;}
/*
===============
  H E A D E R
===============
*/

/* Main Nav */
.nav{background-color:#08458e;height: 50px; width:100%; min-width:1200px;}
.nav .m{position:relative;width: 14.2%; text-align:center;}
.nav a:hover{ text-decoration:none; color:#ff0;}
.nav h3{font-size:16px; height:50px; overflow:hidden;}
.nav h3 a{ display:block; color:#fff;line-height: 50px;font-size: 16px;}
.nav .sub{ display:none; width:150px;position:absolute; left:0px; top:50px; background:rgba(0,0,0,0.5); text-align:left;z-index: 99;padding: 10px;}
.nav .sub li{ vertical-align:middle;}
.nav .sub li a{height:35px;line-height:35px;display:block; color:#fff;font-size: 14px;padding-left: 15px;}
.nav .sub li a:hover{ color:#ff0; background:#1f7e00;}
/* Fixed Header */
#wrap{
		width: 100%;
		min-width: 1200px;
		margin: 0 auto;
		background: #fefefe;}
	.hiSlider{
		overflow: hidden;
		height: 580px;
		width: 100%;
		background: #eee;}
	.hiSlider-item{
		float: left;}
.main{width:1180px; margin:0 auto; padding:10px;}
.mid{background:#fff; padding:20px 0; width:100%; color:#fff; min-width:1200px;}
.kslj{width:100%;}
.kslj li{float:left; width:220px; margin:10px 10px;}
.kslj li .div{border-radius:50%; background:#e8f0f9; height:70px; width:70px; padding:10px; margin:0 auto;}
.kslj li .div:hover{background:#0e59b1;}
.kslj li .div em{display:block;height:70px; width:70px;}
.kslj li .div .ico1{background:url(/xxzx/dfiles/9931/images/icon1.png) no-repeat center;}
.kslj li .div .ico2{background:url(/xxzx/dfiles/9931/images/icon2.png) no-repeat center;}
.kslj li .div .ico3{background:url(/xxzx/dfiles/9931/images/icon3.png) no-repeat center;}
.kslj li .div .ico4{background:url(/xxzx/dfiles/9931/images/icon4.png) no-repeat center;}
.kslj li .div .ico5{background:url(/xxzx/dfiles/9931/images/icon5.png) no-repeat center;}
.kslj li .div .ico6{background:url(/xxzx/dfiles/9931/images/icon6.png) no-repeat center;}
.kslj li .div .ico7{background:url(/xxzx/dfiles/9931/images/icon7.png) no-repeat center;}
.kslj li .div .ico8{background:url(/xxzx/dfiles/9931/images/icon8.png) no-repeat center;}
.kslj li .div:hover .ico1{background:url(/xxzx/dfiles/9931/images/icon1-1.jpg) no-repeat center;}
.kslj li .div:hover .ico2{background:url(/xxzx/dfiles/9931/images/icon2-1.jpg) no-repeat center;}
.kslj li .div:hover .ico3{background:url(/xxzx/dfiles/9931/images/icon3-1.jpg) no-repeat center;}
.kslj li .div:hover .ico4{background:url(/xxzx/dfiles/9931/images/icon4-1.jpg) no-repeat center;}
.kslj li .div:hover .ico5{background:url(/xxzx/dfiles/9931/images/icon5-1.jpg) no-repeat center;}
.kslj li .div:hover .ico6{background:url(/xxzx/dfiles/9931/images/icon6-1.jpg) no-repeat center;}
.kslj li .div:hover .ico7{background:url(/xxzx/dfiles/9931/images/icon7-1.jpg) no-repeat center;}
.kslj li .div:hover .ico8{background:url(/xxzx/dfiles/9931/images/icon8-1.jpg) no-repeat center;}
.kslj li p{line-height:30px; text-align:center;}
#fixed-header .main-menu li { width: auto; margin: 0px 25px 0px 0px;}

.tyt{width:100%; border-top:3px solid #0e59b1;}
.tyt h2{float:left; margin:0 10px; background:url(/xxzx/dfiles/9931/images/icon0.png) no-repeat; width:143px; height:42px; color:#fff; font-size:24px; line-height:40px; text-align:center;}
.tyt a{float:right; margin:20px 20px 0 0;}
.tyt2{border-bottom:2px solid #ccc; padding:0 10px; height:42px;}
.tyt2 h2{float:left; margin:0 10px; color:#454545; font-size:19px; line-height:40px; text-align:center; font-weight:bold;}
.tyt2 h2 img{vertical-align:middle; margin-right:10px;}
.tymore {color:#0d4522; font-size:14px; height:35px; line-height:35px; text-align:center; margin-top:10px; float:right;}
.tymore a{color:#0d4522;}
.list{width:95%; margin:0 auto;}
.list li{text-align:right; width:100%; background:url(/xxzx/dfiles/9931/images/icon10.jpg) no-repeat left; line-height:40px;}
.list li a{float: left; color:#000; font-size:16px; text-indent:10px;}
.list2{width:95%; margin:0 auto;}
.list2 li{text-align:right; width:100%; background:url(/xxzx/dfiles/9931/images/icon18.jpg) no-repeat left; border-bottom:1px dashed #cfcfcf; text-indent:10px; line-height:40px; height:40px;}
.list2 li a{float: left; color:#000; text-indent:15px; font-size:16px;}

.tpxw{width:100%; border-bottom:1px solid #d0d0d0; margin-bottom:13px; padding-bottom:10px;} 
.tpxw img{float:left; width:200px;}
.tpxw .bt{float:left; margin-left:10px; width:60%;}
.tpxw h2{line-height:25px; font-size:16px; font-weight:normal; padding-bottom:10px;}
.tpxw p{margin-top:17px;}
.tpxw a{color:#fff !important;}
.tpxw p img{vertical-align:middle; margin-right:5px; width:25px;}

.ztlist li a{ color:#1054ba;}
.ztlist li a:hover{background:#157dc4; display:block; color:#fff;}
.pic_list{width: 100%; margin-top:10px;}
.pic_list li{float: left; width: 200px; margin: 0 18px; position: relative;}
.pic_list li img{width: 200px; height: 210px;}
.pic_list li p{ height: 40px; width: 100%; background:#f3f3f3; line-height: 40px; color: #0e3601; text-align: center;}


.boot{width:100%; height:150px; background:#0e59b1; color:#fff; line-height:30px;min-width:1200px;}
.boota{background: no-repeat 300px 0; width:1200px; margin:0 auto; padding: 20px 0 ;}




.breadcrumb {border-bottom:1px solid #ccc; line-height:35px; color:#000;}
.breadcrumb>.active {color:#08458e;}

.nban{width:100%; position:relative; overflow:hidden; height:350px;}
.nban img{width:100%;}
.container_left{width:230px;}
.container_left_title{background:#08458e;height:65px; text-align: center;line-height:60px;font-size:22px;color:#FFFFFF; filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;}
.container_left_title h2{font-size:30px;  text-align:center; line-height:65px;}
.container_left_title p{text-align:right; line-height:20px; color:#cfdfcb; padding-top:10px; text-transform: uppercase;}
.sidemenu{margin:0; background:#f3f3f3;}
.sidemenu li{height:50px;line-height:50px;font-size:16px; text-align: left; border-bottom: 1px solid #c6c6c6;}
.sidemenu li a{display: block; padding-left:20px;}
.sidemenu li a:hover{color:#fff; background:#08458e; display:block;}
.sidemenu li.last{border-bottom:none;}


.container_right{width:910px;min-height:500px;}
.container_right_title{width:100%;border-bottom:solid 1px #3070cf;line-height:40px;font-size:18px;color:#3070cf;}
.title3{border-bottom:solid 1px #0d3803;height:80px;}
.title3 h3{font-size:18px;color:#0d3803; text-align: center;line-height:40px;font-weight: 500;}
.title3 p{line-height:50px;color:#666666;}
.list_content {
	 color: #333333;}

.list_content p {
	color: #333333;
	line-height: 30px;}

.nlist{width:95%; margin:0 auto;}
.nlist li{text-align:right;  background:url(/xxzx/dfiles/9931/images/icon10.jpg) no-repeat left; line-height:40px; padding:0 10px;}
.nlist li a{float: left; color:#000; font-size:16px; text-indent:10px;width:83%;text-align:left ;}
.nlist li:hover{background:#0e59b1; color:#fff;}
.nlist li:hover a{color:#fff;}

/*½¹µãÍ¼*/
.yx-rotaion{}
.yx-rotaion-btn,.yx-rotaion-title,.yx-rotation-focus,.yx-rotation-t,.yx-rotaion-btn{position:absolute;}
.yx-rotation-title{position:absolute;width:100%;height:40px;line-height:40px;left:0;bottom:0px;_bottom:-1px;z-index:1;}
.yx-rotation-t{color:#fff;font-size:12px;font-family:microsoft yahei;z-index:2;bottom:0;left:10px;line-height:40px;}
.yx-rotation-t a{color:#fff !important;}
.yx-rotation-focus span,.yx-rotaion-btn span{background:url(/xxzx/dfiles/9931/images/ico.jpg) no-repeat;display:block;}
.yx-rotation-focus{height:40px;line-height:40px;right:20px;bottom:0;z-index:2;}
.yx-rotation-focus span{width:12px;height:12px;line-height:12px;float:left;margin-left:5px;position:relative;top:14px;cursor:pointer;background-position:-24px -126px;text-indent:-9999px;}
.yx-rotaion-btn{width:100%;height:41px;top:50%;margin-top:-20px;}
.yx-rotaion a:hover{color:#FFF;}
.yx-rotaion-btn span{width:41px;height:41px;cursor:pointer;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity:0.8;opacity:0.8;position:relative;}
.yx-rotaion-btn .left_btn{background-position:-2px -2px;float:left;left:10px;}
.yx-rotaion-btn .right_btn{background-position:-2px -49px;float:right;right:10px;}
.yx-rotaion-btn span.hover{filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity:1.0;opacity:0.8;}
.yx-rotation-focus span.hover{background-position:-10px -126px;}
.rotaion_list{width:0;height:0;overflow:hidden;}
.rotaion_list .rotaion_img{width:585px;height:355px;}



/*Í¼Æ¬ÇÐ»»*/
#CSSBox{float:left;width:680px;height:140px; border:1px solid #630; margin:0 auto;overflow:hidden;background-color:#ffffff;}
#CSSBox ul li{ float:left; list-style:none; border:0px solid red; margin:10px 10px;}
#CSSBox ul li span{ display:block; text-align:center; font-size:12px; padding-top:12px;}
#LeftButton{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url(/xxzx/dfiles/9931/css/images/left.jpg) center center no-repeat;}
#RightButton{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url(/xxzx/dfiles/9931/css/images/right.jpg) center center no-repeat;}
#wrapper{width:585px; margin:0 auto;}
#ProductShow{width:305px;height:245px;text-align:center;border:1px solid #c0c0c0;margin:5px;}

#CSSBox2{float:left;width:680px;height:140px; border:1px solid #630; margin:0 auto;overflow:hidden;background-color:#ffffff; margin-top:15px;}
#CSSBox2 ul li{ float:left; list-style:none; border:0px solid red; margin:10px 10px;}
#CSSBox2 ul li span{ display:block; text-align:center; font-size:12px; padding-top:12px;}
#LeftButton2{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url(/xxzx/dfiles/9931/css/images/left.jpg) center center no-repeat;}
#RightButton2{cursor:hand;margin:5px;height:140px;width:20px;float:left;background:url(/xxzx/dfiles/9931/css/images/right.jpg) center center no-repeat;}
#wrapper2{width:585px; margin:0 auto;}
#ProductShow2{width:305px;height:245px;text-align:center;border:1px solid #c0c0c0;margin:5px;}