@charset "utf-8";
/* CSS Document */
*{padding:0;margin:0;}
a{ text-decoration:none;}
body{ font-family:"微软雅黑";}
img{ border:none;}
li,ul,ol{ list-style:none;}
.fl{ float:left}
.fr{ float:right}
.clear{zoom:1;padding-bottom:50px;}
.contents{ margin:0 auto; width:1200px; text-align:center;}

.common{
		 float:left;
		 width:200px;
		 border:solid 1px #ddd;
		 height:260px;
		 margin-top:55px;
	}
.common h3{
	 	height:50px;
		text-align:center;
		background:#159cf1;
		color:#fff;
		font-size:24px;
		line-height:50px;
		font-weight:normal;
	 }
.common li{
		height:40px;
		width:230px;
	}
.common li a{
		 display:block;
		 line-height:40px;
		 font-size:18px;
		 color:#333;
		 text-align:center;
	}
.common .hover{
		background-color:#ebeef0;
		border-bottom: 1px solid #c9c7c7;
	}
.common li a:hover{
		 background-color:#ebeef0;
	}
.common li{
		width:200px;
	}
.identical{height:30px;width:928px;}
.identical-left{width:325px;height:1px;background:#dbddde;margin-top:20px;}
.identical h4{font-size:24px;color:#333333;margin-top:-16px;}
.identical-right{float:right;width:325px;height:1px;background:#dbddde;margin-top:-16px;}

/* 头部 */
#header{width:100%;margin:0 auto; min-width:1200px; max-width:1920px;}
.header_top{
		height: 30px;
		background: #2b2320;
	}
.top_content{
		color: #fff;
		width: 166px;
		float:left;
		height: 30px;
		line-height: 30px;
		font-size:12px;
	}
.top-right{
		float:right;
		height: 30px;
		line-height: 30px;
		font-size:12px;
		width:140px;
	}
.top-right a{
		color:#fff;
	}
.top-right span{
		color:#959190;
	}
.header_bottom{
		float:left;
		background: #fff;
		height: 104px;
		width:100%;
		margin:0 auto;
	}
.header_nav{		
		height: 104px;
		/* border:1px solid red; */
		background: #fff;
	}
.logo{
		 float: left;
		 margin-top:20px;
	}	
.nav_ul{
		 float:left;
   		 width: 676px;
    	height: 104px;
		margin-left:121px;
		   		
	}
.nav_ul_li{
		float: left;
		height: 104px;
		line-height: 104px;
		text-align: center;
		padding:0 28px 0 0;
		position: relative;
	}
.nav_ul_a:hover{
		color:#18a0f7;
	}
.nav_ul_a{
		display: block;
		color: #333333;
		font-size:16px;
	}
.nav_bottom_li_ul{
	position: absolute;
	display: none;
	width: 90px;
	height:100px;
	background-color: #fff;
}
.nav_bottom_li_ul li{
		height: 30px;
		line-height:30px;
		text-align: center;
		padding:0 0 5px 0;
		background:#d0eaf5;
	}
.nav_bottom_li_ul li:hover{
		background:#33acf7;
	}
	
.nav_bottom_li_ul li a:hover{
		color:#fff;
	}
/* banner轮播开始 */
.mian{heigth:459px;}
#banner_slider{
	position: relative;/*设置成一个参考点，按钮，导航作绝对定位*/
	/*border: 1px solid red;*/
	max-width:1920px;/*图片的宽度 最多不超过 1920px;保证图片不会被拉伸*/
	width: 100%;
	height: 459px;/*高度自动获取，js方式，也可以给默认的*/
	z-index:1;
	margin:0 auto;
	margin-top:100px;
	min-width:1200px;
}

/*图片列表：使用绝对定位，堆叠在一起*/
.pic_list{
	width: 100%;/*图片所在的盒子的宽度，ie 不写，图片无法自适应*/
	position: relative;
}
 
.pic_list li{
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 0;
	/*默认 先让所有的图片都不显示，然后让我选择的图片显示（其实就是改变选中的图片的z-index 的值）*/
}

.pic_list li img{
	width:100%;
	max-width:1920px;
}


/*小导航*/
.small_nav{
	width: 75px; /* 3*(13+17+13+17+13)*/
	height: 13px;
	position: absolute;
	bottom: 15px;
	left: 50%;
	z-index: 3;
}

.small_nav li{
	/*1个 li 实际宽：15+5+5+1+1 */
	float: left;
	margin: 0px 6px;
	text-align: center;
	width:13px;
	height:13px;
	cursor:pointer;
}
#button{width:13px;height:13px;background-color:#ffffff;}
#buttons{width:13px;height:13px;background-color:#000000;}

/*行内元素要设宽度，必须转为行元素
  使用a,为了解决 ie 浏览器中 空标签 绑定事件无效的问题
*/
/*.small_nav li a{
	text-decoration: none;	
	display: block;
	background:url(about:blank); 
}*/
/*图片轮播结束*/

/* 首页版心 */
#content{
		float:left;
		width:100%;
		margin:0 auto;
		height:666px;
		background-color:#83c8e5;
		margin-top:-4px;
		min-width:1200px;
		max-width:1920px;
	}
#content h3{
		color:#fff;
		font-size:30px;
		margin-top:35px;
		
	}
