﻿@charset "utf-8";
/* CSS Document */

body,form,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}
div,ul,dl,dt,dd,p,h1,h2,h3,h4,h5,h6,span{zoom:1;}
body{text-align:center;font:12px Arial,"微软雅黑",Verdana,Helvetica,sans-serif,Microsoft YaHei,"simsun";color:#696969;background-color:#ffffff;background:#fff url('../images/bj.jpg') repeat-x center top;}
html{height:100%;}
td,th,.wrapper{color:#575757;font-size:12px;}
input,select{vertical-align:middle;line-height:normal;font-size:1em; color:#8D8D8D;}
textarea{font-size:1em;line-height:1.75em;} 
a{text-decoration:none;outline:0;cursor:pointer;*star:expression(this.onFocus=this.blur());}
a:link,a:visited,a:active{color:#696969;}
a:hover{color:#db251a;}
img{border:0;vertical-align:middle;}
h1,h2,h3,h4,h5,h6{font-size:1em;line-height:1.5em;}
p{word-break:break-all;}
.hidden{display:none;}
.clear{clear:both;margin-top:-1px;overflow:hidden;height:1px;}
br.clear,div.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden;} 
ul,li {list-style-type:none; text-transform:capitalize;}	/*text-transform控制文本大小写*/
.fw{font-weight:600;}
.fc{color:#C5001F;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.fz{font-size:16px; color:#FFFFFF}

/*topNav*/
#topNav{
	width: 100%; height: 23px; ; 
}
#topNav ul{
	width: 1002px; height: 23px; margin: 0 auto; text-align: left;
}
#topNav ul li{
	line-height: 23px; float:right; display: inline;
}
#topNav ul li#language{
	width: 113px; height: 23px; line-height: 23px; background:#d1d2d1 url('../images/langSelect.gif') no-repeat 91px center; cursor:pointer; _background-position: 91px 9px;  
}
#topNav ul li#language a{
	padding-left:0; padding-right:0;
}
#topNav ul li#language img{
	margin:0px 12px 0px 9px; 
}
#topNav ul li a{
	color:#ffffff; padding-right:11px; padding-left:11px;
}
#topNav ul li a:hover{
	color:#fff000;
}
#lr_systembox{ width:100%; height:23px; position:relative; z-index:100000;}
.lr_systembtn{ width:113px; height:23px; line-height:23px;position:absolute; top:0px; right:0px;_left:0; z-index:100004;}
.lr_systembtn .lr_abtn{ width:100%; height:23px; display:block; color:#4F4F4F;_margin-top:4px; }
.lr_systembtn .lr_abtn:hover{color:#333333;}
.lr_menu{ width:111px;background-color:#ffffff; overflow:hidden; border:#D1D2D1 solid 1px;border-top:none;position:absolute; top:23px; right:0px;_left:0px;  z-index:100005;display:none;}
.lr_menu dl{width:100%; display:block; overflow:hidden;}
.lr_menu a{ width:100%;display:block; color:#4F4F4F;border-bottom:#D1D2D1 dashed 1px;height:30px; line-height:30px; overflow:hidden; }
.lr_menu a:hover{background-color:#E2E2E2; overflow:hidden;}
.lr_menu a img{_float:left;_display:inline;_position:relative;_top:9px;}

/*topContain*/
#topContain{
	width: 100%; height: 90px; overflow: hidden;
}
#top{
	width: 1002px; height: 75px; margin: 0 auto;
}
#logo{
	width:420px; height:75px; text-indent: -999em; background: url("../images/logo.png") 0px 0px no-repeat;
}
#logo h1 a{
	width: 260px; height: 75px; display: block;
}
#topRight{
	text-align: right; color: #353535; line-height: 18px; margin-right:30px;
}
#topRight p{
	margin: 16px 0px 12px; 
}
#keyword{
	width: 133px; height: 16px; border: 1px solid #4f4f4f; background-color:#ffffff; margin-right: 4px;
}
#submit{
	background:url('../images/submit.gif') no-repeat; width: 26px; height: 20px; border: none; cursor: pointer;
}
#navbj{
	background:url('../images/navBg.png') repeat-x;  height: 44px; 
}
#nav{
	background:url('../images/navBg.png') no-repeat; width: 1002px; height: 44px; margin: 0px auto 0px;
}
#nav ul{
	margin-left: 40px; position: relative;
}
#nav ul li{
	float: left; display: inline; height: 44px; line-height: 44px;
}
#nav ul li#navHot{
	background:url('../images/navHot11.gif') no-repeat; width: 26px; height: 16px; position: absolute; top: -5px; left: 430px;
}
#nav ul li.navLi{
	background:url('../images/navLi.jpg') no-repeat center center; width: 2px; padding: 0px 15px;
}
#nav ul li a{
	font-size: 14px; display: block; color:#333333;
}

