@charset "utf-8";
/* css 重置 */
*{font-family: "微软雅黑"; margin:0; padding:0; list-style:none; border:0;outline: 0; }
img{display: block;border:none;}
a{text-decoration: none;}
li{list-style:none;}
ul,li{margin: 0;padding: 0;}

a{blr:expression(this.onFocus=this.blur());outline:none;}
.clearfix{clear: both;}
/* banner-box */

.banner{
	width: 100%;
	height: 520px;
	overflow: hidden;
	position: relative;
	


	
}

.slider{
	width: 500%;
	height: 520px;
	position: relative;
}

.slider li{

	width: 20%;
	height: 520px;
	float: left;
	
}




.arrow{
	display: none;
	
}

.banner:hover .arrow{
	display: block;
}

.arrow-left,.arrow-right{
	font-family:"SimSun", "宋体";
	display: block;
	width: 30px;
	height: 60px;
	background: rgba(0,0,0,0.1);
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	font-size: 30px;
	font-weight: 700;
	line-height: 60px;
	text-align: center;
	color: #fff;
	cursor: pointer;
		
}

.arrow-left{
	left: 0;
}
.arrow-right{
	right: 0;
}



.arrow-left:hover,.arrow-right:hover{
	background: rgba(0,0,0,0.5)
}
		



.circle{
	position: absolute;
	bottom: 20px;
	left: 50%;
	transform: translateX(-50%);
	
		
}


.circle li{
	width: 14px;
	height: 14px;
	border-radius: 50%;
	float: left;
	margin-right: 10px;
	cursor: pointer;
	background: rgba(255,255,255,0.7);
	
	
}

.circle .active{
	background-color: #e69d43;
	
}



.circle li:nth-child(4){
	margin-right: 0;
	
}





/* 内容 */

.container{width: 1200px;margin: 0 auto;}
.container h1{font-size: 28px;color: #333;text-align: center;font-weight: normal;line-height: 40px;padding-top: 90px;}
.ct{margin-top: 70px;}
.ct_left{float: left;width: 500px;position: relative;}
.ct .wenzi{margin-bottom: 28px;}
.ct h4{font-weight: normal;font-size: 18px;color: #333;text-align: left;line-height: 28px;letter-spacing: 2;}
.ct p{font-size: 14px;color: #999;text-align: left;line-height: 28px;}
.ct_left a{display: inline-block;font-size: 14px;color: #3388ff; padding: 10px 42px;border: 1px solid #3388ff;border-radius: 2px;text-align: left;position: absolute; left:0;margin-top: 4px;}
.ct_left a:hover{color: #fff;background: #3388ff;}


.ct_right{width: 700px;float: right;}

.ct_right1{float: left;}
.ct_left1{float: right;width: 420px;padding-left: 80px;}
.ct_left1 a{left:80px;}

.product{width: 283px;height: 264px;border: 1px solid #e5e5e5;border-radius: 2px;cursor: pointer;float:left;margin-right: 20px;transition: all .5s ease;}
.product .xia{width: 100%;height: 87px;}
.product .xia p{font-size: 18px;color: #333;padding-top: 14px;padding-bottom: 8px; text-align: center;}
.product .xia a{font-size: 12px;color: #3388ff;text-align: center;display: block;}
/*.product:hover{border: 1px solid #3388ff;transition: 0.5s;}*/
.product:hover{box-shadow: 0 2px 6px rgba(0,0,0,.11);transform: translateY(-10px);border: 1px solid #3388ff;}

.kehu img{float: left;margin-right: 39px;}

.news-item{width: 340px;overflow: hidden;position: relative;float: left;}
.news-item h2{font-weight: normal;color: #333;font-size: 18px;padding-bottom: 10px;margin-bottom: 15px;text-align: left; position: relative;}
.news-item h2 a{color: #666;font-size: 14px;position: absolute;right: 0;vertical-align: middle;line-height: 24px;}
.news-item h2 a:hover{color: #3388ff;}
.news-item h2:after{ content: ''; position: absolute;bottom: 0;left: 0;display: block;width: 30px;height: 2px;background: #3388ff;} 

.news-item .news-list{margin-top: 24px;}
.news-item .news-list span{font-size: 14px;color: #999;margin-right: 5px;vertical-align:middle;}  
.news-item .news-list a{font-size: 14px;color: #666;display: inline-block;width: 280px;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align:middle;}  
.news-item .news-list a:hover{text-decoration:underline;}

.register-bottom {background: url(../img/bg.png) no-repeat center;height: 200px;}

.register-bottom .w1200{width: 1200px;margin: 0 auto;}
.w1200 h2{font-size: 28px;color: #fff;text-align: center;font-weight: normal;line-height: 32px; padding-top: 50px;letter-spacing: 4px;}
.w1200 a{display: block;width: 140px;height: 40px;border-radius: 4px;border: 1px solid #fff;line-height: 40px;text-align: center;color: #fff;font-size: 16px;margin: 0 auto;margin-top: 28px;}
.w1200 a:hover{background: #fff;color: #3388ff;}


#uh_footer{border-top: solid 0px #ccc;margin-top: 0px;}