@charset "utf-8";



/* CSS Document */



body {

	background-color: #fff;

	overflow-x: hidden;

	color: #666;

	font-size: 12px;

	font-family: microsoft yahei, "宋体";

	position: relative;

}







/*网站字体颜色*/



.header,

.content,

.container {

	margin-left: auto;

	margin-right: auto;

	width: 1000px;

	font-family: microsoft yahei;

}

a:hover{

	color: #bf0103;



}



/*页眉*/



.header {

	width: 100%;

	

	background-color: #fff;

}



.hdtop {

	height: 140px;

	overflow: hidden;

}



.hdtop .hdtop_l {

	float: left;

	margin-top: 17px;

}



.hdtop .hdtop_l span {

	float: left;

}



.hdtop .hdtop_l span img {

	display: block;

}



.hdtop .hdtop_l>div {

	padding-left: 173px;

	padding-top: 13px;

}



.hdtop .hdtop_l>div h1 {

	font-size: 36px;

	color: #303030;

}



.hdtop .hdtop_l>div p {

	font-size: 17px;

	color: #5c5c5c;

	margin-top: 15px;

}



.hdtop .hdtop_r {

	float: right;

	margin-top: 48px;

}



.hdtop .hdtop_r dt {

	float: left;

}



.hdtop .hdtop_r dt img {

	display: block;

}



.hdtop .hdtop_r dd {

	padding-left: 39px;

	padding-bottom: 12px;

}



.hdtop .hdtop_r dd span {

	font-size: 14px;

	color: #303030;

}



.hdtop .hdtop_r dd p {

	font-size: 25px;

	color: #fe0000;

	font-weight: bold;

	padding-top: 3px;

}



.hddown {

	height: 56px;

	/*background: url(../images/bag.png) repeat-x left center;*/

	background: #BF0103;

}



.hddown .Menu {

	height: 100%;

}



.hddown .Menu li {

	width: 157px;

	height: 56px;

	text-align: center;

	float: left;

	/*background: url(../images/mns.png) no-repeat left center;*/

	background: #BF0103;

	position: relative;

}



.hddown .Menu li.nobg {

	background: none;

}



.hddown .Menu li a {

	display: inline-block;
	width: 100%;

	height: 56px;

	font-size: 14px;

	text-decoration: none;

	color: #fff;

	line-height: 56px;

	/*padding: 0 21px;*/

}



.hddown .Menu li.cur a,

.hddown .Menu li:hover {

	/*background: url(../images/rmore_h.png) repeat-x left center;

	background-size: 100% 100%;*/

	background: #BF0103;

}



.hddown .Menu li i {

	display: none;

	width: 100%;

	height: 56px;

	background: url(../images/bdyy1.png) no-repeat;

	position: absolute;

	left: 50%;

	bottom: 0px;

	margin-left: -82px;

}



.hddown .Menu li.cur i,

.hddown .Menu li:hover i {

	display: block;

}

.p_10{padding: 0px 10px;margin: 10px 0px;}





.hddown .Menu li .now div,

.hddown .Menu li:hover div {

	width: 100%;

	height: 100%;

	position: absolute;

	top: 56px;

}



.hddown .Menu #nav_tan a i{

	display: none;

	width: 120px;

	height: 56px;

	background: url(../images/bdyy1.png) no-repeat center;

	position: absolute;

	left: 70%;

	bottom: 0px;

	margin-left: -82px;

	

}

.hddown .Menu #nav_tan a:hover i{

	display: block;

}

#box_show{

	position: relative;

}



#box_show:hover > #nav_tan{

	display: block;

	

}



#nav_tan {

	font-size: 14px;

	display: none;

	width: 100%;

	height: auto;

	position: absolute;

	left: 0px;

	/*padding: 5px 0 10px 0;*/

	opacity: 1;

	z-index: 9999999;

	/*background: url(../images/rmore_h.png) repeat-y center center;*/

	background: #BF0103;

}



 #nav_tan a {

	color: #FFFFFF;

	width: 100%;

	height: 56px;

	line-height: 56px;

	text-align: center;

	float: left;

	position: relative;

}



 #nav_tan a:hover {

	width: 100%;

	height: 56px;

	line-height: 56px;

	text-align: center;

	float: left;

	/*background: url(../images/rmore_h.png) repeat-x left center;*/

	background: #BF0103;

	background-size: 100% 100%;

	position: relative;

}



/*-- header_end--*/



.footer {

	background: #303030;

}



.fttop {

	overflow: hidden;

	padding-top: 2px;

	padding-bottom: 70px;

}



.fttop .ftmenu {

	height: 13px;

	padding: 20px 20px;

	border-bottom: 1px solid #4f4f4f;

}



.fttop .ftmenu li {

	height: 13px;

	border-left: 1px dashed #656565;

	float: left;

}



.fttop .ftmenu li.nobd {

	border: none;

}



