@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:Arial, Helvetica, sans-serif; font-size:12px;  background:#fff;}





.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: #0066CC;

  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:#00376b; font-size:14px;}

.ab_top span a{float:right; color:#00376b; 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:99%; margin:0px 5px;   float:left; text-align:center; margin-top:15px;  }

#pro_xia li a{width:99%; display:inline-block; overflow:hidden; color:#FFFFFF}

#pro_xia li img{ width:99%; display:block; }

#pro_xia li span{ display:block;width:99%; font-size:12px; color:#ffffff; line-height:24px; text-align:center; background:#9f9f9f; }

#pro_xia li a span:hover{color:#F00; text-decoration:underline; background:#0066CC}







#pro_xia1{width:100%;float:left;margin:5px 0 0 0;}

#pro_xia1 ul{width:100%; }

#pro_xia1 li{width:32%; height:30px; margin:2px 2px;  float:left; text-align:center;    }

#pro_xia1 li a{width:99%; display:inline-block; overflow:hidden; color:#FFFFFF} 

#pro_xia1 li span{ display:block;width:100%; height:30px; font-size:15px; color:#ffffff; line-height:30px; text-align:center; background:#CCCCCC; }

#pro_xia1 li a span:hover{color:#FFF; text-decoration:underline; background:#00376b}









.lianxi{width:100%; margin:5px 0 0 0; overflow:hidden}

.xi_top{background: #00376b; 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:#00376b;color: #FFF;text-align: center;clear:both;margin:10px 0 48px 0;}

#foo02 {text-align: center;font-size: 1.5em; background:#f6f6f6;border-top:1px solid #dadada;font-size:0;z-index: 100;

        position: fixed; width: 100%; bottom: 0px; right: 0px;}

#foo02 a {display: inline-block;color: #292929;text-align:center;line-height: 45px;width:24%;border-right:1px solid #dadada; font-size:24px; vertical-align:top;}

#foo02 a.foot_home{font-size:16px;}

#foo02 a.foot_home:hover{background:#00376b;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:40px 0 10px 0;  background:#ececee; padding-left:10px; }

.pro_top h4{color:#00376b; 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:#FF8500;}

.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:17px;}

.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:98%;  height:35px; margin-top:1px; 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:1px 5px 1px 5px; margin-right:5px;}

.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;}