@charset "utf-8";
/*chinese css*/
/*------------------------junfu  CSS -------------------------------------------------- */
body { color: #666666; font-family:Arial, Helvetica, sans-serif;font-size: 12px; line-height: 150%; margin:0px; padding:0px; -webkit-font-smoothing: antialiased; background:url(../img/00_layout/headBg.jpg) left top repeat-x #fff;-webkit-text-size-adjust: none;}
img { border: 0; }
a { color: #0087EA; text-decoration: none; }
a:hover { color: #0087EA; text-decoration: underline; }
table{border-collapse:collapse;} 
ul,li{ margin:0; padding:0; list-style:none;}
.clear {clear:both; *display:inline;/*IE only*/}

/*------------------------all area wrapper + header + topmenu  -------------------------------------------------- */
#wrap_outer{ width:980px; margin:0 auto; padding:0;}
#header{ width:980px; height:104px;}
#header div.logo{ float:left; width:200px; height:50px; padding:20px 0 0 0}
#header div.topmenu01{ text-align:right;width:780px; float:right; font-size:11px; font-family:Arial, Helvetica, sans-serif; color:#666; line-height:13px;}
#header div.topmenu01 ul{ padding:0; margin:0;float:right;}
#header div.topmenu01 li{ float:left; padding:0 20px 0 0px; list-style:none;color:#666;}
#header div.topmenu01 li a{}
#header div.topmenu01 li a:hover{ text-decoration:none;}

#header div.topmenu01 li.line{background:url(../img/00_layout/headline.gif) right top no-repeat ; padding:20px 10px 0 20px;}
#header div.topmenu01 li.range{ padding:20px 0 0 20px;}
#header div.topmenu01 li.range ul{*position:relative!important; *width:80px!important; float:none;*left:-10px; *top:0px;}
#header div.topmenu01 li.blue a{color:#666;}
#header div.topmenu01 li.blue a:hover{color:#0087EA;}


li.range:hover #language_item{display: block;}
#language_item {display: none;width: 80px;position: absolute;z-index: 1;padding-bottom: 17px; }
#language_item li{margin: 1px 0px 0px 0px;padding: 0px; list-style:none;display: block; }
#language_item li a{font-size: 11px;letter-spacing: 0px;color:#fff;background-color: #333;text-align: center;display: block;height: 19px;width: 70px;padding: 5px 10px 0px 10px;filter:zoom:1;background-image: none; }
#language_item li a:hover{zoom:1;color:#ccc;display: block;}

.langfont a{ color:#fff;}
.langfont a:hover{ color:#fc0;}
.langfont{color:#fc0;}

/*------------------------index_navi -------------------------------------------------- */
#menu{ width:980px;height:60px;padding:0 0px 0 0px;background: url(../img/00_layout/anvi_bg.jpg) left top no-repeat;position:relative;z-index:10;}


#nav {display:block; padding:0 10px 0 10px; width:960px;position: absolute;}

#nav .mainlevel {float:left; text-align:center; display:block;width:106px; line-height:16px; height:43px; padding:17px 0 0 0; font-size:13px;color:#fff; /*letter-spacing:-1pt; */font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
/*#nav .mainlevel a {color:#ccc; text-decoration:none; line-height:14px;text-align:center;display:block;height:48px;}*/
#nav .mainlevel_a {color:#eaeaea; text-decoration:none; line-height:16px;text-align:center;display:block;height:43px;}
/*#nav .mainlevel a:hover {background:url(../img/00_layout/anvi_overbg.jpg) left bottom no-repeat ;*background:url(../img/00_layout/anvi_overbg2.jpg) left bottom no-repeat!important ;text-decoration:none;line-height:14px ; height:43px;color:#fff; padding:5px 0 0 0}*/
#nav .mainlevel_hover {background:url(../img/00_layout/anvi_overbg.jpg) left bottom no-repeat ;*background:url(../img/00_layout/anvi_overbg2.jpg) left bottom no-repeat!important ;text-decoration:none;line-height:16px ; height:43px;padding:5px 0 0 0;}

#nav .mainlevel li.white{ color:fff;}


#nav .mainlevel ul {position:relative;display:none;width:106px;left:0px;background:#999;top:-7px;}
#nav .mainlevel li {font-size:12px;padding:0px 0px 0 0px;line-height:28px;height:30px;color:#fff;/*background:url(../img/00_layout/icon_dot.gif) 20px center no-repeat*/border-bottom:1px solid #a3a3a3;letter-spacing:normal; }
#nav .mainlevel li a {line-height:28px; height:30px; display:block; color:#eaeaea;width:106px;}
#nav .mainlevel li a:hover {line-height:28px;height:30px;color:#fff; text-decoration:none;display:block; background-color:#333;/*background:url(../img/00_layout/icon_dot.gif) 20px center no-repeat #0062AA; *background:url(../img/00_layout/icon_dot.gif) 20px center no-repeat #0062AA!important*/ padding:0 0 0 0;}
#nav li a em/*input an em tag as a space*/ {}

#nav .toprange{ padding-top:25px; display:block;}

#nav .subanvi_width{ width:106px; color:#CCE0EE; text-align:center;}

.anvi_range01{ }
/*.overicon a{text-decoration: underline;}
.overicon a:hover{text-decoration: none;position: relative;left: 1px;top: 1px;}
*/

/*------------------------index_flash -------------------------------------------------- */
#index_flash{ width:976px; _width:976px; padding:0px 1px 1px 1px;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; position:absolute; z-index:-999;}

/*------------------------index_content -------------------------------------------------- */
#index_content {
    width: 976px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    overflow: hidden;
}

#index_content div.ourassure {
    width: 280px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: url(../img/00_layout/index_cardline01.gif) left center no-repeat;
    padding: 0 30px;
}

#index_content div.ourassure span.des{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px;}
#index_content div.ourassure p.more{padding:20px 0 0 0; margin:0;}
#index_content div.ourassure p.more a{}
#index_content div.ourassure p.more a:hover{}



#index_content div.prodshow {
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    margin: 0 20px;
}

#index_content div.prodshow p{ padding:0; margin:0}
#index_content div.prodshow div.left{ width:16px; float:left; padding:40px 0 0 0;cursor: pointer;}
/*#index_content div.prodshow div.mid{width:230px;float:left; text-align:center;}*/
/*------------------------index_quciklink start -------------------------------------------------- */
#index_content div.prodshow div.mid{position:relative;height:110px;width:210px;overflow: hidden;float:left; text-align:center;}
#index_content div.prodshow div#slidershow{position:absolute;top:0;left:0px;}
#index_content div.prodshow div#slidershow img{float:left;}
/*------------------------index_quciklink end -------------------------------------------------- */
#index_content div.prodshow div.right{width:16px;float:left;padding:40px 0 0 0;cursor: pointer;}



#index_content div.about {
    width: 280px;
    float: none;
    display: inline-block;
    vertical-align: top;
    text-align: left;
    background: url(../img/00_layout/index_cardline02.gif) left center no-repeat;
    padding: 0 0px 0 30px;
}

#index_content div.about span.des{ font-size:12px; font-family:Arial, Helvetica, sans-serif; line-height:17px;}
#index_content div.about p.more{padding:20px 0 0 0; margin:0;}





/*------------------------index_footer -------------------------------------------------- */
#index_footer {
    clear: both;
    width: 976px;
    margin: 0 auto;
    padding: 20px 0;
    border-top: 1px solid #CCCCCC;
    overflow: hidden;
    text-align: center;
}

#index_footer .left {
    float: none;
    width: auto;
    margin: 0;
    padding: 0;
    display: inline-block;
}