#nav ul li a:hover{
	color:#0C8BD2;
}
/*adver*/
#adver{
	width: 100%; height: 180px; background-color: #e5e5e5; 
}
#adverContain{
	width: 100%; height: 325px; margin-top:10px;
}
#adverForIndex{
	margin: 0 auto; width: 1002px; height: 325px;
}
#indexContent{
	position: relative; width: 1002px; height: auto; margin: 0 auto ;
}
#classContain{
	margin: 0 auto; width: 1002px; height: 247px; overflow: hidden;text-align: left; overflow: hidden; margin-top:20px;
}
#classContain img{
	margin-right: 6px;
}
#classForIndex{
	width: 1020px;
}

/*Recommended*/
#Recommended{
	width: 1000px; height: 258px; margin: 0px auto 30px; border: 1px solid #ddd; text-align: left; margin-top:10px;
}
#Recommendedi{
	width: 1000px; height: 700px; margin: 0px auto 30px; border: 1px solid #ddd; text-align: center; margin-top:10px;
}
.indexTitle{
	width: 100%; height: 40px; border-bottom: 1px solid #eee; font-size:20px; font-weight: 300;
}
.indexTitle span{
	border-bottom: 2px solid #0C8BD2; padding-left: 10px; display: block; float: left; height: 39px; line-height:39px; color: #0C8BD2;
}
.indexTitle p{
	font-size: 14px; margin-top: 10px;
}
/*indexMain*/
.hotNewsDiv{
	margin-top: 13px; background:url('../images/liImg.jpg') 0px center no-repeat; text-indent: 14px;
}
.hotImgNews{
	margin-left: 10px; width: 180px; height: 70px; line-height: 20px; word-break:break-all
}
#indexMain{
	width: 1002px; height: 358px; margin: 0 auto; text-align: left; overflow: hidden;
}
#indexMain ul{
	width: 1020px;
}
.indexMainContent{
	background:url('../images/index2.jpg') no-repeat; width: 327px; height: 358px; float: left; display: inline; margin-right:10px;
}
#indexMainMiddle{
	margin-right:11px;
}
.indexCompanyDiv{
	width: 307px; margin: 14px auto 0px; height: auto;
}
.indexCompanyDiv p{
	line-height: 22px; margin-top: 7px;
}
#mark{
	width: 1002px; height: 58px; margin: 0px auto 60px; 
}
#bottomNav{
	width: 100%; height: 100px; margin: 0 auto; border-top: 4px solid #21BCFF; text-align: left;
}
.bottomNavUl{
	margin: 20px 0px 0px 0px; 
}
.bottomNavUl li{
	background:url('../images/li_point.jpg') no-repeat left center; font-size:12px; line-height:18px; text-indent: 10px; *text-indent: -6px;  margin-bottom: 4px;
}
.bottomNavLi{
	background:url('../images/bottomNavLi1.jpg') no-repeat; width: 5px; height: 170px; margin: 0px 23px 0px 30px; overflow: hidden;
}

.bottomNavUl li a:link,a:visited,a:active{color:#bbbbbb;}
.bottomNavUl li a:hover{color:#dddddd;}
/*bottom*/
#bottom{
	width: 100%; height: 120px; background-color: #333333; overflow: hidden; 
}
#footer{
	width: 100%; height: 85px; margin: 0 auto; color: #ffffff; padding-top: 12px; text-align: center; line-height: 22px;background-color: #333333;
}
#footer a:link,a:visited,a:active{color:#fff;}
#footer a:hover{color:#fff;}

