@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:#fd0007; 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:#fd0007; 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:97%; float:right; margin:0 auto; overflow:hidden;}

.pro_xia .pro_er ul{}

.pro_xia .pro_er ul li{ width:46%; float:left; text-align:center; display:block;  border:1px solid #FFF;  margin:8px}

.pro_xia .pro_er ul li h4{ font-size:14px; line-height:30px;}


.pro_xia .pro_er ul li a h3{float:left; text-align:left; font-size:14px; color:#363636; padding:10px 5px;width:100%; height:30px; overflow:hidden}

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

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