@charset "utf-8";

em,i{font-style: normal;}
.fl {float:left;}
.fr {float:right;}
.clear{clear:both;}
dl,dt,dd{padding:0;margin:0;}
.w0{width: 100%}
input {outline: none;border: none;}

/*header start*/
.header .head_top{height: 35px;background: #222;line-height: 35px;font-size: 15px;color: #ccc}
.header .head_top a{color: #ccc}
.header .htopl,.header .htopr{width: 50%}
.header .htopr{text-align: right;}
.header .htopr a{width: 35px;height:22px;background: #C10001;display: inline-block;line-height:22px;margin:4px 0;text-align: center;color:#fff;margin-left: 5px}
.header .htopr a.en{background: #0054A6}
.header .head_body .logo{width: 14%;padding: 10px 0;background: #fff}
.header .head_body .logo img{height: 70px;}

#SearchForm{position: relative;}
#SearchForm .txt{font-family: "微软雅黑";font-size: 14px;width: 204px;height: 28px;line-height: 28px;padding-left: 6px;margin:  0px 0 0 27px;color:#d9d9d9;background: rgba(255,255,255,0.2);}
#SearchForm .btn{width: 16px;height: 16px;background: url(../images/btn.png) no-repeat;position: absolute;right: 12px;top: 7px;}

nav{width: 100%;position: relative;z-index: 9999999}
.flexnav {*zoom: 1;-webkit-transition: 0;-moz-transition: 0;-o-transition: 0;transition: 0;-webkit-transform-style: preserve-3d;overflow: hidden;margin: 0 auto;width: 100%;max-height: 0;}
.flexnav:after {content: "";display: table;clear: both;}
.flexnav.show {max-height: 2000px;-webkit-transition: 1s;-moz-transition: 1s;-o-transition: 1s;transition: 1s;position: absolute;background: #dfdfdf;}
.flexnav.one-page {position: fixed;top: 50px;right: 5%;max-width: 200px;}
.flexnav li {font-size: 100%;position: relative;overflow: hidden;}
.flexnav li a {position: relative;display: block;overflow: hidden;color: #fff;line-height: 90px;text-align: center;font-size: 16px}
.flexnav li ul {width: 100%;}
.flexnav li ul li {font-size: 100%;position: relative;overflow: hidden;border-bottom: 1px solid #fff;}
.flexnav li ul.show li {overflow: visible;}
.flexnav li ul li a {display: block;background: #efefef;}
.flexnav ul li ul li a {background: #bfbfbc;}
.flexnav ul li ul li ul li a {background: #cbcbc9;}
.flexnav .touch-button {position: absolute;z-index: 999;top: 0;right: 0;display: inline-block;text-align: center;}
.flexnav .touch-button:hover {cursor: pointer;}
.flexnav .touch-button .navicon {font-size: 12px;color: #666;}


.header .lan1{display: none;}
/*.header .lan{color: #fff}
.header .lan a{display: inline-block;line-height: 90px;padding: 0 8px;color: #fff}*/

/*banner start*/

.swiper-container{
  height:600px;
  padding-top:90px;
}
.arrow-left {
  background: url(../images/arrows.png) no-repeat left top;
  position: absolute;
  left: 10px;
  top: 62%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:10;
}
.arrow-right {
  background: url(../images/arrows.png) no-repeat left bottom;
  position: absolute;
  right: 10px;
  top: 62%;
  margin-top: -15px;
  width: 17px;
  height: 30px;
  z-index:10;
}
.pagination {
  position: absolute;
  left: 0;
  text-align: center;
  bottom:5px;
  width: 100%;
}
.swiper-pagination-switch {
  display: inline-block;
  width: 10px;
  height: 10px;
  border-radius: 10px;
  background: #999;
  margin: 0 3px;
  cursor: pointer;
}
.swiper-active-switch {
  background: #C10001;
}
.swiper-slide{
  position:relative;
  opacity:0;
  transition: opacity 0.7s ease-in-out;
}
.swiper-slide-active{
  opacity:1;
}
.swiper-slide .img{
  position:absolute;
}
.inner{
  position:relative;
  display:block;
  width:900px;
  height:600px;
  margin:0 auto;
}
.slide1{
  background:url(../images/banner1.jpg);
}
.slide2{
  background:url(../images/banner2.jpg);
}
.slide3{
  background:url(../images/banner3.jpg);
}

.slide1 .b-1{left: 0}
.slide1 .b-2{right: 0}

.slide2 .b-1{left: 0}
.slide2 .b-2{right: 0}

.slide3 .b-1{left: 0}
.slide3 .b-2{right: 0}


.loop{
  animation-iteration-count: infinite;/*无限*/
  animation-timing-function:linear;/*平滑*/
}
.targetBtn {
    margin-top: 20px;
    position: absolute;
    bottom: 60px;
    left: 352px;
    z-index: 999;
}
.targetBtn a{
  height:50px;
  border-radius:50px;
  background:rgba(0,0,0,.5);
  float:left;
  line-height:50px;
  text-align:center;
  color:#fff;
  text-decoration:none;
}
.targetBtn .a1{
  width:110px;
}
.targetBtn .a2{
  width:170px;
  margin-left:15px;
} 
/*自定义CSS动画*/
.moveRight{-webkit-animation-name:moveRight;animation-name:moveRight}
@-webkit-keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}
@keyframes moveRight{0%{opacity: 0;left:0px;}
10%{opacity: 1;}
100%{opacity: 1;left:550px;}}

.moveLeft{-webkit-animation-name:moveLeft;animation-name:moveLeft}
@-webkit-keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}
@keyframes moveLeft{0%{opacity:0;left:390px;}
10%{opacity:1;}
100%{opacity:1;left:-370px;}}


  



.title{height: 30px;line-height: 30px;}
.title b{font-size: 22px;padding-left: 15px;display: inline-block;color: #333}

/*company start*/
.company{padding: 50px 0 30px;}
.company .com_con b{font-size: 18px;color: #333}
.company .com_con i{display: block;line-height: 30px;font-weight: bold;color: #C10001}
.company .com_con p{line-height: 160%;font-size: 15px;text-indent: 2em;}
.company .com_con a.more{display: block;width: 120px;height:35px;background: #666;color: #fff;text-align: center;line-height: 35px;font-size: 15px;margin-top: 20px}
.company .com_con a.more:hover {background: #C10001}

.com_r ul li{width: calc(40% - 2px);margin-left: 10%;float: left;border:1px solid #ccc;margin-bottom: 20px;padding: 20px 0;text-align: center;border-radius: 10px}
.com_r ul li p{text-align: center;line-height: 30px}
.com_r ul li:hover {background: #C10001;border-color: #C10001;cursor: pointer;}
.com_r ul li:hover p{color: #fff}

/*product start*/
.product{/*padding: 50px 0;background: #F1f1f1*/}
.product .pro_body{padding: 15px}
.product .pro_body ul li{width: 30%;margin-left:5%;float: left;background: #dfdfdf;margin-top: 2%;position: relative;border-radius: 10px;overflow: hidden;}
.product .pro_body ul li:nth-child(3n+1) {margin-left: 0px;}
.product .pro_body ul li img{width: 100%;}
.product .pro_body ul li p{position: absolute;top: 20%;text-indent: 2em;color: #333;font-size: 18px}
.product .pro_body ul li .more{width: 30px;height: 30px;background: url(../images/moreicon.png) no-repeat center;position: absolute;top: calc(20% + 35px);left: 32px}
.product .pro_body ul li:hover p{color: #C10001}

/*news*/
.news{padding: 50px 0;}
.new_l{padding-left: 0px;}
.ly_body{height: 300px;width: 100%;background: url(../images/lybg.jpg) no-repeat center;margin-top: 25px;background-size: cover;padding: 25px;border-radius: 10px;}
.ly_body p{text-indent:2em;line-height: 160%}
.ly_body a{display: block;width: 90px;height: 30px;background: #C10001;color: #fff;text-align: center;line-height: 30px;font-size: 13px;margin-top: 20px;}

.news .new_top{width: 100%;padding:15px;margin-top:10px;transition: all 0.3s ease-in;background: #fff}
.news .new_top .img{width: 35%;overflow: hidden;border-radius: 10px;}
.news .new_top .img img{width: 100%;}
.news .new_top .wz{padding-left: 3%;width: 62%}
.news .new_top .wz b{display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;font-size: 17px;line-height: 35px;}
.news .new_top em{display: block;width: 40px;height: 3px;background: #C10001;margin: 10px 0;}
.news .new_top .wz p{line-height: 160%;font-size: 15px;text-indent: 2em;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.news .new_top:hover {background: #e9e9e9}

ul.hyxw li{width: 100%;height: 35.5px;background:#fff;line-height: 35.5px;padding: 0 20px;}
ul.hyxw li a{display: inline-block;width: calc(100% - 90px);float: left;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
ul.hyxw li span{display: inline-block;float: right;font-size: 13px;color: #999}
ul.hyxw li:hover {background: #C10001;}
ul.hyxw li:hover a{color: #fff}
ul.hyxw li:hover span{color: #fff;}

/*hezuo*/
.hezuo{ padding: 50px 0; background: #F1f1f1 }
.picMarquee-left{ width:100%; overflow:hidden; position:relative; padding-top: 30px; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 8px; float:left; _display:inline; overflow:hidden; text-align:center; }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:180px; height:60px; display:block; padding:2px; border:1px solid #ccc; }
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999; }
.picMarquee-left .bd ul li .title{ width:186px; line-height:24px; font-size: 14px; display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }


/*footer start*/
.footer{position: relative;z-index: 9999999;}
.footer .foot_top{width: 100%;background: #222;height: 90px;position: relative;}
.footer .foot_top > .container{position: relative;}
.footer .footer-list {text-align: center;padding-top: 25px;}

.footer .footer-list li{line-height: 76px;height: 76px;display: inline-block;vertical-align: top;position: relative;margin: 0 19px;}
.footer .footer-list li a{height: 76px;font-size: 16px;color: #868686;}
.footer .footer-list li:hover a{color: #fff}
.footer .footer-list li:after {content: "";position: absolute;left: -24px;top: 50%;margin-top: -4.5px;width: 5px;height: 9px;background-image: url(../images/icon-5.png);background-repeat: no-repeat;}
.footer .footer-list li:nth-child(1):after {content: "";background: none}
.footer .btn-back-home {display: block;position: absolute;top: 0;left: -360px;width: 482px;height: 100%;background: #292929;}
.footer .btn-back-home img {-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;position: absolute;right: 47px;top: 27px;}
.footer .btn-back-home:hover img {transform: translate(10px, 0);}

.footer .btn-back {display: block;position: absolute;right: 0;top: 50%;margin-top: -19px;width: 88px;height: 38px;background-color: #282828;background-image: url(../images/icon-6.png);background-repeat: no-repeat;background-position: center center;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;}
.footer .btn-back:before {content: "";right: 0;bottom: -1px;width: 70px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute;}
.footer .btn-back:after {content: "";left: 0;bottom: -1px;width: 15px;height: 1px;background: #770007;position: absolute;}

.foot_body{width: 100%;padding-bottom: 30px;background: #222;text-align: center;}
.foot_body .telephone {font-size: 35px;color:#ddaa4b;margin-bottom: 20px;padding-top: 38px;font-family: "Arial";}
.foot_body .telephone img{margin-right: 5px;}
.foot_body .copy{color: #868686;font-size: 13px;margin-bottom: 18px;}
.foot_body .copy span{padding: 0 15px;}
.foot_body .copy a {color: #868686;font-size: 13px;}
.foot_body .share{padding: 20px 0 30px}
.foot_body .share span{font-size: 14px;color: #868686;padding: 0 20px;line-height: 30px;}
.foot_body .share .span1{position: relative;left: -28px;}
.foot_body .share .span2{position: relative;left: 28px;}
/*footer end*/

/*kefu start*/
#kefu{width:160px; height:auto; position:fixed; top:90px; right:5px;z-index:9999999; background:#fff; border:1px solid #d1d1d1; /*margin-top:-240px;*/}
#kefu .top{width:100%; height:40px; line-height:40px;font-family:"Microsoft YaHei"; font-size:18px; color:#333; font-weight:bold; text-align:center;letter-spacing: 2px;position: relative;}
#kefu .middle{width:100%; text-align:center;}
#kefu .middle a.qq{display: block;margin-top: 0px}
#kefu .middle a.qq img{width:100px;}
#kefu .middle p{color:#333;font-weight: bold;font-size: 20px;margin: 5px;font-family: Arial;text-align: center}
#kefu .close{float:right; cursor:pointer;position: absolute;top: 10px;right: 10px;}
.right_bar{ width:28px; height:95px; position:fixed; top:50%; right:0;z-index:9999;display: none;}
.right_bar img{cursor:pointer;}

/*header start*/
  .header{width: 100%;background: #C10001;position: fixed;z-index: 999999999}
  nav{width: 63%;padding-right: 1%}
  .ss{width:320px;margin-top: 30px}
  .head_body{width: 100%;background: url(../images/hbg.jpg) no-repeat center;}

  .header .lan{padding-top: 4px}
  .header .lan a {line-height: 22px;width: 35px;height: 22px;display: inline-block;text-align: center;font-size: 14px}
  .header .lan a.cn{background: #fff;color: #C10001;margin-right: 10px}
  .header .lan a.en{background: #0075B8;color: #fff}
  .flexnav {
    *zoom: 1;
    -webkit-transition: 0;
    -moz-transition: 0;
    -o-transition: 0;
    transition: 0;
    -webkit-transform-style: preserve-3d;
    overflow: hidden;
    margin: 0 auto;
    width: 100%;
    max-height: 0;
  }

  .flexnav:after {
    content: "";
    display: table;
    clear: both;
  }

.flexnav.show {
  max-height: 2000px;
  -webkit-transition: 1s;
  -moz-transition: 1s;
  -o-transition: 1s;
  transition: 1s;
}

.flexnav.one-page {
  position: fixed;
  top: 50px;
  right: 5%;
  max-width: 200px;
}

.flexnav li {
  font-size: 100%;
  position: relative;
  overflow: hidden;
}

.flexnav li a {
  position: relative;
  display: block;
 
  z-index: 2;
  overflow: hidden;
  color: #fff;
 
}

.flexnav li ul {
  width: 100%;
}

.flexnav li ul li {
  font-size: 100%;
  position: relative;
  overflow: hidden;

}

.flexnav li ul.show li {
  overflow: visible;
}

.flexnav li ul li a {
  display: block;
  background: rgba(52,52,52,0.9);
}

.flexnav ul li ul li a {
  background: rgba(80,80,80,0.9);
}

.flexnav ul li ul li ul li a {
  background: rgba(135,135,135,0.9);
}

.flexnav .touch-button {
  position: absolute;
  z-index: 999;
  top: 34px;
  right: 5px;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
}

.flexnav .touch-button:hover {
  cursor: pointer;
}

.flexnav .touch-button .navicon {
  font-size: 12px;
  color: #fff;
  display: none;
}

.menu-button {
  position: relative;
  display: block;
  padding: 1em;
  background: #a6a6a2;
  color: #222222;
  cursor: pointer;
  border-bottom: 1px solid rgba(0, 0, 0, 0.2);
}

.menu-button.one-page {
  position: fixed;
  top: 0;
  right: 5%;
  padding-right: 45px;
}

.menu-button .touch-button {
  background: transparent;
  position: absolute;
  z-index: 999;
  top: 0;
  right: 0;
  width: 50px;
  height: 50px;
  display: inline-block;
  text-align: center;
}

.menu-button .touch-button .navicon {
  font-size: 16px;
  position: relative;
  top: 1em;
  color: #666;
}

.scrolledDown{background: #C10001}

@media (min-width: 1500px) and (max-width: 1650px) {
  .head_body {width: 100%;background: url(../images/hbg.jpg) no-repeat center;background-size: 100% 90px;}
  .header .head_body .logo {width: 15%;padding-right: 32px;}
  nav {width: calc(63% - 32px);padding-right: 1%;background: #C10001}
  #SearchForm .txt {width: 170px;margin: 0px 0 0 10px;}
  .ss {width: 270px;margin-top: 30px;}
  .flexnav li a{font-size: 15px}
}

@media (min-width: 1200px) and (max-width: 1500px) {
  .container3{width: 100%;}
  .header .head_body .logo {width: 13%;height: 90px;padding: 0;padding-right: 32px}
  .header .head_body .logo img{width: 100%;height: auto;padding-top: 18px}
  nav {width: calc(63% - 32px);padding-right: 1%;background: #C10001}
  #SearchForm .txt {width: 170px;margin: 0px 0 0 10px;}
  .ss {width: 270px;margin-top: 30px;}
  .flexnav li a{font-size: 15px}
  .flexnav .touch-button {right: 0px;}
  nav > ul > li > ul{width: 120%!important}
}

@media (min-width: 1200px) and (max-width: 1360px) {
  .flexnav li a{font-size: 14px}
}

/*电脑*/
@media all and (min-width: 1200px) {
  .pcnone{display: none;}
  body.one-page {
    padding-top: 70px;
  }

  .flexnav {
    overflow: visible;
  }

  .flexnav.one-page {
    top: 0;
    right: auto;
    max-width: 1080px;
  }

  .flexnav li {
    position: relative;
    list-style: none;
    float: left;
    display: block;
    width: 11.1%;
    overflow: visible;
  }

  .flexnav li a {border-bottom: none;white-space:nowrap;}
  .flexnav li a:hover {background: #C10001;color: #fff}

  .flexnav li > ul {
    position: absolute;
    top: auto;
    left: 0;
   /* display: block;*/
  }
   .flexnav > li > ul > li {
    width: 100%;
  }

  .flexnav > li > ul > li > ul > li {
    width: 180%!important;
    height: 32px;
    line-height: 32px;
  }
 
 .flexnav li > ul li .touch-button {
  position: absolute;
  z-index: 999;
  top: 0px;
  right: 23px;
  width: 15px;
  height: 15px;
  display: inline-block;
  text-align: center;
}
  .flexnav > li > ul > li .touch-button {
    top: 10px;
    right: 2px;
  }
  .flexnav li ul li > ul {
    margin-left: 100%;
    top: 0;
  }
 
 .flexnav li ul li > ul li{
    width: 100%;
  }

  .flexnav li ul li > ul li .touch-button {
  position: absolute;
  z-index: 999;
  top: 0px;
  right: 5px;
  width: 15px;
  height: 15px;
  display: inline-block;}
  

  .flexnav li ul li a {
    border-bottom: none;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
  }

  .flexnav li ul.open {
    display: block;
    opacity: 1;
    visibility: visible;
    z-index: 1;
  }
 
  .flexnav li ul.open li {
    overflow: visible;
    max-height: 100px;
  }

  .flexnav li ul.open ul.open {
    margin-left: 100%;
    top: 0;
  }

  .menu-button {
    display: none;
  }
}

/*小屏幕电脑*/
@media (min-width: 993px) and (max-width: 1200px) {
  .ly_body{height: 280px;}
  .head_body {
    width: 100%;
    background: url(../images/hbg1.jpg) no-repeat center;
}
  .ban_cover .container .ban1_l img{height: 600px;width:auto;padding: 50px 0 0}
  .ban_cover .container .ban1_r {width: 560px}
  .ban_cover .container .ban1_r .zi{padding-top: 170px;text-align: left;padding-bottom: 40px}
  .ban_cover .container .ban1_r .zi b{font-size: 48px;color: #fff;font-weight: normal;letter-spacing: 4px;}
  .ban_cover .container .ban1_r .zi p{font-size: 22px;color: #fff;line-height: 200%}
  .ban_cover .container .ban1_r img{width: 94%}
  nav{width: 120%;position: relative;top: 0px;left: 0}
  .flexnav li a{ font-size: 15px;}
  .flexnav .touch-button {right: -2px;}
  .flexnav > li > ul > li {width: 120%;}
  .flexnav li > ul li .touch-button {right: 0px;}

  .inner{
    position:relative;
    display:block;
    width:970px;
    height:600px;
    margin:0 auto;
  }

  /*header start*/
  .header{background:#c10001;}
  .header .head_top{display: none;}
  .header .head_body{height: 90px;}
  .header .head_body .logo{padding: 10px 0;background: #fff}
  .header .head_body .logo img{height: 70px;margin: 0 0 0 10px;}
  .header .menu-button{display: block;padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:25px 10px 12px 0;}
  .header .menu-button > i{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
  .header .menu-button .navicon{display: none;}
 
  .header .lan1{display: block;color: #fff}
  .header .lan1 a {display: inline-block;line-height: 90px;padding: 0 8px;color: #fff;}
  .ss{display: none}
  .flexnav li{border-bottom: 1px solid #fff}
  .flexnav li a {
    position: relative;
    display: block;
    overflow: hidden;
    color: #555;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #ccc;
}
.flexnav .touch-button .navicon {
    font-size: 12px;
    color: #666;
    line-height: 40px
}

.flexnav li ul li a {
    display: block;
    background: #cfcfcf;
}
.flexnav ul li ul li a {
    background: #bfbfbf;
}

.flexnav ul li ul li ul li a {
    background: #afafaf;
}
}
/*手机及平板*/
@media (max-width: 992px) {	
  .wapnone{display: none}
	/*header start*/
  .header{background:#c10001;}
	.header .head_top{display: none;}
	.header .head_body{height: 60px;}
	.header .head_body .logo{padding: 5px 0;background: #fff;width: 18%}
	.header .head_body .logo img{height: 50px;margin: 0 0 0 10px;}
	.header .menu-button{display: block;padding: 8px 10px 6px;border: 1px solid #ccc;border-radius: 5px;margin:12px 10px 12px 0;}
	.header .menu-button > i{display: block;margin-bottom: 3px;width: 20px;height: 2px;background: #ccc;}
	.header .menu-button .navicon{display: none;}
 
  .header .lan1{display: block;color: #fff}
  .header .lan1 a {display: inline-block;line-height: 60px;padding: 0 8px;color: #fff;}
  .ss{display: none}
  nav {width: 100%;}
  .flexnav li{border-bottom: 1px solid #fff}
  .flexnav li a {
    position: relative;
    display: block;
    overflow: hidden;
    color: #555;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
}

.flexnav .touch-button {
    position: absolute;
    z-index: 999;
    top: 0px;
    right: 0px;
    width: 40px;
    height: 40px;
    display: inline-block;
    text-align: center;
    background: #ccc;
}
.flexnav .touch-button .navicon {
    font-size: 12px;
    color: #666;
    line-height: 40px
}

.flexnav li ul li a {
    display: block;
    background: #cfcfcf;
}
.flexnav ul li ul li a {
    background: #bfbfbf;
}

.flexnav ul li ul li ul li a {
    background: #afafaf;
}



	/*banner start*/
 .swiper-container{
  height:600px;
  padding-top: 0px
}


  /*company start*/
  .com_r ul li {width: calc(21% - 2px);margin-left: 5%;float: left;border: 1px solid #ccc;margin-bottom: 20px;padding: 20px 0;text-align: center;}
  .com_r ul li:nth-child(1) {margin-left: 0px}

  /*product start*/
  .product .pro_body ul li {width: 47%;margin-left: 6%;float: left;background: #dfdfdf;margin-top: 2%;position: relative;}
  .product .pro_body ul li:nth-child(3n+1) {margin-left: 6%;}
  .product .pro_body ul li:nth-child(2n+1) {margin-left: 0%;}

  /*new start*/
  .new_r {padding-left: 0px;}

  /*footer start*/
  .foot_top{display: none;}
  .foot_body .share {padding: 40px 0 0px;}
  .share span{display: block;}
  .foot_body .copy span{display: block;padding: 0;text-align: center;line-height: 30px;}

  .foot_body .share .span1{position: relative;left: -0px;}
  .foot_body .share .span2{position: relative;left: 0px;}

  /*kefu*/
  #kefu{display: none}
}

/*平板*/
@media (min-width: 768px) and (max-width: 992px) {
	
	/*footer start*/
  .footer .foot_body{margin: 0 auto;}
  .footer .foot_l{width: 100%;float: none;}
  .footer .foot_l p{width: 48%;}
  .footer .foot_l p:nth-child(4) {line-height: 40px;}
  .footer .foot_m img{width: 70%;}

  .inner{
    position:relative;
    display:block;
    width:750px;
    height:600px;
    margin:0 auto;
  }
  .slide1 .b-1{display: none;}
  .slide1 .b-2{left: calc(50% - 250px);right: auto}

  .slide2 .b-1{display: none;}
  .slide2 .b-2{left: calc(50% - 275px);right: auto}

  .slide3 .b-1{display: none;}
  .slide3 .b-2{left: calc(50% - 224px);right: auto}
}

/*手机*/
@media (max-width: 767px) {
  .header .head_body .logo{width: auto}
  .ban_cover .container .ban2_r{width: 100%}
  .ban_cover .container .ban2_r .zi{padding-top: 200px;text-align: left;width: 100%}
  .ban_cover .container .ban2_r .zi b{font-size: 35px;color: #fff;font-weight: normal;letter-spacing: 0px;}
  .ban_cover .container .ban2_r .zi p{font-size: 17px;color: #fff;text-indent: 2em;line-height: 180%;padding-top: 10px}

  .ban_cover .container .ban3_m{text-align: center;padding-top: 200px}
  .ban_cover .container .ban3_m .p1{font-size: 26px;text-align: center;font-weight: bold;color: #fff}
  .ban_cover .container .ban3_m b{height: 80px;line-height: 80px;border-top:1px solid #fff;border-bottom:1px solid #fff;font-size: 40px;font-weight: normal;display: inline-block;margin: 25px 0;color: #fff;letter-spacing: 0px}
  .ban_cover .container .ban3_m .p2{text-align: center;font-size: 18px;color: #fff;letter-spacing: 2px}

  .company{padding: 30px 0 10px;}
  /*.product{padding: 30px 0;background: #F1f1f1}*/
  .news{padding: 30px 0;}
  .hezuo{ padding: 30px 0; background: #F1f1f1 }

  /*company start*/
  .com_r ul li {padding: 10px 0;}

	 /*product start*/
  .product .pro_body ul li {width: 100%;margin-left: 0%;margin-top: 4%;}
  .product .pro_body ul li:nth-child(3n+1) {margin-left: 0%;}

  /*new start*/
 .new_body .new_top .img{width: 45%;overflow: hidden;}
 .new_body .new_top .wz{padding-left: 3%;width: 52%}
 .new_body .new_top .wz em{margin:5px 0 7px 0;}
 .new_body .new_top .wz p{line-height: 140%}


   .inner{
    position:relative;
    display:block;
    width:100%;
    height:600px;
    margin:0 auto;
  }
  .slide1 .b-1{display: none;}
  .slide1 .b-2{left: calc(50% - 180px);right: auto;width: 360px;top: 80px}

  .slide2 .b-1{display: none;}
  .slide2 .b-2{left: calc(50% - 180px);right: auto;width: 360px;top: 80px}

  .slide3 .b-1{display: none;}
  .slide3 .b-2{left: calc(50% - 180px);right: auto;width: 360px;top: 80px}
}

}