@charset "utf-8";
html, body, div, span, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, img, ins, kbd, q, s, samp, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 12px; vertical-align: baselinebaseline;}
body {background-color:#fff;font-family: Arial, Helvetica, sans-serif; height:100%;color:#555; background-color:#F4F4F4}
html{height:100%;}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
.clear { clear:both; }
a { text-decoration: none; color:#000;}
a:hover { text-decoration: none;}
.imgzz {vertical-align:middle;}
#box_root{height:100%;}
#box_mainBody{width:100%;min-width:320px;overflow:hidden;position:absolute;z-index:1;top:0;bottom:45px;left:0;text-align:center;}
#box_main{min-width:320px;max-width:640px;background:#fff;margin:0 auto;overflow:hidden;position:relative;}
/*
圆角 border-radius:3px;
边框 border:1px solid #ADADAB;
影阴 box-shadow: 0px 0px 2px #c9c9c9;
渐变 background:-webkit-gradient(linear,0 0,0 100%,from(#f8f8f8),to(#e7e7e7));
透明度 opacity:0.5;
背景渐变 background-image: linear-gradient(to top, #e7e7e7, #fafafa);
字体阴影效果 text-shadow: 0.5px 0.5px 1px #FFFFFF;
*/
/* 客户留言 */
#feedbackpage{width:100%;font-size:12px;}
#feedbackpage span.red {color:red;}
#feedbackpage .fbspan {color:#444444;line-height:20px;text-align:justify;text-justify:inter-ideograph;text-align:left; padding:0 2%}
#feedbackpage table {margin-top:0;margin-bottom:20px; width:100%}
#feedbackpage table .tableleft {width:19%;text-align:center;line-height:36px; padding-left:2%}
#feedbackpage table .tableleft label {color:#3b3b3b;}
#feedbackpage table .tableright {text-align:left;width:90%; padding:10px 7% 0 10px;}
#feedbackpage table input {width:100%;border:1px solid #ccc;height:24px;padding:0 5px; color:#a4a4a4; font-size:1.1em;}
#feedbackpage table input.jzcode {width:50px; border:1px solid #ccc; height:21px;text-align:center}
#feedbackpage table textarea {width:100%;border:1px solid #ccc;height:130px;overflow:hidden;padding:5px; color:#a4a4a4; font-size:1.1em;}
#feedbackpage #sendfeedback {width:150px;cursor:pointer;margin:10px 0 0 28%;}
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px;}
.Validform_right { color:#71b83d; padding-left:20px; background:url(images/right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(images/error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(images/onLoad.gif) no-repeat left center; }
.Validform_error { background-color:#ffe8e9; }
#Validform_msg {color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#000; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#cc0; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #000; border-top:none; text-align:left; }
/* 客户留言 */
/* 产品详细 */
.cpxx{padding:0 0 10px 0;}
.showprod_bigpic img{width:100%;}
.showprod_bigpic p{text-align:center; color:#3fabe0; font-size:1em;}
.xxbt{height:36px;line-height:36px;background-color:#0093d5;color:#fff;font-size: 15px;font-weight: bold;padding-left:8px;text-shadow: 1px 1px 1px #154166;}
#showprod .showprod_top_right {float:left;padding:5px 2%;line-height:23px; width:100%;color:#3fabe0; font-size:80%;}
#showprod .showprod_top_right_bt {background:url(images/cpms_js_1.jpg) no-repeat left; border-bottom:1px dashed #e4e4e4;}
#showprod .showprod_top_right_down{margin:15px 3% 5px 0; border:1px solid #d68613; border-radius:5px; background-image: linear-gradient(to top, #fde291, #fff); padding:0 2%;}
#showprod .showprod_top_right_down2{margin:15px 8% 5px 0;}
#showprod .showprod_top_right_down a,#showprod .showprod_top_right_down2 a{color:#3fabe0;}
#showprod .showprod_top_right_down2 a{}
#showprod .showprod_top_right ul {}
#showprod .showprod_top_right li {float:left;border-bottom:1px dashed #e4e4e4;}
#showprod .showprod_top_right li.showprod_top_right_l {width:65px;color:#5a5a5a;font-weight: bold;padding-top:6px;padding-left:5px;font-size:12px;color:#3fabe0;}
#showprod .showprod_top_right li.showprod_top_right_r {width:65%;color:#5a5a5a;padding-top:6px;padding-left:0;font-size:12px;color:#3fabe0;}
#showprod .showprod_desc_t {padding:22px 10px 1px 10px;border-bottom:1px solid #3d96d8;font-size:15px;font-weight: bold;margin-bottom:10px;color:#016394}
#showprod .showprod_desc_b {padding:5px 0;color:#005d7f;}
#showprod .showprod_desc_b p {line-height:22px;color:#555;font-size:12px;}
#showprod .showprod_desc_b table {width:100%;margin:10px 0;border-top:1px solid #c1c1c1;border-left:1px solid #c1c1c1;color:#3e3e3e; table-layout:fixed;}
#showprod .showprod_desc_b table td {padding:5px 0;border-right:1px solid #c1c1c1;border-bottom:1px solid #c1c1c1;text-align:center; font-size:12px;word-wrap:break-word;}
#showprod .showprod_otherprod ul li {float:left;margin:0 6px;*margin:0 6px;_margin:0 4px;}
#showprod .showprod_otherprod ul li a.o1 {display:block;padding:1px;border:1px solid #b4b4b4;}
#showprod .showprod_otherprod ul li a.o1:hover {border:1px solid #3d96d8;}
#showprod .showprod_otherprod .otherprodpic {width:150px;height:115px;}
#showprod .showprod_otherprod ul li p {height:24px;width:154px;overflow:hidden;line-height:24px;text-align:center;color:#3e3e3e;}
#showprod .showprod_keyword {padding:5px 10px;border:1px solid #e7e7e7;margin:10px 0;color:#3e3e3e;}
#showprod .showprod_keyword div.showprod_keyword_1 {line-height:34px;padding-left:5px;}
#showprod .showprod_keyword div img {vertical-align:middle;}
.pimage img{width:100%;}
/* 产品详细 */
/* 新闻中心 */
#newslist ul {padding-bottom:20px;}
#newslist ul li {border-bottom:1px dashed #CCCCCC;line-height:36px;*line-height:36px;_line-height:30px;padding:0 5px;height:36px}
#newslist ul li span {display:block;}
#newslist ul li .newslist_title {float:left}
#newslist ul li .newslist_date {float:right}
#shownews {padding:10px 0 0 0}
#shownews h1 {text-align:center;font-size:1.2em;padding:10px 0;color:#9b8d67}
#shownews .shownews_date {text-align:center;padding:0px 0 10px 0;}
#shownews .shownews_date span {padding:4px 10px;color:#ccc; font-size:80%;}
#shownews .shownews_body {padding:10px 5%;border-top:1px solid #eeeeee;font-size:12px; color:#3fabe0;}
#shownews .shownews_body p {line-height:24px;color:#555;}
#shownews .shownews_body img {width:100%}
#shownews .shownews_foot {padding:15px 0 0 0;text-align:right;}
#shownews .shownews_foot span {margin:0 5px;}
#shownews .shownews_foot span a {padding:3px 10px;border:1px solid #eeeeee; }
#shownews .shownews_foot span a:hover {background-color:#e7e7e7;color:#329dd8;border:1px solid #329dd8;}
#shownews .othernews {padding-bottom:5px;border-bottom:1px solid #eeeeee;padding-left:5px;font-weight:bold;color:#5f5f5f}
#shownews .othernews span {font-size:11px;color:#8f8f8f;padding-left:5px;}
#shownews .othernewsli li {height:28px;line-height:28px;text-indent:10px;}
/*.backbtn{background:url(images/news_btn_bj.jpg) repeat-x; border:1px solid #e6e2e2; border-left:none; width:47%; display:block; float:left; height:40px; text-align:right; padding:12px 2% 0 0;font-size:12px; color:#3fabe0;}
.nextbtn{background:url(images/news_btn_bj.jpg) repeat-x; border:1px solid #e6e2e2; border-right:none; width:47%; display:block; margin-left:1%; float:right; height:40px;padding:12px 0 0 2%; text-align:left;font-size:12px; color:#3fabe0;} 新闻中心 */
/* 产品搜索框 */
#ssbutton {border: 0 none; box-shadow:2px 2px 2px #033c6e; width: 15%; margin-left:5px; height:33px; line-height:33px; float:left; text-indent:-5px; background:#015aa8; color:#fff; font-size:1.2em;}
#textfield {border: 1px solid #b4bcc4;color: #808080; line-height: 22px; height:26px;width: 76%;text-indent:5px; float:left; font-size:1.2em;}
/* 产品搜索框 */
/* 字体 */
@font-face {
font-family: 'emotion';
src: url('emotion.eot'); /* IE9*/
src: url('emotion.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('emotion.woff') format('woff'), /* chrome、firefox */
url('Humnst777 BT.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/
url('emotion.svg#svgFontName') format('svg'); /* iOS 4.1- */
}
/* 字体 */
/* 发送邮件 */
.sendmail {padding-bottom:10px;}
.sendmail td {padding:6px 5px;}
.sendmail td.sjr {padding:12px 10px;color:#868686}
.sendmail .z3g-input , .sendmail .z3g-textarea {border-radius: 0;background: none repeat scroll 0 0 #fdfdfd;border-color: #858585 #afafaf #c9c9c9;border-style: solid;border-width: 1px;box-shadow: 1px 2px 3px #b7b7b7 inset;box-sizing: border-box;height: 35px;line-height: normal;padding: 0 10px;width: 100%;}
.sendmail .z3g-textarea {height: 130px;line-height: 20px;padding: 10px;resize: none;}
.sendmail .z3g-button {vertical-align: middle;width: 80px;background: none repeat scroll 0 0 #bc925f;border-bottom: 1px solid #6c4e2a;border-top: 1px solid #dbae78;box-sizing: border-box;color: #fff;font-size: 16px;height: 80px;line-height: 80px;max-width: 576px;overflow: hidden;padding: 0 10px;text-align: center;text-shadow: 1px 1px 1px #154166;white-space: nowrap;}
.sendmail .verificationCode {vertical-align: middle;width: 160px;}
.Validform_checktip { margin-left:8px; line-height:20px; height:20px; overflow:hidden; color:#999; font-size:12px; }
.Validform_right { color:#71b83d; padding-left:20px; background:url(right.png) no-repeat left center; }
.Validform_wrong { color:red; padding-left:20px; white-space:nowrap; background:url(error.png) no-repeat left center; }
.Validform_loading { padding-left:20px; background:url(onLoad.gif) no-repeat left center; }
.Validform_error { background-color:#ffe8e9; }
#Validform_msg {color:#7d8289; font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; width:280px; -webkit-box-shadow:2px 2px 3px #aaa; -moz-box-shadow:2px 2px 3px #aaa; background:#fff; position:absolute; top:0px; right:50px; z-index:99999; display:none; filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='#999999');}
#Validform_msg .iframe { position:absolute; left:0px; top:-1px; z-index:-1; }
#Validform_msg .Validform_title { line-height:25px; height:25px; text-align:left; font-weight:bold; padding:0 8px; color:#fff; position:relative; background-color:#2b8e99; }
#Validform_msg a.Validform_close:link, #Validform_msg a.Validform_close:visited { line-height:22px; position:absolute; right:8px; top:0px; color:#fff; text-decoration:none; }
#Validform_msg a.Validform_close:hover { color:#cc0; }
#Validform_msg .Validform_info { padding:8px; border:1px solid #2b8e99; border-top:none; text-align:left; }
.panel {
display: none;
width: 220px;
padding: 20px;
background-color: #333;
color: #fff;
box-shadow: inset 0 0 5px 5px #222;
}
/* 发送邮件 */
/* 新闻页 */
#bodybox .news li {padding:5px 8px 0 8px;border-bottom: 1px solid #c0ccd6;background: url("arrow_black.png") no-repeat 100% 50%;}
#bodybox .news li a {display:block;}
#bodybox .news li a span {line-height:22px;}
#bodybox .news li a p {line-height:18px;font-size:11px;color:#c1c1c1;}
#bodybox .shownews {padding:8px;line-height:24px;text-align:justify;text-justify:inter-ideograph;color:#5a5a5a;font-size: 12px;}
#bodybox .shownews h1 {font-size:17px;text-align:center;padding:10px 0 2px 0;}
#bodybox .shownews h2 {text-align:center;color:#c2c2c2;padding:2px 0 4px 0;font-weight:normal;border-bottom: 1px solid #e2e9ed;margin-bottom:10px;}
#bodybox .shownews p {text-indent:24px;}
#bodybox .xiangguan {}
#bodybox .xiangguan .xg_title {height:36px;line-height:36px;background-color:#2574B8;color:#fff;font-size: 17px;font-weight: bold;padding-left:8px;text-shadow: 1px 1px 1px #154166;}
#bodybox .xiangguan li {padding:5px 8px 0 8px;border-bottom: 1px solid #c0ccd6;background: url("arrow_black.png") no-repeat 100% 50%;}
#bodybox .xiangguan li a {display:block;}
#bodybox .xiangguan li a span {line-height:20px;font-size:12px;}
#bodybox .xiangguan li a p {line-height:18px;font-size:11px;color:#c1c1c1;}
/* 新闻页 */
/* 客户留言页 */
#bodybox .feedback {padding:5px 0;}
#bodybox .feedback li {padding: 5px 8px;}
#bodybox .feedback .z3g-input {border-radius: 0;background: none repeat scroll 0 0 #fdfdfd;border-color: #858585 #afafaf #c9c9c9;border-style: solid;border-width: 1px;box-shadow: 1px 2px 3px #b7b7b7 inset;box-sizing: border-box;height: 35px;line-height: normal;padding: 0 10px;width: 100%;}
#bodybox .feedback .z3g-textarea {border-radius: 0;background: none repeat scroll 0 0 #fdfdfd;border-color: #858585 #afafaf #c9c9c9;border-style: solid;border-width: 1px;box-shadow: 1px 2px 3px #b7b7b7 inset;box-sizing: border-box;height: 130px;line-height: 20px;padding: 10px;resize: none;width: 100%;font-size:12px;}
#bodybox .feedback .verificationCode input {vertical-align: middle;width: 160px;}
#bodybox .feedback .z3g-button {border-radius: 0;background: none repeat scroll 0 0 #0093d5;border-bottom: 1px solid #8b673c;border-top: 1px solid #dbae78;box-sizing: border-box;color: #fff;font-size: 16px;height: 36px;line-height: 36px;max-width: 576px;overflow: hidden;padding: 0 10px;text-align: center;text-shadow: 1px 1px 1px #154166;white-space: nowrap;}
/* 客户留言页 */
/* 人才招聘页 */
#bodybox .joinus li {padding:8px 10px 2px 10px;border-bottom: 1px solid #d2dbe1;background: url("images/arrow_black.png") no-repeat 100% 50%;}
#bodybox .joinus li a {display:block;}
#bodybox .joinus li a span {line-height:22px;font-size:15px;text-shadow: 1px 1px 0px #fafafa;}
#bodybox .joinus li a p {line-height:20px;font-size:12px;color:#b0b0b0;}
#bodybox .showjoinus {padding:8px 10px;box-shadow: 0 0 2px #c9c9c9;}
#bodybox .showjoinus h1 {font-size:16px;text-align:center;padding:10px 0 5px 0;}
#bodybox .showjoinus h2 {text-align:center;color:#c2c2c2;padding:4px 0 4px 0;font-weight:normal;font-size:11px;}
#bodybox .showjoinus table.jobtab {border-top:1px solid #e3e3e3;border-left:1px solid #e3e3e3;width: 100%;margin:10px 0;color:#535353;font-size:12px;box-shadow: 0 0 2px #c9c9c9;}
#bodybox .showjoinus table.jobtab td {padding:5px 6px;border-right:1px solid #e3e3e3;border-bottom:1px solid #e3e3e3;line-height:19px}
#bodybox .showjoinus table.jobtab tr.jobtrt {padding:0 15px;font-weight:bold;color:#adadad;background-image: linear-gradient(to top, #e7e7e7, #fafafa);}
#bodybox .showjoinus table.jobtab td.tabright {text-align: right;}
#bodybox .showjoinus table.jobtab td.tableft {text-align: left;word-break: break-all;}
/* 人才招聘页 */
.f_l{float:left;}
.f_r{float:right;}
#wrapper{max-width:640px; margin:0 auto; padding-bottom:45px; position:relative}
.top{width:100%;font-size:0 }
.top img{width:100%}
.nav ul li{float:left;width:22%;line-height:45px;text-align:center;margin-right:-2%}
.nav ul li a{display:block;font-size:12px;color:#fff;text-shadow: 0.5px 1px 0.5px #555;position:relative;height:45px}
.nav ul li a.curr{background: url(images/navlih.png) no-repeat top center;color:#005bac;background-size:100% 100%}
.nav{width:100%;background:url(images/nav.jpg) no-repeat; background-size:100% 45px;position:relative}
.box {
width: 100%;
display: -webkit-box;
display: -moz-box;
-webkit-box-orient: horizontal;
-moz-box-orient: horizontal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
}
.box > * {
-webkit-box-flex: 1;
-moz-box-flex: 1;
}
.nav li>a:only-child span{
background:none;
padding-left:0;
}
.nav li>a.on + dl{
display: block;
}
.nav dl{width:100%;
display:none;
position:absolute;
z-index:10000;
top:100%;
left:0;
border-radius:5px;
-webkit-box-shadow:inset 0 0 3px #fff;
-webkit-background-size:100%;
background-size:100%;opacity:0.9; background-color:#FFF
}
/*.nav4 dl:after{
z-index:241;
border-color:#e4e3e2 transparent transparent transparent;
margin-bottom:-15px;
}*/
.nav dl dd{float:left;width:25%;
text-align:center;
}
.nav dl dd:last-of-type{
background:none;
}
.nav dl dd a{height:auto;
white-space: pre;
}
.nav dl dd p{font-size:10px;height:18px;overflow:hidden;line-height:18px;margin-top:-10px}
.nav dl dd img{width:100%}
.masklayer_div{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 180;
background: rgba(0,0,0,0);
}
.masklayer_div.on{display: block;}
.swipe{width:100%;position:relative; background-color:#dbdbdb;overflow:hidden}
.swipe ul{
-webkit-transition:left 800ms ease-in 0;
-moz-transition:left 800ms ease-in 0;
-o-transition:left 800ms ease-in 0;
-ms-transition:left 800ms ease-in 0;
transition:left 800ms ease-in 0;
}
.swipe ul li img{margin-top:0px;padding:0;border:none}
.swipe #pagenavi{position:absolute;left:0;bottom:10px;text-align:center;width:100%;}
.swipe #pagenavi a{width:10px;height:10px;line-height:99em;background:#fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;margin:0 4px;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;box-shadow: 0 2px 3px #666;}
.swipe #pagenavi a.active{background:#0088d6;}
.navf{position:fixed;bottom:0;left:0;height:45px;line-height:45px; background-color:#0864b7;width:100%}
.navf ul li{float:left;width:25%;box-shadow: 2px 0.5px 2px #0a4880;text-align:center}
.navf ul li a{font-size:13px;color:#fff;display:block;height:45px;}
.banab img{width:100%}
.banab{border-bottom:3px solid #3686cc;font-size:0}
.gsjj{width:100%;}
.gsjjp{text-align:justify;text-justify:inter-ideograph;padding-top:2%}
.gsjjp p{line-height:22px;font-size:14px;padding:0 15px;text-shadow: 1px 1px 1px #ccc}
.jjbtsy{line-height:55px;font-size:16px;text-indent:5%;color:#a5a5a5;font-weight:bold;text-shadow: 0.5px 0.5px 1px #eee}
.xzxz ul li{width:100%; background:url(images/xzli.jpg) no-repeat top center; background-size:100% 45px;line-height:45px;text-indent:15%;border:1px solid #ccc;overflow:hidden;white-space: nowrap;text-overflow: ellipsis;margin-top:10px}
.xzxz ul li a{color:#555}
.xzxz{padding:0 2%}
#map_canvas{height:220px}
.dt{border:1px solid #ccc}
.dt .bt{width:100%;height:50px; background:url(images/dt.jpg) no-repeat top center; background-size:100% 50px;line-height:45px;text-indent:14%;font-size:14px}
.main{padding:3% 2%}
.lxbt{width:100%; background:url(images/lxy.jpg) no-repeat top center; background-size:100% 50px;line-height:45px;font-size:14px;color:#fff;text-indent:8%;margin-top:10px;text-shadow: 0.5px 0.5px 1px #ccc}
.contact { padding:5% 5% 0; color:#005d7f;}
.fwrx{display: block;
background:-webkit-gradient(linear,0 0,0 100%,from(#bc925f),to(#6c4e2a));
text-align: center;
border-radius: 5px;
margin: 10px 0 5px 0;
padding: 6px 0 6px 0;
border: 1px solid #c8c8c6;
box-shadow: 0px 0px 3px #c9c9c9;
font-size: 16px;
color: #f7e8c8;}
.contact .fwrx img{width:10%; vertical-align:middle;}
.contact p{line-height:2em;color:#555;font-size:14px}
.contact p a{color:#890200;}
.contact font{color:#ff5000;}
.dat{width:90%;margin:10px auto 0 auto}
.dat img{width:100%;border:1px solid #ccc}
.cpmz{color:#106fc4;font-size:14px;line-height:45px;padding-left:5%}
.cpjj{line-height:25px;padding:0 5%}
.gd{width:30%;margin:5px 0 0 5%}
.gd img{width:100%}
.cs img{width:100%}
.cs{padding:2% 3%}
.qt ul li{width:45%;margin:0 0 0 3%;float:left}
.qt ul li img{width:100%}
.qt ul li p{line-height:25px;text-align:center}