#index_footer .right {
    float: none;
    width: auto;
    margin: 0 0 0 20px;
    padding: 0;
    display: inline-block;
}

#index_footer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    display: inline-block;
}

#index_footer li {
    display: inline-block;
    margin: 0;
    padding: 0 10px;
    line-height: 20px;
    vertical-align: middle;
}

#index_footer li.line {
    border-right: 1px solid #666;
}

#index_footer li:last-child {
    border-right: none;
    padding-right: 0;
}

#index_footer .creatop {
    margin-left: 10px;
    color: #666;
}

#index_footer a {
    color: #666;
    text-decoration: none;
}

#index_footer a:hover {
    color: #0087EA;
    text-decoration: none;
}

/*------------------------prod list -------------------------------------------------- */

#page_layout{ width:977px; padding:1px 0 1px 1px;border-bottom:1px solid #cdcdcd;border-left:1px solid #cdcdcd;border-right:1px solid #cdcdcd; }

#btm_wrap{ width:920px;background:url(../img/00_layout/footer_wrapbg.jpg) left top no-repeat; height:210px; padding:30px 30px 0 30px; float:left;}

#btm_wrap div.left{ float:left; width:185px; padding:0 80px 0 0;}
#btm_wrap div.left ul{}
#btm_wrap div.left li{ padding:4px 0;}
#btm_wrap div.left li select{ width:175px; border:1px solid #ccc; height:20px; padding:2px 0 0 2px; color:#666; font-size:11px;}
#btm_wrap div.left dl{ padding:0; margin:0}
#btm_wrap div.left dt{}
#btm_wrap div.left dd{padding:4px 5px 0 0; margin:0; float:left;}

