@charset "utf-8";

* { margin: 0px; padding: 0px; }

body { margin:0 auto;-webkit-text-size-adjust:none; font-family:"微软雅黑";   font-size:12px;text-align:center;color:#333; background: #FFF; }

ul, li { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%;  }

img { border:none;}

a:link { text-decoration:none; }
a,area { blr:expression(this.onFocus=this.blur()) }
:focus { outline-style: none; }
.l{ float:left;}
.r{ float:right;}
.clear_b{ clear:both; width:100%;}
a:visited { text-decoration:none; }
a:hover { text-decoration:none; }a:active { text-decoration:none; }
em{ font-style:normal; font-family:Verdana;}
.bw{ font-weight:bold;}
.cr{color:#0176a9;}
.cr_b{color:#1b1b1b;}
.t_center{ text-align:center;}
.f14{ font-size:12px; color:#005690; font-weight:bold;}
.f10{ width:356px; font-size:12px; color:#4f4f4f; float:left; line-height:22px; }
.fv{ font-family:Verdana;}
.t_24{ text-indent:24px;}
.m15{ margin-top:15px;}
.index,.page, .header, .content, .footer {
    margin: auto; position:relative;
}

.fn-clear {
+zoom:1; height:0; width:100%; clear:both; overflow:hidden;
}
.fn-clear:before, .fn-clear:after {
	clear:both;
	content:".";
	font-size:0;
	display:block;
	height:0;
	overflow:hidden;
	visibility:hidden
}

.index{ width:980px; margin:0 auto; }
/*header start*/
.header{ width:980px; height:150px; position:absolute; top:0; left:0; z-index:999999}
.top_area{ width:980px; height:113px;}
.logo{ width:250px; height:65px; padding:27px 0 0 0; float:left; text-align:left}
.top_right{ height:24px; float:right; padding-top:68px;}
.search{ width:179px; height:24px;  float:left; }
.search_left{width:143px; height:20px; float:left; overflow:hidden; border:none; padding:2px 6px; font-size:11px; line-height:20px; background:url(../images/search_bg.png) no-repeat; color:#8a8a8a;}
.search_right{width:24px; height:24px; float:left; padding:0; margin:0px; background:url(../images/search_find.png) no-repeat;cursor:pointer;border:none; }
.top_link{ width:130px; height:24px; float:left; overflow:hidden;  text-align:left; line-height:24px; font-size:12px;}
.top_link li{  height:24px; color:#000000; line-height:24px; float:right; padding-left:15px;  background:url(../images/icon_1.png) 0px 6px no-repeat; padding-right:10px;}
.top_link li a{ color:#000000;}
.top_link li a:hover{ color:#005690;}
.menu{ width:980px; height:37px; position:relative; text-align:center; z-index:5; }
.menu ul li{ width:139px; height:37px; line-height:37px; position:relative;  float:left; background: url(../images/menu.jpg) no-repeat; color:#000000; margin-right:1px; }
.menu ul li a{  color:#000000; display:block;}
.menu ul li a:hover{ background: url(../images/menu_active.jpg) center no-repeat; color:#FFF; font-weight:bold;}
.menu ul li a.active{ background: url(../images/menu_active.jpg) center no-repeat; color:#FFF; font-weight:bold;}

.menu ul li ul{display:none; width:139px;  left:0; top:37px; background:url(../images/sub_menu.jpg) bottom no-repeat #0059a5; color:#fff; font-size:11px; padding:10px 0; float:left; }
.menu ul li ul li{   background: none; width:139px; height:auto; float:left; text-align:center;  color:#fff; margin-bottom:3px; padding:2px 0px; }
.menu ul li ul li a{  display:block; color:#fff; height: auto; line-height:22px; }
.menu ul li ul li a:hover{  background:#0197D2;color:#fff; font-weight:100; }
/*header end*/


/*content start */
.content{ width:980px; padding:5px 0 0 0; float:left; position:relative; margin-top:150px;}
.banner{ width:980px; height:325px; position:relative;  }
.banner_c{ width:980px; height:325px; overflow:hidden; position:relative; z-index:1; float:left;}
.banner_c ul li{ float:left; width:980px; height:325px; }
.banner_no{ position:absolute; right:30px; top:20px; z-index:2;}
.banner_no ul li{  width:23px; height:13px; margin-bottom:10px;}
.banner_no ul li a{ background:url(../images/banner_no.png) no-repeat; display:block;width:23px; height:13px;}
.banner_no ul li.active a{ background:url(../images/banner_no_active.png) no-repeat; }

.product_tab{ width:980px;  position:relative; top:-50px; z-index:8; }
.product_tab_content{ width:920px; float:left; overflow:hidden;}


.content_main{ width:980px; height:120px;  padding-bottom:10px; position:relative; top:-25px; }
.index_news{ width:390px; height:120px; float:left;}
.index_title{ width:100%; height:24px;}
.title{ height:24px; font-size:14px; font-weight:bold; float:left;}
.more{ width:46px; height:16px; padding-top:4px; float:right;}

.news_main{ width:370px; height:92px; overflow:hidden; border-left:1px solid #666; border-right:1px solid #666; padding:0 11px; margin-top:8px;}
.news_main li{ width:360px; height:18px; line-height:18px; background:url(../images/news_arrow.jpg) center left no-repeat;  text-align:left; font-size:11px;}
.news_main li a{ color:#000000; padding-left:10px;}
.news_main li a:hover{ color:#005690;}
.news_main li .l a{ width:210px; float:left; height:18px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.news_main li .t{ width:auto; height:18px; float:right; color:#808285; font-size:11px;}

.article_main{ width:255px; height:92px; overflow:hidden; border-left:1px solid #666; border-right:1px solid #666; padding:0 9px; margin-top:8px;}
.article_main li{ width:245px; height:18px; line-height:18px; background:url(../images/news_arrow.jpg) center left no-repeat;  text-align:left; font-size:11px;}
.article_main li a{ color:#000000; padding-left:10px;}
.article_main li a:hover{ color:#005690;}
.article_main li .l a{ width:175px; float:left; height:18px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; white-space:nowrap;}
.article_main li .t{ width:auto; height:18px; float:right; color:#808285; font-size:11px;}

.inedx_wrap{ width:280px;  height:120px; float:left; padding-left:15px;}
.inedx_wrap_tp{ width:280px; height:90px; padding-top:8px;}

/*content end */


/*footer start */
.footer{ width:100%; border-top:1px solid #dedede; border-bottom:1px solid #dedede; float:left;}
.links{ width:1030px; text-align:left; line-height:30px; font-size:11px; color:#000; padding-left:6px;}
.links a{width:auto; color:#000;}
.links a:hover{ color:#005690;}
.copy_box{ width:100%;  float:left;  overflow:hidden; padding:10px 0 50px 0;}
.copy_left{ width:380px; float:left;}
.copy_left p{ font-size:11px; font-family:Verdana; font-weight:bold; color:#000; text-align:left; padding-top:2px;}
.copy_right{ width:600px; float:right; }
.copy{ width:600px; float:right; text-align:right; line-height:18px; font-size:11px; color:#000;}
.copy li{ height:24px; color:#000; line-height:24px; float:right; padding-left:15px;  background:url(../images/icon_1.png) 0px 6px no-repeat; text-align:right; margin-left:5px;}
.copy li a{width:auto; color:#000;}
.copy li a:hover{ color:#005690;}
.copy_right p{ font-size:12px; color:#000; text-align:right;}
/*footer end */



/*product start */
.sub_banner{ width:980px; height:150px; float:left; padding-bottom:5px;}
.main_box{ width:980px; float:left;  background:url(../images/content_bg.jpg) no-repeat; padding-top:30px;  }

.content_main_left{ width:200px; float:left; min-height:400px;}
.submenu_box{ width:200px; text-align:left;}
.submenu_title{ height:20px; font-size:16px; font-weight:bold; padding-bottom:20px; line-height:20px; color:#000000; padding-left:30px;}
.subnav_list{ width:170px; float:right; *padding-left:30px; overflow:hidden;}
.subnav_list dl{ width:170px; }
.subnav_list dt{ width:170px; display:inline-block; text-indent:25px; }
.subnav_list dt{ width:170px; display:inline-block; text-indent:20px; }
.subnav_list dt a{height:30px; line-height:30px; color:#000000; float:left;background:url(../images/submenu.png) no-repeat; margin:2px 0; font-size:12px;  width:170px; overflow:hidden;}
.subnav_list dl.active dt a{ color:#fff;  background:url(../images/submenu_active.png) no-repeat;}
.subnav_list dt a:hover{ color:#fff;  background:url(../images/submenu_active.png) no-repeat;}
.subnav_list dd{ width:170px; height:28px; display2:none; line-height:28px; background:url(../images/tab_submenu.jpg) no-repeat; text-indent:25px;}
.subnav_list dd a{ width:170px; color:#626262;}
.subnav_list dd a:hover{ color:#005690;}
.tel{ width:170px; height:70px; float:right; padding-top:25px;}

.content_main_right{ width:740px; float:right;}
.title_box{ width:100%; height:40px;}
.title{height:20px; text-align:left; line-height:20px; float:left; font-size:16px; color:#0059a5; font-weight:bold; padding-bottom:20px; }
.current{  height:20px; float:right; padding-right:13px;}
.current li{ width:auto; height:20px; color:#626262; font-size:11x; line-height:20px; color:#626262; float:left; background:url(../images/icon_2.png) center left no-repeat; padding:0 8px;}
.current li a{color:#626262;}
.current li a:hover{ color:#005690;}
.current li.lg{ color:#91b8d6; font-size:12px; background:none; font-weight:bold;}

.main{ width:720px; float:left; padding-bottom:40px; }
.main p{ color:#4e4e4e; font-size:12px; line-height:22px; text-align:left; margin-bottom:20px;}
.main p a{ color:#4e4e4e;}
.main p a:hover{ color:#005690;}
.main p img{ border:1px solid #999; max-width:600px; padding:1px;}
.main h1{ text-align:center; line-height:40px; color:#414141; font-weight:bold; font-size:14px; border-bottom:1px dotted #aeaeae;}
.main h2{ text-align:left; line-height:22px; color:#005690; font-weight:bold; font-size:14px;}

.product{ width:740px; float:left;  border-bottom:1px dotted #dfdede; padding-bottom:20px;}
.product li{ width:178px; height:210px; float:left; margin:0 7px 15px 0px; *margin:0 7px 15px 0px;background:url(../images/p_bg.jpg) no-repeat;}
.product li .tp{ width:160px; height:160px; text-align:center; display:table-cell; vertical-align:middle; *float:left; overflow:hidden;}
.product li .tp img{ max-width:152px; max-height:152px; vertical-align: middle;_width:expression(this.width > 152 ? "152" : this.width); _height:expression(this.height > 152 ? "152" : this.height);  padding:4px;}
.product li .tp a{ border:none;}
.product li .bt{ width:180px; height:30px; line-height:16px; text-align:center; color:#404040; float:left; padding-top:12px; overflow:hidden;  }
.product li .bt a{ color:#404040;}
.product li .bt a:hover{ color:#005690;}

.page_box{ width:100%; padding:10px 0; float:left;}
.data{ width:300px; font-size:11px; float:left; color:#626262; line-height:16px; padding-left:10px; text-align:left;}
.page{ width:350px;  float:right; padding-right:10px;}
.page_no{ clear:both; width:auto; text-align:center; float:right; } 
.page_no a{ display:inline-block; padding:0px 7px;  margin-left:10px; color:#626262; line-height:18px; background:url(../images/page.jpg) repeat-x; border:1px solid #bcbec0;}
.page_no a:hover{ color:#fff; background:url(../images/page_active.jpg) repeat-x; border:1px solid #005690;}
.page_no a.active{ color:#fff; background:url(../images/page_active.jpg) repeat-x; border:1px solid #005690;}
/*product end */


/*product_content start */
.product_detailed{ width:350px; float:left;}
#preview{ float:none; text-align:center; width:350px;}
.jqzoom{ width:350px; height:350px; position:relative; }
.zoomdiv{z-index:100; position:absolute; top:1px; left:0px; right:200px; width:400px; height:400px; background:url(i/loading.gif) #fff no-repeat center center; border:1px solid #e4e4e4; display:none; text-align:center; overflow: hidden; }
.list-h li{ float:left;}
#spec-n5{width:350px; height:56px; padding-top:6px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:325px; float:left; overflow:hidden; margin-left:2px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:62px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
.bigimg{width:800px;height:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:322px; margin-right:6px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}


.product_information{ width:350px; float:right;}
.information_box{ width:350px; float:left; padding-bottom:10px;}
.information_ico{ width:60px; float:right;}
.information_ico img{ width:27px; height:27px; float:left; margin-left:3px;}
.information_ico a{ border:none;}
.information_content{ width:100%; float:left;}

.product_table{ width:730px; float:left; padding:25px 0;}
.f16{background:url(../images/icon_3.jpg) center left no-repeat; font-size:14px; font-weight:bold; line-height:24px; text-indent:20px; color:#0059a5; text-align:left; height:32px; margin-bottom:5px;}
/*product_content end */


/*about start */
.qualification{ width:780px; float:left; border-bottom:1px dotted #dfdede; padding-bottom:20px;}
.qualification li{ width:204px; height:254px; float:left; padding:0 15px 20px 16px;  overflow:hidden;}
.qualification li .tp{ width:204px; height:224px; text-align:center; display:table-cell; vertical-align:middle; }
.qualification li .tp img{ max-width:200px; max-height:216px; vertical-align: middle;_width:expression(this.width > 200 ? "200" : this.width); _height:expression(this.height > 220 ? "220" : this.height);border:1px solid #dfdede;  padding:1px;}
.qualification li .bt{ width:204px; height:30px; line-height:16px; text-align:center; color:#4e4e4e; float:left; padding-top:12px; overflow:hidden;}

.partners{ width:780px; float:left; padding-bottom:20px;}
.partners li{ width:162px; height:110px; float:left; padding:0 10px 20px 11px;  overflow:hidden;}
.partners li .tp{ width:162px; height:80px; text-align:center; display:table-cell; vertical-align:middle; *float:left;}
.partners li .tp img{ max-width:160px; max-height:78px; vertical-align: middle;_width:expression(this.width > 178 ? "178" : this.width); _height:expression(this.height > 78 ? "78" : this.height);border:1px solid #dfdede; }
.partners li .bt{ width:178px; height:30px; line-height:16px; text-align:center; color:#4e4e4e; float:left; padding-top:12px; overflow:hidden;}

.events{width:720px; float:left;}
.events li{width:720px; height:80px; float:left; border-bottom:1px dotted #dfdede; padding:8px 0 8px 0;}
.events li .events_title{ height:25px; width:100%; background:url(../images/news_arrow.jpg) center left no-repeat; padding-left:10px; font-size:12px; font-weight:bold; color:#444444; line-height:25px; text-align:left; float:left; }
.events li .events_title a{ color:#444444; }
.events li .events_title a:hover{ color:#005690;}
.events li .events_content{ height:22px; width:100%;  font-size:12px; color:#444444; line-height:22px; text-align:left; float:left; }
.events li .events_content a{ color:#444444; }
.events li .events_content a:hover{ color:#005690;}
.release{ width:100%; text-align:center; line-height:30px; color:#626262;  font-size:12px; padding:5px 0 10px 0;}

/*about end */


/*application start */
.application{ width:740px; float:left;}
.application li{ width:230px; height:160px; float:left; padding:0 10px 20px 2px; }
.application li .bt{ width:220px; height:35px; line-height:35px; text-align:left; color:#FFF; float:left; font-size:14px; font-weight:bold; padding-left:10px; background:url(../images/application_bg.png) repeat-x; position:relative; top:-38px; *margin-bottom:-35px; }
/*application end */




/*service start */
.aftermarket{ width:740px; float:left;}
.aftermarket li{ width:340px; height:80px; float:left;  background:url(../images/aftermarket_bg.jpg) no-repeat; padding:20px 0 20px 20px;  overflow:hidden; text-align:left; line-height:22px; margin:10px 3px; *margin:10px 2px;}

.article_list{width:710px; float:left;  padding-bottom:20px; *margin-left:-15px;} 
.article_list li{ width:710px;  *width:710px; height:30px; line-height:30px; border-bottom:1px dotted #b2b2b2; background:url(../images/tb_2.jpg) center left no-repeat;  text-align:left; padding-left:10px; }
.article_list li a{ color:#4e4e4e;}
.article_list li a:hover{ color:#0059a5;}
.article_list li .l a{ width:500px; float:left; height:30px;overflow:hidden;text-overflow:ellipsis; word-break:keep-all;white-space:nowrap;font-size:12px;}
.article_list li .t{ height:30px; float:right; color:#8c8c8c; font-size:11px;}

.problem{ width:100%; padding-top:24px;}
.problem dl{ width:100%; border-bottom:1px solid #d1d3d4; font-size:14px; display:inline-block; padding:12px 0; cursor:pointer;}
.problem dl dt{ width:720px;  height:22px; line-height:22px; padding-bottom:4px; background:url(../images/i_next.jpg) right 5px no-repeat; text-align:left;}
.problem dl dt.active{background:url(../images/i_pre.jpg) right 5px no-repeat;}
.problem dl dd{ display:none; text-align:left;}
.problem_blue{ color:#0059a5; font-weight:bold;}
/*service end */


/*contact start */
.contact{ width:740px; float:left;  }
.contact li{ width:717px; float:left; border-bottom:1px dotted #d1d3d4; padding:20px 0;}
.contact li .wz{ width:310px; float:left; text-align:left; line-height:22px;}
.contact li .wz a{color:#0059a5; text-decoration:underline;}
.contact li .wz a:hover{color:#0296d3; text-decoration:underline;}
/*contact end */


/*advice start */
.advice{ width:129px; height:310px; position:absolute; left:1050px; text-align:left; top:165px; background:url(../images/advice_bg.jpg) no-repeat; float:right; }
.advice_box{ widows:129px; }
.advice_title{line-height:20px; font-size:14px; font-weight:bold; float:left; text-indent:10px; padding-top:5px;}
.advice_close{ width:37px; height:20px; float:right; padding-right:4px; padding-top:1px;}
.advice_content{ widows:119px;  font-size:14px; font-weight:bold;  padding-top:210px; padding-left:10px;}
.button_advice{ width:100px; height:25px; margin:0 auto; padding-top:10px;}
/*advice end */



#wrap {OVERFLOW: hidden}
#load {BACKGROUND-IMAGE: url(images/loader32x32.gif); BORDER-BOTTOM: #999 0px dotted; BORDER-LEFT: #999 0px dotted; TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH: 980px; DISPLAY: none; BACKGROUND-REPEAT: no-repeat; BACKGROUND-POSITION: center 50%; HEIGHT: 122px; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted}

#feature .button {BORDER-BOTTOM: #999 0px dotted; POSITION: absolute; BORDER-LEFT: #999 0px dotted; WIDTH:840px; BORDER-TOP: #999 0px dotted; TOP: 72px; BORDER-RIGHT: #999 0px dotted; LEFT: 0px}

#feature .prev:hover {BACKGROUND-POSITION: center bottom; float:left;}
#feature .next:hover {BACKGROUND-POSITION: center bottom; float:right;}
.featureBox {  FLOAT: left; HEIGHT:122px; OVERFLOW: hidden; BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted;}










#featureContainer { WIDTH:980px; }
.featureUL { width:980px; }
#block .box{ width:226px; height:122px; float:left; margin:0 2px; display:inline; background:url(../images/product_bg.jpg) no-repeat; overflow:hidden;}
.prev {WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_left.jpg) center top no-repeat; height:48px; FLOAT: left; margin-top:50px;}
.next {WIDTH: 30px; DISPLAY: block; BACKGROUND: url(../images/feature_right.jpg) center top no-repeat; height:48px; FLOAT: right;   margin-top:50px;}
#feature {POSITION: relative; BORDER-LEFT: #999 0px dotted;  BORDER-TOP: #999 0px dotted; BORDER-RIGHT: #999 0px dotted; }
#block{MARGIN: 0px auto; WIDTH:935px; HEIGHT:122px; }
#botton-scroll{WIDTH:935px; FLOAT: left; HEIGHT:122px;}




.tab_box{ width:206px; height:110px;  padding:6px 9px; cursor:pointer;}
.tab_content{ width:90px; height:110px; float:left;}
.tab_title{ width:85px; height:40px; text-align:left; line-height:20px; font-size:14px; float:left; color:#000; padding:10px 0 40px 5px;}
.tab_more{ width:60px;  height:24px; float:left;}
.tab_tp{ width:110px; height:110px; float:right; text-align:center; vertical-align:middle; }
.tab_tp img{ vertical-align:middle; max-width:110px; max-height:110px;_width:expression(this.width > 110 ? "110" : this.width); _height:expression(this.height > 110 ? "110" : this.height);}