@charset "utf-8";
/* CSS Document */
a { blr: expression(this.onFocus = this.blur () );} 
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,th,td {margin:0;padding:0;}
a{text-decoration:none;}
:focus{outline:0}
img { border-style: none;}
ol,ul,dl {list-style:none;}
li{ list-style:none;}
body{ margin:0; padding:0; font-family: "微软雅黑""宋体"; font-size:12px;  background:#fff;}
.daohang{margin:50px auto 5px auto}
.daohang li { width:31%; height:35px; background:#005f8f; float:left; margin-left:6px; margin-top:5px; text-align:center}
.daohang li a{ font-size:14px;  color:#FFFFFF; line-height:34px;}
.daohang li:hover { background:#9f9f9f;}
.header{width:100%; height:40px; margin:0 auto;position: fixed;
top: 0; left: 0;
z-index: 9999; /*--Keeps the panel on top of all other elements--*/
border-top: none; background:#FFF; border-bottom:1px solid #999}
.hesde_lt{float:left; margin:10px 0 5px 5px;  max-width: 1000px;}
.menubtn {
  position: relative; 
  z-index: 10;
  text-decoration: none;
  line-height: 0em;
  top: 8px;
  padding: 15px;
  background-image: url(../images/hamburger.png);
  background-position: 50% 50%;
  background-size: 25px 25px;
  background-repeat: no-repeat;}
/** toggle menu **/
body.openmenu {
  position: fixed;
  overflow: hidden;}
#pgcontainer {
  padding: 45px 0;
  margin: 0;}
.overlay {
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  left: 0;}
.openmenu .overlay {top: 0;}
#hamburgermenu {
  height: 100%;
  width:0;
  background: #4a4a4a;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10100;
  overflow: auto; 
  -webkit-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  -moz-box-shadow: 3px 0 7px rgba(0,0,0,0.55);
  box-shadow: 3px 0 7px rgba(0,0,0,0.55);}
#hamburgermenu ul {
  margin-top: 15px;
  z-index: 101;
  overflow-y: auto;
  overflow-x: hidden; padding-bottom:10px;}
#hamburgermenu ul li {
  display: block;
  border-bottom:1px #848282 solid;}
#hamburgermenu ul li a {
  display: block;
  min-width: 130px;
  padding: 10px 8px;
  color: #005f8f;
  font-size:16px;
  text-align: left;}
#hamburgermenu  ul li a:hover {color: #ef342b;}
#hamburgermenu ul li ul{ margin:0 0 0 30px; overflow:hidden;}
#hamburgermenu ul li ul li{border:none; }
#hamburgermenu ul li ul li a {font-size:14px; color:#CCC;line-height:15px; height:15px}

.hesder_rt{float:right; width:66%; margin:3px 5px 5px 0;}
.hesder_rt h1{width:90%; float:left;}

#wrapper {width:100%;background:#FFF; margin:30px 0 0 0; }
.swipe li {margin:0; padding: 0; list-style: none; }
.swipe img {width:100%;   display: block;}
.swipe { overflow:hidden; position:relative;width:100%; }
.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 #pagenavi { position:absolute; left: 0; bottom: 7px; text-align: center; width:100%; }
.swipe #pagenavi a { width:6px; height:6px;  line-height: 99em; background:#999;  border-radius: 50%; margin:0 3px; overflow: hidden; cursor: pointer; display: inline-block; *display:inline;*zoom:1;}
.swipe #pagenavi a.active { background: #FFF; }

.main{width:100%; margin:10px auto; overflow:hidden;}

.about{ width:100%; margin:0; overflow:hidden;}
.ab_top {width:98%; margin:0 5px 0 5px; height:25px; line-height:25px; border-bottom:1px dotted #8d8a8a;}
.ab_top h2{color:#005f8f; font-size:14px;}
.ab_top span a{float:right; color:#4A4A4A; font-size:12px;}

#ab_xia{width:100%;float:left;margin: 10px 0 0 0;}
#ab_xia ul{width:100%;}
#ab_xia li{ width:31%; margin-left:3px;  float:left; text-align:center; padding:1px 1px 1px 1px;border:solid 1px #f3f3f3; }
#ab_xia li a{ width:99%; display:inline-block; overflow:hidden;}
#ab_xia li img{ width:100%; display:block; }
#ab_xia li span{ display:block;width:100%; font-size:12px; color:#7d7e7e; line-height:15px; text-align:center; background:#f3f3f3; }

.news{ margin:10px 0 0 0; width:100%; overflow:hidden;}
.new_xia{ margin:10px  auto;width:100%;}
.new_xia li{width:100%; height:30px;  line-height:30px; background:#f3f3f3; margin-bottom:5px;}
.new_xia li a{ color:#636161;display:inline-block;padding-left:10px;padding-right:10px; width:99%;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.new_xia li a:hover{background:url(../images/pro_04.jpg) repeat-x;color:#fff}


.product{width:100%; margin:5px 0 0 0; overflow:hidden}
#pro_xia{width:100%;float:left;margin:5px 0 0 0;}
#pro_xia ul{width:100%; }
#pro_xia li{width:47%; margin-left:8px;   float:left; text-align:center; margin-top:15px;  }
#pro_xia li a{width:99%; display:inline-block; overflow:hidden;}
#pro_xia li img{ width:100%; display:block; }
#pro_xia li span{ display:block;width:100%; font-size:12px; color:#ffffff; line-height:20px; text-align:center; background:#9f9f9f; }
#pro_xia li a span:hover{color:#F00; text-decoration:underline; background:#005f8f}

.lianxi{width:100%; margin:5px 0 0 0; overflow:hidden}
.xi_top{background: #005f8f; height:25px; line-height:25px;}
h3{color:#FFF;margin-left:5px; font-size:14px;}
.xi_xia{ margin:5px 0 0 5px;color:#595757; font-size:14px; line-height:25px; text-align:left;}

.foo01{padding:0.5em 0;font-size:12px;background:#005f8f;color: #FFF;text-align: center;clear:both;margin:10px 0 48px 0;}
#foo02 {text-align: center;line-height: 45px;font-size: 1.5em;background:#f6f6f6;border-top:1px solid #dadada;font-size:0;z-index: 100;
        position: fixed; width: 100%; height: 45px; bottom: 0px; right: 0px;}
#foo02 a {display: inline-block;color: #292929;text-align:center;line-height: 45px;width:29%;border-right:1px solid #dadada;font-size:24px;
	     vertical-align:top;}
#foo02 a.foot_home{font-size:16px;}
#foo02 a.foot_home:hover{background:#005f8f;color:#fff;}
#foo02 a.icn{width:13%;color:#aeaeae;line-height: 45px;}
#foo02 a.icn_phe{border:none;width:13%;color:#838383;}

/*以下是产品中心*/
.pro_top{ width:100%; height:30px; line-height:30px; margin:10px 0 10px 0;  background:#ececee; padding-left:10px; }
.pro_top h4{color:#686969; font-weight:bold; font-size:16px; line-height:30px; }
.pro_top h4 b{ color:#3cb2c3; font-size:12px; margin-left:5px;}
#pro_pro{width:100%;float:left;margin: 0;}
#pro_pro ul{width:100%;}
#pro_pro li{ width:46%; margin-left:10px; margin-bottom:10px;  float:left; text-align:center;}
#pro_pro li a{ width:99%; display:inline-block; overflow:hidden;}
#pro_pro li a span:hover{ color:#f2384a; text-decoration:underline}
#pro_pro li img{ width:100%; display:block; }
#pro_pro li span{ display:block;width:100%; font-size:14px; color:#686969; line-height:20px; text-align:center; }
.fanye{width:100%; text-align:center;}
.fanye a{ color:#707171; font-size:14px; width:100%;}
.fanye a:hover{color:#f2384a; text-decoration:underline}
.fanye .shu{ margin:0 7px; color:#3ab4c3;}

/*以下是产品中心的详情页*/
h5{ line-height:30px; font-size:16px; text-align:center; margin:40px 0 10px 0; color:#2b2b2b;}
.pro_tu{ width:100%; text-align:center; margin:0 auto;  }
.pro_tu img{ border:1px solid #bdbdbe; padding:2px; width:80%;}
.pro_main{width:95%; margin:20px 10px 10px 10px;}
h6{font-size:16px; font-weight:bold; color:#3cb3c3;}
.pro_main p{color:#686969; font-size:14px; line-height:20px; }
.tiao{width:95%; height:50px; line-height:30px;text-align:left; margin:30px 0 0 10px; border-top:1px dotted #a1a1a1;}
.tiao span a{color:#333232; font-size:12px; height:25px; line-height:25px;}
.tiao span a:hover{color:#f82c3f;}

/*以下是新闻中心的详情页*/
h6{line-height:12px; text-align:center; color:#7f8181; font-size:12px; margin-bottom:9px; border-bottom:1px solid #e3e3e3; padding-bottom:3px; margin-bottom:-11px;}

/*以下是留言*/
.liuyan{background:#e4e4e4; width:100%; margin:0  auto}
form b.wenzi{font-size:16px; font-weight:normal; margin-left:10px; color:#7e7e80;}
.biaodan{width:95%; margin:10px;height:40px; margin-top:10px; border:1px solid #e6e9e9}
.foo01_liu{padding:0.5em 0;font-size:12px;background:#4a4a4a;color:#9e9c9d;text-align: center;clear:both;margin:0 0 35px 0;}

/*切页*/
.tabs .newsxxk .tab ul li.current a{ color:#000;}
.tabs .newsxxk .items {color: #777777;display: none;font-size: 13px;overflow: hidden;padding: 20px 15px; position: inherit; width: 700px;}
.tabs .newsxxk .items ul { display: table;width: 720px; _margin-left:-2px;}
.tabs .newsxxk .items ul li {float: left; margin-top: 10px;margin-right: 35px;width:205px;height:180px;}
.tabs .newsxxk .items ul li img {border: 1px solid #D4D4D4;height: 140px;padding: 4px;width: 205px;}
.tabs .newsxxk .items ul li span {display: block;line-height: 20px; margin-bottom:5px;text-align: center;font-size: 14px; color:#686666}









.mainmenu:after { clear: both; content: " "; display: block; }

.mainmenu li{ float:left;margin-left: 2.5%;
margin-top: 2.5%;
width: 30%;  border-radius:3px; overflow:hidden;}

.mainmenu li a{ display:block;  color:#FFF;   text-align:center }
.mainmenu li a b{ display:block; height:80px;}
.mainmenu li a img{ margin: 15px auto 15px;
width: 50px;
height: 50px;}
.mainmenu li a span{ display:block; height:30px; line-height:30px;background-color:#FFF; color: #999; font-size:14px; }

.mainmenu li:nth-child(8n+1) {background-color:#36A1DB}
.mainmenu li:nth-child(8n+2) {background-color:#678ce1}
.mainmenu li:nth-child(8n+3) {background-color:#8c67df}
.mainmenu li:nth-child(8n+4) {background-color:#84d018}
.mainmenu li:nth-child(8n+5) {background-color:#14c760}
.mainmenu li:nth-child(8n+6) {background-color:#f3b613}
.mainmenu li:nth-child(8n+7) {background-color:#ff8a4a}
.mainmenu li:nth-child(8n+8) {background-color:#fc5366}



/* 分页 */
.pageController{float:right; padding-right:10px; padding-top:5px;padding-bottom:5px;}
.pageController a{float:left;display:block;background-color:#FFF; border:#efefef 1px solid; color:#438ece;padding:0px 3px; margin-right:1px;}
.pageController a:hover{background-color:#efefef;color:#438ece; text-decoration:none; font-weight:bold; border:#efefef 1px solid;}
.pageController .currPage {background-color: #efefef;color:#438ece;font-weight:bold;border:#efefef 1px solid;}
.clear{clear:both;}