.topMrange{ margin:5px 0 0 0;}


#btm_wrap div.mid{float:left;width:225px; padding:0 150px 0 0; font-size:11px; color:#adadad; line-height:20px;}
#btm_wrap div.right{float:left;width:280px;font-size:11px; color:#adadad; line-height:20px;}
#btm_wrap div.right span.right{ float:right;}
#btm_wrap div.right span.link{float:left; display:block; margin-top:20px;}
#btm_wrap div.right a{ color:#1887DB; font-weight:bold;}
#btm_wrap div.right a:hover{color:#fff; text-decoration:none}





/*------------------------page_content -------------------------------------------------- */
#page_content{ border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd; height:170px;width:920px; padding:15px 29px 30px 29px;*padding:15px 29px 50px 29px!important;background:url(../img/01_pro/content_btmbg.jpg) left bottom no-repeat; height:100%; overflow:hidden;float:left;}

#page_content div.page_streeage{ text-align:right; width:920px; height:20px;color:#2DA6FF; font-size:11px; }
#page_content div.page_streeage a{color:#adadad } 
#page_content div.page_streeage a:hover{color:#2DA6FF;}
#page_content div.pagetitle{background:url(../img/01_pro/title_btmbg.jpg) left bottom no-repeat;  height:65px; margin-bottom:35px;}


#page_content div.pagetitle span.range{ }
#page_content div.pagetitle ul{ padding:0; margin:0;}
#page_content div.pagetitle li{ float:left; padding:0 5px 0 5px}
#page_content div.pagetitle li.blue{ color:#0087EA; font-size:20px; font-weight:bold;font-family: tunga;*line-height:26px!important; line-height:35px;}
#page_content div.pagetitle li.black{font-family: tunga; font-size:22px; font-weight:bold; color:#000; *line-height:26px!important; line-height:35px;}
#page_content div.pagetitle li.black a{color:#000;}
#page_content div.pagetitle li.black a:hover{color:#0087EA; text-decoration:none;}


#page_content div.prodwrap{ width:440px; float:left; margin-bottom:30px;overflow:hidden; height:300px;}
#page_content div.prodwrap dl{ padding:20px 0 0 20px; margin:0; width:230px;float:left;background:url(../img/01_pro/prod_bg01.jpg) left top no-repeat; }
#page_content div.prodwrap dt{padding:0;font-size:13px; color:#333; font-family:Verdana; font-weight:bold; line-height:18px;}
#page_content div.prodwrap dd.blue{margin:0; color:#0087EA; font-size:24px;font-family: tunga;line-height:32px;}

#page_content div.prodwrap dd{margin:0;font-size:11px; color:#666; font-family:Verdana; }
#page_content div.prodwrap span.pic{ float:left; margin:0 30px 0 30px; width:120px; display:block;_margin:0 10px 0 30px;}

#page_content div.prodwrap ul{ margin:30px 0 0 0;}
#page_content div.prodwrap li{ padding:0 0 12px 0; font-family:Arial; font-size:12px; color:#666; line-height:14px;width:230px;}
#page_content div.prodwrap li span.quality{ margin-right:10px; float:left;}

#page_content div.rangeRight{ margin-right:20px;}
#page_content div.rangeLeft{ margin-left:20px;}

#prod_appwrap div.appitem{ width:360px; float:left;}

#prod_appwrap div.appitem dl{ padding:0; margin:0; width:207px;float:left;}
#prod_appwrap div.appitem dt{padding:0; margin:0 0 5px 0;font-weight:bold;width:207px; }
#prod_appwrap div.appitem dt a{color:#000;}
#prod_appwrap div.appitem dt a:hover{color:#c00; text-decoration:none;}
#prod_appwrap div.appitem dd{ color:#656565; line-height:16px;width:207px;padding:0; margin:0;}

#prod_appwrap div.appitem img{ float:left; margin-right:15px;}
#prod_appwrap div.range{ margin-right:50px;}


