@charset "utf-8";
/* CSS Document */
@import url("default.css");

/*首页*/
.wrap { width:100%; height:100%; overflow:hidden}
header{ width:96%; height:auto; overflow:hidden; padding:0 2%}
.h_left{ float:left; width:70%; height:70px;}
.logo{ float:left; width:15%; height:auto; overflow:hidden; padding-top:20px; margin-right:50px}
.logo img{ width:100%}
.logo2{ display:none}
.menu{ float:left; height:70px;}
.menu ul{ height:70px;}
.menu ul li{ float:left; width:100px; height:70px;}
.menu ul li a{ display:block; width:100px; height:70px; line-height:70px; text-align:center; color:#353535; font-size:1em}
.menu ul li a:hover{ color:#fff; background-color:#26a2ae}
.menu ul li.dang a{ color:#fff; background-color:#26a2ae}
.imenu2{display:none}
.h_right{ float:right; width:30%; height:70px;}
.h_right ul{ float:right;}
.h_right ul li{ float:right; width:20px; height:auto; margin-top:25px; margin-left:12px;}
.h_right ul li.hr_z{ float:right; width:150px; color:#000; font-size:1.25em; margin-top:22px; margin-left:5px;}
.banner{ width:100%; height:100%; overflow:hidden}
.banner img { width:100%; height:auto; display:block;}
.case{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding:4% 0;text-align: center;}
.case ul{ display:inline-block;}
.case ul li{float:left; width:28%; padding:2%}
.casediv{ width:100%; padding-bottom:10%; -moz-box-shadow: 0px 0px 20px #dedede; box-shadow: 0px 0px 20px #dedede}
.casediv_img{ width:100%; height:auto; overflow:hidden}
.casediv_img img{ width:100%}
.casediv_title{ width:100%; padding:20px 0; text-align:center; color:#2e2e2e; font-size:1.25em}
.casediv_con{ width:75%; margin:0 auto; padding-bottom:20px; text-align:center; color:#929292; font-size:0.875em}
.casediv_buttom{ width:35%; padding:10px 0; margin:0 auto; text-align:center; font-size:0.875em; background-color:#50b3b4; color:#fff; cursor:pointer}
.casediv:hover{ background-color:#50b3b4; color:#fff; -moz-box-shadow: 0px 0px 20px #26a2ae; box-shadow: 0px 0px 20px #26a2ae}
.casediv:hover .casediv_title{color:#fff}
.casediv:hover .casediv_con{color:#fff}
.casediv_buttom:hover{ background-color:#128f9b}
.hero{ width:100%; height:auto; overflow:hidden; background-color:#384747;text-align: center;}
.hero ul{ width:80%; height:auto; overflow:hidden; margin:0 auto}
.hero ul li{float: left; width:28%; padding:2%}
.herodiv{ width:100%; margin:0 auto}
.herodiv_img{ width:60%; padding-top:20%; margin:0 auto}
.herodiv_img img{ width:60%; margin:0 auto}
.herodiv_title{ width:100%; margin:0 auto; padding:20px 0; text-align:center; font-size:1.125em; color:#fff}
.herodiv_con{ width:70%; margin:0 auto; padding-bottom:20%; text-align:center; font-size:0.875em; line-height:160%; color:#fff}
.map{ width:100%; height:400px; position:relative;}
.map_map{ width:100%; height:100%;}
.map_con{ width:44%; height:400px; padding:0 3%; top:0; left:5%; color:#fff; background:rgba(0, 0, 0, 0.45); position:absolute}
.map_con .top{ width:100%; height:120px; padding-top:45px; font-size:1.5em}
.map_con .top2{ width:100%; height:auto; overflow:hidden}
.map_con .top3{ float:left; width:75%; height:auto; overflow:hidden}
.map_con .top3 h1{ font-size:2.25em; font-weight:bold; margin-bottom:1%}
.map_con .top3 h5{ font-size:0.875em; line-height:160%; margin-bottom:2%}
.map_con .top3 p{ font-size:0.875em}
.map_con .top4{ float:right; width:25%; height:auto; overflow:hidden; text-align:right}
.map2{ display:none}
.map3{ width:90%; height:400px; margin-left:5%; padding:0 0 5%;}
.footer{ width:90%; height:auto; overflow:hidden; margin-left:5%}
.foot{ width:100%; height:auto; overflow:hidden; padding:2% 0; border-bottom:#dbdbdb 1px solid; border-top:#dbdbdb 1px solid; color:#a4a4a4; line-height:150%; font-size:0.75em}
.link{ width:100%; height:auto; overflow:hidden; padding:1% 0 5% 0}
.link a{ color:#a4a4a4; margin:0 1% 1% 0; font-size:0.75em}
.link a:hover{ text-decoration:underline}
/*二级页样式*/
.ban{ width:100%; height:100%; overflow:hidden; position:relative}
.ban img { width:100%; height:auto; display:block;}
.ban p{ position:absolute; top:40%; left:20%; font-size:2.5em; color:#fff; font-weight:bold}
.content{ width:100%; height:auto; overflow:hidden; padding:5% 0 8%;}
.content2{ width:90%; height:auto; overflow:hidden; margin-left:5%; padding:0 0 5%;}
.content3{ width:90%; height:auto; overflow:hidden; margin-left:5%; padding:0 0 5%;}
.left{ float:left; width:16%; height:auto; overflow:hidden; padding:0 8% 0 11%; text-align:right}
.left img{ width:100%}
.right{ float:left; width:57%; padding-right:8%;}
.ab_d{ width:100%; height:auto; overflow:hidden; color:#dbdbdb; font-size:3.75em; padding-bottom:50px; font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif}
.ab_con{ width:100%; height:auto; overflow:hidden; line-height:210%; color:#333333; font-size:1.125em; padding-bottom:60px;}
.ab_con a{ color:#26a2ae}
.ab_pic{ width:100%; height:auto; overflow:hidden; padding-bottom:60px;}
.ab_pic_l{ float:left; width:50%; height:auto; overflow:hidden}
.ab_pic_l img{ width:100%}
.ab_pic_r{ float:left; width:50%; height:auto; overflow:hidden}
.ab_pic_r p{ padding:10% 0 40px; color:#26a2ae; font-size:1.5em; line-height:200%}
.ab_pic_r ul{ width:100%}
.ab_pic_r ul li{ float:left; width:50%; height:auto; overflow:hidden; padding-bottom:10px; color:#7f7f7f; font-size:0.875em}
.zs{ width:100%; height:auto; overflow:hidden; padding-bottom:5%;}
.zs ul{ width:100%; height:auto; overflow:hidden}
.zs ul li{ width:10.7%; height:auto; overflow:hidden; margin-right:0; font-size:0.625em; display: inline-block; text-align:center}
.zs ul li img{ width:100%}
.zs ul li:last-child{ margin-right:0}
.zhidian{ width:100%; height:auto; overflow:hidden; padding-bottom:8%;}
.zhidian img{ width:100%}
.left2{ float:left; width:19%; height:auto; overflow:hidden; padding:0 8% 0 8%;}
.title{ width:100%; height:auto; overflow:hidden; position:relative}
.title_di{ width:100%; height:auto; overflow:hidden; color:#e6e6e6; font-size:5.625em}
.title_top{ width:100%; height:auto; overflow:hidden; color:#26a2ae; font-size:2.25em; position:absolute; top:35%}
.title_con{ width:100%; height:auto; overflow:hidden; color:#615d5c; font-size:1.125em; font-family:'黑体'}
.kf{ width:100%; height:auto; overflow:hidden; padding:60px 0}
.kf img{ width:auto; margin:0 auto}
.kf2{ width:100%; height:auto; overflow:hidden; text-align:center; padding-bottom:60px}
.kf2 img{ width:auto; margin:0 auto}
.kf ul{ width:95%; height:auto; overflow:hidden; margin:50px auto}
.kf ul li{ float:left; width:32%; height:auto; overflow:hidden; padding-left:1.33333333333%; margin-bottom:15px; background:url(../images/dian.gif) left center no-repeat; color:#333333; font-size:1em}
.kf ul li a{ color:#333333;}
.kf ul li a:hover{ color:#26a2ae; text-decoration:underline}
.xtjc{ width:85%; height:auto; overflow:hidden; margin:0 auto}
.xtjc ul{ width:100%; height:auto; overflow:hidden;}
.xtjc ul li{ float:left; display:block; width:49%; height:340px; margin-bottom:20px; background-color:#f3f3f3}
.xtjc ul li:nth-child(odd){ margin-right:1%}
.xtjc ul li:nth-of-type(odd){clear:both;}
.xtjc ul li img{ width:100%; height:340px; display:block}
.xtjc ul li p{ display:block; padding:5% 10%; color:#26a2ae; font-size:2.125em;}
.xtjc ul li span{ display:block; padding:0 10%; color:#615d5c; font-size:1em; line-height:160%}
.xtjc22{ display:none}
.sxs{ width:100%; height:auto; overflow:hidden;}
.sxs_top{ width:100%; height:auto; overflow:hidden; color:#26a2ae; font-size:2.25em; text-align:center; margin-bottom:60px;}
.sxs_con{ width:85%; height:auto; overflow:hidden; margin:0 auto}
.sxs_con ul{ width:100%; height:auto; overflow:hidden}
.sxs_con ul li{ float:left; width:48%; height:320px; margin-bottom:20px; background-color:#f3f3f3; border-radius:30px; cursor:pointer}
.sxs_con ul li:nth-child(odd){ margin-right:2%}
.sxs_con ul li:nth-child(2){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(2){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(3){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(6){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(7){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(10){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(11){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(14){ background-color:#26a2ae;}
.sxs_con ul li:nth-child(15){ background-color:#26a2ae;}
.tese{ width:90%; height:auto; overflow:hidden; margin:0 auto}
.tese_pic{ float:left; width:30%; height:auto; overflow:hidden; padding-top:7%; margin-right:5%}
.tese_pic img{ width:100%; border-radius:50%;}
.tese_con{ float:left; width:65%; height:auto; overflow:hidden;}
.tese_con p{ display:block; color:#26a2ae; font-size:1.875em; padding:60px 0 30px;}
.tese_con span{ display:block; color:#615d5c; font-size:1em; line-height:160%; text-indent: 2em}
.yewu{ width:100%; height:auto; overflow:hidden; margin-top:50px;}
.yewu ul{ width:100%; height:auto; overflow:hidden}
.yewu ul li{ float:left; width:25%;}
.yewu_img{ width:100%; height:70px; margin-bottom:10px}
.yewu_top{ width:100%; height:auto; overflow:hidden; margin-bottom:50px; color:#333333; font-size:1em}
.yewu ul li p{ display:block; width:100%; height:auto; overflow:hidden; margin-bottom:10px; color:#777777; font-size:0.875em}
.jiaoju{ width:100%; height:auto; overflow:hidden}
.jiaoju ul{ width:100%; height:auto; overflow:hidden}
.jiaoju ul li{ float:left; width:47%; padding-right:3%; color:#615d5c; font-size:1em; line-height:160%;}
.jiaoju ul li:nth-of-type(odd){clear:both;}
.jiaoju ul li p{ color:#26a2ae; font-size:1.625em; padding:5% 0}
.eeee{ width:100%; height:auto; overflow:hidden; padding:3% 0; text-align:center; color:#26a2ae; font-size:1.875em; background-color:#f6f6f6}
.eeee_pic{ width:90%; height:auto; overflow:hidden; margin:3% 5%; text-align:center}
.eeee_pic img{ width:auto}
.eeee_top{ width:90%; height:auto; overflow:hidden; margin:2% 5%; padding:0.1% 0 0.1% 1%; border-left:#26a2ae solid 4px; font-size:1.25em;}
.eeee_con{ width:90%; height:auto; overflow:hidden; margin:3% 5%; font-size:1em; line-height:150%}
.eeee_con img{ width:auto;}
.eeee_img{ width:100%; height:auto; overflow:hidden; padding:3% 0; text-align:center}
.eeee_img img{ width:auto}
.tab{ width:60%; height:auto; overflow:hidden;}
.tab2{ width:70%}
.tab tr td{ height:auto; overflow:hidden; padding:1%; font-size:1.25em; font-weight:bold; color:#140a01}
.tab .f01{ font-size:1.5em; font-weight:bold}
.tab .b01{ background-color:#4f81be; color:#fff}
.tab .b02{ background-color:#d1d8ea;}
.tab .b03{ background-color:#e9eef4;}
.tab span{ color:#f58476}
.big-link{ display:block; width:100%; height:auto; overflow:hidden; padding:3% 0; margin:5% auto; text-align:center; font-size:1.875em; font-weight:bold; background-color:#26a2ae; color:#fff}
.big-link:hover{ background-color:#32b4c1}
.reveal-modal-bg { position: fixed; height: 100%; width: 100%; z-index: 100; display: none; top: 0; left: 0; background:rgba(00, 00, 00, 0.5) }		
.reveal-modal { visibility: hidden; top:30%; left: 50%; margin-left: -25%; width:50%; position: absolute; z-index: 101; padding:5%; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow: 0 0 10px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2); -box-shadow: 0 0 10px rgba(0,0,0,.2); background-color: #FFF; text-align:center}
.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
.reveal-modal .close-reveal-modal { font-size: 22px; line-height: 0.5; position: absolute; top: 8px; right: 11px; color: #333; text-shadow: 0 -1px 1px rbga(0,0,0,.6); font-weight: bold; cursor: pointer; 		}
.reveal-modal h1{ font-size:1.5em;}
.reveal-modal p{ font-size:1.875em; font-weight:bold; color:#26a2ae;}

.menubg {
  background: #26a2ae none repeat scroll 0 0;
  height: 100%;
  left: 0;
  position:fixed;
  top: 0;
  width: 100%;
  z-index: 99999999999;
}
.logo1 {
  background: rgba(0, 0, 0, 0) url(../images/logo1.png) no-repeat scroll center center / contain ;
  display: block;
  height: 59px;
  left: 0;
  position: absolute;
  top: 0;
  width: 134px;
  z-index: 995;
  margin-left: 2%;
}
.nav-phone {
  padding-top: 80px;
}
.nav-phone .nav-m {
  padding: 0 48px;
}
.nav-phone a {
  border-bottom: 1px solid #2db6c3;
  color: #fff;
  display: block;
  font-size: 18px;
  line-height: 55px;
  text-align: left;
}
.nav-phone .nav-r {
  padding: 0 48px;
}
.menu-icon-close {
  background: rgba(0, 0, 0, 0) url(../images/close.png) no-repeat scroll center center;
  height: 59px;
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  z-index: 99999;
  cursor:pointer;
}

.lx01{ float:left; height:auto; overflow:hidden; margin-top:8%; margin-right:6%}
.lx02{ float:left; height:auto; overflow:hidden; margin-top:5%}
.lx02 .zia{ height:auto; overflow:hidden; color:#a4a4a4; font-size:0.875em; line-height:210%}
.lx02 .zia b{ color:#373737}
.lx02 .qqa{}
.lx03{ float:right; width:10%; height:auto; overflow:hidden; margin-top:5%; margin-left:2%}
.lx03 img{ width:100%}
.lx04{ float:right; margin-top:8%; color:#a4a4a4; font-size:0.875em; line-height:200%}

/* map hidden */
.anchorBL { display:none;}
/* banner */
.banner{width: 100%;position: relative;}
.banner img{width: 100%;}
.banner .c-banner ul{list-style: none;padding-left: 0px;margin-bottom: 0px;}
.banner .c-banner ul li{position: absolutedisplay: none;opacity: 0;}
.c-banner .banner ul li:nth-child(1){opacity: 1;display: block;}
.banner .c-banner ul li img{width: 100%;position: absolute;top: 0px;}
.banner .c-banner ul li:first-child img{position: relative;}
.banner .jumpBtn{width: 100%;position: absolute;bottom: 5%;text-align: center;}
.banner .jumpBtn ul{margin-bottom: 0px;padding: 0px;}
.banner .jumpBtn ul li{width: 1em;height: 1em;border-radius: 50%;display: inline-block;background-color: white;opacity: 0.9;margin-left: 10px; cursor:pointer}
.banner .jumpBtn ul li:first-child{margin-left: 0px;}

/*机械人*/
.jixie{ width:85%; height:auto; overflow:hidden; margin:0 auto}
.jixie ul{ width:100%; height:auto; overflow:hidden; padding-bottom:30px;}
.jixie ul li{ float:left; width:18%; height:auto; overflow:hidden; margin:10px 1% 20px; background-color:#fff; border-radius:5px; border:#ebebeb 1px solid; box-sizing:border-box; cursor:pointer}
.jixie ul li:hover{-moz-box-shadow: 0px 0px 8px #ebeff3; box-shadow: 0px 0px 8px #ebeff3;}
.jx_top{ width:90%; height:52px; padding:15px 0; margin:0 auto; display: -webkit-flex; /* Safari */display: flex; justify-content:space-between; align-items:center;}
.jx_top01 span{ padding:8px; background-color:#06F; color:#fff; font-size:2.25em; border-radius:50%;}
.jx_top02{ width:74%; font-size:1.125em;}
.jx_con_top{ width:90%; margin:0 auto; font-size:0.875em; color:#acb2bf;}
.jx_con{ width:90%; height:70px; margin:5px auto 20px; font-size:0.875em; color:#acb2bf; line-height:160%;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.jx01 span{ background-color:#26a2ae}
.jx02 span{ background-color:#f6832d}
.jx03 span{ background-color:#f62125}
.jx04 span{ background-color:#e52b6d}
.jx05 span{ background-color:#699ef2}
.jx06 span{ background-color:#1637ff}
.jx07 span{ background-color:#fc9139}
.jx08 span{ background-color:#be60d8}
.jx09 span{ background-color:#1c0b1b}
.jx10 span{ background-color:#655ef0}
.jx11 span{ background-color:#87d763}
.jx12 span{ background-color:#0e78ff}
.jx13 span{ background-color:#00a9ff}
.jx14 span{ background-color:#f10107}
.jx15 span{ background-color:#f10107}
.jx16 span{ background-color:#ff4907}
.jx17 span{ background-color:#0a9aff}
.jx18 span{ background-color:#3e6dfe}
.jx19 span{ background-color:#e87030}
.jx20 span{ background-color:#ff4907}
.jx21 span{ background-color:#ff4907}
.jx22 span{ background-color:#ff4907}
.jx23 span{ background-color:#0dc91a}
.jx24 span{ background-color:#d6251f}
.jx25 span{ background-color:#435bc5}
.jx26 span{ background-color:#3fbff5}
.jx27 span{ background-color:#007fff}
.jx28 span{ background-color:#ff4907}
.jx29 span{ background-color:#6f57b5}
.jx30 span{ background-color:#87d763}
.jx31 span{ background-color:#fb774c}
.jx32 span{ background-color:#42b6f2}
.jx33 span{ background-color:#f34c47}
.jx34 span{ background-color:#f77100}
.jx35 span{ background-color:#00a143}
.jx36 span{ background-color:#7644f3}
.jx37 span{ background-color:#87d763}
.jx38 span{ background-color:#f87607}
.jx39 span{ background-color:#f34642}
.jx40 span{ background-color:#0196d9}
.jx41 span{ background-color:#f55753}
.jx42 span{ background-color:#f6544f}
.jx43 span{ background-color:#01c8c3}
.jx44 span{ background-color:#4a7ef4}
.jx45 span{ background-color:#2c9d62}
.jx46 span{ background-color:#44b7ee}
.jx47 span{ background-color:#0292fe}
.jx48 span{ background-color:#ff9b00}
.jx49 span{ background-color:#f23832}
.jx50 span{ background-color:#006ebc}
.jx51 span{ background-color:#fc7001}
.jx52 span{ background-color:#3167d4}
.jx53 span{ background-color:#a800ff}
.jx54 span{ background-color:#1fca33}
.jx55 span{ background-color:#f87607}
.jx56 span{ background-color:#d6211b}
.jx57 span{ background-color:#87d763}
.jx58 span{ background-color:#0a9aff}
.jx59 span{ background-color:#006ebc}
.jx60 span{ background-color:#006ebc}

/*乡报*/
.xb{ width:85%; height:auto; overflow:hidden; margin:0 auto; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around;align-items:center;}
.xb_left{ width:50%; height:auto; overflow:hidden; padding:0 5%;}
.xb_left_con{ width:100%; text-indent: 2em; line-height:180%; font-size:1.125em; color:#333333}
.xb_left_biao{ width:100%; height:auto; overflow:hidden; margin-top:30px; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around;align-items:center;}
.biao{ color:#949494; font-size:1.125em; text-align:center}
.biao p{ font-size:1.333333em; color:#ff5a00}
.biao p span{ font-size:2em; font-weight:bold}
.xb_right{ width:40%; text-align:center}
.xb_right2{ display:none}
.xiangbao{ width:100%; height:auto; overflow:hidden; margin-top:4%; padding:5% 0; background:#f1f6f2 url(../images/xb_bj.png) center no-repeat}
.xiangbao01{ width:85%; height:auto; overflow:hidden; margin:0 auto; display: -webkit-flex; /* Safari */display: flex; justify-content:space-around;align-items:center;}
.xiangbao01k{ width:560px; height:430px; margin:20px 0; background-color:#fff; border-radius:10px; -moz-box-shadow: 0px 0px 10px #c3d8c6; box-shadow: 0px 0px 10px #c3d8c6; text-align:center}
.xiangbao01_span{ width:90%; height:auto; overflow:hidden; padding:30px 0 0; margin:0 auto;}
.xiangbao01_span span{ color:#08a41f; font-size:5em;}
.xiangbao01_top{ width:90%; height:auto; overflow:hidden; margin:0 auto; padding-bottom:40px; color:#333333; font-size:1.5em; font-weight:bold;}
.xiangbao01_con{ width:90%; height:auto; overflow:hidden; margin:0 auto; color:#737373; font-size:1.125em; line-height:210%;}
.xiangbao02{ width:85%; height:auto; overflow:hidden; margin:50px auto 0;}
.xiangbao02 img{ width:100%; text-align:center}

.solutions{width: 75vw; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin:0 auto; padding-top:5vw;}
.solution{ width: 22.91667vw; height: 12.5vw; display: table; text-align: center; font-family: HYYakuHei,sans-serif; color: #fff; font-size: 2.5vw; background-repeat: no-repeat; background-position: top; background-size: cover; margin-bottom: 2.08333vw; margin-right: 2vw; border-radius: 0.26042vw; position: relative;    -webkit-transition: all .4s ease;
    transition: all .4s ease;}
 .solutions .solution:hover{-webkit-transition:all .4s ease!important;transition:all .4s ease!important;-webkit-box-shadow:0 0 1.04167vw rgba(0,0,0,.1);box-shadow:0 0 1.04167vw rgba(0,0,0,.2);-webkit-transform:translateY(-.52083vw)!important;transform:translateY(-.52083vw)!important}
.solu-shader{ background-color: rgba(0,0,0,.4); width: 100%; height: 100%; position: absolute; border-radius: 0.26042vw;}
.solu-wrapper{ display: table-cell; vertical-align: middle; position: relative;}
.titler{line-height: 3.54167vw;}







@media screen and (max-width:1530px) and (min-width:1079px){
	.h_left{ width:85%;}
	.h_right{ width:15%;}
    }

@media screen and (max-width:1440px){
    .jixie ul li{ width:23%;}
	.xiangbao01k{ width:45%; height:430px;}
    }
@media screen and (max-width:1024px){
    .jixie ul li{ width:48%;}
	.jx_top02{ width:80%;}
	.solutions{width: 90vw;}
	.solution{ width: 27.91667vw;}
    }
@media screen and (max-width:799px){
    .jixie ul li{ width:98%;}
	.jx_top02{ width:90%;}
    }





@media screen and (max-width:768px) {
	.banner{width: 100%;height: auto;overflow: hidden; z-index:999}
	.banner .c-banner ul li img{width: 100%;height: auto;position: absolute;}
}



@media screen and (max-width:1600px){
    .kf img{ width:100%;}
	.kf2 img{ width:100%;}
	.xb_right img{ width:100%;}
    }

@media screen and (max-width:1420px) and (min-width:900px){
    .xtjc ul li p{ padding:5% 10%; font-size:1.75em;}
	.xtjc ul li span{font-size:0.875em; line-height:160%}
    }
	
@media screen and (max-width:899px){
    .xtjc ul li p{ padding:5% 10%; font-size:1em;}
	.xtjc ul li span{font-size:0.875em; line-height:140%}
	.eeee_pic img{ width:100%}
    }

@media screen and (max-width:1600px) and (min-width:1280px){
    .left{ width:18%; padding:0 5%;}
	.left img{ width:100%}
	.right{ width:67%; padding-right:5%;}
	.left2{width:18%; padding:0 5%;}
	.title_top{ font-size:1.875em}
	.tese_con p{font-size:1.5em; padding:30px 0 20px;}
    }

@media screen and (max-width:1024px){
    .ab_pic_l{ display:none}
    .ab_pic_r{width:100%;}
	.ab_con{ padding-bottom:30px;}
	.ban p{ font-size:1.875em;}
	.zs ul li{ float:left; width:30%; font-size:0.75em; text-align:center; margin-top:5%}
	.zs ul li img{ width:100%}
/*
	.zs ul li:nth-child(3n+0){ margin-right:0}
	.zs ul li:nth-child(7) img{ width:50%}
	.zs ul li:nth-child(8) img{ width:50%}
*/
	.eeee_con img{ width:95%;}
	.tab{ width:100%;}
    }


@media screen and (max-width:1279px){
    .left{width:90%; padding:0 5%; text-align:left; margin-bottom:20px;}
	.left img{ width:auto}
	.right{ width:90%; padding:0 5%;}
	.left2{width:90%; padding:0 5%; text-align:left; margin-bottom:20px;}
	.tese_pic{ display:none}
	.tese_con{ width:100%}
	.tese_con p{font-size:1.625em; padding:30px 0 20px;}
	.jixie{ width:90%;}
	.h_right{ display:none}
	.h_left{ width:100%}
	.logo{ margin-right:0}
	.xb_left_biao{ font-size:0.625em;}
    }

@media screen and (max-width:1024px){
	.logo{ width:15%; margin-right:0;}
	.menu{ float:right}
	.menu ul li{ float:left; width:100px; height:70px;}
	.case ul li{ width:96%; padding:2%}
	.casediv{ padding-bottom:5%;}
	.hero ul li{ width:96%; padding:2%}
	.herodiv_img{padding-top:8%; margin:0 auto}
	.herodiv_img img{ width:40%; margin:0 auto}
	.herodiv_title{ padding:20px 0;}
	.herodiv_con{ padding-bottom:8%;}
	.big-link{ font-size:1.125em}
	.eeee_img img{ width:100%}
	}

@media screen and (max-width:1100px) and (min-width:767px){
    .top4{ display:none}
    }
	
@media screen and (max-width:1000px) and (min-width:800px){
	.menu ul li{ width:auto;}
	.menu ul li a{ width:auto; padding:0 10px;}
    }

@media screen and (min-width:881px) and (max-width:1200px){
  .lx04{ display:none}
    }

@media screen and (max-width:799px){
	.sxs_con ul li{ width:100%; height:auto; overflow:hidden; padding-bottom:30px}
	.tese_pic{ display:none}
	.tese_con{ width:100%}
	.tese_con p{font-size:1.625em; padding:30px 0 20px;}
    .menu{ display:none}
    .menu2{ display:none}
    .imenu{ display:block; float:left; margin-left:5%;}
    .imenu img{ width:80%; height:80%; margin:10px 0}
    .imenu2{ display:block; margin-left:5%; position:absolute; top:2%; z-index:99999999}
    .imenu2 img{ width:80%; height:80%;}
    .logo img{ width:25%}
    .logo2{ width:35%; display:block; right:5%; position:absolute; top:3%; z-index:99999999}
    .logo2 img{ width:100%}
    .ban p{ top:20%; left:65%; font-size:1.875em;}
	.lxfrpa{ font-size:1.5em!important; left:25%!important;}
    header{ display:none}
    .mp01{ padding-top:20px;}
    .mp01_top{ display:none}
    .mp01_top2{ display:block; width:80%; height:auto; overflow:hidden; margin-left:10%; margin-bottom:30px; font-size:0.875em; text-align:center; color:#b1b1b1}
    .mp01_top2 h1{ font-size:1.875em; color:#fff; margin-bottom:10px;}
    .mp01 ul{ width:80%; height:auto; overflow:hidden; margin-left:10%}
    .mp01 ul li{ width:100%; height:auto; overflow:hidden; margin:8px 0; font-size:0.875em; text-align:left; color:#b1b1b1}
    .mp01 ul li h1{ color:#fff; font-size:1.125em; padding:0 0 5px}
    .mp01 ul li img{ float:left; margin-right:2%;}
    .mp02{padding:50px 0 90px;}
    .mp02 ul{margin-top:20px}
    .mp02 ul li{width:46%; margin:0 2% 30px;}
    .mp03{padding:50px 0 50px;}
    .mp03_con{margin-top:50px}
    .mp03_con dl{width:45%;margin:0 1% 5px 0;}
    .mp04{ width:80%; margin-top:20px; margin-left:10%}
    .mp04 h1{ font-size:1.875em;}
    .qyqq{ display:none}
    #menu{ display:inherit}
    #menu ul li{float:left;width:33.3%;height:100%;text-align:center;position:relative;font-size:14px; cursor:pointer}
	#menu ul li .line{position:absolute;top:0px;right:0px;z-index:30;}
	#menu ul li .menu_li{position:absolute;top:0px;left:0px;z-index:20;width:100%;height:100%;color:#454545;background:url(../images/menubg.png) repeat-x;}
	#menu ul li .img_front{position:absolute;top:0px;left:0px;z-index:30;width:100%;height:100%;}
	#menu ul li .img_front img{width:100%;height:100%;}
	#menu ul li span{position:absolute;bottom:-300px;left:50%;width:104px;margin-left:-52px;height:auto;text-align:center;z-index:10;}
	#menu ul li span a{float:left;width:100%;height:43px;line-height:43px;color:#454545;text-decoration:none;}
	.kf{ padding:60px 0 0}
    .kf ul li{ width:98%; padding-left:1.33333333333%; font-size:1em}
	.jiaoju ul li{ float:none; width:100%; padding:0;}
	.xb_right{ display:none}
    .xb_right2{ display:inline; width:100%; height:auto; overflow:hidden; text-align:center}
	.xb_right2 img{ width:70%; display:block; margin:0 auto}
	.xb{ display:inline; width:96%;}
	.xb_left{ width:90%; padding:0 5%;}
	.xiangbao01{ width:96%; display:inline}
	.xiangbao01k{ width:94%; height:auto; margin:20px auto; padding-bottom:5%;}
	.xiangbao01_span{ width:98%;}
	.xiangbao01_top{ width:98%;}
	.xiangbao01_con{ width:98%;}
	.xiangbao02{ width:96%;}
    }

@media screen and (max-width:767px){
  .map{ display:none}
  .map2{ display:block; width:90%; height:auto; overflow:hidden; padding:5%; background-color:#f8f8f8}
  .map_con2{ width:100%;  height:auto; overflow:hidden; color:#373737;}
.map_con2 .top{ width:100%; height:auto; overflow:hidden; font-size:1.5em}
.map_con2 .top2{ width:100%; height:auto; overflow:hidden}
.map_con2 .top3{ width:100%; height:auto; overflow:hidden}
.map_con2 .top3 h1{ font-size:2.25em; font-weight:bold; margin-bottom:1%}
.map_con2 .top3 h5{ font-size:0.875em; line-height:160%; margin-bottom:2%}
.map_con2 .top3 p{ font-size:0.875em}
.map_con2 .top4{ width:100%; height:auto; overflow:hidden; margin:2% 0}
.xtjc{ display:none}
.xtjc22{ display:inherit; width:85%; height:auto; overflow:hidden; margin:0 auto}
.xtjc22 ul{ width:100%; height:auto; overflow:hidden;}
.xtjc22 ul li{ width:100%; height:auto; overflow:hidden; margin-bottom:30px; background-color:#f3f3f3}
.xtjc22 ul li:nth-child(odd){ margin-bottom:5px}
.xtjc22 ul li img{ width:100%; display:block}
.xtjc22 ul li p{ display:block; padding:5%; color:#26a2ae; font-size:1.875em;}
.xtjc22 ul li span{ display:block; padding:0 5% 20px; color:#615d5c; font-size:1em; line-height:160%}
.lx01{ width:100%; margin-right:0}
  .lx02{ width:100%;}
  .lx02 .zia{ font-size:1.125em}
  .lx03{ width:100%; text-align:center}
  .lx04{ width:100%; margin-top:2%; text-align:center}
    }

@media screen and (min-width:767px) and (max-width:880px){
  .lx01{ width:100%; margin-right:0}
  .lx02{ width:100%;}
  .lx02 .zia{ font-size:1.125em}
  .lx03{ width:100%; text-align:center}
  .lx04{ width:100%; margin-top:2%; text-align:center}
    }

@media screen and (max-width:700px){
  
.yewu ul li{ width:50%; margin-bottom:50px;}
    }