@charset "utf-8";
/* CSS Document */
/*头部*/
#header{
	height:90px;	
	
	background:#31AAE7;
}
.header_content{
	height:90px;
	position:relative;
	overflow:hidden;	
}
.logo{
	position:absolute;
	left:0px;
	top:30px;	
}
.top_phone{
	right:0px;
	top:21px;	
	position:absolute;
	color: #fff;
}
.top_phone img{
    float: left;
}
.top_phone a.cutover {
    display: inline-block;
    line-height: 48px;
    margin:0 5px;
    color: #fff;
}
a.cutover:hover{
	color: #e7e7e7;
}
.nav_wrap{
	background:url(../images/nav_bg.png) repeat-x top center;
	height:58px;
	padding-bottom:13px;
	position:relative;
	z-index:20;
	width:100%;
	min-width:1200px;	
	overflow:hidden;
}
#nav{
	height:58px;
}
#nav li{
	height:58px;
	width:133px;
	float:left;
	text-align:center;
}
#nav li a{
	display:inline-block;
	height:30px;
	margin-top:15px;
	line-height:30px;
	font-size:14px;
	color:#000;
	text-align:center;
}
#nav li a:hover{
	color:#33aae7;
	font-weight:bold;
	border-bottom:3px solid #31AAE7;
}

#nav li.current a{
	color:#33aae7;
	font-weight:bold;
	border-bottom:3px solid #31AAE7;
}

#banner{
	width:100%;
	min-width:1200px;
	height:620px;	
	position:relative;
	z-index:1;
	margin-top:-13px;
}

.banner_ul li{
	position:absolute;
	left:50%;
	margin-left:-960px;
	top:0px;
	width:1920px;
	height:620px;
	z-index:2;
	opacity:0;	
}
.icon_ul{
	position:absolute;
	overflow:hidden;	
	height:11px;
	left:50%;
	bottom:90px;
	z-index:20;
}
.icon_ul li{
	float:left;
	cursor:pointer;
	height:11px;
	width:21px;
	margin:0px 6px;
	background:url(../images/dian.png) no-repeat right center;	
}
.li_on{
	background:url(../images/dian.png) no-repeat left center !important;	
}

/*主体内容*/
.content{
	margin:0px auto 30px;
	clear:both;	
}
.pro_list{
	width:1220px;
	margin-left:-10px;
	overflow:hidden;	
}
.pro_list li{
	width:284px;
	float:left;
	margin:0px 10px;	
}
.list_a{
	display:block;
	width:284px;	
}
.list_a img{
	display:block;	
}
.list_a p{
	height:62px;
	line-height:62px;
	text-align:center;
	font-size:18px;
}
.content_wrap{
	background:url(../images/white_bg.png) repeat-x top;	
	position:relative;
	z-index:30;
	margin-top:-62px;
}
.products{
		
}

.title{
	height:80px;
	line-height:80px;
	font-size:32px;
	color:#33aae7;
	font-weight:bold;	
}
.title span{
	font-size:24px;
	font-weight:normal;	
}
.pro_box{
	float:left;
	overflow:hidden;
	height:216px;
	width:600px;	
}
.pro_img{
	height:216px;
	width:300px;
	overflow:hidden;	
}
.pro_right{
	height:216px;
	width:240px;
	overflow:hidden;
	background:#EFEBEF;
	padding:0px 30px;	
}
.pro_right h3{
	height:45px;
	line-height:45px;
	overflow:hidden;
	font-size:16px;
}
.pro_ms{
	max-height:90px;
	overflow:hidden;
}
.more{
	display:block;
	background:url(../images/more.png) no-repeat;
	height:24px;
	width:62px;	
	margin-top:20px;
}



.news_wrap{
	clear:both;	
}
.news_img{
	height:381px;
	width:600px;
	position:relative;
	margin-top:62px;	
}
.news_img img{
	position:absolute;
	right:0px;
	top:0px;	
}
.news_right{
	padding-top:40px;
	width:560px;
	padding-left:40px;	
}
.news_list li{
	height:75px;
	overflow:hidden;
	margin-bottom:30px;
}
.news_left{
	width:65px;
	height:73px;
	overflow:hidden;
	border:1px solid #9C9E9C;	
}
.news_left span{
	display:block;
	width:65px;
	height:52px;
	line-height:52px;
	text-align:center;
	font-size:38px;
	color:#333;		
}
.news_left p{
	display:block;
	height:21px;
	line-height:21px;
	text-align:center;
	color:#fff;
	background:#212421;	
}
.news_list li:hover .news_left p{
	background:#31AAE7;	
}
.news_nr{
	width:470px;
	height:65px;
	overflow:hidden;
	padding-top:7px;	
}
.news_nr h3{
	font-size:16px;
}
.news_nr p{
	font-size:14px;
}