/*------------------------pro detail -------------------------------------------------- */
#page_content div.detailwrap{ width:920px;}
#page_content div.detailwrap div.left{ width:160px; padding:0 50px 0 50px; float:left;}
#page_content div.detailwrap div.right{width:660px;float:left;}
#page_content div.detailwrap div.right dl{padding:0px 0 0 0px; margin:0;width:660px;}
#page_content div.detailwrap div.right dt{padding:0;font-size:15px; color:#333; font-family:Verdana; font-weight:bold; line-height:18px;}
#page_content div.detailwrap div.right dd.blue{margin:0; color:#0087EA; font-size:24px;font-family: tunga;line-height:32px;}
#page_content div.detailwrap div.right dd{margin:0;font-size:12px; color:#333; font-family:Verdana;}

#page_content div.detailwrap div.right ul{ margin-top:30px; overflow:hidden;}
#page_content div.detailwrap div.right li{ float:left; padding:0 30px 10px 0; line-height:14px;}
#page_content div.detailwrap div.right li img{ margin-right:5px; float:left;}

#page_content div.detailwrap div.right div.edit{ clear:both;width:600px;overflow:hidden;padding:30px;*padding-top:50px!important;background:url(../img/01_pro/detail_line.jpg) left 30px no-repeat;*background:url(../img/01_pro/detail_line.jpg) left 20px no-repeat!important; }
#page_content div.detailwrap div.right div.edit ul{width:600px;}
#page_content div.detailwrap div.right div.edit li{background:url(../img/01_pro/icon_dot02.jpg) left 7px no-repeat; padding:0 0 15px 10px; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; line-height:15px;width:600px;}

#page_content div.detailwrap div.right div.btmwrap{width:660px;}
#page_content div.detailwrap div.right div.btmwrap div.assure{ width:408px; float:left;background:url(../img/01_pro/prod_detail_assBg01.jpg) left top no-repeat; padding:30px 25px;}

#page_content div.detailwrap div.right div.btmwrap div.assure ul{ padding:20px 0 0 0; margin:0;}
#page_content div.detailwrap div.right div.btmwrap div.assure li{ float:left; padding:0 10px 0 0; margin:0;}


#page_content div.detailwrap div.right div.btmwrap div.assure_no{ width:458px; float:left; background:url(../img/01_pro/prod_detail_assBg01.jpg) left top no-repeat; height:5px; }

#page_content div.detailwrap div.right div.btmwrap div.download{width:177px; float:left;background:url(../img/01_pro/prod_detail_assBg02.jpg) left top no-repeat; padding:30px 0 0 25px; height:120px;}










/*------------------------about -------------------------------------------------- */




#about{ border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd; height:170px;width:978px; padding:15px 0px 30px 0px;*padding:15px 0px 50px 0px!important;background:url(../img/01_pro/content_btmbg.jpg) left bottom no-repeat; height:100%; overflow:hidden;float:left;}

#about div.page_streeage{ text-align:right; width:920px; height:20px;color:#2DA6FF; font-size:11px; padding:0 30px}
#about div.page_streeage a{color:#adadad } 
#about div.page_streeage a:hover{color:#2DA6FF;}
#about div.pagetitle{height:65px; margin-bottom:35px;padding:0 30px;}



#about div.pagetitle ul{ padding:0; margin:0;width:920px;height:30px; border-bottom:1px solid #ccc; padding:0 0 1px 0 }
#about div.pagetitle li{ float:left; width:184px; text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;display:block;  height:30px;_padding:0 0 0px 0; }
#about div.pagetitle li a{ color:#666; display:block;padding:0 0 10px 0;height:20px;background:url(../img/02_about/about_titleBg.gif) left bottom no-repeat;_padding:0 0 10px 0;}
#about div.pagetitle li a:hover{color:#0087EA;display:block;padding:0 0 10px 0;height:20px;background:url(../img/02_about/about_titleBg_on.gif) left bottom no-repeat; text-decoration:none; font-weight:bold;_padding:0 0 10px 0;}




#about div.pagetitle ul{ padding:0; margin:0;width:920px;height:30px; border-bottom:1px solid #ccc; padding:0 0 1px 0 }
#about div.pagetitle li.onpage{ float:left; width:184px; text-align:center;font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px;display:block;  height:30px;_padding:0 0 0px 0; }
#about div.pagetitle li.onpage a{ color:#666; display:block;padding:0 0 10px 0;height:20px;background:url(../img/02_about/about_titleBg_on.gif) left bottom no-repeat;_padding:0 0 10px 0;}
#about div.pagetitle li.onpage a:hover{color:#0087EA;display:block;padding:0 0 10px 0;height:20px;background:url(../img/02_about/about_titleBg_on.gif) left bottom no-repeat; text-decoration:none; font-weight:bold;_padding:0 0 10px 0;}










