*{ margin:0; padding:0; }
body { background:#fff; color:#555; font-size:14px; font-family: Verdana, Arial, Helvetica, sans-serif; }
td,th,caption { font-size:14px; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; font-size:100%; }
address, caption, cite, code, dfn, em, th, var { font-style:normal; font-weight:normal;}
a { color:#555; text-decoration:none; transition: 0.5s all ease; -webkit-transition: 0.5s all ease;}
a:hover { text-decoration:underline; }
img { border:none; }
ol,ul,li { list-style:none; }
input, textarea, select, button { font:14px Verdana,Helvetica,Arial,sans-serif; }
table { border-collapse:collapse; }
html {overflow-y: scroll;}
/* css common */
.clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;}
.clearfix { *zoom:1; }
@media screen and (min-width: 1113px){
	#header{ width:100%;}
	#cantainer{ width:100%;}
	#footer{ width:100%;}
	.link{ width:100%;}
}
@media screen and (max-width: 1112px){
	#header{ width:1112px;}
	#cantainer{ width:1112px;}
	#footer{ width:1112px;}
	.link{ width:1112px;}
}

#header{
	min-height:600px;
	overflow:hidden;
	margin:0 auto;
	}
.topall{
	height:120px;
	border-bottom:1px solid #000;
	}
.t_p{
	height:34px;
	/*background:#2AAACB;*/
	background:#199fc0;
	}
.t_p p{
	width:300px;
	height:34px;
	float:left;
	color:#FFF;
	font-size:12px;
	margin-left:100px;
	line-height:34px;
	}
.t_p span{
	float:right;
	line-height:34px;
	}
.t_p span a{
	color:#FFF;
	font-size:12px;
	margin-right:10px;
	}	
.t_p_z{
	width:1112px;
	height:34px;
	margin:0 auto;}	
.t_o{
	height:80px;
	}
.nav{
	width:1112px;
	height:80px;
	margin:0 auto;
	}	
.logo{
	float:left;}
.logo img{
	width:450px;
	height:63px;
	margin-top:10px;}
.navi{
	float:right;
	width:550px;
	height:50px;
	margin-top:15px;
	}	
.navi li{
	float:left;
	width:14%;
	line-height:50px;
	height:100%;
	}
.navi li a{
	color:#000;
	
	}
.navi li a:hover{
	color:#2aaacb;
	text-decoration:none;
	}
.banner{
	width:100%;
	height:500px;}
/*--------banner轮换开始--------*/	
.relative{position:relative;width:100%;}
#home_bannera{text-decoration:none;cursor:pointer;}
#home_banner{max-width:1440px;margin:0 auto;}
.maxwidth{width:990px;margin:0 auto;}
#big_img{height:500px;background:no-repeat center}
#small_img{height:114px;padding-top:13px;position:absolute;top:-127px;width:100%;background:url(../img/bnbg.png) no-repeat center 0;}
#small_pre,#small_next,#small_imgs{height:104px;line-height:104px;float:left;font-size:22px;}
#small_pre,#small_next{width:22px;display:block;}
#small_pre{margin-right:17px;}
#small_next{margin-left:17px;}
#small_pre:hover{background-position:-22px center;}
#small_next:hover{background-position:-66px center;}
#small_imgs{width:550px;overflow:hidden; margin-left:180px;}
#small_imgs .item{float:left;padding:0 16px;}
#small_imgs .item .img{cursor:pointer;width:144px;height:92px;padding:3px;padding-top:10px;background:url(../img/banner_bg.png) no-repeat center bottom;}
#small_imgs .item .img img{width:144px;height:90px;}
#small_imgs .item .active{background:url(../img/banner_bg_a.png) no-repeat center bottom;}
}	
/*--------banner轮换结束--------*/	
.clear{
	height:10px;
	width:100%;
	clear:both;}	
#cantainer1{
	width:100%;
	min-height:200px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0;
	}
#cantainer{
	min-height:200px;
	overflow:hidden;
	margin:0 auto;
	padding:10px 0;
	background:#F0F0F2;
	}
