@charset "GB2312";
*{word-break:break-all} /*强制换行*/
*{margin:0; padding:0}
html{overflow-x:hidden;}
body{ font-size:12px; font-family:"宋体", sans-serif; line-height:22px; padding:0px; color:#000; margin:0px auto;}
p, h1, h2, h3, h4, h5,h6 {margin:0; padding:0; }
.red{ color:#F00;}
ul, li, dl, dt, dd {margin:0; padding:0; }
li {list-style:none; }
form {margin:0; padding:0; }
img {border:0px; margin:0; padding:0 }

a {text-decoration:none; color:#000; }
a:hover {text-decoration:underline; }
.fl{float:left;}
.marimg{ margin:0px 10px 10px 0px; border:1px #ddd solid;}
.clear{ clear:both}
.topbg{ border-bottom:#e0e0e0 1px solid; height:29px; line-height:30px; }
.topbg1{border-bottom:#fff 1px solid; height:30px}
.top{ margin:0 auto; width:1000px; text-align:left}
.top span{ float:left; width:500px;}
.top ul{ width:245px; float:right; text-align:right;}
.top ul li{ float:left; margin:0 0 0 10px;}
.top a{ color:#000}


.logo{ height:80px; width:1000px; padding:13px 0; margin:auto; background:url(../images/logo.jpg) no-repeat center;}


#nav{ background-image:url(../images/02.jpg); border-top:3px solid #cc0000;} 
#nav ul{ width:1000px; height:35px; line-height:37px; margin:0 auto; z-index:99; position:relative; } 

.navBar {
	z-index:99;
	color:#fff;
	height:42px;
	line-height:42px;margin-right:0px;	 
	/* position:absolute; */position:relative;
}
.nav {
	margin:0 auto;
}
.nav .m {
	float:left;
	position:relative;
	border-top:0;
	border-bottom:0;
	margin-left:-1px; width:125px;
}
.nav h3 {
	float:left;
	font-size:100%;
	font-weight:normal;
	font-size:14px;
	height:42px;
	overflow:hidden;
}
.nav h3 a {
	display:block;
	color:#fff;
	padding:0 20px;
	
	vertical-align:top;
}
.nav .on {
	border:0;
}
.nav .on h3 a {
	background:url(../images/lihover.jpg) no-repeat center;
	color:#ffffff;
	font-weight:bold; display:block; background-color:#000;
	
}
.nav #m3 .sub {
	width:1000px;
	left:-250px;
	right:-1px; 
	top:42px;
	    position: absolute;
	padding-bottom:20px; height:auto;
	    filter: Alpha(opacity=80);
    background-color: #fff;
    background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0 !important;
}
.nav #m3 .sub li {
	line-height:30px;
float:left; width:23%; margin-left:1%; border-right:1px #ddd solid;   margin-bottom:10px; height:160px;
}
.nav #m3 .sub li a {
	display:block;
	color:#333;height:30px; overflow:hidden;line-height:30px;
}
.nav #m3 .sub li a:hover {
	color:#ffffff; background-color:#F00; display:block;line-height:30px;
}
.nav #m3 .sub li dt a{font-size:14px; font-weight:bold; color:#f00; }
.nav #m3 .sub li dd{height:24px; text-align:left;width:48%; float:left; margin-right:2%; margin-bottom:2px;}
.nav #m3 .sub li dd a{font-size:12px; border-bottom:none;width:100%; padding-left:2%; text-align:left;background-image:none; padding:3px; overflow:hidden;}
.nav #m3 .sub li dd a:hover{ text-align:left; line-height:24px; background-image:none; background-color:#F00; height:24px; padding:3px;}

#flashBg {PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 430px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 0px; background:url(../images/banner_bg.png) repeat-x bottom; z-index:-999}
#flashLine {WIDTH: 100%; HEIGHT: 430px; CLEAR: both;}
#flash {POSITION: relative; PADDING-BOTTOM: 0px; MARGIN: 0px auto; PADDING-LEFT: 0px; WIDTH: 100%; PADDING-RIGHT: 0px; HEIGHT: 430px; CLEAR: both; OVERFLOW: hidden; PADDING-TOP: 0px; z-index:0}
#flash A {WIDTH: 100%; DISPLAY: none; HEIGHT: 430px;}
.flash_bar {Z-INDEX: 1; POSITION: relative; TEXT-ALIGN: center; MARGIN: 0px auto; WIDTH: 160px; BOTTOM: 55px; HEIGHT: 30px; OVERFLOW: hidden; PADDING-TOP: 13px !important}
.flash_bar .dq {MARGIN: 5px; WIDTH: 18px; DISPLAY: inline-block; BACKGROUND: url(../images/01.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 18px; CURSOR: pointer; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/01.png" ,sizingMethod="crop")}
.flash_bar .no {MARGIN: 5px; WIDTH: 18px; DISPLAY: inline-block; BACKGROUND: url(../images/02.png) no-repeat 0px 0px; FLOAT: left; HEIGHT: 18px; CURSOR: pointer; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/02.png" ,sizingMethod="crop")}
#flash1{display: none; background-image:url(../images/banner1.jpg); background-position: 50% 50%; background-repeat: no-repeat no-repeat;}
#flash2{display: none; background-image:url(../images/banner1.jpg); background-position: 50% 50%; background-repeat: no-repeat no-repeat;}
#flash3{display: none; background-image:url(../images/banner1.jpg); background-position: 50% 50%; background-repeat: no-repeat no-repeat;}

/*Flash end*/

.main{ width:1000px; margin:15px auto 10px; padding:0;}
/* TAB 部分*/

/* footer css */
.footer{background:#333; border-top:3px solid #e60012; }
.foot{ width:1000px; margin:0 auto; text-align:left; padding:15px 0; line-height:30px; color:#CCC; text-align:center;}

.mainbox{
    overflow:hidden;
    position:relative;
}
.flashbox{
   overflow:hidden;
    position:relative;
}
.imagebox{
    text-align:right;position:relative;
}

.bitdiv{display:inline-block;width:18px;height:18px;margin:0 10px 10px 0px;cursor:pointer;float:right;}
.defimg{background-image:url(../images/02.png)}
.curimg{background-image:url(../images/01.png)}
/* VIP */
.left_vip{ width:310px; float:left; margin-right:20px;}
.vip1{padding:10px 0px; width:298px; height:170px; margin-bottom:10px; border:1px #ddd solid;}
.vip{ }

.right_vip{ width:665px; float:right; background:url(../images/foous.gif) 0 0 no-repeat scroll; padding-top:40px; line-height:21px;}
.right_vip dl{ margin-top:12px;}
.right_vip dl dt{font-size:15px; font-family:"微软雅黑","黑体"; font-weight:600}
.right_vip dl dt a{ color:#cc0000;}
.right_vip dl dd{ text-align:left;}
.right_vip dl dd a{ text-decoration:none; color:#cc0000}
.marquee {
	MARGIN: 10px 0px 0px; OVERFLOW: hidden; WIDTH: 1000px; HEIGHT: 155px
}
.marquee ul {
	FLOAT: left; OVERFLOW: hidden; HEIGHT: 145px
}
.marquee ul li {
	 FLOAT: left; MARGIN: 0px 8px; WIDTH: 155px;  TEXT-ALIGN: center
}
.marquee ul li a img {
	WIDTH: 150px; BORDER: #ddd 1px solid; HEIGHT: 122px; display:block;
}
.marquee ul li a:hover img {
	WIDTH: 150px; BORDER: #cc0000 1px solid; HEIGHT: 122px; display:block;
}


.main1{ border:1px solid #d8d8d8; border-top:3px solid #e70012;width:1000px; margin:15px auto 10px;}
.product_top{ background:url(../images/main1.gif) 0 0 repeat-x ; height:36px; width:100%; text-align:left; margin-bottom:8px;}

#keyword{width:200px;height:20px;float:right;line-height:20px;color:#8f8f8f;}
#searchbutton{width:60px;height:25px;margin:18px 0 0 10px;padding-bottom:2px;float:right;}
#head_bottom{width:960px;height:33px;}
#head_bottom ul li{width:160px;height:33px;line-height:33px;float:left;text-align:center;font-size:14px;font-weight:900;color:#fff;}


.n_1{}

/* TAB 部分 PRODUCT 样式 */
#tablit{width:790px; float:right; margin-bottom:15px;}
#tablit ul{width:790px; float:right; margin-top:-30px; font-weight:normal; }
#tablit ul li{float:left;width:96px;height:28px;  text-align:center; line-height:28px; }
#tablit .on{ background:url(../images/tab.gif) 0 0 no-repeat;width:96px;height:26px; display:block; border-bottom:2px solid #e70012;}
#tablit .out{border:#d7d6d6 1px solid; color:#000; }
#tablit .on a{ color:#333;   font-size:15px; text-decoration:none}
#tablit .out a{ color:#333;  font-size:15px; text-decoration:none}

.tabcon{width:100%;clear:both; padding:5px 0; margin-bottom:8px;  text-align:left}
.tabcon dl{line-height:18px;float:left; width:95%;margin:6px 0; padding:0 6px;}
.tabcon dl dt{ float:left; margin-right:10px; }
.tabcon dl dd{ margin-bottom:8px;}
.dis{display:none; }
.tabcon span{ color:#999; margin-right:5px}
.tabcon a{ color:#333}


.tabcon .piclist{ width:130px; height:120px; float:left; padding:7px; margin-left:9px; background:#efefef; border:1px solid #d8d8d8;}
.tabcon .piclist img{ float:left;}
.tabcon .piclist span{ float:left; width:30%;}
.tabcon .piclist span a{ color:#C00}
.piclist dt{}
.piclist dd{ line-height:24px; height:24px; width:130px; overflow:hidden; text-align:center}
.tabcon_t h3{  width:100%;  line-height:18px; background:url(../images/inew.gif) 0 3px no-repeat; text-indent:20px;}


.main1_left{ float:left; width:200px;border-right:1px solid #d8d8d8;  }
.main1_t{ height:30px; background:url(../images/main1.gif) 0 0 repeat-x; line-height:30px; border-top:1px solid #d8d8d8;  border-bottom:1px solid #d8d8d8;}
.main1_left ul{ margin:10px 8px 3px 8px; text-align:left}
.main1_left li{ line-height:26px; background:url(../images/leftimg.gif) left center no-repeat; padding-left:15px;}

.main1_left li a{ color:#333 }
#pro{ margin-left:10px; float:left; width:788px;}
#tab{overflow:hidden;zoom:1; border-bottom:1px #ddd solid; background-image:url(../images/main1.gif);}
#tab li{float:left;color:#cc0000; cursor:pointer; list-style-type:none; line-height:29px; width:120px; text-align:center;background-image:url(../images/tab.gif); margin-right:8px; font-size:14px; font-weight:bold;height:29px;}
#tab li.current{color:#cc0000; border-bottom:2px #cc0000 solid; height:27px;}
#tab li.current a:link{color:#cc0000; text-decoration:none; font-size:14px; font-weight:bold;}
#tab li.current a:hover{color:#cc0000; text-decoration:none;}


#content{ overflow:hidden; height:380px; }
.flimg{ float:left; padding:5px; border:1px #dddddd solid;}
#pro .cpzs {FLOAT: left;WIDTH: 260px; margin:0px 0px 5px; padding:0px; text-align:left; line-height:22px; letter-spacing:normal}
#pro .cp {
	FLOAT: left; WIDTH: 120px; TEXT-ALIGN: center; margin:0px; padding:0px
}
#pro .title {
	WIDTH: 120px; LINE-HEIGHT:20px; margin:0px; padding:0px
}
#pro .title a{ margin:0px; padding:0px}
#pro .cp IMG {
	border: #d2d2d2 1px solid; padding: 1px; width: 110px;  height: 90px; margin:3px;
}


.main_news{border:1px solid #d8d8d8; padding:10px 5px; width:990px; text-align:left; margin:15px auto 10px;}
.main_news .gsjj{  width:758px; float:left;margin-right:10px; margin-top:-10px;}
.main_news dl dt{ background:url(../images/newbg.gif) 0 0 no-repeat; height:35px; line-height:35px; text-indent:30px; font-size:14px; font-weight:bold; color:#666}
.main_news dl dt span{ margin-left:10px; color:#000}
.main_news dl dd{width:230px; height:30px; overflow:hidden; background:url(../images/leftimg.gif) 0 3px no-repeat; line-height:24px;}
.mainindent{text-indent:10px;}
.main_news dl dd span{ float:right; color:#000;}
.main_news a{ color:#000}
.main_news .lianxi{ width:220px; float:left; color:#000;}
.main_news .lianxi dt{background:url(../images/conbg.jpg) no-repeat; color:#000;}
.main_news .lianxi dd{ background:none;line-height:24px;}
.main_news .lianxi ul{line-height:30px;  vertical-align:bottom;}
.main_news .lianxi ul li{float:left; margin-right:5px;}
.contact_more{ background:#EEE; color:#999; width:950px; margin:10px auto;padding: 30px 0 20px 50px; border:1px solid #d8d8d8;}
.contact_more dl{ width:280px; float:left; line-height:24px; margin-right:8px; border-right:1px solid #CCC;}
.contact_more .cm_3{ border:none;}
#tablit .on{ background:#FFF}
#left{width:220px; float:left; border:1px #DFDFDF solid;}
.cplb{width:220px;}
.cplb_t{height:56px; background:url(../images/cplb.jpg) no-repeat;width:220px;}
.cplb_tit{width:220px; height:30px; line-height:30px; color:#fff; font-weight:bold; font-size:14px; background:url(../images/left_nav.gif) no-repeat left bottom; margin-top:3px;}
.cplb_tit a{height:35px; line-height:30px; color:#fff; margin-left:25px;}
.cplb ul{margin:0; padding:0px;}
.cplb ul li{width:220px; margin:0px auto; height:30px; line-height:30px; border-bottom:1px #DFDFDF solid; background:url(../images/left_nav.gif) no-repeat left top;}
.cplb ul li a{ margin-left:35px;}
.lx{width:220px; background:url(../images/lx.png) no-repeat left;}
.lx_t{width:190px; padding-left:55px; padding-top:15px; height:224px;}
.lx_t p{line-height:19px; margin-bottom:15px; margin-top:20px;}

#right{width:745px; float:right; border:1px #DFDFDF solid;}
#sub_tit {
	LINE-HEIGHT: 30px; HEIGHT: 30px; overflow:hidden; color:#686868; border:1px #DFDFDF solid; PADDING-left: 10px; font-size:12px; line-height:30px;}
#sub_tit a{ color:#484848;}
.content {
	LINE-HEIGHT: 25px; margin:9px 20px;
}
.info{line-height:30px;text-align:right;font-size:12px;color:#666;border-bottom-width:2px;border-bottom-style:solid;border-bottom-color:#E7E7E7;background-color:#F5F5F5;border-top-width:2px;border-top-style:solid;border-top-color:#E7E7E7;padding-right:10px}
.info span{color:#390}
#h_right h1{ font-size:14px; text-align:center}
.picnews {
	PADDING-BOTTOM: 3px; CLEAR: both
}
.picnews DL {
	MARGIN: 1px auto; OVERFLOW: hidden
}
.picnews DL DD {
	TEXT-ALIGN: center; LINE-HEIGHT: 31px; MARGIN: 10px 0px 0px 20px; WIDTH: 150px; DISPLAY: inline; FLOAT: left
}
.picnews DL DD A IMG {
	BORDER-BOTTOM: #dddddd 1px solid; BORDER-LEFT: #dddddd 1px solid; PADDING-BOTTOM: 5px; PADDING-LEFT: 5px; WIDTH: 140px; PADDING-RIGHT: 5px; HEIGHT: 115px; BORDER-TOP: #dddddd 1px solid; BORDER-RIGHT: #dddddd 1px solid; PADDING-TOP: 5px
}
.picnews DL DD A:hover IMG {
	BORDER-BOTTOM: #ecbac8 1px solid; BORDER-LEFT: #ecbac8 1px solid; BORDER-TOP: #ecbac8 1px solid; BORDER-RIGHT: #ecbac8 1px solid
}
.picnews DL DD A {
	DISPLAY: block
}
.page{ font-family:Arial, Helvetica, sans-serif; line-height: normal; font-size: 14px; float:left; width:600px; }
.page a,.page span{display:block;color:#390;font-weight:normal;text-decoration:none;letter-spacing:0px;border:1px solid #ccc;padding-top:3px;float:left;margin-top:5px;margin-right:2px;margin-bottom:5px;margin-left:2px;text-align:center;padding-right:5px;padding-left:5px;height:18px} /* SPAN和链接 */
.page a:hover, .page a.current{color:#F44; border:1px solid #F44} /* 当前链接有激活时 */
.page input{padding:0px;color:#390;height:16px;width:25px;border:0px solid #fff;text-align:center;margin-top:0px;margin-right:-5px;margin-bottom:0px;margin-left:-5px;vertical-align:middle;font-size:12px;} 
.container{ margin:20px 10px 0px 10px; font-size:14px; }
h3{ font-size:15px; color:#000; text-align:center;}
#div{ font-size:12px; float:right; line-height:26px; margin-right:15px;}
.fr_1{ float:right;}
.fr{ float:right; width:20%}
.prenext{ padding-top:20px; padding-bottom:10px;}

.link{ line-height:30px; border-top:1px #ddd solid; background-image:url(../images/main1.gif); padding:5px; margin-bottom:5px;}
.cptit{ background-color:#eeeeee; padding:5px; line-height:30px; margin-bottom:8px;}
.f14{ font-size:14px;}
.fw{ font-weight:bold;}


/*sjbanner*/
.sjbanner{ display:none;}
.index_banner{margin:0px auto; width:100%; height:auto; position:relative;}
.index_banner ul{overflow:hidden;}
.index_banner li{position: absolute; top: 0; left: 0;overflow: hidden; width: 100%;}
.index_banner li a{display:block;margin:0 auto;}
.index_banner cite{position: absolute; bottom: 15px; left: 45%; z-index: 2; display: block; width:100px; height: 20px; _display: none;}
.index_banner cite span{float: left; display: block; width: 1em; height: 1em; text-indent: -999em; opacity: .8; cursor: pointer; background-image: url(../images/02.png); background-repeat: no-repeat; margin-top: 0; margin-right: 5px; margin-bottom: 0; margin-left: 5px; }
.index_banner cite span:hover{background-color:#f5f5f5;}
.index_banner cite span.cur{ cursor: default; background-image: url(../images/01.png); background-repeat: no-repeat; }
/*sjbanner*/



.sjnav{ display:none; width:100%;}
.sjnav li{float: left;text-align: center; width:12.5%; height:40px;line-height:40px;background:url(../images/xl_02.jpg) top left repeat-x; }
.sjnav li a{ color:#FFF; font-size:14px; font-weight:bold;width:100%; line-height:40px; height:40px;background:url(../images/nav_1.png) right no-repeat;display:block; }
.sjnav li a:hover{background: url(../images/xl_03.jpg) left center repeat-x; display:block;  height:40px; line-height:40px;}

.head{ display:none;}
.xl_tit1{ height:32px; background:url(../images/foous.gif) left top no-repeat; margin-bottom:10px; display:none;}

.nvv{width:100%;height: 40px;background-color:#e61000;position: fixed;z-index: 99;bottom: 0px;display: none;}
.nvv ul{margin: 0px;padding: 0px;}
.nvv li{width: 25%;float: left;color: #FFF;text-align: center;display: inline-block;}
.nvv li a{color: #fff;display: block;height: 40px;line-height: 40px;font-size: 14px;font-weight: bold;border-right-width: 1px;border-bottom-width: 1px;border-right-style: solid;border-bottom-style: solid;border-right-color: #ffd1c0;border-bottom-color: #ffd1c0;text-decoration: none;border-top-width: 1px;border-top-style: solid;border-top-color: #ffd1c0;}

@media screen and (max-width: 1000px) {
	
.head{display:block;}
.top { width:100%;}
.top span{ float:left; width:auto;}
.wap{ width:100%;}
.xl_logo1 { float:left;  }
.xl_logo2{ float:right;}
#flashBg{ display:none;}
.sjbanner{ display:block;}
.logo{ display:none;}
#nav{ display:none;}
.sjnav{ display:block;}
.left_vip,.right_vip{ display:none;}
.main{ width:100%;}
.marquee{ width:98%; margin-left:auto; margin-right:auto; height:160px;}
.xl_tit1{ display:block;}
.main1{ width:100%;}
.main1_left{ width:100%;}
.product_top{ margin-top:20px;}
#tab {
    width: 98%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
    margin-bottom: 10px;}
#tab li{ width:33%; margin-right:auto;}
#pro{ width:100%; margin-left:auto;}
#pro .cpzs{ width:32%; margin-right:1%;}
.main_news .gsjj{ width:100%;}
.main_news .lianxi{ display:none;}

.foot{ width:100%;padding-bottom: 50px;}
#left{ display:none;}
#right{ width:100%;}
.picnews DL{ width:98%; margin-left:auto; margin-right:auto;}
.picnews DL DD{ width:20%; margin:auto;}
.main_news{ margin:0px; padding:0px;}
.container img{ width:100%;}
.nvv{ display:block;}

#content{  height:460px; }


}


@media screen and (max-width: 860px) {
	.xl_logo2{ display:none;}
	.xl_logo1 { float:none; text-align:center; padding:10px 0px;}
	.xl_logo1 img{ width:100%; max-width:563px;}
	.picnews DL DD{ width:25%;}

}

@media screen and (max-width: 768px) {
	.sjnav li{float: left;text-align: center; width:25%;
		#pro .cpzs{ width:49%; margin-right:1%;}
	.picnews DL DD{ width:33%;}

}

@media screen and (max-width: 540px) {
	.topbg{ display:none;}
	#pro .cpzs{ width:98%; margin-left:auto; margin-right:auto;}
	.picnews DL DD{ width:50%;}

	
}