@charset "utf-8";

/* CSS Document */
html {
  max-width: 1920px;
  margin: 0 auto
}

body {
  font-family: "微软雅黑";
  font-size: 100%;
  color: #1a1a1a;
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
}

ol,
ul,
li,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
h5,
h6 {
  list-style: none outside none;
  margin: 0px;
  padding: 0px;
  font-size: 100%;
  font-weight: normal;
}

img {
  border: none;
}

a:link,
a:visited {
  color: #323232;
  text-decoration: none;
}

.kd{max-width: 1550px;width: 95%;margin: 0 auto;}
a:hover,
a:active {
  color: #323232;
  text-decoration: none;
  outline: none;
}

.clear {
  clear: both;
}

.fl {
  float: left;
}

.fr {
  float: right;
}

.dw {
  position: relative;
}

.cj {
  overflow: hidden;
}

.gm_top {
  width: 95%;
  max-width: 1700px;
}

.gm {
  width: 97%;
  max-width: 1480px;
  margin: 0 auto;
}


.agm {
  width: 97%;
  max-width: 1538px;
  margin: 0 auto;
}

img {
  vertical-align: bottom;
  max-width: 100%;
  border-style: none !important;
}

::-webkit-scrollbar {
  width: 3px;
  height: 8px;
  background-color: #fff;
  border-radius: 4px;
  position: relative;
}

::-webkit-scrollbar-thumb {
  background-color: #b1b1b1;
  border-radius: 3px;
}

#dituContent {
  height: 650px !important;
  box-sizing: border-box;
}

@media screen and (max-width:770px) {
  #dituContent {
    height: 400px !important;
  }
}

.xd>a>em {
  width: 100% !important;
  left: 0 !important;
}

.pxd {
  background: #d8e4ec;
}

.pxd em {
  transform: scaleX(1) !important;
}

.cxd {
  background: #077ed1;
  color: white !important;
}

.axd {
  background: #077ed1;
  color: white !important;
}

.nxd {
  background: #077ed1;
  color: white !important;58px
}

.mxd a {
  color: #077ed1 !important;
  font-weight: bold;
}

@font-face {
  font-family: "Barlow-Bold";
  src: url("../font/Barlow-Bold.ttf");
}

@font-face {
  font-family: "minijianxi";
  src: url("../font/minijianxi.ttf");
}

@font-face {
  font-family: "Slender-Bold";
  src: url("../font/Slender-Bold.ttf");
}

@font-face {
  font-family: "DancingScript-Bold";
  src: url("../font/DancingScript-Bold.ttf");
}

@font-face {
  font-family: "Barlow-Medium";
  src: url("../font/Barlow-Medium.ttf");
}

@font-face {
  font-family: "Barlow-Regular";
  src: url("../font/Barlow-Regular.ttf");
}



