@charset "UTF-8";

/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2017-10-18 08:57:34
 * @version $Id$
 */
@font-face {
  font-family: 'Arial';
  src: url('../font/arial.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'ArialBold';
  src: url('../font/arialbd.ttf') format('opentype');
  font-weight: normal;
  font-style: normal;
}


.hpro{
  position: absolute;
  bottom:13%;
  width: 100%;
}
.hpro-swiper .swiper-slide h3{
  color: #ffffff;
  text-align: center;
  font-size: 20px;
  margin-top: 16px;
  text-transform: uppercase;
}
.hpro-img{
  border-radius: 50%;
  overflow: hidden;
}
.hfoot{
  position: absolute;
  bottom:3.2%;
  width: 100%;
}
.hfoot-row{
  display: flex;
  color: #fff;
  justify-content: space-between;
}
.hpro .swiper-button-next{
  background: url("../img/hpro-next.png") no-repeat center;
  right: 3.6%;
}
.hpro .swiper-button-prev{
  background: url("../img/hpro-prev.png") no-repeat center;
  left: 3.6%;
}
.hpro-swiper .swiper-slide .hpro-img{
  /* border: 5px solid #fff; */
  transition: all 0.4s;
}
.hpro-swiper .swiper-slide:hover .hpro-img{
  border:4px solid #009944;
}
/* header */
#banner{
  position: relative;
  width: 100%;
  height: 100vh;
  background-size: cover;
}
.banner-bg{
  background: url("../img/banner.jpg") no-repeat top center;
}
.inside-banner{
  position: relative;
  width: 100%;
  background-size: cover;

}
header {
  width: 100%;
  position: absolute;
  height: 120px;
  z-index: 999;
  width: 100%;
  padding-top: 20px;
  top: 0;
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.5); */
}

.headtop {
  width: 100%;
  overflow: hidden;
  background-color: #126c38;
}

.topmain {
  display: flex;
  height: 60px;
  align-items: center;
  justify-content: flex-end;
  color: #fff;
}

.topmain p {
  margin-left: 10px;
  margin-right: 28px;
}

.header-main {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.logo {
  text-align: center;
}

.nav-ul {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 100%;
}

.head-r {
  display: flex;
}

.head-lang {
  display: flex;
}

.nav-ul {
  margin-right: 35px;
}

.nav-ul li>a {
  display: inline-block;
  font-size: 24px;
  /* line-height: 58px; */
  text-align: center;
  color: #fff;
  position: relative;
  /* transition: all 0.3s; */
  text-transform: uppercase;
  padding-bottom: 18px;
  border-bottom:2px solid transparent;
  
}

.nav-ul li:hover>a,
.nav-ul li.nav-active a {
  border-bottom:2px solid #fff;
}
.nav-ul li:hover.logo a{
  border-bottom:2px solid transparent;
}
.headbom {
  position: relative;
  z-index: 999;
}

.nav-ul li:hover>a::after {
  opacity: 1;
}

.nav-ul li.nav-active a::after {
  opacity: 1;
}

.nav-ul li {
  position: relative;
}

.nav-sub {
  position: absolute;
  top: 58px;
  z-index: 99;
  width: 100%;
  display: none;
}

.nav-sub dl dd {
  background: #e66621;
  width: 100%;
  height: 35px;
  line-height: 35px;
  text-align: center;
  margin-bottom: 2px;
}

.nav-sub dl dd a {
  color: #fff;
}

.nav-sub dl dd:hover {
  background: #e66621;
}

.head-lang-box {
  display: flex;
  width: 180px;
  justify-content: center;
  align-items: center;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  border-right: 1px solid rgba(255, 255, 255, 0.5);
  height: 100px;
  position: relative;
}

.head-on .head-lang-box,
.newsdetail-head .head-lang-box {
  border-left: 1px solid #ededed;
  border-right: 1px solid #ededed;
}

.lang-sub {
  position: absolute;
  background: #fff;
  top: 100px;
  width: 100%;
  display: none;
}

.lang-sub a {
  display: block;
  line-height: 64px;
  height: 64px;
  text-align: center;
  border-bottom: 1px solid #d5d5d5;
}

.lang-sub a:last-child {
  border-bottom: none;
}

.lang-sub a:hover {
  color: #e66621;
}

.head-lang-box>img {
  width: 22px;
}

.head-langimg {
  margin-right: 28px;
}

.head-langtxt img {
  display: block;
  margin-left: 12px;
  width: 13px;
  height: 8px;
}

.head-langtxt {
  font-size: 18px;
  color: #fff;
  display: flex;
  align-items: center;
}

.head-langimg img:last-child {
  display: none;
}

.head-sou img:last-child {
  display: none;
}

.head-langtxt img:last-child {
  display: none;
}

.head-sou {
  display: flex;
  justify-content: center;
  align-items: center;
  padding-left: 60px;
}

.head-soum {
  position: absolute;
  top: 100px;
  left: 0;
  width: 100%;
  background: #fff;
  z-index: 999;
  height: 100px;
  display: none;
}

.head-soum-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 20px;
}

