html{background:#FFF;color:#000;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,form,input,textarea,p{margin:0;padding:0;}img{border:0;}ol,ul{list-style:none;}h1,h2,h3{font-weight:normal;font-size:100%;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-weight:inherit;font-size:inherit;font-family:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}a{color:inherit;text-decoration:none;}
/*******CSS reset*************/
body{position:relative;z-index:-2;background:#fff; color:#444;font-size:14px;font-family:'Microsoft YaHei',SimHei,SimYou,SimSun,Arial;z-index:2;}
.f12{font-size:12px;}
.f16{font-size:16px;}
.bold{font-weight:bold;}
.white{color:#fff;}
.left{float:left;}
.right{float:right;}
.t_r{text-align:right;}
.clear{clear:both;}
.relative{position:relative;}
.absolute{position:absolute;}
.rel_center{position:relative;left:50%;}
.hidden{display:none;}
/********General**********/
/*.tel,.nav li,.short_title span,.title span,.widget dd a,.pro span,.info_title a,.jobs a,#submit{background:url('../Image/sprite.gif') no-repeat;}*/
/*.nav,.short_title,.clicked{background:url('../Image/vertical_split.png') repeat-x;}*/
/*******Css sprite*******/
.wrap{margin:0 auto; overflow: hidden;}

.logo{font-size:28px;}
.logo img{vertical-align:middle;}
.tel{padding:3px 0 4px 28px;height:24px;background-position:0 -176px;clear:right;}
.tel span{color:#ff0000;vertical-align:-3px;font-size:24px;}
.search{margin-top: 8px;height: 24px;clear: right;}
.search-text{background: url(../Image/search_bg.gif) no-repeat;border: none;height: 24px;width: 168px;padding-left: 20px;padding-right: 2px;font-size: 12px;}
.search-btn{ width: 45px; height: 24px; line-height: 24px; margin-left: 8px; border: 1px solid #c5c5c5; font-size: 12px; background: url(../Image/search_btn.gif) repeat-x; }

.main{
	overflow:hidden;

	margin-top: -4px;
	padding-top: 64px;
}
.widget{overflow:hidden;margin-bottom:20px;width:230px;line-height:34px;}
.widget dd a{padding-left:19px;background-position:0 -59px;color:#444;}
.widget a:hover{color:#da020d;}
.widget .clicked{background-position:0px -78px;}
.widget .clicked a{background-position:0px -86px;color:#fff;}
.widget ol{margin-left:10px;}
.widget dd{padding-left:8px;height:30px;}
.widget ul{padding-left:28px;}
.widget p{margin-left:6px;font-size:12px;line-height:20px;}
.short_title{margin-bottom:15px;height:34px;border-radius:2px 2px 0 0;background-position:0 -44px;width:100%;overflow:hidden;zoom:1;}
.short_title span{margin-left:12px;padding-left:13px;background-position:0 -33px;color:#f1a3a6;}

.article {
	overflow:hidden;
	margin-bottom:12px;
	background: url(../Image/art-bg.png) no-repeat ;
	width: 900px;
}
.article p {
	margin:20px 30px;
	font-size:14px;
	line-height:28px;
}
#allmap p {
	line-height:10px;
	margin:10px;
}
.title {
	line-height: 46px;
}
.title strong {
	font-size: 22px;
	color: #fefefe;
	padding-left: 15px;
}
.title strong small{
	font-size: 14px;
	color: #ffffff;
	text-transform: uppercase;
}
.title span {
	font-size: 14px;
	line-height: 46px;
	color: #000000;
	padding-right: 20px;
}
.title a {
	margin-top:4px;
	color:#444;
}
.title .bold {
	color:#da020d;
}
.title .right a:hover {
	color:#da020d;
	text-decoration:underline;
}

.page{margin:10px 20px 15px 0;}
.page a{display:inline-block;height:18px;line-height:18px;border:1px solid #dbdbdb;padding:0 2px 0;}
.page a:hover{background:#404040;color:#fff;border:none;height:20px;line-height:20px;padding:0 3px 0;}
.current {padding:0 6px 0;height:18px;line-height:18px;background:#404040;color:#fff;}
/***************global*****************/
.pro{
	margin-top: 20px;
	overflow: hidden;
	width: 900px;
}
.pro li{float:left;overflow:hidden;margin:0 10px 20px 10px;width:200px;text-align:center;white-space:nowrap;*margin:0 10px 20px 18px;}
.pro span{padding-left:15px;background-position:0 -114px;}
.pro img{padding:3px;width:192px;height:142px;border:1px solid #dcdcdc;}
.pro a{*color:#444;}
.pro a:hover{color:#da020d;}
.pro img:hover{border:1px solid #da020d;}
/*************index&goods**************/
.news{margin-left:17px;}
.news li{margin-top:10px;height:39px;border-bottom:1px dotted #cdcdcd;text-indent:1em;line-height:39px;}
.news li:before{color:#ffb700;content:'■\00a0\00a0\00a0';vertical-align:2px;}
.news li:hover{background-color:#f6f6f6;}
.news a:hover{color:#ffb700;}
/****************news*****************/
.news_title{color:#da020d;text-align:center;line-height:40px;}
.meta{color:#999;text-align:center;line-height:28px;}
/***********news_info**************/
.jobs li{overflow:hidden;margin:23px 18px 28px 28px;padding-bottom:27px;border-bottom:1px dotted #cdcdcd;}
.jobs a{position:relative;top:-150px;background-position:0 -301px;float:right;width:71px;height:34px;color:#fff;text-align:center;line-height:34px;}
.jobs strong{color:#da020d;}
.jobs p{/*margin:6px 0 -134px 156px;*/line-height:35px;}
/***************jobs***************/

.pro_info .rel_center{margin:23px 0 6px;margin-left:-145px;padding:3px;width:290px;height:216px;border:1px solid #dcdcdc;}
.pro_info p{margin:20px 30px 30px 33px;}
.pro_name{display:block;color:#da020d;text-align:center;}
.info_title{margin:30px 0 0 27px;width:663px;height:30px;background:#ececec;}
.info_title b{display:inline-block;padding-left:10px;height:100%;border-right:1px solid #fff;background:#656565;color:#fff;line-height:30px;}
.info_title a{margin:8px;width:15px;height:15px;background-position:0 -426px;}
/********goods_info&jobs_info*******/
.order{margin:40px 0 120px 46px;line-height:40px;}
.order img{vertical-align:-5px;cursor:pointer;}
#submit{width:90px;height:34px;border:none;background-position:0px -366px;color:#fff;cursor:pointer;}
/**************order&message********/

/*sitemap*/
.mesmore{margin-top:5px;}
.mesmore:hover{color:#da020d;text-decoration:underline;}

.sitemap{ width:996px; float:left; /*border:3px solid #f0f0f0;*/ margin-top:10px; margin-bottom:10px;}
.m1{ height:20px; line-height:20px; margin-top:20px; margin-left:20px;}
.m2{ margin-left:20px; margin-top:20px; line-height:25px;}
.m2 span{ font-size:14px; font-weight:bold;}
.m2t{ border:1px solid #f0f0f0; width:800px; padding-left:4px; margin-top:2px; padding:10px; margin-bottom:20px;}
.m2t ul{}
.m2t ul li{ list-style-type:none; float:left; width:150px;}
.m2t ul li a:hover{ color:red}

.f{ float:right; margin-right:10px; _margin-top:7px;}

/*上一页_下一页*/
#prev_next{margin: 10px 20px;clear: both;overflow: hidden;}
#prev_next li{margin: 5px 0;}
/*.map dt{float:right;display:inline;border:1px solid #666;margin-top:10px;z-index:101;border-bottom:1px solid #f0f0f0;}
.map dd{position:absolute;z-index:100;top:31px;left:-65px;background:#f0f0f0;border:1px solid #666;width:135px;*width:145px;}
.map ul{padding-left:10px;line-height:25px;overflow:hidden;zoom:1;font-size:12px;}
.map li{float:left;margin:0 5px;}*/

.inner{
	width: 1200px;
	margin:0 auto;
}

/* header */
.header{ width: 100%; height: 236px; overflow:visible; position:relative;}
.h-line{ width: 100%; height: 5px; background: url(../Image/title-bg.jpg) no-repeat top center;}
.h-top{ width: 100%; height: 40px; background: #f3f0eb;}
.h-top-box{ width: 1200px; height: 100%; margin: 0 auto; overflow: hidden; }
.h-top-box-left{ float: left; padding: 7px 0 0 8px; color: #333;}
.h-top-box-right{ float: right; padding: 7px 40px 0 0; color: #333;}
.h-top-box-right li{
	float: left;
	margin-left: 15px;
	padding-left: 15px;
}
.h-top-box-right li+li{
	border-left: 2px solid #ccc;
}

.h-header{ width: 100%; height: 191px; margin: 0 auto; overflow: hidden; background:url(../Image/header-bg.jpg) repeat-x top center; }
.h-header-box{ width: 1200px; height: 191px; margin: 0 auto }
.logo{ float: left; padding: 18px 0 0 26px; }
.tel{ float: right; padding: 59px 5px 0 0;}
/* nav */
.nav{ background: #ff6d00; width: 100%; height: 46px; margin: 0 auto;}
.nav ul{ width: 1197px; margin: 0 auto;}
.nav ul li{ float: left; width: 171px; height: 46px; text-align: center; line-height: 50px;}
.nav ul li a{ display: block; width: 171px; height: 46px; color:#fff; font-size:16px; }
.nav ul li a:hover{ background:url(../Image/n-bg.jpg) no-repeat top center ; color:#b80600; }
/* banner */
/* main */
.main{ width: 100%; overflow: hidden;     margin-top: 690px;}
.m-product h2{ width:1200px; margin: 0 auto; height: 47px; background: url(../Image/p-bg.jpg) no-repeat top center; }
.m-pbox{ width: 1200px; margin: 20px auto 0; height: 581px; overflow: hidden; }
.m-ptype{ width: 284px;  float: left;}
.m-ptype p{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
}
.m-plist{ width: 284px;  margin: 0 auto; overflow: hidden;}
.m-plist .hd{ width: 282px; height: 45px; background: url(../Image/p-list-tilie.jpg) no-repeat top center;}
.m-plist .bd{ width: 282px; overflow: hidden;  }
.m-plist .bd ul{ width: 100%; padding: 15px 0;}
.m-plist .bd ul li{ width: 100%; height: 48px; background: url(../Image/plist-bg.jpg); line-height: 50px; text-indent: 88px;}
.m-plist .bd ul li a{ display: block; width: 100%; height: 100%; color: #333;}
.m-plist .bd ul li a:hover{ display: block; width: 100%; height: 100%; background: url(../Image/plist-bg2.jpg); color: #fff; }
.m-tel{ width: 286px; height: 133px; background: url(../Image/p-tel.jpg); margin-top: 50px;}
.m-p{ width: 884px; height: 581px; float: right; }
.m-p .hd{ width:884px; height: 54px; background: url(../Image/p-title.jpg) no-repeat top center; }
.m-p .bd{ width: 884px; }
.m-p .bd ul{ width:879px; height:529px; margin: 0 auto; padding-top: 20px; overflow: hidden;}
.m-p .bd ul li{ width: 292;    margin: 0 5px; height: 250px; float: left; text-align: center; }
.m-p .bd ul li img{
	width: 277px;
    height: 205px;
    padding:2px;
    border:1px solid #eee;
}
.m-p .bd ul li a{ display: block; width: 100%; height: 100%; margin: 0 auto; font-size: 14px; color:#555; }
.m-p .bd ul li a:hover{ color: #ff4800;}
.m-advantage{ width: 100%; height: 1350px;}
.m-advantage .hd{ width: 100%; height: 163px; background: url(../Image/advantage-hd.jpg) no-repeat top center; }
.m-advantage{
	position: relative;
}
.m-advantage .inner{
	position: relative;
}
.m-advantage .furits{
	position: absolute;
    top: -80px;
    left: -90px;
}
.m-advantage .leaf{
	position: absolute;
    right: 0;
    top: 163px;
}

.m-advantage .bd{ width: 1333px; height: 1151px; margin: 0 auto;}
.m-a-bd-top{ width: 100%; height: 350px; background: url(../Image/advantage1.png)  no-repeat top center; overflow: hidden; }
.m-a-bd-center{ width: 100%; height: 388px; background: url(../Image/advantage2.jpg) no-repeat top center; overflow: hidden; }
.m-a-bd-bottom{ width: 100%; height: 413px; background: url(../Image/advantage3.jpg) no-repeat top center; overflow: hidden; }
.m-join{ width: 100%; height: 413px; background: url(../Image/join.jpg) no-repeat top center; }
.m-bottom{ width: 1200px; height: 820px; margin: 0 auto; overflow: hidden; }
.m-bottom1{ width: 100%; height: 282px; }

/* m-about styles */

.m-about-honor{
	overflow: hidden;
	    margin-bottom: 20px;
}
	
.m-about{ width: 775px; height: 100%; float: left;}
.m-about .hd{ width: 100%; height: 51px; background: url(../Image/about-title.jpg) no-repeat top center;}
.m-about .bd{ width: 100%; height: 211px; padding-top: 26px;}
.m-about .bd img{
	float: left;
	margin-right: 20px;
}
.m-about .bd p{ line-height: 30px;}
.m-about .bd span{ color: #ff5400; font-size: 16px;}


/* m-honor styles */
.m-honor{ width: 380px; height: 100%; float: right;}
.m-honor .hd{ width: 100%; height: 51px; background: url(../Image/honor-title.jpg) no-repeat top center; }
.m-honor .bd{ width: 378px; height: 205px;  margin-top: 26px;}

/* m-news styles */
.m-news-contact{
		width: 100%; height: 353px; 
			overflow: hidden; 
				margin-bottom: 20px;
}

.m-news{ width: 775px; height:353px; float: left;}
.m-news .hd{ width: 100%; height: 54px; background: url(../Image/news-title.jpg) no-repeat top center; }
.m-news .bd{  padding-top: 26px;}
.m-news ul{
	margin-bottom: 20px;
}
.m-news li {
	width: 100%;
	margin-bottom: 5px;
	    overflow: hidden;
}
.m-news li img{
	float:left;
	width: 211px;
	height: 133px;
	margin-right: 15px;
}
.m-news li h3{
	font-size: 14px;
	color: #666666;
	background: url(../Image/m-news-ico.png) no-repeat left center;
	padding-left: 10px;
	display: inline-block;
	float: left;
}
.m-news li span{
	display: inline-block;
	float: right;
	font-size: 14px;
	color: #666666;
}
.m-news li a:hover{
	color: #f6ab00;
}




/* m-contact styles */
.m-contact{ width: 381px; height:338px; float: right; background: url(../Image/contact-bg.jpg) no-repeat bottom center ;  }
.m-contact .hd{ width: 100%; height: 54px; background: url(../Image/contact-title.jpg) no-repeat top center; }
.m-contact .bd{ width:252px; height: 68px; ;  padding-top: 26px;}
.m-contact .bd img{
	float: left;
	margin-left: 20px;
}
.m-contact .bd p{ margin: 20px 0 0 20px; line-height: 30px;}


/* m-link styles */
.m-link{ width: 1200px; height: 160px; margin: 0 auto; border-bottom: 1px dashed #b5b5b5; }
.m-link h2{ width: 1200px; height: 47px; padding-top: 26px; }
.m-link p{ margin-top: 18px;}

/*footer*/
.footer{ width:100%; height: 251px; background: url(../Image/footer-bg.jpg) repeat-x top center; margin-top: 30px;}
.footer-box{ width: 1200px; height: 210px; margin: 0  auto; overflow: hidden;}
.footer-box ul{
	margin:15px 0 40px 0;
}
.footer-box li{
	float: left;
	margin-left: 15px;
	padding-left: 15px;
}
.footer-box li a {
	color: #fff;
}
.footer-box li + li{
	border-left: 2px solid #fff;
}
.f-logo{ padding: 48px 0 0 58px; float: left;}

.f-logo p{ font-size: 12px; color: #646464; margin-top:50px;}
.f-img{ width: 286px; height: 151px; padding: 26px 0 0 59px; float: right;}



.midden{ width: 1200px; margin: 0 auto; padding: 25px 0; overflow: hidden; }
.m-left{ width: 282px; height: 670px; }


.picScroll-left{ width:376px; height: 202px; border:1px solid #d9d9d9;  overflow:hidden; position:relative;  position: relative;   }

.picScroll-left .bd{ padding:0 66px;   }
.picScroll-left .bd .next{
	display: inline-block;
	width: 23px;
	height: 60px;
	background: url(../Image/h-left.png) no-repeat;
	position: absolute;
	left: 20px;
	top: 75px;
	cursor: pointer;
}
.picScroll-left .bd .prev{
	display: inline-block;
	width: 23px;
	height: 60px;
	background: url(../Image/h-right.png) no-repeat;
	position: absolute;
	right: 20px;
	top: 75px;
	cursor: pointer;
}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{  float:left; _display:inline; overflow:hidden; text-align:center;  }
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:243px; height:164px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ line-height:24px;   }