﻿html, body { margin: 0; padding: 0;   background: #fff;  font-family: "Microsoft Yahei",Helvetica, Arial; }
ul, li { margin: 0; padding: 0; list-style: none; }
a{ text-decoration:none; color:#777777;}
ul,li,div, h1,h2,h3,h4,a,img,table,table,tr,td,dl,dt{ margin:0; padding:0}
ul,li{ list-style:none;}
img{ border:0;}
.clear{ clear:both}
.clearfix:after{ display:block; content:''; clear:both; visibility:hidden; }
input,textarea{outline:none}

.header {width: 100%; height: 100px;  }
.logo { float: left; height: 70px; width:300px; margin-top: 20px;  }
.wrapper{ width:1200px; margin: 0 auto; }

.header .right{ float: right; padding-top: 15px; }


.menu_w{ width: 700px;}
.menu{ height:50px ; margin: 0 auto  }
.menu li{float:left; line-height:60px; width:115px;  text-align:center; font-size:16px; display: inline; }
.menu li a{ display:block; color:#000000 }
.menu li:hover{  background: url(../images/menu_hover.gif) no-repeat center bottom }
.menu .hover,.menu .hover02{display:block; background: url(../images/menu_hover.gif) no-repeat center bottom; font-weight: bold; }
.menu .hover a,.menu .hover02 a{ color:#0f65f4;}
.menu a:hover{ color:#0f65f4;}

.slider{ width: 100%; height: 660px;  background: url(../images/slider.jpg) no-repeat center top;  }
.slider{ width:100%;}
#full-screen-slider { width:100%; height:660px; float:left; position:relative; }
#slides { display:block; width:100%; height:660px; list-style:none; padding:0; margin:0; position:relative}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute; text-align:center}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:27%; top:600px; z-index:9900;  padding:5px 15px 5px 0; margin:0; }
#pagination li { display:block; list-style:none; width:12px; height:12px; float:left; margin-left:15px;  background:#00a1fd ;  
	-moz-border-radius: 10px;-webkit-border-radius: 10px;border-radius:10px;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current { background:#fff}


.home_pro{ width: 1325px; margin: 0 auto; padding: 0px 0 40px 0; }
.home_pro .tit{width: 650px; height: 80px; font-size: 50px; text-align: center; color: #666; margin: 0 auto; padding: 40px 0; font-weight: bold;}
.home_pro .picList{ width: 1340px; }
.home_pro .picList li{ 
	float: left; 
	margin-right: 15px; 
	display: inline;  
	text-align: center; 
	height: 300px;  
	width:320px; 

}
.home_pro .picList li img{ width:320px; height: 250px; margin: 0 }
.home_pro .picList li a{color: #222}

.home_pro .more{ 
	width: 400px; 
	text-align: center; 
	background: #fff; 
	height: 70px; 
	font-size: 16px; 
	line-height: 70px; 
	margin: 60px auto 30px auto;
	border:2px #dbdbdb solid;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius:40px;
}
.home_pro .more a{ color: #666666; font-size: 20px; display: block;}
.home_equ{ width: 100%; background: url(../images/equipment_bg.jpg) no-repeat center top; height: 690px;  margin: 0 auto; padding: 30px 0 40px 0}
.home_equ .tit{width: 650px; height: 100px; font-size: 50px; text-align: center; color: #fefefe; margin: 0 auto; padding-top: 40px; }
.home_equ .tit2{width: 800px; height: 120px; font-size: 16px; text-align: center; color: #fefefe; margin: 0 auto;  line-height: 36px; }
.home_equ .picList{ 
	width: 1400px; 
	margin:  0 auto 
}
.home_equ .picList li{ 
	float: left; 	 
	display: inline;
	height: 300px;  
	width:450px;
	} 
.home_equ .picList li img{ width:440px; height: 300px; margin: 0 }
.home_equ .picList li a{color: #222}
.home_equ .more{
	width: 380px; 
	text-align: center;	
	height: 60px; 
	font-size: 16px; 
	line-height: 60px; 
	margin: 40px auto 0px auto;
	border:2px #dbdbdb solid;
	-moz-border-radius: 40px;
	-webkit-border-radius: 40px;
	border-radius:40px;
}
.home_equ .more a{ color: #ffffff; font-size: 20px; display: block;}
.home_equ .more:hover{border:2px #97beff solid; }
.home_equ .more:hover a{color: #97beff; }

.home_about{ width: 100%; background: url(../images/about_bg.jpg) no-repeat center top; height: 900px;  margin-bottom: 40px; }
.home_about .w1{ width: 1200px; margin: 0 auto;  background: url(../images/about_img.jpg) no-repeat #ffffff  750px 60px; height: 520px  }
.home_about .tit{ font-size: 32px; color: #000000;  padding-top: 60px; margin-left: 60px; font-weight: bold;  }
.home_about .w2{width: 1200px; margin: 0 auto;  text-align: center; padding-top: 60px}
.home_about .con{  margin-left: 60px; width: 680px;  color: #222222; line-height:28px; padding-top: 20px; text-align: left;}
.home_about .con p{ text-indent: 2em }
.home_about .more{ width: 180px; text-align: center; background: #fff; height: 50px; font-size: 16px; line-height: 50px; margin: 30px 60px ; border:2px #0f65f4 solid;}
.home_about .more a{ color: #0f65f4}

.home_news{ width: 100%; margin:0 auto;   padding: 60px 0; background: #f8f8f8;   }

.home_news .tit{font-size: 50px; color: #333; font-weight: bold; height: 80px; text-align: center;}
.home_news ul{width: 1230px; margin: 50px auto }
.home_news ul li{height: 230px; float: left; width: 580px; margin: 0 30px 30px 0; background: #ffffff;}

.home_news ul li .datetime{
	float: left; 
	width: 130px; 
	height: 150px; 
	padding: 50px 0 0 50px; 
}
.home_news ul li .datetime .md{
	font-size: 32px; 
	color: #000000; 
	line-height: 50px;
}
.home_news ul li .datetime .year{
	font-size: 16px; 
	color: #999999;
}
.home_news ul li .datetime .line{
	height: 40px; 
	border-bottom: 1px #c8c8c8 solid;
	width: 80px; 
}
.home_news ul li .news_t{ 
	margin-top: 10px; 
	font-size: 20px;  
	float: left; 
	width: 370px;  
	padding-top: 50px; 
	color: #000000;
}
.home_news ul li .news_des{
	font-size: 14px; 
	width: 370px; 
	color: #999999 ; 
	padding-top: 20px; 
	line-height: 24px; 
	height: 50px; 
	overflow: hidden;  
}
.home_news ul li .news_t a{
	color: #333;
}
.home_news ul li .news_t a:hover{
	color: #000000; 
	font-weight: bold;
}
.footer{ 
	background: #222222; 
	width: 100%;  
	padding-top: 40px;
}
.footer ul{ 
	width: 1180px; 
	margin: 0 auto; 
	padding-bottom: 30px; 
	font-size: 14px; 
	line-height: 24px; 
}
.footer ul li{ 
	float: left; 
	width: 430px; 
	padding-top: 10px; 
	color: #afafaf;
}
.footer ul li h1{
	color: #e5e5e5;  
	font-size: 14px; 
	margin-top: 10px;
}
.footer ul .er{ 
	float: right; 
	width: 160px; 
	padding-top: 10px;
}
.footer .copyright{ 
	border-top: 1px #373737 solid; 
	line-height: 50px; 
	text-align: center; 
	font-size: 12px; 
	color: #cfcfcf; 
	width: 1180px; 
	margin: 0 auto;
}
.banner{ width: 100%;  height: 300px; background: #f4f4f4 }
.banner_about{ width: 100%;  height: 300px; background: url(../images/banner_about.jpg) no-repeat center top; }
.banner_contact{ width: 100%;  height: 300px; background: url(../images/banner_contact.jpg) no-repeat center top; }
.banner_pro{ width: 100%;  height: 300px; background: url(../images/banner_pro.jpg) no-repeat center top; }
.banner_price{ width: 100%;  height: 300px; background: url(../images/banner_price.jpg) no-repeat center top; }
.banner_equ{ width: 100%;  height: 300px; background: url(../images/banner_equ.jpg) no-repeat center top; }
.banner_news{ 
	width: 100%;  
	height: 300px; 
	background: url(../images/banner_news.jpg) no-repeat center top; 
}
.content { width: 1200px; margin: 0 auto;  }
.container h1{ 
	text-align: center; 
	padding: 60px 0 30px 0;
}
.container{ 
	min-height: 460px; 
	font-size: 16px; 
	color: #404040; 
	line-height: 34px; 
	padding-bottom: 30px; 
}
.container p{ 
	text-indent: 2em 
}
.container .con{ 
	padding-bottom: 80px 
}
.container .back{ 
	width: 250px; 
	text-align: center; 
	background: #fff; 
	height: 50px; 
	font-size: 16px; 
	line-height: 50px; 
	margin: 30px auto ;
	border:2px #dbdbdb solid;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.container .back:hover{border:2px #999999 solid;}
.container .back:hover a{ color: #333333 }
.showpath{ 
	text-align: center; 
	font-size: 46px; 
	padding: 50px 0  40px 0; 
	color: #545454
}
.class{ 
	width: 1200px; 
	margin: 0px auto; 
}

.ul_class{ padding:0}
.ul_class li{ 
	float: left; 
	width: 140px; 
	border:2px #dbdbdb solid; 
	text-align: center; 
	line-height: 50px; 
	margin-bottom: 20px;
	margin-right: 15px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
}
.left_con{ 
	float: left;
	width: 250px; 
}
.left_con .tit{
	background: #0f65f4;
	font-size: 26px;
	font-weight: bold;
	color: #ffffff;
	width: 225px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;
	text-align: center;	
	padding: 30px 0;
	margin-bottom: 20px;	 
}

.ul_class2{ width: 250px; float: left;  }
.ul_class2 li{ 
	width: 220px; 
	border:2px #dbdbdb solid; 
	text-align: center; 
	line-height: 50px; 
	margin-bottom: 10px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius:6px;	
}
.ul_class li a,.ul_class2 li a{ 
	color: #333333; 
	display: block; 
}
.ul_class2 li:hover,.ul_class li:hover,.ul_class2 .hover,.ul_class .hover,.home_pro .more:hover{
	border:2px #0f65f4 solid;
}
.ul_class2 li:hover a,.ul_class li:hover a ,.ul_class2 .hover a,.ul_class .hover a,.home_pro .more:hover a{	
	color: #0f65f4;
}
.right_con{ 
	float: left; 
	width: 920px;  
}
.right_con{ 
	float:right; 
	width:920px; 
	overflow:hidden;   
	font-family:"Microsoft yahei"; 
	font-size:14px;  
	color:#393b41; 
	min-height: 860px; 
}
.right_con h2{ 
	font-size: 24px; 
	text-align: center; 
	padding: 30px 0 30px 0
}
.right_con .img{ 
	text-align: center; 
	padding-bottom: 40px;
}
.pro_des{ 
	font-size: 16px; 
	line-height: 30px
}
.ul_pro{  
	width: 1200px; 
}
.ul_pro li{ 
	width:280px;  
	float:left; 
	margin-right:18px; 
	margin-bottom:20px; 
	font-size: 16px ;
	text-align: center;
}
.ul_pro li img{ 
	width: 280px; 
	height: 220px; 
	border: 3px #ffffff solid; 
	margin-bottom: 5px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius:10px;
}
.ul_pro li a{ color: #333333}
.ul_pro li:hover img{ border: 3px #0f65f4 solid}
.ul_pro li:hover a{ color: #000000 }
.Flip{ 
	margin:30px auto; 
	text-align: center; 
	width: 250px; 
	line-height: 20px; 
	padding-bottom: 30px; 
}
.Flip .current{  
	border: 1px solid #0f65f4; 
	background: #0f65f4;
	color: #fff; 
   
}
.Flip .num,.Flip .next,.Flip .prev{
	border: 1px solid #c9c9c9;
	color: #222222; 

}
.Flip .current, .Flip .num,.Flip .next,.Flip .prev{
	padding: 8px 16px;
	margin-right: 8px;
	font-size: 14px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px; 
	float: left;
}
.Flip .first,.Flip .end{ float: left; margin-right: 5px;}
.contact_w{ 
	float: left;
	width: 320px;
	height: 300px;
	line-height: 34px;
	margin-right: 20px;	
	margin-left: 30px;
	padding: 40px 0 0 30px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius:4px; 

}
.contact_w02{
	margin-right: 0
}
.contact_w strong{
	font-size: 22px;

}
.contact_text{ 
	text-align: center;
	font-size: 24px;
	padding: 50px 0 30px 0;
	line-height: 46px; 
}