.daohang .container {
     width: 76%;
   }


   @media (max-width: 1650px) {
     .daohang .container {
       width: 80%;
     }
   }

   .daohang {
     line-height: 95px;
     position: fixed;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 999;
     font-family: 'Myriad Pro';

   }


   .daohang.actives {
     background: #fff;
     box-shadow: 0 0px 15px 0px rgba(29, 56, 75, 0.17);
   }

   .daohang_pc {
     display: inline-block;
     width: 100%;
   }

   .daohang_phone {
     display: none;
   }

   .daohang.actives .daohang_pc {
     display: none;
   }

   .daohang.actives .daohang_phone {
     display: inline-block;
   }

   .daohang.actives .daohang_fr span {
     border-left: 1px solid #333;
   }

   .daohang.actives .daohang_ul li a::after {
     background: #2a933c;
   }

   .daohang.actives .daohang_fr .iconfont,
   .daohang.actives .daohang_ul li a,
   .daohang.actives .daohang_fl a {
     color: #333;
   }

   .daohang_fl {
     width: 35%;
     float: left;
   }

   .daohang_fl a {
     color: #fff;
     font-size: 1.3rem;
     font-weight: 300;
     display: inline-block;
   }

   .daohang_fl a:nth-of-type(3),
   .daohang_fl a:nth-of-type(2) {
     position: relative;
     top: 3px;
   }

   .daohang_fl a:nth-of-type(2) {
     margin-right: 5px;
     margin-left: 15px;
   }

   .daohang_fr span {
     padding-left: 30px;
     height: 12px;
     border-left: 1px solid #fff;
   }

   .daohang_fr .iconfont {
     color: #fff;
     font-size: 1.375rem;
     position: relative;
     top: 3px;
   }

   .daohang_ul>li {
     display: inline-block;
     margin-right: 1.3rem;
     position: relative;
   }

   .daohang_ul>li>a {
     color: #fff;
     font-size: 1.3125rem;
     display: block;
     position: relative;
     font-weight: 300;
   }

   .daohang_ul>li>a::after {
     position: absolute;
     left: 0;
     bottom: -5px;
     height: 4px;
     width: 0;
     background: #fff;
     content: "";
     display: block;
   }

   .daohang_ul>li.active>a::after,
   .daohang_ul>li:hover>a::after {
     width: 100%;

   }

   /* .daohang_ul li.active a,
.daohang_ul li:hover a{
  color: #2a933c;
} */
   .banner .swiper-button-next,
   .banner .swiper-button-prev {
     background: none;
     border-radius: 50%;
     top: auto;
     bottom: 13%;
   }

   .banner .swiper-button-next img,
   .banner .swiper-button-prev img {
     border-radius: 50%;
   }

   .banner .swiper-slide {
     width: 100% !important;
   }

   .banner .swiper-button-next {
     left: 28%;
     right: auto;
   }

   .banner .swiper-button-prev {
     left: 22%;
   }

   .banner_ico {
     position: absolute;
     left: 16%;
     bottom: 4%;
     z-index: 55;
     -webkit-animation: run1 1s infinite linear;
     -moz-animation: run1 1s infinite linear;
     -ms-animation: run1 1s infinite linear;
     -o-animation: run1 1s infinite linear;
     animation: run1 1s infinite linear;
   }

   @keyframes run1 {
     from {
       bottom: 4%;
       opacity: 0;
     }

     to {
       bottom: 0%;
       opacity: 1;
     }
   }

   .about .bg {
     z-index: 4;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-repeat: no-repeat;
     background-position: 0 36%;
     background-size: 70%;
     background-color: transparent;
   }

   .about .bg2 {
     z-index: 4;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     background-repeat: no-repeat;
     background-position-x: 0 !important;
     background-size: 10%;
   }

   .about {
     padding: 70px 0 105px 0;
   }

   .about_wid {
     position: relative;
     z-index: 40;
   }

   .about_wid .fl {
     width: 50%;
     text-align: right;
   }

   .about_fr {
     width: 50%;
     color: #787878;
     font-size: 0.9375rem;
     line-height: 30px;
     padding: 0 0 0 80px;
   }

   .about_a {
     text-align: right;
     margin-top: 20px;
   }

   .about_a a {
     display: inline-block;
     color: #3d3d3d;
     font-size: 0.9375rem;

   }

   .about_a a span {
     margin-left: 15px;
     width: 23px;
     height: 23px;
     line-height: 23px;
     border-radius: 50%;
     text-align: center;
     color: #fff;
     display: inline-block;
     background-image: -moz-linear-gradient(49deg, rgb(225, 213, 72) 0%, rgb(0, 96, 39) 100%);
     background-image: -webkit-linear-gradient(49deg, rgb(225, 213, 72) 0%, rgb(0, 96, 39) 100%);
     background-image: -ms-linear-gradient(49deg, rgb(225, 213, 72) 0%, rgb(0, 96, 39) 100%);
     box-shadow: 1px 1.732px 5px 0px rgba(0, 0, 0, 0.15);
   }


   .about_div {
     position: relative;
   }

   .about_div>div {
     width: 50%;
   }

   .about_div>div:nth-of-type(2) {
     position: relative;
     z-index: 50;
   }

   .about_div_size {
     text-align: center;
   }

   .about_div_size div {
     color: #787878;
     font-size: 0.9375rem;
     margin-top: 10px;
   }

   .about_div_size p {
     /* background-image: -moz-linear-gradient( 49deg, rgb(225,213,72) 0%, rgb(0,96,39) 100%);
  background-image: -webkit-linear-gradient( 49deg, rgb(225,213,72) 0%, rgb(0,96,39) 100%);
  background-image: -ms-linear-gradient( 49deg, rgb(225,213,72) 0%, rgb(0,96,39) 100%);
  -webkit-background-clip: text; */
     color: rgb(121, 186, 24);
     font-size: 1.4375rem;
   }

   .about_div_size p span {
     font-size: 40px;
     font-family: 'Myriad Pro';
     /* background-image: -moz-linear-gradient( 49deg, rgb(225,213,72) 0%, rgb(0,96,39) 100%);
    background-image: -webkit-linear-gradient( 49deg, rgb(225,213,72) 0%, rgb(0,96,39) 100%);
    background-image: -ms-linear-gradient( 49deg, rgb(225,213,72) 0%, rgb(0,96,39) 100%);
    -webkit-background-clip: text; */
     color: rgb(121, 186, 24);
   }

   .about_fl {
     position: absolute;
     left: 0;
     bottom: 0;
   }

   .about_padd {
     color: #5d5d5d;
     font-size: 1.375rem;
     padding: 90px 0 0 230px;
     position: relative;
   }

   .about_padd::after {
     position: absolute;
     left: 0;
     bottom: 10%;
     width: 195px;
     height: 1px;
     content: "";
     display: block;
     background: #dce1e6;
   }

   img.classGo,
   .pic.classGo {
     transition: all 1.2s ease-out;
     -webkit-transition: all 1.2s ease-out;
     -moz-transition: all 1.2s ease-out;
     -o-transition: all 1.2s ease-out;
     -ms-transition: all 1.2s ease-out;
     transform: scale(1.1);
     -webkit-transform: scale(1.1);
     -moz-transform: scale(1.1);
     -o-transform: scale(1.1);
     -ms-transform: scale(1.1);
     filter: blur(30px);
     visibility: visible !important;
   }

   img.classGo.go,
   .pic.classGo.go {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     -ms-transform: none;
     filter: blur(0);
   }

   /* 首页产品 */
   .r3 {
     position: relative;
     padding-bottom: 0;
   }

   .r3 .r-main {
     position: relative;
     z-index: 10;
   }

   .r3 .r-main .home-pro {
     text-align: right;
     position: relative;
     margin-top: 1rem;
     z-index: 10;
     min-height: 454px;
   }

   .r3 .r-main .home-pro>li {
     position: absolute;
     width: 100%;
     z-index: 1;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transform: translateY(30px);
     transition: all 0.8s ease-in-out;
   }

   .r3 .r-main .home-pro>li.on {
     z-index: 3;
     opacity: 1;
     transform: none;
     visibility: visible;
     pointer-events: auto;
   }

   .r3 .r-main .home-pro>li .r-left {
     position: absolute;
     height: 100%;
     width: calc(100%/3);
     top: 0;
     left: 0;
     text-align: left;
   }

   .r3 .r-main .home-pro>li .r-left .msg-box {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
   }

   .r3 .r-main .home-pro>li .r-left .msg-box>ul {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 25%;
     left: 0;
   }

   .r3 .r-main .home-pro>li .r-left .msg-box>ul>li {
     padding: 0 0 20% 0;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     opacity: 0;
     visibility: hidden;
     pointer-events: none;
     transition: all 0.5s ease-out;
     transform: translateY(-30px);
     -webkit-transform: translateY(-30px);
     -moz-transform: translateY(-30px);
     -o-transform: translateY(-30px);
     -ms-transform: translateY(-30px);
   }

   /* .r3 .r-main .home-pro > li .r-left .msg-box > ul > li > a {
    position: absolute;
    bottom: 6%;
    left: 0;
  } */
   .r3 .r-main .home-pro>li .r-left .msg-box>ul>li.on {
     opacity: 1;
     visibility: visible;
     pointer-events: auto;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     -ms-transform: none;
   }

   .r3 .r-main .home-pro>li .r-left .msg-box>ul>li.move {
     opacity: 1;
     visibility: visible;
     animation: fadeInUpSmall 1.2s ease-in-out forwards;
   }

   .r3 .r-main .home-pro>li .r-right {
     text-align: left;
     width: calc(200%/3);
     display: inline-block;
     position: relative;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider {
     width: calc(300%/4);
     margin: auto;
     position: relative;
     opacity: 1;
     transition: all 0.6s ease-out;
     -webkit-transition: all 0.6s ease-out;
     -moz-transition: all 0.6s ease-out;
     -o-transition: all 0.6s ease-out;
     -ms-transition: all 0.6s ease-out;
     transform: translateY(20px);
     -webkit-transform: translateY(20px);
     -moz-transform: translateY(20px);
     -o-transform: translateY(20px);
     -ms-transform: translateY(20px);
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 5;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li {
     background: #ffffff;
     background-size: contain;
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     border-radius: 46px;
     transform: scale(0.4) translateX(-90px);
     -webkit-transform: scale(0.4) translateX(-90px);
     -moz-transform: scale(0.4) translateX(-90px);
     -o-transform: scale(0.4) translateX(-90px);
     -ms-transform: scale(0.4) translateX(-90px);
     opacity: 0;
     pointer-events: none;
     z-index: 2;
     transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9);
     transform-origin: 0 50%;
     box-shadow: 0 23px 15px -10px rgba(29, 56, 75, 0.17);
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .pic {
     /* width: calc(200%/3); */
     position: relative;
     z-index: 10;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     opacity: 0;
     /* top: 10%;
    height: 70%; */
     background-repeat: no-repeat;
     background-position: center;
     background-size: contain;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .type {
     letter-spacing: 30px;
     color: #eff3f6;
     z-index: 3;
     text-align: center;
     width: 90%;
     height: 90%;
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     line-height: 150px;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .note {
     position: absolute;
     z-index: 5;
     transform: translateX(-50%);
     -webkit-transform: translateX(-50%);
     -moz-transform: translateX(-50%);
     -o-transform: translateX(-50%);
     -ms-transform: translateX(-50%);
     transform-origin: 100% 50%;
     bottom: 8%;
     left: 50%;
     white-space: nowrap;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li .num {
     position: absolute;
     display: inline-block;
     width: calc(100%/6);
     text-align: center;
     bottom: 20px;
     right: 0;
     z-index: 5;
     opacity: 0;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.on {
     transform: scale(1) translateX(0px);
     -webkit-transform: scale(1) translateX(0px);
     -moz-transform: scale(1) translateX(0px);
     -o-transform: scale(1) translateX(0px);
     -ms-transform: scale(1) translateX(0px);
     pointer-events: auto;
     opacity: 1;
     z-index: 10;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.on .pic {
     opacity: 1;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.n1 {
     transform: scale(0.8) translateX(-30px);
     -webkit-transform: scale(0.8) translateX(-30px);
     -moz-transform: scale(0.8) translateX(-30px);
     -o-transform: scale(0.8) translateX(-30px);
     -ms-transform: scale(0.8) translateX(-30px);
     opacity: 0.8;
     z-index: 8;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.n2 {
     transform: scale(0.6) translateX(-70px);
     -webkit-transform: scale(0.6) translateX(-70px);
     -moz-transform: scale(0.6) translateX(-70px);
     -o-transform: scale(0.6) translateX(-70px);
     -ms-transform: scale(0.6) translateX(-70px);
     opacity: 0.6;
     z-index: 7;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.move {
     transform: scale(1) translateX(30px);
     -webkit-transform: scale(1) translateX(30px);
     -moz-transform: scale(1) translateX(30px);
     -o-transform: scale(1) translateX(30px);
     -ms-transform: scale(1) translateX(30px);
     pointer-events: none;
     opacity: 0;
     z-index: 7;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li.cur_move {
     transform: scale(1) translateX(0px);
     -webkit-transform: scale(1) translateX(0px);
     -moz-transform: scale(1) translateX(0px);
     -o-transform: scale(1) translateX(0px);
     -ms-transform: scale(1) translateX(0px);
     pointer-events: none;
     opacity: 1;
     z-index: 10;
   }

   .r3 .r-main .home-pro>li .r-right .pro-slider.go {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     -ms-transform: none;
   }

   /* .r3 .r-main .home-pro > li .r-right .pro-slider.go > ul > li.on .pic {
    animation: fadeInDownSmall 0.8s ease;
  } */
   .r3 .r-main .home-pro>li .r-right .pro-page {
     position: absolute;
     right: 0;
     bottom: 0;
     width: calc(100%/8);
     height: 100%;
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol {
     position: absolute;
     background-color: #fff;
     left: 50%;
     top: 50%;
     transform: translate(-50%, -50%);
     -webkit-transform: translate(-50%, -50%);
     -moz-transform: translate(-50%, -50%);
     -o-transform: translate(-50%, -50%);
     -ms-transform: translate(-50%, -50%);
     border-radius: 50px;
     box-shadow: 0 22px 50px -8px rgba(29, 56, 75, 0.2);
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li {
     display: block;
     margin-bottom: 30px;
     position: relative;
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:after {
     content: "";
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     z-index: 3;
     background-image: -moz-linear-gradient(49deg, rgb(225, 213, 72) 0%, rgb(0, 96, 39) 100%);
     background-image: -webkit-linear-gradient(49deg, rgb(225, 213, 72) 0%, rgb(0, 96, 39) 100%);
     background-image: -ms-linear-gradient(49deg, rgb(225, 213, 72) 0%, rgb(0, 96, 39) 100%);
     border-radius: 50%;
     opacity: 0;
     transition: opacity 0.3s, transform 0.6s;
     transform: scale(0.8);
     -webkit-transform: scale(0.8);
     -moz-transform: scale(0.8);
     -o-transform: scale(0.8);
     -ms-transform: scale(0.8);
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:last-of-type {
     margin-bottom: 0;
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li>span {
     display: inline-block;
     position: relative;
     z-index: 5;
     color: #7f8c94;
     width: 50px;
     height: 47px;
     border-radius: 50%;
     line-height: 47px;
     text-align: center;
     background-color: transparent;
     transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     cursor: pointer;
   }

   ol {
     padding: 0;
     list-style-type: none;
     vertical-align: middle;
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li.on:after {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     -ms-transform: none;
     filter: blur(0px);
     box-shadow: 0 18px 43px -6px rgba(0, 101, 59, 0.6);
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li.on>span {
     color: #fff;
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:hover:after {
     opacity: 1;
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     -ms-transform: none;
     filter: blur(0px);
   }

   .r3 .r-main .home-pro>li .r-right .pro-page>ol>li:hover>span {
     color: #fff;
   }

   #index .row.r3 .title {
     opacity: 0;
     pointer-events: none;
   }

   .r3 .r-main .pro-tab {
     position: absolute;
     width: 100%;
     top: 0;
     left: 0;
     z-index: 10;
     display: flex;
     justify-content: flex-start;
   }

   .r3 .r-main .pro-tab>li {
     text-align: left;
     position: relative;
     width: 20%;
     overflow: hidden;
   }

   .r3 .r-main .pro-tab>li>i {
     display: block;
     position: relative;
     z-index: 10;
     width: 0.64rem;
     height: 0.64rem;
     border-radius: 50%;
     line-height: 0.64rem;
     text-align: center;
     background-color: transparent;
   }

   .r3 .r-main .pro-tab>li>i>img {
     position: absolute;
     top: 0;
     bottom: 0;
     left: 0;
     right: 0;
     margin: auto;
     display: inline-block;
     height: 28px;
   }

   .r3 .r-main .pro-tab>li>i:after {
     content: "";
     position: absolute;
     top: 0;
     bottom: 0;
     margin: auto;
     width: 300px;
     height: 1px;
     left: 120%;
     background-color: #b3bfc3;
   }

   .r3 .r-main .pro-tab>li>span {
     display: inline-block;
     height: 32px;
     line-height: 32px;
     width: 64px;
     text-align: center;
     transform: translateY(-14px);
     -webkit-transform: translateY(-14px);
     -moz-transform: translateY(-14px);
     -o-transform: translateY(-14px);
     -ms-transform: translateY(-14px);
     transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
     font-weight: bold;
   }

   .r3 .r-main .pro-tab>li:after {
     content: "";
     position: absolute;
     z-index: 3;
     width: 0.64rem;
     height: 0.64rem;
     border-radius: 50%;
     line-height: 0.64rem;
     text-align: center;
     background-color: #fff;
     top: 0;
     left: 0;
     opacity: 0;
     transition: all 0.3s ease-out;
     -webkit-transition: all 0.3s ease-out;
     -moz-transition: all 0.3s ease-out;
     -o-transition: all 0.3s ease-out;
     -ms-transition: all 0.3s ease-out;
   }

   .r3 .r-main .pro-tab>li.on:after,
   .r3 .r-main .pro-tab>li:hover:after {
     opacity: 1;
     transition-delay: 0.2s;
   }

   .r3 .r-main .pro-tab>li.on>span,
   .r3 .r-main .pro-tab>li:hover>span {
     transform: none;
     -webkit-transform: none;
     -moz-transform: none;
     -o-transform: none;
     -ms-transform: none;
   }

   .r3 .r-main .pro-tab>div {
     position: relative;
   }

   .r3 .r-main .pro-tab>div .type-more {
     position: absolute;
     top: 8px;
     left: 10px;
     box-shadow: 0 23px 90px -10px rgba(29, 56, 72, 0.2);
     color: #333;
   }

   .r3 .r-main .pro-tab>div .type-more:after {
     background: #fff;
   }

   .r3 .r-main .pro-tab>div .type-more:before {
     border-color: #fff;
   }

   /* .products{
    padding-top: 95px;
    overflow: hidden;
    position: relative;
    background: url(../image/5.jpg) center/cover no-repeat;
    background-attachment: fixed;
  } */
   .products .bg {
     position: absolute;
     height: 95%;
     width: 100%;
     left: 0;
     top: 0;
     z-index: 3;
     background: url(../image/5.jpg) center no-repeat #ebf5fa;
   }

   .msg-box .f-14 {
     color: #787878;
     font-size: 0.9375rem;
     line-height: 30px;
   }

   .msg-box h4 {
     color: #000000;
     font-size: 2.625rem;
   }

   .msg-box .about_a {
     text-align: left;
   }

   .pic {
     border-radius: 35px;
   }

   .products {
     padding-top: 55px;
   }

   .products_ti {
     text-align: center;
     font-size: 4rem;
     color: #2a2a2a;
     font-weight: bold;
     position: relative;
     z-index: 70;
   }

   .products_ul {
     margin: 20px 0 45px 0;
     text-align: center;
     position: relative;

   }

   .products_ul::after {
     position: absolute;
     left: 5%;
     width: 90%;
     height: 1px;
     top: 35%;
     content: "";
     display: block;
     background: #b3bfc3;
     z-index: 55;
   }

   .products_ul li {
     display: inline-block;
     margin-left: 28.2%;
   }

   .products_ul li:nth-of-type(1) {
     margin-left: 0;

   }

   .products_ul li a:nth-of-type(1) {
     display: inline-block;
     width: 68px;
     height: 68px;
     line-height: 68px;
     border-radius: 50%;
     background-color: rgb(210, 221, 230);
     text-align: center;
     position: relative;
     z-index: 70;
   }

   .products_ul li a:nth-of-type(2) {
     color: #787878;
     font-size: 0.9375rem;
     margin-top: 15px;
     display: block;
     position: relative;
     z-index: 70;
   }

   .products_ul li:hover a:nth-of-type(2) {
     color: #30b878;
   }

   /* 首页服务 */
   .service .products_ti {
     text-align: left;
   }

   .service {
     padding: 145px 0 95px 0;
     background: #f3f3f3;
     position: relative;
     margin-top: -65px;
   }

   .service_lb {
     padding: 70px 0;
   }

   .service_div {
     background: #fff;
     border-radius: 30px;
     box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.1);
   }

   .service_div>a {
     display: block;

   }

   .service_div>a img {
     border-top-left-radius: 30px;
     border-top-right-radius: 30px;
   }

   .service_size>a {
     color: #787878;
     font-size: 0.9375rem;
     line-height: 28px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     overflow: hidden;
   }

   .service_size {
     padding: 30px;
   }

   .service_size .about_a {
     text-align: left;
     margin-top: 8px;
   }

   .service_lb .swiper-button-next,
   .service_lb .swiper-button-prev {
     background: none;
     opacity: 1;
     top: auto;
     bottom: 0;
   }

   .service_lb .swiper-button-next .iconfont,
   .service_lb .swiper-button-prev .iconfont {
     color: #000;
     font-size: 1.5625rem;
   }

   .service_lb .swiper-button-prev {
     left: auto;
     right: 10%;
   }

   .service_lb .swiper-pagination {
     width: auto;
     left: auto;
     right: 5.5%;
     bottom: 3%;
   }

   /* 底部 */
   .foot {
     background: url(../image/7.png) #f3f3f3 no-repeat;
     background-size: 100% 100%;
     padding: 90px 0 60px 0;
   }

   .foot1 {
     background: url(../image/7.png) no-repeat;
     background-size: 100% 100%;
   }

   .foor_wid>div {
     width: 50%;
   }

   .foor_fl {
     color: #949494;
     line-height: 30px;
     font-size: 15px;
     padding-right: 50px;
   }

   .foor_fl>p {
     font-size: 35px;
     margin-bottom: 12px;
     color: #000000;
   }

   .foor_fr>div:nth-of-type(1),
   .foor_fl>div {
     font-size: 23px;
     margin-bottom: 12px;
     color: #000000;
   }

   .foor_fr {
     /* padding: 0 0 0 50px; */
     /* margin-top: 4%; */
     color: #949494;
     position: absolute;
     right: 0;
     bottom: 0;
   }

   /* .foor_div .fl{
  width: 25%;
} */
   .foor_div .fr {
     width: 100%;
   }

   .foor_ico .bshare-custom {
     line-height: 30px !important;
   }

   .foor_ico .bshare-custom a {
     background: transparent;
     color: #949494;
     height: 30px;
   }

   .foor_ico .bshare-custom a:nth-of-type(1) {
     padding-left: 0;
   }

   .foor_ico .bshare-custom .iconfont {
     font-size: 1.875rem;
   }

   .foor_size div a {
     color: #949494;
     font-size: 0.9375rem;
     border-left: 1px solid #949494;
     padding: 0 20px;
     height: 12px;
     display: inline-block;
     line-height: 12px;
   }

   .foor_size div a:nth-of-type(1) {
     border-left: none;
     padding-left: 0;
   }

   .foor_size div {
     margin: 20px 0 15px 0;
   }

   .foor_size {
     text-align: right;
     color: #949494;
     font-size: 0.9375rem;
   }

   .foot_img {
     position: absolute;
     right: 0;
     top: 0%;
     box-shadow: 2.5px 4.33px 10px 0px rgba(0, 0, 0, 0.2);
     border-radius: 50%;
     -webkit-animation: run 1s infinite linear;
     -moz-animation: run 1s infinite linear;
     -ms-animation: run 1s infinite linear;
     -o-animation: run 1s infinite linear;
     animation: run 1s infinite linear;
     cursor: pointer;
   }

   @keyframes run {
     from {
       top: -15%;
       opacity: 0;
     }

     to {
       top: 0%;
       opacity: 1;
     }
   }

   /* 内容产品 */
   .picture_div {
     position: absolute;
     left: 16%;
     top: 48%;
   }

   .picture_size {
     color: #fff;
     font-size: 3.3rem;
     font-weight: bold;
   }

   .picture_a,
   .picture_a span,
   .picture_a a {
     color: #fff;
     font-size: 1.125rem;
     text-transform: uppercase;
   }

   .picture_a a {
     margin: 0 8px;
   }

   .second {
     padding-top: 30px;
   }

   .second_ul {
     text-align: right;
   }

   .second_ul li {
     display: inline-block;
     margin-left: 55px;
   }

   .second_ul li a {
     color: #2a2a2a;
     font-size: 1.5625rem;
     display: block;
     position: relative;
     padding-bottom: 10px;
   }

   .second_ul li a::after {
     position: absolute;
     left: 0;
     bottom: 0;
     height: 3px;
     content: "";
     display: block;
     width: 0;
     background: #387917;
   }

   .second_ul li.active a::after,
   .second_ul li:hover a::after {
     width: 100%;
   }

   .second_ul li.active a,
   .second_ul li:hover a {
     color: #387917;
   }

   .prolist {
     padding: 92px 0 105px 0;
   }

   .prolist .table-responsive {
     /* width: 80%;
  margin: 0 auto; */
   }

   .prolist_div>a {
     display: block;
   }

   .prolist_div {
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
     margin-bottom: 30px;
   }

   .prolist_size {
     color: #787878;
     font-size: 0.9375rem;
     line-height: 1.75rem;
     padding: 25px 30px 35px 30px;
     border-top: 1px solid #dcdcdc;
     text-align: center;

   }

   .prolist_size a {
     color: #787878;
     word-break: break-word;
     display: block;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     overflow: hidden;
     height: 27px;
   }

   .prolist_ul li:hover .prolist_size a {
     color: #fff;
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
   }

   .prolist_ul li:hover .prolist_size {
     color: #fff;
     background-image: -moz-linear-gradient(-41deg, rgb(56, 121, 23) 0%, rgb(135, 202, 29) 100%);
     background-image: -webkit-linear-gradient(-41deg, rgb(56, 121, 23) 0%, rgb(135, 202, 29) 100%);
     background-image: -ms-linear-gradient(-41deg, rgb(56, 121, 23) 0%, rgb(135, 202, 29) 100%);
     transition: all 0.4s ease-in-out;
     -webkit-transition: all 0.4s ease-in-out;
     -moz-transition: all 0.4s ease-in-out;
     -ms-transition: all 0.4s ease-in-out;
     -o-transition: all 0.4s ease-in-out;
   }

   .prolist_top {
     background: #8cb000;
     line-height: 50px;
     font-size: 1.35rem;
     font-weight: bold;
     color: #fff;
   }

   .prolist_cem {
     text-align: center;
     font-size: 1.125rem;
     color: #000;
     font-weight: bold;
   }

   .prolist_size a:hover {
     color: #63c452;
   }

   /* 内页产品详情 */
   .proxq {
     padding: 90px 0 70px 0;
   }

   .proxq .table td {
     color: #303030;
     font-size: 1rem;
     padding: 20px 0 0 0px;
     line-height: 30px;
   }

   .proxq .table,
   .proxq .table td,
   .proxq .table tr {
     border: none;
   }

   .proxq .table tr:nth-of-type(1) {
     /* background: #f1f0f7; */

   }

   .proxq .table tr:nth-of-type(1) td {
     padding-top: 15px;
   }

   .proxq .table tr td:nth-of-type(1) {
     font-size: 1.125rem;
     font-weight: bold;
     width: 25%;
   }

   .proxq_sizes {
     font-size: 1rem;
     line-height: 30px;
     color: #767676;
     width: 65%;
     margin: 0 auto;
     margin-bottom: 35px;
   }

   .proxq_sizes>div {
     width: 100%;
   }

   .proxq_top {
     font-size: 1.5rem;
     padding-bottom: 15px;
     color: #387917;
     font-weight: bold;
     border-bottom: 2px dashed #3c3535;
     width: 80% !important;
   }

   .details_xia>div {
     display: inline-block;
   }

   .details_xia a {
     display: inline-block;
     font-size: 1.25rem;
     color: #7ab004;

   }

   .details_xia a span {
     margin-left: 15px;
   }

   .details_xia a .iconfont {
     font-size: 1.25rem;
     margin-right: 7px;
   }

   .details_xia {
     margin: 40px 0 55px 0;
   }

   .details_xia>div:nth-of-type(2) {
     margin-left: 30px;
   }

   .proxq_fl div {
     color: #5a5a5a;
     font-size: 15px;
     line-height: 30px;
   }

   .proxq_fr a,
   .proxq_fl div a {
     color: #5a5a5a;
     font-size: 15px;
     display: inline-block;
   }

   .proxq_fr .iconfont {
     font-size: 1.25rem;
     margin-right: 8px;
   }

   .proxq_fr {
     line-height: 25px;
   }

   .proxq_div {
     border-top: 1px solid #dbdbdb;
     padding-top: 25px;
   }

   /* 内容关于我们 */
   .content {
     padding-top: 90px;
     position: relative;
     z-index: 2;
   }

   .content_div {
     padding-bottom: 217px;
     background: #f9f9f9;
     position: relative;
     margin-top: -135px;
   }

   .content_size {
     color: #787878;
     font-size: 0.9375rem;
     line-height: 30px;
   }

   .content_size div:nth-of-type(1) {
     background: #f9f9f9;
     padding: 45px 30px 0 0px;
     width: 50%;
     position: relative;
     z-index: 5;

   }

   .content_span span {
     cursor: pointer;
     color: #2a9442;
     font-size: 0.9375rem;
     line-height: 42px;
     border: 1px solid #2a9442;
     border-radius: 35px;
     padding: 0 45px;
     display: inline-block;
   }

   .content_span span .iconfont {
     margin-right: 8px;
     font-size: 1.25rem;
     position: relative;
     top: 2px;
   }

   .content_span .iconfont {
     -webkit-transform: rotate(360deg);
     animation: rotation 3s linear infinite;
     -moz-animation: rotation 3s linear infinite;
     -webkit-animation: rotation 3s linear infinite;
     -o-animation: rotation 3s linear infinite;
     display: inline-block;
   }

   .content_span {
     text-align: center;
     margin-top: 45px;
     display: none;
   }

   .content_phil {
     padding: 65px 0;
   }

   .content_phil_size {
     font-size: 1rem;
     line-height: 30px;
     color: #767676;

   }

   .content_phil_size img {
     max-width: 100%;
   }

   @-webkit-keyframes rotation {
     from {
       -webkit-transform: rotate(0deg);
     }

     to {
       -webkit-transform: rotate(360deg);
     }
   }

   .content_com {
     padding-bottom: 60px;
     position: relative;
     top: -140px;
   }

   .content_ul li div span {
     /* background-image: -moz-linear-gradient( 49deg,rgb(121,186,24) ,rgb(56,121,23) 0%  100%);
  background-image: -webkit-linear-gradient( 49deg,rgb(121,186,24) ,rgb(56,121,23) 0%  100%);
  background-image: -ms-linear-gradient( 49deg,rgb(121,186,24) ,rgb(56,121,23) 0%  100%);
  -webkit-background-clip: text; */
     color: rgb(121, 186, 24);
     font-size: 2.5rem;
     font-family: "Lato";
     padding: 0;
   }

   .content_ul li p {
     color: #787878;
     font-size: 0.9375rem;
     margin-top: 15px;
   }

   .content_ul li {
     width: 60%;
     float: left;
     padding-top: 80px;
   }

   .content_ul li:nth-of-type(1) {
     width: 20%;
   }

   .content_ul li:nth-of-type(3) {
     width: 20%;
   }

   .content_ul {
     position: absolute;
     left: 0%;
     right: 0;
     top: 0;
     width: 100%;
     text-align: center;
   }

   .company_ti {
     color: #000000;
     font-size: 2.1875rem;
     margin-bottom: 25px;
   }

   .company {
     padding-bottom: 105px;
   }

   /* 内容联系我们 */
   .contact {
     padding: 110px 0;
   }

   .contact_wid>div {
     width: 49%;
   }

   .contact_wid .fl>p {
     color: #000000;
     font-size: 1.9375rem;
     margin-bottom: 10px;
   }

   .contact_wid .fl>ul:nth-of-type(2) {
     margin-top: 100px;
   }

   .contact_ul li {
     margin-top: 5px;
   }

   .contcat_fl {
     width: 7%;
   }

   .contcat_fl span {
     display: inline-block;
     border-radius: 50%;
     border: 1px solid #387917;
     width: 30px;
     height: 30px;
     line-height: 30px;
     text-align: center;
     color: #387917;
     position: relative;
     top: 12px;
   }

   .contact_fr {
     width: 90%;
     color: #404040;
     font-size: 1.1rem;
     line-height: 20px;
     padding-top: 10px;
   }

   .contact_fr .fl {}

   .contact_fr .fr {
     float: left;
   }

   .contact_ul li:nth-of-type(1) .contact_fr .fl {
     width: 100%;
   }

   .contact_ul li:nth-of-type(1) .contact_fr .fr {
     width: 100%;
     font-size: 1rem;
   }

   .contact_for>div {
     color: #fff;
     font-size: 2.1875rem;
     font-weight: 200;
     padding: 15px 45px 15px;
   }

   .contact_for {
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
     border-radius: 30px;
     background-image: -moz-linear-gradient(18deg, #bbdd24 0%, rgb(56, 121, 23) 100%);
     background-image: -webkit-linear-gradient(18deg, #bbdd24 0%, rgb(56, 121, 23) 100%);
     background-image: -ms-linear-gradient(18deg, #bbdd24 0%, rgb(56, 121, 23) 100%);
   }

   .contact_inp {
     background: #fff;
   }

   .contact_inp input {
     width: 100%;
     line-height: 45px;
     height: 45px;
     border: none;
     border-bottom: 1px solid #efefef;
     color: #404040;
     font-size: 1.1rem;
   }

   .contact_inp {
     padding: 0 45px 45px 45px;
     border-bottom-left-radius: 30px;
     border-bottom-right-radius: 30px;

   }

   .contact_inp div {
     padding-top: 10px;
   }

   .contact_text p {
     color: #404040;
     font-size: 1.1rem;
     margin-bottom: 15px;
   }

   .contact_text textarea {
     width: 100%;
     border: none;
     background: #efefef;
     color: #000;
     height: 125px;
     padding: 5px 0 0 8px;
   }

   .contact_butt {
     text-align: center;
     color: #fff;
     font-size: 1.25rem;

   }

   .contact_butt button {
     width: 100%;
     background: #767676;
     line-height: 60px;
     border: none;
   }

   .foot2 {
     position: relative;
     margin-top: -60px;
     z-index: 222;
   }

   /* 内容新闻 */
   .Journalism_tui {
     padding: 207px 0 0px 0;
   }

   .Journalism_lb_wid {
     background-color: rgb(255, 255, 255);
     box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.15);
   }

   .Journalism_lb .swiper-slide {
     padding: 21px;
   }

   .Journalism_lb .swiper-button-next,
   .Journalism_lb .swiper-button-prev {
     background: none;
     width: 28px;
     height: 28px;
     top: auto;
     bottom: 8.8%;
   }

   .Journalism_lb .swiper-button-next .iconfont,
   .Journalism_lb .swiper-button-prev .iconfont {
     color: #595959;
     font-size: 1.3125rem;
     font-weight: bold;
   }

   .Journalism_lb .swiper-button-next {
     right: 2%;
   }

   .Journalism_lb .swiper-button-prev {
     left: 88%;
   }

   .Journalism_lb_wid>div {
     width: 48%;
   }

   .Journalism_lb_size {
     padding: 38px 30px 0 0;
   }

   .Journalism_lb_wid .fl a {
     display: block;
   }

   .Journalism_lb_size p:nth-of-type(1) {
     color: #888888;
     font-size: 0.875rem;
     margin: 20px 0 8px 0;
   }

   .Journalism_lb_size p:nth-of-type(2) {
     color: #676767;
     font-size: 1.0625rem;
     line-height: 35px;
     margin-bottom: 45px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 4;
     overflow: hidden;
   }

   .Journalism_lb_size a:nth-of-type(1) {
     color: #000000;
     font-size: 1.5rem;
     margin-top: 5px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     overflow: hidden;
   }

   .Journalism_a {
     color: #fff;
     font-size: 0.875rem;
     display: inline-block;
     border: 1px solid #63c452;
     line-height: 35px;
     width: 120px;
     text-align: center;
     border-radius: 17px;
     background: #63c452;
   }

   .Journalism_lb .swiper-pagination {
     left: auto;
     width: auto;
     bottom: 9%;
     right: 5%;
     color: #595959;
     font-size: 1.3125rem;
   }


   .new {
     padding: 0px 0 75px 0;
   }

   .new .tui-new {
     display: none;
   }

   .new .tui-new .swiper-slide>div {
     width: 49%;
   }

   .overh a {
     display: block;
   }

   .new .new-title {
     line-height: 30px;
     height: 30px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     overflow: hidden;
     margin: 10px 0;
   }

   .new .new-title a {
     color: #000000;
     font-size: 1.3rem;
   }

   .new .new-date {
     font-size: 1rem;
     line-height: 25px;
     color: #6b6b6b;
   }

   .new .new-yao {
     font-size: 1rem;
     margin-top: 15px;
     color: #6b6b6b;
     line-height: 30px;
     height: 105px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 4;
     overflow: hidden;
     font-weight: 300;
   }

   .new-ul {
     /* margin-top: 50px; */
   }

   .new-ul li {
     padding: 30px 15px;
     border-bottom: 1px solid #f0f0f0;
   }

   .new-ul li>.fl {
     width: 12%;
     text-align: center;
     /* border-right: 1px solid #d5d5d5; */
   }

   .new-ul li>.fl .hao {
     font-size: 1.6rem;
     color: #fff;
     font-family: "BodoniBT";
   }

   .new-ul li>.fl .yue {
     color: #ffffff;
     font-size: 0.825rem;
   }

   .new-ul li>.fr {
     width: 85%;
   }

   .new-ul li .biaoti {

     margin-bottom: 8px;
   }

   .new-ul li .biaoti a {
     color: #000000;
     font-size: 1.5rem;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     overflow: hidden;
   }

   .new-ul li:hover .biaoti a {
     color: #79ba18;
   }

   .new-ul li .yao-new {
     color: #787878;
     font-size: 1rem;
     line-height: 30px;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     text-overflow: ellipsis;
     -webkit-line-clamp: 1;
     overflow: hidden;
     height: 70px;
     font-weight: 300;
   }

   .new-ul_fl {
     display: inline-block;
     width: 95px;

   }

   .new-ul_fl .hao {
     background: #8d8d8d;
     line-height: 70px;
     border-top-left-radius: 5px;
     border-top-right-radius: 5px;
   }

   .new-ul_fl .yue {
     background: #8d8d8d;
     margin-top: 2px;
     line-height: 32px;
     border-bottom-right-radius: 5px;
     border-bottom-left-radius: 5px;
   }

   .new-ul li:hover .new-ul_fl .yue,
   .new-ul li:hover .new-ul_fl .hao {
     background: #79ba18;
   }

   /* 内容新闻详情 */
   .newsxq {
     padding: 90px 0 40px 0;
   }

   .newsxq_ti>p {
     color: #010101;
     font-size: 1.5625rem;
     margin-bottom: 15px;
   }

   .newsxq_ti {
     padding: 35px 0 15px 0;
     border-bottom: 1px solid #cecece;
     border-top: 1px solid #cecece;
   }

   .newsxq_ti_fx span {
     display: inline-block;
     color: #575757;
     font-size: 0.9375rem;
     margin-right: 10px;
   }

   .newsxq_size {
     font-size: 1rem;
     color: #575757;
     line-height: 35px;
     margin-top: 35px;
   }

   .newsxq_size img {
     max-width: 100%;
   }

   .newsxq_jt {
     border-bottom: 1px solid #cecece;
     border-top: 1px solid #cecece;
     padding: 20px 30px;
     margin-top: 110px;
   }

   .newsxq_jt>div {
     color: #575757;
     font-size: 1rem;
     line-height: 35px;
   }

   .newsxq_jt>div a {
     display: inline-block;
     color: #575757;
     font-size: 1rem;
   }

   .prolist .table tr td:nth-of-type(1) {
     width: 50%;
   }

   .prolist .table tr td:nth-of-type(3) {
     width: 14%;
   }

   .prolist .table tr td:nth-of-type(4),
   .prolist .table tr td:nth-of-type(2) {
     width: 18%;
   }

   @media(max-width:1649px) {
     @media (min-width: 1420px) {
       .daohang .container {
         width: 80%;
       }
     }

     /* .daohang_fl{
    width: 25%;
  } */
     .daohang_fl a img {
       width: 100%;
     }

     .daohang_ul>li>a {
       font-size: 1.3rem;
     }

     .daohang_ul>li {
       margin-right: 1.35rem;
     }

     .picture_size {
       font-size: 3rem;
     }

     .picture_a,
     .picture_a span,
     .picture_a a {
       font-size: 1rem;
     }
   }

   @media(max-width:1600px) {

     .banner .swiper-button-next img,
     .banner .swiper-button-prev img {
       width: 60px;
     }

     .banner .swiper-button-next,
     .banner .swiper-button-prev {
       bottom: 12%;
     }
   }

   @media(max-width:1600px) {
     .daohang_ul>li {
       margin-right: 0.8rem;
     }


   }

   @media(max-width:1440px) {


     .prolist .table-responsive {
       /* width: 80%;
    margin: 0 auto; */
     }

     /* @media (min-width: 1200px){
    .container {
      width: 1150px;
  }
  } */
     .about_fr {
       font-size: 1.25rem;
     }

     .daohang {
       line-height: 75px;
     }

     .daohang_ul>li>a {
       font-size: 1.3rem;
     }

     .daohang_fr span {
       padding-left: 10px;
     }

     .daohang_ul {
       padding-top: 0 !important;
     }

     .daohang_ul>li {
       margin-right: 1.5rem;
     }

     .products .bg {
       background-size: cover;
     }

     /* html, body {
  font-size: 15px;
} */
   }

   @media (max-width: 1366px) {

     .daohang .container {
       width: 91%;
     }

     .daohang_ul>li>a {
       font-size: 1.25rem;
     }

   }

   @media (min-width: 1350px) {


     /* html, body {
    font-size: 14px;
  } */
     /* .daohang_fl{
    width: 25%;
  } */
   }

   @media(max-width:1280px) {

     .daohang_ul li {
       margin-right: 20px;
     }

     .service {
       padding: 90px 0 40px 0;
     }

     .products_ti {
       font-size: 3.5rem;
     }
   }

   @media(max-width:1024px) {
     .about_div>div:nth-of-type(2) img {
       width: 100%;
     }

     .daohang_fl a img {
       width: 190px;
     }

     .daohang_ul li {
       margin-right: 9px;
     }

     .daohang_fr span {
       padding-left: 8px;
     }

     .products_ul li {
       margin-left: 11.2%;
     }

     .products_ul {
       margin: 35px 0;
     }

     .foor_fr {
       padding: 0 0 0 0px;
     }

     .foor_div .fr {
       width: 70%;
     }

     .foot {
       padding: 69px 0 25px 0;
     }

     .service_lb {
       padding: 35px 0 55px 0;
     }

     .about_fr {
       padding: 0 0 0 25px;
     }

     .banner .swiper-button-prev {
       left: 18%;
     }

     .banner .swiper-button-next img,
     .banner .swiper-button-prev img {
       width: 45px;
     }

     .banner .swiper-button-next,
     .banner .swiper-button-prev {
       bottom: 9%;
     }

     .picture_size {
       font-size: 3rem;
     }

     .contcat_fl span {
       width: 40px;
       height: 40px;
       line-height: 40px;
     }

     .contact_ul li:nth-of-type(1) .contact_fr .fr {
       width: 82%;
     }

     .contact_ul li:nth-of-type(1) .contact_fr .fl {
       width: 18%;
     }

     .contact_butt button {
       line-height: 40px;
     }

     .contact_text textarea {
       height: 110px;
     }

     .contact_for>div {
       font-size: 1.8rem;
       padding: 15px 45px 15px;
     }

     .foot2 {
       margin-top: -94px;
     }

     .content {
       padding-top: 70px;
     }

     .content_com {
       padding-bottom: 0px;
       top: -87px;
     }

     .content_ul li {
       padding-top: 45px;
     }

     .content_div {
       padding-bottom: 140px;
     }

     .content_size div:nth-of-type(1) {
       padding: 15px 15px 0 0px;
       width: 75%;
     }

     .content_div {
       margin-top: -100px;
     }

     .company {
       padding-bottom: 50px;
     }

     .Journalism_lb_size p:nth-of-type(2) {
       line-height: 28px;
       margin-bottom: 25px;
       -webkit-line-clamp: 3;
     }

     .second_ul li a {
       font-size: 1.2rem;
     }

     .second_ul li {
       margin-left: 30px;
     }

     .proxq {
       padding: 60px 0;
     }

     .picture_div {
       left: 8%;
     }
   }

   @media(max-width:990px) {
     .about_wid .fl {
       width: 22%;
       margin-left: 28%;
       margin-top: 15%;
     }

     .about_wid .fl img {
       width: 100%;
     }

     .about .bg {
       top: 10%;
       left: 10%;
       background-position: 0 24%;
       background-size: 55%;
     }

     .about_padd {
       padding: 30px 0 0 120px;
     }

     .about_padd::after {
       width: 90px;
     }

     .products_ul li {
       margin-left: 8.2%;
     }

     .msg-box .f-14 {
       line-height: 22px;
     }

     .msg-box h4 {
       font-size: 1.8rem;
     }

     .r3 .r-main .home-pro {
       min-height: 310px;
     }

     .r3 .r-main .home-pro>li .r-right .pro-page>ol>li>span {
       width: 37px;
       height: 35px;
       line-height: 35px;
     }

     .r3 .r-main .home-pro>li .r-right .pro-page>ol>li {
       margin-bottom: 14px;
     }

     .service {
       padding: 70px 0 40px 0;
     }

     .service_size {
       padding: 15px;
     }

     .foot {
       display: none;
     }

     .about .bg {
       top: 10%;
       left: 0%;
     }

     .service_lb .swiper-pagination {
       bottom: 5%;
     }

     .index_a img {
       width: 210px;
     }

     .picture_size {
       font-size: 2rem;
     }

     .newsxq {
       padding: 40px 0;
     }

     .newsxq_jt {
       margin-top: 50px;
     }

     .contcat_fl span {
       width: 30px;
       height: 30px;
       line-height: 30px;
     }

     .contact_ul li:nth-of-type(1) .contact_fr .fl {
       width: 20%;
     }

     .contact_ul li:nth-of-type(1) .contact_fr .fr {
       width: 80%;
     }

     .contact_for>div {
       font-size: 1.5rem;
       padding: 15px 15px 15px;
     }

     .contact_inp {
       padding: 0 15px 15px 15px;
     }

     .Journalism_lb .swiper-pagination {
       bottom: 11%;
       right: 6%;
       font-size: 1.1rem;
     }

     .Journalism_lb .swiper-button-prev {
       left: 86%;
     }

     .new-ul li>.fl {
       width: 15%;
     }

     .new-ul li .yao-new {
       height: 38px;

     }

     .new-ul_fl .hao {
       line-height: 52px;
     }

     .new-ul_fl {
       width: 78px;
     }

     .proxq .table td {
       padding: 15px;
       line-height: 26px;
     }

     .prolist_size {
       line-height: 1.6rem;
       padding: 10px
     }

     .prolist {
       padding: 50px 0;
     }
   }

   @media(max-width:767px) {
     .index_a img {
       width: 220px;
     }

     .color_dao {
       line-height: 22px;
     }

     body {
       padding: 48px 0 70px 0;
     }

     .banner .swiper-button-next img,
     .banner .swiper-button-prev img {
       width: 30px;
     }

     .banner .swiper-button-next,
     .banner .swiper-button-prev {
       bottom: 0%;
     }

     .about {
       padding: 35px 15px;
     }

     .about_wid .fl {
       width: 100%;
       margin-left: 0;
       margin-top: 0;
     }

     .about .bg2,
     .about .bg {
       display: none;
     }

     .about_fr {
       width: 100%;
     }

     .about_padd {
       padding: 0;
       display: none;
     }

     .about_padd::after {
       width: 0;
     }

     .about_div>div {
       width: 100%;
     }

     .about_div {
       display: none;
     }

     .about_fr {
       padding: 15px 0 0 0;
     }

     .products_ul li a:nth-of-type(1) {
       width: 50px;
       height: 50px;
       line-height: 50px;
     }

     .products_ul li a:nth-of-type(1) img {
       width: 20px;
     }

     .products_ul li {
       margin-left: 0%;
     }

     .products_ul li a:nth-of-type(2) {
       font-size: 0.8375rem;
     }

     .products_ul::after {
       width: 0;
     }

     .products_ul {
       overflow: hidden;
     }

     .products_ul li {
       margin-left: 0;
       margin-bottom: 15px;
       width: 50%;
       float: left;
     }

     .products {
       padding: 35px 15px 0 15px;
     }

     .service {

       margin-top: 0px;
     }

     .products_ul li:nth-of-type(4) {
       margin-left: 0%;
     }

     /* .r3 .r-main .home-pro {
  min-height: auto;
} */
     .r3 .r-main .home-pro>li .r-right {
       width: 100%;
     }

     .r3 .r-main .home-pro>li .r-left {
       width: 100%;
     }

     .r3 .r-main .home-pro {
       min-height: 290px;
     }

     .products .bg {
       height: 100%;
     }

     .r3 .r-main .home-pro>li .r-right .pro-slider>ul>li {
       border-radius: 30px;
     }

     .r3 .r-main .home-pro>li .r-left .msg-box>ul {
       top: 100%;
       text-align: center;
     }

     .msg-box .f-14 {
       display: none;
     }

     .msg-box .about_a {
       display: none;
     }

     .products_ul {
       margin: 25px 0 15px 0;
     }

     .products_ti {
       font-size: 2.2rem;
     }

     .r3 .r-main .home-pro>li .r-right .pro-page>ol>li>span {
       width: 25px;
       height: 18px;
       line-height: 18px;
     }

     .service {
       padding: 35px 15px;
     }

     .service_size {
       padding: 10px;
     }

     .service_div {
       border-radius: 10px;
     }

     .service_div>a img {
       border-top-left-radius: 10px;
       border-top-right-radius: 10px;
     }

     .service_size>a {
       line-height: 22px;
     }

     .service_lb {
       padding: 25px 0 55px 0;
     }

     .service_lb .swiper-button-prev {
       right: 23%;
     }

     .service_lb .swiper-pagination {
       right: 12.5%;
       bottom: 6%;
     }

     .picture_a {
       display: none;
     }

     .picture img {
       height: 200px;
       object-fit: cover;
     }

     .picture_size {
       padding-left: 15px;
     }

     .newsxq {
       padding: 35px 15px;
     }

     .newsxq_ti {
       padding: 15px 0;
     }

     .newsxq_ti>p {
       font-size: 1.4rem;
     }

     .newsxq_size {
       line-height: 26px;
       margin-top: 15px;
     }

     .newsxq_jt {
       margin-top: 15px;
       padding: 15px 0;
     }

     .contact_wid>div {
       width: 100%;
     }

     .contact {
       padding: 35px 15px;
     }

     .contact_ul li:nth-of-type(1) .contact_fr .fr,
     .contact_ul li:nth-of-type(1) .contact_fr .fl {
       width: 100%;
     }

     .contact_fr {
       width: 100%;

     }

     .contcat_fl span {
       width: 40px;
       height: 40px;
       line-height: 40px;
     }

     .contact_ul {
       margin-bottom: 15px;
     }

     .contact_wid .fl>p {
       font-size: 1.5rem;
     }

     .contact_for>div {
       padding: 10px;
     }

     .content {
       padding: 35px 15px 0 15px;
     }

     .second {
       display: none;
     }

     .content_size div:nth-of-type(1) {
       width: 100%;
     }

     .content_div {
       margin-top: 0px;
       padding: 15px 15px 35px 15px;
     }

     .content_com {
       top: 0px;
       padding: 35px 15px;
     }

     .content_com .pr>div>img {
       display: none;
     }

     .content_ul {
       position: relative;
       width: 100%;
       left: 0;
     }

     .content_ul li {
       padding-top: 0;
       width: 33.3% !important;
     }

     .company_ti {
       font-size: 1.7rem;
     }

     .company {
       padding: 0 15px 35px 15px;
     }

     .content_span span {
       line-height: 35px;
       padding: 0 35px;
     }

     .content_span {
       margin-top: 25px;
     }

     .Journalism_lb_wid>div {
       width: 100%;
     }

     .Journalism_lb_size {
       padding: 15px;
       padding-bottom: 50px;
     }

     .Journalism_lb_size p:nth-of-type(2) {
       margin-bottom: 0px;
     }

     .Journalism_lb_size p:nth-of-type(1) {
       margin: 8px 0;
     }

     .Journalism_lb .swiper-pagination {
       bottom: 7%;
       right: 15%;

     }

     .Journalism_lb .swiper-button-next {
       right: 6%;
     }

     .Journalism_lb .swiper-button-next,
     .Journalism_lb .swiper-button-prev {
       bottom: 5.8%;
     }

     .Journalism_lb .swiper-button-prev {
       left: 69%;
     }

     .Journalism_tui {
       padding: 20px 0 0px 0;
     }

     .Journalism_lb .swiper-slide {
       padding: 15px;
     }

     .new-ul li {
       padding: 15px 0;
     }

     .new {
       padding: 20px 15px 35px 15px;
     }

     .new-ul li>.fr {
       width: 73%;
     }

     .new-ul_fl .hao {
       line-height: 40px;
     }

     .new-ul_fl .yue {
       line-height: 28px;
     }

     .new-ul li>.fl {
       width: 25%;
     }

     .new-ul_fl {
       width: 65px;
     }

     .new-ul li .yao-new {
       height: 28px;
     }

     .new-ul li .biaoti a {
       font-size: 1.3rem;
     }

     .proxq {
       padding: 35px 15px;
     }

     .proxq .table tr:nth-of-type(1) td {
       font-size: 1.3rem;
       line-height: 40px;
       padding-top: 0;
       padding-bottom: 0;
     }

     .details_xia {
       margin: 15px 0;
     }

     .details_xia>div:nth-of-type(2) {
       margin-left: 0px;
       margin-top: 15px;
     }

     .prolist {
       padding: 35px 15px;
     }

     .prolist_div {
       margin-bottom: 15px;
     }

     .prolist_ul li:nth-of-type(odd) {
       padding-right: 7px;
     }

     .prolist_ul li:nth-of-type(even) {
       padding-left: 7px;
     }

     .searchbox {
       top: 61px;
     }

     .banner_ico {
       display: none;
     }

     .r3 .r-main .home-pro>li .r-left .msg-box>ul {
       height: 48%;

     }

     #bloc {
       padding-bottom: 55px;
     }

     .content_phil {
       padding: 35px 15px;
     }
   }

   .honor_ul li div {
     font-size: 1rem;
     color: #767676;
     text-align: center;
     padding-top: 15px;
   }

   .honor_ul li {
     margin-bottom: 30px;
   }


   #page {
     clear: both;
     height: 40px;
     margin: 0 auto;
     text-align: center;
     display: table;
     margin-top: 20px
   }

   #page li {
     float: left;
     padding: 5px 14px;
     border: 1px solid #CCCCCC;
     margin-right: 6px;
     color: #666;
     font-size: 12px;
     list-style: none;
   }

   #page li:hover {
     border: 1px solid #79ba18;
   }

   #page li:hover a {
     color: #79ba18
   }

   #page li a {
     color: #666
   }

   #page li.active {
     border: 1px solid #79ba18;
     background-color: #79ba18;
     color: #FFFFFF
   }

   #page li.active a {
     color: #fff
   }

   #page .thisclass {
     background-color: #79ba18;
     color: #FFFFFF
   }


   .listjt {
     padding: 50px 0;
   }

   .listjt_size {
     font-size: 1rem;
     color: #7f8c94;
     line-height: 30px;
   }

   .daohang_fr,
   .daohang_ul {
     margin-top: 0.4rem
   }

   .service_div>a img {
     cursor: pointer;
     transition: all 0.6s;
   }

   .service_div>a img:hover {
     transform: scale(1.2);
     transition: all 0.6s;
   }

   .service_div>a {
     overflow: hidden;
   }