.head-soum form {
  width: 41%;
  display: flex;
  position: relative;
  height: 46px;
  line-height: 46px;
}

.head-soum input {
  border: none;
  border-bottom: 1px solid #4e4e4e;
  width: 100%;
}

.head-soum button {
  border: none;
  background: none;
  position: absolute;
  right: 0;
}



.head-on,
.newsdetail-head {
  background: #fff;
}

.head-on .nav-ul li>a,
.newsdetail-head .nav-ul li>a {
  color: #333333;
}

.head-on .nav-ul li:hover a,
.head-on .nav-ul li.nav-active a {
  color: #e66621;
}

.newsdetail-head .nav-ul li:hover a,
.newsdetail-head .nav-ul li.nav-active a {
  color: #e66621;
}

.head-on .head-langtxt,
.newsdetail-head .head-langtxt {
  color: #333333;
}

.head-on .head-langimg img:last-child,
.newsdetail-head .head-langimg img:last-child {
  display: block;
}

.head-on .head-langimg img:first-child,
.newsdetail-head .head-langimg img:first-child {
  display: none;
}

.head-on .head-sou img:last-child,
.newsdetail-head .head-sou img:last-child {
  display: block;
}

.head-on .head-sou img:first-child,
.newsdetail-head .head-sou img:first-child {
  display: none;
}

.head-on .head-langtxt img:last-child,
.newsdetail-head .head-langtxt img:last-child {
  display: block;
}

.head-on .head-sou img:first-child,
.newsdetail-head .head-sou img:first-child {
  display: none;
}




.head-on,
.newsdetail-head {
  border-bottom: none;
}

.head-on .head-langtxt .lan-arrow-white {
  display: none !important;
}

.newsdetail-head .head-langtxt .lan-arrow-white {
  display: none !important;
}

@media (max-width: 1600px) {

}

@media (max-width: 1400px) {

}

@media (max-width: 1200px) {


  .hotline-wrap p {
    margin-left: 8px;
  }
}
.mblogo{
  display: none;
}
@media (max-width: 991px) {
  .nav-ul {
    display: none;
  }
  .mblogo{
    display: block !important; 
  }
  .hotline-wrap {
    display: none;
  }

  .header-main {
    height: 70px;
    border: none;
  }

  .head-lang {
    display: none;
  }

  .logo img {
    width: 100%;
  }

  .headbom {
    height: 0;
  }

  .topmain img {
    display: none;
  }

  .topmain p {
    display: none;
  }

  .topmain {
    height: 70px;
  }

  .logo {
    width:140px;
    top: -64px;
  }

  header {
    height: 70px;
  }
  .headbom {
    padding: 0 30px;
  }
}