/* 移动端底部导航*/
.fswzj{ position:fixed; bottom:0; z-index:999; width:100vw; display:block; background:#19aeef;}
.fswzj ul{ padding:0px; margin:0px; list-style-type:none; border-top:2px solid #0b6991;}
.fswzj ul li{color:#fff; width:25%; text-align:center; padding:0.3rem 0; position:relative; float:left;}
.fswzj ul li a{ color:#fff;  display:block; border-left:1px solid #0b6991;}
.fswzj ul li.on a{ border-left:none;}
.fnav_pic{ width:24%; margin:0 auto;  }
.fnav_pic img{   max-width: 100%;  }
.fnav_wb{font-size: 0.75rem;}
.fswzj{display: none;}	


/* 以下内页 */


/* 新闻详细页 */
.newsshow {
  padding: 70px 0;
}

.news_show {
  padding: 20px 0;
  padding-bottom: 125px;
}

.news_rq2 {
  display: none;
}

.newsshow_title {
  text-align: center;
  border-bottom: 1px dashed #ccc;
  padding-bottom: 12px;
  font-size: 1.5rem;
  font-weight: bold;
  line-height: 25px;
}

.newsshow_title p {
  font-size: 0.875rem;
  color: #999;
  font-weight: normal;
  padding-top: 8px;
}

.newsshow_wnnr {
  margin: 0 auto;
  padding-top: 15px;
  font-size: 1rem;
  line-height: 28px;
}

.newsshow_wnnr>div {
  width: 100%;
  max-width: 800px;
  margin: 1em auto;
  text-align: justify;
}

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

.newsshow_pn {
  margin-top: 165px;
  margin-bottom: 20px;
}

.newsshow_pn ul {
  display: flex;
  justify-content: space-between;
}

.newsshow_pn ul li {
  display: flex;
  align-items: center;
}

.newsshow_pn ul li a {
  color: #5e5e5e;
  font-size: 1.125rem;
  display: flex;
  align-items: center;
}

.newsshow_pn ul li span {
  width: 38px;
  height: 38px;
  border: 1px solid #939393;
  font-family: "宋体";
  display: flex;
  align-items: center;
  justify-content: center;
  margin-right: 5px;
}

.newsshow_pn ul li:nth-child(2) span {
  margin-left: 5px;
}

/* 分页 */
div.green-black {
  width: 100%;
  padding: 10px 0;
  text-align: center;
  margin: 20px auto;
}

div.green-black A {
  display: inline-block;
  box-sizing: border-box;
  line-height: 32px;
  width: 60 px;
  height: 36px;
  min-width: 36px;
  box-sizing: border-box;
  border-radius: 5px;
  COLOR: #a8a7a7;
  MARGIN-RIGHT: 6px;
  BORDER: #c5c5c5 2px solid;
  TEXT-DECORATION: none;
  font-size: 100%;
  background-color: #fff;
}

div.green-black A:hover {
  BORDER: #e62129 2px solid;
  COLOR: #fff;
  background-color: #e62129;
}

div.green-black SPAN.current {
  width: 60px;
  height: 36px;
  display: inline-block;
  box-sizing: border-box;
  line-height: 32px;
  COLOR: #fff;
  MARGIN-RIGHT: 6px;
  BORDER: 2px solid #e62129;
  background: #e62129;
  border-radius: 5px;
}

div.green-black .linkPL {
  font-family: "宋体";
  font-weight: bold;
}


/*sitemap*/
.sitemap_nr>dl {
  border-bottom: 1px solid #ddd;
  padding-bottom: 20px;
  margin-top: 30px;
}

.sitemap_nr>dl>a {
  font-size: 1.5rem;
  font-weight: bold;
  color: #999;
  display: block;
}

.sitemap_nr>dl>dt {
  padding: 25px 0 0px 0;
}

.sitemap_nr>dl>dt>a {
  font-size: 1.125rem;
  border-left: 2px solid #2a4197;
  padding-left: 10px;
  display: block;
  line-height: 20px;
  height: 20px;
  font-weight: bold;
  color: #999;
}

.sitemap_nr>dl>dd {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
}

.sitemap_nr>dl>dd>a {
  display: block;
  margin-right: 15px;
  line-height: 24px;
  color: #999;
}



 body .mob_inner_box {
   display: block;
   position: absolute;
   right: 0;
 }

  .mob_inner_box .mob_ico{
  width: 10vw;
 }

 .mob_inner_box .mob_ico>span{
  width: 10vw;
  height: 2px;
  background-color:skyblue;
  display: block;
  margin:  37% 0;
 }


 .mobile-menu-toggle {
   display: block;
 }

 .mob_inner_box .nav-right {
   display: none;
   position: absolute;
   top: 124px;
   right: 0;
   width: 20vw;
   height: 325px;
   opacity: .8;
   background-color: #0F1112;
   z-index: 1000;
 }

 .nav-right ul {
   list-style: none;
   padding: 0;
   margin: 0;
  

   text-align: center;
 }

.XX-phone{display: none;text-align: center;font-size: 40px;color: skyblue;line-height: 137px;width: 10vw;}

 .nav-right>ul>li {
   border-top: 0.5px solid #fff;
 }
 .nav-right>ul>li>.submenu>li{
  border-top: 0.5px solid #fff;

 }
 .nav-right>ul>li:first-child{border-top: none;}

 .nav-right a {
    text-decoration: none;
    color: #fff;
    font-size: 18px;
    display: block;
    width:20vw;
    height: 40px;
    line-height: 40px;
 }

 .nav-right.active {
   display: block;
 }

 .brand>.right>img{
  height: 600px;
 }
 body .lv-data{padding: 0;}
 body .service>h3::after{left: 35%; }
 body .honor .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, .swiper-pagination-fraction{left: 44%;}
 body .MY-swiper .swiper-button-prev{left: 42%;}
 body .MY-swiper .swiper-button-next{left: 52%;}
 body .nav-Show .mySwiper .swiper-wrapper>.swiper-slide{width: 114px!important;height: 130px;font-size: 20px;}
 body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{
  right: 65%;top: 140%;
 }
body .nav-Show .mySwiper .nav-CG>h3, body .nav-Show .mySwiper .nav-GL>h3, body .nav-Show .mySwiper .nav-FW>h3, body .nav-Show .mySwiper .nav-CP>h3{
font-size: 30px;
 }
body .nav-Show .mySwiper .nav-CG>p,body .nav-Show .mySwiper .nav-GL>p,body .nav-Show .mySwiper .nav-FW>p,body .nav-Show .mySwiper .nav-CP>p{
  font-size: 18px;
}
body .cooperate .swiper-button-prev{left: 44%}
body .cooperate .swiper-button-next{left: 56%}
body .newS>.newS-list>li{margin-bottom: 1%;}
body .footer .top li>a{font-size: 18px;}
body .footer .bottom li>.footer1,body .footer .bottom li>.footer2, body.footer .bottom li>.footer3, body .footer .bottom li>.footer4, body .footer .bottom li>.footer5{
  font-size: 15px;
}
 body .nynews_menu>ul{justify-content: flex-start;}
 body .nyban{z-index: -1;}
}


/* 默认显示PC端导航栏 */
.heard-box .left,
.heard-box .right,
.home-phone {
  display: block;
}

.mob_inner_box {
  display: none;
}

.mobile-menu-toggle {
  display: none;
  cursor: pointer;
  margin-left: auto;
}

.mobile-menu-toggle span {
  display: block;
  width: 30px;
  height: 3px;
  background-color: black;
  margin: 6px 0;
}




/* 全局重置 */

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

/* 头部样式 */
.heard {
  position: fixed;
  top: 0;
  width: 100vw;
  height: 138px;
  z-index: 9999;
  margin: 0 auto;
  padding:  0 182px 0 200px;
  background-color:rgba(255, 255, 255, 0);
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.79) 0%, rgba(0, 0, 0, 0) 100%);
  /* border-bottom: 1px solid #a5a3a3; */
}


.heard .heard-box {
  display: flex;
  align-items: center;
}

.heard .left {
  width: 30%;
  justify-content: left;

}

.menu_bg{
  background: black;
  opacity: 0.85;
  width: 50%;
  position: absolute;
  display: none;
  right: 0;
  top: 80px;
}
.heard .right {
  width: 70%;
  justify-content: right;
  display: flex;
  align-items: center;
}

.heard .right>ul {
  display: flex;
  list-style: none;
  justify-content: space-between;
  width: 100%;
}

.heard .right .menu-item {
  position: relative;
  z-index: 88;
}

.submenu {
  display: none;
  position: absolute;
  left: 50%;
  top: 92px;
  transform: translateX(-50%);
  background-color: #008200;
  opacity: .8;
  width: 100px;
  text-align: center;
  box-shadow: 0 8px 16px 0 rgba(99, 98, 98, 0.2);
  z-index: 1;
  white-space: nowrap;
}

.nynews_menu{position: relative;z-index: 1;}
.heard .right .menu-item .submenu a {
  color: #fff;
  text-decoration: none;
  display: block;
  text-align: center;
  white-space: nowrap;
  padding: 10px;
}


.heard .right>ul>li {
  height: 138px;
  padding-top: 8%;
}

.heard .right .submenu>li{width: 100%;height: 40px;border-top: 1px solid #cbc6c6;}
.heard .right .submenu>li:hover{background-color:transparent;}
.heard .right .submenu>li:first-child{border-top: none;}
.heard .right ul li>a {
  display: inline-block;
  width: 100%;
  height: 100%;
  color: #fff;
  text-decoration: none;
  font-size: 18px;
  text-align: center;
}q


.heard .right ul li>a:hover,
.heard .right ul li>a:active,
.heard .right ul li.xd>a {
  color: #f4b900;
  /* border-bottom: 2.5px solid #ff0022; */
}


/* 下拉菜单显示 */
.heard .right .menu-item:hover .submenu {
  display: block;
}

.heard .right .menu-item:hover .submenu>li {
  margin: 0;
}





.home-phone {
  display: flex;
  margin-left: 2vw;
  padding-top: 20px;
}

.home-phone>.left {
  padding-top: 5%;
height: 79px;
}

.home-phone>.right {
  width: 225px;
  margin-top: 6%;
}

.home-phone .right>.home-height {
  letter-spacing: 7px;
  color: #fff;
}

.home-phone .right>.home-red {
  color: #f8d100;
  font-size: 22px;
  font-weight: bold;
}










.SY-banner {
  position: relative;
  width: 100vw;
  height: 100vh;
  overflow: hidden;
}

.SY-banner .swiper-slide .sbanner1{display: none;}

.SY-banner>.swiper {
  width: 100%;
  height: 100vh;
  overflow: hidden;
  position: relative;
}

.SY-banner .swiper-slide {
  width: 100vw !important;
  text-align: center;
  font-size: 18px;
  background: #fff;
  overflow: hidden;
}

.SY-banner .swiper-slide img {
  display: block;
  width: 100vw;
  height: 100vh;
}


/* 分页器容器样式 */
.SY-banner.swiper-pagination {
  position: absolute;
  z-index: 999;
}


.SY-banner .swiper-container-horizontal>.swiper-pagination-bullets{
  position: absolute;
  left: 50%;
  bottom: 12px;
  width: 120px;
  height: 18px;
  display: inline-block;
  border-radius: 100%;
}

.SY-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  width: 18px;
  height: 18px;
  display: inline-block;
  border-radius: 100%;
  background-color: #fff;
  opacity: .8;
}

body .SY-banner .swiper-button-prev{position: absolute;left: 49%; bottom: 0;top: auto;}
body .SY-banner .swiper-button-next{position: absolute;left: 56%; bottom: 0; top:auto}

.SY-banner .swiper-button-next::after{font-size: 14px ;border: 1px solid #fff;border-radius: 50%;color: #fff;width: 22px;
height: 22px;text-align: center;line-height: 22px;}
.SY-banner .swiper-button-prev::after{font-size: 14px ;border: 1px solid #fff;border-radius: 50%;color: #fff;width: 22px;
height: 22px;text-align: center;line-height: 22px;}

/* 当前选中的小圆点样式 */
.SY-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet-active {
 background-color: transparent;
 background-color: #bfc3bf;
 opacity: 1;
}

.lv-box{width: 100%;background-color: #008200;}

/* 品牌介绍 */
.brand {
  display: flex;
  justify-content: space-between;
}

.brand>.left {
  width: 41%;
  margin-top: 4%;
}

.brand .left>h3 {
  position: relative;
  font-size: 80px;
  font-weight: normal;
  color: #dedede;
  font-weight: 300;
  margin-bottom: 3%;
}

.brand .left>h3::after {
  content: "品牌介绍";
  position: absolute;
  left: 0;
  bottom: 0;
  font-family: "Barlow-Regular", sans-serif;
  font-size: 40px;
  color: #332d2d;
  font-weight: bold;
}

.brand .left>p {
  text-wrap: wrap;
  font-size: 25px;
  line-height: 43px;
  text-indent: 2em;
  margin-bottom: 6%;
}


.brand .left>a {
  position: relative;
  font-size: 18px;
  color: #494949;
  margin-left: 4%;
}

.brand .left>a::after {
  content: "";
  position: absolute;
  left: -30px;
  top: 0;
  width: 25px;
  height: 26px;
  background-image: url(../img/brand-bt.jpg);
}

.brand>.right {
  margin-top: 6%;
  margin-right: 0%;
}


/* <!-- 绿色数据 --> */
.lv-data {
  width: 100%;
  height: 216px;
  display: flex;
  align-items: center;
  padding: 0 319px 0 355px;
  justify-content: space-between;
  margin-top: 45px;
}

.lv-data>li {
  padding: 0 43px 0 23px ;
  width: 242px;
  height: 116px;
  color: #fff;
  background-color: #008200;
}

.lv-data>li:hover {
  width: 242px;
  height: 116px;
  border-radius: 20px;
  color: #a6a6a6;
  background-color: #fafafa;
}

.lv-data li:hover>p {
  color: #009400;
  text-align: center;
  margin-left: 28%;
}

.lv-data li:hover> .data11 {margin-right: 4px;}
.lv-data li:hover> .data22 {margin-right: -30px;}
.lv-data li:hover> .data33 {margin-right: -85px;}
.lv-data li:hover> .data44 {margin-right: -73px;}

.lv-data li:hover>.data1::after,
.lv-data li:hover>.data2::after,
.lv-data li:hover>.data3::after,
.lv-data li:hover>.data4::after {
  opacity: 1;
}

.lv-data li>.data1::before {
  content: "年";
  position: absolute;
  right: -15px;
  bottom: 13px;
  font-size: 15px;
}

.lv-data li>.data2::before {
  content: "人";
  position: absolute;
  right: -15px;
  bottom: 10px;
  font-size: 15px;
}

.lv-data li>.data3::before,
.lv-data li>.data4::before {
  content: "个";
  position: absolute;
  right: -15px;
  bottom: 13px;
  font-size: 15px;
}

.lv-data li>.data1::after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 0px;
  bottom: -7px;
  width: 47px;
  height: 45px;
  background-image: url(../img/data1.jpg);
}

.lv-data li>.data2::after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 8px;
  bottom: -7px;
  width: 51px;
  height: 43px;
  background-image: url(../img/data2.jpg);
}
.ft-bottom{display: none;}
.lv-data li>.data3::after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 5px;
  bottom: -7px;
  width: 58px;
  height: 45px;
  background-image: url(../img/data3.jpg);
}

.lv-data li>.data4::after {
  content: "";
  position: absolute;
  opacity: 0;
  left: 13px;
  bottom: -7px;
  width: 45px;
  height: 45px;
  background-image: url(../img/data4.jpg);
}


.lv-data li>h3 {
  position: relative;
  font-size: 50px;
  text-align: right;
  margin-top: 10px;
}

.lv-data .data11 {margin-right: 34px;}
.lv-data .data22 {margin-right: 14px;}
.lv-data .data33 {margin-right: -30px;}
.lv-data .data44 {margin-right: -4px;}

.lv-data li>p {
  font-size: 15px;
  text-align: end;
}



/* 服务项目 */

.service {
  width: 100%;
  height: 100%;
  padding-bottom: 20px;
}

.service>h3 {
  position: relative;
  font-size: 45px;
  color: #4c4c4c;
  text-align: center;
  font-weight: bold;
  margin-top: 3%;
}

.service>h3::after {
  content: "PROJECT";
  font-family: "DancingScript-Bold";

  position: absolute;
  left: 795px;
  bottom: 0;
  font-size: 80px;
  color: #008200;
  opacity: .2;
}


.service .server-x {
  width: 60px;
  height: 2px;
  margin: 0 auto;
  color: #008200;
  background-color: #008200;
  margin: 22px auto 16px;
}

.service>p {
  text-align: center;
  font-size: 22px;
  color: #4c4c4c;
}


.service>.server-ul {
  margin-top: 2%;
  display: flex;
  align-items: flex-start;
  justify-content: center;
}

.service>.server-ul>li:first-child{margin-left: 0;}

.service>.server-ul>li{
  width: 337px;
  margin-left: 20px;
}

.server-ul li>a {
  position: relative;
  transition: all .5s;
}

.SE-swi{display: none;}
.server-ul li:hover a .server>.server-t1 {
  font-weight: bold;
}

.server-ul li:hover a .server>.server-t3 {
  opacity: 1;
}

.server {
  position: absolute;
  left: 20px;
  top: -110px;
}