.fttop .ftmenu li a {

	height: 13px;

	line-height: 13px;

	padding: 0px 44px;

	font-size: 12px;

	color: #e0e0e0;

}



.fttop .Hylinks {

	overflow: hidden;

}



.fttop .Hylinks .Hylinks_l {

	float: left;

	overflow: hidden;

	margin-top: 26px;

	

}



.fttop .Hylinks .Hylinks_l h4 {

	float: left;

	margin-top: 30px;

}



.fttop .Hylinks .Hylinks_l img {

	display: block;

}



.fttop .Hylinks .Hylinks_l>div {

	padding-left: 207px;

}



.fttop .Hylinks .Hylinks_l h5 {

	height: 30px;

	line-height: 30px;

	font-size: 18px;

	color: #e9e9e9;

	padding-left: 12px;

}



.fttop .Hylinks .Hylinks_l p {

	height: 35px;

	line-height: 35px;

	color: #e9e9e9;

	padding-left: 35px;

	font-size: 13px;

}



.fttop .Hylinks .Hylinks_l .adress {

	background: url(../images/dz1.png) no-repeat left center;

}



.fttop .Hylinks .Hylinks_l .hotline {

	background: url(../images/dz2.png) no-repeat left center;

}



.fttop .Hylinks .Hylinks_l .email {

	background: url(../images/dz3.png) no-repeat left center;

}



.fttop .Hylinks .Hylinks_l .fax {

	background: url(../images/dz4.png) no-repeat left center;

}



.fttop .Hylinks .Hylinks_l .fenxiang {

	overflow: hidden;

	margin-top: 12px;

}



.fttop .Hylinks .Hylinks_l .fenxiang a {

	display: inline-block;

	width: 41px;

	height: 41px;

	float: left;

	margin-right: 12px;

	margin-left: 4px;

}



.fttop .Hylinks .Hylinks_l .fenxiang .fx1 {

	background: url(../images/fx1.png) no-repeat;

}



.fttop .Hylinks .Hylinks_l .fenxiang .fx2 {

	background: url(../images/fx2.png) no-repeat;

}



.fttop .Hylinks .Hylinks_l .fenxiang .fx3 {

	background: url(../images/fx3.png) no-repeat;

}



.fttop .Hylinks .Hylinks_l .fenxiang .fx1:hover {

	background: url(../images/fx1_h.png) no-repeat;

}



.fttop .Hylinks .Hylinks_l .fenxiang .fx2:hover {

	background: url(../images/fx2_h.png) no-repeat;

}



.fttop .Hylinks .Hylinks_l .fenxiang .fx3:hover {

	background: url(../images/fx3_h.png) no-repeat;

}





/*-- Hylinks_l_end --*/



.fttop .Hylinks .Hylinks_r {

	float: right;

	overflow: hidden;

	margin-top: 60px;

}



.fttop .Hylinks .Hylinks_r .ewm {

	width: 103px;

	text-align: center;

	float: left;

	margin-left: 15px;

	margin-right: 15px;

}



.fttop .Hylinks .Hylinks_r .ewm span {

	display: inline-block;

	height: 25px;

	line-height: 25px;

	font-size: 13px;

	color: #e9e9e9;

}



.fttop .Hylinks .Hylinks_r .ewm img {

	display: block;

	margin-top: 10px;

}





/*-- Hylinks_r_end --*/



.ftdown {

	height: 60px;

	line-height: 60px;

	background: #BF0103;

}



.ftdown .container {

	height: 60px;

	position: relative;

}



.ftdown .Copyright {

	float: left;

	font-size: 12px;

	color: #d8f1fc;

}



.ftdown .Copyright * {

	display: inline-block;

	font-size: 12px;

	color: #d8f1fc;

}



.ftdown .beivhao {

	float: right;

	font-size: 12px;

	color: #d8f1fc;

}



.ftdown .beivhao * {

	display: inline-block;

	font-size: 12px;

	color: #d8f1fc;

	margin-left: 5px;

}



.ftdown .sjx {

	width: 252px;

	height: 40px;

	background: url(../images/ftyuan1.png) no-repeat;

	position: absolute;

	left: 50%;

	margin-left: -126px;

	top: -40px;

}





/*-- footer_end --*/



#roll_top {

	position: relative;

	cursor: pointer;

	height: 72px;

	width: 26px;

}



#roll_top {

	background: url(../images/top.gif) no-repeat;

}



#gotop {

	display: block;

	width: 15px;

	z-index: 9999999;

	margin-right: -615px;

	position: fixed;

	right: 50%;

	top: 50%;

	_margin-right: -525px;

	_position: absolute;

	_margin-top: 300px;

	_top: expression(eval(document.documentElement.scrollTop));

}



.youce ul li a.yc3:hover .wx_box {

	display: inline;

}



.mt10 {

	margin-top: 10px;

}

#gotop .ul_top{height: 135px;width: 45px;}

#gotop .ul_top li{float: left; cursor: pointer;}

