@charset "utf-8";
/* CSS Document */

.body_h {background:url(/images/l_bg.gif) repeat-x #f2f1f6; text-align:center;font:11px Tahoma;color:#2f322c;}
.body_l {background:url(/images/l_bg.gif) repeat-x #FFF; text-align:center;font:11px Tahoma;color:#2f322c;}
*{margin:0 auto; padding:0;}
ul,ol{overflow:hidden; list-style:none; }
input{font:11px Tahoma;}
img{border:0;}
.both{clear:both; overflow:hidden; height:0;}

.fu{text-decoration:underline;}
.fu:hover{text-decoration:none;}
.fn{text-decoration:none;}
.fn:hover{text-decoration:underline;}

.f10{font-size:10px;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}

.fb{ font-weight:bold;}

.fsong{font-family:宋体;}

.lh19{line-height:19px;}
.lh20{line-height:20px;}
.lh21{line-height:21px;}
.lh22{line-height:22px;}
.lh23{line-height:23px;}
.lh24{line-height:24px;}
.lh30{line-height:30px;}


.pt3{padding-top:3px;}
.pt4{padding-top:4px;}
.pt5{padding-top:5px;}
.pt6{padding-top:6px;}
.pt7{padding-top:7px;}
.pt8{padding-top:8px;}
.pt9{padding-top:9px;}
.pt10{padding-top:10px;}
.pt12{padding-top:12px; vertical-align:middle;}
.pt14{padding-top:14px;vertical-align:middle;}
.pt16{padding-top:16px;vertical-align:middle;}

.cfff{color:#FFF;}
.cf60{color:#F60;}
.ca1a0a0{color:#a1a0a0;}
.cf60:hover{color:#437f20;}
.c187814{ color:#187814;}
.c2c6e18{ color:#2c6e18;}
.cF00{ color:#F00;}
.cddd{ color:#ddd;}




.fu{text-decoration:underline;}
.fu:hover{text-decoration:none;}
.fn{text-decoration:none;}
.fn:hover{text-decoration:underline;}

.fl{ float:left;}
.fr{ float:right;}

.tl{ text-align:left;}
.tr{ text-align:right;}



a{text-decoration:none;color:#333366;}
a:hover{text-decoration:underline; color:#000;}



/* -- Home ------------------------------------ */

#top{width:960px; height:77px;}
#top img{float:left;}
#top p{display:block; float:right; color:#cbc9d0; padding-top:55px;}
#top p a{padding:0 10px; font-size:12px;}

#nav{width:960px; background:url(/images/menu_bg.gif) no-repeat; height:37px; margin-bottom:1px;}
#nav menu{display:block; float:left; color:#FFF; padding-left:15px;}
#nav menu a{display:block; float:left; color:#FFF; font-size:14px; font-weight:bold; padding:10px 15px 0 15px; margin:0 7px; width:auto; height:29px;}
#nav menu a:hover{background:url(/images/menu_bg_hover.gif) repeat-x;}
#nav p{display:block; float:right; padding:9px 18px 0 0;}
#nav p .input_k{background:url(/images/Search_bg.gif); width:117px; height:17px; padding:3px 0 0 8px; border:0; float:left; color:#666;}
#nav p .imput_img{ float:left;}

#movie{width:960px; height:287px; background:#f6f5f9; padding-top:3px; margin-bottom:10px;}

#maintop{background:url(/images/k_top.gif) no-repeat; width:960px; height:9px; overflow:hidden;}
#main{ background:url(/images/main_bg.gif) #FFF repeat-x; width:954px; border-left:3px solid #FFF;border-right:3px solid #FFF;}
#main center{ padding:0 0 20px 20px;}

#mainbottom{ background:url(/images/k_bottom.gif) no-repeat; width:960px; height:4px; padding-bottom:10px;}

#h_company{width:610px; float:left; text-align:left;}
#h_company p{line-height:20px; color:#777a75; padding:25px 0 10px 8px;}
#h_company span{ display:block; padding-left:480px;}

#h_news{width:290px; float:left; text-align:left; padding-left:18px;}
#h_news p{display:block;background:url(/images/h_news_bg.gif) no-repeat; width:275px; height:58px; margin-left:2px; padding:8px 5px 0 10px; margin-bottom:6px;}
#h_news p a{line-height:18px; color:#4c6268;}
#h_news p span{ display:block; padding-left:210px;}

#h_pro{ color:#FFF; width:292px; padding-top:25px; height:187px; float:left; text-align:left; margin-right:18px; margin-top:20px;}
.bg1{background:url(/images/h_pro_bg01.jpg) no-repeat;}
.bg2{background:url(/images/h_pro_bg02.jpg) no-repeat;}
#h_pro p{ font-size:16px; font-weight:bold; padding-left:12px; font-family:Tahoma; height:33px;}
#h_pro div img{float:left; margin:0 8px 0 12px;}
#h_pro div div{ width:150px;float:left;}
.h150{ height:150px;}
#h_pro div div a{line-height:20px; color:#CCC;}
#h_pro div div span{ display:block; padding-bottom:10px; line-height:18px;}

#h_support{float:left; text-align:left; width:290px; padding-left:10px;}
#h_support p{ padding:0 0 10px 2px; line-height:18px; color:#797b75; width:270px;}
#h_support span{ padding-left:130px; display:block;}
#h_support span a{ display:block; background:url(/images/h_support_more.gif) no-repeat; width:101px; height:29px;}

#bottomline{ background:url(/images/bottom_bg.gif) repeat-x; height:3px; width:auto; overflow:hidden;}

#copyright{padding:15px 0 30px 0; width:960px; text-align:left;}
#copyright menu, #copyright p{ display:block; float:left; padding:0 15px;}
#copyright menu{ width:120px;}
#copyright p{ width:170px;}
#copyright menu strong, #copyright p strong{ position:relative; left:-3px; font-size:12px;}
#copyright menu a{display:block; line-height:15px; color:#4c6268; width:120px; padding:5px 0;}
#copyright p a{display:block; line-height:15px; color:#4c6268; width:170px; padding:5px 0;}

#bottom{background:#d4dee9; width:auto;}

#copy{background:#333; width:auto; height:50px; color:#CCC; padding-top:5px;}
#copy div{width:960px;}
#copy div p{float:left; display:block;}
#copy div span{float:right; display:block;}
#copy div span a{ color:#CCC; margin-left:3px;}





/* -- Page ------------------------------------ */

#mad{ width:960px; margin-top:3px; margin-bottom:10px; height:172px; background:#c9d9cc;}
#mad div{ width:696px; float:left; text-align:left;}
#mad div strong{ font-size:28px; display:block; padding:20px 0 5px 40px;}
#mad div span{ display:block; padding-left:65px; line-height:20px;}
#mad img{ float:left;}
#mainpage{width:970px; height:auto; padding-left:10px; background:url(/images/left_bg.gif) 10px 0 repeat-y;}

#mainpage .left{width:225px;float:left; padding-right:10px;}
#mainpage .right{ width:725px;float:left;}

#leftclass{width:225px;}
#leftclass p{ font-weight:bold; background:url(/images/left_name_bg.gif) no-repeat #FFF; width:210px; border-bottom:#f2f2f2 solid 1px; height:32px; font-size:16px; text-align:left; padding:7px 0 0 15px;}
#leftclass ul{ padding: 10px 0 30px 0;}
#leftclass li{ text-align:left; border-bottom:#f0f0f0 1px dotted; width:190px; font-size:12px; padding:10px 0 10px 25px;}
#leftclass li img{ padding-right:8px;}
#leftclass .tli{ text-align:left; border-bottom:#f0f0f0 1px dotted; width:190px;  font-size:11px; padding:6px 0 6px 25px;}
#leftclass .tli a{ color:#666;}


#msn a{background:url(/images/msn.gif) no-repeat; font-size:10px; display:block; width:148px; height:25px; margin-bottom:10px; text-decoration:underline; padding:38px 0 0 64px; text-align:left; color:#eee;}
#msn a:hover{text-decoration:none;  color:#FF0;}

#pic img{ padding-bottom:10px;}


#proclass{width:225px;}
#proclass p{ font-weight:bold; background:url(/images/left_name_bg.gif) no-repeat #FFF; width:210px; border-bottom:#f2f2f2 solid 1px; height:32px; font-size:16px; text-align:left; padding:7px 0 0 15px;}
#proclass ul{ padding: 10px 0 30px 0;}
#proclass li{ text-align:left; border-bottom:#eee 1px dotted; width:205px; font-size:12px; padding:10px 0 10px 5px;}
#proclass li img{ padding-right:8px;}
#proclass .tli{ text-align:left; border-bottom:#eee 1px dotted; width:190px;  font-size:11px; padding:6px 0 6px 15px;}
#proclass .tli a{ color:#666;}
#proclass .ali{ text-align:left; background:#eee;  border-bottom:#f0f0f0 1px dotted; width:190px;  font-size:11px; padding:7px 0 7px 15px;}



#weizhi{text-align:left; height:25px; padding:20px 0 0 8px;}
#dh{width:705px; height:32px; padding:8px 0 0 15px; background:#4c6268 url(/images/dh_bg.jpg) right no-repeat; font-size:20px; text-align:left; color:#FFF;}
#dh1{width:705px; height:32px; padding:8px 0 0 15px; background:#4c6268 url(/images/dh_bg_01.jpg) right no-repeat; font-size:20px; text-align:left; color:#FFF;}
#dh2{width:705px; height:32px; padding:8px 0 0 15px; background:#4c6268 url(/images/dh_bg_02.jpg) right no-repeat; font-size:20px; text-align:left; color:#FFF;}
#text, #news, #faq, #down, #feedback{width:670px; padding:30px 25px; background:url(/images/dh_bg.gif) 0 2px repeat-x; border-bottom:#f2f2f2 1px solid; line-height:22px; text-align:left;}
#text img{ padding-right:5px;}
#text a{ color:#4d6369; text-decoration:underline;}
#text a:hover{ color:#F00; text-decoration:none;}


#feedback .text{ line-height:22px; padding-bottom:20px;}
#feedback .name{ font-size:16px; font-weight:bold; border-bottom:1px solid #ddd; padding:5px; margin-bottom:15px;}
#feedback .tab{ width:600px; padding:6px 0;}
#feedback .tab span{ display:block; float:left; width:100px; text-align:right;}
#feedback .tab p{ display:block; float:left; width:430px; text-align:left; padding-left:10px;}
#feedback .inputname{ width:400px; padding:5px;}
#feedback .left100{ margin-left:110px;}
#feedback .inputsend{ width:100px; height:30px;}



#down .name{ width:640px; background:#a1bed7; display:block; color:#000066; font-size:18px; line-height:40px; padding:0 10px; margin-bottom:1px;}
#down .tab{width:660px;}

#down .tab p, #down .tab span, #down .tab b{display:block; background:#d3e1ed; float:left;  padding:3px 5px;  font-weight:bold; color:#284972;border-top:1px solid #999;border-bottom:1px solid #999;border-right:1px solid #999;}
#down .tab p{width:350px; border-left:1px solid #999;}
#down .tab span{width:175px;}
#down .tab b{width:100px; text-align:center;}

#down .ma{width:660px; margin-bottom:30px;}
#down .ma p, #down .ma span, #down .ma b{display:block;  float:left; height:25px; padding:7px; font-weight:normal;border-bottom:1px solid #999;border-right:1px solid #999;}
#down .ma p{width:346px; border-left:1px solid #999;}
#down .ma span{width:171px;}
#down .ma b{width:96px;text-align:center;}
#down .ma b a{ text-decoration:underline;}
#down .ma b a:hover{ text-decoration:none; color:#F00;}

#faq p a{ font-size:12px; font-weight:bold; text-decoration:underline;}
#faq p a:hover{ text-decoration:none; color:#900;}
#faq p img{ padding-right:5px;}
#faq span{ line-height:16px; display:block; padding:0 0 20px 10px;}



#news .title{width:670px; display:block; font-weight:bold;}
#news .title p, #news .title span, #news .title b, #news .title strong{display:block; background:#c9d9cc; float:left; padding:5px; border-top:1px solid #4c6268; height:20px;border-right:1px solid #4c6268;border-bottom:1px solid #4c6268;}
#news .title p, #news .list p{width:150px;border-left:1px solid #4c6268;}
#news .title span, #news .list span{width:110px;}
#news .title b{width:100px;}
#news .title strong{width:260px;}
#news .list b{width:100px; font-weight:normal;}
#news .list strong{width:260px; font-weight:normal; text-align:center;}


#news li{ background:url(/images/news_ico.gif) 10px 13px no-repeat; line-height:30px; width:640px; padding-left:23px; border-bottom:1px dotted #f0f0f0;}

#news .list{width:670px; display:block;}
#news .list p, #news .list span, #news .list b, #news .list strong{display:block; float:left; padding:5px;border-right:1px solid #4c6268;border-bottom:1px solid #4c6268; height:60px;}


#contact{width:670px; padding:30px 25px; background:url(/images/dh_bg.gif) 0 2px repeat-x; color:#444; border-bottom:#f2f2f2 1px solid; line-height:19px; text-align:left;}
#contact strong{ font-size:12px; color:#333; position:relative; left:-5px;}
#contact b{ font-size:18px; color:#254d95; position:relative; left:-10px; padding:25px 0 0 0;}
#contact a{ text-decoration:underline; color:#00F;}
#contact a:hover{ text-decoration:none; color:#900;}

#propage, #proshow{width:690px; padding:10px 15px; background:url(/images/dh_bg.gif) 0 2px repeat-x; line-height:16px;}
#propage center tt{float:left;  margin:0 10px; padding:3px; width:70px; height:70px; border:#f0f0f0 1px dotted; display:block;}
#propage center p{float:left; display:block; width:585px;}
#propage center p span{ padding-left:5px; display:block;}
#propage center{ text-align:left; width:685px; padding:15px 10px 15px 0 ;border-bottom:#ccc 1px dotted;}
#propage strong{ display:block; height:20px; padding-top:2px;}
#propage b img{ padding-right:5px;}
#propage b{ display:block;text-align:left; width:685px; height:26px; padding:8px 0 0 10px; background:#e6e6e6; margin-top:15px;}
#propage b a{ font-size:14px;}

#proshow .imgfeatures{ width:685px; padding-top:20px;}
#proshow .d_img{width:250px; float:left; padding-right:30px; text-align:left;}
#proshow .d_img .d{float:left;margin-left:3px;}
#proshow .d_img p{ width:215px; padding-left:25px;}
#proshow .d_img p span{display:block; float:left; border:1px #eee solid; margin:5px 10px; display:inline;}
#proshow a{ color:#00F; text-decoration:underline;}
#proshow a:hover{ color:#F00; text-decoration:none;}

#proshow .feature{float:left; width:400px; text-align:left; }
#proshow .feature b{font-size:16px; background:#d9e3ed; padding:10px 5px; color:#33799c; display:block; font-weight:normal;}
#proshow .feature span{ line-height:22px; padding-left:10px; display:block;}
#proshow .feature div{ border:1px #f9f9f9 solid; margin:10px 0 0 5px; padding:5px;}
#proshow .feature div span{line-height:20px; padding-top:5px;}

#proshow .another{ text-align:left;}
#proshow .another b{font-size:16px; margin:18px 0 3px 0; background:#d9e3ed; padding:10px 5px; display:block; color:#33799c; font-weight:normal}
#proshow .another span{line-height:22px; padding-left:15px; display:block;}

#proshow td{ padding:5px; text-align:center;}