body{ font-size:12px; line-height:18px;}

.top{ height:50px; background:url(top.jpg) no-repeat; padding:70px 0 0 258px; }
.top li{ float:left}
.top a{ display:block; height:35px; width:125px;}
.top a.about{ width:125px; margin-right:6px;}
.top a.factory{ width:125px; margin-right:6px;}
.top a.oem{ width:77px; margin-right:11px;}
.top a.flow{ width:143px; margin-right:5px;}
.top a.contact{ width:131px;}

.language{ position:absolute; left:850px; top:22px; color:#FFF;}
.language a{ color:#FFF; text-decoration:none}
.language a:hover{ text-decoration:underline}
.copyright{ padding:10px 0;}

#mcs_container{position:relative; top:20px; margin:30 0 0 0; width:918px; height:330px; padding:0 14px;}
#mcs_container .customScrollBox{position:relative; height:100%; overflow:hidden;}
#mcs_container .customScrollBox .container{position:relative; width:895px; top:0; float:left;}
#mcs_container .customScrollBox .content{clear:both;}
#mcs_container .customScrollBox .content p{color:#1d1d1d; padding-bottom:12px;}
#mcs_container .dragger_container{position:relative; width:5px; height:320px; float:left; margin-left:15px; background:url(scroller_bg.jpg) repeat-y; cursor:pointer;}
#mcs_container .dragger{position:absolute; left:-2px; width:9px; height:34px; background:url(scroller_dragger.jpg); overflow:hidden; cursor:pointer;}
#mcs_container .dragger_pressed{position:absolute; left:-2px; width:9px; height:34px; background:url(scroller_dragger2.jpg); cursor:pointer;}
.company_bg{ width:696px; height:151px; background:url(company_bg.jpg) left top no-repeat; overflow:hidden; padding-left:258px; padding-top:10px;}
.company_bg2{ width:651px; height:153px; position:relative; overflow:hidden;}
.company_bg3{ position:absolute; width:1950px;}
.company_bg3 img{ float:left}

.factory_intro{ float:left; width:278px; padding-left:10px; padding-top:20px; background:url(factory_line.jpg) right no-repeat}
.factory_intro span{ color:#ad0a07; font-weight:bold;}
.factory_intro ul{margin-top:10px}
.factory_intro li{ padding:10px 0; background:url(line.jpg) bottom repeat-x; width:245px;}
.factory_box{ height:515px; position:relative;  float:left}
.factory_box .scrollUpBtn,.factory_box .scrollDownBtn{  width:32px; height:20px; overflow:hidden; position:absolute; left:310px; background:url(arrowUp.jpg) top; z-index:1000; cursor:pointer;}
.factory_box .scrollUpBtn{ top:13px;}
.factory_box .scrollDownBtn{bottom:0px; background:url(arrowDown.jpg);}
#factory_container{position:relative;width:642px; height:465px; left:14px; top:35px; float:left; overflow:hidden}
#factory_container ul{position:absolute; }
#factory_container li{ float:left; width:194px; height:155px; margin-right:20px;}
#factory_container li a{ text-decoration:none; color:#494949}
#factory_container li a:hover{ text-decoration:underline}
#factory_container li h2{ text-align:center; width:192px; font-size:12px; font-weight:normal; padding-top:5px;}

.oem_top{ margin-left:4px; width:940px; height:244px; overflow:hidden; position:relative}
.oem_top2{ width:2820px; position:absolute}
.oem_items{ background:url(oem_bg.jpg) repeat-x; height:266px; width:930px; margin-left:4px; padding-top:20px; padding-left:10px;}
.oem_items a{ display:block; position:relative; width:230px; height:111px; float:left; margin-bottom:15px}
.oem_items img{ padding:0 5px 0px 5px; position:absolute; bottom:0}
.oem_nav{ height:27px; padding-left:10px; margin-bottom:12px}
.oem_nav li{float:left; background:url(oem_doc.jpg) no-repeat left; height:21px; padding-left:20px; padding-top:6px; margin-right:30px; color:#f71310}
.oem_nav li a{color:#666; text-decoration:none}
.oem_nav li a:hover{ text-decoration:underline}
.oem_inner{ padding-left:10px;}
.oem_innerBox{ height:469px; float:left; width:715px; position:relative}
.oem_innerContent{ width:672px; height:469px; overflow:hidden; margin-left:26px; position:relative}
.oem_innerBox2{ position:absolute;}
.oem_innerContent ul{ width:168px; float:left}
.oem_innerContent li{ float:left; padding:0px 10px 20px 10px;} 
.oem_innerContent a{ position:relative; display:block; width:148px; height:230px;}
.oem_innerContent a img{ position:absolute; bottom:10px}
.oem_innerBox .scrollLeftBtn,.oem_innerBox .scrollRightBtn{ display:block; width:28px; height:43px; position:absolute; top:215px; background:url(leftBtn.gif) left; z-index:100; cursor:pointer;}
.oem_innerBox .scrollLeftBtn{ left:0px;}
.oem_innerBox .scrollRightBtn{ right:-13px; background:url(rightBtn.gif)}

.contact_hk{ padding-left:70px; padding-top:10px; width:385px; float:left;}
.contact_hk p,.contact_cn p{ margin-bottom:10px; font-size:13px;}
.f_red{ font-weight:bold; color:#e90c09}
.contact_cn{ float:left; padding-left:60px; padding-top:10px; margin-bottom:40px}
.contact_home,.contact_mobile,.contact_tel,.contact_fax,.contact_email,.contact_man{ background:url(contact_home.jpg) 0 0 no-repeat; padding-left:22px;}
.contact_mobile{ background:url(contact_mobile.jpg) 0 1px no-repeat;}
.contact_tel{ background:url(contact_tel.jpg) -2px 1px no-repeat;}
.contact_fax{ background:url(contact_fax.jpg) 0 1px no-repeat;}
.contact_email{ background:url(contact_email.jpg) 0 2px no-repeat;}
.contact_man{ background:url(contact_man.jpg) 0 0 no-repeat; margin-top:20px}
.contact_emailBtn{ clear:both; border-top:3px solid #e7e7e7; margin: 10px 32px 0 32px; padding-top:5px; padding-left:365px; position:relative}
.contact_form{ position:absolute; width:847px; height:219px; border:5px solid #e7e7e7; left:0; _left:-365px; top:-200px; background:#FFF; padding:0 20px;}
.contact_form input{ width:172px; height:22px; border:1px solid #afafaf; margin-left:10px; background:url(inputBg.jpg) repeat-x; padding-left:3px}
.contact_form textarea{ width:460px; height:90px; border:1px solid #afafaf; margin-left:10px; background:url(inputBg.jpg) repeat-x; padding-left:3px; margin-top:0px}
.contact_form .send{ width:47px; height:26px; background:url(contact_formBtn.jpg); border:none; margin-top:5px; margin-right:3px}
.close{ position:absolute; top:-185px; left:860px; _left:500px; z-index:1000; cursor:pointer; display:none}
.contact_form .hover{ background:none; background:#FFF; border:1px solid #474747}
.emailBtn{ cursor:pointer; z-index:999}

#flow_container{position:relative; width:940px; height:510px;}
#flow_container .customScrollBox{position:relative; height:481px; overflow:hidden; margin-left:0px}
#flow_container .customScrollBox .container{position:relative; width:745px; float:left;}
#flow_container .customScrollBox .content{clear:both;}
#flow_container .dragger_container{position:relative; left:160px; _left:55px; top:40px; float:left; width:5px; height:420px; background:url(scroller_bg.jpg) repeat-y; cursor:pointer;}
#flow_container .dragger{position:absolute; left:-2px; width:9px; height:34px; background:url(scroller_dragger.jpg); overflow:hidden; cursor:pointer;}
#flow_container .dragger_pressed{position:absolute; left:-2px; width:9px; height:34px; background:url(scroller_dragger2.jpg); cursor:pointer;}
#flow_container .scrollUpBtn,#flow_container .scrollDownBtn{position:absolute; width:18px; height:17px; right:23px; }
#flow_container .scrollUpBtn{top:16px;}
#flow_container .scrollDownBtn{bottom:20px;}