/* CSS Document */

body{ width:1000px; margin:0 auto; font-size:12px; background-color:#D0E3F2;}
form,p,ul,li{padding:0;margin:0;}
.clr{ clear:both;}
#top{width:1000px; height:56px; background:url(images/tb.gif) repeat-x; overflow:hidden}
#top .logo{width:388px; height:56px; background:url(images/logo.gif) no-repeat; float:left;}
#top .cn{width:83px; height:56px; background:url(images/cn.gif) no-repeat; float:right;}
#top .en{width:133px; height:56px; background:url(images/en.gif) no-repeat; float:right;}
#top .cn a{display:block; width:83px; height:56px;}
#top .en a{display:block; width:133px; height:56px;}

#banner{width:1000px; height:363px; line-height:363px; text-align:center; overflow:hidden; background-color:#ADDEFF; background:url(images/banner.gif) no-repeat;}

#menu{width:1000px; height:55px; background:url(images/mb.gif) repeat-x;overflow:hidden;}
#menu .left{width:10px; height:55px; background:url(images/mleft.gif) no-repeat; float:left;}
#menu .right{width:9px; height:55px; background:url(images/mright.gif) no-repeat; float:right;}
#menu .cont{height:55px; float:left; text-align:left;}
#menu .cont ul{list-style:none;margin-left:50px;}
#menu .cont ul li{ float:left; position:relative; width:106px; height:55px; line-height:55px; text-align:center; font-size:14px; font-family:SimHei; font-weight:bold}
#menu .cont ul li a{width:106px; height:55px; display:block}
#menu .cont ul li a:link{color:#FFFFFF; text-decoration:none;}
#menu .cont ul li a:visited{color:#FFFFFF; text-decoration:none;}
#menu .cont ul li a:hover{color:#FF9c00; text-decoration:none; background:url(images/g.jpg) no-repeat bottom;}
#menu .cont ul li div{ position:absolute; width:106px; height:12px; left:0px; top:12px; color:#CCCCCC; text-align:center; font-family:Arial; font-size:10px;}


.jg{width:5px; height:55px; background:url(images/ml.gif) no-repeat;}

.h37{width:1000px;height:37px; background-color:#D0E3F2;}
.h22{width:230px; height:22px;}

#main{width:1000px; background-color:#D0E3F2;}
#main .mleft{width:230px; float:left; background-color:#D0E3F2;}
#main .mleft .top{width:189px; height:48px; margin:0 auto; background:url(images/pclass.jpg) no-repeat;}
#main .mleft .mmenu{width:189px; height:162px; margin:0 auto; background:url(images/lb.gif) repeat-y; border-top:1px solid #D2D6D9;}
#main .mleft .mmenu ul{list-style:none;margin-left:7px;margin-top:7px;}
#main .mleft .mmenu ul li{width:150px; padding-left:20px; height:30px; line-height:30px; background:url(images/sj.gif) no-repeat 7px center; border-bottom:1px dashed #ABAFB2; font-size:14px;}
#main .mleft .mmenu ul li a:link{ text-decoration:none;color:#000000}
#main .mleft .mmenu ul li a:visited{ text-decoration:none; color:#000000}
#main .mleft .mmenu ul li a:hover{ text-decoration:none; color:#A21A32; font-weight:bold}
#main .mleft .mmenu .h2{width:186px; height:1px; margin:0 auto; font-size:0px; overflow:hidden; background-color:#FCFFFF}
#main .mleft .feedback{width:189px; height:129px;margin:0 auto;  background:url(images/feedback.jpg) no-repeat;}
#main .mleft .feedback a{width:189px; height:129px; display:block;}
#main .mleft .contact{width:189px; height:109px;margin:0 auto;  background:url(images/contact.jpg) no-repeat;}
#main .mleft .contact a{width:189px; height:109px; display:block;}
#main .mleft .h94{width:189px; height:94px; background:url(images/lb.gif) repeat-y; margin:0 auto}

#main .mright{width:756px;padding-left:14px; float:right; text-align:left; overflow:hidden;background-color:#D0E3F2;}
#main .mright .top{width:756px; height:206px;overflow:hidden;}
#main .mright .top .mtleft{width:434px; margin-top:8px; float:left;}
#main .mright .top .mtleft .mttop{width:434px; height:24px; background:url(images/about.gif) no-repeat;}
#main .mright .top .mtleft .mtcont{width:414px; text-indent:25px; padding:10px 10px; line-height:25px; color:#696969;}
#main .mright .top .mtleft .mttop a{ width:50px; height:24px; display:block; float:right;}
#main .mright .top .mtright{width:260px; margin-top:8px;padding-right:27px; float:right;}
#main .mright .top .mtright .mttop{width:260px; height:24px; background:url(images/news.gif) no-repeat;}
#main .mright .top .mtright .mttop a{ width:50px; height:24px; display:block; float:right;}
#main .mright .top .mtright .mtcont{width:260px; height:150px; padding-top:16px; background:url(images/nb.jpg) no-repeat;}
#main .mright .top .mtright .mtcont ul{list-style:none; margin-left:7px;}
#main .mright .top .mtright .mtcont ul li{ width:230px; padding-left:17px; height:25px; line-height:25px; background:url(images/f.gif) no-repeat 3px center;}
#main .mright .top .mtright .mtcont ul li a:link{color:#696969; text-decoration:none;}
#main .mright .top .mtright .mtcont ul li a:visited{color:#696969; text-decoration:none;}
#main .mright .top .mtright .mtcont ul li a:hover{color:#FF5C00; text-decoration:none;}
#main .mright .ptit{width:756px; height:23px; background:url(images/product.gif) no-repeat;}
#main .mright .ptit a{width:100px; height:23px; display:block; float:right;}
#main .mright .picture{ width:729px; height:150px;padding-top:20px; overflow:hidden; text-align:center;}
#main .mright .picture ul{list-style:none; margin:30px auto;}
#main .mright .picture ul li{float:left; width:163px; height:128px;background:url(images/kuang.gif) no-repeat;margin-left:5px; margin-right:5px;}
#main .mright .picture ul li img{margin-top:6px;}
#main .mright .line{width:756px; height:3px; font-size:0px; overflow:hidden; background:url(images/line.gif) no-repeat}
#main .mright .bottom{width:756px; height:81px; overflow:hidden; }
#main .mright .bottom .cont1{ width:63px; height:61px; background:url(images/sl.gif) no-repeat 0 0; float:left; }
#main .mright .bottom .cont2{ width:63px; height:61px; background:url(images/sl.gif) no-repeat -63px 0; float:left;}
#main .mright .bottom .cont3{ width:63px; height:61px; background:url(images/sl.gif) no-repeat -126px 0; float:left;}
#main .mright .bottom .cont1 a{width:63px; height:61px; display:block;}
#main .mright .bottom .cont1 a:hover{background:url(images/sl.gif) no-repeat 0 -61px;}
#main .mright .bottom .cont2 a{width:63px; height:61px; display:block;}
#main .mright .bottom .cont2 a:hover{background:url(images/sl.gif) no-repeat -63px -61px;}
#main .mright .bottom .cont3 a{width:63px; height:61px; display:block;}
#main .mright .bottom .cont3 a:hover{background:url(images/sl.gif) no-repeat -126px -61px;}
#main .mright .copyr{width:677px; height:62px; padding-left:44px; padding-top:14px; background:url(images/copyright.gif) no-repeat; color:#000218; }
#main .mright .copyr ul{ list-style:none;}
#main .mright .copyr ul li{height:23px; }
#main .mright .copyr ul li a{color:#000218; text-decoration:none;}
.p70{padding-left:70px;}
.h59{width:1000px; height:59px; background-color:#D0E3F2; clear:both;}

li { list-style: none; }

.float_layer { width:213px;  border: 1px solid #aaaaaa; display:none; background: #000; }
.float_layer h2 {margin:0px;padding:0px; height: 25px; line-height: 25px; padding-left: 10px; font-size: 14px; color: #333; background: url(images/title_bg.gif) repeat-x; border-bottom: 1px solid #aaaaaa; position: relative; }

.float_layer .min { width: 21px; height: 20px; background: url(images/min.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .min:hover { background: url(images/min.gif) no-repeat 0 0; }

.float_layer .max { width: 21px; height: 20px; background: url(images/max.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 25px; }
.float_layer .max:hover { background: url(images/max.gif) no-repeat 0 0; }

.float_layer .close { width: 21px; height: 20px; background: url(images/close.gif) no-repeat 0 bottom; position: absolute; top: 2px; right: 3px; }
.float_layer .close:hover { background: url(images/close.gif) no-repeat 0 0; }

.float_layer .content { height: 160px; overflow: hidden; font-size: 14px;  color: #666; background:url(images/bg.jpg) no-repeat }