@charset "gb2312";
/* CSS Document */

* {
	padding:0px;
	margin:0px;
	list-style:none;
}
body, td, th {
	font-size: 14px;
}
body {
	margin: 0px;
	font-family:΢ÈíÑźÚ;
}
img {
	max-width:100%;
	border:0px;
}
a:link {
	color: #333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333;
}
a:hover {
	text-decoration: none;
	color: #333;
}
a:active {
	text-decoration: none;
}
.w {
	color: #fff;
}
.w a:link {
	color: #fff;
	text-decoration: none;
}
.w a:visited {
	text-decoration: none;
	color: #fff;
}
.w a:hover {
	text-decoration: none;
	color: #fff;
}
.w a:active {
	text-decoration: none;
}
.fl {
	float:left;
}
.fr {
	float:right;
}
header {
	overflow:hidden;
}
.head {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.logo {
	width:800px;
	overflow:hidden;
}
.logo img {
	width:100%;
}
.tel {
	width:400px;
	overflow:hidden;
}
.tel img {
	width:100%;
}
.menu {
	background:#04366c;
	overflow:hidden;
}
.nav {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.nav a li {
	width:16.6%;
	float:left;
	text-align:center;
	line-height:55px;
	font-size:18px;
	color:#FFF;
}
.nav a:hover li {
	text-decoration: none;
	background:#003;
	color: #fff;
}
.banner {
	max-width:1920px;
	height:550px;
	margin:0px auto;

}
.flexslider {
	height:550px;
	overflow: hidden;
	background: url(../images/loading.gif) 50% no-repeat;
	position:relative;
}
.slides {
	position: relative;
	z-index: 2;
}
.slides li {
	height:550px;
}
.flex-control-nav {
	position: absolute;
	bottom: 25px;
	z-index: 2;
	width: 100%;
	text-align: center;
}
.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 12px;
	margin: 0 5px;
*display: inline;
	zoom: 1;
}
.flex-control-nav a {
	display: inline-block;
	width: 12px;
	height: 12px;
	line-height: 40px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}
.fenlei {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
	padding:20px 0px;
}
.fenlei li {
	width:12%;
	float:left;
	overflow:hidden;
	text-align:center;
	font-size:18px;
	margin-left:5px;
}
.fenlei li .pic {
	text-align:center
}
.fenlei li .fenleiname {
	color:#FFF;
}
.fenlei li .pic img {
	width:100px;
	height:100px;
	border-radius:53px;
	border:6px solid #fff;
}
a:hover .pic img {
	border:6px solid #F60;
}
.indextit {
	text-align:center;
	font-size:36px;
	line-height:100px;
	font-weight:700;
}
.w1300 {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.pro {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.pro li {
	width:370px;
	height:320px;
	background:#FFF;
	margin-left:30px;
	margin-right:30px;
	margin-bottom:30px;
	float:left;
	border:1px solid #ddd;
	text-align:center;
	font-size:18px;
	font-weight:600;
}
.pro li img {
	margin-bottom:15px;
	width:370px;
	height:260px;
}
.pro a:hover li {
	box-shadow:0px 0px 15px #333;
}
.pro li .more {
	position: absolute;
	background:url(../images/more.png) no-repeat;
	z-index:999;
	width:44px;
	height:44px;
	margin-left:300px;
	margin-top:230px;
}
.pro a:hover li .more {
	background:url(../images/more2.png) no-repeat;
	z-index:999;
	width:44px;
	height:44px;
}
.about {
	background:url(../images/aboutbg.jpg) no-repeat center bottom;
	overflow:hidden;
	min-height:550px;
}
.abouttxt {
	width:800px;
	float:right;
	overflow:hidden;
}
.abouttxt p {
	text-indent:2em;
	line-height:150%;
	padding:5px 0px;
}
.rongyu {
	background:#f2f7fa;
	overflow:hidden;
}
.indexlx {
	background:#474747;
	overflow:hidden;
	padding:20px 0px;
}
.gengduo {
	width:150px;
	background:#ffb300;
	height:40px;
	line-height:40px;
	margin:0px auto;
	text-align:center;
	margin-bottom:30px;
}
.content {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.place {
	border-bottom:1px solid #ddd;
	line-height:50px;
	margin-bottom:20px;
}
.pro2 {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.pro2 li {
	width:500px;
	height:550px;
	background:#FFF;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:30px;
	float:left;
	border:1px solid #ddd;
	text-align:center;
	font-size:18px;
	font-weight:600;
}
.pro2 li img {
	margin-bottom:15px;
	width:500px;
	height:500px;
}
.pro2 a:hover li {
	box-shadow:0px 0px 15px #333;
}
.pro3 {
	overflow:hidden;
}
.pro3 li {
	width:300px;
	height:210px;
	border:1px solid #ccc;
	float:left;
	margin-left:10px;
	margin-right:10px;
	margin-bottom:20px;
	text-align:center;
	background:#fff;
}
.pro3 li img {
	width:300px;
	height:210px;
}
.pro4 {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
.pro4 li {
	width:600px;
	height:400px;
	background:#FFF;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:30px;
	float:left;
	border:1px solid #ddd;
	text-align:center;
	font-size:18px;
	font-weight:600;
	box-shadow:0px 0px 15px #333;
}
.pro4 li img {
	margin-bottom:15px;
	width:600px;
	height:400px;
}
#demo {
	width:1300px;
	margin:0px auto;
	overflow:hidden;
}
#indemo {
	float:left;
	width: 800%;
}
#demo1 {
	float:left;
}
#demo2 {
	float:left;
}
#demo ul li {
	width:300px;
	height:210px;
	float:left;
	margin:0px 5px 0 5px;
	display:block;
	text-align:center;
}
#demo ul li a {
	line-height:30px;
}
#demo ul li:hover {
	text-decoration:underline;
}
.viewbox {
	overflow:hidden;
}
.viewbox .title {
	text-align:center;
	line-height:200%;
}
.viewbox .info {
	text-align:center;
	line-height:200%;
}
.fanye li {
	line-height:50px;
	font-size:18px;
}
 @media screen and (max-width:768px) {
 .fl {
float:none;
}
.fr {
float:none;
}
header {
overflow:hidden;
}
.head {
width:100%;
margin:0px auto;
overflow:hidden;
}
.logo {
width:100%;
overflow:hidden;
}
.logo img {
width:100%;
}
.tel {
width:200px;
overflow:hidden;
text-align:center;
}
.tel img {
width:100%;
}
.menu {
background:#04366c;
overflow:hidden;
}
.nav {
width:100%;
margin:0px auto;
overflow:hidden;
}
.nav a li {
width:33%;
float:left;
text-align:center;
line-height:55px;
font-size:18px;
color:#FFF;
border-bottom:1px solid #fff;
border-left:1px solid #fff;
}
 .nav a:hover li {
 text-decoration: none;
background:#003;
 color: #fff;
}
 .banner { max-width:768px;

height:300px;
 margin:0px auto;
 background:#000;
}
.flexslider {

 overflow: hidden;
 background: url(../images/loading.gif) 50% no-repeat;
 position:relative;
}
.slides li {height:300px;

}
.slides li  img{ height:100%

}
.flex-control-nav {
 position: absolute;
 bottom: 25px;
 z-index: 2;
 width: 100%;
 text-align: center;
}
.flex-control-nav li {
 display: inline-block;
 width: 12px;
 height: 12px;
 margin: 0 5px;
*display: inline;
 zoom: 1;
}
.flex-control-nav a {
 display: inline-block;
 width: 12px;
 height: 12px;
 line-height: 40px;
 overflow: hidden;
 background: url(../images/dot.png) right 0 no-repeat;
 cursor: pointer;
}
.flex-control-nav .flex-active {
 background-position: 0 0;
}
 .fenlei {
width:100%;
margin:0px auto;
overflow:hidden;
padding:20px 0px;
}
.fenlei li {
width:45%;
float:left;
overflow:hidden;
height:140px;
text-align:center;
font-size:12px;
margin-left:5px;
}
.fenlei li .pic {
text-align:center
}
.fenlei li .fenleiname {
color:#FFF;
}
 .fenlei li .pic img {
width:100px;
height:100px;
border-radius:53px;
border:6px solid #fff;
}
 .indextit {
text-align:center;
font-size:30px;
line-height:100px;
font-weight:700;
}
.w1300 {
width:100%;
margin:0px auto;
overflow:hidden;
}
 .about {
background:#f5f6fb;
overflow:hidden;
min-height:550px;
}
 .abouttxt {
width:90%;
margin:0px auto;
float:none;
overflow:hidden;
}
.abouttxt p {
text-indent:2em;
line-height:150%;
padding:5px 0px;
}
 .content {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro li {
 width:320px;
 height:300px;
 background:#FFF;
 margin-left:15px;
 margin-right:15px;
 margin-bottom:30px;
 float:left;
 border:1px solid #ddd;
 text-align:center;
 font-size:18px;
 font-weight:600;
}
.pro li img {
 margin-bottom:15px;
 width:320px;
 height:240px;
}
.pro a:hover li {
 box-shadow:0px 0px 15px #333;
}
.pro li .more {
 position: absolute;
 background:url(../images/more.png) no-repeat;
 z-index:999;
 width:44px;
 height:44px;
 margin-left:260px;
 margin-top:210px;
}
.pro a:hover li .more {
 background:url(../images/more2.png) no-repeat;
 z-index:999;
 width:44px;
 height:44px;
}
 .pro2 {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro2 li {
width:320px;
height:220px;
background:#FFF;
margin-left:10px;
margin-right:0px;
margin-bottom:30px;
float:left;
border:1px solid #ddd;
text-align:center;
font-size:18px;
font-weight:600;
}
.pro2 li img {
margin-bottom:15px;
width:320px;
height:170px;
}
.pro2 a:hover li {
box-shadow:0px 0px 15px #333;
}
 .pro4 {
width:100%;
margin:0px auto;
 overflow:hidden;
}
.pro4 li {
 width:320px;
 height:200px;
 background:#FFF;
 margin-left:10px;
 margin-right:0px;
 margin-bottom:30px;
 float:left;
 border:1px solid #ddd;
 text-align:center;
 font-size:18px;
 font-weight:600;
 box-shadow:0px 0px 15px #333;
}
.pro4 li img {
 margin-bottom:15px;
width:320px;
 height:200px;
}
}
 @media screen and (max-width:667px) {
 .fenlei {
width:100%;
margin:0px auto;
overflow:hidden;
padding:20px 0px;
}
.fenlei li {
width:45%;
float:left;
overflow:hidden;
height:140px;
text-align:center;
font-size:12px;
margin-left:5px;
}
.fenlei li .pic {
text-align:center
}
.fenlei li .fenleiname {
color:#FFF;
}
 .fenlei li .pic img {
width:100px;
height:100px;
border-radius:53px;
border:6px solid #fff;
}
 .indextit {
text-align:center;
font-size:30px;
line-height:100px;
font-weight:700;
}
 .pro {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro li {
width:45%;
height:200px;
background:#FFF;
margin-left:5px;
margin-right:5px;
margin-bottom:30px;
float:left;
border:1px solid #ddd;
text-align:center;
font-size:16px;
font-weight:600;
}
.pro li img {
margin-bottom:15px;
width:180px;
height:140px;
}
.pro a:hover li {
box-shadow:0px 0px 15px #333;
}
 .pro li .more {
position: absolute;
background:url(../images/more.png) no-repeat;
z-index:999;
width:44px;
height:44px;
margin-left:140px;
margin-top:110px;
}
.pro a:hover li .more {
background:url(../images/more2.png) no-repeat;
z-index:999;
width:44px;
height:44px;
}
 .pro2 {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro2 li {
width:45%;
height:220px;
background:#FFF;
margin-left:10px;
margin-right:0px;
margin-bottom:30px;
float:left;
border:1px solid #ddd;
text-align:center;
font-size:18px;
font-weight:600;
}
.pro2 li img {
margin-bottom:15px;
width:340px;
height:170px;
}
.pro2 a:hover li {
box-shadow:0px 0px 15px #333;
}
 .pro4 {
width:100%;
margin:0px auto;
 overflow:hidden;
}
.pro4 li {
width:45%;
 height:200px;
 background:#FFF;
 margin-left:10px;
 margin-right:0px;
 margin-bottom:30px;
 float:left;
 border:1px solid #ddd;
 text-align:center;
 font-size:18px;
 font-weight:600;
 box-shadow:0px 0px 15px #333;
}
.pro4 li img {
 margin-bottom:15px;
width:340px;
 height:200px;
}
}
 @media screen and (max-width: 375px) {
 .banner { max-width:375px;

height:180px;
 margin:0px auto;

}
.flexslider {

 overflow: hidden;
 background: url(../images/loading.gif) 50% no-repeat;
 position:relative;
}
.slides {
 position: relative;
 z-index: 2; 
}
.slides li {height:180px;

}
.slides li  img{ height:100%

}
.flex-control-nav {
 position: absolute;
 bottom: 25px;
 z-index: 2;
 width: 100%;
 text-align: center;
}
.flex-control-nav li {
 display: inline-block;
 width: 12px;
 height: 12px;
 margin: 0 5px;
*display: inline;
 zoom: 1;
}
.flex-control-nav a {
 display: inline-block;
 width: 12px;
 height: 12px;
 line-height: 40px;
 overflow: hidden;
 background: url(../images/dot.png) right 0 no-repeat;
 cursor: pointer;
}
.flex-control-nav .flex-active {
 background-position: 0 0;
}	 
	 
	 
	 
	 
	 
	 
 .pro {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro li {
width:160px;
height:180px;
background:#FFF;
margin-left:5px;
margin-right:5px;
margin-bottom:30px;
float:left;
border:1px solid #ddd;
text-align:center;
font-size:18px;
font-weight:600;
}
.pro li img {
margin-bottom:15px;
width:160px;
height:120px;
}
.pro a:hover li {
box-shadow:0px 0px 15px #333;
}
 .pro li .more {
position: absolute;
background:url(../images/more.png) no-repeat;
z-index:999;
width:44px;
height:44px;
margin-left:120px;
margin-top:80px;
}
.pro a:hover li .more {
background:url(../images/more2.png) no-repeat;
z-index:999;
width:44px;
height:44px;
}
 .pro2 {
width:100%;
margin:0px auto;
overflow:hidden;
}
.pro2 li {
width:340px;
height:220px;
background:#FFF;
margin-left:10px;
margin-right:0px;
margin-bottom:30px;
float:left;
border:1px solid #ddd;
text-align:center;
font-size:18px;
font-weight:600;
}
.pro2 li img {
margin-bottom:15px;
width:340px;
height:170px;
}
.pro2 a:hover li {
box-shadow:0px 0px 15px #333;
}
 .pro4 {
width:100%;
margin:0px auto;
 overflow:hidden;
}
.pro4 li {
 width:340px;
 height:200px;
 background:#FFF;
 margin-left:10px;
 margin-right:0px;
 margin-bottom:30px;
 float:left;
 border:1px solid #ddd;
 text-align:center;
 font-size:18px;
 font-weight:600;
 box-shadow:0px 0px 15px #333;
}
.pro4 li img {
 margin-bottom:15px;
width:340px;
 height:200px;
}
}
.footer {
	background:#474747;
	padding:30px;
	text-align:center;
}
.dede_pages {
}
.dede_pages ul {
	float:left;
	padding:12px 0px 12px 16px;
}
.dede_pages ul li {
	float:left;
	font-family:Tahoma;
	line-height:17px;
	margin-right:6px;
	border:1px solid #E9E9E9;
}
.dede_pages ul li a {
	float:left;
	padding:2px 4px 2px;
	color:#555;
	display:block;
}
.dede_pages ul li a:hover {
	color:#690;
	text-decoration:none;
	padding:2px 4px 2px;
}
.dede_pages ul li.thisclass, .dede_pages ul li.thisclass a, .pagebox ul li.thisclass a:hover {
	background-color:#F8F8F8;
	padding:2px 4px 2px;
	font-weight:bold;
}
.dede_pages .pageinfo {
	line-height:21px;
	padding:12px 10px 12px 16px;
	color:#999;
}
.dede_pages .pageinfo strong {
	color:#555;
	font-weight:normal;
	margin:0px 2px;
}