@media (max-width: 500px) {
  .headbom {
    padding: 0 15px;
  }
}

/* banner */
.banner-btn .container {
  position: relative;
}

.banner-btn {
  position: relative;
  top: -110px;
}

.banner-swiper .swiper-button-next {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  background: url('../img/banner-next.png') no-repeat center;
  border: 2px solid #fff;
}

.banner-swiper .swiper-button-prev {
  width: 60px;
  height: 60px;
  background: rgba(255, 255, 255, 0.3);
  background: url('../img/banner-prev.png') no-repeat center;
  border: 2px solid #fff;
  left: auto;
  right: 68px;
}

/* 底部 */
#footer {
  width: 100%;
  padding-top: 70px;
  padding-bottom: 40px;
  background: #292929;
  overflow: hidden;
}

.footer-top {
  display: flex;
  justify-content: space-between;
}

.footer-topl {
  width:22.5%;
}

.footer-topr {
  width: 65%;
}

.footer-navul {
  display: flex;
  justify-content: space-between;
}
.footer-navul li{
  width:40%;
}
.footer-navul-row{
  display: flex;
  justify-content: space-between;
}
.footer-copy {
  display: flex;
  padding-top: 40px;
  border-top: 1px solid #525252;
  justify-content: space-between;
  margin-top: 60px;
  font-size: 18px;
  color: #fff;
  font-family: 'SanRegular';
}

.footer-topltxt {
  margin-top: 20px;
  line-height: 35px;
}

.footer-navul li>a {
  font-size: 26px;
  color: #fff;
  font-family: 'SanRegular';
}

.footer-lastrowtxt {
  font-family: 'SanRegular';
  font-size: 18px;
}

.footer-navul li dl {
  margin-top:40px;
}

.footer-navul li dl dd {
  line-height: 35px;
  display: flex;
}

.footer-navul li dl dd .footerdd-img {
  text-align: center;
  width: 22px;
  margin-right: 12px;
}

.footer-navul li dl dd.last-dd {
  padding-left: 35px;
}

.footcode {
  color: #fff;
}

.footer-code {
  margin-top: 30px;
}

.footer-code h4 {
  margin-top: 18px;
  text-align: center;
  color: #b5b5b5;
}

.footer-navul li dl dd a {
  color: #a0a0a0;
  font-size: 18px;
}

.footer-nav-t {
  color: #fff;
}

.footer-contact dl dd a {
  display: block;
}

.footer-contact-icon {
  padding-right: 12px;
}

.footer-nav-line span {
  display: block;
  width: 186px;
  height: 10px;
}

.footer-nl-l {
  background: #e60012;
  margin-right: 5px;
}

.footer-nl-r {
  background: #1d2088;
}

.footer-nav-line {
  display: flex;
  margin: 14px 0 8px;
}

.footer-nav-since {
  display: flex;
  align-items: center;
}

.since-line {
  width: 125px;
  height: 1px;
  background: #b5b5b5;
}

.footer-nav-since span {
  display: block;
  color: #b5b5b5;
  padding: 0 10px;
}

.footer-nav-logo {
  display: flex;
  align-items: center;
  margin-top: 20px;
}

.footer-nav-logol {
  margin-right: 30px;
}

.footer-lastrow {
  display: flex;
  margin-bottom: 30px;
}

.footer-lastrowimg {
  width: 48px;
  height: 48px;
  border: 1px solid #ffffff;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: 30px;
}

.footer-last {
  margin-top: 55px;
}

.footer-lastrowtxt {
  color: #fff;
}

.footer-logo {
  margin-bottom: 26px;
}

.footer-topl h3{
  font-size: 24px;
  font-family: 'ArialBold';
  margin-bottom: 40px;
}
.footer-topl{
  color: #fff;
}
.footer-topl h4{
  font-size: 18px;
  font-family: 'Arial';
  color: #a0a0a0;
  line-height: 40px;
}
.copy-r .bshare-custom {
  display: flex;
}

