@charset "utf-8";
/* CSS Document */

/* reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;outline: none;font-weight:normal;}
body {font-family: 宋体, Verdana, Microsoft Yahei, Arial, Tahoma, sans-serif; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
strong { font-weight: bold; }
input { outline: none; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0;}
em{font-style:normal;}

body{background:#fff; font-size:12px; color:#565656;}
a {text-decoration: none; color:#565656;}
a:hover {text-decoration: underline;}

.yahei{font-family: Microsoft Yahei, Arial, Tahoma, Verdana, sans-serif; }
.fl{float:left;}
.fr{float:right;}
.clear{clear:both;}
.clearfix{display:block;}
.clearfix:after{clear:both; content:"."; display:block; height:0; visibility:hidden;}
.hide{display:none;}

.w988{width:988px; margin:0 auto;}

.mt10{margin-top:10px;}

.ft14{font-size:14px;}


/* header */
#header{width:1000PX; background:url(../images/head_bg.gif) repeat-x center top; position:relative; z-index:9;  margin: 0 auto;}
#header .head{height:80px;}
#header .language{margin:14px 0; text-align:right; color:#a3a3a3;}
#header .language a{margin:0 4px; color:#a3a3a3;}

#header .w988{  width: 1000PX;}

/* nav */
.navs{height:27px; line-height:27px;}
.nav{float:right; height:27px; _width:480px; _margin-left:14px;}
.nav .nav_lv{height:27px; line-height:27px;}
.nav .nav_lv .nav_item{float:left; position:relative; width:62px; height:34px; text-align:center; padding-right:22px;}
.nav .nav_lv .index{width:35px;}
.nav .nav_lv .nav_hover .a_lv1{color:#0071c7;}
.nav .nav_item .a_lv1{font-size:15px; font-family:Microsoft Yahei,Arial,Simhei; color:#000;}
.nav_item .a_lv1:hover{color:#0071c7; text-decoration:none;}

.nav .popup{display:none; position:absolute; left:-16px; top:31px; background-color:#fff; border:1px solid #fff; border-top:3px solid #b7b7b7; border-bottom-left-radius:5px; border-bottom-right-radius:5px;}
.a_lv2_one{padding:8px 15px 20px; width:295px; min-height:144px; _height:144px; background-position:right bottom; background-repeat:no-repeat; text-align:left;}
.a_lv2_one li{height:35px; line-height:35px; width:115px; padding-left:8px; border-bottom:1px solid #dedede; text-align:left;}
.nav .popup a{color:#808080;}
.nav .popup a:hover{color:#2784cb; text-decoration:none;}

.nav .a_lv2_two{left:-124px;}
.a_lv2_two{padding:8px 0 12px; width:605px; min-height:258jpx; _height:258px;}
.a_lv2_two .two_item{float:left; width:110px; height:258px; padding-left:10px; margin-right:10px; border-left:1px solid #dedede; line-height:24px; text-align:left;}
.a_lv2_two .two_item_big{width:192px; border-left:0;}
.two_item .thumb{width:85px; height:85px; margin:0 auto 5px; overflow:hidden; text-align:center; position:relative;}
.two_item .thumb ul{position:relative; width:1020px; height:85px;
-moz-transition: left 0.3s ease 0s;
-webkit-transition: left 0.3s ease 0s;
-o-transition: left 0.3s ease 0s;
transition: left 0.3s ease 0s;
}
.two_item .thumb ul li{float:left; width:85px; height:85px; text-align:center; overflow:hidden;}
.two_item .thumb ul li img{max-height:85px; _height:85px;}
.two_item .t_first a{color:#2784cb; font-weight:bold;}
.two_item .list li{text-align:left;}
.two_item_big .list{display:inline-block; width:192px;}
.two_item_big .list li{float:left; width:96px;}

.nav_item .line{display:block; width:62px; height:3px;  overflow:hidden; position:absolute; bottom:0; left:50%; margin-left:-42px;}
.nav_item .line em{display:block; width:0; height:3px; background-color:#2784cb; margin:0 auto; overflow:hidden;
-moz-transition: width 0.2s ease;
-webkit-transition: width 0.2s ease;
-o-transition: width 0.2s ease;
transition: width 0.2s ease;
}
.nav_item:hover,.nav_hover .line em{width:62px;}



.search{float:right; width:168px; height:27px; overflow:hidden; background:url(../images/search.gif) no-repeat;}
.search .search_input{float:left; width:128px; height:27px; line-height:28px; padding:0 5px; color:#808080; background:none; border:0;}
.search .btn{float:left; width:26px; height:27px; overflow:hidden; cursor:pointer; padding:0; margin:0; border:0; background:none;}

/* footer */
#footer{width:100%; padding:24px 0; background:#595959;}
.foot .region{float:left; width:170px; padding-left:27px; color:#a1a1a1;}
.foot .region li,.foot .region .li{line-height:26px; padding-left:8px; background:url(../images/dotted.gif) no-repeat left center;}
.foot .region li a,.foot .region .li a{color:#a1a1a1;}
.foot .region .topic{font-size:14px; padding:0; background:none; font-family:Microsoft Yahei; color:#fff;}
.foot .region .tip{margin-top:10px;}

#copyright .sup,#copyright .cnzz{position:relative; top:2px; margin-left:15px;}
#copyright{width:100%; background-color:#595959; border-top:1px solid #6b6b6b; color:#a1a1a1; padding:22px 0;}
.links{position:relative; width:180px; height:30px; background-color:#6c6c6c;}
.links .text{height:30px; line-height:30px; padding:0 32px 0 10px; text-align:center; color:#b3b3b3; background:url(../images/down.gif) no-repeat 157px center; cursor:default;}
.links .drop_links{display:none; position:absolute; left:0; top:10px; width:138px; padding:0 32px 0 10px; background-color:#fff;}
.links .drop_links li{height:24px; line-height:24px; overflow:hidden;}

/* 幻灯片 */
.flash{position:relative; width:100%; height:445px; overflow:hidden;}
.flash_box{position:absolute; left:50%; margin-left:-960px; width:1920px; height:445px; }
.banner,.banner .flash_box{height:275px;}

/* 产品分类 */
#wrap{width:100%; padding-top:3px; background:url(../images/c_bg0.gif) repeat-x center top;}
#wrap .wrap_m{width:100%; height:281px; background:url(../images/c_bg.gif) no-repeat center bottom; margin-bottom:2px; overflow:hidden;}
.products .tab_menu{height:56px; border-bottom:3px solid #2784cb;}
.products .tab_menu li{float:left; width:247px; height:28px; line-height:28px; padding:16px 0 12px; text-align:center; font-size:20px; color:#000; cursor:pointer;}
.products .tab_menu li.act{color:#2784cb; background:url(../images/arrow.gif) no-repeat center bottom;}
.pro_content,.pro_bd{width:988px; height:222px; overflow:hidden;}
.pro_bd .pro_box{height:224px;}
.pro_bd ul{float:left;}
.pro_bd ul li{float:left; width:247px; height:220px; padding:2px 0; background:url(../images/pro_bg.jpg) no-repeat;}
.pro_bd ul li .pic{width:247px; height:180px; overflow:hidden; text-align:center; margin-bottom:10px;}
.pro_bd ul li p{height:30px; line-height:30px; text-align:center; overflow:hidden; font-size:14px;}

.content{margin-top:28px; margin-bottom:20px; _display:inline-block;}
.side_bar{width:190px; min-height:390px; _height:500px; padding-right:9px; background:url(../images/side_bg.png) no-repeat left top; _background:url(../images/side_bg.gif) no-repeat right top;}
.side_bar .this_page{height:36px; padding:0 2px; width:150px; margin:0 auto 10px;}
.side_bar .tree{width:150px; margin:0 auto 10px;}
.this_page img{float:left;}
.this_page h3{float:left; margin-left:2px; line-height:16px; _line-height:18px; font-size:20px; color:#2784cb; font-style:italic; font-weight:bold;}
.this_page h3 span{font-size:12px; font-family:Arial; font-weight:bold; color:#9e9e9e; margin-left:5px;}
.tree_box h3{height:27px; padding:4px 0; border-bottom:1px solid #dedede;}
.tree_box h3 a{display:block; width:115px; height:27px; line-height:27px; padding-left:35px; color:#757575; background:url(../images/tree.png) no-repeat 0 10px; _background:url(../images/tree.gif) no-repeat 0 10px;}
.on h3 a,.active h3 a{background-position:0 -30px; color:#fff;}
.tree_one{display:none; margin-top:8px; border-bottom:1px solid #dedede;}
.active .tree_one{display:block;}
.tree_one li{padding-left:35px; margin-bottom:12px; height:18px; line-height:18px; color:#757575;}
.tree_one li a{color:#757575;}
.tree_one li:hover{color:#2784cb;}
.tree_one li a:hover{color:#2784cb; text-decoration:none;}

.c_img{margin-top:150px; text-align:center;}

.main{width:764px;}
.main .head{height:30px; margin-bottom:20px; padding-bottom:6px; border-bottom:1px solid #d0d0d0;}
.main .head h3{float:left; line-height:30px; margin-left:4px; font-size:20px; color:#4b4b4b;}
.main .head .crumb{float:right; height:20px; line-height:20px; margin-top:8px; color:#9e9e9e; padding-left:22px; background:url(../images/home.gif) no-repeat left center;}
.main .head .crumb a,.main .head .crumb a:hover{color:#9e9e9e;}
.main .head .crumb span{color:#555555;}

.img_list{display:inline-block; width:764px;}
.img_list li{float:left; width:175px; height:157px; overflow:hidden; margin:0 8px 16px; _margin:0 6px 16px; background:url(../images/pro_bg2.jpg) no-repeat;}
.img_list li .pic{width:175px; height:132px; overflow:hidden; text-align:center;}
.img_list li p{height:25px; line-height:25px; text-align:center;}

.pages{margin:22px 0 15px; height:18px; line-height:18px; text-align:center; color:#575757;}
.pages span{margin:0 4px;}
.pages a{color:#575757; margin:4px;}
.pages a.curr,.pages strong{font-weight:bold; color:#2784cb;}
.pages a.curr{text-decoration:underline;}

.article{line-height:22px;}

.contact{width:642px; margin:10px auto;}
.map{width:628px; height:274px; padding:5px; background-color:#fff; border:1px solid #d6d6d6; box-shadow:0 0 4px #d6d6d6; margin-bottom:18px;}
.c_infos .top{line-height:22px; padding-bottom:3px; border-bottom:1px dotted #b9b9b9;}
.c_infos th{height:30px; text-align:left; font-weight:bold; border-bottom:1px dotted #b9b9b9;}
.c_infos td{height:30px; border-bottom:1px dotted #b9b9b9;}

.ry_list{display:inline-block; width:764px;}
.ry_list li{float:left; width:175px; padding:0 8px 12px;}
.ry_list .pic{width:167px; height:232px; padding:3px; border:1px solid #e4e4e4; text-align:center; margin-bottom:5px;}
.ry_list li p{height:22px; line-height:22px; text-align:center; overflow:hidden;}

.recruit{width:670px; margin:30px auto;}
.recruit th{height:30px; background-color:#f1f1f1; font-size:13px; color:#525252; font-weight:bold;}
.recruit td{height:38px; text-align:center;}
.recruit tr.even td{height:30px; background-color:#fbfbfb;}
.recruit th .job{padding-left:15px; text-align:left; font-weight:bold;}
.recruit td .job{padding-left:18px; text-align:left; background:url(../images/dot.gif) no-repeat 8px center;}
.recruit td .date{color:#adadad;}

.recruit2{width:670px; margin:30px auto;}
.recruit2 td{height:24px; line-hright:24px; color:#555555;}
.recruit2 td span{font-size:14px; color:#2784cb; font-weight:bold;}
.recruit2 .r_detail{height:auto; line-height:21px;}
.back{margin-top:25px; margin-bottom:20px; text-align:center;}
.back a{color:#2784cb; font-weight:bold;}

.download{width:715px; margin:0 auto;}
.download td{height:38px; border-bottom:1px dotted #d7d7d7;}
.download .name{width:390px;}
.download .date{width:215px; color:#adadad;}
.download .btn{width:110px; text-align:right;}
.download .name p{padding-left:18px; background:url(../images/dot2.gif) no-repeat 8px center;}
.download .btn a{display:inline-block; width:57px; height:18px; border:1px solid #e5e5e5; color:#535353; text-align:center; line-height:18px; margin-right:7px;
background:-moz-linear-gradient(top,#fff,#f5f5f5);/*Mozilla*/
background:-webkit-linear-gradient(top,#fff,#f5f5f5);/*new gradient for Webkit*/
background:-o-linear-gradient(top,#fff,#f5f5f5); /*Opera11*/
*background:url(../images/download.gif) repeat-x;
}
.download .btn a:hover{color:#2784cb; text-decoration:none;}
.download tr:hover,
.download tr:hover .date,
.download tr:hover .btn a{color:#2784cb;}

.detail_top{_display:inline-block; _width:764px; margin-bottom:18px;}
.detail_top .prames{width:358px; line-height:22px;}
.detail_top .prames .title{color:#2784cb; font-size:14px; font-weight:bold;}

.piczoom{width:380px; height:348px; position:relative;}
.jqzoom{position:relative; width:380px; height:285px; margin-bottom:12px; overflow:hidden; text-align:center;}
.spec-items{height:50px; width:380px; overflow:hidden;}
.spec-items li{float:left; width:76px; height:50px; text-align:center; overflow:hidden;}

/* 弹出放大镜 */
.zoomdiv{z-index:100;position:absolute;top:1px;left:362px;width:363px;height:293px;background:url(images/loading.gif) #fff no-repeat center center;border:1px solid #dedede;display:block;text-align:center;overflow: hidden;}
.bigimg{width:800px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:100px;height:78px;background:#000;opacity:0.3;-moz-opacity:0.3;-khtml-opacity:0.3;filter:alpha(Opacity=30);cursor:move;}


.detail_bottom{line-height:22px; color:#565656; clear:both;}
.detail_bottom .dot{padding-left:12px; background:url(../images/dot2.gif) no-repeat 5px 11px;}