.about_wrap{
	height:381px;	
}
.about_left{
	width:550px;	
	padding-top:20px;
}
.about_right{
	height:381px;
	width:600px;
	position:relative;	
}
.about_right img{
	position:absolute;
	left:0px;
	top:0px;	
}





/*底部*/
#footer{
	width:100%;
	min-width:1200px;
	background:url(../images/footer_bg.png) center top;
	margin-top:-42px;
	position:relative;
	z-index:20;
	color:#fff;	
	padding-top:122px;
	padding-bottom:35px;
}
.footer_content{
	overflow:hidden;	
}
.footer_left{
	width:770px;	
}
.footer_nav{
	margin-bottom:20px;	
}
.footer_nav a{
	font-size:14px;
	margin-right:27px;	
}
.footer_contact{
	line-height:24px;
	font-size:14px;
	height:96px;	
}
.footer_copy{
	margin-top:20px;
	font-size:14px;	
}

.footer_right{
	width:400px;
	font-size:14px;	
}
.footer_right h4{
	font-size:14px;
	color:#33aae7;
	font-weight:bold;	
}
.footer_right h4 a{
	color:#33aae7 !important;	
}
.form_ul{
	padding-left:6px;
	padding-top:10px;	
}
.form_ul li{
	height:38px;
	margin-bottom:20px;	
}
.input{
	width:241px;
	height:28px;
	padding:5px 12px;
	line-height:28px;
	background:#4A4D4A;
	font-size:14px;
	font-family:"微软雅黑";
	color:#fff;
	border:none;	
}
.submit{
	height:36px;
	width:102px;
	border:1px solid #4A4D4A;
	border-radius:18px;	
	line-height:30px;
	background:none;
	font-family:"微软雅黑";
	text-align:center;
	font-size:14px;
	color:#fff;
	font-weight:bold;
	margin-left:15px;
	cursor:pointer;
}


#footer a{
	color:#fff;	
}
/*内页样式*/
.inside_banner{
	height:380px;
	overflow:hidden;
	position:relative;
	margin-top:-13px;	
}
.inside_banner img{
	height:380px;
	width:1920px;
	position:absolute;
	left:50%;
	top:0px;
	margin-left:-960px;	
}
#main{
	margin:0px auto 50px;	
}

.main_left{
	width:250px;
	position:relative;
	z-index:20;
	margin-top:-25px;	
}
.left_title{
	background:url(../images/blue_bg.png) no-repeat;
	height:86px;
	line-height:86px;
	color:#fff;
	padding-left:35px;
	position:relative;
	font-size:22px;
}

.left_ul{
}
.left_ul li{
	border-bottom:1px dashed #BDB6B5;
}
.left_ul li>a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	overflow:hidden;
	text-indent:35px;
	font-size:16px;
}
.left_ul li>a:hover{
	color:#33aae7;
}
.left_ul li.on>a{
	color:#33aae7;	
}
.left_dl{
	padding-bottom:10px;	
}
.left_dl dd{
	height:30px;
	line-height:30px;
	overflow:hidden;
	padding-left:45px;
	font-size:14px;	
}


.main_right{
	width:921px;	
	
}
.right_title{
	height:60px;
	line-height:60px;
	position:relative;	
}
.right_title span{
	font-size:22px;	
}
.weizhi{
	position:absolute;
	right:0px;
	top:0px;
	font-size:14px;	
}
.right_box{	
	min-height:300px;
	overflow:hidden;
	font-size:14px;
}
.right_box .pro_ul{	
	width:948px;
	margin-left:-13px;
	overflow:hidden;
}
.right_box .pro_ul li{
	margin:0px 13px;
	float:left;	
}
.pro_a{
	display:block;
	width:290px;	
}
.pro_a img{
	display:block;	
}
.pro_a  p{
	height:70px;
	line-height:70px;
	text-align:center;
}

/*page*/
.page_box{
	height:25px;
	margin:30px 0px;
	overflow:hidden;
	text-align:right;	
}
.page_box a{
	display:block;
	float:left;
	margin:0px 8px;
	height:25px;
	line-height:25px;
	padding:0px 9px;
	color:#000;
	background:#CECBCE;	
}
.page_box a.page_on{
	color:#fff;
	background:#31AAE7;	
}
.pro_page{
	width:100%; 
	height:30px; 
	line-height:30px; 
	text-align:center; 
	margin-top:20px; 
	border-top:solid 1px #CCCCCC;	
}
.inside_page{
	width:100%; 
	line-height:30px; 
	text-align:left; 
	margin-top:20px; 
	border-top:solid 1px #CCCCCC;	
	padding-top:5px;
}

