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

 ul li {
     list-style: none;
 }

 img {
     object-fit: contain;
 }

 body {
     font-family: 'Arial', sans-serif;
 }

 .mt10 {
     margin-top: 10px;
 }

 nav {
     background: #fff;
     position: relative;
 }

 .nav-container {
     display: flex;
     position: relative;
     align-items: center;
     padding: 1rem 2rem;
     max-width: 2000px;
     margin: 0 auto;
     border-bottom: 1px solid #eee;
 }

 .nav-container .phone {
     position: absolute;
     font-size: 22px;
     right: 50px;
     top: 50%;
     transform: translateY(-50%);
     font-weight: 600;
 }

 .nav-container .logo {
     color: #1677FF;
     font-weight: bold;
     text-decoration: none;
     width: 15rem;
 }

 .nav-container .nav-links {
     display: flex;
 }

 .nav-container .nav-links li {
     margin-left: 2rem;
 }

 .nav-container .nav-links a {
     color: #1677FF;
     text-decoration: none;
     transition: color 0.3s;
     position: relative;
     display: block;
     font-size: 20px;
     height: 58px;
     line-height: 58px;
     color: #333;
     font-weight: bold;
 }

 .nav-container .nav-links .nli.on a {
     color: #FB6504;
 }

 .nav-container .menu-toggle {
     display: none;
     cursor: pointer;
     color: #1677FF;
     font-size: 1.5rem;
 }

 .container {
     background-color: #fff;
     overflow: hidden;
 }

 .container .first,
 .aboutUs .benefit,
 .container .about,
 .aboutUs .devel {
     position: relative;
     margin-bottom: 1rem;
     background-color: #FFF;
 }

 .container .first img,
 .aboutUs .devel img {
     width: 100%;
 }

 .container .first .text {
     position: absolute;
     left: 10rem;
     top: 12rem;
     color: #fff;
     font-size: 4rem;
 }

 .container .first .text p {
     font-size: 2.5rem;
 }

 .homtTit {
     text-align: center;
     margin-top: 120px;
 }

 .homtTit h4 {
     line-height: 36px;
     color: #333;
     font-size: 28px;
     font-weight: bold;
     letter-spacing: 1px;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .homtTit h4 div {
     width: 40px;
     height: 2px;
     background: #e1e1e1;
     ;
 }

 .homtTit h4 span {
     padding: 0 20px;
     position: relative;
 }

 .homtTit h5 {
     width: 100%;
     line-height: 37px;
     color: #bfbfbf;
     font-size: 14px;
 }

 .container .about {
     padding: 10px 15px 80px 15px;
     margin-top: 76px;
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: center;
 }

 .container .about img {
     width: 40%;
     float: left;
 }

 .container .about .text {
     font-size: 14px;
     padding: 1.5rem;
     line-height: 30px;
     text-indent: 4ch;
     float: left;
     width: 35%;
     transform: translateX(-80px);
     background: #FFF;
     box-shadow: 0 2px 5px #999;
 }

 .container .about .text .icon,
 .aboutUs .devel .time_line .title .icon {
     width: 20px;
     height: 20px;
     background-color: #fa6602;
 }

 .container .about .text .title,
 .aboutUs .devel .time_line .title {
     font-size: 2rem;
     font-weight: 600;
     display: flex;
     align-items: center;
     color: #717171;
 }

 .container .about .text .con p {
     margin-top: 1rem;
     color: #717171;
 }

 .container .about .text .con p text {
     color: rgb(31, 78, 121);
     font-weight: 600;
     font-size: 1.2rem;
 }

 .container .bg {
     width: 100%;
     height: 20vw;
     background: url(picture/container/jiange.jpg) no-repeat center / cover;
 }

 .container .business {
     display: flex;
     justify-content: space-around;
     margin-top: 80px;
 }

 .container .business li {
     width: 23%;
     text-align: center;
     transition: all 0.5s;
     cursor: pointer;
 }

 .container .business li:hover {
     transform: translateY(-10px);
 }

 .container .business li img {
     width: 40%;
 }

 .container .business li .con {
     text-align: left;
     text-indent: 4ch;
     background: #f4f4f4;
     padding: 20px 20px 10px 20px;
     color: #545454;
     border-radius: 10px;
 }

 .container .product .taxYs {
     float: left;
     width: 50%;
     padding: 0 28px;
     margin-top: 70px;
     cursor: pointer;
     display: flex;
     align-items: center;
 }

 .container .product .taxYs .taxYsPic {
     float: left;
     width: 33%;
     position: relative;
     overflow: hidden;
     -moz-border-radius: 50% 50% 0 50%;
     border-radius: 50% 50% 0 50%;
 }

 .container .product .taxYs .taxYsPic img {
     float: left;
     width: 100%;
     display: block;
     -webkit-border-radius: 50% 50% 0 50%;
     -moz-border-radius: 50% 50% 0 50%;
     border-radius: 50% 50% 0 50%;
     transition: all 0.5s;
 }

 .container .product .taxYs:hover .taxYsPic img {
     transform: scale(1.2, 1.2);
 }

 .container .product .taxYs .taxYsPic h4 {
     position: absolute;
     bottom: 0;
     right: 0;
     width: 100%;
     line-height: 41px;
     height: 41px;
     font-size: 21px;
     padding-right: 44px;
     text-align: right;
     color: #fff;
     background: #016d56;
     text-transform: uppercase;
 }

 .container .product .taxYs .taxYsBox {
     float: right;
     width: 67%;
     padding-left: 35px;
     position: relative;
 }

 .container .product .taxYs .taxYsBox span {
     float: left;
     width: 100%;
     line-height: 25px;
     height: 75px;
     overflow: hidden;
     margin-top: 17px;
     font-size: 15px;
     color: #333333;
     text-overflow: ellipsis;
     display: -webkit-box;
     -webkit-line-clamp: 3;
     -webkit-box-orient: vertical;
 }

 .container .product .taxYs .taxYsBox h5 {
     float: left;
     width: 100%;
     line-height: 40px;
     height: 40px;
     font-size: 24px;
     color: #333;
 }

 .business .top {
     position: relative;
 }

 .business .top .bg {
     width: 100%;
     height: 300px;
     background: url(picture/business/banner_show.jpg) 100% 100%
 }

 .business .top .menu {
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: center;
     position: absolute;
     bottom: 0;
 }

 .business .top .menu li {
     padding: 1rem 4rem;
     background-color: rgba(0, 0, 0, .3);
     color: #fff;
     font-size: 18px;
     margin: 0 2px;
     cursor: pointer;
     transition: all 0.5s;
 }

 .business .top .menu li.on {
     background-color: rgba(1, 109, 68, .8);
 }

 .business .con {
     margin-top: 40px;
 }

 .business .con .tab-content {
     display: none;
     padding: 20px 0 0 0;
     border-top: none;
 }

 .business .con .tab-content.on {
     display: block;
 }

 .business .con .tab-content .line {
     border-bottom: 1px solid #EEEEEE;
     font-size: 28px;
     text-align: center;
     padding-bottom: 20px;
     margin-bottom: 20px;
     font-weight: 700;
 }

 .business .con .tab-content.fish .tab-bg {
     background: rgba(1, 109, 68, .8) url(picture/business/fish_bg.png) no-repeat fixed center/cover;
     color: #FFFFFF;
 }

 .business .con .tab-content.horse .tab-bg {
     background: rgba(1, 109, 68, .8) url(picture/business/horse-bg.png) no-repeat fixed center/cover;
     color: #FFFFFF;
 }

 .business .con .tab-content.bee .tab-bg {
     background: rgba(1, 109, 68, .8) url(picture/business/bee-bg.png) no-repeat fixed center/cover;
     color: #FFFFFF;
 }

 .business .con .tab-content .content {
     background: rgba(1, 109, 68, .5);
     padding: 20px 100px;
 }

 .business .con .tab-content .title {
     display: flex;
     font-size: 30px;
     margin-bottom: 20px;
     justify-content: center;
 }

 .business .con .tab-content .title img {
     width: 8rem;
     margin-right: 10px;
 }

 .business .con .tab-content .text span {
     font-size: 28px;
     margin-right: 10px;
 }

 .business .con .tab-content .text {
     display: flex;
     align-items: flex-start;
     justify-content: space-between;
 }

 .business .con .tab-content .text .right,
 .business .con .tab-content .text .left {
     width: 35%;
     line-height: 36px;
 }

 .business .con .tab-content .text .right .piont {
     font-size: 28px;
     margin-bottom: 10px;
 }

 .business .con .tab-content .text .right ul li {
     list-style: circle;
 }

 .business .con .tab-content .example_name {
     font-size: 24px;
     color: #000;
     margin-bottom: 20px;
     font-weight: 600;
 }

 .business .con .tab-content .example li {
     width: 100%;
     margin-top: 20px;
 }

 .business .con .tab-content .example .example_title {
     background: rgba(1, 109, 68);
     height: 80px;
     display: flex;
     align-items: center;
 }

 .business .con .tab-content .example_block {
     padding: 50px;
 }

 .business .con .tab-content .example img {
     height: 100%;
 }

 .business .con .tab-content .example_con {
     display: flex;
     width: 100%;
 }

 .business .con .tab-content .example_con div {
     margin-left: 80px;
 }

 .business .con .tab-content .example_text {
     border: 2px solid rgba(1, 109, 68);
     padding: 10px 30px 10px 10px;
     color: #000;
     line-height: 30px;
     background-color: rgba(255, 255, 255, 0.8);
 }

 .business .con .tab-content .example_text li {
     width: 100%;
     list-style: circle;
     margin: 0 0 0 30px;
 }

 .business .con .tab-content .example_text .example_piont {
     color: rgba(1, 109, 68);
     font-weight: 700;
 }

 .aboutUs .benefit {
     display: flex;
     padding: 80px 20px 15px;
     justify-content: center;
 }

 .aboutUs .benefit .left {
     width: 40%;
     height: auto;
     position: relative;
 }

 .aboutUs .benefit img {
     width: 100%;
 }

 .aboutUs .benefit .text {
     position: absolute;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
     font-size: 2.5rem;
     color: #fff;
     font-weight: 700;
     display: flex;
     align-items: center;
     width: 100%;
     justify-content: center;
 }

 .aboutUs .benefit .text .icon {
     width: 10px;
     height: 10px;
     border-radius: 50%;
     background: #FFF;
     margin: 0 10px;
 }

 .aboutUs .benefit .right {
     font-size: 1.3rem;
     position: relative;
     width: 35%;
 }

 .aboutUs .benefit .right .block {
     position: absolute;
     top: 50%;
     transform: translateY(-50%);
     width: 100%;
 }

 .aboutUs .benefit .right .block div {
     margin: 2rem 0 0 3rem;
     cursor: pointer;
     transition: all 0.5s;
 }

 .aboutUs .benefit .right .block div:hover {
     transform: translateY(-10px);
 }

 .aboutUs .benefit .right text {
     font-size: 2rem;
     margin-right: 1rem;
     font-weight: 600;
 }

 .aboutUs .benefit .right .block .text1 {
     color: rgb(46, 117, 182);
 }

 .aboutUs .benefit .right .block .text2 {
     color: rgb(31, 83, 142);
 }

 .aboutUs .benefit .right .block .text3 {
     color: rgb(79, 145, 219);
 }

 .aboutUs .benefit .right .block .text4 {
     color: rgb(132, 177, 229);
 }

 .aboutUs .benefit .right .block .text5 {
     color: rgb(43, 115, 191);
 }

 /* .aboutUs .devel {
     background-image: url('picture/container/mall.png');
 } */

 .aboutUs .devel .time_line {
     /* position: absolute;
        top: 0;
        left: 0; */
     width: 100%;
     padding: 80px 20px 15px;
 }


 .aboutUs .devel .time_line ul {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-around;
 }

 .aboutUs .devel .time_line ul li {
     /* background: rgba(31, 83, 142, 0.3); */
     background: url(picture/container/timeLine/2.webp) 100% 100%;
     padding: 1.5rem;
     border-radius: 10px;
     width: 30%;
     margin-bottom: 2rem;
     transition: all 0.5s;
     box-shadow: 0 2px 5px #999;
     color: #333;
 }

 .aboutUs .devel .time_line ul li:hover {
     transform: translateY(-10px);
 }

 .aboutUs .devel .time_line ul li .title {
     color: #000;
 }

 .aboutUs .devel .time_line ul li .red {
     color: rgb(189, 0, 0);
 }

 .aboutUs .devel .time_line ul li text {
     margin-right: 10px;
 }

 .aboutUs .devel .time_line ul li div {
     margin-bottom: 0.5rem;
 }

 .aboutUs .prize {
     padding-top: 80px;
 }

 .aboutUs .prize1 {
     display: flex;
     flex-wrap: wrap;
     justify-content: center;
 }

 .aboutUs .prize li {
     padding: 15px;
 }

 .aboutUs .prize li img {
     height: 300px;
     transition: all 0.5s;
     cursor: pointer;
 }

 .aboutUs .prize li img:hover {
     transform: scale(105%);
 }

 .product .customers {
     width: 70vw;
     margin: 10px auto;
 }

 /* .product .customers .customers-con{padding: 20px;background: #eee;} */

 .product .customers .title {
     padding: 10px 20px;
     background-color: #016D56;
     color: #FFF;
     font-size: 18px;
     font-weight: 600;
     display: inline-block;
     margin: 80px 0 20px;
 }

 .product .customers ul {
     display: flex;
     flex-wrap: wrap;
 }

 .product .customers ul li {
     margin: 30px;
 }

 .product .customers ul li img {
     height: 60px;
 }

 .join-con {
     padding: 50px 15px 20px;
     text-align: center;
 }

 .join .title-bg img {
     width: 100%;
 }

 .join .join-con .dec {
     display: flex;
     justify-content: space-around;
 }

 .join .join-con .dec .text,
 .join .join-con .dec .pic {
     width: 45%;
 }

 .join .join-con .name {
     background-color: #2d58b4;
     color: #FFF;
     border-radius: 25px;
     padding: 10px 100px;
     margin: 20px 0;
     display: inline-block;
     font-size: 24px;
 }

 .join .join-con .imp {
     color: #666;
 }

 .join .join-con .dec .pic img {
     width: 100%;
 }

 .join .join-con .row {
     margin-top: 70px;
 }

 .join .join-con .row .reasons-title {
     line-height: 36px;
     color: #333;
     font-size: 28px;
     font-weight: bold;
     letter-spacing: 1px;
 }

 .join .join-con .row .reasons {
     display: flex;
     flex-wrap: wrap;
     justify-content: space-between;
     margin-top: 40px;
 }

 .join .join-con .row .reasons li {
     width: 48%;
     border: 1px solid #d1d1d1;
     border-radius: 10px;
     background-color: #f6f6f6;
     /* height: 120px; */
     margin-bottom: 30px;
     display: flex;
     padding: 15px 30px;
 }
  .join .join-con .row .reasons li .reasons-num{
        width: 100px;
    font-size: 50px;
    color: #2D58B4;
    font-weight: bold;
  }
  .join .join-con .row .reasons li .reasons-dec{text-align: left;margin: 5px 0 0 10px;}

 .foot-btm {
     width: 100%;
     padding: 4rem 0;
     position: relative;
     z-index: 10;
     background: #222;
     margin-top: 80px;
     overflow: hidden;
 }

 .ys-cont1400 {
     width: 80vw;
     margin: auto;
     color: #FFF;
 }

 .foot-btm-top {
     width: 100%;
     display: flex;
     justify-content: space-between;
 }

 .fbtl-log {
     width: 14rem;
     /* margin-bottom: 40px; */
 }

 .fbtl-log img {
     width: 100%;
 }

 .fbtl-log p {
     text-align: center
 }

 .foot-btm-top .foot-menu .title {
     font-size: 18px;
     line-height: 28px;
     font-weight: 700;
     color: #FFF;
     text-decoration: none;
 }

 .foot-btm-top .foot-menu ul {
     display: flex;
     justify-content: space-around;
 }

 .foot-btm-top .foot-menu ul li {
     margin-right: 80px;
     line-height: 36px;
 }
   .foot-phone {
         display: none;
     }

     .foot-btm-btm{text-align: center;padding-top: 20px;border-top: 1px solid #d1d1d1;margin-top: 40px;}
     .foot-btm-btm a{color: #d1d1d1;text-decoration: none;font-size: 14px;}
 /* .fbtl-ul-li {
     display: flex;
     margin-bottom: 18px;
     font-size: 1.2rem;
 }

 .fbtl-ul-li-le {
     flex: none;
     margin-top: 1px;

 }

 .fbtl-ul-li-le p {
     line-height: 1.5;
 }

 .fbtl-ul-li-ri {
     padding-left: 10px;
     display: flex;
     flex-direction: column;
 }

 .fulr-link1 {
     font-size: 1.2rem;
     line-height: 1.4;
     font-weight: bold;
     color: #fff;
 } */


 @media (max-width: 1200px) {
     .nav-container {
         justify-content: space-between;
         width: 90vw;
     }

     .nav-container .phone {
         display: none;
     }

     .nav-container .nav-links {
         display: none;
         flex-direction: column;
         width: 100%;
         position: absolute;
         top: 100%;
         left: 0;
         background: #fff;
         padding: 1rem 0;
         z-index: 100;

     }

     .nav-container .nav-links.active {
         display: flex;
     }

     .nav-container .nav-links li {
         margin: 0;
         padding: 0.5rem 2rem;

     }

     .nav-container .menu-toggle {
         display: block;
     }

     .container .first .text {
         left: 6rem;
         top: 6rem;
         color: #fff;
         font-size: 2.5rem;
     }

     .homtTit {
         margin-top: 2rem;
     }



     .homtTit h4 div {
         width: 20px;
     }

     .container .about {
         display: block;
         margin-top: 10px;
         padding-bottom: 20px;
     }

     .container .about img,
     .container .about .text {
         width: 100%;
         float: none;
         transform: translateX(0px);
     }

     .business .con .tab-content .example {
         display: block;
     }

     .business .con .tab-content .example_block {
         padding: 30px 20px;
     }

     .business .con .tab-content .example_con {
         font-size: 14px;
     }

     .business .con .tab-content .example_text li {
         margin-top: 0px;
     }

     .product .customers {
         width: 90vw
     }

     .product .customers ul li {
         margin: 15px;
     }

     .product .customers ul li img {
         height: 45px;
     }





     .fbtl-log p {
         font-size: 0.8rem;
         color: #FFF;
     }



     .fbtl-log {
         width: 7rem;
     }


     .container {
         padding: 0;
     }

     .aboutUs .benefit .text {
         font-size: 1rem;
     }



     .aboutUs .benefit .right .block div {
         margin: 0 0 0.5rem 0.5rem
     }

     .aboutUs .prize li img {
         height: 150px;
     }

     /* .container .about, .aboutUs .devel{display: none;} */


     .container .about .text {
         line-height: 2rem;
     }

     .aboutUs .benefit .left,
     .aboutUs .benefit .right {
         width: 50%;
     }

     .aboutUs .benefit,
     .aboutUs .devel .time_line,
     .aboutUs .prize {
         padding-top: 10px;
     }
 }

 @media (max-width: 767px) {
     .aboutUs .benefit {
         display: block;
     }

     .aboutUs .benefit .left,
     .aboutUs .benefit .right {
         width: 100%;
     }

     .aboutUs .benefit .right .block {
         position: initial;
         transform: translateY(0px);
         box-shadow: 0 2px 5px #999;
         font-size: 1rem;
         padding: 0.2rem;
     }

     .aboutUs .benefit .right text {
         font-size: 1.4rem;
     }

     .container .first .text {
         font-size: 1rem;
         top: 3rem;
         left: 1.5rem;
     }


     .container .first .text p {
         font-size: 0.8rem;
     }

     .homtTit h4 {
         font-size: 1.3rem;
     }

     .container .business {
         display: block;
         margin-top: 10px;
         padding-bottom: 20px;
         flex-wrap: wrap;
     }

     .container .business li,
     .container .product .taxYs {
         width: 100%;
         padding: 20px 40px;

     }

     .container .product .taxYs {
         margin-top: 0;
     }

     .container .product .taxYs .taxYsBox h5 {
         font-size: 18px;
         line-height: 30px;
         height: 30px;
     }

     .container .product .taxYs .taxYsPic {
         width: 33%;
     }

     .container .product .taxYs .taxYsBox {
         padding-left: 15px;
     }

     .container .product .taxYs .taxYsPic h4 {
         height: 20px;
         line-height: 20px;
         font-size: 14px;
     }

     .container .product .taxYs .taxYsBox span {
         margin-top: 5px;
     }

     .nav-container .logo {
         width: 10rem;
     }

     .container .about .text .con p {
         font-size: 0.8rem;
         padding: 0.2rem;
     }

     .container .about .text .title,
     .aboutUs .devel .time_line .title {
         font-size: 1.2rem;
     }

     .aboutUs .devel .time_line ul li {
         width: 100%;
         font-size: 0.8rem;
         padding: 0.5rem;
     }

     .aboutUs .prize li img {
         height: 100px;
     }

     .business .top .menu li {
         padding: 8px 15px;
     }



     .business .con .tab-content .content {
         padding: 20px;
         font-size: 16px;
     }

     .business .con .tab-content .text {
         display: block;
     }

     .business .con .tab-content .text .right,
     .business .con .tab-content .text .left {
         width: 100%;
     }

     .business .con .tab-content .text .right {
         margin-top: 20px;
     }

     .business .con .tab-content .title {
         font-size: 26px;
         margin-bottom: 10px;
     }

     .business .con .tab-content .text span,
     .business .con .tab-content .text .right .piont {
         font-size: 24px;
     }

     .business .con .tab-content .example_con {
         display: none;
     }

     .business .con .tab-content .example_block {
         padding: 30px 0;
     }

     .business .con .tab-content .example .example_title {
         height: 70px;
     }

     .product .customers .title {
         margin: 40px 0 20px;
     }
     .join .join-con .row .reasons{display: block;}
     .join .join-con .row .reasons li{width: 100%;}
     .join .join-con .name{padding: 10px 60px;font-size: 20px;}

     .foot-btm-top {
        
        align-items: center;
     }

     .foot-menu {
         display: none;
     }
  .foot-phone {
         display: block;
     }
     .foot-btm {
         padding: 2rem 0 ;
     }
     .foot-btm-btm{display: none;}
 }