@charset "utf-8";
/* CSS Document */

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote,dl, dt, dd, ul, ol, li,pre,form, fieldset, legend, textarea,th, td,img{   border:none;   margin: 0;   padding: 0; color:#000} 
body,button, input, select, textarea {   font: 11px/1.5   Arial, Helvetica, sans-serif }  em{font-style:normal;} 
a{ text-decoration:none; color:#000}
ul, ol { list-style: none; } 
img{ border:none;} 
.clear{ clear:both}
.left{float:left}
.right{float:right}

#maino{ padding-bottom:10px;border-bottom:#e2e2e2 1px solid;width:1090px; margin:0 auto;}
#one{ width:340px; float:left;}
#one img{ vertical-align:middle}
#one a{ color:#060606}
#two{ width:340px; float:left; padding-left:30px;}
#two img{ vertical-align:middle}
#two a{ color:#060606}
#maint{ padding-top:25px;}
#sp{ width:314px; height:209px; float:left}
#wd{ width:297px; float:left; padding-left:25px;}
#inews{ width:297px; float:left; padding-left:25px;}
#inews li{ line-height:30px;border-bottom:#e2e2e2 1px solid}
#nbt{ padding-bottom:10px;}
#nl{ width:230px; overflow:hidden; float:left}
#da{ float:right}
#icpfl{ width:100%; text-align:center; line-height:45px; font-size:14px; background:url(../images/xx.jpg) bottom no-repeat}
#icpfl li{ width:90px; float:left;}
#icpfl a:hover{ color:#00a7db}
#MarqueeDiv2 img{ border:#dbdddd 1px solid}
#warper{ width:1090px; margin:0 auto}
#header{ height:111px; overflow:hidden;background:url(images/bg.gif) repeat-x; width:1090px; margin:0 auto}
#logo{ float:left; width:320px;}
#topbar{ float:right; text-align:right; width:720px;}
#banben{ height:35px; overflow:hidden; margin-top:17px; margin-bottom:6px;}
a.cn{ background:url(images/cn.png) no-repeat left center; padding-left:25px; }
a.en{ background:url(images/en.png) no-repeat left center; padding-left:25px; margin-left:15px;margin-right:15px; font-size:11px;}
#banben a:hover{ color:#903333; text-decoration:underline}
#nav li { float:left; margin-left:2px;}
#nav li a{ background:url(images/nava.png) no-repeat; width:99px; height:36px; display:block; float:left; line-height:39px; text-align:center}
#nav li a:hover,#nav li a.cur{ font-weight:bold}
.banner{ height:174px; cursor:default}

#index-banner{ height:507px; margin:0 auto; width:1090px; overflow:hidden}
#shell{ width:1090px; margin:0 auto; margin-bottom:13px; margin-top:10px; overflow:hidden}
.slist li { float:left; width:265px; margin-right:10px; }
.serieslist { float:left; width:265px; position:relative;}
.seriesname {
	position:absolute;
	left: 0px;
	top: 103px;
	width: 255px;
	background:#000;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
	padding-right:10px;
	height: 22px;
	line-height:20px;
	text-align:right
}
.seriesname a{color:#fff; font-size:13px; font-family:"微软雅黑"}
.seriesname a:hover{ font-weight:bold}
.imglist a:link img{ opacity:0.9; filter:alpha(opacity=90);}
.imglist a:visited img{ opacity:0.9; filter:alpha(opacity=90);}
.imglist a:hover img{ opacity:1; filter:alpha(opacity=100);} 
.imglist img{-moz-transition: opacity .9s cubic-bezier(0.2, 0.4, 0.9, 0.8); -webkit-transition: opacity .9s cubic-bezier(0.2, 0.4, 0.9, 0.8);transition: opacity .9s cubic-bezier(0.2, 0.4, 0.9, 0.8);} 

#main{ margin-top:21px; margin-bottom:20px;}
#lefttd{ width:207px;}
#centertd{ width:47px; background:url(images/mainbg.png) repeat-y center;}
#righttd{  width:786px;}

#left{ width:207px; overflow:hidden}
.lh2{ width:187px; height:24px; background:url(images/lh2.png) no-repeat left; font-size:12px; padding-left:20px; line-height:24px; overflow:hidden}
.llist{ padding-top:12px; padding-bottom:9px;}
.llist li{ overflow:hidden; padding-bottom:5px; position:relative}
.llist li a{ display:block; padding:1px 0;background-color:#888b90; width:181px; background:url(images/llist.png) no-repeat left center; color:#000000; border-bottom:1px solid #888b90; line-height:25px; overflow:hidden; padding-left:16px; font-size:11px; }
.llist li a:hover,.llist li a.cut{background:url(images/llist01.png) no-repeat left center; color:#FFF; border-bottom:1px solid #888b90;background-color:#888b90;}

.llink a{ margin-bottom:13px; display:block; border-left:5px solid #848c8e;}
.llink a:hover{ border-left:5px solid #000000}

.lplist{ margin-top:12px; padding-bottom:9px;}
.lplist li{ margin-bottom:5px; position:relative; cursor:pointer}
.lplist li a{ display:block; padding:1px 0; width:181px; background:url(images/llist01.png) no-repeat left center; color:#ffffff; border-bottom:1px solid #888b90; line-height:25px; overflow:hidden; padding-left:16px;background-color:#888b90; font-size:12px;}
.lplist li a:hover,.lplist li a.cut{background:url(images/llist01.png) no-repeat left center; color:#FFF; border-bottom:1px solid #888b90; font-weight:bold;background-color:#888b90;}


.submenu li{}
.submenu li a{ background:none; width:171px; padding-left:26px; color:#000; font-size:11px;}
.submenu li a:hover,.submenu li a.cutt{ background:none; border-bottom:1px solid #888b90; background-color:#eeeeee; color:#000; font-weight:bold;}
.sub li a{ padding-left:46px; width:151px}
.son2,.son3{display:none;}


#right{  width:786px; overflow:hidden}
#addr{ background:url(images/addr.png) repeat-x left bottom; height:24px; overflow:hidden; line-height:24px;}
#addr h2{ float:left; font-size:12px; padding-left:31px;}
#addr span{ float:right;}
a.addr01{ background:url(images/addr01.png) no-repeat left center; padding-left:11px; float:left}
a.addr02{ background:url(images/addr02.png) no-repeat left center; padding-left:11px; margin-left:8px; float:left}
#addr a:hover{ color:#903333}

.about{ margin-top:12px; padding:0 6px;}
.brand{margin-top:13px; padding:0 6px;}
.jobs{ padding:0 20px; margin-top:15px; margin-bottom:40px;}
.table1 tr td{ padding:0 6px;}
.yp{ color:#7d2c2c}
.yp:hover{ font-weight:bold; text-decoration:underline}

.table1 tr td{ padding:0 9px; }
.table2 tr td{ padding-bottom:5px;}
.table2 tr td .input1{ width:318px; height:16px;}
.table2 tr td textarea{ width:318px; border:1px solid #7f9db9}
.table2 tr td .bot{ border:1px solid #eeeeee; background-color:#FFF; width:60px;}

/*** news ***/
.newslist{ margin-top:13px; padding-left:26px;}
.newslist li{ height:108px; border-bottom:1px dotted #999999; padding-bottom:10px; margin-top:9px;
overflow:hidden; width:749px;}
.nimg{ float:left; margin-right:11px;}
.nimg a{ border:3px solid #dedede; display:block;}
.nimg a:hover{border:3px solid #8e5a22;}
.nimg a img{ height:99px; width:132px;}
.rcontent { float:right; width:600px;}
.ntitle { height:23px; line-height:23px; overflow:hidden}
.ntitle a{ color:#367654; font-size:12px; font-weight:bold}
.ntitle a:hover{ color:#8e5a22;}
.np{ height:55px; overflow:hidden; margin-top:4px;}
.ndate{ margin-top:4px;}
.page{ text-align:right; margin-right:10px;}
.page a:hover{ color:#900; text-decoration:underline}

.viewnews{ padding:8px 14px;}
.vtitle{ text-align:center; padding-bottom:5px; margin-top:12px; background:url(images/map.png) repeat-x bottom; margin-bottom:10px;}
.vtitle h1{ font-size:14px; text-align:center; margin-bottom:2px;}
.back{ text-align:right; margin-top:20px; margin-bottom:20px;}
.back a{ color:#999999}
.back a:hover{ color:#903333}
a.vnow{ color:#903333}
a.vnow:hover{ text-decoration:underline}
a.now2{ color:#903333; font-weight:bold; font-size:12px;}

/*** product ***/
.product{ margin-top:16px;}
.prolist{ width:800px; padding-left:16px;}
.prolist li{ width:156px; height:149px; float:left; margin-right:43px; padding-bottom:24px; cursor:default}

.pimg a{ border:3px solid #dedede; display:block; text-align:center; width:150px; height:120px; overflow:hidden}
.pimg a:hover{border:3px solid #8e5a22;}

.ptitle a{ display:block; background-color:#dedede; overflow:hidden; height:21px; line-height:21px; margin-top:2px; text-align:center; }
.ptitle a:hover{ background-color:#8e5a22; color:#FFF}

.product_show{ width:760px; margin:0 10px; margin-top:20px; border:1px solid #cccccc; }
.bigshow{ border-bottom:1px solid #cccccc; padding:20px 0; margin:0 auto; text-align:center}
.prev{ border-bottom:1px solid #cccccc; height:50px; text-align:center; line-height:50px;}
.prev img{ margin-top:15px;}
.proName{ border-bottom:1px solid #cccccc; height:40px; line-height:40px;}
p.p1{ float:left;border-right: 1px solid #CCCCCC; width:330px;text-indent: 10px;}
p.p2 {  float: left;  text-indent: 10px;   width: 310px;}
p.p2 a{}
.pcontent{text-indent: 10px;  line-height:24px; padding:8px 0;}
.closeWindow{ text-align:center; height:44px; line-height:44px;}
.map{ background:url(images/map.png) repeat-x left top; width:768px; margin-top:20px; padding-top:20px;}

.downlist li{ width:771px; border-bottom:1px dashed #CCC; display:block; height:30px; line-height:30px;}
.downlist li a{ float:left; padding-left:5px;}
.downlist li a:hover{ color:#F00}
.downlist li span{ float:right}

#footer{ height:51px; background-color:#000; }
#foot{ background-color:#000;padding-top:18px; width:1090px; height:33px; text-indent:16px; margin:0 auto;}
#footer p,#footer a{ color:#FFF}
#footer a:hover{ text-decoration:underline}