#content .bg{
		float:left;
		margin-left:438px;
		margin-top:10px;
	
	}
.example_ul{
		float:left;
		margin-top:30px;
		width:1200px;
	
	}
.example_ul .example{
		float: left;
		width: 360px;
		height:400px;
		background-color:#fff;
		margin:0 34px 0 0;
		border:3px solid #d6d2d2;
		text-align:center;
	}
.last_example{
		margin-right: 0px;
	}
.example_pic{
		width:345px;
		margin: 7px 8px;
	}
.example_title{
		margin: 2px 10px ;
		color: #333333;
		font-size:24px;
	}
.example_title:hover{color:#60bdf7;}
.example .wen{
		width:316px;
	}
.example_desc{
		margin-left: 12px;
		margin-top:8px;
		color: #333333;
		font-size:14px;
	}
.know_more{
		width: 118px;
		height: 44px;
		margin-top:534px;
		margin-left:516px;
		
	}
.service{
		float:left;
		width:100%;
		height:690px;
		margin:0 auto;
	}
.service h3{
		color:#24a5f4;
		font-size:30px;
		margin-top:45px;
		
	}
.service .bg{
		float:left;
		margin-left:430px;
		margin-top:10px;
	}
.service .service-ul{
		float:left;
		height:328px;
		margin-top:40px;
	}
.service-ul-li{
		float:left;
		margin-top:10px;
		margin-left:80px;
	}
.service-ul-li h2{
		color:#333333;
		font-size:24px;
		margin:22px 40px;
	}
.service-ul-li h2:hover{color:#60bdf7;}
.service-ul-li .last-tittle{
		margin-left:68px;
	}
.button{
		width: 118px;
		height: 44px;
		margin-top:480px;
		margin-left:525px;	
	}
.certification{
	float:left;
	height: 315px;
	width:100%;
	margin:0 auto;
	background-color:#83c8e5;
	min-width:1200px;
	max-width:1920px;
}
.certification_content{
	width: 1200px;
	height: 315px;
}
.certification_title{
	padding-top: 30px;
	text-align: center;
	
	font-size: 30px;
	color: #ffffff;
	font-weight: bold;

}
.cer_bg{
	float:left;
	margin-left:406px;
	margin-top:3px;
	text-align: center;
}
.certifications{
	margin-top: 40px;
	height: 129px;
}
.left{
	float: left;
	margin-top: 52px;
	width: 18px;
	height: 32px;
}
.right{
	float: right;
	margin-top: 52px;
	width: 18px;
	height: 32px;
}
.creList_box{
	overflow: hidden;
	float: left;
	margin-left: 25px;
	width: 1112px;
	height: 129px;
}
.creList{
	width: 2224px;
	height: 129px;
}
.crePic{
	float: left;
	margin-right: 19px;
	width: 169px;
	height: 127px;
}
.company{
		float:left;
		width:100%;
		height:798px;
		margin:0 auto;
		background::pink;
		padding-bottom:76px;
	}
.company h3{
		color:#24a5f4;
		font-size:30px;
		margin-top:80px;
		
	}
.company .bg{
		float:left;
		margin-left:447px;
		margin-top:10px;
		padding:0 0 80px 0;
	}
.i_video{margin-top:20px; }
.imageflow{overflow:hidden;position:relative; text-align:left; visibility:hidden;width:100%}
.imageflow img{border:none; position:absolute; top:0px; visibility:hidden; -ms-interpolation-mode:bicubic; margin-left:-55px;}
.imageflow p{margin:0 auto; text-align:center}
.imageflow .loading{border:1px solid #ccc; height:15px; left:30%; margin-left:-140px; padding:2px; position:relative; visibility:visible; width:340px}
.imageflow .loading_bar{background:#ccc; height:15px; visibility:visible; width:10%}
.imageflow .caption{font-weight:bold; position:relative; text-align:center; z-index:9000;}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3; position:relative; visibility:hidden; z-index:8000; height:1px}
.imageflow .slider{background-image:url(../images/slider.png); background-repeat:no-repeat; height:14px; margin:-6px 0 0 -7px; position:absolute; width:14px; z-index:7000;}
.imageflow .images{overflow:hidden; white-space:nowrap;}
.com-button{
		float:left;
		margin-top:60px;
		margin-left:520px;
	
	}


/*首页完*/


/*产品页开始*/
.cont{
		float:left;
		width:100%;
		margin:0 auto;
		margin-top:30px;
	}

.cont .bb{
		float:left;
		margin-left:40px;
		width:938px;
		padding:0 1px;
		margin-top:40px;
	}
.cont .bb li{
	 	float:left;
		width:292px;
		height:294px;
		padding:0 17px 8px 0;
		text-align:center;
		margin-top:20px;
		line-height:24px;
	 }
.cont .bb li img{
	 	width:292px;
		height:261px;
	 }
.cont .bb li sapn{
	 	display:block;
		width:232px;
	 }
.cont .bb li a{
		color:#333;
		font-size:14px;
	}
/*产品页结束*/
/*新闻页开始*/
.cont .news-left{
		 float:left;
		 width:200px;
		 border:solid 1px #ddd;
		 height:262px;
		 margin-top:55px;
	}
.cont .news-right{
	margin-top:-20px;
	}
.cont .news-right li{
		float:left;
		width:884px;
		height:240px;
		border-bottom: 1px solid #cac8c8;
	
	}
.cont .news-right li img{
		float:left;
		margin-top:30px;
		width:254px;
		height:188px;
	}
.clear li .biao{
		margin-top:40px;
		text-align:left;
	
	}
.clear li .biao a{
		color:#000;
		margin-left:50px;
		font-size:18px;
	}
.clear li p{
		margin-left:302px;
		margin-top:8px;
		color:#7c7878;
		font-size:14px;
		letter-spacing:1px;
	}
.clear li .text{
		margin-top:80px;
		margin-left:305px;
	}
.clear li .text .text-left{
		float:left;
		margin:0px;
		color:#7c7878;
		font-size:14px;
	}
.clear li .text .text-right{
		float:right;
		margin:0px;
		color:#159cf1;
		font-size:14px;
	}
/*新闻页结束*/
/*尾部*/
.footer{
		float:left;
		width:100%;
		margin:0 auto;
		height:70px;
		background:#000000;
		margin-top:70px;
		margin:0 auto;
		min-width:1200px;
		max-width:1920px;
	}
.footer p{
		color:#fff;
		font-size:14px;
		line-height:70px;
		text-align:center;
	
	}