#about div.pagetitle span.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }

#about div.edit{ width:978px;}

#about div.edit td{ color:#666;}
#about div.edit td strong{ color:#333;}

#about div.edit td.line{background:url(../img/02_about/edit_line.gif) left top repeat; line-height:30px;}
#about div.edit td.rohsBg{ color:#666;background:url(../img/02_about/about_layout02.jpg) right top no-repeat; padding:30px 0px 0 50px;}

/*------------------------sitemap -------------------------------------------------- */
#sitemapout{ border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd; height:170px;width:978px; padding:0px 0px 30px 0px;*padding:0px 0px 50px 0px!important;background:url(../img/01_pro/content_btmbg.jpg) left bottom no-repeat; height:100%; overflow:hidden;float:left;}


#sitemap{background:url(../img/05_sitemap/sitemapBg.jpg) left top no-repeat; padding:15px 0 0 0}

#sitemap div.page_streeage{ text-align:right; width:920px; height:20px;color:#2DA6FF; font-size:11px; padding:0 30px}
#sitemap div.page_streeage a{color:#adadad } 
#sitemap div.page_streeage a:hover{color:#2DA6FF;}
#sitemap div.pagetitle{height:200px; margin-bottom:35px;padding:0 30px;}
#sitemap div.pagetitle span.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }
#sitemap div.pagetitle span.titldes{ width:370px; display:block;}
#sitemap div.pagetitle span.smalltitle{ font:oblique bold 11px/20px Arial; color:#333; }



#sitemap div.mapedit{ width:878px; padding:0 50px;overflow:hidden;}
#sitemap div.mapedit div.itemlist{width:878px; margin:0 0 50px 0; overflow:hidden;}
#sitemap div.mapedit div.itemlist dl{padding:0; margin:0;width:878px;}
#sitemap div.mapedit div.itemlist dt{background:url(../img/02_about/edit_line.gif) left bottom repeat-x; padding:0 0 10px 0;width:878px;}
#sitemap div.mapedit div.itemlist dd{ float:left; padding:10px 0 10px 10px; margin:0; width:190px;background:url(../img/02_about/edit_line.gif) left bottom repeat-x;}

#sitemap div.mapedit div.itemlist span.doticon{float:left;width:10px; display:block; padding:5px 0 0 0}
#sitemap div.mapedit div.itemlist span.name{ float:left;font:normal 11px/16px Arial, Helvetica, sans-serif;width:170px ;display:block;}
#sitemap div.mapedit div.itemlist span.height{ height:30px;}
#sitemap div.mapedit div.itemlist div.btmrange{ padding-top:30px; }
#sitemap div.mapedit div.itemlist span.name a{ color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;  text-decoration:none;}
#sitemap div.mapedit div.itemlist span.name a:hover{color:#0087EA; text-decoration:none;}
#sitemap div.mapedit div.itemlist dd.range{ margin-right:25px;}

#sitemap div.mapedit div.other{ width:265px; float:left; display:block; margin:0 0 30px 0}
#sitemap div.mapedit div.other ul{ }
#sitemap div.mapedit div.other li{ padding:10px 0 10px 0;margin:0;}
#sitemap div.mapedit div.other li.link{}
#sitemap div.mapedit div.other li.link a{color:#666; font-family:Verdana, Arial, Helvetica, sans-serif;  text-decoration:none;}
#sitemap div.mapedit div.other li.link a:hover{color:#0087EA; text-decoration:none;}

#sitemap div.mapedit div.other li.title{background:url(../img/02_about/edit_line.gif) left bottom repeat-x;}



#sitemap div.mapedit div.other span.doticon{float:left;width:10px; display:block; padding:5px 0 0 0;background:url(../img/02_about/edit_line.gif) left bottom repeat-x; height:20px;}
#sitemap div.mapedit div.other span.name{ float:left;display:block; overflow:hidden; width:255px;background:url(../img/02_about/edit_line.gif) left bottom repeat-x;height:25px;}

#sitemap div.mapedit div.other div.btmrange{ padding-top:30px; }
#sitemap div.mapedit div.other span.name a{ color:#666; text-decoration:none;}
#sitemap div.mapedit div.other span.name a:hover{color:#0087EA; text-decoration:none;}
#sitemap div.mapedit div.range{ margin-right:40px;}