.server-t1 {
  font-size: 30px;
  color: #fff;
  text-wrap: nowrap;
}

.server-t2 {
  font-size: 15px;
  color: #fff;
  text-wrap: nowrap;

}

.server-t3 {
  width: 80px;
  height: 34px;
  background-color: #00a300;
  border: 1px solid #00a300;
  font-size: 10px;
  color: #fff;
  line-height: 34px;
  text-align: center;
  opacity: 0;
  margin-top: 8%;
}

.server-pic{
  width: 337px;
  height: auto;
}

.service>.server-ul>li:hover{
}

.server-ul li:hover .server-pic{
  transform: scale(1.1);
}


.server-logo {
  position: absolute;
  left: 30px;
  top: -170px;
}



/* 荣誉资质 */
 .honor {
  position: relative;
  width: 100%;
  height: 715px;
  background-image: url(../img/honor-banner.jpg);
}

.honor-text {
 padding-top: 3%;
}

.honor .honor-text>h3 {
  position: relative;
  font-size: 45px;
  color: #4c4c4c;
  text-align: center;
  font-weight: bold;
}

.honor .honor-text>h3::after {
  content: "HONOR";
  font-family: "DancingScript-Bold";
  position: absolute;
  left: 827px;
  bottom: 0;
  font-size: 80px;
  color: #008200;
  opacity: .2;
}

.honor .honor-text .server-x {
  width: 60px;
  height: 2px;
  color: #008200;
  background-color: #008200;
  margin: 0 auto ;
}

.honor .honor-text>p {
  text-align: center;
  font-size: 22px;
  color: #4c4c4c;
}


.honor .honor-bgb {
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  height: 290px;
  background-color: #00A300;
}


.MY-swiper {
  position: relative;
  height: 550px;
  top: -13px;
  margin: 0 auto;
}

.MY-swiper .swiper-container {
  width: 1544px;
  height: 479px;
}

.MY-swiper .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}

/* .MY-swiper .swiper-slide:nth-child(n+5){
  opacity: 0;
} */

.MY-swiper .swiper-slide:first-child{
  margin-left: 0;
}

.MY-swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  width: 20%;
}



.MY-swiper .swiper-pagination { 
  position: absolute;
  bottom: -190px;
  /* 分页器距离底部90px */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  margin-right: 12px;
  /* 确保分页器在图片上方 */
}

.honor .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 6px;
}

.honor .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 58px;
  left: 790px;
}

.MY-swiper .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 8px;
  opacity: 1;
}

.MY-swiper .swiper-pagination-bullet-active {
  background-color: #008200;
}

.MY-swiper .swiper-button-next {
  position: absolute;
  right: 42%;
  top: 88%;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  overflow: hidden;
  color: #fff;
  border: 1px solid #fff;
}

.MY-swiper .swiper-button-prev {
  position: absolute;
  left: 44%;
  top: 88%;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  opacity: 1;
  overflow: hidden;   
  color: #fff;
  border: 1px solid #fff;

}

.MY-swiper .swiper-button-prev::after{
  font-size: 12px;
  line-height: 27px;
}

.MY-swiper .swiper-button-next::after{
  font-size: 12px;
  line-height: 27px;
}

.honor.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity: 1;
}









/* <!-- 介绍展示 --> */
.nav-show{
  position: relative;
}

.nav-show>.nav-text {
    position: absolute;
    top: 133px; 
    right: 850px;
    z-index: 9;
 }
 
 .nav-show .nav-text>h3 {
   position: relative;
   font-size: 45px;
   color: #fff;
   text-align: center;
   font-weight: bold;
 }
 
 .nav-show .nav-text>h3::after {
   content: "STRENGTH";
   position: absolute;
  font-family: "DancingScript-Bold";
   left: -58px;
   bottom: 0;
   font-size: 80px;
   color: #fff;
   opacity: .1;
   font-size: 80px;
 }
 
 .nav-show .nav-text .nav-x {
   width: 60px;
   height: 2px;
   color: #008200;
   background-color: #008200;
   margin:20px auto 15px ;
 }
 
 .nav-show .nav-text p {
   text-align: center;
   font-size: 22px;
   color: #fff;
 }
 


 .nav-Show .swiper {
  width: 100%;
  height: 300px;
  margin-left: auto;
  margin-right: auto;
}

.nav-Show .swiper-slide {
  background-size: cover;
  background-position: center;
}

.nav-Show .mySwiper2 {
  height: 80%;
  width: 100%;
}

.nav-Show .mySwiper {
  position: absolute;
  left: 822px;
  top: 327px;
  height: 20%;
  box-sizing: border-box;
  padding: 10px 0;
}


.nav-Show  .mySwiper .swiper-wrapper>.swiper-slide {
  width: 168px!important;
  height: 168px;
  text-align: center;
  background-color: #fff;
  border: 3px solid #ffff;
  color: #6b6b6b;
  margin-right: 55px!important;
  font-size: 30px;
  flex-wrap: wrap;
  line-height: 1.2;
 padding: 52px 0 51px 0;
 position: relative;
 transition: all 2s;
}



.nav-Show .mySwiper .nav-CG,
.nav-Show .mySwiper .nav-GL,
.nav-Show .mySwiper .nav-FW,
.nav-Show .mySwiper .nav-CP
{
  position: absolute;
  top: 235px;
  right: 1236px;
  width: 670px;
  height: 200px;
  z-index: 99;
  opacity: 0;
  transition: opacity 1s ease-in-out;
}


.nav-Show .mySwiper .nav-CG>p,
.nav-Show .mySwiper .nav-GL>p,
.nav-Show .mySwiper .nav-FW>p,
.nav-Show .mySwiper .nav-CP>p
{
  color: #fff;
}



.nav-Show .mySwiper .nav-CG>h3,
.nav-Show .mySwiper .nav-GL>h3,
.nav-Show .mySwiper .nav-FW>h3,
.nav-Show .mySwiper .nav-CP>h3
{
  margin-bottom: 20px;
  color: #fff;
  font-size: 42px;
  transition: all 2s;

}
.nav-Show .mySwiper .nav-CG>p,
.nav-Show .mySwiper .nav-GL>p,
.nav-Show .mySwiper .nav-FW>p,
.nav-Show .mySwiper .nav-CP>p
{
  color: #fff;
  font-size: 23px;
  line-height: 45px;
  transition: all 2s;
  padding: 0 1%;
}

.nav-Show  .mySwiper .swiper-wrapper .swiper-slide>img{
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}



.nav-Show  .mySwiper .swiper-wrapper>.swiper-slide.active{
  background-color: #00A300;
  border-radius: 45px 0 0 0 ;
  border: none;
  color: #fff;
}
.nav-Show  .mySwiper .swiper-wrapper>.swiper-slide:hover{
  background-color: #00A300;
  border-radius: 45px 0 0 0 ;
  border: none;
  color: #fff;
}



.nav-Show  .mySwiper .swiper-wrapper>.swiper-slide:active>img{
  opacity:0.5;
}


.nav-Show .mySwiper .swiper-slide-thumb-active {
  opacity: 1;
}

.nav-Show .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}



/* 合作 */
.cooperate{
  width: 100%;
  background-image: url(../img/cooperate-banner.jpg);
  background-size: cover;
  padding-top: 45px;
  padding-bottom: 30px;
}

.cooperate>.nav-text {
  position: absolute;
  top: 133px; 
  right: 850px;
  z-index: 9;
}

.cooperate .cooperate-text>h3 {
 position: relative;
 font-size: 45px;
 color: #272727;
 text-align: center;
 font-weight: bold;

}

.cooperate .cooperate-text>h3::after {
 content: "SERVICES";
 position: absolute;
 font-family: "DancingScript-Bold";
 left: 41%;
 bottom: 0;
 font-size: 80px;
 color: #008200;
 opacity: .1;
 font-size: 80px;
}

.cooperate .cooperate-text .cooperate-x {
 width: 60px;
 height: 2px;
 color: #008200;
 background-color: #008200;
 margin:20px auto 15px ;
}

.cooperate .cooperate-text>p {
 text-align: center;
 font-size: 22px;
 color: #272727;
}


.cooperate .swiper-container {
  width: 100vw;
}

.cooperate .swiper {
  width: 100vw;
  height: 100%;
  position: relative;
}


/* .cooperate .swiper-slide:first-child{margin-left: 0;} */

.cooperate .swiper-slide {
  text-align: center;
  font-size: 18px;
  width: 25%;
  margin: 0;
  padding: 0;
  height:auto;
  position: relative;
  overflow: hidden;
}

.cooperate .swiper-slide:hover>.swiper-Text{
  width: 100%;
  height: 175px;
  left: 0;
  top: 69%;
  background-color: #fff;
  padding: 37px 0 0 56px;
  transition: all 1s;
  transform: scale(1.15);
  border-radius: 0 0 70px 0;
}

.cooperate .swiper-slide:hover .swiper-Text>h3{
  font-weight: bold;
}
.cooperate .swiper-slide:hover .swiper-Text>a{
opacity: 1;
}

.cooperate .swiper-slide:hover .swiper-Text>h3,
.cooperate .swiper-slide:hover .swiper-Text>p{
  color: #5d5d5d;
  
}
.cooperate .swiper-slide:hover .swiper-Text>p{
  margin-bottom: 25px;
  margin-top: 5px;
}
.cooperate .swiper-slide>.swiper-Text{
  position: absolute;
  left: 10px;
  top: 84%;
  text-align: left;
  width: 100%;

}

.cooperate .swiper-slide>img{

}

.cooperate .swiper-slide>.swiper-Text>h3{
  font-size: 30px;
  color: #fff;
}

.cooperate .swiper-slide>.swiper-Text>p{
  font-size: 15px;
  color: #fff;
}

.cooperate .swiper-slide>.swiper-Text>a{
  position: relative;
  margin-left: 34px;
  font-size: 15px;
  color: #5d5d5d;
  opacity: 0;
}

.cooperate .swiper-slide>.swiper-Text>a::after{
  content: "";
  position: absolute;
  width: 110px;
  height: 28px;
  left: -35px;
  top: -6px;
  background: url("../img/swiper-rec.png")
}