.c_a{
	width:1110px;
	margin:0 auto;
	min-height:100px;
	overflow:hidden;
	}
.title{
	width:75%;
	height:70px;
	margin:25px auto;}
.title h3{
	font-size:35px;
	line-height:70px;
	color:#199fc0;
	font-weight:700;
	text-align:center;
	}
.title h3 i{
	font-size:18px;
	font-weight:normal;}	
.gy{
	width:100%;
	min-height:50px;
	overflow:hidden;}	
.gy img{
	float:right;
	margin:10px;
	width:400px;
	height:349px;}	
	
.wenben{
	width:660px;
	min-height:50px;
	overflow:hidden;
	float:left;}	
.wenben p{
	font-size:14px;
	line-height:32px;
	text-indent:2em;
	color:#333;}	
.more{
	width:120px;
	height:40px;
	margin:20px auto 10px;
	clear:both;}
.more a{
	display:block;
	width:120px;
	height:40px;
	background:#199fc0;
	border-radius: 3px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	line-height:40px;
	border:1px solid #2aaacb;}	
.more a:hover{
	text-decoration:none;
	background:#FFF;
	color:#333;
	border:1px solid #fed201;
	border-radius: 3px;
	}
.c_bj{
	width:100%;
	min-height:20px;
	overflow:hidden;
	background:#EEF3FA;
	padding-bottom:30px;
	/*background:url(../img/back.jpg);
	background-size: 100% 100%;
    -webkit-background-size: cover;
	    background-size: cover;
    background-position: center;*/
	
	}
.c_cj{
	width:100%;
	min-height:20px;
	overflow:hidden;
	background:#e0e0e0;
	padding-bottom:30px;
	}
.c_b{
	width:1110px;
	margin:0 auto;
	min-height:100px;
	overflow:hidden;
	padding-bottom:30px;
	}
.c_dj{
	width:100%;
	min-height:20px;
	overflow:hidden;
	background:#fff;
	
	}
.nw{
	float:left;
	width:500px;
	min-height:50px;
	overflow:hidden;
	}
.c_b ul li{
	font-size:16px;
	line-height:36px;
	}
.c_b ul li span{
	float:right;
	font-size:14px;
	color:#666;}
.c_b ul li a{
	color:#333;
	padding-left:40px;
	background:url(../img/icon1.png) no-repeat left center;
	}
.c_b ul li a:hover{
	color:#2aaacb;
	text-decoration:none;
	background:url(../img/icon2.png) no-repeat left center;
	}
.more2{
	width:120px;
	height:40px;
	margin:20px 0 10px;}
.more2 a{
	display:block;
	width:120px;
	height:40px;
	background:#199fc0;
	border-radius: 3px;
	color:#FFF;
	font-size:12px;
	text-align:center;
	line-height:40px;
	border:1px solid #2aaacb;}	
.more2 a:hover{
	text-decoration:none;
	background:#FFF;
	color:#333;
	border:1px solid #fed201;
	border-radius: 3px;
	}
.hy{
	float:right;
	width:500px;
	min-height:50px;
	overflow:hidden;
	}	
.c_c{
	width:1110px;
	margin:0 auto;
	min-height:100px;
	overflow:hidden;
	}	
/*------------- 从左上部显示遮罩效果  开始----------------------------*/
.content-three{
	width:100%;
	min-height:200px;
	overflow:hidden;
	margin:20px auto;
	border-top:1px solid #999;
}
.con-three{
	width: 250px;
	height: 188px;
	float: left;
	margin:20px 13px;
	position: relative;
	cursor: pointer;
	overflow: hidden;
}
.con-three img{
	width:250px;
	height: 188px;
}
.txt-three{
	position: absolute;
	left: -250px;
	top: -188px;
	width: 100%;
	height: 128px;
	padding-top: 60px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.6);
	filter:Alpha(opacity=80);
}
.txt-three h3{
	font-weight: normal;
}
.txt-three p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
/*------------- 从左上部显示遮罩效果  结束----------------------------*/

.c_d{
	width:1110px;
	margin:0 auto;
	min-height:100px;
	overflow:hidden;
	}
.pro_li{
	float:left;
	width:50%;
	min-height:50px;
	overflow:hidden;
	}
.pro_li ul{
	width:100%;
	min-height:50px;
	overflow:hidden;
	margin:0 auto;
	}
.pro_li ul li{
	width:45%;
	line-height:40px;
	margin:10px 20px 10px 0;
	float:left;
	font-size:16px;
	text-align:center;
	font-weight:bold;}
.pro_li ul li a{
	width:100%;
	height:40px;
	display:block;
	background:#999;
	border-radius: 3px;
	color:#FFF;
	}
.pro_li ul li a:hover{
	text-decoration:none;
	background:#2aaacb;}
.lx{
	float:right;
	width:50%;
	min-height:50px;
	overflow:hidden;
	}
.lx img{
	float:left;
	width:233px;
	height:274px;
	margin:0 10px 0 0px;}
.lx span{
	font-size:15px;
	line-height:40px;
	font-weight:bold;
	padding-left:30px;
	color:#333;
	display:block;
	}
.lx span a{
	color:#333;
	}










	
		
#footer{
	height:100px;
	background:#000;}
#foot{width:1112px; margin:0 auto;}
#footer a{
	color:#97999B;
	}
#footer a:hover{
	color:#FFF;
	text-decoration:none;}
.f_left{
	width:553px;
	height:80px;
	float:left;
	padding-top:20px;
	}
.f_left p{
	font-size:12px;
	color:#97999B;
	line-height:30px;}
.f_right{
	width:470px;
	height:100%;
	float:right;
	}
.f_right ul{
	width:100%;
	height:30px;
	padding-top:20px;}
.f_right ul li{
	float:left;
	margin:0 5px;
	font-size:12px;}

.f_right p{
	font-size:12px;
	color:#97999B;
	line-height:23px;
	width:100%;}
.link{
	min-height:20px;
	overflow:hidden;
	background:#000;
	}
.link p{
	font-size:12px;
	line-height:20px;
	color:#97999B;
	padding:0 20px;
	}
.link p a{
	color:#97999B;
	}
.link p a:hover{
	color:#FFF;
	text-decoration:none;
	}
.can{
	width:1110px;
	min-height:100px;
	overflow:hidden;
	margin:0 auto;}
.left{
	width:250px;
	min-height:100px;
	overflow:hidden;
	float:left;
	padding-bottom:20px;
	background:#FFF;
	padding:10px;
}

.pro{
	width:100%;
	min-height:20px;
	overflow:hidden;}
.left h2{
	margin:10px 0;
	
	}
.left h2 a{
	
	width:180px;
	display:block;
	font-size:18px;
	font-weight:bold;
	line-height:40px;
	padding-left:40px;
	background:url(../img/h2.jpg) no-repeat left center;}
.left h2 a:hover{
	text-decoration:none;
	color:#14b9d5;
	background:url(../img/h22.jpg) no-repeat left center;}
.pro ul li{
	width:170px
	font-size:16px;
	line-height:30px;
	padding-bottom:2px;
	border-bottom:1px solid #CCC;}
.pro ul li a{
	
	width:130px;
	height:30px;
	color:#838383;
	display:block;
	padding-left:40px;
	background:url(../img/img-sprite1.png) no-repeat left center;}
.pro ul li a:hover{
	background:none;
	color:#000;
	text-decoration:none;}
.lian_x{
	width:100%;
	min-height:20px;
	overflow:hidden;
	}
.lian_x p{
	text-indent:1em;
	font-size:12px;
	line-height:25px;}
.right{
	width:800px;
	min-height:100px;
	overflow:hidden;
	float:right;
	background:#FFF;
	padding:10px 15px;
	}
.bt{
	color:#333;
	line-height:30px;
	font-size:12px;
	border-bottom:1px solid #000;}
.bt a{
	color:#333;
	}
.guanyu{
	width:100%;
	min-height:100px;
	overflow:hidden;}
.guanyu img{
	width:300px;
	height:262px;
	margin:10px;
	float:left;}
.guanyu p{
	font-size:14px;
	line-height:32px;
	text-indent:2em;
	color:#333;}
.lianxi{
	width:100%;
	min-height:100px;
	overflow:hidden;
	padding-top:10px;}
.lianxi p{
	font-size:16px;
	line-height:32px;
	text-indent:2em;
	color:#333;
	}
.lianxi img{
	width:256px;
	height:300px;
	float:right;
	margin-right:10px;}
.zyyewu{
	width:100%;
	min-height:100px;
	overflow:hidden;
	padding-top:10px;
	}
.zyyewu p{
	font-size:14px;
	line-height:32px;
	text-indent:2em;
	color:#333;}
.chanpin{
	width:100%;
	min-height:100px;
	overflow:hidden;
	padding-top:10px;
	}
/*------------- 图片放大效果伴随蒙版文字出现 开始 ------------------------------*/
.content-six{
	width:780px;
	min-height: 412px;
	overflow:hidden;
	margin:20px auto;
	border: 1px solid #ccc;
	padding: 15px 0;
}
.con-six{
	width: 240px;
	height: 259px;
	float: left;
	margin:0 10px;
	margin-bottom: 10px;
	position: relative;
	overflow: hidden;
	cursor: pointer;
	background:url(../img/bjj2.jpg) no-repeat top center;;
	padding-top:35px;
}
.con-six span{
	text-align:center;
	display:block;
	line-height:40px;}
.con-six span a{
	color:#333;
	font-size:14px;
	font-weight:bold;
	}
.con-six span a:hover{
	text-decoration:none;}
.conimg-two{
	width: 238px;
	height: 178px;
}
.txt-six{
	position: absolute;
	left:0;
	top: 35px;
	width: 238px;
	height: 100px;
	padding-top: 80px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	background: rgba(0,0,0,0.2);
	display: none;
	
}
.txt-six h3{
	font-weight: normal;
}
.txt-six p{
	font-size: 14px;
	display: block;
	line-height: 20px;
}
/*------------- 图片放大效果伴随蒙版文字出现 结束------------------------------*/

.sh{
	width:100%;
	min-height:30px;
	overflow:hidden;
	line-height:30px;
	margin:20px 0;
	text-align:center;
	font-size:12px;
	color:#000;
	}
.pro_n{
	width:96%;
	min-height:100px;
	overflow:hidden;
	margin:0 auto;
	}
.pro_n h4{
	font-size:18px;
	line-height:40px;
	text-align:center;
	border-bottom:1px dashed #CCC;
	margin:10px 0;
	color:#000;
	font-weight:bold;
	}
.pro_n h4 span{
	display:block;
	font-size:12px;
	color:#333;
	font-weight:normal;
	}	
.pro_n img{
	max-width:733px;
	height:auto;
	margin:10px auto;
	display:block;
	}
.pro_n p{
	font-size:14px;
	line-height:25px;

	color:#333;
	}
.liebiao{
	width:96%;
	min-height:100px;
	overflow:hidden;
	margin:0 auto;
	
	}
.liebiao li{
	border-bottom:1px dashed #999;
	padding:5px 0;
	
	}
.liebiao b span{ 
	float:right; 
	line-height:40px; 
	font-size:12px; 
	font-weight:normal;
	}
.liebiao b a{ 
	color:#2a9ccb; 
	line-height:45px; 
	font-size:18px; 
	font-weight:bold; 
	text-decoration:none;
	}
.liebiao b a:hover{ 
	color:#333;
	}
.liebiao span a{ 
	line-height:24px; 
	font-size:12px; 
	text-decoration:none; 
	font-family:'微软雅黑' sans-serif;
	}	
.liebiao span a:hover{
	color:#000;
	}