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

.lx{ height:2.83em; background:#555; overflow:hidden; font-size:1em;}
.lx p{ width:212px; margin:0 auto; font-size:1em; line-height:2.83em; color:#fff; background:url(../images/lx.jpg) no-repeat left center; background-size:1.16em 1.75em;}

.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:#555; 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:0px 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:91%;}
.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:65px; 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:#e3161e; 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:46%; float:left; text-align:center; display:block;  border:1px solid #FFF; background:#e4e4e6; margin:5px;}
.pro_xia .pro_er ul li h3{ text-align:center; font-size:14px;background:#000;
color:#FFF;filter:alpha(opacity:70); opacity:0.7;  -moz-opacity:0.7;-khtml-opacity: 0.7; font-weight:200}
.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 h3:hover{ text-decoration:underline; color:#cb0403; background:#e3161e}
.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{ }

 body{ background:#fff;}

.ban{ margin-top:1em;}
.ban .sclwrap_box ,.ban .m-box{ height:12.5em;overflow:hidden;}
.ban .m-box li img{ width:100%; display:block;}

.g-case{ width:90.625%; margin:0 auto;}
.g-case h3{ color:#2e2e2e; text-align:center; font-size:1.25em; font-weight:bold; margin-top:1.8em;}
.g-case h3 i{ display:block; text-align:center; font-weight:normal; color:#777777; font-size:0.47em; text-transform:uppercase;}
.g-case li{ width:11.708em; height:6.04em;  font-size:1em; margin-top:0.725em;background:url(../images/cus_bg.jpg) no-repeat;background-size:100% auto;}
.g-case li p{ width:19.92%; margin:0.54em auto 0;}
.g-case li p img{ width:100%;}
.g-case li em{ display:block; text-align:center; font-size:1em; color:#222;}
.g-case li i{ display:block; background:url(../images/cus_line1.png) no-repeat center center; background-size:100% 1px; font-size:0.58em; text-align:center; color:#222; text-transform:uppercase;}
.g-case a:nth-child(2n-1) li{ float:left;}
.g-case a:nth-child(2n) li{ float:right;}
.g-case a:nth-child(2) li i,.g-case a:nth-child(6) li i{background:url(../images/cus_line2.png) no-repeat center center; background-size:100% 1px;}
.g-case a:nth-child(5) li i{background:url(../images/cus_line3.png) no-repeat center center;background-size:100% 1px;}
.g-case h4{ height:1.75em; background:url(../images/cus_btn.gif) repeat-x center center; background-size:4px 1px; font-size:1em; margin-top:0.875em;}
.g-case h4 p{ width:5.17em; height:1.6em; border:1px solid #1b1b1b; font-size:1em; text-align:center; text-transform:uppercase; line-height:1.6em; margin:0 auto; background:#fff; color:#222;}

.g-fen{ margin-top:1em;}
.g-fen .tit01{ margin-bottom:1.1em;}
.g-fen ul{width:90.625%; margin:0 auto 0.7em;}
.g-fen li{ font-size:14px; color:#555; width:33.33%; float:left; border-bottom:1px solid #ccc; height:2.5em; line-height:2.5em;}
.g-fen h3{ width:80.325%; margin:0 auto; font-size:1.06em; color:#fff; background:url(../images/fen_h2.jpg) no-repeat center top; background-size:100% auto; padding:0.45em 1.7% 0.45em 8.6%; position:relative;}
.g-fen h3:before{ content:""; position:absolute; top:0.75em; left:2.7%; width:0.7em;height:0.7em; background:url(../images/fen_dot.png) no-repeat;-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;}
.g-fen h3 span{ display:inline-block; width:0.9em; height:1.2em; overflow:hidden; float:right}
.g-fen h3 span img{ width:100%;}
.g-fen ul:nth-child(3) a:nth-child(4) li,.g-fen ul:nth-child(3) a:nth-child(5) li,.g-fen ul:nth-child(3) a:nth-child(6) li,.g-fen ul:nth-child(5) a:nth-child(4) li,.g-fen ul:nth-child(5) a:nth-child(5) li,.g-fen ul:nth-child(5) a:nth-child(6) li,.g-fen ul:nth-child(7) a:nth-child(1) li,.g-fen ul:nth-child(7) a:nth-child(2) li,.g-fen ul:nth-child(9) a:nth-child(4) li{ border-bottom:0;}

.tit01{ padding:0.8em 4.6875%; font-size:1.25em; font-weight:bold; background:url(../images/fen_h.jpg) no-repeat center top; background-size:100% auto; color:#fff;}
.tit01 i{ font-size:0.6em; color:#bababa; text-transform:uppercase; font-weight:normal; padding-left:2%;}
.tit01 span{ display:inline-block; border:1px solid #fff; font-size:0.8em; text-align:center; color:#fff; font-weight:normal; text-transform:uppercase; padding:0.25em 0.6em; float:right}

.g-show{ margin-top:1.5em;}
.g-show h3{ height:3.67em; font-size:1em; padding:0 4.6875%; background:url(../images/fen_h.jpg) no-repeat center top; background-size:100% auto; line-height:3.67em; color:#fff;}
.g-show h3 span{display:inline-block; border:1px solid #fff; font-size:1em; height:2em; line-height:2em; text-align:center; color:#fff;  text-transform:uppercase; padding:0 0.7em; margin-top:0.8em;}
.show .sclwrap_box{ height:13.7em;overflow:hidden;}
.show{ position:relative; margin-top:1.583em;}
.show .nowarp{ width:78.8%; margin:0 auto;}
.show .prev{ width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:2.125em; left:1.5%;}
.show .next{width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:2.125em; right:1.5%;}
.show .prev img,.show .next img{ width:100%;}
.show .con{ width:100%; float:left;}
.show .con li{ width:46.73%;}
.show .con li img{ display:block; width:100%; border:1px solid #ccc; box-sizing:border-box;}
.show .con li p{ text-align:center; color:#666; font-size:0.92em; line-height:2em;}
.show .con a:nth-child(2n-1) li{ float:left;}
.show .con a:nth-child(2n) li{ float:right;}

.guan1{ background:url(../images/guan1.jpg) no-repeat center top; background-size:100% auto; font-size:1.04em; text-align:center; font-weight:bold; color:#222; padding:1em 0 1.5em 0;}
.guan1 span{ font-size:1.24em; color:#e71a0f;}
.guan1 em{ color:#e71a0f;}
.guan1 i{ display:block; font-weight:normal; color:#333; font-size:0.6em;}
.guan1 p{ font-weight:normal; font-size:0.96em;}

.g-pk h3{ text-align:center; font-size:1.25em; font-weight:bold; color:#2e2e2e; margin-top:1.7em;}
.g-pk h3 i{ display:block; font-weight:normal; color:#777777; text-transform:uppercase; font-size:0.47em;}
.pk .sclwrap_box ,.pk .m-box{ height:19.2em;overflow:hidden;}
.pk .m-cnt{height:3.583em; overflow:hidden; margin-top:0.9em;}
.pk .m-cnt li{ width:6.375em; height:3.583em; line-height:2.8em; font-size:1em; text-align:center; color:#222; background:url(../images/pk_bg.gif) no-repeat center top; background-size:100% auto; float:left; margin-right:1.4%;}
.pk .m-cnt li.z-on{background:url(../images/pk_bg1.gif) no-repeat center top; background-size:100% auto; color:#fff;}
.pk .m-cnt li:nth-child(4){ margin-right:0;}
.pk .con{ width:100%; float:left;}
.gy{ width:90.625%; margin:0.8em auto 0; position:relative;}
.gy li{ width:44.65%;}
.gy li img{ padding:2px; border:1px solid #222; width:100%; display:block; box-sizing:border-box;}
.gy li p{ font-size:1em; line-height:1.5em; color:#222; margin-top:0.6em;}
.gy a:nth-child(2n-1) li{ float:left;}
.gy a:nth-child(2n) li{ float:right;}
.gy a:last-child li img{ border:1px solid #e9e9e9;}
.gy h5{ width:13.8%; overflow:hidden; position:absolute; top:3em; left:43%; z-index:8;}
.gy h5 img{ width:100%;}

.g-ys{ background:url(../images/ys_bg.gif); background-size:67px 61px;}
.g-ys h3 img{ width:100%; display:block;}
.ys .sclwrap_box{ height:22.2em;overflow:hidden;}
.ys{ position:relative; z-index:8;}
.ys .nowarp{ width:100%; margin:0 auto;}
.ys .prev{ width:1.875em; height:1.875em; overflow:hidden; position:absolute; top:0.6em; left:9%; z-index:10;}
.ys .next{width:1.875em; height:1.875em; overflow:hidden; position:absolute; top:0.6em; right:9%;z-index:10;}
.ys .prev img,.ys .next img{ width:100%;}
.ys .con{ float:left; width:100%;}
.cnt1{ width:90.625%; margin:0 auto; border:1px solid #222; height:3em; font-size:1em;}
.cnt1 ul{ width:50%; margin:0 auto; position:relative; height:3em; font-size:1em;}
.cnt1 li:before{ background: none repeat scroll 0 0 #a5a5a5;
    content: "";
    height: 1px;
    position: absolute;
    right: 10%;
    top: 62%;
    width: 0.33em;}
.cnt1 li{ font-size:1.25em; font-weight:bold; font-family: Arial, Helvetica, sans-serif; color:#424242; line-height:2.5em; width:20%; height:2em; float:left; z-index:10; position:relative;}
.cnt1 li:last-child:before{ background:none;}
.cnt1 .li01{ color:#e71a0f; font-size:1.6em; line-height:1.9em;}
.cnt1 .li01:before{ top:48%;}
.ys2 dt img{ width:100%; display:block; margin-top:1.04em;}
.ys2 dd{ font-size:1.08em; color:#222; background:url(../images/ys01.png) no-repeat 4.68% 1em; background-size:1.59em 2.3em; padding-left:14.375%; padding-top:1em; padding-bottom:1em;}

.ys2 dd span{ font-size:1.25em; color:#e71a0f; font-weight:bold;}
.g-ys h5{ font-size:1em; margin:0.5em 0 0 9.5%; padding-bottom:2.2em;}
.g-ys h5 a{ display:inline-block; width:40.8%; height:2.13em; font-size:1.08em; text-align:center; color:#fff; background:#404144; line-height:2.13em; margin-right:4.6875%;}
.g-ys h5 a:last-child{ background:#e71a0f;}
.guan2 img{ width:100%; display:block;}

.con:nth-child(2) .ys2 dd{background:url(../images/ys02.png) no-repeat 4.68% 1em; background-size:1.59em 2.3em;}
.con:nth-child(3) .ys2 dd{background:url(../images/ys03.png) no-repeat 4.68% 1em; background-size:1.59em 2.3em;}
.con:nth-child(4) .ys2 dd{background:url(../images/ys04.png) no-repeat 4.68% 1em; background-size:1.59em 2.3em;}
.con:nth-child(5) .ys2 dd{background:url(../images/ys05.png) no-repeat 4.68% 1em; background-size:1.59em 2.3em;}


.wit{ height:24.4em; overflow:hidden; position:relative;}
.wit h5{display:inline-block; font-size:1em; color:#222; border:1px solid #222; text-transform:uppercase; font-weight:normal; padding:0.2em 0.7em; position:absolute; top:2.5em; right:4.68%;}
.wit .sclwrap_box{ height:35.2em;overflow:hidden;}
.cnt2{ width:90.625%; margin:2.53em auto 0; font-size:1em; border-bottom:1px solid #000; height:2.33em;}
.cnt2 li{ font-size:1.25em; font-weight:bold; color:#222; margin-right:4%; float:left; height:1.8em;}
.cnt2 li{ width:22.75%;}
.cnt2 li.z-on{ border-bottom:0.17em solid #e71a0f; color:#e71a0f;}
.wit2{ width:100%; float:left; position:relative; margin-top:1.33em;}
.wit2 .no_ov{ width:75%; margin:0 auto;}
.wit2 .prev{ width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:3.8em; left:1.5%;}
.wit2 .next{width:1.5em; height:5.33em; overflow:hidden; position:absolute; top:3.8em; right:1.5%;}
.wit2 .prev img,.wit2 .next img{ width:100%;}
.wit2 .page{ float:left; width:100%;}
.wit2 .page a:nth-child(2n-1) li{ float:left;}
.wit2 .page a:nth-child(2n) li{ float:right;}
.wit2 .page li{ width:46.25%;}
.wit2 .page li img{ width:100%;}
.wit2 .page li p{ font-size:1em; color:#362c24; padding-top:0.5em; line-height:1.5em;}
.wit2 .page li p span{ color:#e71a0f;}
.wit2 .page2 li img{ width:100%; border:1px solid #e0e0e0; box-sizing:border-box;}
.wit2 .page2 li p{ text-align:center; line-height:2.5em; padding:0;}

.g-about{ width:90.625%; margin:2em auto 0;}
.g-about h3{ font-size:1.25em; font-weight:bold; background:url(../images/about_h.gif) no-repeat left bottom; background-size:100% auto; padding-bottom:0.7em; color:#222;}
.g-about h3 span{display:inline-block; font-size:0.8em; color:#222; border:1px solid #222; text-transform:uppercase; font-weight:normal; padding:0.2em 0.7em; float:right}
.g-about dt img{ width:100%; display:block; margin-top:1.25em;}
.g-about dd{ font-size:14px; color:#222; line-height:30px; padding-top:0.8em;}
.g-about dd span{ color:#e71a0f; padding-left:5%;}
.g-about li{ width:7.29em; height:4.79em; float:left; background:url(../images/bg.gif) no-repeat center top; background-size:100% auto; margin-right:4%; font-size:1em; color:#fff; text-align:center; margin-top:1.2em;}
.g-about li p{ width:28.57%; margin:0.625em auto 0.2em;}
.g-about li p img{ width:100%; display:block;}
.g-about a:last-child li{ margin-right:0;}

.dy{ position:relative;}
.dy h5{display:inline-block; font-size:1em; color:#222; border:1px solid #222; text-transform:uppercase; font-weight:normal; padding:0.2em 0.7em; position:absolute; top:0; right:4.68%;}
.dy .sclwrap_box ,.dy .m-box{ height:13.5em;overflow:hidden;}
.dy .con{ float:left; width:100%;}
.dy .con ul{ width:90.625%; margin:0.8em auto 0;}
.dy .con li{ height:1.5em; line-height:1.5em; color:#555555; background:url(../images/dy_jt.gif) no-repeat left center; background-size:0.42em 0.42em; padding-left:4%;overflow:hidden;}

@media screen and (min-width:320px) {
	body { font-size:75%;}
	.gy h5{ width:13.8%; overflow:hidden; position:absolute; top:2em; left:43%; z-index:8;}
}
@media screen and (min-width:360px) {
	body { font-size:83%;}
}
@media screen and (min-width:375px) {
	body { font-size:93%;}
	.g-case li{ width:10.708em;}
	.g-about li{ width:9.4em;}
}
@media screen and (min-width:400px) {
	body { font-size:100%;}
}
@media screen and (min-width:480px) {
	body { font-size:112%;}
}
@media screen and (min-width:568px) {
	body { font-size:120%;}
}
@media screen and (min-width:639px) {
	body { font-size:150%;}
	.gy h5{ width:13.8%; overflow:hidden; position:absolute; top:3em; left:43%; z-index:8;}
}