.cooperate .swiper-slide img {
  width: 100%;
  
}

.cooperate .swiper-pagination {
  position: absolute;
  bottom: -190px;
  /* 分页器距离底部90px */
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  margin-right: 12px;
  /* 确保分页器在图片上方 */
}

.cooperate .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
  margin: 0 6px;
}

.cooperate .swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 58px;
  left: 970px;
}

.cooperate .swiper-pagination-bullet {
  width: 15px;
  height: 15px;
  display: inline-block;
  border-radius: 50%;
  background-color: #fff;
  margin: 0 8px;
  opacity: 1;
}

.cooperate .swiper-pagination-bullet-active {
  background-color: #008200;
}

.cooperate .swiper-button-next {
  position: absolute;
  right: 44.5%;
  top: 80%;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  overflow: hidden;
  color: #008200;
  border: 1px solid #008200;
}

.cooperate .swiper-button-prev {
  position: absolute;
  left: 46%;
  top: 80%;
  width: 27px;
  height: 27px;
  border-radius: 50%;
  opacity: 1;
  overflow: hidden;   
  color: #008200;
  border: 1px solid #008200;

}

.cooperate .swiper-button-prev::after{
  font-size: 12px;
  line-height: 27px;
}

.cooperate .swiper-button-next::after{
  font-size: 12px;
  line-height: 27px;
}

.cooperate .swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{
  opacity: 1;
}


/* 首页新闻 */
.newS{
  width: 100%;
  padding-top:60px ;
}

.newS>.nav-text {
  position: absolute;
  top: 133px; 
  right: 850px;
  z-index: 9;
}

.newS .newS-text>h3 {
 position: relative;
 font-size: 45px;
 color: #272727;
 text-align: center;
 font-weight: bold;
}

.newS .newS-text>h3::after {
 content: "NEWS";
 font-family: "DancingScript-Bold";
 position: absolute;
 left: 44%;
 bottom: 0;
 font-size: 80px;
 color: #008200;
 opacity: .1;
 font-size: 80px;
}

.newS .newS-text .newS-x {
 width: 60px;
 height: 2px;
 color: #008200;
 background-color: #008200;
 margin:20px auto 15px ;
}

.newS .newS-text>p {
 text-align: center;
 font-size: 22px;
 color: #272727;
}


.newS>.newS-list{
  display: flex;
  justify-content: space-between;
  padding: 0 77px 0 70px;
  margin-top: 80px;
  margin-bottom: 66px;
}

.newS>.newS-list>li>a:hover {
  background-color: #00A300;
  padding-left: 9px;
  padding-right: 8px;

}

.newS>.newS-list>li>a>.newS-box{
  height: 240px;
  border-radius: 22px;
  padding-left:13px ;
  padding-top: 35px;
} 

.newS>.newS-list>li>a:hover>.newS-box {
 background-color: #fff;
}

.newS>.newS-list>li>a:hover h6{
  color: #fff;
}

.newS>.newS-list>li>a:hover h6::before {
  background-image: url(../img/News-hover.png);
}


.newS>.newS-list>li>a {
display: block;
width: 425px;
height: 315px;
background-color: #F5F5F5;
border-radius: 30px;
padding: 7px 0 40px 9px;
transition: all 1s;
}

.newS-list li a .new-one{
  display: flex;
  align-items: flex-start;
  margin-bottom: 31px;
}

.newS-list li a h4{
  font-size: 45px;
  color: #008200;
  font-weight: bold;
  text-align: center;
  line-height: 1;
}

.newS-list li a .new-xians{
  width: 80px;
  height: 2px;
  margin-top: 6px;
  background-color: #008200;
}

.newS-list li a .new-y>h5{
  color: #313131;
  font-size: 20px;
  line-height: 1;
}


.newS-list li a h2{
  font-size: 19px;
  font-weight: bold;
  color: #313131;
  margin-bottom: 12px;
}
.newS-list li a p{
  font-size: 14px;
  margin-right: 52px;
}

.newS-list li a>h6{
  position: relative;
  font-size: 16px;
  color: #313131;
  margin-top: 14px;
  transition: all .5s;
  margin-left: 13px;
}

.newS-list li a>h6::before{
  position: absolute;
  content: "";
  width: 27px;
  height: 27px;
  right: 42px;
  bottom: -3;
  background-image: url(../img/newS-jt.png); 
}








.newsDetail{margin-top: 70px;}

.GU-O{display: flex;}



/*  底部   */
.footer {
  width: 100vw;

  padding-top: 200px;
  background-image: url(../img/footer-banner.png);
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
}

.fl-box{
  display: flex;
}
/* 上 */
.footer .top {
  display: flex;
  justify-content: space-evenly;
  width: 50%;
}


.footer .top li:last-child {
  margin: 0;
}

.footer .top li a {
  color: #d1d5d7;
  font-size: 18px;
  display: block;
}

.footer .top li>a:first-child{font-size: 22px;color: #fff;}

/* 下 */
.footer .bottom {
  display: flex;
  align-items: flex-end;
  width: 40%;
  flex-direction: column;
}
.copyRight{display: flex;justify-content: space-between;}
.footer .bottom>li {
  margin-bottom: 10px;
  text-align: center;
}

.footer .bottom>li:last-child {
  margin: 0;
}

.footer .bottom li>.footer1,
.footer .bottom li>.footer2,
.footer .bottom li>.footer3,
.footer .bottom li>.footer4,
.footer .bottom li>.footer5 {
  color: #fff;
  position: relative;
}

.footer .bottom li>.footer1::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 20px;
  height: 17px;
  background-image: url(../img/footer1.png);
}

.footer .bottom li>.footer2::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 20px;
  height: 19px;
  background-image: url(../img/footer2.png);
}

.footer .bottom li>.footer3::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 20px;
  height: 17px;
  background-image: url(../img/footer3.png);
}

.footer .bottom li>.footer4::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 19px;
  height: 20px;
  background-image: url(../img/footer4.png);
}


.footer .bottom li>.footer5::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 16px;
  height: 17px;
  background-image: url(../img/footer5.png);
}


.footer .bottom li>p {
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}
.footer .ft-bottom li>.footer1::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 20px;
  height: 17px;
  background-image: url(../img/footer1.png);
}

.footer .ft-bottom li>.footer2::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 20px;
  height: 19px;
  background-image: url(../img/footer2.png);
}

.footer .ft-bottom li>.footer3::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 20px;
  height: 17px;
  background-image: url(../img/footer3.png);
}

.footer .ft-bottom li>.footer4::after {
  content: "";
  position: absolute;
  left: -26px;
  top: 2px;
  width: 19px;
  height: 20px;
  background-image: url(../img/footer4.png);
}





.footer .ft-bottom li>p {
  color: #fff;
  font-size: 18px;
  margin-top: 10px;
}




/* about */
.about-Box{
  position: relative;
  margin-bottom: 120px;
}
.about-Box2{
  position: relative;
  margin-bottom: 120px;
}

.about-text{
  text-align: center;
} 

.about-ry{
  width: 100%;
  
}

.about-ry .about-ry-ul{
  display: flex;
  flex-wrap: wrap;
  margin-top: 120px;

}

.about-ry .about-ry-ul li{
  text-align: center;
  width: 32.8%;
  margin-bottom: 30px;
  display: inline-block;
}

.about-ry .about-ry-ul li:nth-child(4n){
  margin-right: 0;
}

.about-ry .about-ry-ul li>a>img{
 max-width: 100%;
}

.about-ry .about-ry-ul li>a{
  display: block;
  position: relative;
}

.about-ry .about-ry-ul li>a>p::after{
  content: "";
    display: block;
    width: 92%;
    height: 48px;
    background: #008200;
    position: absolute;
    bottom: 58px;
    left: 50%;
    transform: translateX(-50%);
    border-radius: 20px;
    z-index: -1;
    transition: all 0.5s;
}

.about-ry .about-ry-ul li a>p{
  line-height: 5;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}


.about-Box .about-bt{
position: absolute;
display: flex;
width: 400px;
justify-content: space-evenly;
right: 182px;
bottom: -50px;
}

.about-Box .about-bt>a{
  display: inline-block ;
  width: 169px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  color: #393939;
  font-size: 20px;

  background-color: #F4F3F4;
}

.about-Box .about-bt>a:hover{
  background-color: #008200;
  color: #fff;
}



.about-bt2{
position: absolute;
display: flex;
width: 400px;
justify-content: space-evenly;
right: 182px;
bottom: -50px;
}

.about-bt2>a{
  display: inline-block;
  width: 169px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  color: #393939;
  font-size: 20px;

  background-color: #F4F3F4;
}

.about-bt2>a:hover{
  background-color: #008200;
  color: #fff;
}

.about-bt>a.xd{
  width: 169px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  background-color: #008200;
  color: #fff;
}


.about-bt2 .about-bt-2.xd{
  width: 169px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  display: inline-block;
  font-size: 20px;
  background-color: #008200;
  color: #fff;
}


.pr-fm{display: flex;flex-wrap: wrap;}
.pr-fm li{width: 32%;margin-right: 1.3%;margin-bottom: 2%;}
.pr-fm h3{font-size: 18px;text-align: center;font-weight: bold;margin: 10px 0;}
.ny_proItem_pic>img{ display: block;margin: 0 auto; }
.about-bt-2{
  display: inline-block;
  width: 169px;
  height: 76px;
  line-height: 76px;
  text-align: center;
  color: #393939;
  font-size: 20px;

  background-color: #F4F3F4;
}





/* case */

.nyban{
  position: relative;
}

.nyban>a{
  position: absolute;
  right: 182px;
  bottom: -60px;
  display: block;
  width: 169px;
  height: 76px;
  background: #F4F3F4;
  text-align: center;
  font-size: 20px;
  border: #F4F3F4 1px solid;
  line-height: 76px;
}






/* 用于取消页面固定样式 */
.ABRC-MIDDIE .heard {
}





/* 内页 */
.nyban {
  color: #fff;
}


.nyban h3 {
  font-size: 30px;
  padding-top: 140px;
  padding-left: 200px;
}