/*------------------------contact -------------------------------------------------- */

#contactwrap{ border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd; height:170px;width:978px; padding:0px 0px 30px 0px;*padding:0px 0px 50px 0px!important;background:url(../img/01_pro/content_btmbg.jpg) left bottom no-repeat; height:100%; overflow:hidden;float:left;}


#contact{background:url(../img/04_contact/contact_topbg.jpg) left top no-repeat; padding:15px 0 0 0;}

#contact div.page_streeage{ text-align:right; width:920px; height:20px;color:#2DA6FF; font-size:11px; padding:0 30px; overflow:hidden;}
#contact div.page_streeage a{color:#adadad } 
#contact div.page_streeage a:hover{color:#2DA6FF;}
#contact div.pagetitle{height:200px; margin-bottom:35px;padding:0 30px;}
#contact div.pagetitle span.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }
#contact div.pagetitle span.titldes{ width:450px; display:block; float:left;}
#contact div.pagetitle span.smalltitle{ font:oblique bold 11px/20px Arial; color:#333; }
#contact div.pagetitle span.star{color:#2599D1; font:bold 15px/15px Arial;}


#contact div.pagetitle p.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }
#contact div.pagetitle p.titldes{ width:400px; display:block; float:left;}
#contact div.pagetitle p.smalltitle{ font:oblique bold 11px/20px Arial; color:#333; }

#contact div.pagetitle p.msgwrap{ padding:0; margin:0; display:block; overflow:hidden;};
#contact div.pagetitle div.addwrap{padding:0; margin:20px 0 0 0; display:block; overflow:hidden; color:#999;}
#contact div.pagetitle div.addwrap ul{ width:500px; padding:10px 10px 0 10px; background:url(../img/01_pro/icon_dot02.jpg) left 16px no-repeat;}
#contact div.pagetitle div.addwrap li{width:500px;}
#contact div.pagetitle span.homeimg{ display:block;float:left; width:100px; margin:0 0 0 20px}
#contact div.pagetitle div.address{ width:500px;}
#contact div.pagetitle span.left{ float:left; margin:0 10px 0 0}

#contact div.form{ width:870px; padding:30px 54px 0 54px;overflow:hidden;background:url(../img/04_contact/contact_formBg.jpg) center top no-repeat; height:345px;}

#contact div.form div.left{ float:left; width:500px; padding:0 0 0 0;}

#contact div.form div.info{ width:520px; display:block; overflow:hidden;}
#contact div.form div.info ul{ padding:0 0 20px 0; float:left; margin:0 20px 0 0}
#contact div.form div.info ul.range{ }
#contact div.form div.info li{width:230px;}
#contact div.form div.info li.txt{ padding:0 0 5px 0}
#contact div.form div.info span.star{ color:#0087EA; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}


#contact div.form div.right{float:left; width:350px;}
#contact div.form div.right div.msg{ width:350px; }
#contact div.form div.right div.msg ul{ padding:0 0 17px 0; float:left;margin-right:15px;}
#contact div.form div.right div.msg ul.range{ }
#contact div.form div.right div.msg li{}
#contact div.form div.right div.msg li.txt{ padding:0 0 5px 0}
#contact div.form div.right div.msg span.star{ color:#0087EA; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;}

#contact div.form div.right textarea{ width:350px; height:208px;*height:220px!important;}
#contact div.btmarea{ width:180px; float:right; margin:25px 25px 0 0}
#contact div.btmarea ul{}
#contact div.btmarea li{ list-style:none; float:left;}
#contact div.btmarea li.range{ margin-right:10px;}


 
 
 
 
 
 
#resultwrap{ border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd; height:170px;width:978px; padding:0px 0px 30px 0px;*padding:0px 0px 50px 0px!important;background:url(../img/01_pro/content_btmbg.jpg) left bottom no-repeat; height:100%; overflow:hidden;float:left;}


#result{background:url(../img/04_contact/contact_topbg.jpg) left top no-repeat; padding:15px 0 0 0; height:320px;}

#result div.page_streeage{ text-align:right; width:920px; height:20px;color:#2DA6FF; font-size:11px; padding:0 30px; overflow:hidden;}
#result div.page_streeage a{color:#adadad } 
#result div.page_streeage a:hover{color:#2DA6FF;}
#result div.pagetitle{height:200px; margin-bottom:35px;padding:0 30px;}
#result div.pagetitle span.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }
#result div.pagetitle span.titldes{ width:450px; display:block; float:left;}
#result div.pagetitle span.smalltitle{ font:oblique bold 11px/20px Arial; color:#333; }
#result div.pagetitle span.star{color:#2599D1; font:normal 12px/15px Arial;}