#gotop .ul_top li:nth-child(1){ height: 45px; width: 45px; background: url(../images/d7.png) top center no-repeat; background-size:cover;}

#gotop .ul_top li:nth-child(2){ height: 45px; width: 45px; background: url(../images/d7.png) center center no-repeat; background-size:cover;}

#gotop .ul_top li:nth-child(3){ height: 45px; width: 45px; background: url(../images/d7.png) bottom center no-repeat; background-size:cover;}

#gotop .ul_top li:nth-child(1):hover ~ div{}

#gotop .code1{ width: 0px; height: 0px; position: absolute;top: -75px; left: -124px;opacity: 0;overflow: hidden;transition: all 1s linear;}

#gotop .code2{ width: 0px; height: 0px;position: absolute;top: -30px; left: -124px;opacity: 0;overflow: hidden;transition: all 1s linear; }

#gotop .ul_top li:nth-child(1):hover ~ .code1{ width: 124px; height: 124px;opacity: 1; }



#gotop .ul_top li:nth-child(2):hover ~ .code2{ width: 124px; height: 124px;opacity: 1; }

.code_box{float: left;width:260px;margin-left: 20px;margin-top: 40px;}

.code_box img{ float: left;padding: 20px;}



.wraper{min-width: 1000px; width: 1000px; margin: 0 auto; height: auto;}

.mt40{ margin-top: 40px; clear: both; text-align: left;}

.pro_left{

	float: left;

	width: 250px;

	height: auto;

}

.pro_list{

	width:250px ;

	background: #bf0103;

	height: auto;

	overflow: hidden;

	margin-bottom: 20px;

	padding-bottom: 10px;

	border-radius: 5px;

}

.pro_left ul{

	width: 230px;

	margin-left: 10px;

	height: auto;

	background: #FFFFFF;

}

.pro_left h3{font-size: 24px;color: #FFFFFF;margin: 40px 20px 0px;text-align: center;}

.pro_left p{padding-top:10px;font-size: 12px; color: #FFFFFF;margin-bottom: 20px;text-align: center;}

.pro_left ul li{

	width: 230px;

	height: 40px;

	line-height: 40px;

	font-size: 16px;

	text-indent: 10px;

	border-bottom: 1px dashed #CCCCCC;	

}

.pro_left ul li:hover{

	color: #bf0103;

	border-bottom: 1px dashed #bf0103;	

}

.pro_left ul li:before{

	content: "◊";

	display: inline-block;

	padding-right: 5px;

}

.pro_right{

	float: left;

	margin-left: 50px;

	width: 700px;	

	height: auto;

	margin-bottom: 60px;

}

.pro_right .pro_top h4{

	display: inline-block;

	font-size: 22px;

	height: 40px;

	border-bottom: 4px solid #bf0103;

}

.pro_right .pro_top p{

	float: right;

	font-size: 14px;

	padding-top: 26px;

	padding-right: 20px;

	

}

.pro_goods{

	width: auto;

	height: auto;

	overflow: hidden;

	margin-top: 40px;

}

.ym{

	font-size:12px;

	display: inline-block;

	color: #666666;

	padding: 4px 8px;

	border-radius: 10%;

	text-align: center;

	border: 1px solid #bf0103;

}

.ym:hover{

	background: #bf0103;

	color: #fff;



}

.ymactive{

	background: #bf0103;

	color: #fff;

	cursor: none;

}

.pro_list div{

	width: 230px;

	margin-left: 10px;

	background: #FFFFFF;

	border-radius: 5px;

}

.pro_list .contact{width: 230px;  height: 300px;}
.pro_list .contact h2 {text-align: center;padding-top: 12px;padding-bottom: 10px;background: #BF0103;}
.pro_list .contact h2 a {font-size: 20px;color: #fff;}
.pro_list .contact h2 span {display: block;font-size: 12px;padding-top: 8px;font-family: "Tunga";color: #FFFFFF;font-weight: normal;text-transform: uppercase;}
.pro_list .contact .con_dl{width: 100%; margin: 10px 0; margin-left: 0;}
.pro_list .contact .con_dl p{width: 90%; margin: 0 auto; height: 30px;line-height: 30px;    color: #4e4d4d;font-size: 13px;}

.pro_list span{	

	font-size:14px;

	display: block;

	width: 200px;	

	padding: 4px 15px;

	line-height: 20px;

}

.pro_left ul .listactive{

	color: #bf0103;

	border-bottom: 1px dashed #bf0103;	

}

.pro_list span:nth-child(1){padding-top: 10px;}

.pro_list span:nth-child(3){padding-bottom: 10px;}

.img404{min-width: 500px; width: 500px; margin: 100px auto 50px;}

.a_go_s{width: 500px; text-align: center; margin: 26px auto 100px;}

.a_go_s a{ color: #FFFFFF; display: inline-block; width: 70px;height: 30px; background: #BF0103; line-height: 30px; border-radius: 5px;}

.a_go_s a:hover{ color: #FFFFFF;}