@charset 'utf-8';

body,h1,h2,h3,p,ul,ol,form,fieldset,figure {
	margin: 0;
	padding: 0;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, "Microsoft Yahei UI", "Microsoft YaHei", SimHei, "\5B8B\4F53", simsun, sans-serif;
}

ul,ol {
	list-style: outside none none;
}
a {
	text-decoration: none;
	color:#999;
}
.none {
	display: none;
}
.clearfix:after{  
     content:".";  
     height:0;  
     visibility:hidden;  
     display:block;  
     clear:both;  
}
.sm-visible {
	display: none;
}
#header {
	width: 100%;
	height: 70px;
	box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
}
#header .top{ width:1132px; margin:0 auto;	padding-left:48px; padding-top:8px;}
#header .top p{  margin-bottom:15px; font-size:12px;}
#header .top p a{ color:#445258; width:54px; height:18px; padding:2px 10px; border-radius:10px; text-align:center;  border:1px solid #5f6a6f;  }
#header .top p a:hover{ background:#445258; color:#fff;}
#header .font-wz{ position:relative; left:160px; color:#535f64; display:inline-block; float:left; line-height:50px;}

#container{ width:100%; background:url(../images/containerbj.jpg) repeat-x #e5f3fa; display:block; overflow:hidden;}

#container1{ width:100%; background:url(../images/tu_20.jpg) repeat-x #e5f3fa; display:block; overflow:hidden;}

#container .content{ width:1182px; margin:0 auto; min-height:650px;}
#container .contentimg{ padding-left:248px; padding-top:120px; width:309px; height:448px; float:left;}
#container .contentimgright{  width:600px; float:left;padding-top:250px;}
#container .contentimgright span{ color:#59676e; font-size:16px;   margin-left:50px; letter-spacing:5px; font-weight:bold;}
#container .contentimgright p{ margin:70px  0 0 100px;}
#nav{ margin:0 0 0 0; width:600px;}
#nav ul li{ float:left; }
#nav ul li a { color:#77858b; height:20px; line-height:20px; margin-top:50px; text-align:center;  border-radius:10px; width:70px; font-size:12px; margin-right:7px; border:1px solid #606e75; display:block;}
#nav ul li a:hover,.avoutznav ul li a:hover{background:#445258; color:#fff;}
#nav ul li a.current,.avoutznav ul li a.current{background:#445258; color:#fff;}
/*媒体查询，参考部分Bootstrap框架*/

.aboutnav{ width:100%; background:url(../images/tu_3.jpg) bottom repeat-x; height:54px;}
.avoutznav{ width:600px; margin:0 auto; height:54px;}
.avoutznav ul{ padding-top:15px;}
.avoutznav ul li{ float:left; }
.avoutznav ul li a{color:#77858b; height:20px; line-height:20px;  text-align:center;  border-radius:10px; width:70px; font-size:12px; margin-right:7px; border:1px solid #606e75; display:block; }
.grop{ text-align:center; width:1080px; padding-bottom:100px;}
.grop .contitle span{ margin-top:130px; display:block; font-size:16px; color:#59676e;}
.grop .contitle p{ margin:80px auto 0 auto; height:20px; line-height:20px; background:#445258; border-radius:10px; width:110px; color:#fff; font-size:12px;}
.grop figure{ width:100%; margin-top:150px; overflow:hidden; padding-left:170px;}
.grop figure img{ border-radius:50%; float:left; }
.grop figure figcation{ line-height:22px; float:left; width:300px; text-align:left; padding-top:130px; margin-left:50px;}
.grop figcation h2{ font-size:20px; font-weight:bold;}
.grop figcation h2 a{color:#445258; border-bottom:3px solid #445258;  }
.grop .subtitle{ margin-top:10px; font-size:14px; }
.grop .subcontent{ font-size:12px;}
/*当页面大于1200px时*/
.pc699banner{width:1109px; height:388px; margin:15px auto;}
.pc699banner1{width:830px; height:534px; margin:15px auto;}
.pccongg{ width:632px; height:96px; margin:120px auto;}
.titleimg{ padding-left:23%;}
.pc699tc{ margin:100px auto; width:639px;}
.pcbootom{ width:100%; border-top:#4f5d63 solid 2px; margin:0px auto; padding:100px 0; text-align:center;  background:#e5f3fa;}
.hwtititimg{ width:1180px; text-align:right; margin:80px auto;}
.hwtititimgtu{ width:241px; height:148px; margin:100px auto; }
.hwcontent{ width:700px; margin:auto; line-height:25px;}
.hwcontent p{ margin:50px 0;}
.contentbutton{ width:100%; border-top:#4f5d63 solid 2px; background:#e5f3fa; padding:100px auto; text-align:center;}
.list{ padding-top:35px;}
.list figcur{  display:block; border-bottom:1px solid #666; width:1000px; padding-bottom:20px; margin:auto auto 20px auto; overflow:hidden;}
.list figcur img{ float:left; }
.list figcation{ float:left; width:680px; margin-left:18px; position:relative; height:200px; }
.list figcation h2{ font-size:20px;}
.list figcation h2 a{ color:#77858b }
.list figcation p{ line-height:25px; margin-top:15px;}
.listbottom{ position:absolute; bottom:0px; width:100%; font-size:12px; color:#999}
.listbottom a{color:#999}
		/* 本例子css */
		.slideBox{ width:1180px; height:382px; overflow:hidden; position:relative; padding-bottom:100px;  }
		.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
		.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
		.slideBox .hd ul li{ float:left; margin-right:2px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer; }
		.slideBox .hd ul li.on{ background:#f00; color:#fff; }
		.slideBox .bd{ position:relative; height:100%; z-index:0;   }
		.slideBox .bd li{ zoom:1; vertical-align:middle; }
		.slideBox .bd img{ width:636px; margin:0 auto; height:382px; display:block;  }

		/* 下面是前/后按钮代码，如果不需要删除即可 */
		.slideBox .prev,
		.slideBox .next{ position:absolute; left:16%; top:50%; margin-top:-25px; display:block; width:47px; height:47px;   }
		.slideBox .prev{ background:url(../images/tu_2.png) no-repeat;}
		.slideBox .next{ left:auto; right:16%; background:url(../images/tu_3.png) no-repeat; }
		.slideBox .prev:hover,
		.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
		.slideBox .prevStop{ display:none;  }
		.slideBox .nextStop{ display:none;  }
@media (min-width: 1200px) {
	
}

/*在992和1199像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 992px) and (max-width: 1199px) {

}

/*在768和991像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 768px) and (max-width: 991px) {

}

/*在480和767像素之间的屏幕里,这里的样式才生效*/
@media (min-width: 480px) and (max-width: 767px) {

}

/*在小于480像素的屏幕,这里的样式才生效*/
@media (max-width: 479px) {

}