﻿/*--------------------------------------------------------
Base Style(For  Metro-3D)
Author: cherry.Ren
Version: 1.0
Date:2009/08/26
--------------------------------------------------------*/
@charset "utf-8";
body {MARGIN: 0 auto; clear:both; PADDING: 0px;font-family:"宋体" font-size:12px;color:#100002; background:#B8B8B8; text-align:center; font-size:12px; }
body,html{scrollbar-face-color: #FED100; scrollbar-shadow-color: #B19200; scrollbar-highlight-color: #FFF1B3;scrollbar-3dlight-color: #FFF1B3; scrollbar-darkshadow-color: #F5B800; scrollbar-track-color: #696766; scrollbar-arrow-color: #fff;}
div,form,p,img,ul,ol,li,dl,dt,dd {margin:0px; padding:0px; list-style:none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0;}
table,td,tr,th{font-size:12px; margin: 0; padding: 0; border: 0; line-height:24px; font:Arial, Helvetica, sans-serif; color:#646464;}
*{ margin:0px; padding:0px;}
ul,li{ list-style:none;}
.fl{ float:left;}
.fr{ float:right;}
.clb{ clear:both;}
.va{ font-family:Verdana, Geneva, sans-serif; font-size:11px;}
.red{ color:#F00;}

/*网站上方 = Top
------- ------------------------------------------------------*/
#top{ width:1005px; margin:0 auto; clear:both}
.topflash{ width:1005px; height:335px; float:left; display:block; overflow:hidden;}
.header{ width:1005px; float:left; margin:0 auto; clear:both; font-size:12px;}
.header_logo{ width:263px; float:left;}
.header_nav{ width:550px; float:left; height:59px; background:url(../images/navbg.jpg) no-repeat;}
.header_search{ width:192px; float:right; height:59px; background:url(../images/search_bg.jpg) no-repeat;}
.header_topnav{ width:192px; height:22px; float:left; color:#C2C2C2; padding-top:8px; text-align:center;}
.header_topnav a{ padding:5px 2px; color:#fff; text-decoration:none;}
.header_topnav a:hover{ color:#FEC000; text-decoration:none;}
.header_topnav_en{ width:192px; height:22px; float:left; color:#C2C2C2; padding-top:8px; }
.header_topnav_en a{ padding:5px 2px; color:#fff; text-decoration:none;}
.header_topnav_en a:hover{ color:#FEC000; text-decoration:none;}
.header_topsearch{ width:166px; height:18px; float:left; padding-top:2px; padding-bottom:11px; padding-left:16px; padding-right:10px;text-align:center;}
.topsearch{ background:url(../images/search_bg.gif) no-repeat; height:18px; width:166px; color:#fff;}
.topsearch a{ color:#fff; text-decoration:none; line-height:19px;}
.topsearch a:hover{ color:#FEC000; text-decoration:none; }

/*网站内容 = content
------- ------------------------------------------------------*/
#content{ width:1005px; margin:0 auto; clear:both ; padding:10px 0; background:#fff;}
.sidebar{ width:325px; float:left;}
.column{ width:670px; float:right; overflow:hidden;font-size:12px;}
.news{ width:291px; float:left; padding-left:17px; padding-right:17px;overflow:hidden;}
.news img{ float:left;}
.khal{ width:290px; float:left; border-bottom:1px #D3D3D3 dashed; text-align:left; padding-bottom:3px; padding-left:5px; line-height:23px; font-size:14px; color:#FCBD02;}
.khal img{float:left;}
.khal_box{ width:291px; float:left;}
.news ul{ float:left;padding-top:7px; padding-left:13px; width:285px;overflow:hidden; height:92px;}
.news li{ line-height:22px; float:left; width:198px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap; color:#fff; text-align:left; }
.news li a{ color:#fff; text-decoration:none;}
.news li a:hover{ color:#FEC000; text-decoration:none;}
.contact{float:left;  padding-left:20px; margin-top:5px;}
.comtact_box{ width:291px;background:url(../images/contact_tit.gif) no-repeat; height:38px; border-top:1px #D3D3D3 dashed; }
.comtact_box img{ float:right; }
.comtact_box a{ background:url(../images/19.gif) no-repeat; width:44px; height:13px; display:block; float:right; padding-right:150px; }
.comtact_box a:hover{ background:url(../images/191.gif) no-repeat; width:44px; height:13px;}
.comtact_box_en{ width:291px;background:url(../images/contact_tit_en.gif) no-repeat; height:28px; padding-top:20px; }
.comtact_box_en img{ float:right; padding:20px 90px 0 0;}
.comtact_box_en a{ background:url(../images/19.gif) no-repeat; width:44px; height:13px; display:block; float:right; padding-right:150px; }
.comtact_box_en a:hover{ background:url(../images/191.gif) no-repeat; width:44px; height:13px;}
.contact_pic{ float:left; width:140px; padding:9px 0 7px 10px;}
.contact_info{ float:right; width:155px; padding:5px;}
.contact_info li{ text-align:left; width:160px;word-break:break-all; line-height:20px;}

.blank8 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; HEIGHT: 8px
}
.blank4 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; HEIGHT: 4px
}
.blank2 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; HEIGHT: 2px
}
.blank40 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; HEIGHT: 40px
}
.blank70 {
	CLEAR: both; DISPLAY: block; FONT-SIZE: 1px; HEIGHT: 70px
}

/*网站切换 = content
------- ------------------------------------------------------*/
.switch{ width:660px; overflow:hidden; padding:0 10px;}
.nr-xsp-mf03{ float:left; overflow:hidden;}
a.black{ color:#000; text-decoration:none; font-weight:bold;}
a:hover.black{ color:#E6AF04; text-decoration:none;font-weight:bold}
.index_mshy{ float:left; width:310px; height:122px; padding:10px 3px 3px 12px; overflow:hidden;}
.index_ms{ background:url(../images/index_bg1.gif) no-repeat; width:299px; height:112px; float:left; display:block; overflow:hidden; }
.index_ms_pic{ float:left; padding:16px 0 0 8px;}
.index_ms_pic img{ border:1px #5A5A5A solid; padding:1px;}
.index_ms_news{ float:right;width:130px; padding-top:8px; padding-right:3px; color:#383838;overflow:hidden;}
.index_ms_news ul{ float:left;overflow:hidden; height:100px;}
.index_ms_news li{ float:left;overflow:hidden;word-break:break-all;  width:130px; line-height:20px; text-align:left;}
.index_ms_news li span{ width:70px;}
.more{ text-align:right;}
.index_ms_news li span a{ color:#383838; text-decoration:none;}
.index_ms_news li span a:hover{ color:#FFC000; text-decoration:none;}
.index_ms_news li a{ color:#000; text-decoration:none;}
.index_ms_news li a:hover{ color:#757574; text-decoration:none;}

/*网站页脚 = foot
------- ------------------------------------------------------*/
#footer{ width:1005px; margin:0 auto; clear:both ;background:#474747; padding:5px 0; font-size:12px;}
.foot_nav{ width:810px; float:left;}
.foot_pic{ width:195px; float:right;}
.nav_foot{ float:left; width:810px; padding-top:2px; }
.nav_foot li{ float:left; color:#fff; padding-left:5px;line-height:22px;}
.nav_foot li a{ color:#fff; text-decoration:none;}
.nav_foot li a:hover{ color:#FBBF02; text-decoration:none;}
.nav_link{ float:left; width:755px;padding-left:55px; }
.nav_link li{ float:left; color:#fff; padding-left:5px;color:#999999; line-height:22px;}
.nav_link li a{ color:#999999; text-decoration:none;}
.nav_link li a:hover{ color:#fff; text-decoration:none;}
.icp{ float:left; padding-top:3px;}
.beian{ float:left;word-break:break-all;  width:110px; text-align:left; line-height:22px; color:#fff;}
.beian a{ color:#fff; text-decoration:none;}
.beian a:hover{ color:#FBBF02; text-decoration:none;}

/*联系我们 = about
------- ------------------------------------------------------*/
#aboutbg{ background:url(../images/page_bg.gif) top repeat-x #fff; width:1005px; margin:0 auto; clear:both;}
.about_left{ width:210px; float:left; padding-left:6px; padding-top:4px;}
.about_info{  background:url(../images/nav_grayd_h.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block;}
.about_info h2 a{ font-size:12px; text-align:left; padding-top:16px; padding-left:25px;  background:url(../images/nav_grayd_h.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block; text-decoration:none; color:#000;}
.about_info h2 a:hover{ background:url(../images/nav_grayd_j.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block; text-decoration:none; color:#F8941C;}
.about_right{ width:783px; float:right; padding-left:6px; padding-top:4px; background:#fff; padding-bottom:10px;}
.about_tit{ width:770px; float:left; text-align:left; line-height:24px; }
.about_tit h3{ font-size:14px; padding-left:5px; padding-top:3px;}
.about_tit h3 a{ color:#000; text-decoration:none;}
.about_tit h3 a:hover{ color:#FBBE01; text-decoration:none;}
.about_wenzhang{ width:750px; padding:10px; float:left; display:block; overflow:hidden;}
.about_wenzhang p{ text-align:left; line-height:26px; color:#4A4A4A;}
.about_idea{ background:url(../images/ideabg.gif) no-repeat; width:750px; height:308px; float:left;}
.about_idea p{ text-align:left; line-height:24px; text-indent:2em; padding:25px 0 0 20px;}
.about_honor{ width:750px; padding:10px; float:left; display:block; overflow:hidden;}
.about_pic1{ width:750px; float:left;}
.about_pic1 img{ padding:1px; border:1px #7B7979 solid; margin:7px 18px;}
.about_pic2{ width:750px; float:left;}
.about_pic2 img{ padding:1px; border:1px #7B7979 solid; margin:7px 42px;}

/*产品展示 = product
------- ------------------------------------------------------*/
.pro_linian{ width:770px; float:left; text-align:left; line-height:24px; padding:5px 0; }
.pro_linian img{ float:left; padding:10px 0 10px 30px;}
.product_info{ background:url(../images/nav_grayd_h.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block;}
.product_info h2 a{ font-size:12px; text-align:left; padding-top:16px; padding-left:25px;  background:url(../images/nav_grayd_h.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block; text-decoration:none; color:#000;}
.product_info h2 a:hover{ background:url(../images/nav_grayd_j.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block; text-decoration:none; color:#F8941C;}
.product{ width:139px; float:left; display:block; overflow:hidden; margin:10px 0 0 40px;-margin:10px 0 0 25px;}
.product img{padding:1px; border:1px #7B7979 solid;}
.product_text{ width:139px; float:left; text-align:center; padding:3px 0;}
.product_text a{ color:#000; text-decoration:none; line-height:19px;}
.product_text a:hover{ color:#FEC000; text-decoration:none; }
.product_back{ width:750px; padding:10px; text-align:left; float:left;}
.product_back a{ color:#000; text-decoration:none; line-height:19px;}
.product_back a:hover{ color:#FEC000; text-decoration:none; }
.product_bpic{ width:750px; padding:10px; text-align:center; float:left;}
.product_bpic_text{width:750px; padding:10px; text-align:center; float:left;}
.product_bpic_text p{ text-align:left; line-height:26px; }
.product_show{ float:left; display:block; overflow:hidden; width:740px; padding:10px;}
.product_show img{}
.product_wenzhang{ width:730px; padding:15px; float:left; display:block; overflow:hidden;}
.product_wenzhang p{ text-align:left; line-height:26px;color:#4A4A4A;}
.pro_botton_show{ width:730px; padding:15px; float:left; display:block; overflow:hidden; text-align:center;}
.pro_botton_show img{ padding:0 10px;}

/*典型应用 = dianxing
------- ------------------------------------------------------*/
.dianxing_box{ width:740px; float:left; padding:10px;}
.button_dw{ width:720px; float:left; padding:10px;}
.button_dw ul{ float:left;}
.button_dw li{ background:url(../images/button_dw.jpg) no-repeat; width:115px; height:30px; float:right; padding:0 6px; text-align:center; line-height:30px;}
.button_dw li a{ color:#000; text-decoration:none;}
.button_dw li a:hover{ color:#B07A01; text-decoration:none;}
.dianxing_pic{ width:124px; float:left; display:block; overflow:hidden;}
.dianxing_pic img{padding:1px; border:1px #7B7979 solid;}
.dianxing_text{ float:right; width:588px; padding:5px 10px;}
.dianxing_tit{ float:left; text-align:left; width:580px;word-wrap : break-word ; font-size:14px; color:#DC6D01;}
.dianxing_tit a{ color:#DC6D01; text-decoration:none;}
.dianxing_tit a:hover{ color:#FEC000; text-decoration:none; }
.dianxing_wenzhang{ float:left; text-align:left; width:580px;word-wrap : break-word ; line-height:26px; padding-top:5px;}
.dianxing_wenzhang a{ color:#000; text-decoration:none;}
.dianxing_wenzhang a:hover{ color:#5B5A5A; text-decoration:none;}
.dianxing_more{float:right; text-align:right;width:580px;}
.dianxing_more a{ color:#000; text-decoration:none;}
.dianxing_more a:hover{ color:#5B5A5A; text-decoration:none;}
.dianxing_down{float:left; text-align:left;width:580px;}
.dianxing_down a{ color:#ff0000; text-decoration:none;}
.dianxing_down a:hover{ color:#5B5A5A; text-decoration:none;}
.dianxing_tit_page{ font-size:16px; padding:10px 0; font-weight:bold;}
.dianxing_box p{ text-align:left; line-height:26px;  color:#4A4A4A;}

/*在线支持 = zhichi
------- ------------------------------------------------------*/
.xiaoshou_box{ float:left; width:700px;}
.xiaoshou_box p{ text-align:left; line-height:26px; text-indent:3em; padding:8px 0;}

/*面向应用 = apply
------- ------------------------------------------------------*/
.apply_design{ float:left; display:block; overflow:hidden; width:740px; padding:10px;}
.apply_design h5{ font-size:14px; font-weight:bold; line-height:26px;}
.design_wenzhang{ width:730px; padding:10px; float:left; display:block; overflow:hidden;}
.design_wenzhang p{ text-align:left; line-height:26px;color:#4A4A4A;}


/*面向行业 = trade
------- ------------------------------------------------------*/
.trade_right{ width:783px; float:right; padding-left:6px; padding-top:4px; background:#fff; padding-bottom:60px;}
.trade_case{ width:720px; padding:15px; float:left; display:block; overflow:hidden;}
.trade_case h4{ text-align:left; font-size:14px; font-weight:bold; padding:8px 0;}
.trade_case p{ text-align:left; line-height:26px; text-indent:2em; color:#4A4A4A;}
.trade_case p a{color:#4A4A4A; text-decoration:none;}
.trade_case p a:hover{color:#7B7A7A; text-decoration:none;}
.case_more{ width:200px; float:right;}
.case_more a{ color:#000; text-decoration:none; line-height:19px;}
.case_more a:hover{ color:#FEC000; text-decoration:none; }


/*选型常识 = konwledge
------- ------------------------------------------------------*/
.changshi_box{ width:730px; float:left; padding:10px 0 15px 10px;}
.changshi_box li{ text-align:left; line-height:26px; text-indent:2em;}
.changshi_box li a{ color:#000; text-decoration:none; line-height:19px;}
.changshi_box li a:hover{ color:#FEC000; text-decoration:none; }


/*质量保证 = quality
------- ------------------------------------------------------*/
.quality_box{ width:710px; float:left; padding:10px 0 15px 30px;}
.quality_imgh1{ width:710px; float:left; padding-top:40px;}
.quality_box li{ float:left;}
.quality_text{ padding:5px 7px; font-size:14px;}
.quality_text1{ padding:5px 7px; }
.quality_img{ padding-top:4px;}
.quality_imgh{ width:710px; float:left; padding-top:20px;}
.quality_img1{ padding:4px 15px; float:left;}
.quality_img1 img{padding:1px; border:1px #7B7979 solid;}

/*十大保障 = ensure
------- ------------------------------------------------------*/
.ensure_box{ width:710px; float:left;padding:10px 0 15px 20px;}
.ensure_img{ width:710px; float:left;}
.ensure_img img{padding:1px; border:1px #E1DEDE dashed;}
.ensure_box p{ text-indent:2em; color:#4A4A4A; float:left; width:710px; padding-top:7px;}

/*翻页 = 
------- ------------------------------------------------------*/
DIV.badoo {
	PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; PADDING-BOTTOM: 10px; COLOR: #F2B044; PADDING-TOP: 10px; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-ALIGN: center; width:650px; float:left; padding-left:25px;
}
DIV.badoo A {
	BORDER-RIGHT: #f0f0f0 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #f0f0f0 2px solid; PADDING-LEFT: 5px; PADDING-BOTTOM: 2px; MARGIN: 0px 2px; BORDER-LEFT: #f0f0f0 2px solid; COLOR: #F2B044; PADDING-TOP: 2px; BORDER-BOTTOM: #f0f0f0 2px solid; TEXT-DECORATION: none
}
DIV.badoo A:hover {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #D89323; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo A:active {
	BORDER-RIGHT: #ff5a00 2px solid; BORDER-TOP: #ff5a00 2px solid; BORDER-LEFT: #ff5a00 2px solid; COLOR: #F2B044; BORDER-BOTTOM: #ff5a00 2px solid
}
DIV.badoo SPAN.current {
	BORDER-RIGHT: #ff5a00 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ff5a00 2px solid; PADDING-LEFT: 5px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ff5a00 2px solid; COLOR: #fff; PADDING-TOP: 2px; BORDER-BOTTOM: #ff5a00 2px solid; BACKGROUND-COLOR: #ff6c16
}
DIV.badoo SPAN.disabled {
	DISPLAY: none
}

.orange_button{ background:url(../images/nav_grayd_j.gif) no-repeat; width:206px; height:41px; float:left; overflow:hidden; display:block; text-decoration:none; color:#F8941C;}