#result div.pagetitle p.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }
#result div.pagetitle p.titldes{ width:400px; display:block; float:left;}
#result div.pagetitle p.smalltitle{ font:oblique bold 11px/20px Arial; color:#333; }

#result div.pagetitle p.msgwrap{ padding:0; margin:0; display:block; overflow:hidden;};
#result div.pagetitle div.addwrap{padding:0; margin:20px 0 0 0; display:block; overflow:hidden; color:#999;}
#result div.pagetitle div.addwrap ul{ width:500px; padding:0 10px 0 10px; float:left;background:url(../img/01_pro/icon_dot02.jpg) left 6px no-repeat;}
#result div.pagetitle div.addwrap li{width:500px;}
 
#result div.pagetitle div.address{ width:500px;}
#result div.pagetitle span.left{ float:left; margin:0 10px 0 0}
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
/*------------------------news -------------------------------------------------- */

#about div.newwrap{ width:930px; padding:35px 24px 0 24px;}

#about div.newwrap div.left{ width:200px; margin-right:25px; float:left;}
#about div.newwrap div.left ul{padding:0; margin:0;}

#about div.newwrap div.left li.mid{background:url(../img/02_about/subnavi_midbg.jpg) left top no-repeat;}
#about div.newwrap div.left li.mid ul{padding:20px 0 0 0; margin:0;*padding-top:5px!important; margin:0; }
#about div.newwrap div.left li.mid li{ text-align:right; margin:0 20px 0 20px;list-style:none;padding:7px 10px 10px 0;background:url(../img/02_about/subnavi_line.gif) left bottom repeat-x;}
#about div.newwrap div.left li.mid li a{text-decoration:none;color:#333;}
#about div.newwrap div.left li.mid li a:hover{ color:#2AA2FB; text-decoration:none;}

#about div.newwrap div.left li.mid li.onpage{ text-align:right; margin:0 20px 0 20px;list-style:none;padding:7px 10px 10px 0;background:url(../img/02_about/subnavi_line.gif) left bottom repeat-x;}
#about div.newwrap div.left li.mid li.onpage a{text-decoration:none;color:#2AA2FB;}
#about div.newwrap div.left li.mid li.onpage a:hover{ color:#2AA2FB; text-decoration:none;}
/*
background:url(../img/01_pro/icon_dot02.jpg) 175px 8px no-repeat; */


#about div.newwrap div.left li.btm{height:45px;background:url(../img/02_about/subnavi_btm.jpg) left top no-repeat;}
#about div.newwrap div.left li{ list-style:none;}

#about div.newwrap div.right{ width:705px;float:left;}
#about div.newwrap div.right div.newlist{width:705px; padding:10px 0 10px 0;background:url(../img/02_about/subnavi_line.gif) left bottom repeat-x;}
#about div.newwrap div.right div.newlist ul{}
#about div.newwrap div.right div.newlist li{ list-style:none;}
#about div.newwrap div.right div.newlist span.date{background:url(../img/02_about/news_titline.gif) right center no-repeat; padding:0 20px 0 0; font-size:11px; color:#333;}
#about div.newwrap div.right div.newlist span.title{font:bold 12px/14px Arial; color:#333;}
#about div.newwrap div.right div.newlist span.title a{color:#333; text-decoration:none;}
#about div.newwrap div.right div.newlist span.title a:hover{color:#0087EA;text-decoration:none;}

#about div.newwrap div.right div.newlist li.des{ color:#999; margin:15px 0 0 0}
#about div.newwrap div.right div.newlist span.imgrange{ margin-right:10px; float:left;}
#about div.newwrap div.right div.page{ width:200px; margin:0 auto; text-align:center; padding:30px 0 0 0;}
#about div.newwrap div.right div.page ul{}
#about div.newwrap div.right div.page li{ list-style:none; float:left; padding:0 10px 0 0}
#about div.newwrap div.right div.page li a{color:#333; text-decoration:none;}
#about div.newwrap div.right div.page li a:hover{color:#0087EA;text-decoration:none;}
#about div.newwrap div.right div.page li.onpage{color:#333;}
#about div.newwrap div.right div.page li.onpage a{color:#0087EA;text-decoration:none;}
#about div.newwrap div.right div.page li.onpage a:hover{color:#0087EA;text-decoration:none;}