.nyban p {
  font-size: 20px;
  text-transform: uppercase;
  padding-left: 200px;
}

.nyban2 {
  background: url(../img/nyban2.jpg) center center no-repeat;
  width: 100%;
  height: 350px;
  color: #fff;
}

.nyban2 h3 {
  font-size: 30px;
  padding-top: 140px;
  padding-left: 200px;
}

.nyban2 p {
  font-size: 20px;
  padding-left: 200px;
  text-transform: uppercase;
}
.nypro_menu>ul {
  display: flex;
  justify-content: flex-end;
  margin-top: -20px;
  margin-bottom:4%
}

.nypro_menu>ul>li.xd{
}

.nypro_menu>ul>li>a {
  display: inline-block;
  background: #f4f3f4;
  color: #393939;
  font-size: 18px;
  padding: 25px;
  margin-right: 7px;
}

.nypro_menu>ul>li>a:hover {
  background: #008200;
  color: #fff;
}

.nypro_menu>ul>li.xd>a {
  background: #008200;
  color: #fff;
}

.nyban{
  width: 100%;
  height: 350px;
  background-image: url(../img/new-text.jpg);
}
.nyban443 h3{
  font-size: 30px;
    padding-top: 140px;
    padding-left: 200px;
    color: #fff;
}
.nyban443 p{
  font-size: 20px;
  padding-left: 200px;
  text-transform: uppercase;
  color: #fff;
}
.nyban443{
  width: 100%;
  height: 350px;
  background-image: url(../img/case-csae.jpg);
}

.nyban3 {
  background: url(../img/nyban3.jpg) center center no-repeat;
  width: 100%;
  height: 350px;
}

.ny_case_ul {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 120px;
}

.ny_case_ul>li {
  width: 30.8%;
  margin-bottom: 30px;
  text-align: center;
  display: inline-block;
}

.ny_case_ul>li div.pic {
  display: inline-block;
  position: relative;
  z-index: 2;
  overflow: hidden;
}

.ny_case_ul>li div.pic>img {
  width: 100%;
  transition: all 0.5s;
}

.ny_case_ul>li h4 {
  margin-top: 30px;
  text-align: center;
  font-size: 25px;
  color: #393939;
  position: relative;
}

.ny_case_ul>li h4::after {
  content: "";
  display: block;
  width: 88%;
  height: 48px;
  background: #008200;
  position: absolute;
  top: -55px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 20px;
  z-index: -1;
  transition: all 0.5s;
}
.wh-sd{width: 100%;height: 350px;}

.ny_case_ul>li:hover div.pic>img {
  transform: scale(1.1);
}

.ny_case_ul>li:hover h4::after {
  width: 98%;
}


.nyban4 {
  background: url(../img/nyban4.jpg) center center no-repeat;
  width: 100%;
  height: 350px;
}

.nynews_menu>ul {
  display: flex;
  justify-content: flex-end;
  margin-top: -20px;
}

.nynews_menu>ul>li>a {
  display: inline-block;
  background: #f4f3f4;
  color: #393939;
  font-size: 20px;
  padding: 26px 40px;
  margin-right: 7px;
  box-sizing: border-box;
}

.nynews_menu>ul>li>a:hover {
  background: #008200;
  color: #fff;
}

.nynews_menu>ul>li.xd>a {
  background: #008200;
  color: #fff;
}

.ny_news {
  padding-top: 150px;
  position: relative;
  z-index: 1;
}

.ny_news .proMenu {
  justify-content: center;
}

.newsContainer {
  width: 95%;
  margin: auto;
  padding: 0px 0 100px;
}

.newsContainer li a {
  display: flex;
  align-items: center;
  margin-bottom: 60px;
  background: #f4f3f4;
}

.newsDate {
  padding: 70px 0;
  height: 100%;
  height: 270px;
  box-sizing: border-box;
  flex: 0 1 15%;
  transition: 0.5s;
  text-align: center;
  font-family: AvantGardeIT;
  color: #605f5f;
}

.newsImg>img {
  max-height: 204px;
}

.newsDate div {
  font-size: 74px;
  font-family: "Barlow-Medium";
}

.newsDate p {
  font-size: 22px;
  font-family: "Barlow-Medium";
}
.tempWrap{margin: 0 auto;}

.newsLayout {
  width: 100%;
  transition: 0.5s;
  display: flex;
  padding: 31px 34px;
  height: 280px;
  box-sizing: border-box;
  align-items: center;
  justify-content: space-between;
}

.newsLayout2 {
  flex: 0 1 60%;
  margin-right: 30px;
}

.newsTitle {
  font-size: 25px;
  line-height: 30px;
  height: 30px;
  overflow: hidden;
  color: #404040;
  margin-bottom: 20px;
}

.newsContent {
  line-height: 26px;
  height: 48px;
  overflow: hidden;
  color: #404040;
  font-size: 18px;
}

.newsLayout2 .more {
  display: inline-block;
  width: 100px;
  height: 40px;
  background: #404040;
  border-radius: 20px;
  text-align: center;
  line-height: 40px;
  color: #fff;
  margin-top: 48px;
}

.newsContainer li:hover .newsDate {
  background: #008200;
  color: #fff;
}

.newsContainer li:hover .newsLayout {
  background: #EFEFEF;
}

.newsContainer li:hover .newsLayout2 .more {
  background: #008200;
}

@media screen and (max-width: 1024px) {
  .newsContainer {
    padding: 60px 0 80px;
  }

  .newsDate {
    flex: 0 1 20%;
  }

  .newsDate div {
    font-size: 52px;
  }

  .newsDate p {
    font-size: 18px;
  }

  .newsLayout {
    padding: 30px;
  }

  .newsTitle {
    font-size: 24px;
  }
}

@media screen and (max-width: 768px) {
  .newsDate div {
    font-size: 36px;
  }

  .newsDate {
    flex: 0 1 30%;
  }

  .newsTitle {
    font-size: 20px;
    margin-bottom: 10px;
  }

  .newsLayout {
    padding: 20px 30px;
  }
}

@media screen and (max-width: 520px) {
  .contactCon {
    display: block;
  }

  .ctCon_l,
  ctCon_r {
    width: 100%;
  }
}

@media screen and (max-width: 520px) {
  .newsContainer {
    padding: 40px 0 50px;
  }

  .newsContainer li a {
    flex-direction: column-reverse;
    align-items: flex-start;
    padding: 10px;
  }

  .newsLayout {
    flex-direction: column-reverse;
    padding: 0;
  }

  .newsLayout2 {
    margin-right: 0;
  }

  .newsImg {
    width: 100%;
  }

  .newsImg img {
    width: 100%;
  }

  .newsTitle {
    font-size: 18px;
    font-weight: bold;
    margin: 8px 0;
  }

  .newsDate {
    display: flex;
    align-items: center;
    padding: 0;
    flex-direction: row-reverse;
    margin-top: 8px;
    margin-bottom: 30px;
  }

  .newsDate div {
    margin-left: 8px;
    font-size: 18px;
  }

  .ny_navDiv>.left>ul>li>a {
    font-size: 13px;
  }

  .ny_news {
    padding-top: 0;
  }
}



.nyban5 {
  background: url(../img/nyban5.jpg) center center no-repeat;
  width: 100%;
  height: 350px;
}



.nyban6 {
  background: url(../img/nyban6.jpg) center center no-repeat;
  width: 100%;
  height: 350px;
}

