/* CSS Document */

body{  color:#444;   font-family:'微软雅黑'; font-size:14px; padding:0px; margin:0;  }
ul, ol, li, dl, dd, dt, p, h1, h2,h3, h4, h5, h6, form, input,table,tr,td { margin:0px; padding:0px; }
img{ border:none;}
.f12{ font-size:12px;}
ul, li{ list-style:none;}
a{ text-decoration:none; color:#444; font-size:14px;}
a:hover{ color:#E11811;}
.clear{ clear:both; padding:0px; padding:0px; font-size:0px; line-height:0px;}
.clearfix:after {content: ".";display: block;font-size: 0;height: 0;line-height: 0;overflow: hidden;visibility: hidden;width: 0;}
.clearfix:after {clear: both;}
.fa{font-family:Arial;}.ft{font-family:Tahoma;}.fv{font-family:Verdana;}.fs{font-family:'宋体';}.fw{font-family:'微软雅黑';}
.g0{color:#000;}.g3{color:#333;}.g6{color:#666;}.g9{color:#999;}.wh{color:white;}

.dn{display:none;}.db{display:block;}.dib{display:inline-block;}.di{display:inline;}
.h14{height:14px;}.h16{height:16px;}.h18{height:18px;}.h20{height:20px;}.h22{height:22px;}.h24{height:24px;}
.lh14{line-height:14px;}.lh16{line-height:16px;}.lh18{line-height:18px;}.lh20{line-height:20px;}.lh22{line-height:22px;}.lh24{line-height:24px;}
.m0{margin:0;}.ml1{margin-left:1px;}.ml2{margin-left:2px;}.ml5{margin-left:5px;}.ml10{margin-left:10px;}.ml20{margin-left:20px;}.mr1{margin-right:1px;}.mr2{margin-right:2px;}.mr5{margin-right:5px;}.mr10{margin-right:10px;}.mr20{margin-right:20px;}.mt1{margin-top:1px;}.mt2{margin-top:2px;}.mt5{margin-top:5px;}.mt10{margin-top:10px;}.mt20{margin-top:20px;}.mb1{margin-bottom:1px;}.mb2{margin-bottom:2px;}.mb5{margin-bottom:5px;}.mb10{margin-bottom:10px;}.mb20{margin-bottom:20px;}.ml-1{margin-left:-1px;}.mt-1{margin-top:-1px;}
.p1{padding:1px;}.pl1{padding-left:1px;}.pt1{padding-top:1px;}.pr1{padding-right:1px;}.pb1{padding-bottom:1px;}.p2{padding:2px;}.pl2{padding-left:2px;}.pt2{padding-top:2px;}.pr2{padding-right:2px;}.pb2{padding-bottom:2px;}.pl5{padding-left:5px;}.p5{padding:5px;}.pt5{padding-top:5px;}.pr5{padding-right:5px;}.pb5{padding-bottom:5px;}.p10{padding:10px;}.pl10{padding-left:10px;}.pt10{padding-top:10px;}.pr10{padding-right:10px;}.pb10{padding-bottom:10px;}.p20{padding:20px;}.pl20{padding-left:20px;}.pt20{padding-top:20px;}.pr20{padding-right:20px;}.pb20{padding-bottom:20px;}
.pt15{padding-top:15px;}.pb15{padding-bottom:15px;}.pl15{padding-left:15px;}.pr15{padding-right:15px;}
.mt15{margin-top:15px;}.mb15{margin-bottom:15px;}.ml15{margin-left:15px;}.mr15{margin-right:15px;}
.g0{color:#000;}.g3{color:#333;}.g6{color:#666;}.g9{color:#999;}.wh{color:white;}
.f0{font-size:0;}.f10{font-size:10px;-webkit-text-size-adjust:none;}.f11{font-size:11px;-webkit-text-size-adjust:none;}.f12{font-size:12px;}.f13{font-size:13px;}.f14{font-size:14px;}.f16{font-size:16px;}.f20{font-size:20px;}.f24{font-size:24px;}
.fa{font-family:Arial;}.ft{font-family:Tahoma;}.fv{font-family:Verdana;}.fs{font-family:'宋体';}.fw{font-family:'微软雅黑';}
.n{font-weight:normal; font-style:normal;}.b{font-weight:bold;}.i{font-style:italic;}
.tc{text-align:center;}.tr{text-align:right;}.tl{text-align:left;}.tj{text-align:justify;}
.tdl{text-decoration:underline;}.tdn,.tdn:hover,a.tdl:hover{text-decoration:none;}
.lt0{letter-spacing:0;}.lt1{letter-spacing:1px;}
.bk{word-wrap:break-word;}
.vm{vertical-align:middle;}.vtb{vertical-align:text-bottom;}.vb{vertical-align:bottom;}.vt{vertical-align:top;}.vn{vertical-align:-2px;}
.l{float:left;}.r{float:right;}
.cl{clear:both;}
.rel{position:relative;}.abs{position:absolute;}
.zx1{z-index:1;}.zx2{z-index:2;}
.poi{cursor:pointer;}.def{cursor:default;}
.ovh{overflow:hidden;}
.vh{visibility:hidden;}.vv{visibility:visible;}
.z{*zoom:1;}
.tu{text-transform:uppercase}
.w {margin:0 auto; width:1024px;}
/*块状元素水平居中*/
.auto{margin-left:auto; margin-right:auto;}
/*清除浮动*/
.fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;}
/*基于display:table-cell的自适应布局*/
.cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;}
/*双栏自适应cell部分连续英文字符换行*/
.cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;}
/*单行文字溢出虚点显示*/
.ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.ti2{text-indent:2em;}


/*头部*/
.topwrap { margin:0 auto; height:169px; background:url(../images/topbg.jpg) repeat-x;}
.topwrap .toplr{ margin:0 auto;  width:1024px; }
.topwrap .toplr .topleft{ float:left }
.topwrap .toplr .topright{ float:right }

/*导航*/
.navwrap {margin:0 auto; height:40px; background:#b50d0c}
.navwrap .nav{margin:0 auto; width:1024px; text-align:center}
.navwrap .nav ul li{ float:left; width:140px; line-height:40px;}
.navwrap .nav ul li a{ color:#FFF; display:block;  width:140px; height:40px;}
.navwrap .nav ul li a:hover{ color:#fff; display:block; background:#BF2C2B;}

.navwrap .nav ul li a.active{ color:#ff; background:#BF2C2B;}

/*主图*/
.fx_banner {
	background:#f0f0f0;
	width:1903px;
	overflow:hidden;
	position:relative;
	margin:0px auto;
}
.fx_banner_inner {
	position:relative;
	height:511px;
}
.fx_banner_view {
	display:block;
	cursor:pointer;
	width:236px;
	height:65px;
	position:absolute;
	top:277px;
	left:2px;
	background:url(about:blank)
}
.fx_banner_view2 {
	display:block;
	cursor:pointer;
	width:236px;
	height:65px;
	position:absolute;
	top:277px;
	left:163px;
	background:url(about:blank)
}
.fx_banner_img {
	width:100%
}
.fx_banner_img li {
	float:left;
	height:511px;
	width:100%  ;
	position:relative; 
}
.fx_banner_link {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:511px;
	cursor:pointer
}
.ie .fx_banner_link {
	background:url(about:blank)
}
.fx_banner .child {
	position:absolute;
	width:1903px;
	height:511px;
	left:-180px;  
}



.fx_banner_common {
	position:relative
}
.fx_banner_pre {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-275px;
	width:50px;
	height:140px;
	cursor:pointer;
	background:url(../images/ban_pre_24.png);
	opacity:.5;
	filter:alpha(opacity=50)
}
.ie6 .fx_banner_pre, .ie6 .fx_banner_pre:hover {
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ban_pre_24.png', sizingMethod='scale')
}
.fx_banner_next {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-275px;
	width:50px;
	height:140px;
	cursor:pointer;
	background:url(../images/ban_next_24.png);
	opacity:.5;
	filter:alpha(opacity=50)
}
.ie6 .fx_banner_next, .ie6 .fx_banner_next:hover {
	background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/ban_next_24.png', sizingMethod='scale')
}
.fx_banner_pre:hover, .fx_banner_next:hover {
	opacity:1;
	filter:alpha(opacity=100)
}
.fx_content {
	background-color:#b50d0c;
	padding:20px 0 1px 0;
*padding-bottom:20px
}
.fx_banner .control {
	width:300px;
	position:absolute;
	top:480px;
	left:50%;
	margin-left:-100px;
	text-align:center
}
.fx_banner .control li {
	display:inline-block;
*display:inline;
*zoom:1; 
	width:53px;
	height:5px; 
	cursor:pointer;
	background:#fff;margin-left:8px;
	
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
 behavior: url(iecss3.htc) 
	
	
}
.fx_banner .control li a {
	display:none
}
.fx_banner .control li.current {
	width:53px;
	height:5px; 
	background:#F74730; margin-left:8px;
	-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border-radius: 10px; 
 behavior: url(iecss3.htc) 
}

/*小图标*/
.xtbwrap {margin:0 auto; height:91px; background:url(../images/xtbbj.jpg) repeat-x; margin-bottom:19px;}
.xtbwrap .xtb { float:left; width:256px; background:url(../images/jg.jpg) no-repeat right top;}
.xtbwrap .xtb .xtbimg {float:left; width:62px;}
.xtbwrap .xtb .xtbz{float:left; width:150px; margin-left:16px; margin-top:25px; font-size:16px; color:#444; }
.xtbwrap .xtb .xtbz span{ font-size:16px; color:#999;}

/*产品*/
.proleft { float:left; width:224px;}
.proleft .protit{ height:68px; background:#b50d0c; font-size:36px; color:#FFF; text-align:center; line-height:68px;}
.proleft .prolb {background:#818181; height:420px;}
.proleft .prolb ul li { height:37px; color:#FFF; line-height:37px; text-indent:20px; border-bottom:#727272 1px solid}
.proleft .prolb ul li a{ color:#FFF;  }
.proleft .prolb ul li a:hover{ color:#FFF;  background:#b50d0c;height:37px; width:224px; display:block }
.proright { float:right; width:775px;}
.proright .xl ul li{ float:left; width:139px; height:32px;text-align:center;border-left:#b50d0c 1px solid;border-bottom:#b50d0c 1px solid; border-top:#b50d0c 1px solid; padding:1px}
.proright .xl ul li a{ text-align:center; line-height:34px; cursor:pointer; display:block; }
/*.proright .xl ul li a:hover{ color:#FFF; text-align:center; line-height:34px; width:139px;height:32px; background:#b50d0c; display:block }
*/
.proright .xl ul li a.hover{ color:#FFF; text-align:center; line-height:34px; width:139px;height:32px; background:#b50d0c; display:block}

.proright .xl ul li:nth-of-type(5) { border-right:#F00 1px solid;}
.proright .cp { margin-top:7px;}
.proright .cp ul li{ float:left; width:182px; padding-right:11px; }
.proright .cp ul li img{border:1px #eeeded solid}
.proright .cp ul li a:hover img{ border:1px #b50d0c solid}
.proright .cp ul li p{width:182px; height:43px; text-align:center; line-height:24px;}
.proright .cp ul li p a:hover{ color:#b50d0c}

/*广告*/
.gg { margin-top:20px;}

/*关于我们&联系我们*/
.abwrap { margin-bottom:38px; height:507px;}
.aboutleft {float:left; width:647px; }
.aboutleft .abtitwrap{ height:46px; background:url(../images/titbj.jpg) repeat-x bottom; }
.aboutleft .abtitwrap .abtit{ float:left;font-size:24px;height:37px; color:#b50d0c; width:118px; border-bottom:#b50d0c 9px solid}
.aboutleft .abtitwrap .abtitmore{ float:right; width:100px;height:37px; line-height:37px; text-align:center;}
.aboutleft .about { margin-top:20px; height:241px; }
.aboutleft .about .aboutimg {float:left; width:309px;}
.aboutleft .about .about_us {float:right;  width:319px; margin-left:10px; line-height:27px;overflow:hidden}
.aboutleft .gsxpwrap { height:160px; margin-top:34px;}
.aboutleft .gsxpwrap .jtleft{ float:left; width:17px; margin-top:37px;}
.aboutleft .gsxpwrap .jtleft .LeftBotton{   display:block; background:url(../images/leftjt.jpg) no-repeat left center; width:17px; height:66px;}





.aboutleft  .cpgdnr{float:left; width:540px;height:158px; margin-left:30px; display:block; overflow:hidden;}

.aboutleft .gsxp { width:1668000000px; }
.aboutleft .gsxp ul li{ float:left;width:172px; margin:0px 4px;}
.aboutleft .gsxp ul li p{ text-align:center }
.aboutleft .gsxpwrap .jtright{ float:right; width:17px;margin-top:37px;}

.aboutleft .gsxpwrap .jtright .RightBotton{ width:17px; height:66px; display:block; background:url(../images/rightjt.jpg) no-repeat left center;}


.aboutright {float:right; width:365px; margin-top:37px;}
.aboutright .cu{width:335px; height:273px; color:#FFF; font-size:16px; line-height:30px; background:#b50d0c; padding:15px;}
.aboutright .cu a{ color:#FFF; font-size:16px;}
.aboutright .cu span { font-size:25px; font-weight:bold}

/*新闻*/
.newwrap { margin: 0 auto; background:#ededed; height:530px;}
.newwrap .newleft { float:left; width:450px; margin-top:26px; background:#FFF; padding:15px 25px 25px;}
.newwrap .newleft .newtitwrap{ height:46px; background:url(../images/newtitbj.jpg) repeat-x bottom;}
.newwrap .newleft .newtitwrap .newtit{ float:left;font-size:24px;height:42px; color:#b50d0c; width:118px; border-bottom:#b50d0c 4px solid}
.newwrap .newleft .newtitwrap .newtitmore{ float:right; width:100px;height:37px; line-height:37px; text-align:center;}
.newwrap .newleft .new { margin-top:28px; height:150px; }
.newwrap .newleft .new .newimg {float:left; width:187px;}
.newwrap .newleft .new .new_us {float:right;  width:253px; margin-left:10px; line-height:24px;overflow:hidden}
 
.newwrap .newleft .newlb ul li{ height:37px; border-bottom:#CCC 1px dashed; background:url(../images/newtb.jpg) no-repeat left center; line-height:36px; text-indent:20px;}
.newwrap .newleft .newlb ul li span{ float:right}

 #order { height:380px; width:450px; display:block; overflow:hidden; margin-top:28px;}
 
 #order ul li{ height:37px; border-bottom:#CCC 1px dashed; background:url(../images/newtb.jpg) no-repeat left center; line-height:36px; text-indent:20px;}
 #order ul li span{ float:right}



.newwrap .newright { float:right; width:450px; margin-top:26px; background:#FFF; padding:15px 25px 25px;}
.newwrap .newright .newtitwrap{ height:46px; background:url(../images/newtitbj.jpg) repeat-x bottom;}
.newwrap .newright .newtitwrap .newtit{ float:left;font-size:24px;height:42px; color:#b50d0c; width:118px; border-bottom:#b50d0c 4px solid}
.newwrap .newright .newtitwrap .newtitmore{ float:right; width:100px;height:37px; line-height:37px; text-align:center;}
.newwrap .newright .new { margin-top:28px; height:150px; }
.newwrap .newright .new .newimg {float:left; width:187px;}
.newwrap .newright .new .new_us {float:right;  width:253px; margin-left:10px; line-height:24px;overflow:hidden}
.newwrap .newright .newlb ul li{ height:37px; border-bottom:#CCC 1px dashed; background:url(../images/newtb.jpg) no-repeat left center; line-height:36px; text-indent:20px;}
.newwrap .newright .newlb ul li span{ float:right}

/*底部*/
.footbg{ width:100%; height:110px; background:#fff; width:100%;}
.footbg .foot{ height:50px; padding-top:40px;  text-align:center; width:1024px; margin:0px auto; }


















#fix-bar{
	position:fixed;
	bottom:30px;
	right:20px;
}
#fix-bar > ul li{
	margin-top:1px;
	position:relative;
		
}
#fix-bar > ul li,
#fix-bar > ul li a,
#fix-bar > ul li a i.icon{
	height:45px;
	width:45px;		
}
#fix-bar  > ul li a{	
	display:block;		
	right:0;
	position:absolute;	
	white-space: nowrap;	
	background-color:#666;
	box-shadow: 0 0 3px rgba(0, 0, 0, 0.3);
	overflow:hidden;
	line-height:45px;
}

#fix-bar li.slide a em{
	display:none;
	color:#FFF;
	font-size:18px;
	font-family:  Arial, 微软雅黑;
}
#fix-bar > ul li a i.icon{
	margin:0 8px 0 0;
	float:left;
}

#fix-bar .saleline a i.icon{
	background-color:#55a200;
	background-position:10px -377px;	
}
#fix-bar .saleline a:hover{
	background-color:#55a200;
}
#fix-bar .saleline a:hover i.icon{
	background-color:#3e7600;
}
#fix-bar .salelineen a i.icon{
	background-color:#fbb816;
	background-position:10px -296px;	
}
#fix-bar .salelineen a:hover{
	background-color:#fbb816;
}
#fix-bar .salelineen a:hover i.icon{
	background-color:#e9aa11;
}

#fix-bar .qqtalk{
	margin-bottom:46px;
}
#fix-bar .qqtalk a:hover{	
	background-color:#35aae5
}
#fix-bar .qqtalk a .icon{
	background-color:#35aae5;
	background-position:-125px -375px;
}
#fix-bar .qqtalk a:hover i.icon{
	background-color:#2589bb;
}
#fix-bar .feedback{
	margin-bottom:0px;
}
#fix-bar .feedback a:hover{
	background-color:#6e8a98;
}
#fix-bar .feedback a .icon{
	background-color:#6e8a98;
	background-position:-30px -377px;
}
#fix-bar .feedback a:hover i.icon{
	background-color:#587588;	
}

#fix-bar .gotop{
	margin-top:-45px;
	display:none;		
}
#fix-bar li.gotop a.icon{ 	
	background-color:#888;
	background-position:-71px -372px;
}
#fix-bar li.gotop a:hover{
	background-color:#666;
}

#fix-bar .slide{
	text-indent:0px;
}

.icon{
	display:inline-block;
	vertical-align: middle;
	background: url(../images/icon.png) 0 0 no-repeat;	
}

#banner-index{
	width:100%;
	min-width:1000px;
	height:517px;
	position:relative;
	z-index:1;
	overflow:hidden;
}
 