#about div.newwrap div.right div.title{width:705px; font:bold 13px/16px Verdana; padding:0 0 20px 0; color:#333;}
#about div.newwrap div.right div.edit{width:705px; color:#666; line-height:22px; padding:0 0 25px 0;background:url(../img/02_about/detail_editline.gif) left bottom repeat-x; }
#about div.newwrap div.right div.download{width:705px;display:block; padding:15px 0 0 0}
#about div.newwrap div.right div.download span.left{ display:block; float:left;width:550px;}
#about div.newwrap div.right div.download span.left a{ font-weight:bold; font-size:12px; color:#2971A7;}
#about div.newwrap div.right div.download span.left a:hover{color:#2971A7; text-decoration:underline}
#about div.newwrap div.right div.download span.leftB{display:block; float:left;width:550px;}
#about div.newwrap div.right div.download span.right{ text-align:right; width:150px;display:block;float:right;}











/*------------------------prod search -------------------------------------------------- */


#search{ border-right:1px solid #cdcdcd;border-left:1px solid #cdcdcd; height:170px;width:978px; padding:15px 0px 30px 0px;*padding:15px 0px 50px 0px!important;background:url(../img/01_pro/content_btmbg.jpg) left bottom no-repeat; height:100%; overflow:hidden;float:left;}

#search div.page_streeage{ text-align:right; width:920px; height:20px;color:#2DA6FF; font-size:11px; padding:0 30px}
#search div.page_streeage a{color:#adadad } 
#search div.page_streeage a:hover{color:#2DA6FF;}
#search div.pagetitle{height:65px; margin-bottom:35px;padding:0 30px;background:url(../img/01_pro/title_btmbg.jpg) 35px bottom no-repeat;  }

#search div.pagetitle span.black{font-family: tunga, Arial; font-size:24px; font-weight:bold; color:#000; padding:10px 0 30px 0; display:block; }

#search div.term{background:url(../img/01_pro/pro_search_aBg.jpg) 28px bottom no-repeat; width:845px; height:46px; padding:45px 27px 0 111px; margin-bottom:20px;}

#search div.term select{ width:180px; height:25px; border:1px solid #ccc;}

#search div.resultlist{background:url(../img/01_pro/pro_search_rBg.jpg) 28px bottom no-repeat; width:845px;height:60px;padding:55px 27px 0 111px; color:#999; margin:0 0 20px 0;}
#search div.resultlist span.mark{ color:#268CD8; font:bold 12px/15px Verdana;}

#search div.resultwrap{ width:920px; padding:0 29px 0 29px;}
#search div.resultwrap td{ border:1px solid #ddd;}
#search div.resultwrap td.tltle{ background-color:#666; font: bold 13px/16px Verdana; color:#fff; text-align:center;}
#search div.resultwrap td.titleleft{ background-color:#999; font: normal 12px/16px Verdana; color:#fff; padding:10px 0 10px 30px}
#search div.resultwrap td.titleleft a{ color:#fff;}
#search div.resultwrap td.titleleft a:hover{ color:#fff;}

/*------------------------page_footer -------------------------------------------------- */

#page_footer{width:980px;padding:20px 0 0 0; height:60px;-webkit-text-size-adjust: none; float:left;}
#page_footer div.left{ width:650px; float:left;}
#page_footer div.left ul{width:650px;}
#page_footer div.left li{ float:left; font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; padding:0 15px 0 0; list-style:none;}
#page_footer div.left li a{color:#666;text-decoration: none;}
#page_footer div.left li a:hover{color: #0087EA; text-decoration: none;}
#page_footer div.left li.line{background:url(../img/00_layout/footer_line01.gif) left center no-repeat; }
#page_footer div.left li.range{ padding-left:15px; }
#page_footer div.right{ width:330px; float:left;}
#page_footer div.right ul{float:right;}
#page_footer div.right li{ float:left; list-style:none;font-size:11px; color:#999; font-family:Arial, Helvetica, sans-serif; padding:0 0 0 15px;}
#page_footer div.right li a{color: #0062AA;}
#page_footer div.right li a:hover{color: #0062AA; text-decoration:underline;}

#page_footer div.right li.line{background:url(../img/00_layout/footer_line01.gif) right center no-repeat; padding:0 15px 0 0}
#page_footer div.right li span.creatop{color:#ccc; padding:0 0 0 10px;}
#page_footer div.right li span.creatop a{color:#ccc;}
#page_footer div.right li span.creatop a:hover{color:#ccc;}