.copy-r .bshare-custom a {
  display: block;
  width: 35px;
  height: 35px;
  margin: 0 5px;
}

.copy-r .bshare-custom .bshare-tel {
  background: url("../img/copy-icon1.png") no-repeat center;
}

.copy-r .bshare-custom .bshare-facebook {
  background: url("../img/copy-icon2.png") no-repeat center;
}

.copy-r .bshare-custom .bshare-instapaper {
  background: url("../img/copy-icon3.png") no-repeat center;
}

.copy-r .bshare-custom .bshare-twitter {
  background: url("../img/copy-icon4.png") no-repeat center;
}

.copy-r .bshare-custom .bshare-dou {
  background: url("../img/copy-icon5.png") no-repeat center;
}
.footer-share{
  position: relative;
  margin-top: 40px;
}
.footer-code{
  position: absolute;
  top: -75px;
  left:236px;
  transition: all 0.3s;
  display: none;
}
.footer-dd-rimg{
  margin-right: 15px;
}

.footer-copy-m{
  display: flex;
  justify-content: space-between;
  font-size: 18px;
  color: #a0a0a0;
  font-family: 'Arial';
}
@media (max-width: 1400px) {
  .footer-topr {
    width: 70%;
  }
  .footer-navul li{
    width: 45%;
  }
}

@media (max-width: 991px) {
  .footer-topl {
    display: none;
  }

  .footer-topr {
    width: 100%;
  }

  .footer-copy {
    display: block;
    text-align: center;
    padding-top: 20px;
    margin-top: 0px;
    font-size: 16px;
  }

  .footcode {
    display: none;
  }

  .footer-logobox {
    display: none;
  }

  #footer {
    padding-top: 50px;
  }

  .footer-copy {
    margin-top: 50px;
  }

  .footer-navul li>a {
    font-size: 20px;
  }

  .footer-navul li dl dd a {
    font-size: 16px;
  }

  .footer-navul li dl {
    margin-top: 20px;
  }

  .footer-last {
    margin-top: 20px;
  }

  .footer-lastrowtxt {
    font-size: 16px;
  }

  .footer-lastrow {
    font-size: 16px;
  }

  .banner-swiper .swiper-button-prev {
    width: 40px;
    height: 40px;
    top: 20px;
  }

  .banner-swiper .swiper-button-next {
    width: 40px;
    height: 40px;
    top: 20px;
  }

  .banner-btn {
    top: -45px;
  }
  .footer-copy-m{
    display: block;
    font-size: 16px;
    line-height: 30px;
  }
  #footer{
    padding-bottom: 20px;
  }
  .footer-navul li dl dd{
    margin-bottom: 10px;
  }
}

@media (max-width: 600px) {
  .footer-contact {
    width: 100% !important;
  }

  .footer-navul {
    flex-wrap: wrap;
  }

  .footer-navul li {
    width:80%;
    margin-bottom: 20px;
  }

  .footer-navul li:last-child {
    width: 100%;
  }

  .footer-navul li dl dd {
    line-height: 28px;
  }

  .footer-navul li dl {
    margin-top: 15px;
  }

  #footer {
    padding-top: 30px;
    padding-bottom: 20px;
  }

  .footer-copy {
    display: block;
    text-align: center;
    line-height: 30px;
  }

  .footer-copy {
    font-size: 14px;
  }

  .footer-navul li dl dd a {
    font-size: 14px;
  }

  .footer-navul li>a {
    font-size: 16px;
  }

  .footer-lastrowtxt {
    font-size: 14px;
  }

  .footer-copy {
    margin-top: 0;
  }



}

@media (max-width:449px) {
  .footer-navul li {
    width:100%;
  }
}


