@charset "utf-8";
body {margin:0px;padding:0px;font-size:11px; font-family:Tahoma;color:#b8b8b8;text-align:center;background:#f7f7f7 url(../images/bg_header.gif) repeat-x center top;line-height:1.4em;}
a{color:#b8b8b8; text-decoration:none;}
a:hover{color:#000;}
img{border:0px;behavior:url("scripts/png.htc");}
div{text-align:left;}
input{font-size:11px;font-family:Tahoma;color:#b8b8b8;}

.input1{background:url(../images/bg_search.gif);border:1px #c8c8c8 solid;width:122px;height:15px;font-size:11px;line-height:17px;padding:1px 4px;}

.font12{font-size:12px;}
.font10{font-size:10px;}
.fontbule{color:#77a9ff;}
.fontbule1{color:#4b8dfe;}
.fontoragn{color:#ff9600;}
.fontblack{color:#444;}
.fontline24{line-height:20px;}
.font18{font-size:18px;}

.clear{clear:both}
#header{height:101px;width:800px;margin:0px auto;background:#fff;}
#header #logo{padding:38px 0px 0px 1px;width:230px;height:56px;overflow:hidden;float:left;}
#header .op{padding-left:479px;line-height:20px;padding-top:30px;}
#header .op table{width:310px;font-size:11px;}
#banner{width:800px;margin:0px auto; position:relatve;}
#footer{height:70px;width:800px;margin:0px auto;background:url(../images/bg_footer.gif) no-repeat center 47px;}
#footer .box{height:47px;background:url(../images/bg_main.gif);padding:0px 20px;}
#footer .box .bg{border-top:1px #e5e5e5 solid;padding-top:4px;padding-left:26px;}
#footer a{padding-right:10px;}
.main_in{width:712px;margin:0px auto;background:url(../images/bg_main.gif);padding:30px 44px;padding-bottom:10px;color:#727272;}
.main_in .box1{overflow:hidden;}
.main_in .box1 .left{width:492px;float:left;background:none;padding:0px;}
.main_in .box1 .left .in_about{padding-bottom:10px;border-bottom:1px #ccc dotted;}
.main_in .box1 .left .in_about .title{background:url(../images/title_keeping.gif) no-repeat;padding-left:400px;height:36px;}
.main_in .box1 .left .in_about .cn{background:url(../images/title_keeping_cn.gif) no-repeat;}
.main_in .box1 .left .in_about .tw{background:url(../images/title_keeping_tw.gif) no-repeat;}
.main_in .box1 .left .in_about .title .more{padding-top:13px;padding-left:10px;display:block;}
.main_in .box1 .left .pro_new{padding-top:16px;}
.main_in .box1 .left .pro_new .title{font-weight:bold;padding-bottom:10px;}
.main_in .box1 .left .pro_new .imgs{float:left;border:1px #ccc solid;margin-right:10px;}
.main_in .box1 .left .pro_new .info{float:left;width:364px;}
.main_in .box1 .left .pro_new .info .t{font-size:14px;display:block;padding-left:10px;background:url(../images/ico_02.gif) no-repeat left 6px;font-weight:bold;}
.main_in .box1 .prolist{width:200px;float:left;padding-left:20px;}
.main_in .box1 .prolist .title{background:url(../images/title_producslist.gif) no-repeat left 8px;height:36px;}
.main_in .box1 .prolist .cn{background:url(../images/title_producslist_cn.gif) no-repeat left 8px;}
.main_in .box1 .prolist .tw{background:url(../images/title_producslist_tw.gif) no-repeat left 8px;}
.w142{width:142px;}
.sidebar{margin:0px;padding:0px;}
.sidebar .title{font-size:20px;line-height:43px;}
.sidebar li{margin:0px;padding:0px;list-style:none;}
.sidebar li a{display:block;padding:0px;background:#8caeea;color:#fff;padding-left:12px;line-height:16px;}
.sidebar li a:hover,.sidebar li a.on{background:#036db5 url(../images/icon.gif) no-repeat 5px -15px;}
.sidebar li ul{margin:0px;padding:0px;}
.sidebar li ul a{background:url(../images/ico_02.gif) no-repeat 10px 6px;color:#8a8989;padding-left:18px;}
.sidebar li ul a:hover,.sidebar li ul a.on{color:#76acf6; text-decoration:underline;background:url(../images/ico_02.gif) no-repeat 10px 6px;}

.pro_box_in{padding-top:10px;overflow:hidden;width:711px;hegiht:139px;}
.pro_box_in .flow{width:1406px;}
.pro_box_in .over{width:1422px;height:136px;}
.pro_box_in #mqulay{height:136px;overflow:hidden;}
.pro_box_in .title{height:27px;background:#eeeeed url(../images/title_producs.gif) no-repeat 6px 4px;margin-bottom:6px;}
.pro_box_in .cn{background:#eeeeed url(../images/title_producs_cn.gif) no-repeat 6px 4px;}
.pro_box_in .tw{background:#eeeeed url(../images/title_producs_tw.gif) no-repeat 6px 4px;}
.pro_box_in .box{float:left;width:224px;height:134px;border:1px #e8e8e8 solid;margin-right:16px;background:url(../images/ico_04.gif) no-repeat 210px 124px;}
* html .pro_box_in .box{margin-right:8px;}
.pro_box_in .box .imgs{width:224px;height:70;overflow:hidden;}
.pro_box_in .box .t{background:url(../images/ico_02.gif) no-repeat 10px 12px;padding:6px 10px 0px 20px;font-size:12px;font-weight:bold;}
.pro_box_in .box .info{padding:4px 10px;font-size:11px;}

.news_in{float:left;width:444px;padding-top:20px;margin-right:70px}
.news_in .title{background:url(../images/title_news.gif) no-repeat;padding-top:6px;padding-left:148px;padding-bottom:10px;}
.news_in .cn{background:url(../images/title_news_cn.gif) no-repeat;}
.news_in .tw{background:url(../images/title_news_tw.gif) no-repeat;}
.news_in .imgs{float:left;width:147px;margin-right:10px;overflow:hidden;}
.news_in .t{padding-bottom:10px;line-height:12px;font-weight:bold;}
.news_in .t a{color:#999;}
.sales_in{float:left;width:180px;padding-top:20px;color:#d9d9d9;height:150px;}
.sales_in .title{background:url(../images/title_salesnew.gif) no-repeat;padding-top:6px;padding-left:94px;padding-bottom:10px;}
.sales_in .cn{background:url(../images/title_salesnew_cn.gif) no-repeat;}
.sales_in .tw{background:url(../images/title_salesnew_tw.gif) no-repeat;}
.sales_in .imgs{text-align:center;}
.certification{border-top:1px #ccc dotted;padding-top:8px;}
.certification .imgs{float:left;margin-right:10px;}
.certification .info{width:266px;float:left;padding-right:20px;}
.main{width:762px;margin:0px auto;background:url(../images/bg_main.gif) center top;padding:0px 19px;color:#727272;padding:0px 19px;}
.main .mainbg{background:url(../images/bg_main1.gif) repeat-y 180px top;width:762px;}

.left{width:192px;float:left;background:url(../images/bg_sidebar_b.gif) no-repeat 180px top;padding-bottom:20px;}
.left .bg{background:url(../images/bg_sidebar.gif) repeat-x center top; position:relative;margin-top:-15px;width:142px;border-right:1px #fff solid;padding:0px 21px 0px 16px;}
.leftsidebar{overflow:hidde;width:142px;}
.leftsidebar .title{font-size:20px;line-height:43px;}
.leftsidebar ul,.leftsidebar li{margin:0px;padding:0px;list-style:none;}
.leftsidebar li {padding:4px 0px;}
.leftsidebar li a{padding-left:15px;background:url(../images/ico_02.gif) no-repeat 4px 4px;display:block;color:#5b5b5b;}
.leftsidebar li a:hover,.leftsidebar li a.on{background:#77a9ff url(../images/ico_03.gif) no-repeat  4px 4px;color:#fff;}
.leftsidebar li ul{margin:0px;padding:0px;}
.leftsidebar li ul li{padding:2px 0px;padding-left:15px;}
.leftsidebar li ul a{padding:0px;background:none;}
.leftsidebar li ul a:hover,.leftsidebar li ul a.on{color:#026db5;background:none;font-weight:bold;}
.lastest_pro{padding-top:10px;}
.lastest_pro .title{font-size:12px;line-height:30px;font-weight:bold;}
.lastest_pro .imgs{border:1px #ccc solid;width:96px;height:96px;}
.lastest_pro .t{background:url(../images/ico_02.gif) no-repeat left 12px;font-weight:bold;padding-left:6px;padding-top:6px;}
.lastest_pro .more{margin-top:6px;}
.nav{height:19px;border-bottom:1px #eaeaea solid;line-height:19px;}
.nav a{color:#77a9ff;}
.container{float:right;width:570px;background:url(../images/bg_weitian.gif) no-repeat right bottom;overflow:hidden;}
.container h1{font-size:24px;color:#989898;font-weight:normal;}
.container .uc_info{padding-right:10px;}
.container .uc_info .imgleft{float:left;margin-right:20px;margin-bottom:10px;}

fieldset{ border:1px #bdd0e6 dotted;padding:10px;margin-bottom:10px;}
fieldset legend{background:url(../images/bg_legend_r.gif) no-repeat right top;padding-right:11px;}
fieldset legend span{background:url(../images/bg_legend_l.gif);padding-left:11px;display:block;color:#fff;line-height:23px;}
/*list style1 img and font*/
.list1{width:100%;overflow:hidden;padding-top:16px;}
.list1 .title{line-height:2em;border-bottom:1px #ccc  dotted;padding-bottom:10px; text-indent:14px;font-weight:bold;color:#5879a2;background:url(../images/ico_02.gif) no-repeat left 8px;}
.list1 .box{width:110%;}
.list1 a{display:block;width:124px;height:200px;padding:2px;text-align:center;float:left;margin:10px 11px 10px 0px;border:1px #e1e1e1  dotted;}
.list1 a span{overflow:hidden;}
.list1 a span.imgs{width:120px;height:206px;}
.list1 a span.fonts{width:130px;height:14px;line-height:14px;padding:5px 0px;color:#444;font-weight:bold;display:block;cursor:pointer;}
.list1 a:hover{background:#f8f6f6;border:1px #ccc solid;}
.list1 a:hover span.fonts{}
/*list style1 img and font end*/

/*list style2 img and font*/
.list2{width:100%;overflow:hidden;padding-top:16px;}
.list2 .title{line-height:2em;border-bottom:1px #ccc  dotted;padding-bottom:10px; text-indent:14px;font-weight:bold;color:#5879a2;background:url(../images/ico_02.gif) no-repeat left 8px;}
.list2 .box{width:110%;}
.list2 a{display:block;width:150px;height:230px;padding:5px;text-align:center;float:left;margin:14px 28px 14px 0px;border:1px #e1e1e1  dotted;}
.list2 a span{overflow:hidden;}
.list2 a span.imgs{width:150px;height:206px;}
.list2 a span.fonts{width:150px;height:14px;line-height:14px;padding:5px 0px;color:#444;font-weight:bold;display:block;cursor:pointer;}
.list2 a:hover{background:#f8f6f6;border:1px #ccc solid;}
.list2 a:hover span.fonts{}
/*list style2 img and font end*/

/*news style*/
.news_list,.news_list li{margin:0px;padding:0px;list-style:none;line-height:18px;}
.news_list li{padding:10px 0px 10px 12px;background:url(../images/ico_02.gif) no-repeat 4px 16px;border-bottom:1px dotted #CCC; overflow:auto;}
.news_list li .title{font-size:11px;font-weight:bold;line-height:18px;padding-left:6px;}
.news_list li .title a{color:#5879a2;}
.news_list li .time{color:#ff8100;line-height:18px;font-size:10px;padding-left:6px;}
.news_list li .info{padding:0px 6px;}
.news_info{padding-bottom:20px;}
.news_info .title{color:#000;padding:5px 0px;font-size:18px;}
.news_info .time{color:#c30004;border-bottom:1px #ccc dotted;padding:4px 0px;}
.news_info .info{padding:10px 0px;line-height:18px;}
.news_info .down{padding:5px 0px;line-height:20px;border-top:1px #ccc dotted;}
.news_info .down .title{color:#000;}
.news_info .down ul,.news_info .down li{margin:0px;padding:0px;list-style:none;}
.news_info .down a{display:block;padding-left:22px;background:url(../images/icon.gif) no-repeat left -333px;border:0px;text-align:left;}
.news_info .down a:hover{background:#f1f1f1 url(../images/icon.gif) no-repeat left -333px;}
/*news style end*/
/*page sytle*/
.page{padding:4px 0px;height:20px;ine-height:14px;}
.page a{float:left;display:block;padding:0px 6px;background:#77a9ff;margin-right:2px;color:#fff;font-size:10px;}
.page span{float:left;display:block;padding:0px 6px;background:#77a9ff;margin-right:2px;color:#ccc;font-size:10px;}
.page a:hover,.page .on{background:#e95e02;color:#fff;}
/*page sytle end*/

/*list style3 img and font*/
.list3{padding:10px 0px;overflow:auto;clear:both;line-height:14px;}
.list3 .box_on{border-bottom:1px #ccc dotted;padding:10px 0px;width:auto;float:left;width:560px;background:#d4e4ff;}
.list3 .box{border-bottom:1px #ccc dotted;padding:10px 0px;width:auto;float:left;width:560px;}
.list3 .imgs{float:left;padding:0px 10px;text-align:center;width:160px;overflow:hidden;}
.list3 .title{font-weight:bold;color:#555;font-size:12px;padding-bottom:10px;padding-top:4px;}
.list3 .info{float:left;width:62%;color:#777;font-size:11px;}
.list3 .info .box_t{font-weight:bold;font-size:11px;}
.list3 .info .add_cart{color:#ff9c00; text-decoration:underline;}
/*list style3 img and font*/

.pro_info{}
.pro_info .info{padding-bottom:16px;border-bottom:1px #ccc dotted;}
.pro_info .email{padding-top:6px;}
.pro_info .img_box{padding-top:20px;} 
.pro_info .img_box .box{float:left;width:160px;padding-bottom:10px;}
.pro_info .img_box .box .imgs{width:140px;overflow:hidden;padding:10px;}
.pro_info .img_box .box ul{padding:0px;margin:0px 10px;list-style:none}
.pro_info .img_box .box ul li{background:url(../images/ico_02.gif) no-repeat left 6px;padding-left:10px;}
.pro_info .img_box .box ul li a{color:#77a9ff;}
.pro_info .img_box .box ul li a:hover{color:#444; text-decoration:underline;}
.pro_info .infobox{float:left;width:47%;padding-top:20px;}
.pro_info .infobox .title{font-weight:bold;}
.pro_info .w100{width:100%;}
.pro_info .infobox .pdf{ text-decoration:underline;}

.specifications{padding:16px 0px;}
.specifications .title{height:20px;}
.specifications .title .off{float:left;padding:0px 5px;line-height:19px;background:url(../images/bg_01.gif);height:19px;border:1px #bbb solid;border-bottom:0px;color:#797979;margin-right:1px; cursor:pointer;}
.specifications .title .on{float:left;padding:0px 5px;line-height:19px;height:19px;background:#77a9ff;color:#fff;border:1px #31a6c9 solid;border-bottom:0px;margin-right:1px;  cursor:pointer;}
.specifications .box{border:1px #ebebeb solid;border-bottom:0px;border-top-color:#bbbbbb;}
.specifications  dl,.specifications  dd{margin:0px;padding:0px;}
.specifications .box .title{height:24px;line-height:2em;font-weight:bold;color:#77a9ff;}

.tab1{ border-collapse:collapse;line-height:24px;}
.tab1 td{border:1px #e5e5e5 solid;border-right:0px;text-align:center;}
.tab1 th{background:#77a9ff;border:1px #e5e5e5 solid;text-align:center;color:#fff;border-bottom:0px;border-right:0px;}
.tab1 .pic{height:40px;background:url(../images/ico_camera.gif) no-repeat center;text-align:center;padding-top:60px;}
.tab1 .bg1{background:#46a4c8;color:#444;}
.tab1 .tdleft{text-align:left;padding-left:10px;}

.tab2{ border-collapse:collapse;line-height:24px;}
.tab2 td{border:1px #e5e5e5 solid;text-align:center;border-right:0px;border-left:0px;}
.tab2 th{border:1px #e5e5e5 solid;text-align:center;color:#fff;background:#77a9ff;}
.tab2 .f_l{text-align:left;padding-left:10px;}


.tab3{ border-collapse:collapse;line-height:18px;border:1px #fff solid;}
.tab3 td{border:1px #fff solid;text-align:left; vertical-align:top;padding:10px 6px;}
.tab3 th{background:#77a9ff;border:1px #fff solid;text-align:center;color:#fff;padding:3px 0px;}
.tab3 .bg1{background:#ffeded;}
.tab3 .bg2{background:#e4eeff;}
.tab3 .bg3{background:#c9ddff;}
.tab3 .bg4{background:#fff3f3;}
.tab3 .bg5{background:#fff3f3;}
.tab3 .bg6{background:#e0ebff;}
.tab3 .c{text-align:center; vertical-align:inherit;font-weight:bold;color:#4b8dfe;}
.tab3 .w10{width:16%;}
.tab3 .w40{width:34%;}
.tab3 .w50{width:50%;}
.tab3 a{color:#C60; text-decoration:underline}
.tab3 a:hover{color:#000;}


.color_white{background:url(../images/ico_color.gif) no-repeat center 6px;height:24px;}

.show{padding-bottom:20px;}
.show .msg{padding:10px 0px 20px 0px;border-bottom:3px #ccc dotted;margin-bottom:10px;}
.show .imgs_list{}
.show .imgs_list .box{float:left;width:124px;height:173px;margin-right:16px;margin-bottom:10px;}
.show .title{padding:10px 0px 10px 0px;font-weight:bold;color:#77a9ff;text-align:center;}

.faq_list{margin:0px;padding:0px;}
.faq_list li{padding:3px 26px;list-style:none;background:url(../images/icon.gif) no-repeat -20px -124px;}
.faq_list li a{color:#999; text-decoration:underline;line-height:12px;}
.faq_list li a:hover{background:#E95E02;color:#fff;font-weight:bold;}
.faq_box{clear:both;line-height:18px;border-bottom:1px #ccc dotted;padding-bottom:10px;margin-bottom:10px}
.faq_box .title{color:#77a9ff;font-weight:bold;}
.faq_box .info{color:#747474;padding:6px;}

/*contact style */
.contacts{line-height:18px;color:#444;}
.contact_box{width:86%; border-collapse:collapse;}
.font_red{color:#ad3734;}
.contact_box td,.t{padding:4px 10px;border:1px #fff solid;}
.contact_box .t{background:#ebebeb;text-align:left;}
.contact_box .input4{height:11px;font-size:11px;line-height:10px;color:#a1a1a1;width:200px;padding-left:5px; font-family:Tahoma;color:#656565;}
.contact_box .input3{height:78px;width:98%;font-size:11px;font-family:Tahoma;padding:4px;}
.btn1{background:url(../images/btn1_right.gif) right top no-repeat;padding-right:7px;display:block;float:left;margin-right:4px;}
.btn1 span{background:url(../images/btn1_left.gif) left top no-repeat;padding:0px 16px 0px 18px;display:block;height:18px;float:left;line-height:16px;color:#FFF; cursor:pointer;font-weight:noraml;font-size:11px;}
.btn2{background:url(../images/btn1_right1.gif) right top no-repeat;padding-right:4px;display:block;float:left;margin-right:4px;}
.btn2 span{background:url(../images/btn1_left.gif) left top no-repeat;padding:0px 10px 0px 14px;display:block;height:18px;float:left;line-height:16px;color:#FFF; cursor:pointer;font-weight:noraml;font-size:11px;}
/*contact style end */

/*site map style*/
.sitemap_box{padding:10px 0px;}
.sitemap_box .title{background:url(../images/icon.gif) no-repeat 10px -68px;border-bottom:dotted 1px #ccc;padding:8px 0px 4px 24px;font-weight:bold;color:#345973;display:block;}
.sitemap_box .info{padding:8px 24px;color:#1e1e1e;}
.sitemap_box .info a{color:#666;}
/*site map style end*/

.history{padding:20px 0px;}
.history .imgs{padding-bottom:16px;margin-bottom:16px;border-bottom:1px #ccc dotted;}
.history dl dt,.history dl dd{float:left;margin:0px;padding:0px;padding:2px 0px;border-bottom:1px #ccc dotted;}
.history dl dt{width:12%;font-weight:bold;}
.history dl dd{width:82%;}

.global{}
.global .imgs{padding:10px 0px;text-align:center;margin-bottom:10px;border-bottom:1px #ccc dotted;}

.link{padding-top:20px;}
.link a{display:block;float:left;width:180px;height:60px;text-align:center;}
.link a img{border:1px #ccc solid;}

.top{float:right;font-size:10px; text-decoration:underline;}
.tab_style1{}
.tab_style1 .title{font-size:14px;line-height:36px;font-weight:bold;padding-top:10px;}
.tab_style1 table{ border-collapse:collapse;line-height:10px;font-size:10px;}
.tab_style1 table td{padding:4px 3px;text-align:center;border-right:0px;border-left:0px;color:#666;}
.tab_style1 table .bg1{background:#DDECF9;color:#2b2b2b;font-weight:bold;border-bottom:2px #6494CE solid;}
.tab_style1 table .bg4{background:#DDECF9;color:#2b2b2b;font-weight:bold;border-bottom:2px #6494CE solid;font-size:18px;line-height:24px}
.tab_style1 table .bg2{background:#F3F8FC;border-bottom:1px #DBE5F6 solid;}
.tab_style1 table .bg2_t{background:#def4ff;border-bottom:1px #DBE5F6 solid;border-right:1px #DBE5F6 solid;}
.tab_style1 table .bg3{border-bottom:1px #DBE5F6 solid;}
.tab_style1 table .bg5{border-bottom:1px #DBE5F6 solid;text-align:left;}
.tab_style1 table .green{background:#cff5ad;color:#2b2b2b;}
.tab_style1 table .blue{background:#cfedff;color:#2b2b2b;}
.tab_style1 table .royalblue{background:#8abedb;color:#2b2b2b;}
.tab_style1 table .amber{background:#ffe9cc;color:#2b2b2b;}
.tab_style1 table .red{background:#ffcccc;color:#2b2b2b;}
.tab_style1 table .crimson{background:#ffb8b8;color:#2b2b2b;}


.qz{float:right;padding-right:10px;}
.qz .imgs{float:left;margin-right:10px;}

.info_about{padding:0px 10px;line-height:1.8em;}

.downlist{}
.downlist .box {background:#F8F7F7;padding:10px 6px;}
.downlist .box a.sub1{float:left;display:block;margin-bottom:2px;margin-right:0px;font-weight:bold;color:#fff;background:#ccc url(../images/icon.gif) no-repeat -335px -416px;padding-left:33px;width:239px;line-height:18px;}
.downlist .box a.sub1:hover{float:left;display:block;margin-bottom:2px;font-weight:bold;color:#fff;background:#77a9ff url(../images/icon.gif) no-repeat -335px -416px;}
.downlist .box a.sub2{float:left;display:block;margin-bottom:2px;font-weight:bold;color:#fff;background:#98c7f5 url(../images/icon.gif) no-repeat -335px -416px;padding-left:33px;width:149px;line-height:18px;}
.downlist .box a.sub2:hover{float:left;display:block;margin-bottom:2px;font-weight:bold;color:#fff;background:#77a9ff url(../images/icon.gif) no-repeat -335px -416px;}
/*.downlist .box a.on{background:#77a9ff url(../images/icon.gif) no-repeat -335px -416px;}*/

.downlist dl a{color:#666;display:block;}
.downlist dl a:hover{color:#000;}
.downlist dt,.downlist dd{float:left;margin:0px;padding:0px;display:block;padding-left:10px;border-bottom:1px #e1e1e1 dotted;}
.downlist dt{width:30%;background:#999;}
.downlist dt.on{font-weight:bold;}
.downlist dt.on a{color:#000}
.downlist dd{width:58%;background:#ccc;}
.downlist dd a:hover{background:url(../images/icon.gif) no-repeat -316px -246px;padding-left:20px;}
.downlist .title{padding-top:20px;padding-bottom:2px;}
.downlist .title .reference{float:right;background:url(../images/pdf.gif) no-repeat right;padding-right:20px;}


