@charset "utf-8";
body{margin:0;padding:0px;text-align:center;font-size:12px;font-family:宋体;color:#666}
ul{margin:0;padding:0;list-style:none}
h3{margin:0;font-size:12px;font-weight:normal}
a{color:#666;text-decoration:none}
a:hover{color:#000;text-decoration:underline}
.clear{clear:both}

#wrap{width:992px;margin:0 auto;text-align:left;border:2px #fff solid}
#headerTop{height:20px;line-height:20px;border-bottom:1px #333 solid}
#headerTop h1{height:20px;margin:0;padding:0;font-size:12px;float:left}
#headerTop p{height:20px;float:right;margin:0;padding:0}
#head{height:75px}
#logo{width:625px;height:75px;float:left}
#head1{width:367px;height:75px;float:right}
#nav1{height:37px;line-height:37px;text-align:right}
#nav1 a{margin:0 5px}
#search{height:37px;text-align:center}
#search input{margin:0 5px}
#search input.button_search{width:58px;height:17px;background:url('images/search_submit.gif') no-repeat;border:0px;color:#fff;font-size:11px;padding-left:17px;font-family:Tahoma}
#nav{height:27px;background-color:#990000;text-align:center}

#nav ul{height:27px;margin:0 67px}
#nav li{float:left}
#nav a.nav_1{width:81px;height:27px;background:url('images/nav_1.gif') no-repeat left top;display:block}
#nav a.nav_1:hover{background:url('images/nav_1.gif') no-repeat left bottom}
#nav a.nav_2{width:111px;height:27px;background:url('images/nav_2.gif') no-repeat left top;display:block}
#nav a.nav_2:hover{background:url('images/nav_2.gif') no-repeat left bottom}
#nav a.nav_3{width:111px;height:27px;background:url('images/nav_3.gif') no-repeat left top;display:block}
#nav a.nav_3:hover{background:url('images/nav_3.gif') no-repeat left bottom}
#nav a.nav_4{width:111px;height:27px;background:url('images/nav_4.gif') no-repeat left top;display:block}
#nav a.nav_4:hover{background:url('images/nav_4.gif') no-repeat left bottom}
#nav a.nav_5{width:111px;height:27px;background:url('images/nav_5.gif') no-repeat left top;display:block}
#nav a.nav_5:hover{background:url('images/nav_5.gif') no-repeat left bottom}
#nav a.nav_6{width:111px;height:27px;background:url('images/nav_6.gif') no-repeat left top;display:block}
#nav a.nav_6:hover{background:url('images/nav_6.gif') no-repeat left bottom}
#nav a.nav_7{width:111px;height:27px;background:url('images/nav_7.gif') no-repeat left top;display:block}
#nav a.nav_7:hover{background:url('images/nav_7.gif') no-repeat left bottom}
#nav a.nav_8{width:111px;height:27px;background:url('images/nav_8.gif') no-repeat left top;display:block}
#nav a.nav_8:hover{background:url('images/nav_8.gif') no-repeat left bottom}
#nav a span{display:none}
#ad{height:162px}
#ad #flash{float:left}
#ad img{float:right}
#left{width:207px;float:left}
#right{width:777px;float:right}

#menu{border:1px #eee solid;padding:0 5px;margin:5px 0}
#menu h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#menu h3 span.title{width:80px;height:25px;background:url('images/h3_menu.gif') no-repeat left bottom;display:block;float:left}
#menu h3 span.title a {display:none}
#menu ul{padding:5px 0}
#menu li{background:url('images/li_bg.gif') no-repeat left center;margin:0 5px;padding:2px 0 2px 10px}

#principle{border:1px #eee solid;padding:0 5px;margin:5px 0}
#principle h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#principle h3 span.title{width:80px;height:25px;background:url('images/h3_principle.gif') no-repeat left bottom;display:block;float:left}
#principle h3 span.title a {display:none}
#principle div{line-height:20px;padding:5px 0}

#about{width:535px;float:left;border:1px #eee solid;padding:0 5px;margin:5px 0}
#about h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#about h3 span.title{width:80px;height:25px;background:url('images/h3_about.gif') no-repeat left bottom;display:block;float:left}
#about h3 span.title a {display:none}
#about div.content{padding:3px;line-height:20px}
#about img.photo_about{padding:1px;border-top:1px #ccc solid;border-left:1px #ccc solid;border-right:1px #666 solid;border-bottom:1px #666 solid;float:left;margin:0 5px 2px 0}
#about a.more{width:44px;height:25px;float:right;background:url('images/more.gif') no-repeat center center}
#about a.more span{display:none}

#honor{border:1px #eee solid;padding:0 5px;margin:5px 0;float:right;width:210px}
#honor h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#honor h3 span.title{width:80px;height:25px;background:url('images/h3_honor.gif') no-repeat left bottom;display:block;float:left}
#honor h3 span.title a {display:none}
#honor div{text-align:center}

#productshow{border:1px #eee solid;padding:0 5px;margin:5px 0}
#productshow h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#productshow h3 span.title{width:80px;height:25px;background:url('images/h3_productshow.gif') no-repeat left bottom;display:block;float:left}
#productshow h3 span.title a {display:none}

* html #productshow{height:1%}
#productshow dl{width:382px;float:left;border-bottom:1px #eee solid;display:inline-block;margin:0;padding:5px 0;height:140px}
#productshow dl.product{border-bottom:none}
#productshow dd{margin:0;padding:0;color:#666}
#productshow dt{margin:0;padding:0;color:#990000;margin:5px 0;float:right;width:240px}
#productshow dd{margin-left:140px}
#productshow dd.img{float:left;margin:0}
#productshow dd img{border:1px #4687cb solid}
#productshow a{color:#990000}
#productshow .content{border-top:1px #eee solid}

#product{border:1px #eee solid;padding:0 5px;margin:5px 0}
#product h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#product h3 span.title{width:80px;height:25px;background:url('images/h3_product.gif') no-repeat left bottom;display:block;float:left}
#product h3 span.title a {display:none}
* html #product{height:1%}
#product dl{width:191px;float:left;text-align:center;margin:5px 0}
#product dt{margin:0;padding:0;color:#990000;margin:5px 0;height:36px;line-height:18px;overflow:hidden}
#product dd{margin:0;padding:0;color:#666}
#product dd img{border:1px #4687cb solid}

#news{border:1px #eee solid;padding:0 5px;float:left;width:373px}
#news h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#news h3 span.title{width:80px;height:25px;background:url('images/h3_news.gif') no-repeat left bottom;display:block;float:left}
#news h3 span.title a {display:none}
#news ul{padding:5px 0}
#news li{padding:2px 0}
#news li span{float:right}
#news a.more{width:44px;height:25px;float:right;background:url('images/more.gif') no-repeat center center}
#news a.more span{display:none}

#faq{border:1px #eee solid;padding:0 5px;float:right;width:373px}
#faq h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#faq h3 span.title{width:80px;height:25px;background:url('images/h3_faq.gif') no-repeat left bottom;display:block;float:left}
#faq h3 span.title a {display:none}
#faq ul{padding:5px 0}
#faq li{padding:2px 0}
#faq li span{float:right}
#faq a.more{width:44px;height:25px;float:right;background:url('images/more.gif') no-repeat center center}
#faq a.more span{display:none}

#bottom_nav{margin:10px 0;text-align:center}
#bottom_nav a{margin:0 10px}

#company{border:1px #eee solid;padding:0 5px;margin:5px 0}
#company h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#company h3 span.title{width:80px;height:25px;background:url('images/h3_about.gif') no-repeat left bottom;display:block;float:left}
#company h3 span.title a {display:none}
#company div.content{padding:3px;line-height:20px}

#contact{border:1px #eee solid;padding:0 5px;margin:5px 0}
#contact h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#contact h3 span.title{width:80px;height:25px;background:url('images/h3_contact.gif') no-repeat left bottom;display:block;float:left}
#contact h3 span.title a {display:none}
#contact div.content{padding:3px;line-height:20px}

#hotnews{border:1px #eee solid;padding:0 5px;margin:5px 0}
#hotnews h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#hotnews h3 span.title{width:80px;height:25px;background:url('images/h3_news.gif') no-repeat left bottom;display:block;float:left}
#hotnews h3 span.title a {display:none}
#hotnews div.content{padding:3px;line-height:20px}
#hotnews div.content h3{background:none;border-bottom:1px #eee solid;text-align:center;color:#ff6600}
#hotnews div.content .ArticleInfo{text-align:center}
#hotnews div.content .ArticleInfo span{margin:0 10px}
#hotnews ul{padding:5px 0}
#hotnews li{padding:2px 0}
#hotnews li span{float:right}

#hotfaq{border:1px #eee solid;padding:0 5px;margin:5px 0}
#hotfaq h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#hotfaq h3 span.title{width:80px;height:25px;background:url('images/h3_faq.gif') no-repeat left bottom;display:block;float:left}
#hotfaq h3 span.title a {display:none}
#hotfaq div.content{padding:3px;line-height:20px}
#hotfaq div.content h3{background:none;border-bottom:1px #eee solid;text-align:center;color:#ff6600}
#hotfaq div.content .ArticleInfo{text-align:center}
#hotfaq div.content .ArticleInfo span{margin:0 10px}
#hotfaq ul{padding:5px 0}
#hotfaq li{padding:2px 0}
#hotfaq li span{float:right}

#join{border:1px #eee solid;padding:0 5px;margin:5px 0}
#join h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#join h3 span.title{width:80px;height:25px;background:url('images/h3_join.gif') no-repeat left bottom;display:block;float:left}
#join h3 span.title a {display:none}
#join div.content{padding:3px;line-height:20px}

#message{border:1px #eee solid;padding:0 5px;margin:5px 0}
#message h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#message h3 span.title{width:80px;height:25px;background:url('images/h3_message.gif') no-repeat left bottom;display:block;float:left}
#message h3 span.title a {display:none}
#message div.content{padding:3px;line-height:20px}


#service{border:1px #eee solid;padding:0 5px;margin:5px 0}
#service h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#service h3 span.title{width:80px;height:25px;background:url('images/h3_service.gif') no-repeat left bottom;display:block;float:left}
#service h3 span.title a {display:none}
#service div.content{padding:3px;line-height:20px}
#service div.content h3{background:none;border-bottom:1px #eee solid;text-align:center;color:#ff6600}
#service div.content .ArticleInfo{text-align:center}
#service div.content .ArticleInfo span{margin:0 10px}
#service ul{padding:5px 0}
#service li{padding:2px 0}
#service li span{float:right}

#message table td{padding:5px}
#message table th{padding:5px;text-align:right;font-weight:normal}
#message table td input{width:300px}
#message table td textarea{width:300px;border:1px #666 solid;height:100px}
#message table td span{color:#ff0000;margin:0 5px}
#message textarea{font-size:12px;font-family:Tahoma,Verdana;color:#666;border:1px #666 solid;margin:0 2px;padding:2px}
#message input{font-size:12px;font-family:Tahoma,Verdana;color:#666;border:1px #666 solid;margin:0 2px;padding:2px}
#message select{font-size:12px;font-family:Tahoma,Verdana;color:#666;border:1px #666 solid;margin:0 2px;padding:2px}

#partner{border:1px #eee solid;padding:0 5px;margin:5px 0}
#partner h3{height:25px;background:url('images/h3_bg.gif') repeat-x center bottom}
#partner h3 span.title{width:80px;height:25px;background:url('images/h3_partner.gif') no-repeat left bottom;display:block;float:left}
#partner h3 span.title a {display:none}
#partner div.content{padding:3px;line-height:20px}
#partner ul{padding:5px 0}
#partner li{padding:2px 0}
#partner li span{float:right}


#page{float:right;color:#666;margin:5px 0}
#page li{float:left;height:18px}
#page span{border:1px #666 solid;margin:0 2px;height:18px;line-height:18px;display:block;float:left;padding:0 5px}
#page a span{display:none}
#page a{border:1px #666 solid;margin:0 2px;height:18px;line-height:18px;display:block;float:left;padding:0 5px;text-decoration:none;color:#666}
#page a.selected{border:1px #ff9900 solid;color:#ff9900}
#page a:hover{border:1px #ff9900 solid;color:#ff9900}
#page a.play_1{background:url('images/play_1.gif') no-repeat left top;width:18px;padding:0}
#page a.play_2{background:url('images/play_2.gif') no-repeat left top;width:18px;padding:0}
#page a.play_5{background:url('images/play_5.gif') no-repeat left top;width:18px;padding:0}
#page a.play_6{background:url('images/play_6.gif') no-repeat left top;width:18px;padding:0}
#page a.play_1:hover{background:url('images/play_1.gif') no-repeat left bottom}
#page a.play_2:hover{background:url('images/play_2.gif') no-repeat left bottom}
#page a.play_5:hover{background:url('images/play_5.gif') no-repeat left bottom}
#page a.play_6:hover{background:url('images/play_6.gif') no-repeat left bottom}

#customer_service{width:118px;position:absolute;top:0;right:0;font-family:Verdana}
#customer_service h3{height:55px;background:url('images/customer_service_h3.gif') no-repeat center center}
#customer_service h3 span{display:none}
#customer_service ul{background:url('images/customer_service_bottom.gif') no-repeat center bottom;padding-bottom:20px}
#customer_service strong{font-weight:normal;width:101px;height:20px;margin:0 auto;background-image:url('images/customer_service_title.gif');display:block;line-height:20px}
#customer_service ul ul{width:101px;margin:0 auto;text-align:left;background-image:none;padding:0}
#customer_service li li{height:20px;line-height:20px;background:url('images/customer_service_QQonline.gif') no-repeat 5px center;margin:0 2px}
#customer_service li li a{margin-left:20px}