@font-face {
    font-family: ARIBLK;
    src: url(../../netskin/fonts/ARIBLK.TTF);
  }
  @font-face {
    font-family: ARIALI;
    src: url(../../netskin/fonts/ARIALI.TTF);
  }
  * {
    margin: 0px;
    padding: 0px;
  }
  .scroll {
    text-align: center;
  }
  ul,
  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
  .w1680 {
    max-width: 1680px;
    margin: 0 auto;
    width: 97%;
  }
  .w1760 {
    max-width: 1760px;
    margin: 0 auto;
    width: 91.66%;
  }
  .w1099 {
    max-width: 1099px;
    margin: 0 auto;
    width: 90%;
  }
  .w1410 {
    max-width: 1410px;
    margin: 0 auto;
    width: 92%;
  }
  .w900 {
    max-width: 900px;
    margin: 0 auto;
  }
  .w1450_1 {
    max-width: 1367px;
    margin: 0 auto;
    width: 100%;
  }
  .w1450_2 {
    max-width: 1440px;
    margin: 0 auto;
    width: 100%;
  }
  .w1450 {
    max-width: 1367px;
    margin: 0 auto;
    width: 71.5%;
  }
  .w1450_l {
    max-width: 1642px;
    margin: 0 0 0 275px;
    width: 86%;
  }
  .w1250 {
    max-width: 1250px;
    margin: 0 auto;
  }
  .w1200 {
    max-width: 1200px;
    margin: 0 auto;
  }
  .w1100 {
    max-width: 1100px;
    margin: 0 auto;
  }
  .w910 {
    max-width: 910px;
    margin: 0 auto;
  }
  .mban {
    display: none;
  }
  .index_application .swiper-container-horizontal > .swiper-pagination-bullets {
    display: none;
  }
  .nav_top {
    display: flex;
    justify-content: space-between;
    align-items: center;
    color: #ffffff;
    font-size: 20px;
    line-height: 16px;
    z-index: 9999;
    padding: 10px 7% 10px 7%;
    width: 100%;
  }
  .nav_top .left {
    display: flex;
    flex: 1;
    align-items: center;
    margin-right: 3%;
    justify-content: space-between;
  }
  .nav_top .left .logo {
    margin-right: 3%;
  }
  .nav_top .left .nav {
    display: flex;
    width: 50%;
    justify-content: space-between;
    color: #000;
  }
  .nav_top .left .nav .li1 {
    padding: 39px 5px 35px 10px;
  }
  .nav_top .right .hotline {
    font-size: 20px;
    line-height: 20px;
    color: #0079cd;
    font-family: numberFont;
  }
  body {
    background: #ffffff;
  }
  .swiper-pagination-bullet {
    width: 9px !important;
    height: 9px !important;
  }
  .swiper-pagination-current {
    color: #fff;
    font-size: 30px;
  }
  .swiper-pagination-total,
  .swiper-pagination {
    color: rgba(255, 255, 255, 0.5);
    font-size: 30px;
  }
  .index_banner {
    position: relative;
  }
  .index_banner .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
    background-color: transparent;
    border: 1px solid #fff;
    border-radius: 50%;
    opacity: 0.4;
    box-shadow: 0 0 4px #000;
  }
  .index_banner .swiper-pagination-bullet-active {
    position: relative;
    background-color: #fff;
    opacity: 1;
  }
  .index_banner .swiper-pagination-bullet-active::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    width: 15px;
    height: 15px;
    margin: -8px 0 0 -8px;
    border: 1px solid #fff;
    border-radius: 50%;
  }
  /*.index_banner .swiper-container-horizontal > .swiper-pagination-bullets,*/
  /*.index_banner .swiper-pagination-custom,*/
  /*.index_banner .swiper-pagination-fraction {*/
  /*  top: 69%;*/
  /*  left: -26%;*/
  /*}*/
  .index_banner .swiper-button-prev:after,
  .index_banner .swiper-container-rtl .swiper-button-next:after {
     color: #fff;
  }
  .index_banner .swiper-button-next:after,
  .index_banner .swiper-container-rtl .swiper-button-prev:after {
     color: #fff;
  }
  /*.index_banner .swiper-button-prev,*/
  /*.index_banner .swiper-container-rtl .swiper-button-next {*/
  /*  left: 13.8%;*/
  /*  top: 72%;*/
  /*  transform: translateX(20px);*/
  /*  transition: 0.3s;*/
  /*  opacity: 1;*/
  /*  border: 1px solid #fff;*/
  /*  border-radius: 5px;*/
  /*  height: 33px;*/
  /*  width: 33px;*/
  /*  background: url(../images/image/prev.png) no-repeat center;*/
  /*}*/
  /*.index_banner .swiper-button-next,*/
  /*.index_banner .swiper-container-rtl .swiper-button-prev {*/
  /*  top: 72%;*/
  /*  left: 19%;*/
  /*  transform: translateX(-20px);*/
  /*  transition: 0.3s;*/
  /*  opacity: 1;*/
  /*  border: 1px solid #fff;*/
  /*  border-radius: 5px;*/
  /*  height: 33px;*/
  /*  width: 33px;*/
  /*  background: url(../images/image/next.png) no-repeat center;*/
  /*}*/
  .main_title {
    display: none;
  }
  .index_about_wrap {
    background-color: #fff;
    margin-top: 140px;
  }
  .index_about {
    padding: 0 0 120px 0;
    display: flex;
    justify-content: space-between;
    background: #fff;
  }
  .index_about .left a {
    width: 91px !important;
    height: 57px;
    border: 2px solid #0079cd;
    border-radius: 91px;
    display: block;
    width: fit-content;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .index_about .left a img {
    vertical-align: middle;
  }
  .index_about .left a .ljt {
    transition: 0.3s;
  }
  .index_about .left a:hover .ljt {
    transform: translateX(10px);
  }
  .index_about .left .bottom {
    margin-left: -86px;
    margin-top: 100px;
  }
  .index_about .right {
    width: 61.03%;
  }
  .index_about .right .top {
    font-size: 16px;
    color: #666666;
    line-height: 32px;
    padding-bottom: 105px;
    border-bottom: 1px solid #e5e5e5;
  }
  .index_about .right .top .main {
    font-size: 18px;
    color: #000;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 21px;
  }
  .index_about .right .top .content {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 4;
    overflow: hidden;
  }
  .index_about .right .bottom {
    display: flex;
    justify-content: space-between;
  }
  .index_about .right .bottom li {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
  }
  .index_about .right .bottom li span {
    line-height: 36px;
  }
  .index_about .right .bottom li span:nth-child(1) {
    font-size: 70px;
    line-height: 70px;
    color: #0079cd;
    font-family: numberFont;
  }
  .index_about .right .bottom li span:nth-child(2) {
    font-size: 16px;
    color: #000;
  }
  .index_about .right .bottom li span:nth-child(2) br {
    display: none;
  }
  .index_about a {
    border: 2px solid #0079cd;
    border-radius: 91px;
  }
  .index_about a img {
    vertical-align: middle;
  }
  .index_product {
    padding: 120px 0 200px 0;
    background: #f2f4f6;
  }
  .index_product .title {
    font-size: 46px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 3%;
  }
  .index_product .w1450 {
    display: flex;
    justify-content: space-between;
  }
  .index_product .w1450 li {
    width: 24.27%;
    height: 526px;
    background: #fff;
    text-transform: uppercase;
    transition: all 0.5s;
  }
  .index_product .w1450 li:hover {
    background: #0079cd;
  }
  .index_product .w1450 li:hover p:nth-child(1) {
    color: #fff;
  }
  .index_product .w1450 li:hover .xq {
    background: url('../images/left_jt.png') center no-repeat #fff;
  }
  .index_product .w1450 li:hover img {
    transform: scale(1.1);
  }
  .index_product .w1450 li a {
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .index_product .w1450 li p:nth-child(1) {
    font-size: 36px;
    line-height: 36px;
    font-weight: 700;
    padding: 70px 0 18px 0;
  }
  .index_product .w1450 li p:nth-child(2) {
    font-size: 18px;
    line-height: 18px;
    margin-bottom: 84px;
    color: #999;
    font-family: numberFont;
  }
  .index_product .w1450 li .xq {
    width: 90px;
    height: 52px;
    border-radius: 91px;
    margin-bottom: 18%;
    background: url('../images/left_jt_b.png') center no-repeat #0079cd;
  }
  .index_product .w1450 li .xq img {
    vertical-align: middle;
  }
  .index_application {
    position: relative;
  }
  .index_application .bigimg {
    display: flex;
  }
  .index_application .w1450 {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%);
    top: 50%;
    z-index: 999;
  }
  .index_application .w1450 .mtop {
    display: none;
  }
  .index_application .top {
    display: flex;
    justify-content: space-between;
    margin-bottom: 240px;
  }
  .index_application .top .left p {
    font-size: 46px;
    color: #fff;
    margin-bottom: 70px;
  }
  .index_application .top .left div {
    width: 44px;
    height: 6px;
    background: #fff;
  }
  .index_application .top .right {
    font-size: 150px;
    line-height: 150px;
    color: transparent;
    -webkit-text-stroke: 1px rgba(255, 255, 255, 0.3);
    text-align: right;
    font-family: numberFont;
  }
  .index_application .bottom {
    display: flex;
    justify-content: space-between;
  }
  .index_application .bottom li {
    width: 24.82%;
    height: 120px;
    background: url('../images/applic_btn_bg.png') no-repeat right bottom rgba(255, 255, 255, 0.85);
    padding: 0 3%;
  }
  .index_application .bottom li:hover,
  .index_application .bottom li.active {
    background: linear-gradient(to bottom right, #1677d0, #309be8);
  }
  .index_application .bottom li:hover span,
  .index_application .bottom li.active span {
    color: #fff;
  }
  .index_application .bottom li:hover a img:nth-child(2),
  .index_application .bottom li.active a img:nth-child(2) {
    display: none;
  }
  .index_application .bottom li:hover a img:nth-child(3),
  .index_application .bottom li.active a img:nth-child(3) {
    display: block !important;
  }
  .index_application .bottom li a {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 100%;
  }
  .index_application .bottom li a img:nth-child(3) {
    display: none;
  }
  .index_application .bottom li span {
    font-size: 26px;
  }
  .index_news .w1450 .right li .ms {
    min-height: 163px;
  }
  .index_technology {
    display: none;
    padding: 150px 0;
    background: url('../images/jushu_bg.png') no-repeat bottom #f2f5f8;
  }
  .index_technology .main_title {
    display: none;
  }
  .index_technology .mpic {
    display: none !important;
  }
  .index_technology .w1450 {
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .index_technology .w1450 .left {
    width: 44.96%;
  }
  .index_technology .w1450 .left img {
    margin-left: 30px;
  }
  .index_technology .w1450 .right {
    width: 63.38%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 70px;
  }
  .index_technology .w1450 .right .top {
    width: 65.61%;
  }
  .index_technology .w1450 .right .top .title {
    font-size: 46px;
    line-height: 46px;
    color: #0079cd;
  }
  .index_technology .w1450 .right .top .ms {
    font-size: 16px;
    line-height: 36px;
    color: #888;
    margin: 28px 0 0px;
    height: 200px;
  }
  .index_technology .w1450 .right .bottom {
    width: 100%;
    display: flex;
    justify-content: space-between;
  }
  .index_technology .w1450 .right .bottom li {
    width: 32.64%;
    height: 214px;
    background: #fff;
    padding: 40px 0 40px 4.35%;
    overflow: hidden;
    font-size: 25px;
  }
  .index_technology .w1450 .right .bottom li::after {
    content: '';
    display: block;
    width: 116%;
    height: 214px;
    background-image: linear-gradient(to bottom right, #1677d0, #309be8);
    margin-left: -37px;
    margin-top: 36px;
    transition: 0.3s;
  }
  .index_technology .w1450 .right .bottom li:hover::after,
  .index_technology .w1450 .right .bottom li.active::after {
    transform: translateY(-210px);
  }
  .index_technology .w1450 .right .bottom li:hover span,
  .index_technology .w1450 .right .bottom li.active span {
    z-index: 999;
  }
  .index_technology .w1450 .right .bottom li:hover span:nth-child(1),
  .index_technology .w1450 .right .bottom li.active span:nth-child(1) {
    color: #fff;
  }
  .index_technology .w1450 .right .bottom li a {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  .index_technology .w1450 .right .bottom li .title {
    color: #000;
  }
  .index_technology .w1450 .right .bottom li .xh {
    color: rgba(1, 1, 1, 0.2);
  }
  .head .EN {
    padding: 9px 4px;
    background-color: #5a9e36;
    text-align: center;
    border-radius: 50%;
    width: 50px;
      height: 34px;
      margin-right: 10px;
  }
  .index_news {
    padding: 120px 0 154px;
  }
  .index_news .title {
    font-size: 46px;
    line-height: 46px;
    text-align: center;
    margin-bottom: 62px;
  }
  .index_news .w1450 {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .index_news .w1450 .left .stitle {
    font-size: 24px;
    color: rgba(0, 0, 0, 0.4);
    margin-bottom: 68px;
  }
  .index_news .w1450 .left .stitle p {
    margin-bottom: 28px;
  }
  .index_news .w1450 .left .stitle p:hover,
  .index_news .w1450 .left .stitle p.active {
    color: #0079cd;
  }
  .index_news .w1450 .left .hr {
    height: 1px;
    border: 1px solid #e5e5e5;
    margin-bottom: 96px;
  }
  .index_news .w1450 .left .hr .yuan {
    width: 7px;
    height: 7px;
    border: 1px solid #000;
    border-radius: 50%;
    margin-top: -3px;
  }
  .index_news .w1450 .left .btn {
    width: 90px;
    height: 52px;
    border-radius: 91px;
    margin-bottom: 10px;
    background: url('../images/left_jt_b.png') center no-repeat #0079cd;
    cursor: pointer;
  }
  .index_news .w1450 .left .btn img {
    vertical-align: middle;
  }
  .index_news .w1450 .left .prev {
    transform: scaleX(-1);
  }
  .index_news .w1450 .left .swiper-button-disabled {
    background: url('../images/left_jt.png') center no-repeat #fff;
    border: 2px solid #0079cd;
  }
  .index_news .w1450 .index_news_Swiper3 {
    display: none;
  }
  .index_news .w1450 .right {
    width: 1191px;
    overflow: hidden;
  }
  .index_news .w1450 .right ul {
    height: auto;
  }
  .index_news .w1450 .right li {
    width: 376px;
    height: auto;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    position: relative;
    overflow: hidden;
  }
  .index_news .w1450 .right li .box {
    box-shadow: 0 0 10px #ccc;
  }
  .index_news .w1450 .right li:hover .bottom {
    overflow: visible;
    transform: translateY(-301px);
    transition: ease 0.8s;
  }
  .index_news .w1450 .right li .ms {
    font-size: 20px;
    line-height: 40px;
    color: #444;
    padding: 30px 38px 0;
    height: 166px;
    flex: none;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    height: 41.41%;
  }
  .index_news .w1450 .right li .bottom {
    max-height: 285px;
    overflow: hidden;
  }
  .index_news .w1450 .right li .bottom .date {
    background: url('../images/index_news_bg.png') no-repeat;
    padding: 45px 38px 38px;
    font-size: 20px;
    color: #fff;
    font-family: numberFont;
  }
  .index_news .w1450 .right li .bottom .date span:nth-child(2) {
    color: rgba(255, 255, 255, 0.4);
    margin-left: 20px;
  }
  .main_title {
    margin-bottom: -2%;
    margin-top: 3%;
    font-size: 20px;
    text-align: center;
  }
  .footer .top {
    background: #222222;
    padding: 140px 0 0px 0;
  }
  .footer .top .w1450 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-bottom: 135px;
    border-bottom: 1px solid #333333;
  }
  .footer .top .footer_d1_p1 {
    font-size: 16px;
    color: #999999;
    line-height: 32px;
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .footer .top .topp {
    width: 23%;
  }
  .footer .top .botto {
    display: flex;
    justify-content: space-between;
    width: 63%;
  }
  .footer .top .footer_d2_p1 {
    font-size: 24px;
    color: #fff;
  }
  .footer .top .footer_d2_ul {
    margin-top: 42px;
  }
  .footer .top .footer_d2_li {
    font-size: 16px;
    color: #999999;
    margin-top: 17px;
    line-height: 22px;
  }
  .footer .top .ddd_v {
    width: 27px;
    height: 2px;
    margin: 19px 0 14px 0;
    background-color: #5a9e36;
  }
  .footer .top .footer_d2_li img {
    margin-right: 10px;
    margin-top: 5px;
  }
  .footer .top .footer_d2_li_p1 {
    margin-left: 30px;
  }
  .footer .top .footer_d4 {
    width: 29%;
  }
  .footer .top .footer_d4_li {
    font-size: 16px;
    color: #999999;
    margin-top: 30px;
    margin-bottom: 10px;
    line-height: 22px;
  }
  .footer .top .name1,
  .footer .top .im_1,
  .footer .top .tel1,
  .footer .top .im_2,
  .footer .top .xuqiu1,
  .footer .top .im_3 {
    display: none;
  }
    .footer .top .na,.footer .top .em,.footer .top .tel1,.footer .top .co,.footer .top .te,.wh,.me{
        display: none;
      }
  .footer .top .ema_il {
    width: 100%;
    height: 35px;
    padding-left: 22px;
    border: 0px;
    background: #ffffff;
  }
  .footer .top .ema_il::placeholder {
    color: #cccccc;
    font-size: 14px;
  }
  .footer .top .sub1 {
    border: 0px;
    padding: 14px 56px;
    margin-top: 10px;
    background-color: #5b9e36;
    color: #fff;
    font-size: 16px;
  }
  .footer .top .footer_top_d_2_p1 {
    font-size: 16px;
    color: #505050;
    text-align: center;
  }
  .footer .top .footer_top_d_2 {
    padding: 30px 0 30px 0;
  }
  .index_banner .swiper-pagination-bullets {
    bottom: 30px !important;
  }
  .index_application .swiper-pagination-bullet-active {
    position: relative;
    opacity: 1 !important;
  }
  .index_application .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    margin: 0 10px !important;
    border-radius: 50%;
    opacity: 0.4;
  }
  .ban {
    position: relative;
  }
  .pub_padding {
    padding-top: 140px;
  }
  .news {
    padding-top: 140px;
  }
  .product .nav {
    position: relative;
    display: flex;
    justify-content: space-between;
    padding-bottom: 4%;
    border-bottom: 2px solid #e4e8ea;
    margin-bottom: 6%;
  }
  .product .nav li {
    width: 23.31%;
    height: 142px;
    background: url('../images/pdnav_bg.png');
    padding-top: 28px;
    border: 4px solid #fff;
    box-shadow: 0 0 30px 0 #ccc;
  }
  .product .nav li a {
    display: flex;
    justify-content: space-around;
  }
  .product .nav li:hover,
  .product .nav li.active {
    border: 4px solid #0079cd;
  }
  .product .nav li .ms p:nth-child(1) {
    font-size: 30px;
    color: #000;
    font-weight: bold;
    margin-bottom: 14px;
  }
  .product .nav li .ms p:nth-child(2) {
    font-size: 14px;
    color: rgba(0, 0, 0, 0.4);
    font-family: numberFont;
  }
  .product .nav .xh {
    position: absolute;
    top: 189px;
    left: 0;
    transition: 0.3s;
  }
  .product .nav2 {
    display: flex;
    justify-content: center;
    margin-bottom: 60px;
  }
  .product .nav2 li {
    width: 16%;
    background: #fff;
    line-height: 52px;
    border-radius: 52px;
    margin-left: 10px;
    font-size: 18px;
    color: #666;
    text-align: center;
  }
  .product .nav2 li:nth-child(1) {
    margin-left: 0;
  }
  .product .nav2 li a {
    width: 100%;
    height: 100%;
    display: block;
  }
  .product .nav2 li:hover,
  .product .nav2 li.active {
    background: #0079cd;
    color: #fff;
  }
  .product .pd {
    display: flex;
    flex-wrap: wrap;
    margin-right: -20px;
  }
  .product .pd li {
    margin-left: 1.37%;
    margin-bottom: 42px;
  }
  .product .pd li p {
    font-size: 18px;
    color: #000;
    text-align: center;
    margin-top: -46px;
    margin-bottom: 0;
    position: relative;
  }
  .product .pd li a:hover img {
    transform: scale(1.1);
  }
  .product .pd li .wrap {
    height: 346px;
    width: 346px;
    overflow: hidden;
  }
  .product .cc_botton {
    margin: 60px 0 140px 0;
  }
  .base ul li {
    position: relative;
    display: flex;
    margin-bottom: 60px;
    justify-content: space-between;
    margin-left: -17px;
  }
  .base ul li:hover .blue {
    width: 100% !important;
  }
  .base ul li .img {
    border-bottom: 6px solid #fff;
    position: relative;
  }
  .base ul li .img .blue {
    height: 6px;
    background: #0079cd;
    position: absolute;
    width: 0;
    transition: 0.5s;
  }
  .base ul li:last-child {
    margin-bottom: 0;
  }
  .base ul li:nth-child(2n) {
    flex-flow: row-reverse;
    justify-content: space-between;
    margin-left: 0;
    margin-right: -7px;
  }
  .base ul li:nth-child(2n) .num {
    left: 1214px;
  }
  .base ul li .right {
    font-size: 64px;
    line-height: 70px;
    -webkit-text-stroke: 1px #cbdcee;
    color: rgba(0, 0, 0, 0);
    text-transform: uppercase;
    margin-top: 90px;
  }
  .base ul li .right p.yw {
    margin-bottom: 60px;
    font-family: numberFont;
  }
  .base ul li .right .bottom {
    display: flex;
    align-items: center;
  }
  .base ul li .right .bottom .left {
    width: 58px;
    height: 98px;
    background: #0079cd;
    border-radius: 10px;
    margin-right: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .base ul li .right .bottom .left img {
    display: block;
  }
  .base ul li .right .bottom .ms p:nth-child(1) {
    font-size: 36px;
    color: #0079cd;
    -webkit-text-stroke: 0;
    margin-bottom: 0;
    font-weight: bold;
    line-height: 40px;
  }
  .base ul li .right .bottom .ms p:nth-child(2) {
    font-size: 18px;
    color: #444;
    -webkit-text-stroke: 0;
    margin-bottom: 0;
    line-height: 40px;
  }
  .base ul li .num {
    position: absolute;
    top: -109px;
    left: 80px;
    color: #fff;
    font-size: 150px;
  }
  .news {
    padding-bottom: 0;
  }
  .news .qiye {
    margin-bottom: 140px;
    position: relative;
  }
  .news .qiye a img {
    transition: 0.8s;
  }
  .news .qiye a:hover .title {
    color: #0079cd;
  }
  .news .qiye a:hover img {
    transform: scale(1.1);
  }
  .news .qiye a:hover .ckxq .more {
    color: #0079cd !important;
  }
  .news .qiye .title {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 46px;
    font-weight: lighter;
    margin-bottom: 50px;
  }
  .news .qiye .content {
    display: flex;
  }
  .news .qiye .content .ms {
    flex: 1;
    background: #fff;
    padding: 77px 70px;
    display: flex;
    justify-content: space-between;
    flex-direction: column;
  }
  .news .qiye .content .ms .title {
    font-size: 26px;
    line-height: 44px;
    font-weight: lighter;
    margin-bottom: 0;
  }
  .news .qiye .content .ms .jianjie {
    font-size: 16px;
    line-height: 30px;
    color: #888888;
    font-weight: lighter;
  }
  .news .qiye .content .ms .ckxq {
    display: flex;
    justify-content: space-between;
  }
  .news .qiye .content .ms .ckxq .more {
    font-size: 16px;
    color: #888888;
  }
  .news .qiye .content .ms .ckxq .date {
    font-size: 20px;
    font-family: numberFont;
  }
  .news .qiye .content .ms .ckxq .date span:nth-child(1) {
    color: #0079cd;
    margin-right: 9px;
  }
  .news .swiper-container-horizontal > .swiper-pagination-bullets,
  .news .swiper-pagination-custom,
  .news .swiper-pagination-fraction {
    bottom: -65px;
  }
  .news .swiper-pagination-bullet {
    border: 2px solid #0079cd;
    background: none;
    width: 10px !important;
    height: 10px !important;
  }
  .news_read {
    padding-top: 26px;
    text-align: center;
    padding: 120px 0;
  }
  .news_read .title {
    font-size: 26px;
    line-height: 44px;
    font-weight: lighter;
  }
  .news_read .date {
    font-size: 20px;
    line-height: 40px;
    margin-bottom: 49px;
    font-family: numberFont;
  }
  .news_read .date span:nth-child(1) {
    color: #0079cd;
  }
  .news_read .content {
    font-size: 16px;
    line-height: 36px;
    text-align: left;
    font-weight: lighter;
  }
  .news_read .content p {
    margin-bottom: 20px;
  }
  .hangye {
    background: #fff;
    padding: 6% 0;
  }
  .hangye .cc_botton {
    margin-bottom: 0;
    margin-top: 50px;
  }
  .hangye .title {
    font-size: 46px;
    font-weight: lighter;
    margin-bottom: 50px;
  }
  .hangye ul li {
    padding: 20px;
    background: #f0f4f7;
    margin-bottom: 20px;
    box-sizing: border-box;
    border: 2px solid transparent;
  }
  .hangye ul li:hover {
    background: #fff;
    border: 2px solid #0079cd;
  }
  .hangye ul li a {
    display: flex;
  }
  .hangye ul li img {
    margin-right: 61px;
  }
  .hangye ul li .ms {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .hangye ul li .ms .title {
    font-size: 24px;
    color: #000;
    margin-bottom: 0;
  }
  .hangye ul li .ms .content {
    font-size: 16px;
    font-weight: lighter;
    line-height: 29px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
  }
  .hangye ul li .ms .date {
    font-size: 20px;
    font-family: numberFont;
  }
  .hangye ul li .ms .date span:nth-child(1) {
    color: #0079cd;
    margin-right: 11px;
  }
  .about {
    padding-top: 140px;
  }
  .about .pub_title {
    margin-bottom: 60px;
    font-size: 46px;
    text-align: center;
    font-weight: lighter;
    line-height: 46px;
  }
  .about .qyjs .shuju {
    display: flex;
    justify-content: space-between;
    padding-bottom: 70px;
    border-bottom: 2px solid #dde6ec;
    margin-bottom: 3%;
  }
  .about .qyjs .shuju li {
    width: 32%;
    display: flex;
    box-shadow: 0 0 40px #ccc;
  }
  .about .qyjs .shuju li:hover {
    box-shadow: 0 0 40px #999;
  }
  .about .qyjs .shuju li .left {
    width: 34.45%;
    margin-right: 2px;
    background: #fff;
    height: 188px;
    position: relative;
  }
  .about .qyjs .shuju li .left img {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -40px;
    margin-left: -40px;
  }
  .about .qyjs .shuju li .right {
    flex: 1;
    background: #fff;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  .about .qyjs .shuju li .right P:nth-child(1) {
    font-size: 60px;
    line-height: 60px;
    color: #0079cd;
    font-family: numberFont;
  }
  .about .qyjs .shuju li .right P:nth-child(2) {
    font-size: 16px;
    line-height: 32px;
    color: #222;
    font-weight: bold;
  }
  .about .qyjs .jianjie {
    display: flex;
  }
  .about .qyjs .jianjie .ms {
    padding: 0 7.31%;
    background: url('../images/qybg.png');
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: start;
    flex-direction: column;
  }
  .about .qyjs .jianjie .ms img {
    margin-bottom: 28px;
  }
  .about .qyjs .jianjie .ms .main {
    font-size: 36px;
    line-height: 56px;
    color: #fff;
    margin-bottom: 47px;
  }
  .about .qyjs .jianjie .ms .content {
    font-size: 16px;
    line-height: 40px;
    color: rgba(255, 255, 255, 0.6);
  }
  .jingshen {
    text-align: center;
    padding-top: 868px;
    background: url('../images/js_bg.png') no-repeat;
    background-color: #f0f4f7;
  }
  .jingshen .ry .title {
    font-size: 46px;
    line-height: 46px;
    font-weight: lighter;
    margin-bottom: 90px;
  }
  .jingshen .ry ul {
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #dee6ed;
  }
  .jingshen .ry .baibian {
    height: 16px;
    background: #fff;
    margin-bottom: 176px;
  }
  .huanjing {
    margin-bottom: 140px;
  }
  .huanjing .title {
    text-align: center;
    font-size: 46px;
    line-height: 46px;
    font-weight: lighter;
    margin-bottom: 80px;
  }
  .huanjing ul li {
    border: 8px solid transparent;
    box-sizing: border-box;
    opacity: 0.3;
  }
  .huanjing ul li.swiper-slide-active {
    border: 8px solid #fff;
    opacity: 1;
    box-shadow: 10px 10px 20px #ccc;
  }
  .contact {
    position: relative;
    padding-bottom: 128px;
  }
  .contact .info {
    width: 480px;
    height: 480px;
    background: #fff;
    position: absolute;
    top: 212px;
    right: 0;
    display: flex;
    flex-direction: column;
    padding: 0 59px;
    font-size: 18px;
    color: #222;
  }
  .contact .info li {
    flex: 1;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #e8eef2;
    padding-left: 34px;
  }
  .contact .info li:nth-child(3) {
    border: none;
  }
  .contact .info li img {
    margin-right: 35px;
  }
  .contact .info li p {
    line-height: 40px;
    font-weight: lighter;
  }
  .contact .amap_box {
    padding: 0;
  }
  .message {
    margin-bottom: 222px;
    display: flex;
    align-items: center;
    flex-direction: column;
  }
  .message .title {
    text-align: center;
    font-size: 46px;
    margin-bottom: 60px;
  }
  .message .content {
    height: 538px;
    width: 100%;
    background: #fff;
    padding: 10.2%;
    position: relative;
  }
  .message .content form {
    display: flex;
    justify-content: space-between;
    align-content: space-between;
    flex-wrap: wrap;
    height: 100%;
  }
  .message .content form input::placeholder {
    color: #000;
    font-size: 18px;
  }
  .message .content form input:focus {
    border-bottom: 2px solid #000;
  }
  .message .content form input:focus::placeholder {
    color: #fff;
  }
  .message .content form input:valid {
    color: #0079cd;
    font-size: 18px;
  }
  .message .content form .wrap {
    width: 100%;
    position: absolute;
  }
  .message .content form .sub {
    position: absolute;
    top: 100%;
    width: 20%;
  }
  .message .content form .sub:valid {
    color: #fff;
  }
  .message .sub {
    background: #0079cd;
    border: none;
    width: 100%;
    height: 82px;
    font-size: 18px;
    color: #fff;
  }
  .message .sub img {
    vertical-align: baseline;
    margin-left: 12px;
  }
  .hangye {
    padding-bottom: 140px;
  }
  .index_banner .swiper-pagination-bullet-active::after {
    display: none;
  }
  .base {
    padding: 186px 0 152px 0;
  }
  .mybtn {
    width: 166px;
    border-radius: 91px;
    margin-bottom: 20px;
    border: 2px solid #0079cd;
    line-height: 52px;
    font-size: 16px;
    overflow: hidden;
  }
  .mybtn:hover {
    color: #fff;
    background: #0079cd;
  }
  .mybtn a {
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .mybtn a img {
    background: none;
  }
  .mybtn img {
    margin-left: 13px;
    margin-right: 0 !important;
  }
  .product_read {
    padding-bottom: 0;
  }
  .product_read colgroup col {
    position: sticky;
  }
  .product_read .top {
    display: flex;
    margin-bottom: 120px;
  }
  .product_read .top .img {
    background: #FFF;
    box-shadow: 0 0 40px #ccc;
    margin-right: 120px;
  }
  .product_read .top .right {
    font-size: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }
  .product_read .bottom {
    background: #fff;
    padding-top: 100px;
    padding-bottom: 120px;
  }
  .product_read .bottom .box {
    position: relative;
  }
  .product_read .bottom .title {
    text-align: center;
    font-size: 40px;
    line-height: 40px;
    font-weight: lighter;
    border-bottom: 2px solid #e4ebf1;
    margin-bottom: 63px;
    padding-bottom: 30px;
  }
  .product_read .bottom .fk {
    width: 60px;
    height: 8px;
    background: #0079cd;
    position: absolute;
    left: 50%;
    bottom: -3px;
    transform: translateX(-50%);
  }
  .product_read .bottom .scroll {
    margin-bottom: 130px !important;
    font-size: 18px;
    line-height: 30px;
  }
  .product_read .bottom table {
    width: 100%;
  }
  .product_read .bottom table td {
    text-align: center;
    font-size: 16px;
    font-weight: lighter;
    padding: 5px;
    width: fit-content;
  }
  .product_read .bottom table th {
    font-size: 16px;
  }
  .product_read .bottom table tr:nth-of-type(odd) {
    background: skyblue;
  }
  .product_read .bottom .button {
    display: flex;
    justify-content: space-between;
  }
  .INDEX_about .back_ab {
    background: url(../images/image/a_b.png) no-repeat;
    padding: 195px 0 207px 0;
    background-position: 132px 530px;
  }
  .INDEX_about .INDEX_about_d {
    display: flex;
    justify-content: space-between;
  }
  .INDEX_about .INDEX_about_left {
    width: 40%;
  }
  .INDEX_about .INDEX_about_h1 {
    font-size: 48px;
    line-height: 93px;
    font-weight: bold;
    color: #000;
  }
  .INDEX_about .INDEX_left_p1 {
    font-size: 20px;
    margin-bottom: 66px;
    color: #000;
  }
  .INDEX_about .INDEX_left_p2 {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-bottom: 60px;
  }
  .INDEX_about .INDEX_left_btn {
    padding: 13px 36px;
    font-size: 16px;
    color: #5a9e36;
    border: 1px solid #000;
  }
  .INDEX_about .INDEX_left_btn:hover {
    background: #5a9e36;
    border: 0px;
    color: #fff;
    border: 1px solid #5a9e36;
    transition: 0.7s;
  }
  .INDEX_about .X {
    height: 2px;
    width: 50px;
    background-color: #000;
    margin: 35px 0;
  }
  /*banner_btn*/
  .ban_btn {
    position: relative;
  }
  .swiper-slide:nth-child(5) .banner_btn {
    display: none;
  }
  .swiper-slide:nth-child(4) .banner_btn {
    display: none;
  }
  .swiper-slide:nth-child(3) .banner_btn {
    display: none;
  }
  .swiper-slide:nth-child(2) .banner_btn {
    display: none;
  }
  .pulsing:before,
  .pulsing:after {
    content: "";
    position: absolute;
  }
  .button-pulse {
    position: absolute;
    top: 57.9%;
    left: 14.8%;
  }
  .button-pulse button {
    background: transparent;
    color: #5b9e36;
    border: 1px solid #fff;
    padding: 13px 18px;
    outline: none;
    cursor: pointer;
    position: relative;
    transition: 0.2s ease-in-out;
    letter-spacing: 2px;
    font-family: arial;
  }
  .button__wrapper {
    display: inline-block;
    position: relative;
    width: 160px;
    height: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .button-pulse button {
    background: #fff;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .button-pulse .button__wrapper:hover .pulsing:before {
    animation: pulsing 2.2s linear infinite;
    background-color: #fff;
  }
  .button-pulse .button__wrapper:hover .pulsing:after {
    animation: pulsing1 2.2s linear infinite;
    background-color: #fff;
  }
  .pulsing {
    width: 99%;
    height: 99%;
    border-radius: 50px;
    z-index: 1;
    position: relative;
  }
  .pulsing:before,
  .pulsing:after {
    width: 100%;
    height: 100%;
    border: inherit;
    top: 0;
    left: 0;
    z-index: 0;
    background: #fff;
  }
  @keyframes pulsing {
    0% {
      opacity: 1;
      transform: scaleY(1) scaleX(1);
    }
    20% {
      opacity: 0.5;
    }
    70% {
      opacity: 0.2;
      transform: scaleY(1.8) scaleX(1.4);
    }
    80% {
      opacity: 0;
      transform: scaleY(1.8) scaleX(1.4);
    }
    90% {
      opacity: 0;
      transform: scaleY(1) scaleX(1);
    }
  }
  @keyframes pulsing1 {
    0% {
      opacity: 1;
      transform: scaleY(1) scaleX(1);
    }
    20% {
      opacity: 0.5;
    }
    70% {
      opacity: 0.2;
      transform: scaleY(1.3) scaleX(1.15);
    }
    80% {
      opacity: 0;
      transform: scaleY(1.3) scaleX(1.15);
    }
    90% {
      opacity: 0;
      transform: scaleY(1) scaleX(1);
    }
  }
  .chanpin_zhong .READ_z:hover {
    background-color: #5a9e36;
    color: #fff;
    transition: 0.5s;
  }
  .xin_new .READ_z:hover {
    background-color: #5a9e36;
    color: #fff;
    border: 1px solid #fff;
    transition: 0.5s;
  }
  .xin_swiper_w {
    overflow: hidden;
  }
  .swiper-honor:hover .READ {
    border: 1px solid #fff;
    color: #fff;
    transition: 0.5s;
  }
  .READ {
    padding: 13px 36px;
    border: 1px solid rgba(0, 0, 0, 0.786);
    font-size: 14px;
    color: #222;
  }
  .tec_img .swiper-honor:nth-child(1) {
    margin-left: 15%;
  }
  .biao_p1 {
    font-size: 20px;
    margin-top: 14px;
  }
  .swiper_btn {
    display: flex;
    justify-content: center;
  }
  .swiper_btn .btn {
    width: 42px;
    height: 42px;
    border-radius: 91px;
    background: url(../images/jl.jpg) center no-repeat;
    box-shadow: 0px 0px 29px -13px;
    cursor: pointer;
  }
  .swiper_btn .btn:hover {
    background: url(../images/r_b.png) center no-repeat;
    background-color: #5b9e36;
  }
  .CONT .CONT_telephone {
    font-size: 22px;
    margin-top: 20px;
  }
  .CONT .CONT_top_d1 {
    display: flex;
    justify-content: space-around;
    margin: 115px auto 158px;
  }
  .CONT .CONT_top_d2 {
    text-align: center;
  }
  .About_fu_title {
    background: linear-gradient(0deg, #006a3e, #5b9e36);
  }
  
  
  
  
  
  
  
  .About_fu_title .pro_e .name1{
      display: none;
  }
  .About_fu_title .pro_e .im_1{
      display: none;
  }
  .About_fu_title .pro_e .tel1{
      display: none;
  }
  .About_fu_title .pro_e .im_2{
      display: none;
  }
  .About_fu_title .pro_e .xuqiu1{
      display: none;
  }
  .About_fu_title .pro_e .im_3{
      display: none;
  }
  .About_fu_title .pro_e .sub1{
      display: none;
  }
  
  
  
  
  
  
  
  
  
  .About_fu_title .About_fu_title_ul {
    display: flex;
    width: 60%;
    justify-content: space-between;
  }
  .About_fu_title .About_fu_title_li {
    font-size: 24px;
    color: #fff;
    line-height: 90px;
  }
  .About_fu_title .ww {
    display: flex;
    justify-content: space-between;
  }
  .About_fu_title .About_fu_title_dimg {
    padding: 0 21px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  
  
  
  .About_fu_title .About_fu_title_img {
    text-align: center;
    margin-top: 25px;
  }
  .ABOUT_Introduction {
    padding: 205px 0 238px 0;
  }
  .ABOUT_Introduction .ab_ddd {
    height: 3px;
    background: url(../images/zu1.jpg) no-repeat;
    margin: 52px 0 100px;
  }
  .ABOUT_Introduction .ab_tit_p1 {
    color: #5b9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .ABOUT_Introduction .ab_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .ABOUT_Introduction .ab_tit_p3 {
    font-size: 16px;
    line-height: 44px;
    word-break: break-all;
  }
  .ABOUT_Introduction .left_ab {
    width: 40%;
    margin-top: 40px;
  }
  .ABOUT_Introduction .ww1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 164px;
  }
  .ABOUT_Introduction .ww2_d2 {
    margin-bottom: 10px;
  }
  .ABOUT_Introduction .right_ww2_p1 {
    font-size: 36px;
    line-height: 56px;
    margin-top: 5px;
  }
  .ABOUT_Introduction .right_ww2_p2 {
    font-size: 20px;
    line-height: 44px;
    margin-top: 70px;
  }
  .ABOUT_Introduction .ww2 {
    display: flex;
    justify-content: space-between;
  }
  .ABOUT_Introduction .right_ww2 {
    width: 59%;
  }
  .ABOUT_Introduction .ab_ddd2 {
    height: 3px;
    background: url(../images/zu1.jpg) no-repeat;
    margin: 52px 0 0px;
  }
  .CULTURE_culture {
    margin-bottom: 282px;
  }
  .CULTURE_culture .cul_tit_d1 {
    text-align: center;
  }
  .CULTURE_culture .cul_tit_p1 {
    color: #5b9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .CULTURE_culture .cul_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .CULTURE_culture .culture_d1_li {
    width: 32%;
    background-color: #fff;
    padding: 133px 79px 134px 79px;
    border: 1px solid #eeeeeea3;
    box-shadow: 0px 9px 36px -30px;
  }
  .CULTURE_culture .cul_img2 {
    display: none;
  }
  .CULTURE_culture .culture_d1_li:hover {
    background: linear-gradient(0deg, #006a3e, #5b9e36);
    color: #fff;
    transition: 0.5s;
  }
  .CULTURE_culture .culture_d1_li:hover .cul_img2 {
    display: block;
  }
  .CULTURE_culture .culture_d1_li:hover .cul_img1 {
    display: none;
  }
  .CULTURE_culture .culture_d1_li_p1 {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    margin: 55px 0 37px 0;
  }
  .CULTURE_culture .culture_d1_li_p2 {
    font-size: 22px;
    line-height: 38px;
  }
  .CULTURE_culture .culture_d1_ul {
    display: flex;
    justify-content: space-between;
    margin-top: 95px;
  }
  .title_1 {
    text-align: center;
  }
  .ZHI_title {
    text-align: left;
  }
  .title_1_p1 {
    font-size: 16px;
    color: #5a9e36;
    text-transform: uppercase;
    font-weight: bold;
  }
  .title_1_p2 {
    font-size: 48px;
    color: #000;
    font-weight: bold;
  }
  .YOU_ad {
    background: url(../images/image/6b.jpg) no-repeat center;
    padding: 150px 0;
  }
  .YOU_ad .title_1 {
    margin-bottom: 111px;
  }
  .YOU_ad .YOU_li_p1 {
    color: #000;
    font-size: 20px;
    margin: 37px 0 17px 0;
  }
  .YOU_ad .YOU_li_p2 {
    font-size: 14px;
    color: #000;
    line-height: 25px;
  }
  .YOU_ad .YOU_ad_d1 {
    width: 100%;
  }
  .YOU_ad .YOU_li {
    width: 18%;
    height: 265px;
    background-color: #fff;
  }
  .YOU_ad .you_li_d1 {
    display: inline-block;
    padding: 40px 40px 45px 40px;
    width: 100%;
    height: 265px;
    text-align: center;
    background: linear-gradient(to top right, #5b9e36, #006a3e) no-repeat calc(200% - var(--i, 0) * 100%) 100% / 200% calc(100% * var(--i, 0) + 0.08em);
    transition: 0.4s calc(var(--i, 0) * 0.4s), background-position 0.4s calc(0.4s - calc(var(--i, 0) * 0.4s));
  }
  .YOU_ad .you_li_d1:hover {
    --i: 1;
    cursor: pointer;
  }
  .YOU_ad .YOU_li:hover .YOU_li_p1 {
    text-decoration: underline;
    color: #fff;
    transition: 0.6s;
  }
  .YOU_ad .YOU_li:hover .YOU_li_p2 {
    color: #fff;
    transition: 0.6s;
  }
  .YOU_ad .img1 {
    display: inline-block;
    margin: 0 auto;
    transition: 0.5s;
  }
  .YOU_ad .img2 {
    display: none;
    margin: 0 auto;
  }
  .YOU_ad .YOU_li:hover .img1 {
    display: none;
  }
  .YOU_ad .YOU_li:hover .img2 {
    display: block;
    transition: 0.5s;
  }
  .YOU_ad .YOU_ad_ul {
    display: flex;
    justify-content: space-between;
  }
  .YOU_ad .Y_li1 {
    margin-top: 32px;
  }
  .zhi_p1 {
    font-size: 24px;
    color: #000;
  }
  .honor_swiper_tu {
    display: block;
    position: relative;
  }
  .honor_swiper_tu_img {
    height: 247px;
    width: 100%;
    margin-bottom: 45px;
    margin-top: 20px;
    cursor: pointer;
  }
  .swiper-honor {
    width: 26.5% !important;
    margin-right: 50px !important;
    background: url(../images/image/produc_bei.png) no-repeat center;
    background-color: #eeeeee;
  }
  .honor_swiper_tu {
    padding: 77px 62px;
    width: 100% !important;
    text-align: center;
    background: linear-gradient(to top right, #5b9e36, #006a3e) calc(100% - var(--p, 0%)) / var(--p, 0%) no-repeat;
    transition: 0.8s, background-position 0s;
  }
  .honor_swiper_tu:hover {
    --p: 100%;
  }
  .swiper-honor:hover .READ {
    border: 1px solid #fff;
    color: #fff;
    transition: 0.5s;
  }
  .READ {
    padding: 13px 36px;
    border: 1px solid rgba(0, 0, 0, 0.786);
    font-size: 14px;
    color: #222;
  }
  .tec_img .swiper-honor:nth-child(1) {
    margin-left: 15%;
  }
  .biao_p1 {
    font-size: 20px;
  }
  .swiper_btn {
    display: flex;
    justify-content: center;
  }
  .swiper_btn .btn {
    width: 42px;
    height: 42px;
    border-radius: 91px;
    background: url(../images/jl.jpg) center no-repeat;
    box-shadow: 0px 0px 29px -13px;
    cursor: pointer;
  }
  .swiper_btn .btn:nth-child(1) {
    transform: scaleX(-1);
    margin-right: 15px;
  }
  .bia {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
    margin-bottom: 118px;
  }
  .ZHI_n {
    padding: 350px 0 150px 0;
    position: relative;
  }
  .SHI {
    width: 71.5%;
    position: absolute;
    top: -90px;
    background: linear-gradient(to top left, #006a3e, #5b9e36);
  }
  .SHI .shijian_ul {
    display: flex;
    justify-content: space-evenly;
    padding: 55px 85px;
  }
  .SHI .shijian_li {
    padding: 0 55px;
  }
  .SHI .shijian_li_p1 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
  }
  .SHI .shijian_li_p2 {
    font-size: 16px;
    color: #fff;
  }
  .chanpin_zhong {
    padding: 173px 0 149px;
    background: url(../images/image/chanp.jpg) no-repeat center;
    text-align: center;
  }
  .chanpin_zhong .zp1 {
    font-size: 16px;
    color: #fff;
    text-transform: uppercase;
    font-weight: bold;
  }
  .chanpin_zhong .zp2 {
    font-size: 48px;
    color: #fff;
    font-weight: bold;
    margin: 3px 0 5px 0;
  }
  .chanpin_zhong .zp3 {
    font-size: 20px;
    color: #fff;
    line-height: 55px;
    margin-bottom: 50px;
  }
  .chanpin_zhong .READ_z {
    padding: 13px 36px;
    border: 0px;
    background-color: #fff;
    font-size: 14px;
    color: #222;
  }
  .xin_new {
    padding: 186px 0 400px 0;
    position: relative;
  }
  .xin_new .NE_d1 {
    width: 30.31%;
    box-shadow: 0px 0px 21px -13px;
    margin-bottom: 100px;
  }
  .xin_new .NE_d2 {
    padding: 43px 53px;
  }
  .xin_new .NE_d2_sp1 {
    font-size: 16px;
    color: #222;
    margin: 0 20px 0 10px;
  }
  .xin_new .NE_d2_sp2 {
    font-size: 16px;
    background-color: #5a9e36;
    padding: 5px 10px;
    color: #fff;
  }
  .xin_new .NE_d2_p1 {
    font-size: 24px;
    color: #222;
    margin-top: 20px;
    font-weight: bold;
    margin-bottom: 49px;
  }
  .xin_new .NE_d2 img {
    margin-top: 2px;
  }
  .xin_new .NE_d3 {
    display: flex;
  }
  .xin_new .NE_d3 img {
    width: 8%;
    height: 9px;
    margin: auto 0;
  }
  .xin_new .NE_d3 p {
    font-size: 16px;
    color: #5a9e36;
    margin-right: 20px;
  }
  .xin_new .NE_n {
    display: flex;
    justify-content: space-between;
    margin-top: 82px;
  }
  .xin_new .NE_d1_img {
    overflow: hidden;
  }
  .xin_new .NE_d1_img .NE_d1_img1 {
    transition: 0.7s;
    width: 100%;
  }
  .xin_new .NE_d1:hover .NE_d1_img1 {
    transform: scale(1.1);
  }
  .xin_new .NE_new_d1 {
    position: absolute;
    bottom: -107px;
    background: linear-gradient(180deg, #006a3e, #5b9e36);
    padding: 95px 0 77px;
    width: 71.5%;
  }
  .xin_new .NE_new_d2 {
    text-align: center;
  }
  .xin_new .NE_new_d2_p1 {
    font-size: 16px;
    color: #fafafa;
    text-transform: uppercase;
    font-weight: bold;
  }
  .xin_new .NE_new_d2_p2 {
    font-size: 48px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 69px;
    margin-top: 26px;
  }
  .xin_new .READ_z {
    padding: 13px 36px;
    border: 0px;
    background-color: #fff;
    font-size: 14px;
    color: #222;
  }
  .About_fu_title {
    background: linear-gradient(0deg, #006a3e, #5b9e36);
  }
  .About_fu_title .About_fu_title_ul {
    display: flex;
    width: 60%;
    justify-content: space-between;
  }
  .About_fu_title .About_fu_title_li {
    font-size: 24px;
    color: #fff;
    line-height: 90px;
  }
  .About_fu_title .ww {
    display: flex;
    justify-content: space-between;
  }
  .About_fu_title .About_fu_title_dimg {
    padding: 0 21px;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .About_fu_title .About_fu_title_img {
    text-align: center;
    margin-top: 25px;
  }
  .ABOUT_Introduction {
    padding: 205px 0 243px 0;
  }
  .ABOUT_Introduction .ab_ddd {
    height: 3px;
    background: url(../images/zu1.jpg) no-repeat;
    margin: 52px 0 100px;
  }
  .ABOUT_Introduction .ab_tit_p1 {
    color: #5b9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .ABOUT_Introduction .ab_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .ABOUT_Introduction .ab_tit_p3 {
    font-size: 16px;
    line-height: 30px;
    word-break: break-all;
  }
  .ABOUT_Introduction .left_ab {
    width: 40%;
    margin-top: 40px;
  }
  .ABOUT_Introduction .ww1 {
    display: flex;
    justify-content: space-between;
    margin-bottom: 164px;
  }
  .ABOUT_Introduction .ww2_d2 {
    margin-bottom: 10px;
  }
  .ABOUT_Introduction .right_ww2_p1 {
    font-size: 36px;
    line-height: 56px;
    margin-top: 5px;
  }
  .ABOUT_Introduction .right_ww2_p2 {
    font-size: 20px;
    line-height: 44px;
    margin-top: 70px;
  }
  .ABOUT_Introduction .ww2 {
    display: flex;
    justify-content: space-between;
  }
  .ABOUT_Introduction .right_ww2 {
    width: 59%;
  }
  .ABOUT_Introduction .ab_ddd2 {
    height: 3px;
    background: url(../images/zu1.jpg) no-repeat;
    margin: 52px 0 0px;
  }
  .CULTURE_culture {
    margin-bottom: 282px;
  }
  .CULTURE_culture .cul_tit_d1 {
    text-align: center;
  }
  .CULTURE_culture .cul_tit_p1 {
    color: #5b9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .CULTURE_culture .cul_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .CULTURE_culture .culture_d1_li {
    width: 32%;
    background-color: #fff;
    padding: 133px 79px 134px 79px;
    border: 1px solid #eeeeeea3;
    box-shadow: 0px 9px 36px -30px;
  }
  .CULTURE_culture .culture_d1_li_p1 {
    font-size: 24px;
    line-height: 35px;
    font-weight: bold;
    margin: 55px 0 37px 0;
  }
  .CULTURE_culture .culture_d1_li_p2 {
    font-size: 22px;
    line-height: 38px;
  }
  .CULTURE_culture .culture_d1_ul {
    display: flex;
    justify-content: space-between;
    margin-top: 95px;
  }
  .workshop .wor_tit_d1 {
    text-align: left;
  }
  .workshop .wor_tit_p1 {
    color: #5a9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .workshop .wor_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .workshop .shop_d2_p {
    font-size: 20px;
    margin-top: 15px;
    text-align: center;
  }
  .workshop .shop_d2 {
    width: 24% !important;
  }
  .workshop .shop_d2:first-child {
    margin-left: 15%;
  }
  .workshop .yy11 {
    display: flex;
    justify-content: space-between;
  }
  .workshop .wor_tt {
    margin-top: 40px;
  }
  .workshop .SHOP_swiper {
    margin-top: 78px;
  }
  .honor {
    margin-top: 270px;
  }
  .honor .hon_tit_d1 {
    text-align: center;
  }
  .honor .hon_tit_p1 {
    color: #5a9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .honor .hon_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .honor .honor_swiper {
    overflow: hidden;
  }
  .honor .hor_d2_ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .honor .hor_d2_ul .hor_d2_ul_p {
    margin: 0 15px 30px;
  }
  .honor .honor_swiper {
    margin-top: 88px;
  }
  .honor .honor_swiper {
    position: relative;
    padding-bottom: 123px;
    margin-bottom: 175px;
  }
  .honor .swiper-pagination-bullet {
    width: 20px !important;
    height: 20px !important;
    text-align: center;
    line-height: 20px;
    font-size: 20px;
    color: #a2a2a2;
    opacity: 1;
  }
  .honor .swiper-container-horizontal > .swiper-pagination-bullets,
  .honor .swiper-pagination-custom,
  .honor .swiper-pagination-fraction {
    bottom: 0px;
  }
  .honor .swiper-pagination-bullet-active {
    font-weight: bold;
    color: #000000;
    background: #ffffff;
  }
  .honor .swiper-pagination-bullet {
    background-color: #0000;
  }
  .honor .swiper_btn {
    position: absolute;
    left: 37.3%;
    bottom: 7px;
  }
  .honor .ttho {
    width: 20% !important;
    display: inline-block;
    left: 40% !important;
    cursor: pointer;
    bottom: 0;
  }
  .honor .swiper_btn .btn1 {
    font-size: 20px;
    color: #a2a2a2;
  }
  .honor .swiper_btn .btn1:hover {
    color: #000;
  }
  .honor .next {
    margin: 0px 220px 0 0;
  }
  .honor .prev {
    margin: 0px 0px 0 0;
  }
  .pro_ab {
    width: 43% !important;
  }
  .pro_tit_d1 {
    text-align: center;
  }
  .pro_tit_p1 {
    color: #5a9e36;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 5px;
  }
  .pro_tit_p2 {
    color: #000;
    font-size: 48px;
    font-weight: bold;
  }
  .PRODUCT_pro {
    margin-top: 158px;
  }
  .PRODUCT_pro .PRO_D1_ul_li_p {
    height: 62px;
    font-size: 24px;
    color: #000;
    margin-bottom: 35px;
  }
  .PRODUCT_pro .pro_READ {
    font-size: 14px;
    padding: 10px 30px;
    border: 1px solid #000;
  }
  .PRODUCT_pro .PRO_D1_ul_li {
    margin-left: 5px;
    margin-bottom: 5px;
    padding: 75px 60px 50px;
    width: 32%;
    text-align: center;
  }
  .PRODUCT_pro .PRO_D1_ul_li img {
    height: 213px;
    margin-bottom: 64px;
  }
  .PRODUCT_pro .PRO_D1_ul {
    margin-bottom: 178px;
    display: flex;
    flex-wrap: wrap;
  }
  .PRODUCT_pro .pro_b {
    width: 32.9% !important;
    background: url(../images/produc_bei.png) no-repeat center;
    background-color: #eeeeee;
    transition: 0.5s;
  }
  .PRODUCT_pro .pro_b:hover {
    transform: scale(1.1);
    box-shadow: 0px 3px 33px -24px;
  }
  .PRODUCT_pro .PRO_D1 {
    margin: 121px 0 185px 0;
  }
  .DOWN_ab {
    width: 25% !important;
  }
  .DOWNLOAD {
    margin-top: 158px;
  }
  .DOWNLOAD .down_d1 {
    margin: 129px 0 153px 0;
  }
  .DOWNLOAD .down_d1_ul{
      margin-bottom: 134px;
  }
  .DOWNLOAD .down_d1_li {
    display: flex;
    justify-content: space-between;
    padding: 30px 95px;
    border-top: 1px solid #00000012;
    border-bottom: 1px solid #55555512;
    margin-top: -1px;
  }
  .DOWNLOAD .down_d1_li:hover .down_li_left span {
    color: #000;
    font-weight: bold;
  }
  .DOWNLOAD .down_li_left span {
    font-size: 24px;
    color: #222222;
    line-height: 47px;
    margin-left: 30px;
  }
  .DOWNLOAD .down_li_right img {
    margin-top: 10px;
  }
  .DOWNLOAD .down_img2 {
    display: none;
  }
  .DOWNLOAD .down_d1_li:hover .down_img2 {
    display: block;
  }
  .DOWNLOAD .down_d1_li:hover .down_img1 {
    display: none;
  }
  .new_nw {
    margin-top: 130px;
  }
  .new_nw .sp1 {
    font-size: 16px;
    color: #222;
    margin: 0 20px 0 10px;
  }
  .new_nw .sp2 {
    font-size: 16px;
    background-color: #5a9e36;
    padding: 5px 10px;
    color: #fff;
  }
  .new_nw .ne_top {
    display: flex;
    margin-top: 90px;
    margin-bottom: 120px;
  }
  .new_nw .ne_top_d2 {
    padding: 79px 102px;
    width: 52.3%;
    background-color: #f5f5f5;
  }
  .new_nw .ne_top_d2_d1 img {
    margin-top: 3px;
  }
  .new_nw .ne_top_d2_d2 .p1 {
    font-size: 30px;
    line-height: 44px;
    margin-top: 34px;
  }
  .new_nw .ne_top_d2_d2 .p2 {
    font-size: 16px;
    color: #666666;
    margin: 42px 0 72px 0;
  }
  .new_nw .ne_top_d2_d3 {
    display: flex;
  }
  .new_nw .ne_top_d2_d3 img {
    width: 4%;
    height: 9px;
    margin: auto 0;
  }
  .new_nw .ne_top_d2_d3 p {
    font-size: 16px;
    color: #5a9e36;
    margin-right: 20px;
  }
  .new_nw .new_cont {
    display: flex;
    justify-content: center;
  }
  .new_nw .new_cont_d11 {
    margin: 0 20px;
    position: relative;
  }
  .new_nw .icon1 {
    position: absolute;
    top: 17px;
    left: 33px;
  }
  .new_nw .ye {
    position: relative;
  }
  .new_nw .ye img {
    position: absolute;
    top: 21px;
    left: 153px;
  }
  .new_nw .datainp2 {
    width: 355px;
    height: 50px;
    padding-left: 80px;
    border-radius: 50px;
    border: 0;
    box-shadow: 0px 0px 20px -14px;
  }
  .new_nw .datainp2::placeholder {
    font-size: 16px;
  }
  .new_nw .datainp {
    width: 100%;
    height: 50px;
    padding-left: 30px;
    border-radius: 50px;
    border: 0;
    box-shadow: 0px 0px 20px -14px;
  }
  .new_nw .datainp::placeholder {
    font-size: 16px;
  }
  .new_nw .new_sou {
    padding: 14px 56px;
    border-radius: 50px;
    font-size: 16px;
    color: #fff;
    border: 0;
    margin-left: 35px;
    background: linear-gradient(90deg, #5b9e36, #006a3e);
  }
  .new_nw .ne_bottom {
    margin-top: 121px ;
    margin-bottom: 168px;
  }
  .new_nw .ne_bottom_li {
    box-shadow: 0px 1px 133px -77px;
  }
  .new_nw .ne_bottom_li_dd1 {
    overflow: hidden;
  }
  .new_nw .ne_bottom_li_img {
    transition: 0.7s;
  }
  .new_nw .ne_bottom_li:hover .ne_bottom_li_img {
    transform: scale(1.1);
  }
  .new_nw .ne_bottom_li .p1 {
    font-size: 22px;
    line-height: 35px;
    height: 88px;
    padding: 48px 48px 0 48px;
    display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  }
  .new_nw .ne_bottom_ul {
    display: flex;
    flex-wrap: wrap;
  }
  .new_nw .ne_bottom_li {
    width: 27%;
    margin: 0 42px 97px 42px;
  }
  .new_nw .ne_bottom_li_d1 {
    padding: 0px 48px 48px 48px;
    display: flex;
    justify-content: space-between;
  }
  .new_nw .ne_bottom_li_d1 .i1 {
    margin-bottom: 4px;
  }
  .cont {
    margin-top: 100px;
    height: 1040px;
  }
  .cont .map {
    margin-top: 100px;
  }
  .cont .llxx {
    text-align: right;
    position: relative;
    top: -702px;
  }
  .cont .liax {
    display: inline-block;
    width: 36.5%;
    padding: 85px 75px;
    background-color: #e4e8ea;
    text-align: left;
  }
  .cont .liax_d1 .p1 {
    font-size: 24px;
    color: #222222;
    font-weight: bold;
    margin-bottom: 27px;
  }
  .cont .liax_d1 .p2 {
    font-size: 18px;
    color: #666666;
    margin-bottom: 22px;
  }
  .cont .liax_d2_d1 {
    margin: 33px 0px 0px 0px;
  }
  .cont .liax_d2_d1 span {
    font-size: 18px;
    color: #666666;
    margin-left: 10px;
  }
  .cont .liax_d2_d1 p {
    font-size: 25px;
    color: #5b9e36;
    font-weight: bold;
    margin-top: 10px;
  }
  .cont .liax_d2 {
    display: flex;
    justify-content: space-between;
  }
  .mess {
    margin-top: 175px;
    margin-bottom: 232px;
  }
  .mess .mess_right {
    width: 64%;
    margin-left: 74px;
  }
  .mess .mess_w {
    display: flex;
  }
  .mess .mess_right_d1 .p1 {
    font-size: 48px;
    line-height: 45px;
    font-weight: bold;
  }
  .mess .mess_right_d1 .p2 {
    font-size: 18px;
    color: #666666;
    margin-top: 22px;
    margin-bottom: 73px;
  }
  .mess .name1,
  .mess .tel1 {
    width: 48%;
    height: 72px;
    padding-left: 25px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
  }
  .mess .name1 {
    margin-right: 20px;
  }
  .mess .name1::placeholder,
  .mess .tel1::placeholder,
  .mess .xuqiu1::placeholder {
    font-size: 18px;
    color: #999999;
  }
  .mess .xuqiu1 {
    width: 99%;
    height: 200px;
    padding-left: 25px;
    padding-top: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    margin-top: 26px;
  }
  .mess .sub1 {
    padding: 23px 70px;
    font-size: 18px;
    color: #fff;
    background: linear-gradient(158deg, #5b9e36, #006a3e);
    border-radius: 10px;
    border: 0;
    margin-top: 42px;
  }
  .mess .mess_right_d1 {
    position: relative;
  }
  .mess .im_1 {
    position: absolute;
    top: 31%;
    right: 55%;
  }
  .mess .im_2 {
    position: absolute;
    top: 32.5%;
    right: 4%;
  }
  .mess .im_3 {
    position: absolute;
    top: 50%;
    right: 4%;
  }
  .mess .sub,
  .mess .ema_il {
    display: none;
  }
  .container11 {
    width: 100%;
    background-color: #edf1ef;
    margin-bottom: 157px;
  }
  .container11 .thumbnails {
    text-align: center;
  }
  .container11 .p1 {
    font-size: 30px;
    line-height: 43px;
    padding: 67px 0 90px 0;
  }
  .container11 .in1 {
    width: 64%;
    margin-bottom: 70px;
  }
  .container11 .fa1 {
    position: relative;
  }
  .container11 .fa {
    position: absolute;
    bottom: -500px;
    right: -200px;
  }
  .rr {
    margin-top: 100px;
    margin-bottom: 148px;
  }
  .rr .read_cont p {
    font-size: 24px;
    color: #5a9e36;
    font-weight: bold;
    margin-bottom: 50px;
  }
  .rr .read_cont img {
    width: 1367px;
    margin-bottom: 160px;
  }
  .rr .read_bot .p1 {
    font-size: 24px;
    color: #5a9e36;
    font-weight: bold;
    margin-bottom: 50px;
  }
  .rr .read_bot_ul {
    width: 62%;
    margin-right: 50px;
  }
  .rr .read_bot_li {
    display: flex;
    margin-bottom: 45px;
  }
  .rr .read_bot_li img {
    width: 15px;
    height: 15px;
    margin-top: 10px;
    margin-right: 30px;
  }
  .rr .read_bot_li p {
    font-size: 18px;
    color: #000;
    line-height: 32px;
  }
  .rr .read_bot_d1 {
    display: flex;
    justify-content: space-between;
  }
  .rr .read_bot {
    margin-bottom: 220px;
  }
  .rr .read_fan {
      line-height: 70px;
    padding: 15px 90px;
    font-size: 24px;
    color: #fff;
    border: 0;
    font-weight: bold;
    background: linear-gradient(90deg, #5b9e36, #006a3e);
  }
  .rr .read_fan_d1 {
    text-align: center;
  }
  .ind .top {
    padding: 285px 0 0 0;
  }
  /*搜索 --search */
  .SEARCH_PU {
    margin-top: 120px;
    margin-bottom: 120px;
  }
  .SEARCH_PU_jieguo {
    font-size: 50px;
    font-family: MISANS-BOLD;
    margin-bottom: 40px;
    color: #000;
  }
  .SEARCH_PU_jieguo_xian {
    height: 2px;
    width: 100%;
    background-color: #cfcfcf;
  }
  .SEARCH_PU_mei {
    font-size: 25px;
    font-family: MISANS-MEDIUM;
    color: #000;
    margin-top: 40px;
  }
  /* 搜索到 */
  .SEARCH_PU_ul {
    margin-bottom: 55px;
  }
  .SEARCH_PU_li {
    border-bottom: 1px solid #cfcfcf;
    padding: 25px 0;
  }
  .SEARCH_PU_dd1 {
    font-size: 25px;
    font-family: MISANS-MEDIUM;
  }
  .SEARCH_PU_dd2 {
    font-size: 20px;
    text-align: right;
  }
  .phone_cang {
    display: none !important;
  }
  .wap_footer {
    display: none;
  }
  
  .mess .rea_l{
      display: none;
  }
  .footer .rea_l{
      display: none;
  }
  .rr .fr2{
      display: none;
  }
  
  .pro_e{
      margin-top: 100px;
  }
  
  .na,.em,.co,.te,.wha{
      padding-left: 15px;
      width: 49%;
      height: 45px;
      margin-bottom: 30px;
      margin-right: 11px;
      border-radius: 5px;
      border: 1px solid #e5e5e5;
  }
  .mes{
      padding-left: 15px;
      width: 100%;
      height: 100px;
       border-radius: 5px;
       border: 1px solid #e5e5e5;
  }
  .sub2{
    padding: 13px 70px;
      font-size: 18px;
      color: #fff;
      background: linear-gradient(158deg,#5b9e36, #006a3e);
      border-radius: 10px;
      border: 0;
      margin-top: 42px;
  }
   .pro_e .p1{
       font-size: 24px;
       color: #5a9e36;
       font-weight: bold;
       margin-bottom: 50px;
    }
  
  
  .About_fu_title {
    position: relative;
  }
  
  .xin_pro_div2 {
    display: none;
    transition: .5s;
    width: 100%;
    position: absolute;
    top: 90px;
    left: 0px;
    background-color: #ccc;
  }
  
  .xin_pro_ul2 {
    display: flex;
    justify-content: space-between;
    padding: 0 10%;
  }
  
  .xin_pro_li2 {
    font-size: 18px;
    line-height: 60px;
    margin: 0 10px;
    color: #000;
  }
  
  .About_fu_title_li:hover .xin_pro_div2 {
    display: block;
  }
  
  .tab1{
    width: 100%;
    height: 100px;
    font-size: 18px;
    text-align: center;
    margin-bottom: 100px;
  }
  .tr1{
    background-color: #727171;
  }
  .tr2{
    background-color:#dfeaf7;
  }
  .tab1 td{
    border: 2px solid #fff;
  }
  
   @media screen and (min-width:1300px) and (max-width:1450px) {
      .nav_top .left .nav .li1 {
    padding: 39px 5px 35px 5px;
     }
     .nav_top .left .logo {
       margin-right: 0%;
  }
   }
  
  @media screen and (min-width:1300px) and (max-width:1644px) {
    .xin_pro_ul2 {
      display: flex;
      justify-content: space-between;
      padding: 0 5%;
    }
  }
  
  .footer .botto .sub{
      display: none;
  }

  .footer .form-control   {
    width: 100% !important;
    height: 35px !important;
    padding-left: 22px;
    border: 0px;
    background: #ffffff;
  } 

  .footer .form-control {
    width: 100% !important;
    height: 35px !important;
    padding-left: 22px;
    border: 0px;
    background: #ffffff;
  }
  
  .mess .fc-form-body {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .mess .form-group {
    width: 48%;
    height: 72px;
    padding-left: 25px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    padding-right: 25px;
  }
  
  .mess .form-group:nth-of-type(3) {
    width: 99%;
    height: 200px;
    padding-left: 25px;
    padding-top: 20px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    margin-top: 26px;
  }
  
  .mess label {
    display: none;
  }
  
  .mess .form-group .col-md-10 {
    width: 100% !important;
    height: 100%;
  }
  
  .mess .form-group input {
    width: 100% !important;
    height: 100%;
    border: none;
    border-radius: 10px;
  font-size: 18px;
  }
  
  .mess .form-group:nth-of-type(1) input {
    background: url(../images/pople1.png) no-repeat;
    background-position: right;
    background-position-y: 15px;
  }
  
  .mess .form-group:nth-of-type(2) input {
    background: url(../images/pople2.png) no-repeat;
    background-position: right;
    background-position-y: 15px;
  }
  
  .mess .form-group textarea {
    width: 100% !important;
    height: 100% !important;
    border: none;
    border-radius: 10px;
    background: url(../images/pople3.png) no-repeat;
    background-position: right;
    background-position-y: 5px;
    font-size: 18px;
  }