.ny_ct_t,
.ny_ct_b {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.ny_ct_t {
  margin-top: 90px;
  border-bottom: 2px solid #b3adad;
  padding-bottom: 30px;
}

.ny_ct_t>.ny_ct_l>h3 {
  font-size: 36px;
  font-weight: bold;
  color: #008200;
  padding-top: 35px;
}

.ny_ct_t>.ny_ct_l>p {
  font-size: 25px;
  color: #4b4b4b;
  margin-top: 7px;
}

.ny_ct_t>.ny_ct_r>span {
  font-size: 150px;
  color: #008200;
  font-weight: lighter;
  margin-top: 7px;
  opacity: 0.25;
}

.ny_ct_b {
  margin: 70px 0;
}

.ny_ct_b>.ny_ct_l>ul>li {
  font-size: 22px;
  color: #4b4b4b;
  margin-bottom: 26px;
}

.ny_ct_b>.ny_ct_l>ul>li>img {
  margin-right: 26px;
}

.ny_ct_b>.ny_ct_l>ul>li>span {
  font-size: 28px;
}

.ny_ct_b>.ny_ct_r {
  width: 60%;
  height: 510px;
  border-radius: 20px;
  overflow: hidden;
}

.nyc_wx {
  display: inline-block;
  margin-top: 15px;
}

.nyc_wx>h5 {
  font-size: 20px;
  color: #828282;
  text-align: center;
  margin-top: 16px;
}

.nyc_mess {
  background: #f5f5f5;
  padding: 80px 0;
}

.nyc_mess_box>h4 {
  font-size: 36px;
  color: #008200;
  font-weight: bold;
}

.nyc_mess_box>ul {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 50px;
}

.nyc_mess_box>ul>li {
  width: 18%;
  background: #fff;
  border-radius: 20px;
  padding: 28px;
  color: #4b4b4b;
}

.nyc_mess_box>ul>li>h5 {
  font-size: 25px;
  margin-bottom: 16px;
}

.nyc_mess_box>ul>li>p>img {
  margin-right: 8px;
}

.nyc_mess_box>ul>li>p {
  padding-left: 36px;
}

.nyc_mess_box>ul>li>p:nth-of-type(1) {
  background: url(../img/nyc_5.png) no-repeat left center;
  font-size: 22px;
  margin-bottom: 23px;
}

.nyc_mess_box>ul>li>p:nth-of-type(1)>img {
  position: relative;
  top: -2px;
}

.nyc_mess_box>ul>li>p:nth-of-type(2) {
  background: url(../img/nyc_6.png) no-repeat left center;
  font-size: 20px;
}

.nyc_mess_box>ul>li:hover {
  background: #008200;
  color: #fff;
}

.nyc_mess_box>ul>li:hover>p:nth-of-type(1) {
  background: url(../img/nyc_5_1.png) no-repeat left center
}

.nyc_mess_box>ul>li:hover>p:nth-of-type(2) {
  background: url(../img/nyc_6_1.png) no-repeat left center
}


.ny_freeback{
margin-bottom: 172px;
overflow: hidden;
}


.nyban-TEXT{
  font-size: 36px ;
  font-weight: bold;
  color: #008200;
  text-align: center;
  margin: 66px 0;
}

.ny_fb_con>.ny_fb_l{
  width: 926px;
  margin: 0 auto;
  background-color: #F5F5F5;
  text-align: right;
  padding-right: 213px;
  padding-top: 60px;
}

.ny_fb_con>.ny_fb_l>h4{
  font-size: 30px;
  color: #1a1a1c;
  margin-right: 20%;
}



.ny_fb_con>.ny_fb_l>.ny-name-LB{
  font-size: 26px;
  color: #1a1a1c;
  margin-top: 40px;

}

.ny_fb_con>.ny_fb_l>.ny-name-LB>input{
  width: 408px;
  height: 51px;
}

.ny_fb_con>.ny_fb_l>.ny-name-LB-dz>input{
  width: 408px;
  height: 94px;
}

.ny_fb_con>.ny_fb_l>.ny-name-LB-dz{
  font-size: 26px;
  margin-top: 40px;

}

.ny_fb_con>.ny_fb_l>.ny-name-LB-wby{
  font-size: 26px;
  color: #1a1a1c;
  margin-top: 40px;
}

.ny_fb_con>.ny_fb_l>.ny-name-LB-wby>textarea{
  width: 408px;
  height: 94px;
  background-color: #F5F5F5;
  vertical-align: middle

}

.ny_fb_l>.ny-name-LB-wby>.bookTa::placeholder {
  color: #dadada; /* 占位符文字颜色 */
  font-size: 20px; /* 占位符文字大小 */
  padding: 10px 0 0 10px;
}
.About-Text{position: absolute;top: 140px;
left: 390px;color: #fff;}
.About-Text h3{font-size: 30px}
.About-Text p{font-size: 20px;}
.ny_fb_btn>.btn {
  margin-right: 30%;
  margin-bottom: 40px;
  margin-top: 43px;
  width: 102px;
  height: 49px;
  padding: 10px 20px; /* 内边距 */
  font-size: 25px; /* 字体大小 */
  background-color: #008200; /* 背景颜色 */
  color: #fff; /* 文字颜色 */
  border: none; /* 边框 */
  cursor: pointer; /* 鼠标指针样式 */
  border-radius: 10px; /* 圆角 */
}

.mob_ico{display: none;}
#jci{width: 8%;}
#jca{color: #fff;}

@media screen and (max-width: 1830px) {
  .home-phone{padding-top: 34px;}
  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 63%;}
}
@media screen and (max-width: 1750px) {
  .home-phone{padding-top: 25px;}
  .cooperate .swiper-slide:hover>.swiper-Text{top: 67%;}
  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 61%;}
}

@media screen and (max-width: 1680px) {
  .cooperate .swiper-slide:hover>.swiper-Text{top: 65%;}
  .home-phone{padding-top: 30px;}
  body .nyban h3,
  body .nyban p{padding-left: 325px;}
  .nav-show>.nav-text{right: 1000px;}
 body .nyban443 h3,body .nyban443 p{padding-left: 320px;}
  body .nyban2 h3,body .nyban2 p{padding-left: 320px;}
  body .MY-swiper .swiper-button-prev{left: 45%;}
  body .MY-swiper .swiper-button-next{left: 55%;}
  body .heard{padding: 0 0 0 200px; }
    body .SY-banner .swiper-button-prev{margin-top: 21%;}
    body .SY-banner .swiper-button-next{left: 56.5%;margin-top: 21%;}
     .lv-box .lv-data{padding: 0 250px 0 300px;}
     body .nav-Show .mySwiper{top: 175px;left: 740px;}
     body .nav-Show .mySwiper .swiper-wrapper>.swiper-slide{width: 140px!important;height: 140px;padding: 40px 0 51px ;}
    body .cooperate .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, body .swiper-pagination-fraction{bottom: 60px;left: 820px;}
    body .footer>.top{left: 235px;}
  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 993px;}
  }
  
@media screen and (max-width: 1600px) {
  .cooperate .swiper-slide:hover>.swiper-Text{top: 64%;}
  .home-phone{padding-top: 27px;}
  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 930px;}
  body .nav-Show .mySwiper{left: 650px;}
}
  
@media screen and (max-width: 1550px) {
  .cooperate .swiper-slide:hover>.swiper-Text{top: 63%;}
  .MY-swiper{margin: 0;width: 100vw;}
  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 860px;}
}

