@charset "gb2312";
body { background-color:#FFF; font-family:Verdana, Arial, Tahoma; font-size:12px; color:#000; line-height: 24px; text-align:left;}
*{ margin:0px; padding:0px;}
.clear{ clear:both;}
a:hover {
	text-decoration:underline;
}
img {
	text-decoration:none;
	border:0px;
}
ul {
	list-style-type:none;
}
a {
	text-decoration:none;color:#3d3d3d;
}
td {
	font-size:14px;TEXT-ALIGN: left;
}
h3 {
	margin:0px;
	padding:0px;
}
.hbox{width:1280px; margin:0 auto;}
.header_left{ float:left; width:700px;line-height:30px; height:30px;text-align: left;}
.header_right{ float:right; text-align:center; width:210px;line-height:30px; height:30px;}
.header_right li{ float:left; width:60px;  margin-right: 10px;line-height:30px; height:30px;}
.header{  background: #f3f3f3;
  height: 30px;
  line-height: 30px;
  font-size: 14px;
  color: #918b8e;
 
  border-bottom: solid 1px #e6e6e6;
  margin: 0 auto;
  width: 100%;}
.logo{ float:left;margin: 30px 0;}
.header_left  h1{font-size: 14px;
    color: #090909;
    float: left;
    font-weight: 500;}
.phone{ position: absolute;right: 20px;top: 40px;color: #c83937;font-weight: bold; font-size:18px; margin:26px 0px 10px 0px;font-family:"Microsoft YaHei", "微软雅黑", Verdana, Arial, Tahoma;}
.nav{ float:right; width:600px; height:44px;margin: 30px 0;}
.nav a{ font-size:14px; display:block;}
.nav li{ float:left; width:100px; height:44px; line-height:44px; text-align:center;}
.nav a:hover{background-color: #c42927;color:#FFFFFF;text-decoration:none;}
.nav .n{ background-color: #c42927;}
.nav .n a{color:#FFFFFF;}
.nav_lin{ background:#c42927; height:5px;}
.banner{ margin:0 auto; width:100%; height:550px; text-align:center;}


.about{ float:left; width:400px; margin-top:20px; height:auto; overflow:hidden;}
.news{float:left; width:400px;margin-top:20px; margin-left:20px;height:auto; overflow:hidden;}
 .news li{ width: 400px;
  border-bottom: 1px dashed #ccc;
  line-height: 54px;
  float: left;}
.news a{ float:left; width:250px;}
.news span{ float:right; width:38px;}
.content{float:right; width:400px;margin-top:20px;height:auto;}
.title{ height:30px; border-bottom:#c42927 solid 2px;}
.about_cot{ margin-top:10px;}

.about_img{ text-align:center;}
.about_img img{ margin: 10px 20px;}

.product{ width:1280px; margin:0px auto;margin-top:20px;}
.producttitle{ width:1280px; margin:0px auto;height:30px; border-bottom:#c42927 solid 2px;}
.product h2{ width:200px; float:left;}
.product .more{ float:right;}
.procot li { float:left; margin-top:10px; margin-left:12px;}
	.procot li img {
		border: solid #CCCCCC 1px;
		height: 240px;
		width: 240px;
	}
	.procot li .zi {
		width: 240px;
		height: 50px;
		line-height: 50px;
		text-align: center;
		background: #c42927;
		display: block;
	}
.procot li .zi a{color:#FFFFFF; }
.a_lin{background:#c42927; height:5px; margin-top:20px;}
.b_lin{background:#e9e9e9; height:50px; }
.c_lin{background:#d7d7d7; height:100px; padding-top:20px;}
.flexslider { position: relative; height: 550px; overflow: hidden; background: url(../images/loading.gif) 50% no-repeat;}
.slides { position: relative; z-index: 1;}
.slides li { height: 550px;}
.slides li img{ margin:0px auto;}
.flex-control-nav { position: absolute; bottom: 10px; z-index: 2; width: 100%; text-align: center; left:0;}
.flex-control-nav li { display: inline-block; width: 14px; height: 14px; margin: 0 5px; *display: inline; zoom: 1;}
.flex-control-nav a { display: inline-block; width: 14px; height: 14px; line-height: 40px; overflow: hidden;   border: 1px #fff solid;background:#c42927; cursor: pointer;}
.flex-control-nav .flex-active { background-position: 0 0;}

.flexslider {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 550px; /* 根据实际图片高度调整 */
}

.slides {
	position: relative;
	height: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
}

.slides li {
	position: absolute;
	width: 100%;
	height: 100%;
	background-size: cover !important;
	background-position: center !important;
	opacity: 0;
	transition: opacity 1s ease-in-out;
}

.slides li.active {
	opacity: 1;
}