@charset "utf-8";
/* CSS Document */
body {
	font-size:12px;
	font-family: Arial;
	padding:0;
	margin:0;
	color:#666666;
	background:#211f22;

}
div, form, ul, dd, dl, ol, dt, li, p {
	list-style:none;
	padding:0;
	margin:0;
}
font,h1,h2, h3, h4, h5, h6 {
	font-size:100%;
	margin:0;
	padding:0;
	font-weight:bolder;
}
img {
	border:none;
	 vertical-align: middle;
}
a {
	text-decoration:none;
	color:#666666;
	cursor:pointer;
}
a:hover {
	color:#666666;
	text-decoration: none;
}

.fl{ float:left;}
.fr{ float:right;}

/********************************head*******************************************/
.head{ width:100%; overflow:hidden;}
.w70{ width:70%; margin:0 auto; overflow:hidden;}
.top{ height:66px; background:#202020; overflow:hidden;}
.top ul li{ font-size:15px; float:left; margin-right:40px; background:url(../images/red.jpg) no-repeat center left;line-height:66px;}
.top ul{ float:left;}
.top a{ color:#cccccc;display:block;padding-left:20px; font-weight:bolder;}
.top p{ float:right; font-size:15px; line-height:66px; background:url(../images/shopping.png) no-repeat center left;}
.top p a{ padding:0 0 0 36px;}
.top p em{ padding-left:10px;}
.logo{ width:100%;height:165px; background:url(../images/logo_bg.jpg) repeat-x; overflow:hidden;}
.logo_pic{ width:55%;float:right; overflow:hidden;}
.logo_pic img{ width:100%;}
.logo_tel{ width:100%; height:165px; text-align:left;background:#dddddd; overflow:hidden;}
.wall{ width:100%; overflow:hidden;}
.w32{ width:32%; float:left;overflow:hidden; display:inline;}
.w68{ width:68%; float:right;overflow:hidden;display:inline; background:#f4f4f4;}
.main{ width:85%; overflow:hidden;}

/********************************ss*******************************************/
.search{ width:100%; height:70px; overflow:hidden; background:#444444;}
.search .menu,.nav .menu,.network .menu,.index_about .menu{ width:55%;overflow:hidden; float:right;}
#text{ width:70%; height:36px; float:left;margin-top:17px; border:none;outline:none; overflow:hidden;}
#search{ width:44px; height:40px;float:left;border:none;margin-top:17px; outline:none; background:url(../images/ss.jpg) no-repeat; overflow:hidden; cursor:pointer;}

/********************************nav*******************************************/
.nav{ width:100%;background:#211f22; overflow:hidden;}
.nav .menu h1{width:100%;color:#ffffff; font-size:35px; padding:8% 0; overflow:hidden;}
.nav .menu ul{ width:85%; overflow:hidden;}
.nav .menu ul li{width:100%; height:42px; line-height:42px; border-bottom:1px solid #454545;background:url(../images/click.png) no-repeat right center; overflow:hidden;}
.nav .menu ul li a{ width:90%; color:#ffffff; overflow:hidden;float:left; display:block;}
.line{ width:100%; height:93px; background:#444444; overflow:hidden; margin-top:8%;}

.network,.index_about{ width:100%; background:#211f22; overflow:hidden;}
.network h2,.index_about h2{ width:100%;font-size:35px; color:#e11313;padding:8% 0 3% 0; overflow:hidden; }
.network h2 a,.index_about h2 a{ color:#e11313;}
.index_about p{ color:#cccccc; font-size:15px; line-height:25px; padding:0 5% 0 0}


/********************************banner*******************************************/
.flexslider {
	position: relative;
	overflow: hidden;
}
.slides {
	position: relative;
	z-index:1;
}
.flex-control-nav {
	position: absolute;	
	bottom:3px;
	z-index: 1;
	width: 100%;
	left:50px; bottom:50px;
}
.flex-control-nav li {
	display: inline-block;
	width: 12px;
	height: 17px;
	margin: 0 5px;
*display: inline;
	zoom: 1;

}
.flex-control-nav a {
	display: inline-block;
	width: 12px;
	height: 17px;
	overflow: hidden;
	background: url(../images/dot.png) right 0 no-repeat;
	cursor: pointer;
	text-indent:-9999px;
}
.flex-control-nav .flex-active {
	background-position: 0 0;
}

/********************************right*******************************************/
.w68 .title{ width:100%; font-size:35px; line-height:105px; text-align:center; color:#ffffff;height:105px; background: url(../images/index_title.jpg) repeat-x; overflow:hidden;}
.index_product { background:#f4f4f4; padding:3% 0 2% 0;}
.index_product ul{ width:96%; margin:0 auto; overflow:hidden;}
.index_product ul li{ width:24%;float:left; background:#e9e9e9;  overflow:hidden; margin:0 0.5% 4% 0.5%; padding-bottom:3%;}
.index_product ul li span img{ border:1px solid #dcdcdc; width:99%; float:left; overflow:hidden;}
.index_product ul li h4{ width:92%; float:left;height:40px; line-height:20px;font-weight:normal; margin:5% 4%;font-size:14px; overflow:hidden;text-align:center;}
.index_product ul li p{ width:90%;color:#fff; margin:0 auto;height:37px;line-height:37px;font-size:16px;background:#ff0000;overflow:hidden; text-align:center;}
.index_product ul li a{ display:block;}

/********************************newsletter*******************************************/
.newsletter{ width:100%;font-size:22px;background:#444444; color:#fff;}
.newsletter h5{ float:left; line-height:96px; margin:0 3%;}
.newsletter #newsletter{ width:60%; height:55px;  margin-top:1.9%;overflow:hidden; border:none; outline:none; float:left;}
.newsletter #submit{ width:58px; height:55px; margin-top:2%;background:url(../images/submit.jpg) no-repeat; overflow:hidden; cursor:pointer; border:none; outline:none;}
.about_pic{background:#555555;}


/********************************footer*******************************************/
.footer{ width:100%; overflow:hidden;}
.footer_top{ width:100%; background:#f4f4f4; overflow:hidden; padding:5% 0;}
.footer_top dl.f1{ width:20%;overflow:hidden; margin-left:3%;}
.footer_top dl.f2{ width:25%;overflow:hidden;margin-left:7%;}
.footer_top dl.f3{ width:35%;overflow:hidden;}
.footer_top dl.f2 dd{ float:left; margin:5% 5% 0 0;}
.footer_top dl.fl dd{ font-size:14px; line-height:28px;}
.footer_top dl.f3 dd{ font-size:14px; line-height:38px;}
.footer_top dl dt{ font-size:22px; color:#211f22; font-weight:bolder;}
.footer_top dl dd{ font-size:14px; line-height:28px;}
.footer_top dl dd img{ margin:10px 6px 0 0;float:left;}
.footer_top dl p{ color:#e11313; display:inline;}
.footer_top dl p.tel{ font-size:16px; font-weight:bolder;}
.footer_top dl dt{ margin-bottom:5%;}
.footer_bq{ width:100%; height:52px; line-height:52px; overflow:hidden; background:#e0e0e0;}
.foot_bq_left{ margin-left:3%;}
.footer_bq em{ color:#e11313; font-weight:bolder; font-style:normal;}



/********************************product*******************************************/
.w68 .pro_title{ width:100%; font-size:35px;line-height:70px; text-align:center; color:#ffffff;height:70px; background: url(../images/pro_title_bg.jpg) repeat-x;; overflow:hidden;}
.pro_product { background:#f4f4f4; padding:3% 0 1% 0;}
.pro_product ul{ width:96%; margin:0 auto; overflow:hidden;}
.pro_product ul li{ width:32%;float:left; background:#e9e9e9;  overflow:hidden; margin:0 0.5% 4% 0.5%; padding-bottom:3%;}
.pro_product ul li span img{ border:1px solid #dcdcdc; width:99%; float:left;}
.pro_product ul li h4{ width:90%; height:40px; padding:5% 0; font-weight:normal;margin:0 auto; overflow:hidden; font-size:14px; line-height:20px; text-align:center;}
.pro_product ul li p{ width:90%;color:#fff; margin:0 auto;height:37px;line-height:37px;font-size:16px;background:#ff0000;overflow:hidden; text-align:center;}
.pro_product ul li a{ display:block;}


/********************************page*******************************************/
.page{text-align:center;padding:0 0 5% 0; background:#f4f4f4;}
.pagination {
	font-family:Arial;
	height:50px;
	line-height:50px;
	overflow: hidden;
}
.pagination a {

	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	padding-top: 10px;
	margin: 0px 1px;
	color: #6d6570;
	background:#fff;
	text-decoration: none;
}
.pagination a:hover {

	color: #fff;
	background-color: #211f22;
}
div.pagination a:active {

	color: #fff;
	background-color: #211f22;
}
.pagination span.current {

	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	margin: 0px 1px;
	color: #fff;
	padding-top: 10px;
}
.pagination span.disabled {
	background-color: #211f22;
}


/*******************************about us*******************************************/
.about{ width:100%;overflow:hidden;}
.about_cn{ width:95%; margin:0 auto; overflow:hidden; padding:2% 0 4% 0;font-size:16px; line-height:32px; color:#333333;}
.about_top{ width:95%; margin:0 auto; overflow:hidden; padding:4% 0 2% 0;}
.about_img{ width:38%; border:1px solid #dcdcdc; overflow:hidden; float:left;}
.about_zd{ width:58%; float:right; overflow:hidden;}
.about_zd h1{ font-size:20px; line-height:30px; color:#000; margin-bottom:20px;}
.about_zd span{ font-size:18px; line-height:31px; font-weight:bolder; color:#333;}
.about_zd p{ font-size:14px; line-height:31px; }
.about_xc{  width:95%; margin:0 auto; overflow:hidden;}
.about_xc ul li{ width:18%; float:left; margin-right:1%; border:1px solid #dcdcdc; overflow:hidden;}

/*******************************news*******************************************/
.news{ width:100%; overflow:hidden; padding:2% 0 3% 0;}
.news ul{ width:92%; margin:0 auto; overflow:hidden;}
.news ul li{ border-bottom:1px dashed #cccccc; padding:3% 0;}
.news ul li h2{ font-size:16px; padding:1% 0;}
.news ul li p{ font-size:14px; line-height:26px;}
.news ul li p a{ color:#e11313; font-weight:bolder;}


/********************************search*******************************************/
.location {width:100%;padding-left: 10px;height: 41px;line-height: 41px;}
.newslist {list-style: none;margin: 0 auto;padding: 0px;margin-left: 10px;}
.newslist li {height: 45px;line-height:45px;text-align: left;margin: 0 auto;padding-left: 15px;list-style: none;border-bottom: 1px dotted #DADBD6;overflow: hidden;}
.newslist li .data {float: right;padding-right: 10px;color: #B3B3B3;}

/********************************search*******************************************/
.tablepro
  {
  font-family:Arial, Helvetica, sans-serif;
  width:100%;
  line-height:30px;
  border-collapse:collapse;
  background:#fff;
  margin-bottom:30px;
  border:solid #dcdcdc; border-width:1px 0px 0px 1px;
  }
.tablepro td
  {
  height:30px;line-height:30px;
  border:solid #dcdcdc; border-width:0px 1px 1px 0px; 
  padding:0 0 0 10px;
  color:#333;
  }  
 .tablepro td.ltxt
 {font-weight:bolder;}
 .pjpro
 {width:100%;font-size:14px;line-height:30px;color:#333;}
 .pjpro  p
 {width:100%;font-size:14px;line-height:30px;}
 .pjpro img
 {border:1px solid #dcdcdc;}
 .pjpro .cont
 {}
 
 
 
 
 
 
 
 .liuyan{ width:100%; margin:0 auto; margin-top:20px; margin-bottom:20px;overflow:hidden;}
.liuyan table tr{ display:inline;float:left;}
.formlist{ width:1000px; overflow:hidden;}
.formlist .infoInput{ width:306px; height:46px; float: right; display:inline; color:#a2a2a2;margin-right:8px; padding-left:8px; line-height:45px;}
.formlist .infoInput2{ width:973px; height:46px;color:#a2a2a2; margin-top:16px; line-height:45px; padding-left:8px; }
.area{ width:973px; height:300px;margin-top:10px; overflow:hidden;color:#a2a2a2;padding-left:8px; line-height:22px;}
.buttonface1{ width:76px;height:38px; float:left; background:url(../images/submit.gif) no-repeat;overflow:hidden; border:none;cursor:pointer; margin-top:15px;}
.buttonface2{ width:76px; height:38px; float:left;background:url(../images/reset.gif) no-repeat;overflow:hidden; border:none; cursor:pointer; margin:15px 0 0 0;}