@charset "gb2312";
/* CSS Document */
* {word-wrap:break-word; padding:0; margin:0}
html{padding:0;margin:0}
*html{background-image:url(about:blank);background-attachment:fixed;}/*解决IE6下滚动抖动的问题*/
body{color:#333;font-family:Arial, Helvetica, sans-serif;font-size:12px;background:#e0e4ec}
a{ color:#25498c;text-decoration:none}
a:hover{text-decoration:underline; color:#d62d00}
strong{}
img{border:0}
li{list-style:none}
	body, ul, ol, li, dl, dd, p, h1, h2, h3, h4, h5, h6, form, .pr, .pc {margin:0 auto;padding:0}
	table {empty-cells:show;border-collapse:collapse}
	caption, th {text-align:left;font-weight:400}
	ul li, .xl li {list-style:none}
	h1, h2, h3, h4, h5, h6 {font-size:1em}
	em, cite {font-style:normal}
/* ------------------------------通用代码 */
.l{ float:left}
.r{ float:right}
.o{ overflow:hidden}
.m9{ width:1000px; margin:0 auto; overflow:hidden}
.m1{ width:1000px; margin:0 auto; overflow:hidden}
.mb2{ margin-bottom:20px}
.mt2{ margin-top:20px}
.bgf{ background:#fff}
.w12{ width:1000px}


.header{ width:100%; height:170px; margin:0 auto; overflow:hidden; position:relative;  z-index:9}
.top{ width:100%; padding:10px 0; background:#fff}
.logo{ width:225px; height:80px; float:left}
.logo h1 a{ float:left; width:225px; height:80px; background:url(../images/logo.jpg) no-repeat; display:block; overflow:hidden}
.logo_slogan{ width:260px; float:left; background: url(../images/logo_line.gif) no-repeat left center; margin-left:15px; padding-left:10px; margin-top:10px; line-height:28px; font-family: "Microsoft YaHei"; font-size:16px; color: #6B6B6B;}
.logo_slogan strong{color: #1D5E95;font-size: 20px;font-weight: bold;}
.tel{ float:right; width:290px; height:80px; background:url(../images/tel.jpg) no-repeat; overflow:hidden}
.menu{ width:100%; margin:0 auto height:70px; background:url(../images/menu_l.png) repeat-x; overflow:hidden}
.menu ul{ width:1000px; height:70px; margin:0 auto; overflow:hidden}
.menu li{ float:left; background:url(../images/menu_h.jpg) no-repeat right}
.menu li a{ width:108px; height:40px; font-size:16px; font-weight:bold; color:#fff; padding:15px 0; text-align:center; display:block; overflow:hidden}
.menu li a:hover{ text-decoration:none; background:#0261A0; color:#ff0}
.menu li p{ font-size:10px; padding:10px 0; color:#6FC0FF}
.menu li.a a{ background:#edf0f8; color:#0B84D5}

/*banner*/
.banner2{ width:980px; height:280px; margin:0 auto; overflow:hidden;}

/*flash切换*/
#flashs { position:relative;}
#flashs .bgitem { }
#flashs .btn{ position:absolute; z-index:7; bottom:22px; right:50%; margin-right:-470px; padding:5px 6px;}
#flashs .btn span{ color:#F98904;  background:#efefef; border:1px solid #F98904; cursor: pointer;display: inline-block;margin-left: 5px;padding:2px 6px;}
#flashs .btn span.cur{ background:#F98904; color:#fff;}


.attentive{ width:100%; height:85px; background:url(../images/bg_l.gif) repeat-x; overflow:hidden}
.attentive span{ margin:17px auto 10px auto; width:100%; height:61px;background:url(../images/attentive.jpg) no-repeat center;display:block; overflow:hidden}

.att_btit{ width:100%; height:143px; background:url(../images/bg_l2.gif) repeat-x; overflow:hidden}

.index_pd{ width:100%; padding:20px 0; overflow:hidden}
.pd_l{ width:1000px; float:left; overflow:hidden}
.pd_r{ width:230px; float:right; overflow:hidden}

.pd_tit{ width:100%; margin:20px 0; overflow:hidden}
.pd_tit h3{ float:left; width:290px; height:50px; background:url(../images/pd_tit.gif) no-repeat; display:block; text-indent:-9999px}
.pd_tit span a{ float:right; margin-top:22px; color:#fff; font-weight:bold; width:102px; height:28px; line-height:28px; text-align:center; background-color:#3C5CBC; display:block}
/*滑动门*/
.main_search{float:left;width:1000px; margin:0; overflow:hidden}
.main_search div.tit{width:1000px;height:56px; font-size:14px; line-height:28px; color:#2e65b7; overflow:hidden }
.main_search div.con{ width:1000px; height:510px; overflow:hidden}
.main_search div.con ul{ width:1000px; overflow:hidden;}
.main_search div.con li{ float:left; margin:0 10px 10px 0; text-align:center; width:240px; height:250px}
.main_search div.con li img{ width:225px; height:173px; background:#ddd }
.main_search div.con ul li a{ padding:8px; color:#333; line-height:60px; background:#fff; display:block; overflow:hidden}
.main_search div.con ul li a:hover{ color:#00a7ff; font-weight:bold; text-decoration:none}
.tit_bg02{ float:left; width:102px; height:56px; margin-right:8px; background:url(../images/btn.png) no-repeat; color:#fff; text-align:center; cursor:pointer}
.tit_bg03{ float:left; width:102px; height:56px; margin-right:8px; background:url(../images/btn.png) no-repeat 0 -84px; text-align:center;color:#383838; cursor:pointer}

.news_tit{ width:230px; height:33px; background:url(l.gif) repeat-x bottom; margin:20px 0 30px 20px; overflow:hidden}
.news_tit span a{ float:right; color:#fff; width:33px; text-align:center; height:33px; line-height:33px; background:url(../images/more.png) no-repeat; display:block}
.news_tit em{ float:right; color:#999}
.news_tit strong{ font-family:微软雅黑; font-size:15px; color:#3b5cb9; }
.news_tit p{ font-size:10px; color:#9da4b1; height:15px; overflow:hidden}



.Foottitle{position:relative;width:100%; height:50px; margin: 0 auto; border-bottom: 1px solid  #d5d5d5;color:#004384;font-size:26px;line-height:50px; /*font-weight: bold;*/}
.Foottitle span{color: #999999; font-size:16px; font-family:arial; text-transform: uppercase; font-weight: normal;}
.footCon{float:left;width: 240px; height: 290px; padding-left:4px;}
.footContactnr{width:240px; padding-top: 14px;  overflow:hidden;}
.footContactnr span{ display: block; width: 230px; height: 38px; padding-left: 10px; color:#155b9d; font-size: 24px; line-height: 38px; font-family: impact;}
.footContactnr dl{width:240px; display:block;clear:both;}
.footContactnr dl dt,.footContactnr dl dd{color:#666666; font-size:14px;  line-height:36px; }
.footContactnr dl dt{float:left; width:60px;  padding-left:10px; }
.footContactnr dl dd{float:left; width:156px;}



.hzz{ width:100%; height:260px; background:#FFFFFF; padding-top:30px;}
.hz { width:1000px; height:214px; background:#fff; overflow:hidden; margin:0 auto;}
.hz h2 { height:74px; overflow:hidden; text-align:center; background:url(../images/xhz.gif) no-repeat center 14px;}
.hz h2 a { color:#0068b4; font:24px "微软雅黑";}
.hz h2 span { display:block; color:#888; height:22px; font:12px/22px "微软雅黑"; text-transform:uppercase; vertical-align:middle;}
.hz h2 span em { padding:0 0 0 10px;}
.hz_c { height:140px; overflow:hidden;}
.nrs  { height:140px;width:924px; overflow:hidden;float:left;position:relative;}
.hz_c ul {float:left; overflow:hidden;height:140px;}
.hz_c ul li { float:left; width:213px; height:140px; margin-right:18px; overflow:hidden; display:inline; position:relative;}
.hz_c ul li img { width:211px; height:138px; border:1px solid #ccc; border-bottom:0; }
.hz_c ul li span { text-align:center; display:block; font:14px/30px "微软雅黑"; height:30px; overflow:hidden; text-transform:uppercase; position:absolute; top:110px; left:0; width:213px; background:url(../images/png.png) repeat; color:#fff;}
.hzbtn { width:30px; float:right; overflow:hidden;}
.hzbtn a.h01 { display:inline-block; width:30px; height:70px; background:url(../images/l.gif) no-repeat;}
.hzbtn a:hover.h01  { display:inline-block; background:url(../images/l02.gif) no-repeat;}
.hzbtn a.h02 { display:inline-block; width:30px; height:70px; background:url(../images/r.gif) no-repeat;}
.hzbtn a:hover.h02  { display:inline-block; background:url(../images/r02.gif) no-repeat;}	

.index_news{ padding:30px 0; border-bottom:1px solid #fff; height:300px;}
.news_nw{ float:left; padding:0 45px 0 10px; background:url(../images/bg_l3.gif) no-repeat right; width:270px}
.nw_ul li{ height:300px; display:block; overflow:hidden}
.nw_ul li a{ }
.nw_ul li span{ float:left; margin-left:12px; width:280px; overflow:hidden}
.nw_ul li p{ padding:10px 0; line-height:26px; color:#666;}
.nw_ul img{ float:left; width:265px; height:80px; margin:0 auto;}

.news_st{ float:left; padding:0 40px 0 35px; background:url(../images/bg_l3.gif) no-repeat right; width:250px; }
.st_ul li{ height:34px; line-height:34px; border-bottom:1px solid #d3d6db; overflow:hidden}
.st_ul li a{ color:#666; padding:0 10px; display:block;}
.st_ul li a:hover{ color:#fff; background:#3c5cbc; text-decoration:none}

.news_qa2{ float:left; padding:0 45px 0 35px; width:270px; overflow:hidden}

.yqlink{ width:100%; height:auto; background:#E0E4EC; border-top:2px solid #bbbec5; overflow:hidden;}
.yqlink .link{ width:980px; margin:0 auto; padding:15px 0px; overflow:hidden}
.yqlink .link b{font-family: 微软雅黑;font-size: 15px;color: #3B5CB9; float:left; }
.yqlink .link p{font-size: 10px;color: #9DA4B1;height: 15px;overflow: hidden; padding: 3px 0px 1px 5px;}
.yqlink .link ul{ margin:3px; padding:0px; width:974px; overflow:hidden; white-space:nowrap;}
.yqlink .link ul li{float:left; overflow:hidden; white-space: nowrap; padding:5px 15px 5px 0px; width:auto; display:block;}
.yqlink .link ul li a{color:#585858; display:block; overflow:hidden; float:left; width:auto}
.footer{ width:100%; height:128px; background:#363636; overflow:hidden}
.foot{ width:980px; height:98px; padding:20px 0; color:#ffffff; background:url(../images/fbg.gif) no-repeat top right; overflow:hidden}
.fmenu{ width:100%; padding:0 0 5px 0; overflow:hidden}
.fmenu li{ float:left; color:#ffffff;}
.fmenu li a{ color:#ffffff;}

#gotop {display: none;position: fixed; text-align:center; width:50px; bottom: 0;font-size:12px; _position: absolute; right:0; overflow:hidden; display:block;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));}
.bqq a{ color:#fff; width:50px; height:20px; padding-top:30px; font-size:8px; background:#00b4ff url(../images/qq.png) no-repeat center 7px; display:block; overflow:hidden}
.bqq a:hover{ background-color:#00a6eb; text-decoration:none}
.btop a{ color:#fff; width:50px; height:20px; padding-top:30px; background:#ffb400 url(../images/top.gif) no-repeat; display:block; overflow:hidden}
.btop a:hover{ background-color:#ff9000; text-decoration:none}

/*产品内页放大镜功能*/
.list-h li{ float:left;}
#spec-n5{width:285px; height:56px; padding-top:10px; overflow:hidden;}
#spec-left{width:10px; height:45px; float:left; cursor:pointer; margin-top:5px;}
#spec-right{width:10px; height:45px; float:left;cursor:pointer; margin-top:5px;}
#spec-list{ width:260px; float:left; overflow:hidden; display:inline; margin:0 2px;}
#spec-list ul li{ float:left; display:inline; width:56px; padding:0 4px; list-style:none; margin:0px;}
#spec-list ul li img{ padding:2px ; border:1px solid #ccc; width:50px; height:50px;}
#spec-list div{ margin-top:0; *margin-left:0;}

#preview{width:710px; display:inline;}
.jqzoom{ width:380px; height:285px; position:relative; padding:0;}
.zoomdiv{z-index:100;position:absolute;top:0;left:0px; margin-top:-3px; width:300px;height:300px;background:url(images/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.bigimg{width:600px;height:450px;}
.jqZoomPup{z-index:999;visibility:hidden;position:absolute;top:0px;left:0px;width:50px;height:50px;border:1px solid #aaa;background:#fff 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}


/*-- 在线客服 --*/
.box_os .os_x, .box_os .osqq, .ico_os, .ico_gt, .ico_pp, .osqq .qq{ background:url(../images/kf.gif) no-repeat;}
.box_os{ height:auto; overflow:hidden; width:131px; position:fixed; right:0; top:100px; _position:absolute; z-index:9999;display:none;}
.box_os .os_x{ background-color:#f7f7f7; background-position:2px 2px; width:18px; height:20px; float:right; display:inline; cursor:pointer;}
.box_os .osqq{ width:129px; border:1px solid #D1D1D1; background-color:#fff; background-position:0 -120px; clear:both; padding:37px 0 8px 0; text-align:center;}
.box_os .osqq p{ height:auto; line-height:20px;width:129px; margin-top:8px;}
.box_os .osqq p strong{ color:#666;}
.box_os .osqq img{ padding:0px 0 3px 0;}
.box_os .osqq p em{ color:#999; display:block;}
.box_os .osqq p span{ color:#547816; display:block;}
.box_os .osqq .qq{ background-position:-140px -120px; display:block; width:99px; height:26px; margin:0 auto; margin-top:8px; cursor:pointer;}
.acbox{ width:130px; overflow:hidden;}
.acbox .ico_gt{ background-position:-60px 0; border:1px solid #299ec0; border-top:0; cursor:pointer; width:60px; height:33px; float:right;}
.acbox .ico_pp{ background-position:-60px -60px; border:1px solid #81b140; border-top:0; cursor:pointer; width:60px; height:33px; float:right; margin:0 2px;}
.onlineService{ background:none; display:block; width:39px; *width:84px; height:178px; ;position:fixed; right:0; top:100px; _position:absolute; z-index:99;}
.onlineService .ico_os{ background-position:-2px -20px; border:1px solid #c7c7c7; cursor:pointer; width:39px; height:98px; float:right;}
.onlineService .ico_gt{ background-position:right 0; border:1px solid #299ec0; cursor:pointer; width:39px; height:37px; float:right; clear:both;}
.onlineService .ico_pp{ background-position:right -60px; border:1px solid #81b140; cursor:pointer; width:39px; height:37px; float:right; margin:0 0 1px 0; clear:both;}
.box_os .osqq p span a{color:#557917;}



/*.fl,.fr{ float:left; display:inline;}
.fr{ float:right;}
.lifl li{ float:left;}
.scroll{ position:relative; overflow:hidden;}
.scroll ul{ position:absolute; width:20000em;}
.scroll ul li{ float:left;}
.wrap{ width:976px; margin:0 auto;}
.header1 .wrap{ height:409px; position:relative;}
.bpic,.header1 ins.nm{ position:absolute; top:0; left:50%; margin-left:-960px; width:1920px; text-align:center;}
.header1 ins.nm{ height:89px; background-color:#218723; top:540px; filter:alpha(opacity=60); opacity:0.6;}
.b1{ width:600px; height:66px; position:absolute; top:363px; left:310px; z-index:1;}
.b1 li,.b1 li ins{ width:85px; height:40px; position:relative;}
.b1 li{ margin-right:6px; cursor:pointer;}
.b1 li div{ display:none;}
.b1 li img{ border:5px solid #fff; width:70px; height:30px;}
.b1 li.active img{ border:none; width:70px; margin:5px; height:30px;}
.b1 li.active ins{ background:url(../images/ico_2.gif) no-repeat; position:absolute; display:block; top:0; left:0; filter:alpha(opacity=47); opacity:0.47;}
a.arr_l,a.arr_r{ background:url(../images/arr.png) no-repeat; width:24px; height:24px; display:block; position:absolute; top:571px; left:10px; z-index:1; cursor:pointer;}
a.arr_r{ left:943px; background-position:right 0;}
a.arr_l:hover,ul.page li a.p:hover,a.pv:hover{ background-position:0 bottom;}
a.arr_r:hover,ul.page li a.n:hover,a.nv:hover{ background-position:right bottom;}*/