@media(max-width:1800px){
  .hpro .swiper-button-next{
    right:1%;
  }
  .hpro .swiper-button-prev{
    left: 1%;
  }
}
@media(max-width:1400px){
  .nav-ul li>a{
    font-size: 18px;
  }
  .hpro-swiper .swiper-slide h3{
    font-size: 16px;
  }
}
@media(max-width:991px){
  .banner-bg{
    background: url("../img/mb-banner.jpg") no-repeat top center;
  }
  .hfoot-row{
    display: block;
    text-align: center;
  }
  .hpro{
    padding: 0 40px;
    bottom:20%;
  }

}





/*内页 - 关于我们*/
.mater{
  padding: 100px 0;
}
.mater-box{
  background: url("../img/about-topbg.jpg") no-repeat top center;
}
.inside-tit{
  font-size: 60px;
  font-family: 'ArialBold';
  color: #292929;
}
.tc{
  text-align: center;
}
.mater-txt{
  padding: 80px 0;
  font-size: 18px;
  line-height: 35px;
  text-align: center;
}
.mater-num ul li a{
  border: 2px solid #eeeeee;
  display: block;
  padding: 50px 0;
  text-align: center;
}
.mater-num-txt h3 span{
  font-size:54px;
  font-family: 'ArialBold';
  color: #292929;
  margin-right: 5px;
}
.mater-num-txt h3{
  font-size:24px;
  font-family: 'ArialBold';
  white-space:nowrap;
  color: #292929;

}
.mater-num-txt h4{
  font-size: 18px;
  color: #555555;
  margin-top: 20px;
}
.mater-num-ul{
  display: flex;
  justify-content: space-between;
  overflow: hidden;
}
.mater-num-ul li{
  width: 24%;  
}
.mater-num-ul li:hover a{
  background: #009944;

}
.mater-num-ul li:hover a h3,.mater-num-ul li:hover a h4,.mater-num-ul li:hover a h3 span{
  color: #fff;
}
.mater-num-ul li:hover a{
  border: 2px solid #009944;
}
.honor{
  overflow: hidden;
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
  background: #fff;
  opacity: 1;
  height:3px;
}
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
  background: #009944;
}
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
  background: #009944;
}