.elink a:link,a:visited,a:active{color:#fff;}
.elink a:hover{color:#fff;}
/*main*/
#main{
	width: 1002px; height: auto; margin: 6px auto; overflow: hidden;
}
/*index hot product*/
.m_ctr { margin:0px auto;float:left;width:978px;height:auto;overflow:hidden;border:1px #ddd solid;background:#fff;display:inline;margin-bottom:10px;}
.m_title { margin:0 auto;float:left;width:100%;height:40px;line-height:40px;background:#f7f7f7;border-bottom:1px #ddd solid;}
.m_t1 { float:left;width:50%;font-size:16px;font-weight:bold;color:#C5001F; text-align: left; text-indent: 10px;}
.m_t2 { float:right; display: inline; width: 100px;height:40px;background:url('../images/more.gif') 80px 12px no-repeat; margin-right:20px; }
.m_ctt { margin:0 auto;width:958px;height:190px;overflow:hidden;padding:10px 12px; margin-top:20px;}
.m_prev,.m_next { margin:62px auto;float:left;width:32px;height:43px;cursor:pointer;background:url('../images/arr_left.gif');display:inline;}
.m_next { background:url('../images/arr_right.gif');}
.m_picctr { margin:0 13px;float:left;width:888px;height:auto;overflow:hidden;display:inline;visibility: visible; position: relative; z-index: 2; left: 0px; }
.m_pic { margin:0 7px;float:left;width:200px;height:190px;border:0px #ddd solid;display:inline; text-align: center;overflow: hidden;}
.m_pic a{ color:696969}
.m_pic a:link,a:visited,a:active{color:#696969;}
.m_pic a:hover{color:#0C8BD2;}
.m_pic div{ margin-top: 5px; font-size: 14px;}
/*left*/
#left{
	width: 222px; height: auto; margin-right:15px; text-align: left; overflow: hidden;
}
.titleTop{
	width: auto; background-color:#078DDB; color:#ffffff; padding: 7px 16px ; font-size: 14px;
}
.globalUL{
	border-top: 1px solid #ededed; margin-top: 1px;
}
.globalUL li{
	border-bottom: 1px solid #ededed; 
}
.globalUL li a{
	display: block; color: #696969; padding: 8px 20px 8px 25px; width: auto; background:url("../images/liImg.gif") 11px 13px no-repeat;word-break:break-all;
}
.globalUL li a:hover{
	display: block; background-color: #f3f3f3; color:#db251a;
}
/*left hot product*/
.product-area {
	MARGIN: 10px auto 0px;
}
.dropList {
	WIDTH: 222px; BORDER-BOTTOM: #DBDBDB 1px solid; HEIGHT: auto
}
.dropList DL DT {
	BORDER-RIGHT: #DBDBDB 1px solid; BORDER-TOP: #DBDBDB 1px solid; BORDER-LEFT: #DBDBDB 1px solid; WIDTH: 220px; TEXT-INDENT: 15px; LINE-HEIGHT: 29px; BORDER-BOTTOM: #DBDBDB 1px; HEIGHT: 29px
}
.dropList DL DT P {
	CURSOR: pointer; MARGIN-RIGHT: 8px
}
.dropList DL DT P.dropList-hover {
	COLOR: #a10000; MARGIN-RIGHT: 7px
}
.dropList DL DD {
	DISPLAY: none; OVERFLOW: hidden; WIDTH: 222px; HEIGHT: 176px
}
.dropList DL DD IMG {
	BORDER-TOP: #DBDBDB 1px solid;BORDER-left: #DBDBDB 1px solid;BORDER-right: #DBDBDB 1px solid
}
/*middle*/
#middle{
	width: 765px; height: auto; text-align: left; 
}
#content{
	width: 733px; height: auto; border: 1px solid #eaeaec; border-bottom: none; padding: 15px 15px 0px 15px; margin-top: 10px; line-height: 22px; overflow: hidden;
}

#contenti{
	width: 1002px; height: auto; border: 1px solid #eaeaec; border-bottom: none; margin-top: 10px; line-height: 22px; 
}
#productContent{
	width: 950px; height: auto; border: 1px solid #eaeaec; border-bottom: none; padding: 15px 25px 0px 25px; margin-top: 10px; line-height: 22px; overflow: hidden;
}
.middleBtm{
	width: 765px; height: 43px; background:url("../images/middleBtm.jpg") no-repeat;
}
.productBtm{
	width: 1002px; height: 43px; background:url("../images/productBtm.jpg") no-repeat;
}
.productUllist {
	width: 763px; 
}
.productUllist li{
	float: left; display: inline; margin-right:12px; text-align: center; width: 237px; height: auto; 
}
.productUllist li img{
	border:1px solid #cccccc; width: 235px; height: 188px; display: block;
}
.productUllist li div{
	margin: 7px 0px; font-size: 14px;
}

.productUllisti {
	width: 950px; padding-left:38px;
}
.productUllisti li{
	float: left; display: inline; margin-right:12px; text-align: center; width: 225px; height: auto; 
}
.productUllisti li img{
	border:1px solid #cccccc; width: 200px; height: 160px; display: block;
}
.productUllisti li div{
	margin: 7px 0px; font-size: 14px;
}


.proInfo{
	width: 480px; text-align: left;
}
.proname{
	font-size: 22px; color: #DB251A; margin: 8px 0;
}
.promodel{
	font-size: 14px; line-height: 22px; margin: 8px 0;
}
.promark{
	border: 1px solid #CCCCCC; padding: 3px; width: 250px;
}
.proData{
	border-top: 1px solid #CCCCCC; padding-top: 15px; font-size: 18px;
}
.proTable{
	text-align: left;
}

/*news*/
.newsList{
	text-align: left;
}
.newTitle {
    border-bottom: 1px dashed #CCCCCC;
    line-height: 20px;
	padding:8px 0px;
}
.newTitle a {
    background: url("../images/mb_14.gif") no-repeat scroll 0 center transparent;
    padding-left: 15px;
    font-size:14px;
}
.newTitle a:hover{
    text-decoration:underline;
}
.newTitle span {
    color: #b5b3b4;
    padding-left: 12px;
}
.newDetail{
	border-bottom: 1px dashed #CCCCCC;
	padding:8px 0px;
	height:auto;
}
.newDetailLeft{
	width:550px;
}
.newDetailLeft a {
    background: url("../images/mb_14.gif") no-repeat scroll 0 center transparent;
    padding-left: 15px;
    font-size:14px;
}
.newDetailLeft a:hover{
    text-decoration:underline;
}
.newDetailLeft div{
	padding-left: 15px;
	font-size:12px;
}
.newDetailLeft span{
    color: #C5001F;
    font-weight: 600;
    padding-left: 10px;
}
.newDetailRight{
	width:87px;
	height:65px;
}
.newsTitle{
	text-align:center;
	color:#C5001F;
}
.newsInfo{
	text-align:center;
	margin-bottom:5px;
}
.newsContent{
	margin-bottom:5px;
}
.returnNewsList{
	text-align:right;
}
.returnNewsList a{
	color:#C5001F;
}

/*sitemap*/
#sitemap h2{
	font-size: 14px; line-height: 38px; margin: 5px 0; padding-left: 20px;
}
#sitemap h3{
	float: left; display: inline;  padding-left: 30px;
}
#sitemap h3 a{
	font-weight: 300;
}
/*download*/
#tab ul{border-bottom: 1px solid #DB251A;height: auto;}
#tab ul .clear{width:0;height:0;border:none;padding:0;}
#tab ul li{ width: auto;float:left; display: inline; cursor: pointer; border: 1px solid #cccccc; border-bottom: none; padding: 4px 12px; margin-right: 10px;}
#tab ul li.selected{background-color: #DB251A; color: #ffffff; border: 1px solid #DB251A; border-bottom: none;}
.show{ padding: 5px 0px; height: auto;} 
.show ul li{border-bottom: 1px dashed #D0CDBA;padding:12px 0px;background:url('../images/pdf-1.jpg') no-repeat 0px center; position: relative;}
.show ul li .pdfName{ margin-left: 38px;}
.downloadFile{
	position: absolute; right:0;
}

/*demo*/
#demo{
	overflow:hidden; width: 1002px; margin: 0px auto;
}
#indemo {
	float: left; width: 800%;
}
#demo1 {
	float: left; display:inline;
}
#demo2 {
	float: left; display:inline;
}
#demo1 img{
	margin-left: 2px;
}
#demo2 img{
	margin-left: 2px;
}