@media screen and (max-width: 1480px) {
  .cooperate .swiper-slide:hover>.swiper-Text{top: 61.5%;}
  .newS>.newS-list{padding: 0 30px 0 50px;}
  .honor .tempWrap{margin: 0 0 0 120px;}
  body .nav-Show .mySwiper{left: 560px;}

  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 800px;}

}


  @media screen and (max-width: 1440px) {
    body .nyban443 h3, body .nyban443 p,body .nyban2 h3, body .nyban2 p{padding-left: 165px;}
    .About-Text{left: 185px;}
    body .nyban h3, body .nyban p{padding-left: 170px;}
    body .MY-swiper .swiper-button-next{left: 50%;}
    body .MY-swiper .swiper-button-prev{left: 40%;}
    body .MY-swiper{margin: 0;}
    body .SY-banner .swiper-button-next{left: 57.5%;}
  body .heard {padding: 0;}
  body .cooperate .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, body .swiper-pagination-fraction{left: 710px;}
  body .newS>.newS-list{padding: 0 50px 0 70px;}
  body .nav-Show .mySwiper{left: 675px;}
  .lv-box .lv-data{padding: 0 200px;}
  body .SY-banner .swiper-button-next{margin-top: 20.7%;left: 57.2%;}
  body .SY-banner .swiper-button-prev{margin-top: 20.7%;}
  body .footer>.top{left: 112px;}
  body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{right: 757px;}
  .footer .top>li{margin-right: 100px;}
  }
  
  @media screen and (max-width: 1421px) {
  .honor .tempWrap{margin: 0 0 0 50px;}
  body .newS>.newS-list{padding: 0 20px;}

  }

  @media screen and (max-width: 1390px) {
    body .nav-Show .mySwiper{left: 596px;}
    body .newS>.newS-list>li{margin-right: 1vw;}
    body .newS>.newS-list{padding: 0 50px 0 20px;}

  }
  
  /*sitemap*/
  
  @media screen and (max-width: 1300px) {
#bvnjhg{width: 85vw!important;}
  }
  
  
  
  @media screen and (max-width: 1280px) {
    body .heard .heard-box{margin-top: 20px;}
    .tempWrap{margin: 0;}
   body .ny_ct_t>.ny_ct_r>span{font-size: 100px;}
   body .nyc_mess_box>ul>li{padding: 10px;}
    body .MY-swiper .swiper-button-prev{left:35%;}
    body .MY-swiper .swiper-button-next{left: 45%;}
    body .honor .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, .swiper-pagination-fraction{left: 40%;}
   body .heard{padding: 0;}
    .heard .right ul>li {
      margin-left: 0;
      margin-right: 12px;
      font-size: 16px;
    }
   .heard-box .home-phone>.left>img{margin-left: 0px;}
    .heard .left>img {
      margin-right: 0;
    }
    body .footer .bottom li>.footer1, body .footer .bottom li>.footer2, body.footer .bottom li>.footer3, body .footer .bottom li>.footer4, body .footer .bottom li>.footer5{font-size: 14px;}
    body .footer>.top{left: 120px;}
    .footer .top>li{margin-right: 80px;}
    body .newS>.newS-list{padding: 0;}
    .newS>.newS-list>li>a{width: 90%;padding-right: 10px;}
    body .SY-banner .swiper-button-next{left: 58.2%;}
    body .brand>.right{margin-top: 13%;margin-left: 10px;margin-right: 0;}
    body .nav-show{height: auto;}
   body .nav-Show .mySwiper{ left: 525px;top: 80px;}
   body  .nav-Show .mySwiper .nav-CG,body  .nav-Show .mySwiper .nav-GL,body  .nav-Show .mySwiper .nav-FW,body  .nav-Show .mySwiper .nav-CP{right: 600px;top: 210px;}
  body .cooperate .swiper-button-next{right: 43%;}
  body .cooperate .swiper-container-horizontal>.swiper-pagination-bullets,body .swiper-pagination-custom,body .swiper-pagination-fraction{left: 51.5%;}
  body .SY-banner .swiper-slide img{width: 100%;}
  }
  
  @media screen and (max-width: 1024px) {
    .about-Box .about-bt{justify-content: center;right: 290px;}
   body .cooperate .swiper-slide>.swiper-Text>h3{font-size: 20px;overflow: hidden;text-wrap: nowrap;text-overflow: ellipsis}
   .cooperate .swiper-slide>.swiper-Text>p{font-size: 12px;overflow: hidden;text-wrap: nowrap;text-overflow: ellipsis;}
    .nyban6,body .nyban{height: auto;}
    .About-Text{left: 160px;}
    body .nyban h3, body .nyban p{padding-left: 147px;}
   body .nyban2 h3,body .nyban2 p{padding-left: 150px;}
    body .ny_ct_t>.ny_ct_r>span{font-size: 80px;}
    .ny_ct_b>.ny_ct_l>ul>li>span{font-size: 18px;}
    .nyc_mess_box>ul>li>p:nth-of-type(1){font-size: 16px;}
    .nyc_mess_box>ul>li>h5{font-size: 20px;}
    .ny_news{padding-top: 0;}
    .cooperate .swiper-slide>.swiper-Text{padding: 80px 0 0 86px;}
    .tempWrap{margin: 0 0 0 50px;}
    body .footer>.top{left: 161px;}
    .newS>.newS-list>li>a{width: 95%;margin: 0 auto;}
    body .brand>.right{margin-top: 20%;}
    body .SY-banner .swiper-button-next{left: 60.2%;}
    .lv-box .lv-data{padding: 0;}
    .footer .top>li{margin-right: 40px;}
    .bottom>li>img{width: 70%;}
    body .nav-Show .mySwiper{left: 430px;}
    body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{left: 0px;top: 140px;}
    body .honor .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, .swiper-pagination-fraction{left: 33%;}
    body .MY-swiper .swiper-button-next{left: 39%;}
    body .MY-swiper .swiper-button-prev{left: 26%;}
    .nav-show .nav-text>h3{font-size: 25px;}
    .nav-show .nav-text>h3::after{left: 15px;}
    .nav-show .nav-text p{font-size: 19px;}
    .heard .left{width: 20%;}
    body .heard{height: 100px;}
    body .nav-Show .mySwiper .swiper-wrapper>.swiper-slide{width: 100px!important;height: 100px;padding: 25px 0 0 0 ;}
    body .cooperate .swiper-container-horizontal>.swiper-pagination-bullets,body .swiper-pagination-custom,body .swiper-pagination-fraction{left: 49%;bottom: 20px;}
    body .cooperate .swiper-pagination-bullet{background-color: #a55858d6;}
    body .cooperate .swiper-pagination-bullet-active{background-color: #008200;;}
    body .cooperate .swiper-container{height: auto;}
    body .cooperate {padding-top: 40px;height: auto;}
    body .cooperate .swiper-button-next{top: 97.1%;}
    body .cooperate .swiper-button-prev{top: 97.1%;}
    body .cooperate .swiper{height: auto;}
   body .heard .right{display: none;}
   body .heard .home-phone{display: none;}
   .heard-box .right,
   .home-phone {
     display: none;
   }
   .mob_ico{display: block;}
   .mob_inner_box .mob_ico>span{margin: 25% 0;}
   body .copyRight{flex-direction: column;}

  }
  

  
  @media screen and (max-width: 768px) {
    .kdd li{margin-bottom: 5px;}
    .footer{height: 550px;}
    body .copyRight{flex-direction: column;}
    #bvnjhg{display: block;bottom: 170px;}
   body .fswzj{display: block;}

    #jci{width: 3%;}
    .about-Box .about-bt{right: 182px;}
    body .footer .ft-bottom li>.footer1,body .footer .ft-bottom li>.footer2, body.footer .ft-bottom li>.footer3, body .footer .ft-bottom li>.footer4, body .footer .ft-bottom li>.footer5{
      font-size: 16px;color: #fff;
    }
    body .footer .ft-bottom li>span{
     color: #fff;
    }
   
    .footer3{color: #fff;}
    .footer6{text-align: center;color: #fff;}
    .cooperate .swiper-slide{width: 100vw!important;}
    body .GU-O{display: block;}
    body .cooperate .swiper-slide{width: 100vw!important;height: auto;}
    body .SY-banner{height: 100%;}
    .SY-banner .swiper-slide img{height: 100%;}
    .wh-sd{height: 200px;}
    .wh-sc{height: 140px;}
    body .nyban h3, body .nyban p{padding-left: 110px;}
    body .nyban h3{padding-top: 100px;}
    .nyban6, body .nyban{height: 190px;}
    body .nyban2 h3{padding-top: 95px;}
    body .nyban2 h3, body .nyban2 p{padding-left: 110px;}
    .About-Text{left: 118px;top: 82px;}
    .About-Text>h3{font-size: 25px;}
   body  .nynews_menu{z-index: 1;}
   body .nyban443 h3, body .nyban443 p, body .nyban2 h3, body .nyban2 p{padding-left: 105px;}
   .nyban443 h3{padding-top: 95px;}
    .nyban>.agm{padding-left: 0;}
    body .nynews_menu>ul>li>a{padding: 10px;}
    body .ny_news{margin-top: 30px;}
    .nyban,.nyban443,.nyban2{height: 200px;}
    .nyban h3{font-size: 25px;padding-top: 70px;}
    .ny_case_ul{margin-top: 20px;}
    .nyban443 h3{font-size: 25px;}
    .nyban2 h3{padding-top: 70px;}
    .nyban2 h3{font-size: 25px;}
    .ny_case_ul>li h4{font-size: 14px;text-wrap: nowrap;overflow: hidden;text-overflow: ellipsis;}
    .nypro_menu>ul>li>a{padding: 10px;font-size: 14px;}
    .about-bt2 .about-bt-2.xd{width: 110px;}
    .mob_inner_box .nav-right{width: 20vw;}
    .nyc_mess{padding: 10px 0;}
    .nyc_mess_box>h4{font-size: 25px;}
    
    .newS .newS-text>h3{font-size: 25px;}
    .newS .newS-text>h3::after{font-size: 50px;}
    .newS>.newS-list>li>a{height: auto;}
    body .newS>.newS-list>li{width: 90%;margin: 0 auto;height: 280px;}
    .newS>.newS-list>li>a>.newS-box{height: auto;}
    .newS-list li a .new-one{margin-bottom: 10px;}
    .newS-list li a h4{font-size: 25px;}
    .newS-list li a .new-xians{margin-top: 10px;}
    .newS{padding-top: 30px;}
    body .newS>.newS-list{display: block;margin: 20px 0;}
    .nav-show .nav-text>h3::after{display: none;}
    .cooperate .swiper-slide>.swiper-Text{padding: 80px 0 0 57px;}
    .tempWrap{margin: 0;}
    .SE-swi{display: block;}
    .service>.server-ul{display: none;}
    body .SY-banner .swiper-button-next{left: 59.2%;}
    body .SY-banner .swiper-button-prev{left: 43%;}
    .SY-banner .swiper-container-horizontal>.swiper-pagination-bullets{left: 45%;}
    .server{top: 400px;}
    .SE-swi>.swiper-wrapper>.swiper-slide:hover>.server>.server-t3{    width: 80px;
      height: 34px;
      background-color: #00a300;
      border: 1px solid #00a300;
      font-size: 10px;
      color: #fff;
      line-height: 34px;
      text-align: center;
      opacity: 0;
      margin-top: 8%;}
    body .brand .left>h3{font-size: 30px;}
    body .brand .left>h3::after{font-size: 30px;}
    body .brand .left>p{font-size: 14px;}
    .mob_inner_box .nav-right{top: 130px;}
   
    body .MY-swiper .swiper-button-next{left: 30%;}
    body .MY-swiper .swiper-button-prev{left: 16%;}
    body .honor .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, .swiper-pagination-fraction{left: 20%;}
    body .nav-Show{height: 530px;}
    body .nav-Show .mySwiper2{height: 100%;}
    body .nav-Show .mySwiper{left: 19%;}
    body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{
      left: 0%;
    }
    body .SY-banner .swiper-slide .banner-T{display: none;}
    body .SY-banner  .swiper-slide .sbanner1{display: inline-block;}
    body .cooperate .swiper-button-next{left: 66%;}
    body .cooperate .swiper-button-prev{left: 37%;}
    body .footer .top>li{margin-right: 5%;}
    body .nynews_menu{width: 66vw;margin: 0;}
    body .ny_news{padding: 0;}
    body .newsContainer{margin-top: 100px; padding: 0;}
    body .ny_ct_t>.ny_ct_r>span{font-size: 50px;}
    body .nyc_mess_box>ul>li>h5{font-size: 15px;}
    body .nyc_mess_box>ul>li>p:nth-of-type(2){font-size: 17px;}
    body .about-bt-2{width: 110px;}
    body .about-bt-1{width: 110px;}
    body .nynews_menu>ul>li>a{padding: 18px 21px;font-size: 16px;}
    body .newsContainer{margin-top: 40px;}
    body .newsContainer li a {margin-bottom: 20px;}
    body .ny_fb_con>.ny_fb_l{width: 100%;margin: 0;text-align: center;padding-right:0 ;}
    body .ny_fb_con>.ny_fb_l>h4{margin-right: 0;}
    body .ny_fb_btn>.btn{margin-right: 0;}
    body .ny_ct_t{display: block;text-align: center;}
    body .ny_ct_b{display: block;}
    body .ny_ct_b>.ny_ct_r{width: 100%;height: 100%;margin-top: 2%;}
    body .nyc_mess_box>ul{margin-top: 15px;flex-wrap: wrap;}
    body .nyc_mess_box>ul>li{width: 45%;margin-bottom: 2%;text-align: left;}
   body .footer .top{display: none;}
   body .footer .bottom{display: none;}
   body .footer .top li>a{font-size: 25px;}
   body .ny_fb_con>.ny_fb_l>.ny-name-LB{margin-left: 7%;text-align: left;}
   .ny_fb_con>.ny_fb_l>.ny-name-LB>span {font-size: 18px;}
   .ny_fb_con>.ny_fb_l>.ny-name-LB-wby>span {font-size: 18px;}
   .ny_fb_con>.ny_fb_l>.ny-name-LB-dz>span{font-size: 18px;}
   body .ny_freeback{margin-bottom: 10%;}
   body .brand{display: block;}
   body .service>.server-ul>li{width: 100%;margin: 0 0 20px 0;}
   body  .service>.server-ul>li:hover{width: 100%;margin: 0 0 20px 0;}
   body .service>.server-ul>li:hover .server-pic{width: 100vw;}
   body .server-ul li>a{transition: all 0s;}
   body .server-pic{transition: all 0s;}
   body .server-pic{width: 100vw;}
   body .brand>.left{width: 100%;}
   body .brand>.right{margin:20px 0 0 0;}
   body .lv-data li>h3{font-size: 30px;margin-top: 30px;}
   body .lv-data .data11{margin-right: 14px;}
   body .lv-data .data22 {margin-right: -9px;}
   body .honor{margin-top: 20px;}
   .bottom>li>img{width: auto;}
   body .footer .bottom>li{margin-right: 0;width: 48%;margin-bottom: 20px;}
   body .footer .bottom li>.footer1, body .footer .bottom li>.footer2, body.footer .bottom li>.footer3, body .footer .bottom li>.footer4, body .footer .bottom li>.footer5{font-size: 16px;}
   .nypro_menu>ul{justify-content: flex-start;}
   .ny_fb_con>.ny_fb_l>.ny-name-LB-dz,.ny_fb_con>.ny_fb_l>.ny-name-LB-wby{text-align: left}
   .ny_fb_con>.ny_fb_l>.ny-name-LB>input,.ny_fb_con>.ny_fb_l>.ny-name-LB-dz>input,.ny_fb_con>.ny_fb_l>.ny-name-LB-wby>textarea{width: 96vw;}
   ny_ct_l{margin-left: 10px;}
  body .ft-bottom{display: flex;justify-content: space-around;width: 100%;}
   
  }
  
  
  @media screen and (max-width: 520px) {
    .ny_case_ul>li{width: 48.8%;}
    body .copyRight p{font-size: 14px;}
    .about-Box .about-bt>a{width: 100px;height: 60px;line-height: 60px;}
    body .copyRight{flex-direction: column;}
    body .nyc_wx img{display: block;margin: 0 auto;}
    .copyRight a{font-size: 14px;}
    #jci{ width: 6%;margin-right: 5px;}
    body .footer .ft-bottom li>span{font-size: 13px!important;}
    .about-Box .about-bt{right: 0;}
    #bvnjhg{display: flex;top: 239px;}
    .kdd{margin: 0 10px;}
    .footer6{margin-right: 10px;}
    .newsshow_title{font-size: 1rem;}
    body .newsContainer li a{margin-bottom: 120px;}
    body .nyban-TEXT{font-size: 25px;margin: 15px  0;}
    body .ny_fb_con>.ny_fb_l{padding-top: 20px;}
    body .ny_fb_con>.ny_fb_l>h4{font-size: 25px;}
    body .ny_ct_t{margin-top: 0;}
    .cooperate .swiper-slide img{height: auto;}
    .cooperate .cooperate-text>h3::after{left: 22%;font-size: 50px;}
    .cooperate .cooperate-text>h3{font-size: 25px;}
    body .nav-Show .mySwiper{left: 15px;}
    #tb33 .tempWrap{margin: 0 0 0 25px;}
    body .nyban h3{padding-top: 88px;}
    body .nyban443 h3, body .nyban443 p, body .nyban2 h3, body .nyban2 p{padding-left: 70px;}
    .About-Text{left: 78px;}
    body .nyban h3, body .nyban p{padding-left: 70px;}
    .nav-right a{font-size: 14px;}
    .ny_ct_b>.ny_ct_l>ul>li>span{font-size: 14px;}
    body .newsContainer{margin-top: 130px;}
    .about-bt2 .about-bt-2.xd{width: 100px;line-height: 60px;height: 60px;}
    body .about-bt>a.xd,body .about-bt>a{width: 100px ;height: 60px;line-height: 60px;margin-left: 70px;}
    .about-ry .about-ry-ul li a>p{font-size: 12px;}
    .about-ry .about-ry-ul li a>p::after{bottom: 45px;height: 30px;}
    body .brand .left>p{margin-bottom: 0;}
    .lv-data{height: 140px;}
    .SY-banner .swiper-container-horizontal>.swiper-pagination-bullets{left: 41%;}
    body .SY-banner .swiper-button-next{left: 60%;}
    body .SY-banner .swiper-button-prev{left: 40%;}
    .lv-data li>.data1::before{right: -22px;font-size: 17px;bottom: 0;}
    body .brand .left>h3::after{font-size: 25px;}
    .brand>.right>img{height: auto;}
    body .nav-Show .mySwiper .swiper-wrapper>.swiper-slide{width: 70px!important;height: 70px;padding: 20px 0 0 0;}
    body .nav-Show .mySwiper .swiper-wrapper>.swiper-slide>p{font-size: 14px;}
    body .nynews_menu>ul{margin-top: -40px;}
    .mob_inner_box .nav-right{top: 112px}
   body .brand{display: block;}
   body .brand>.left{width: 100%;}
   body .brand>.right{margin: 10% 0 0 0;}
   body .lv-data li>p{font-size: 12px;}
   body .lv-data li>h3{font-size: 25px;margin-top: 0;}
   .lv-data>li:hover{width: 40%;height: 130px;padding:45px 20px 0 0;}
   .lv-data li:hover>.data1::after, .lv-data li:hover>.data2::after,  .lv-data li:hover>.data4::after{
    left: 4px;bottom: -17px;width: 45px;height: 43px;
   }


   .service>h3{font-size: 30px;}
   .service>p{font-size: 18px;margin-bottom: 10px;}
   .service>h3::after{font-size: 60px;}
   .lv-data li:hover>.data3::after{width: 58px;height: 44px;}
   .lv-data li>.data2::before{bottom: 3px;}
   body .lv-data .data22{margin-right: -4px;}
   .lv-data li>.data3::before, .lv-data li>.data4::before{bottom: 3px;}
   body .service>.server-ul{display: none;}
   body .service>.server-ul>li{width: 100%;margin: 0 0 20px 0;}
   body .server-pic{width: 100vw;}
   body .MY-swiper .swiper-button-prev{left: 14%;}
   body .MY-swiper .swiper-button-next{left: 19%;}
   body .nav-Show .mySwiper2{height: 100%;}
   body .honor .swiper-container-horizontal>.swiper-pagination-bullets, body .swiper-pagination-custom, .swiper-pagination-fraction{left: 13%;}
   body .nav-Show .mySwiper{left: 20px;}
   body .nav-Show .mySwiper .nav-CG, body .nav-Show .mySwiper .nav-GL, body .nav-Show .mySwiper .nav-FW, body .nav-Show .mySwiper .nav-CP{left: 0;}
   body .cooperate .swiper-button-prev{left: 29%;top: 99%;}
   body .cooperate .swiper-button-next{left: 67%;top: 99%;}
   body .newS>.newS-list{margin-left: 2%;}
   body .newS>.newS-list>li{margin-bottom: 3%;}
   body .footer>.top{left: 72px;}
   body .brand .left>h3{font-size: 30px;}
   body .honor{margin-top: 0;height: 700px;}
   body .footer .top li>a{font-size: 25px;}
   body .ny_ct_t,body .ny_ct_b{display: block;}
   body .ny_ct_b>.ny_ct_r{width: 100%;height: 100%;}
   body .nyc_mess_box>ul{display: block;}
   body .nyc_mess_box>ul>li{width: 100%;margin-bottom: 2%;text-align: left;}
   .lv-data>li{width: 25%;height: auto;}
   .honor .honor-text>h3{font-size: 30px;}
   .honor .honor-text>p{font-size: 16px;}
   .newS-list li a h2{font-size: 13px;}
   .newS-list li a p{font-size: 12px;}
   .newS>.newS-list>li>a{padding: 5px 0 20px 9px;}
   body .newS>.newS-list>li{height: 220px;}
   .brand .left>h3::after{bottom: -12px;}
   body .honor{height: 560px;}
   body .MY-swiper .swiper-container{height: 410px;}
   .brand .left>a{margin-left: 10%;}
   body .service>h3::after{font-size: 19%;}
    body .nyc_wx{width: 100%;}
  }
  @media screen and (max-width:414px) {
    .service .tempWrap{margin: 0 ;}
    #tb33 .tempWrap{margin: 0 0 0 50px;}
    body .nav-Show .mySwiper{left: 40px;}
     .honor .tempWrap{margin: 0 0 0 40px;}
     /* body .nav-Show .mySwiper{left: 30px;} */
    body .nynews_menu>ul{margin-top: -20px;}
    body .nynews_menu>ul>li>a{padding: 10px;}
    .lv-data>li:last-child{display: none;}
    .lv-data>li{width: 33%;}
    body .SY-banner .swiper-button-next{left: 65%;}
    .nav-Show .mySwiper .swiper-wrapper>.swiper-slide{margin-right: 10px!important;}
    body .nav-Show .mySwiper .nav-CG>h3, body .nav-Show .mySwiper .nav-GL>h3, body .nav-Show .mySwiper .nav-FW>h3, body .nav-Show .mySwiper .nav-CP>h3{font-size: 20px;}
    body .nav-Show .mySwiper .nav-CG>p, body .nav-Show .mySwiper .nav-GL>p, body .nav-Show .mySwiper .nav-FW>p, body .nav-Show .mySwiper .nav-CP>p{font-size: 12px;}
    body .newS>.newS-list>li{height: 240px;}
    .footer{    background-position-x: 51.5%;}
    body .footer .bottom{padding-right: 18px;}
    body .footer .bottom li>.footer1, body .footer .bottom li>.footer2, body.footer .bottom li>.footer3, body .footer .bottom li>.footer4, body .footer .bottom li>.footer5{font-size: 11px;}
    .lv-data>li:hover{padding: 45px 30px 0 0;}
    body .MY-swiper .swiper-button-prev{left: 10%;}
    body .MY-swiper .swiper-button-next{left: 14%;}
    body .SY-banner .swiper-button-prev{left: 30%;}
    .SY-banner .swiper-container-horizontal>.swiper-pagination-bullets{left: 35%;}
    .lv-data li:hover> .data33{margin-right: -67px;}
    body .nynews_menu>ul>li>a{font-size: 13px;}
    .ny_ct_t>.ny_ct_l>h3{font-size: 25px;}
    .ny_ct_t>.ny_ct_l>p{font-size: 16px;}

  }

  @media screen and (max-width:390px) {
    body .newS>.newS-list>li{height: 240px;}

  }


  @media screen and (max-width:375px) {
    #tb33 .tempWrap{margin: 0 0 0 20px;}
  
    body .newS>.newS-list>li{height: 250px;}
    body .ny_fb_con>.ny_fb_l>.ny-name-LB{margin-left: 0;}
  }

  @media screen and (max-width:360px) {
    body .nav-Show .mySwiper{left: 25px;}

    body .MY-swiper .swiper-button-prev{left: 8%;}
    .tempWrap{margin: 0;}
    body .newS>.newS-list>li{height: 250px;}
    .lv-data>li:hover{padding: 45px 22px 0 0;}
  }
  @media screen and (max-width:700px) {
    .sitemap_nr>dl>a {
      font-size: 1.125rem;
    }
  
    .sitemap_nr>dl>dt>a {
      font-size: 1rem;
    }
  
    .sitemap_nr>dl>dd>a {
      font-size: 0.875rem;
    }
  }