.content_6 > .mCustomScrollBox > .mCSB_scrollTools {
  width: 83%;
  margin: 20px auto 0;
}
.mCSB_scrollTools .mCSB_draggerContainer{
  top: -50px;
}
.honor{
  position: relative;
}
.honor .inside-tit{
  position: absolute;
  z-index: 999;
  left: 50%;
  transform: translateX(-50%);
  top: 12%;
  white-space: nowrap;
}
.touch-m{
  display: flex;
  overflow: hidden;
}
.touch-l{
  width: 50%;
  padding-right: 100px;
}
.touch-r{
  width: 50%;
}
.touch{
  padding: 100px 0;
}
.touch-form-input{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.touch-form-input input{
  height: 78px;
  border: 1px solid #c9c9c9;
  width: 48%;
  margin-bottom: 20px;
  padding: 0 20px;
}
.touch-form{
  margin-top: 50px;
}
.touch-form textarea{
  border: 1px solid #c9c9c9;
  width: 100%;
  padding: 20px;
}
.touch-form button{
  display: block;
  height: 100px;
  background: #009944;
  width: 100%;
  border: none;
  font-size: 30px;
  color: #fff;
  font-family: 'ArialBold';
  margin-top:15px;
}

@media(max-width:1700px){
  .mater-num-txt h3 span{
    font-size: 40px;
  }
  .touch-l{
    padding-right:50px;
  }
  .touch-form{
    margin-top: 30px;
  }
}
@media(max-width:1600px){
  .touch-form-input input{
    height: 60px;
  }
  .touch-form button{
    height: 80px;
    line-height: 80px;
  }
}
@media(max-width:1400px){
  .mater-num-ul{
    flex-wrap: wrap;
  }
  .mater-num-ul li{
    width: 48%;
    margin-bottom: 20px;
  }
}

@media(max-width:1200px){
  .touch-m{
    display: block;
  }
  .touch-l{
    width: 100%;
    padding-right: 0;
  }
  .touch-r{
    width: 100%;
    margin-top: 40px;
  }
}

@media(max-width:991px){
  .mater-num-txt h3 span{
    font-size: 32px;
  }
  .mater-num-txt h3{
    font-size: 18px;
  }
  .inside-tit{
    font-size: 32px;
  }
  .mater{
    padding:50px 0;
  }
  .mater-txt{
    padding: 20px 0;
    font-size: 16px;
    line-height: 28px;
  }
}


@media(max-width:600px){
  .mater-num-ul li{
    width:100%;
    margin-bottom:15px;
  }
  .inside-tit{
    font-size:24px;
  }
}

@media(max-width:449px){
  .touch-form-input input{
    width: 100%
  }
  .touch-form button{
    font-size: 20px;
  }
  .touch{
    padding: 30px 0 30px;
  }
}

.pro{
  padding:100px 0;
}
.pro-m{
  margin-top: 60px;
}
.in-more{
  width: 336px;
  height: 70px;
  background: #009944;
  font-size: 18px;
  font-family: 'ArialBold';
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 70px auto 0;
}
.in-more a{
  color: #fff;
  margin-right:20px;
}
.pro-m ul li h3{
  font-size: 30px;
  font-family: 'ArialBold';
  text-align: center;
  color: #292929;
  padding: 20px 0 30px;
  display: inline-block;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
}
@media(max-width:1200px){
  .inside-banner-img{
    position: relative;
  }
  
}
@media(max-width:991px){
  .inside-banner-img img{
    height: 450px;
    width: auto;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
  .inside-banner .hpro{
    bottom: 5%;
  }
  .hpro-swiper .swiper-slide h3{
    font-size: 14px;
  }
  .pro{
    padding: 40px 0 30px;
  }
  .pro-m{
    margin-top: 30px;
  }
  .pro-m ul li h3{
    font-size: 18px;
    padding: 15px 0;
  }
  .in-more{
    width: 80%;
    margin:20px auto 0;
  }
}


.prod{
  overflow: hidden;
}
.prod-topm{
  display: flex;
  padding: 0 160px;
}
.prod-params{
  padding: 0 160px;
}
.prod-topml{
  width: 50%;
  padding-right:40px;
}
.prod-topr{
  width: 50%;
  padding-left:40px;
}
.prod-top{
  padding: 120px 0px;
}
.prod-big ul li{
  display: none;
}
.prod-small{
  margin-top: 26px;
}
.prod-topr-txt h3{
  font-size: 50px;
  font-family: 'HEITI';
  color: #222222;
}
.prod-top-txtm{
  font-size: 18px;
  border-top: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  margin-top: 38px;
  line-height: 35px;
  padding: 40px 0;
}
.prod-topr{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.prod-topr-more{
  display: flex;
  justify-content: space-between;
}
.prod-topr-more a{
  display: block;
  height: 120px;
  width:48%;
  background: #009944;
  font-size: 24px;
  text-align: center;
  line-height: 120px;
  font-family: 'HEITI';
  color: #fff;
}
.prod-topr-more a.on,.prod-topr-more a:hover{
  background: #009944;
  color: #fff;
}
.prodSmall-swiper .swiper-slide{
  border: 2px solid #fff;
}
.prodSmall-swiper .swiper-slide.on{
  border: 2px solid #009944;
}

.prod-top-txtm{
  height: 480px;
  overflow: hidden;
}

.prod-paramstxt{
  background: #292929;
  color: #fff;
  padding: 230px 0;
}
.prod-params{
  padding-bottom: 100px;
}
.prod-paramstxt h4{
  font-family: 'ArialBold';
  font-size: 36px;
  text-align: center;
}

@media(max-width:1600px){
  .prod-topm{
    padding: 0;
  }
  .prod-params{
    padding: 0 0 100px;
  }
}
@media(max-width:1400px){
  .prod-topr-txt h3{
    font-size: 32px;
  }
  .prod-top-txtm{
    font-size: 16px;
    height: 400px;
  }
  .prod-topr-more a{
    height: 80px;
    line-height: 80px;
    font-size: 20px;
  }
  .prod-topr{
    padding-left: 40px;
  }
}
@media(max-width:1200px){
  .prod-top-txtm{
    font-size: 16px;
    height: 350px;
  }
}
@media(max-width:991px){
  .prod-topm{
    display: block;
  }
   .prod-topr-txt h3{
    font-size: 22px;
  }
  .prod-topm .prod-topml{
    width: 100%;
    padding-right: 0;
  }
  .prod-topr{
    width: 100%;
    padding-left: 0;
    margin-top: 40px;
  }
  .prod-paramstxt h4{
    white-space: nowrap;
    font-size:24px;
  }
  .prod-paramstxt{
    background: #292929;
    color: #fff;
    padding:100px 0;
  }
  .prod-top{
    padding: 50px 0 0;
  }
  .prod-params{
    padding: 40px 0 40px;
  }
}
.method-txt img{
  width: 100%;
}
.method{
  padding: 100px 0;
}
.method-txt{
  margin-top: 40px;
}
.method-txt p{
  color: #555555;
  font-size: 22px;
  line-height: 35px;
  margin-bottom: 100px;
}
.net{
  background: #fafafa;
  padding: 100px 0;
}
@media(max-width:991px){
  .method{
    padding: 50px 0;
  }
  .method-txt p {
    text-align: center;
    font-size: 16px;
    line-height: 28px;
    margin-bottom: 50px;
  }
  .method-txt{
    margin-top: 20px;
  }
  .net{
    padding: 50px 0;
  }
}

.coninfo{
  padding: 100px 0;
  overflow: hidden;
}
.coninfo-m ul{
  display: flex;
  justify-content: space-between;
}
.coninfo-m{
  margin-top: 60px;
  overflow: hidden;
}
.coninfo-m ul li{
  width: 48%;
}
.coninfo-txt h4{
  font-size: 30px;
  font-family: 'ArialBold';
  color: #292929;
}
.coninfo-txt{
  margin-top: 30px;
}
.coninfo-txt-p{
  margin-top:20px;
  font-size: 18px;
  color: #555555;
  line-height: 35px;
}
.conmsg{
  background: #fafafa;
  padding: 100px 0;
}
.conmsg-form{
  margin-top: 60px;
}

.conmsg-form input{
  height: 70px;
  border: 1px solid #c9c9c9;
  margin-bottom: 20px;
  padding: 0 20px;
}

.conmsg-input{
  display: flex;
  justify-content: space-between;
}
.conmsg-add{
  display: flex;
  justify-content: space-between;
}
.conmsg-add input{
  width: 48%;
}
.conmsgf-box{
  display: flex;
  justify-content: space-between;
}
.conmsgf-l{
  width: 49%;
}
.conmsgf-r{
  width: 49%;
}
.conmsgf-l input{
  width: 100%;
}
.conmsgf-lt{
  display: flex;
  justify-content:space-between;
}
.conmsgf-lt input{
  width: 48%;
}
.conmsg-form textarea{
  border: 1px solid #c9c9c9;
  width: 100%;
  padding: 20px;
}
.conmsg-form button{
  display: block;
  width: 180px;
  height: 70px;
  background: #009944;
  color: #fff;
  border: none;
  margin: 40px auto 0;
  border-radius:3px;
  font-size: 20px;
  font-family: 'ArialBold';
}
@media(max-width:1200px){
  .coninfo-txt h4{
    font-size: 22px;
  }
  .coninfo-txt-p {
    margin-top: 10px;
    font-size: 16px;
    color: #555555;
    line-height: 28px;
  }
}

@media(max-width:991px){
  .coninfo-m ul{
    display: block;
  }
  .coninfo-m ul li{
    width: 100%;
    margin-bottom: 30px;
  }
  .coninfo{
    padding: 40px 0;
  }
  .coninfo-m{
    margin-top: 30px;
  }
  .coninfo-txt{
    margin-top: 20px;
  }
  .conmsgf-lt input {
      width: 100%;
  }
  .conmsgf-lt{
    flex-wrap: wrap;
  }
  .conmsg{
    padding: 50px 0;
  }
  .conmsg-form{
    margin-top: 30px;
  }
  .conmsg-form button{
    font-size: 18px;
  }
}
@media(max-width:449px){
  .conmsgf-l{
    width: 100%;
  }
  .conmsgf-box{
    flex-wrap: wrap;
  }
  
}
.nav-flex{
  display: flex;
  width: 100%;
}
.nav-ul{
  width: 30%;
  margin-right: 0;
}
.nav-flex .logo{
  width: 40%;
  text-align: center;
}
.nav-flex .logo img{
  width: auto;
  display: inline-block;
}
.nav-flex .logo a{
  display: block;
}
@media(max-width:1600px){

  .nav-flex .logo{
    width: 30%;
  }
  .nav-ul{
    width: 35%;
  }
}

@media(max-width:1400px){
  .nav-flex .logo{
    width: 30%;
  }
  .nav-ul{
    width: 35%;
  }
}

@media(max-width:1200px){
  .nav-flex .logo{
    width: 30%;
  }
  .nav-ul{
    width: 35%;
  }
  .nav-ul li>a{
    white-space: nowrap;
  }
}
.pc{
  display: block !important;
}
.mb{
  display: none !important;
}
@media(max-width:991px){
  .nav-flex .logo{
    display: none;
  }
  .pc{
    display: none !important;
  }
  .mb{
    display: block !important;
  }
}
.prod-back{
  display: flex;
  justify-content: flex-end;
  margin-bottom: 30px;
}
.prod-back h5{
  width: 118px;
  height: 38px;
  border: 1px solid #22ac38;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #22ac38;
  cursor: pointer;
  
}
.prod-back h5:hover{
  border: 1px solid #22ac38;
  color: #fff;
  background: #22ac38;
}


/*******202-1-17新增关于一维代码 ******/
.aboutn{
  background: url("../img/aboutn-bg.jpg") no-repeat top center;
  margin: 80px 0;
}
.aboutn-top h3{
    font-size: 30px;
    color: #e60012;
    text-align: center;
    font-family: 'ArialBold';
    line-height:50px;
}
.aboutn-box{
  margin-top: 90px;
}
.aboutn-box ul li a{
  display: block;
  position: relative;
}
.aboutn-box ul li h4{
  position: absolute;
  top: 30px;
  left: 30px;
  z-index: 66;
  color: #fff100;
  font-size: 24px;
  font-family: 'ArialBold';
  width: 500px;
  line-height:35px;
}
.aboutn-box ul li{
  margin-bottom: 80px;
}
.aboutn-box ul li.col-md-6{
  padding-left: 40px !important;
  padding-right: 40px !important;
}
.aboutn-box ul.row{
  margin-left: -40px;
  margin-right:-40px;
}
@media(max-width:991px){
  .aboutn-box ul li.col-md-6{
    padding-left:15px !important;
    padding-right: 15px !important;
  }
  .aboutn-box ul.row{
    margin-left: -15px;
    margin-right:-15px;
  }
  .aboutn-box ul li{
    margin-bottom: 30px;
  }
  .aboutn-top h3{
    font-size: 24px;
    line-height: 40px;
  }
  .aboutn-box{
    margin-top: 40px;
  }
  .aboutn{
    margin: 40px 20px;
  }
  .aboutn-box ul li h4{
  left: 10px
}
}