/* 2009-07 */
/*
navcolor:#999;
color:#666;
hover:#fff;
main_hover:#00989B;


*/
@charset "utf-8"
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{font-size:100%;}
/*body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}*/
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
body{ background:#fff;color:#666;font-size:12px;}
#bg{ background: url(../images/bg_top.gif) repeat-x;height:8px;}
a,a:link{color:#666; text-decoration:none;}
a:visited{color:#666;}
a:hover{color:#00989B; text-decoration:none;}
.clear{clear:both;height:0;font-size:0;}
/*-------------------------------main_layout----------------------------------------*/
#warpper{width:960px;margin:auto; background:transparent;}
#warpper .header{height:auto;overflow:hidden;}
#warpper  h1.logo{background:#1F1F1F url(../images/logo.gif) no-repeat 20px 0px;height:38px;width:174px;float:left;}
#warpper  h1.logo a{display:block; width:100%;height:100%;}
#warpper  h1.logo span{ display:none;}
#warpper .nav{text-align:right;overflow:hidden; background:#000;}
#warpper .nav ul{ list-style:none;height:38px;line-height:38px; text-align:center;}
#warpper .nav li{float:right;height:38px;width:65px; padding:0 5px;}
#warpper .nav li.hover{background:url(../images/nav_hover.gif) no-repeat 3px 3px;}
#warpper .nav li a{display:block;font-size:13px;}
#warpper .nav li h2{background:url(../images/li_bg.gif) no-repeat 73px center;height:38px;width:104px;}
#warpper .nav li a:link{color:#fff;}
#warpper .nav li a:visited{color:#fff;}
#warpper .nav li a:hover{ background:url(../images/nav_hover.gif) no-repeat center 3px;font-weight:bold;color:#fff}
#warpper .main{width:960px;margin:0 auto;overflow:hidden;zoom:1;}
#warpper .main .left{float:left;width:223px;display:inline;}
#warpper .main .left .top{ background:url(../images/left_top.gif) no-repeat left top;height:39px;line-height:39px;}
#warpper .main .left .top h2{font: bold 14px "ËÎÌå";height:39px;line-height:39px;text-indent:1.5em;color:#00989B;}
#warpper .main .left .cen{ background:url(../images/left_cen.gif) repeat-y;}
#warpper .main .left .cen ul{ list-style:none;padding:0 10px;}
#warpper .main .left .cen li{line-height:35px;border-bottom:1px solid #ccc; background:url(../images/left_libg.gif) no-repeat right center;}
#warpper .main .left .cen li.nobor{border:none;}
#warpper .main .left .cen li a{ display:block; background:url(../images/left_libg2.gif) no-repeat 3px -28px;text-indent:2.8em;}
#warpper .main .left .cen li.current a,#warpper .main .left .cen li.current a:link{font-weight:bold;color:#00989B;background:url(../images/left_libg2.gif) no-repeat 3px 9px;text-indent:2.8em;}
#warpper .main .left .cen li a:hover{ display:block; background:url(../images/left_libg2.gif) no-repeat no-repeat 3px 9px;text-indent:2.8em;}
#warpper .main .left .bot{ background:url(../images/left_bot2.gif) no-repeat left top;height:23px;}
#warpper .main .right{float:right;margin-left:10px;zoom:1;overflow:hidden;}
#warpper .main .right .top{ background:url(../images/main_top.gif) no-repeat left top;width:712px;height:33px;}
#warpper .main .right .top p{height:33px;line-height:33px;text-indent:2em;}
#warpper .main .right .top p a.a1{margin:0 25px;}
#warpper .main .right .top p span.s1{margin-left:15px;color:#009899;}
#warpper .main .right .top .search{text-align:right;margin-top:-26px;padding-right:10px;}
#warpper .main .right .top .search .sb{ background:url(../images/search.gif) no-repeat  center center ;height:17px;width:17px;}
#warpper .main .right .top .search input{ background:transparent;border:none;width:150px;color:#999;height:17px;line-height:17px;font-size:11px;}
#warpper .main .right .top .search input.sb{ background:url(../images/search.gif) no-repeat  center center ;height:17px;width:17px;margin-right:20px; cursor:pointer;}
#warpper .main .right .content{ margin-top:10px;margin-bottom:10px;width:712px;zoom:1;overflow:hidden;}
#warpper .main .right .content ul{ list-style:none;width:712px;}
#warpper .main .right .content li{height:35px;line-height:35px;border-bottom:1px dashed #ccc; background:url(../images/li_bg2.gif) no-repeat left center;text-indent:1.5em;}
#warpper .main .right .content li span{float:left;}
#warpper .main .right .content li.one{ background:#f6f6f6;height:150px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:0 35px;}
#warpper .main .right .content li.one p{line-height:20px;width:600px;}
#warpper .main .right .content li.one p.more{text-align:right;}
#warpper .main .right .content li a.cor{color:#F28300;}
#warpper .footer{text-align:center;font:11px Arial, Helvetica, sans-serif ; background:url(../images/footer_bg.gif) repeat-x;height:47px;padding:10px;margin-top:15px;}
#warpper .main .right .content p{line-height:25px;margin-bottom:15px;width:680px;text-indent:2em;margin-left:20px;}
#warpper .main .right .content p.p1{line-height:25px;margin:0;}

/*-------------------------------news_detail---------------------------------------------*/
#warpper .main .right .content .n_title{width:680px; line-height:30px; font-weight:bold; color:#00989B; font-size:14px; text-align:center;}
#warpper .main .right .content .n_date{width:680px; line-height:20px; text-align:right; color:#999;}
#warpper .main .right .content .n_content{width:680px; line-height:22px;border-top:#999 1px dotted; border-bottom:#999 1px dotted; padding-top:20px; padding-bottom:20px;}
#warpper .main .right .content .n_content p{ text-indent:24px; padding-bottom:10px;}
#warpper .main .right .content .n_content p.pic{ text-align:center;}
#warpper .main .right  .n_back{ height:30px;line-height:30px; text-align:center; background:url(../images/back.gif) 300px center no-repeat;}

/*-------------------------------about   service----------------------------------------*/
#warpper .main .right .a_content p{line-height:25px;width:680px;padding-left:20px;}
#warpper .main .right .a_content p span.cor{color:#009899;}
#warpper .main .right .a_content h3{line-height:25px;color:#009899;margin-top:15px;}
#warpper .main .right .a_content h3 a{color:#009899;}
#warpper .main .right .a_content h3.bg{ background:url(../images/li_bg3.gif) no-repeat left center;font-weight:bold;text-indent:1.5em;}
#warpper .main .right .a_content ol{ list-style:hiragana;}
#warpper .main .right .a_content li{line-height:25px;}
#warpper .main .right .a_content ul{height:155px; background:#f6f6f6 url(../images/li_bg4.gif) no-repeat 14px 14px;padding:10px 0 ;width:712px;border-top:1px solid #ccc;border-bottom:1px solid #ccc;margin-top:10px;}
#warpper .main .right .a_content ul li{line-height:24px;text-indent:3em;}
#warpper .main .right .a_content ul li a,#warpper .main .right .a_content ul li a:link{color:#009899;}

/*-------------------------------porduct----------------------------------------*/


#warpper .main .left .cen  ul.pro{ list-style:none;padding:0 10px;}
#warpper .main .left .cen li{line-height:35px;border-bottom:1px solid #ccc; background:url(../images/left_libg.gif) no-repeat right center;}
#warpper .main .left .cen . li.nobor{border:none;}
#warpper .main .left .cen li a{ display:block; background:url(../images/left_libg2.gif) no-repeat 3px -28px;text-indent:2.8em;}
#warpper .main .left .cen li.current a,#warpper .main .left .cen li.current a:link{font-weight:bold;color:#009899;background:url(../images/left_libg2.gif) no-repeat 3px 9px;text-indent:2.8em;}
#warpper .main .left .cen li a:hover{ display:block; background:url(../images/left_libg2.gif) no-repeat no-repeat 3px 9px;text-indent:2.8em;}
#warpper .main .right .p_content{ margin-top:18px;margin-bottom:10px;width:712px;_width:722px;}
#warpper .main .right .p_content .botbor{ border-bottom:1px dashed #ccc;}
#warpper .main .right .p_content .box{float:left;width:330px;display:inline;margin:0 7px 7px 7px;height:190px;padding-top:15px;zoom:1;overflow:hidden;}
#warpper .main .right .p_content .box img.pic{display:block; float:left;width:130px;height:130px;margin-top:20px;}
#warpper .main .right .p_content .box dl{margin-left:160px;}
#warpper .main .right .p_content .box dt p.p1{color:#009899;font-size:12px; text-decoration:underline;font-weight:bold;}
#warpper .main .right .p_content .box dt p.p1 a,#warpper .main .right .p_content .box dt p.p1 a:link{color:#009899;}
#warpper .main .right .p_content .box dd{padding-top:10px;line-height:20px;}
#warpper .main .right .p_content .box dd p a{color:#009899;}
/*#warpper .main .right .p_content dl{float:left;width:223px;display:inline;margin:0 7px 7px 7px;}
#warpper .main .right .p_content dt{width:223px;height:223px; background:url(../images/por_bg.gif) no-repeat center center;text-align:center;float:left}
#warpper .main .right .p_content dt img{width:180px;height:180px;margin-top:21px;}
#warpper .main .right .p_content dd{background:url(../images/por_bg2.gif) no-repeat center center;height:29px;width:225px;line-height:29px;text-indent:2em;margin-top:10px;float:right;}*/
#warpper .main .right .page{text-align:right;padding-right:10px;}
#warpper .main .right .page a.a1{ text-decoration:underline;color:#009899;}
#warpper .main .right .page a.a2{margin:0 5px;}
#warpper .main .right .p_content .detail {height:auto;overflow:hidden;zoom:1;border-bottom:1px dashed #ccc;}
#warpper .main .right .p_content .detail img{width:300px;height:300px; display:block;float:left;}
#warpper .main .right .p_content .detail ul{ list-style:none;margin-left:350px;text-align:left;}
#warpper .main .right .p_content .detail ul h2{font:bold 14px "ËÎÌå";text-align:center;color:#00989B;}
#warpper .main .right .p_content .detail li{line-height:35px;border-bottom:1px dashed #ccc; background:url(../images/li_bg2.gif) no-repeat left center;height:35px;text-indent:1.5em;}


