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


.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: #00409B;
  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;}
.ab_top h2{color:#00409B; 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;}
 

.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-bottom: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:#FFF; text-decoration:underline; background:#00409B}

.lianxi{width:100%; margin:5px 0 0 0; overflow:hidden}
.xi_top{background: #00409B; 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:#ececee;color:#666666;text-align: center;clear:both;margin:10px 0 60px 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:#00409B;color:#fff;}
#foo02 a.icn{width:13%;color:#aeaeae;line-height: 45px;}
#foo02 a.icn_phe{border:none;width:13%;color:#838383;}
/*底部*/
.lbottom { width:100%; padding:10px 0px; font-size:12px; color:#666; text-align:center; line-height:20px; border-top:1px solid #d7d8d8; margin-top:30px;}

/*footer*/
.lfooter { width:100%; height:60px; background-color:#0066bd; position:fixed; bottom:0px;  }
.lfooter ul li { width:25%; height:auto; float:left; text-align:center; padding:5px 0px; }
.lfooter ul li a { color:#FFF; line-height:12px; font-size:12px;}

/*以下是产品中心*/
.pro_top1{ width:100%;  line-height:30px; margin:40px 0 10px 0;  background:#ececee; padding-left:10px; }
.pro_top1 h4{color:#686969; font-weight:bold; font-size:16px; line-height:30px; }
.pro_top1 h4 b{ color:#3cb2c3; font-size:12px; margin-left:5px;}
#pro_pro1{width:100%;float:left;margin: 0;}
#pro_pro1 ul{width:100%;}
#pro_pro1 li{ width:46%; margin-left:10px; margin-bottom:10px;  float:left; text-align:center;}
#pro_pro1 li a{ width:99%; display:inline-block; overflow:hidden;}
#pro_pro1 li a span:hover{ color:#f2384a; text-decoration:underline}
#pro_pro1 li img{ width:100%; display:block; }
#pro_pro1 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}

.pp_te{width:100%; float:left; line-height:40px; border-bottom:1px solid #dadce1; color:#429b52; margin:10px 0 20px 0; font-size:15px; font-weight:bold;background:url(../images/pp_07.jpg) no-repeat left; padding-left:10px; }
.pp_te span{ margin-left:10px; font-weight:normal; font-size:12px; color:#8c8d8c;}


/* 分页 */
.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 8px; 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;}



.in_pro{ width:100%; margin:0 auto; overflow:hidden;}
#prolist{ background:none; float:left;  margin-right:328px; }
.pro_top{ float:left;  width:98%; margin:0 auto; padding:10px 0 10px; overflow:hidden;}
.pro_top b{ float:left; font-size:16px; color:#3f3f3f; line-height:35px;}
.pro_top .fenlei{ float:right; margin:0 auto;}
.pro_top .fenlei ul{}
.pro_top .fenlei ul li{ width:31%; float:left; display:block; line-height:27px; margin:0 0 0 5px;  overflow:hidden}
.pro_top .fenlei ul li a{ text-align:center;float:left; width:98%;background-color:#0066bd; height:27px; font-size:13px; color:#FFF; -webkit-border-radius: 5px;
-moz-border-radius: 5px; margin-top:10px}
.pro_top .fenlei ul li a:hover{ background:#cb0403;} 

.pro_xia{ width:100%; float:left; margin:0 auto; overflow:hidden;}
.pro_xia .pro_er ul li.pro_yi{ width:33%; height:270px; text-align:left; background:url(../images/grd_25.jpg) no-repeat top; float:left; margin:0 auto; background-size:209px 270px}
.pro_xia .pro_er ul li.pro_yi a h4{ font-size:14px; color:#FFF; padding:10px;}
.pro_xia .pro_er ul li.pro_yi a p{padding:0 10px; height:50px;word-break:normal;white-space:normal; overflow:hidden; line-height:25px;font-size:13px; color:#FFF;}
.pro_xia .pro_er ul li.pro_yi a:hover{ text-decoration:underline; color:#FFF}
.pro_xia .pro_er ul li.pro_yi a img{ padding-top:40px;width:411px; height:auto;}

.pro_xia .pro_er{ width:100%; float:right; margin:0 auto; overflow:hidden;}
.pro_xia .pro_er ul{}
.pro_xia .pro_er ul li{ width:43%; float:left; text-align:center; display:block;  border:1px solid #FFF; background:#e4e4e6; text-align:center; margin:10px;}
.pro_xia .pro_er ul li a h3{float:left;  font-size:14px; color:#363636; padding:5px; width:100%; height:32px; overflow:hidden; text-align:center}
.pro_xia .pro_er ul li a p{float:left;text-align:left;  display:block;padding:0 10px;width:100%; line-height:25px; overflow:hidden; 
font-size:12px; color:#8a8989;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.pro_xia .pro_er ul li a h3:hover{ text-decoration:underline; color:#cb0403}
.pro_xia .pro_er ul li a img{text-align:center; width:100%; height:127px;}
.pro_xia .pro_er ul li.disi{ border-left:none; border-top:none;}
.pro_xia .pro_er ul li.disan{border-top:none; border-left:none; }
.pro_xia .pro_er ul li.dier,.pro_xia .pro_er ul li.diyi{ border-left:none;}

#changpage{ float:right; margin-right:100px; margin-top:20px;}
#changpage a {  
 color:red;font-weight:700;padding: 1px 4px 1px 4px;border: 1px solid #CCC;margin-left: 5px; color:#666666
    }  
	
#pro_pro2{width:100%;float:left;margin: 0;}
#pro_pro2 ul{width:100%;}
#pro_pro2 li{ width:46%; margin-left:10px; margin-bottom:10px;  float:left; text-align:center;}
#pro_pro2 li a{ width:99%; display:inline-block; overflow:hidden;}
#pro_pro2 li a span:hover{ color:#f2384a; text-decoration:underline}
#pro_pro2 li img{ width:100%; display:block; }
#pro_pro2 li span{ display:block;width:100%; font-size:14px; color:#686969; line-height:20px; text-align:center; }

.Download1{ width:100%;  float:left; background: #333333; }
.Download1 li { height: 40px; line-height:40px; background: #ffffff; color: #333333; overflow: hidden; display:block; vertical-align: top; 
border-bottom: 1px solid #eee;   border-left: 1px solid #CCC;}
.Download1 .biaoto{ background-color:#e6e6e6;display:block;}
.Download1 .biaoto span{ font-size:18px; color:#333; height:40px; font-weight:normal; border-right: 1px solid #CCC;}
.Download1 li a{ color:#333333; font-size:14px; height:40px; display:block; text-align:left ; padding-right:20px}
.Download1 li a:hover { color: #0e90d2; }
.Download1 ._title { border-right: 1px solid #CCC; padding: 0 30px; width:210px; overflow:hidden;word-break:keep-all; white-space:nowrap; text-overflow:ellipsis;}
.Download1 li .rf { border-right: 1px solid #CCC; padding: 0 30px 0 30px; }
.Download1 li ._view { width:85px; text-align: center;}
.Download1 li span.icooo{ background:url(/keimages/ke_05.jpg) no-repeat 8px 0; padding-left:28px;color:#333333; font-size:14px; }

#job_list #plug1{ border:1px solid #ccc; margin:10px; }
#job_list #plug1 dt{ height:28px; line-height:28px; border-bottom:1px solid #ccc; color:#666; padding-left:10px;}
#job_list #plug1 dd{ background:url(../images/job_ico.gif) no-repeat 5px 13px; padding-left:15px; height:30px; line-height:30px; border-bottom:1px solid #ccc; overflow:hidden; color:#666; font-weight:bold; text-align:left}
#job_list #plug1 dt span,#job_list #plug1 dd span{ float:right; width:130px; font-weight:normal; text-align:center; overflow:hidden; border-left:1px solid #ccc;}
#job_list #plug1 dd a{ }