.nick_fangye{
	float:left;
	clear:left;
	width:750px;
	padding:0 0 30px 0;
	height:25px;
	margin-top:25px;
}
.nick_fangye a{
	color:#333333;
	text-decoration:none;
}
.nick_fangye a:hover{
	color:#D6201C;
	text-decoration:underline;
}

.nick_prv{
	width:60px; height:22px; border:1px solid #ddd; float:left; text-align:center; line-height:22px; background:#eee; color:#333; margin:0 5px 0 0; cursor:pointer;
}

.nick_prv a{
	display:block;
	width:60px; 
	height:22px; 
}

.nick_yema{
	width:22px; height:22px; border:1px solid #ddd; float:left; text-align:center; line-height:22px; background:#eee; color:#333; margin:0 5px 0 0; cursor:pointer;
}
.nick_yema a{
	display:block;
	width:22px; 
	height:22px;
}


.nlimg img{
	margin:10px;
	display:block;
	border:#D6CFB8 solid 1px;
max-width:600px;
width:expression(this.width>600?”600px”:this.width);
}


.Telescopic{
	position: fixed;
	width: 105px;
	right: 10px;
	bottom: 20px;

}

.rq{
	width: 105px;
	height: 40px;
	text-align: center;
	line-height: 40px;
	font-family: "微软雅黑";
	background: #3d86ff;
	color: #fcff00;
	font-size: 18px;
	font-weight: bold;
}
.wx{
	width: 105px;
	height: 131px;
	background: url(../images/wx.png) no-repeat;
}
.return_top{
	width: 105px;
	height: 36px;
	background: url(../images/gotoex.gif) no-repeat;
	cursor: pointer;
}
.wxen{
	width: 105px;
	height: 131px;
	background: url(../images/wxen.png) no-repeat;
}
.return_topen{
	width: 105px;
	height: 36px;
	background: url(../images/gotoex.gif) no-repeat;
	cursor: pointer;
}
.banner img{ width:100%; margin-top:2px; margin-bottom:1px; }

.bannerBox {position: relative; height:359px;}
#slideBoxLeft {Z-INDEX: 1022; position: absolute; margin-top: -24px; width: 49px; background: url(../images/goleft.png) no-repeat left top; height: 49px; top: 50%; left: 0px}
#slideBoxRight {Z-INDEX: 1022; position: absolute; margin-top: -24px; width: 49px; background: url(../images/goRight.png) no-repeat right top; height: 49px; top: 50%; right: 0px}
ul,li{ margin:0px; padding:0px; list-style:none;}
.slideBox {position: relative; height: 359px; overflow: hidden;}
.slideBox ul {position: relative; height: 359px; overflow: hidden;}
.slideBox li {height: 359px}
.slideBox li p {text-align: center;margin:0px; padding: 346px 0 0 0;}
.slideBox li p a {COLOR: #a2a2a2}
.slideBoxNav {padding: 0 0 0 10px; position:absolute; z-index:100000; right:48%; bottom:5px;}
.slideBoxNav a {margin: 0px 10px 0 0;font-size:20px;font-weight:bold; float:left;font-family:tahoma;color:#cfcfd3;height:22px; text-decoration:none; overflow:hidden;}
.slideBoxNav a.selected {color:#ffbe00;}
