/*--- reset ---*/
html,body,form,div,p,
ul,ol,li,dl,dt,dd,
h1,h2,h3,h4,h5,h6,
input,button,textarea,img,
table,caption,thead,tbody,tfoot,tr,th,td { margin:0; padding:0; list-style:none;}

html,body { font:12px/15px tahoma; overflow:hidden; height:100%; position:relative;}
h1,h2,h3,h4,h5,h6 { font-size:100%;}
a { text-decoration:none; color:#000;}
a:hover { color:#f60;}
img { border:none; vertical-align:middle;}

.l_wrapper { height:100%; overflow:auto; position:relative;}

h1 { display:none;}
h2 { font-size:25px; text-align:center; border-bottom:1px solid #ccc; margin-bottom:20px;}
h3 { position:relative; height:27px; line-height:27px; margin:-3px; background:#DAF0FE; border-bottom:1px solid #551FFF; color:#0D32C6; padding:0 10px;}
h3 a { color:#69F;}
h3 a:hover { color:#69F;}
h4 { height:28px; padding:0 10px; line-height:26px; background:url(../img/h4.gif) repeat-x; border-left:1px solid #551FFF; border-right:1px solid #551FFF;}



/*--- element ---*/
.e_input { background:#fff; border:1px solid #551FFF; height:18px; line-height:18px; font-size:12px;}
.e_input2 { width:400px;}
.e_button { width:64px; height:20px; border:0; background:url(../img/button.gif) no-repeat; font-size:12px;}
.e_button2 { width:90px; height:20px; border:0; background:url(../img/button2.gif) no-repeat; font-size:12px;}
textarea { background:#fff; border:1px solid #551FFF; height:100px; width:250px; line-height:18px; font-size:12px;}

/*--- component ---*/
.c_sideBox { zoom:1; margin-top:8px;}
.c_sideBoxTop { width:200px; height:3px; margin-bottom:-3px; position:relative; z-index:2; overflow:hidden; background:url(../img/sideBoxTop.gif) no-repeat;}
.c_sideBoxBottom { width:200px; height:3px; margin-top:-3px; position:relative; z-index:2; overflow:hidden; background:url(../img/sideBoxBottom.gif) no-repeat;}
.c_sideBoxContent { background:#DAF0FE; width:188px; border-left:1px solid #551FFF; border-right:1px solid #551FFF; padding:8px 5px;}
.c_sideBoxContent:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_sideBoxContent { display:inline-block;}
.c_sideBoxContent { display:block;}

.c_box { zoom:1; margin-top:8px;}
.c_boxTop { height:3px; margin-bottom:-3px; position:relative; z-index:2; overflow:hidden; background:url(../img/box.gif) no-repeat; }
.c_boxTop div { height:3px; overflow:hidden; background:url(../img/box.gif) no-repeat right -3px;}
.c_boxBottom { height:3px; margin-top:-3px; position:relative; z-index:2; overflow:hidden; background:url(../img/box.gif) no-repeat 0 -6px; }
.c_boxBottom div { height:3px; overflow:hidden; background:url(../img/box.gif) no-repeat right -9px;}
.c_boxContent { border:1px solid #06F; padding:3px;}
.l_main .c_boxContent { min-height:750px; _height:750px;}
.c_boxContent:after{ content:"."; display:block; height:0; clear:both; visibility:hidden;}
.c_boxContent { display:inline-block;}
.c_boxContent { display:block;}

.c_page { border-top:1px solid #06F; padding-top:5px; margin-top:10px; font-size:0; text-align:right;}
.c_page li { font-size:12px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin-bottom:3px;}
.c_page a { display:inline-block; padding:0 7px; text-decoration:underline; line-height:18px;}
.c_page a:hover { background:#06F; padding:0 6px; border:1px solid #06F; text-decoration:none; color:#000;}
.c_page .on a { background:#f6f6f6; padding:0 7px; border:1px solid #999; text-decoration:none; cursor:default; color:#000;}

.c_tabPage { padding-top:20px; clear:both;}
.c_tabPage .tab ul { font-size:0;}
.c_tabPage .tab li { display:inline-block; *display:inline; zoom:1; font-size:12px;}
.c_tabPage .tab a { display:block; width:93px; height:26px; line-height:26px; text-align:center;}
.c_tabPage .tab .on a,
.c_tabPage .tab .on a:hover { background:url(../img/tabOn.gif) no-repeat; cursor:default; color:#000;}
.c_tabPage .page { border:1px solid #ffbf00; padding:15px;}

.c_ask { font-family:simsun; zoom:1; overflow:hidden; margin-top:-5px;}
.c_ask li ul { margin-left:5em;}
.c_ask li { float:left; width:100%; padding-top:5px;}
.c_ask .e_input,
.c_ask textarea { float:left;}
.c_ask li span { float:left; line-height:20px; margin-left:5px;}
.c_ask label { float:left; line-height:20px; width:5em;}
.c_ask .submit { margin:5px 0 0 5em;}



/*--- layout ---*/
.l_wrapper2 { background:url(../img/bg.gif) #fff repeat-x;}
.l_body,.l_footer { width:924px; margin:0 auto;}
.l_bodyWrapper { overflow:hidden; zoom:1;}
.l_main { float:left; width:100%;}
.l_mainWrapper { margin-left:211px;}
.l_side { float:left; margin-left:-100%; width:200px;}
.l_header { background:url(../img/banner.jpg) no-repeat center 0; height:399px; padding-top:1px; margin-bottom:-228px;}
.l_footer { margin-top:10px;}



/*--- field ---*/
.f_banner { width:924px; margin:0 auto; position:relative;}
.f_banner object,
.f_banner embed { width:400px; position:absolute; right:0; top:0;}

.f_ad { width: 713px; position: relative; height: 202px;}
.f_ad .pic { padding-right:0px; display:block; padding-left:0px; left:0px; padding-bottom:0px; overflow:hidden; width:713px; padding-top:0px; position:absolute; top:0px; height:202px;}
.f_ad .num { display:block; z-index:10; right:0px; margin:0px; bottom:10px; position:absolute;}
.f_ad .num a { border-right: #000 1px solid; border-top: #000 1px solid; margin-top: 10px; font-size:12px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50); float:left; border-left:#000 1px solid; width:16px; color:#000; line-height:100%; margin-right:10px; padding-top:1px; border-bottom:#000 1px solid; height:14px; background-color:#fff; text-align:center;}
.f_ad .num a:hover,
.f_ad .num a.activeSlide { font-weight:bold; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100); color:#ff5300;}

.f_nav { line-height:29px; width:884px; padding-left:40px; height:29px; background:url(../img/navBg.gif) no-repeat; overflow:hidden; margin:0 auto; margin-top:135px;}
.f_nav ul { float:left; padding-right:2px; background:url(../img/navPart.gif) no-repeat right;}
.f_nav li { float:left; padding-left:2px; background:url(../img/navPart.gif) no-repeat;}
.f_nav li a { float:left; padding:0 25px; color:#fff; font-weight:bold; background:url(../img/navLiOnBg.gif) repeat-x 0 -29px;}
.f_nav li a:hover { background-position:0; color:#c80000;}
.f_nav .language { float:left; margin-left:114px; color:#fff; font-weight:bold;}
.f_nav .language:hover { text-decoration:underline; color:#fff;}

.f_product ul { overflow:hidden; zoom:1; font-size:0; position:relative; padding:0 18px;}
.f_product li { display:inline-block; *display:inline; zoom:1; vertical-align:top; font-size:12px; width:200px; padding:20px 10px; border-top:1px solid #d0d0d0; margin-top:-1px;}
.f_product .pic { display:block; width:120px; height:120px; overflow:hidden; margin:0 auto;}
.f_product .name { display:inline-block; font-weight:bold; margin-top:15px;}
.f_product li div { margin-top:10px; line-height:1.8;}

.f_product1 .content { padding:10px; line-height:1.8;}
.f_product1 ul { overflow:hidden; zoom:1; font-size:0;padding:0 18px;position:relative;}
.f_product1 li { display:inline-block; *display:inline; zoom:1; font-size:12px; vertical-align:top; border-top:1px solid #d0d0d0; margin-top:-1px; width:200px; padding:30 15px; }
.f_product1 .pic { display:block; overflow:hidden;margin:10pt 10pt;
max-width:150px;height:auto;cursor:pointer;

border:0px dashed #4E6973;padding: 0px;

zoom:expression( function(elm) {

if (elm.width>150) {

var oldVW = elm.width; elm.width=150;

elm.height = elm.height*(150/oldVW);

}
elm.style.zoom = '1';
}(this));} 

.f_product1 .prama { zoom:1; overflow:hidden;}
.f_product1 .name { font-weight:bold;display:inline-block;margin-top:0px;}
.f_product1 li div { margin-top:10px;line-height:1.8;}
.f_product1 .more { margin-top:5px; margin-bottom:20px; display:inline-block; padding-left:15px; background:url(../img/icoMore.gif) no-repeat 0 5px;}
.f_product1 img { width:150px;}
.f_product1 li intro { margin-top:20px;}

.f_search .e_input { width:115px; float:left; margin-top:5px;}
.f_search .e_button { float:left; margin-left:4px; margin-top:5px;}

.f_subNav ul { zoom:1; margin-top:-5px;}
.f_subNav li { margin-top:5px;}
.f_subNav li a { display:block; background:url(../img/listHover.gif) no-repeat 0 -21px; height:21px; line-height:21px;}
.f_subNav .on a,
.f_subNav li a:hover { background-position:0; color:#000;}
.f_subNav .on a { font-weight:bold;}
.f_subNav li span { display:block; padding-left:28px; background:url(../img/icoLi.gif) no-repeat 15px 7px;}

.f_news ul { zoom:1; margin-top:-5px;}
.f_news li { margin-top:5px; padding-left:20px; background:url(../img/icoLi.gif) no-repeat 7px 4px;}
.f_news li a { display:block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}

.f_serviceOnline ul { zoom:1; margin-top:-5px;}
.f_serviceOnline li { margin-top:5px; zoom:1;}
.f_serviceOnline a { line-height:24px; display:block; background: no-repeat; padding-left:30px;}

.f_link .c_sideBoxContent { padding:10px 0; width:198px; text-align:center;}

.f_login .input ul { zoom:1; margin-top:-5px;}
.f_login .input li { overflow:hidden; zoom:1; vertical-align:middle; margin-top:5px;}
.f_login .input label { float:left; width:4em; line-height:20px;}
.f_login .input .e_input { float:left; width:100px;}
.f_login .submit { margin:10px 0 0 4em;}
.f_login .welcome .fct { margin-top:5px;}
.f_login .welcome .fct a { text-decoration:underline;}
.f_login .welcome .fct a:hover { text-decoration:none;}

/*---*/

.f_info { text-align:center; line-height:29px; font-size:0;}
.f_info li { font-size:12px; display:inline-block; *display:inline; zoom:1; margin:0 4px;}
.f_info a { text-decoration:underline;}
.f_info a:hover { text-decoration:none;}

.f_articleDetail .content { padding:10px; line-height:1.8;}

.f_productList1 .content { padding:10px; line-height:1.8;}
.f_productList1 ul { margin-top:1px; overflow:hidden; zoom:1; font-size:0;}
.f_productList1 ul li {font-size:12px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:6px 6px 0 0;}
.f_productList1 .pic { float:left; margin-right:10px;}
.f_productList1 .prama { zoom:1; overflow:hidden;}
.f_productList1 .name { font-weight:bold;}
.f_productList1 .intro { margin-top:20px;}
.f_productList1 .more { margin-top:5px; display:inline-block; padding-left:15px; background:url(../img/icoMore.gif) no-repeat 0 5px;}
.f_productList1 img { width:400px;}

.f_productList .content { padding:10px; line-height:1.8;}
.f_productList ul { margin-top:1px; overflow:hidden; zoom:1; font-size:0;}
.f_productList ul li { display:inline-block; *display:inline; zoom:1; font-size:12px; vertical-align:top; border-top:1px solid #b0b0b0; margin-top:-1px; width:320px; padding:10px; overflow:hidden;}
.f_productList .pic { float:left; margin-right:10px;}
.f_productList .prama { zoom:1; overflow:hidden;}
.f_productList .name { font-weight:bold;}
.f_productList .intro { margin-top:5px;}
.f_productList .more { margin-top:5px; font-weight:bold; display:inline-block; padding-left:15px;background:url(../img/icoMore.gif) no-repeat 0 5px;}
.f_productList img { width:120px;}


.f_productDetail .content { padding:10px; line-height:1.8;}
.f_productDetail .bigPic { float:left; margin-right:10px;}
.f_productDetail .bigPic img { width:400px;}
.f_productDetail .prama { zoom:1; overflow:hidden;}
.f_productDetail .name,
.f_productDetail .model { font-weight:bold;}
.f_productDetail .intro { margin-top:20px;}
.f_productDetail .smallPic { margin-top:20px;}
.f_productDetail .smallPic h5 {}
.f_productDetail .smallPic ul { font-size:0;}
.f_productDetail .smallPic li { font-size:12px; display:inline-block; *display:inline; zoom:1; vertical-align:middle; margin:6px 6px 0 0;}
.f_productDetail .smallPic a { border:1px solid #ccc; display:block;}
.f_productDetail .smallPic a:hover { border-color:#999;}
.f_productDetail .smallPic .tip { text-align:center; margin-top:2px;}
.f_productDetail .smallPic img { width:120px;}

.f_introList .content { padding:30px; line-height:1.8;}
.f_introList ul { margin-top:-30px; zoom:1;}
.f_introList li { margin-top:30px; overflow:hidden; zoom:1;}
.f_introList img { float:right; margin-left:20px;}
.f_introList div { zoom:1; overflow:hidden;}

.f_articleList .content { padding: 20px; text-align:right;}
.f_articleList h5 { padding-left:20px; background:url(../img/icoH5.gif) no-repeat; text-align:left;}
.f_articleList ul { text-align:left;}
.f_articleList ul li { margin-top:8px; padding-left:13px; background:url(../img/icoLi2.gif) no-repeat 0 1px;}
.f_articleList .content div { margin:20px 0;}
.f_articleList .more { padding-left:14px; background:url(../img/icoMore.gif) no-repeat 0 3px;}

.f_download .content { padding:20px;}
.f_download ul { margin-top:-10px;}
.f_download ul li { border-bottom:1px dashed #ccc; margin-top:10px; padding-bottom:10px;}
.f_download ul a { font-weight:bold; padding-left:20px; background:url(../img/icoDownload.gif) no-repeat; text-decoration:underline; margin-right:20px;}
.f_download ul a:hover { color:#f60; text-decoration:none;}
.f_download .intro { margin-top:8px;}

.f_order .content { padding:20px;}
.f_order table { margin-top:5px; width:100%; border-collapse:collapse;}
.f_order th { border-bottom:1px solid #ccc; padding:3px 0;}
.f_order td { padding:3px 8px 3px 0;}
.f_order a { text-decoration:underline;}
.f_order a:hover { color:#f60; text-decoration:none;}
.f_order select,
.f_order .e_input { width:100%;}
.f_order .sort { width:200px;}
.f_order .product { width:200px;}
.f_order .count { width:50px;}
.f_order .checkbox { width:30px; text-align:center;}
.f_order .model { text-align:left; width:150px;}
.f_order .name { text-align:left;}
.f_order .operation { text-align:right;}
.f_order .operation { padding-right:0;}
.f_order .fct { margin-top:10px; padding-top:10px; border-top:1px dashed #ccc; text-align:right;}
.f_order .fct2 { margin-top:10px; padding-top:10px; border-top:1px dashed #ccc;}

.f_contact .content { padding:10px; line-height:1.8; min-height:650px; _height:650px; background:url(../img/contactBg.jpg) no-repeat right 20px;}
.f_contact dt { float:left; clear:left; width:42px; text-align:left; font-weight:bold;}
.f_contact dd { margin-left:42px;}
.f_contact .name { font:normal bold 16px/2.5 tahoma;}
.f_contact h5 { margin:10px 0;}

.f_photoList .content { padding:20px;}
.f_photoList li { display:inline-block; *display:inline; zoom:1; vertical-align:top; margin:5px;}
.f_photoList .title { margin-top:5px;}