/* CSS Document */
*{ margin:0px auto; }

body{ margin:0 auto; font-family:"ËÎÌå",Verdana, Geneva, Arial, helvetica, sans-serif; font-size:12px;line-height:150%; color:#231815;}
img{ border:0px;}
ul li{ list-style:none;}
.clear{ clear:both;}
.left{ float:left; display:inline;}
.right{ float:right; display:inline;}
sub{ font-size:9px;vertical-align:bottom;}
dd{ margin:0px;}


a{text-decoration:none; font-size:12px;color:#231815;}
a:hover{text-decoration:none; font-size:12px;color:#CC0000;}
/*
a:link,a:visited,a:active{text-decoration:none; font-size:12px;color:#231815;}
a:hover{text-decoration:none; font-size:12px;color:#CC0000;}*/


a.more:link,a.more:visited,a.more:active{ float:right; color:#687ea7; margin:5px 8px auto auto; display:inline;}
a.more:hover{text-decoration:none; color:#1453a2;}

a.A_blue:link,a.A_blue:visited,a.A_blue:active{font-size:14px;color:#0b579f;}
a.A_blue:hover{color:#9a4009;}

a.A_FFF:link,a.A_FFF:visited,a.A_FFF:active{text-decoration:none; font-size:12px;color:#FFFFFF;}
a.A_FFF:hover{text-decoration:none; font-size:12px;color:#FFCC00;}



#top{ width:1024px; }
#menu{ width:1024px; background:url(images/menu_bg.jpg) repeat-x #eaedef; height:70px; text-align:right;}
#menu .time{ float:left; margin:20px auto auto 25px; display:inline;}
#menu .menu{ float:right; background:url(images/menu-bg.jpg) no-repeat right bottom; width:818px; height:43px; border:#000000 solid 0px;}
#banner{ width:1024px;  position:relative;}
#banner .bd{position:relative; z-index:1; margin:0px; padding:0px; border:#000000 solid 0px;}
#banner .bd li{ margin:0px;}
#banner .bd li img{ width:100%;}
#banner .bd{ }
#banner .hd{ position:absolute; z-index:2; border:#009900 solid 0px; bottom:10px; right:10px;}
#banner .hd li{ display:inline-block; background:#FF6600; color:#FFFFFF; height:12px; width:12px; overflow:hidden; margin:auto 3px;border-radius:100%;}
#banner .hd li.on{ background:#FFFFFF;}

.qm-nav{ width:700px; height:100%; border:#000000 solid 0px; float:right;} 
.qm-nav .nl{ text-align:center;  position:relative; width:16.5%; text-align:center; z-index:2; float:left; border:#000000 solid 0px; background:url(images/menu-ico.jpg) no-repeat left center; } 
.qm-nav .nl .alink{ line-height:46px; height:46px; display:block; border:#000000 solid 0px; text-align:center; position:relative; color:#FFFFFF; font-family:"ºÚÌå"; font-size:16px;} 
.qm-nav .nl.on .alink,
.qm-nav .nl .alink:hover{ background-color:#e2eaee; color:#1b95e2 ;} 
.qm-nav .nl .sub{ display:none; height:auto; border:#000000 solid 0px; position:absolute; z-index:1; left:0; min-width:100%;top:46px; background-color:rgba(227,235,239,.98) ;background-color:#e2eaee;}
.qm-nav .nl .sub a{ display:block; line-height:38px; white-space:nowrap; text-align:left; color:#2360a2; padding:0 10px; font-family:"ºÚÌå"; font-size:13px;}   
.qm-nav .nl .sub a:hover{ background-color:#1897e2}
.qm-nav{ display:block} 
.qm-nav ul{ float:none; padding-left:0; background-color:#fff} 
.qm-top .qm-nav .weap{ padding-left:0; padding-right:0;}
.qm-nav .nl .sub a:before{ content:""; display:inline-block; width:5px; height:5px; background-color:#333; vertical-align:middle; position:relative;top:-2px; border-radius:50%; margin-right:10px}
.qm-nav .nl .sub a:hover{ color:#fff}
.qm-nav .nl .sub a:hover:before{ background-color:#fff}
 
 
.qm-nav .nl.exist:before{ content:""; display:block; position:absolute; z-index:2; left:0; right:0; height:46px;}

		
#index{ width:1024px; margin-top:10px; margin-bottom:10px;}
#index .left{ float:left; width:229px;}
#index .mid{ float:left; width:530px; display:inline; margin-left:10px;}
#index .right{ float:right; width:246px;}
#index #login{ background:url(images/login_bg.jpg) no-repeat; width:229px; height:148px; overflow:hidden;}
#index #login #table{ float:left; margin:60px auto auto 10px; display:inline;}
#index #login .reg{ float:left; width:150px; margin:10px auto auto 30px; display:inline;}
#index #search{ background:url(images/search_bg.jpg) no-repeat; width:228px; height:88px; overflow:hidden; margin:10px auto;}
#index #search #btn{ background:url(images/search_btn.jpg) no-repeat; width:66px; height:25px; border:none; float:left; display:inline; margin:1px auto auto 95px;}
#index #search #k{ width:130px; float:left; margin:29px auto auto 72px; display:inline;}
#foot{ background:url(images/foot_bg.jpg) repeat-x; width:1024px; height:140px; margin-top:1px; color:#FFFFFF; text-align:center; padding-top:5px; }

#main{ width:1024px;margin-top:5px;}
#main #left{ width:228px; float:left;}
#main #right{ width:784px; float:right; border:#b9dff9 solid 1px; padding:1px;}
#main #right .post{ background:url(images/post_bg.jpg) left no-repeat #e4f3fc; height:21px; color:#0b579f; padding:7px 0 0 90px;}
#main #right .post a,
#main #right .post a:visited{color:#0b579f;}
#main #right .container{ padding:20px; min-height:790px;_height:790px; }
#main #right .container h1{ width:740px; font-size:22px; text-align:center; line-height:130%; border-bottom:#3399FF dashed 1px; padding:5px 0;}
#main #right .container h1 div{ font-size:12px; font-weight:normal;}
#main #right .container .con{ padding:5px; font-size:14px; color:#333333; line-height:150%; width:730px; border:#000000 solid 0px; overflow:hidden;}
#main #right .container .con img{ max-width:100%;}
#main #right .container .con p{ margin:auto;}
#main #right .container .p_d{ width:740px; padding:15px 0; text-align:center;}
#main #right .container .p_d img{ max-width:100%; }
#main #right .container .p_d span{  margin-left:0px; display:inline; font-size:16px; font-weight:bold; color:#0b579f;}

.goback,
.goback:hover,
.goback:link,
.goback:visited,
.goback:active{ background:url(images/btn_bg.jpg) no-repeat center; width:111px; height:28px; display:block; text-align:center; line-height:28px; text-align:center; font-size:16px; font-family:"΢ÈíÑźÚ"; color:#FFFFFF; letter-spacing:3px; margin-top:10px; clear:both;}


dl.store{ width:740px; margin:15px auto; border-bottom:#999999 dashed 1px; padding:10px 0;}
dl.store dt{ float:left; width:197px; height:125px; padding:2px; border:#CCCCCC solid 1px;}
dl.store  dd{ float:left; width:510px; margin-left:10px; display:inline; padding-left:10px; font-size:14px; line-height:150%;}
dl.store  dd a{ font-size:14px; font-weight:bold; margin-left:-5px; line-height:200%;} 

.honor{ width:760px; margin:15px auto; padding:0px; }
.honor li{ float:left;width:226px;height:250px; margin:0px; margin-right:25px;}
.honor li .img{ width:220px; height:200px; padding:2px; border:#CCCCCC solid 1px; }
.honor li .img img{width:100%; height:100%; }
.honor li .p{  font-size:14px;font-weight:normal;  line-height:150%; text-align:center; margin-top:5px;  display:block; border:#000000 solid 0px;}

#nav{ width:228px; background:url(images/left_nav_bg.jpg) repeat-y; min-height:200px;_height:200px; padding:10px 0; }
#nav li{ width:210px; margin-top:8px; min-height:25px;}
#nav li a{width:188px; background:url(images/icon4.jpg) 2px 7px no-repeat; float:left; border-bottom:#FFFFFF solid 1px; color:#FFFFFF; font-size:14px; padding:2px 0px 2px 18px;}
#nav li a:hover{ color:#FFCC00;/*background:url(images/pro_nav_bg.gif) 0 2px no-repeat;*/}
#nav li a.select{ font-weight:bold;}
#nav ul { float:left; border:#000000 solid 0px; border-left:none; position:absolute;z-index:10px; margin-top:-10px; background:#0c93ca;overflow:; width:200px;}
#nav ul li{ float:left; width:200px; margin-top:0px;}
#nav ul li a,
#nav ul li a.select{ background:none; font-weight:normal; padding:7px 9px;}
#nav ul li a:hover{ background:#0aaadc;}
#about{ color:#007eb1; font-size:16px;line-height:180%; padding:10px;}

.pro{ width:744px; margin-bottom:10px; }
.pro dt{ background:url(images/p_t_bg2.jpg) repeat-x; height:27px; width:742px; overflow:hidden; border:#99d3fb solid 1px;}
.pro dt img{ float:left;}
.pro dt h2{ float:left; color:#0b579f; font-size:14px; font-weight:normal; margin-top:5px; display:inline;}
.pro dd{ width:744px;  border:#99d3fb solid 0px; padding:14px 0;}
.pro dd img{ float:left;border:#99d3fb solid 1px;}
.pro dd span{ float:left; color:#0b579f; font-size:14px; margin-left:15px; display:inline; width:420px;}
.pro dd a.d{ float:right; background:url(images/detailed.jpg) no-repeat; width:78px; height:0px; padding-top:28px; overflow:hidden; display:inline;} 

.area{ overflow:hidden;}
.area dt{ background:url(images/area_title_bg.jpg) repeat-x; height:31px;}
.area dt img{ float:left;}
.area dd{ border:#cae0f5 solid 1px; border-top:none; padding:5px;}
.area dd ul{ overflow:hidden;}
.area dd a{ color:#159ad2;}
.area dd a:hover{ color:#e69b0c;}
.area dd a.black{text-decoration:none; font-size:12px;color:#231815;}
.area dd a.black:hover{text-decoration:none; font-size:12px;color:#CC0000;}
.area dd .timg{ float:left; border:#e3e3e3 solid 1px; display:inline; padding:3px; margin-top:20px; border:#000000 solid 0px; }
.area dd p{ margin-bottom:15px; line-height:150%;}
#newsSlide{width:196px; height:141px; position:relative;}
#newsSlide .bd{position:relative; z-index:1; margin:0px; padding:0px; border:#000000 solid 0px;width:100%; height:100%;}
#newsSlide .bd li{ margin:0px;width:100%; height:100%;}
#newsSlide .bd li img{ width:100%;}
#newsSlide .bd{ }
#newsSlide .hd{ position:absolute; z-index:2; border:#009900 solid 0px; bottom:10px; right:10px;}
#newsSlide .hd li{ display:inline-block; background:#FF6600; color:#FFFFFF; height:10px; width:10px; overflow:hidden; margin:auto 3px;border-radius:100%;}
#newsSlide .hd li.on{ background:#FFFFFF;}

#productSlide{width:233px; height:180px; overflow:hidden; position:relative;}
#productSlide .bd{position:relative; z-index:1; margin:0px; padding:0px; border:#000000 solid 0px;width:100%; height:100%;}
#productSlide .bd li{ margin:0px;width:100%; height:100%;}
#productSlide .bd li img{ width:100%;}
#productSlide .bd{ }
#productSlide .hd{ position:absolute; z-index:2; border:#009900 solid 0px; bottom:10px; right:10px;}
#productSlide .hd li{ display:inline-block; background:#FF6600; color:#FFFFFF; height:10px; width:10px; overflow:hidden; margin:auto 3px;border-radius:100%;}
#productSlide .hd li.on{ background:#FFFFFF;}

.area dd .t1 { width:290px; float:left; display:inline; margin-left:15px; margin-top:20px;text-align:left;padding:0px;}
.area dd .t1 li{ background:url(images/icon.jpg) no-repeat 0 4px; float:left; width:280px; margin:0px; padding-left:10px; text-align:left; margin-top:2px;}
.area dd .t1 li a{ float:left;border:#000000 solid 0px; width:208px; font-size:13px; height:21px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.area dd .t1 li span{ float:right; color:#cccccc; font-family:Arial, Helvetica, sans-serif; width:70px; text-align:right;}
.area dd .t2{ width:498px; margin:5px 10px ;padding:0px;}
.area dd .t2 li{ background:url(images/icon2.jpg) no-repeat 0 5px;padding-left:10px;text-align:left;margin-top:2px; float:left; width:488px;}
.area dd .t2 li a{ float:left;border:#000000 solid 0px; width:416px; font-size:13px; height:21px; overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;}
.area dd .t2 li span{ float:right; color:#cccccc; font-family:Arial, Helvetica, sans-serif; width:70px; text-align:right;}
.area dd .t3{ width:210px; padding:0px;}
.area dd .t3 li{ text-align:left;width:210px;border:#000000 solid 0px; margin:0px;color:#159ad2;}
.area dd .t3 li div{ margin-bottom:3px;}
.area dd .np{ width:110px; text-align:center; float:left;}

.newslist{ width:730px;}
.newslist li{background:url(images/icon2.jpg) no-repeat 0 7px; text-align:left;font-size:14px; display:inline; margin:6px auto; border-bottom:#CCCCCC dotted 1px; padding:2px 0 2px 10px; float:left;}
.newslist li a{text-decoration:none; font-size:14px;color:#333333;float:left;border:#000000 solid 0px; width:630px;}
.newslist li a:hover{text-decoration:none; color:#CC0000;font-size:14px;}
.newslist li  span{ float:right; color:#cccccc; font-family:Arial, Helvetica, sans-serif;}

.input{ background:#e9f8f5; border:#9fdcde solid 1px; height:16px;}
.flink{ width:246px; margin-top:10px;}
.submit{ background:url(images/submit.jpg) no-repeat; width:111px; height:28px; border:none; margin-top:5px;}


DIV.meneame {
	PADDING:30px 0; MARGIN: 3px 0; COLOR: #47a7da; TEXT-ALIGN: center; background:url(../images/linebg.jpg) top repeat-x ; border:#000000 solid 0px; clear:both; float:left; width:100%;
}
DIV.meneame A {
	BORDER-RIGHT: #d7e3f3 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #d7e3f3 1px solid; PADDING-LEFT: 7px;  PADDING-BOTTOM: 5px; BORDER-LEFT: #d7e3f3 1px solid; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e3f3 1px solid; TEXT-DECORATION: none; COLOR: #47a7da; font-size:12px;
}
DIV.meneame A:hover {
	BORDER-RIGHT: #d7e3f3 1px solid; BORDER-TOP: #d7e3f3 1px solid; BACKGROUND-IMAGE: none; BORDER-LEFT: #d7e3f3 1px solid; COLOR: #ff6500; BORDER-BOTTOM: #d7e3f3 1px solid; BACKGROUND-COLOR: #edf8fe;TEXT-DECORATION: none;
}
DIV.meneame SPAN.current {
	BORDER-RIGHT: #bfe8fe 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #bfe8fe 1px solid; PADDING-LEFT: 7px; FONT-WEIGHT: bold; PADDING-BOTTOM: 5px; BORDER-LEFT: #bfe8fe 1px solid; COLOR: #47a7da; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #bfe8fe 1px solid; BACKGROUND-COLOR: #e2f2ff
}
DIV.meneame SPAN.disabled {
	BORDER-RIGHT: #d7e3f3 1px solid; PADDING-RIGHT: 7px; BORDER-TOP: #d7e3f3 1px solid; PADDING-LEFT: 7px; PADDING-BOTTOM: 5px; BORDER-LEFT: #d7e3f3 1px solid; COLOR: #d7e3f3; MARGIN-RIGHT: 3px; PADDING-TOP: 5px; BORDER-BOTTOM: #d7e3f3 1px solid
}

DIV.black2 {
	PADDING-RIGHT: 7px; PADDING-LEFT: 7px; PADDING-BOTTOM: 7px; MARGIN: 3px; PADDING-TOP: 7px; TEXT-ALIGN: right;
}
DIV.black2 A {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #000000; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; TEXT-DECORATION: none
}
DIV.black2 A:hover {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 A:active {
	BORDER-RIGHT: #000000 1px solid; BORDER-TOP: #000000 1px solid; BORDER-LEFT: #000000 1px solid; COLOR: #fff; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000
}
DIV.black2 SPAN.current {
	BORDER-RIGHT: #000000 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #000000 1px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #000000 1px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #000000 1px solid; BACKGROUND-COLOR: #000000
}
DIV.black2 SPAN.disabled {
	BORDER-RIGHT: #eee 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #eee 1px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 2px; BORDER-LEFT: #eee 1px solid; COLOR: #ddd; PADDING-TOP: 2px; BORDER-BOTTOM: #eee 1px solid
}