.header {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    background: #fff;
    box-sizing: border-box;
}

.header h1 {
    width: 40%;
    /* width: auto; */
    padding-left: 0px;
}

.header h1 a {
    display: flex;
    align-items: center;
}

.header h1 span {
    font-size: 28px;
    font-family: "Times New Roman", Times, serif;
}

.header h1 img {
    /* height: 57px; */
    max-width: 100%;
}

.header .cont {
    display: flex;
    flex-flow: row nowrap;
    justify-content: space-between;
    align-items: center;
    box-sizing: border-box;
    margin: 0 auto;
    position: relative;
    width: 100%;
    padding: 0 120px;
}

.header .navigation {
    width: 60%;
}

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

.top_link a {
    font-size: 15.27px;
    margin-right: 17px;
}

.top_link a.ch {
    width: 67px;
    height: 23px;
    line-height: 23px;
    text-align: center;
    color: #fff;
    display: inline-block;
    background: #00985f;
    border-radius: 5px;
    font-size: 13px;
}

.top_link a.contact {
    width: 84px;
    height: 23px;
    line-height: 23px;
    color: #fff;
    display: inline-block;
    background: #d6b61d;
    text-align: center;
    border-radius: 5px;
    font-size: 13px;
}

.header .nav>ul {
    display: flex;
    justify-content: flex-end;
}

.header .nav>ul>li {
    float: left;
    height: 50px;
    box-sizing: border-box;
    position: relative;
    /* margin: 0 25px; */
    /* padding-top: 15px; */
    /* width: 140px; */
    text-align: center;
    padding: 0 15px;
}


.header .nav>ul>li>a {
    display: block;
    box-sizing: border-box;
    text-align: center;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
    color: #353535;
    font-size: 24px;
    font-weight: bold;
}

.header .nav>ul>li>a>span {
    display: block;
}

.header .nav>ul>li>a>span.en {
    font-size: 14px;
    display: none;
}

.header .nav>ul>li>a:hover,
.header .nav>ul>li.on>a {
    color: #00985f;
    font-weight: bold;
}

.header .nav>ul>li:hover,
.header .nav>ul>li.on {
    background: url(/en/images/icon2.png) no-repeat center 100%;
}

.header .nav>ul>li.tp_en {
    padding: 34px 0 0;
    margin: 0px 20px 0 20px;
}

.header .nav>ul>li.tp_sch {
    padding: 32px 0 0;
}

.header .nav>ul>li.tp_sch>a {
    padding: 0;
    width: 35px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.header .nav>ul>li .layui-icon {
    font-size: 16px;
    display: block;
    width: 35px;
    height: 35px;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-weight: bold;
}

.header .nav .submenu {
    position: absolute;
    width: 140%;
    top: 70px;
    left: -20%;
    z-index: 99;
    background: rgba(255, 255, 255, .9);
    border-bottom: 3px solid #028320;
    transition: all 0.4s ease-out 0s;
    opacity: 0;
    visibility: hidden;
}

.header .nav>ul>li:hover .submenu {
    opacity: 1;
    visibility: visible;
}

.header .nav .submenu .body {
    width: 1400px;
    margin: 0 auto;
    overflow: hidden;
    padding: 30px 0;
}

.header .nav .submenu .body .top_ad {
    float: left;
    width: 710px;
}

.header .nav .submenu .body .top_ad .pic {
    float: left;
    margin-right: 25px;
}

.header .nav .submenu .body .top_ad .title {
    font-size: 20px;
    color: #028320;
    margin: 20px 0 10px;
}

.header .nav .submenu .body .top_ad .desc {
    font-size: 12px;
    line-height: 25px;
    color: #969696;
}


.header .nav .submenu ul li {
    display: block;
    text-align: center;
}

.header .nav .submenu ul li a {
    display: block;
    border-bottom: 1px solid #d2d2d2;
    line-height: 40px;
    font-size: 14px;
}

.header .nav .submenu ul li a:hover {
    border-bottom: 1px solid #028320;
}

.header .nav .submenu .body img {
    width: 300px;
    height: 150px;
}

.header .nav .submenu .navli {
    padding-right: 100px;
    margin-right: 130px;
    width: 622px;
    border-right: 1px solid #cdcdce;
}

.header .nav .submenu .navli li {
    display: inline-block;
    margin-right: 10px;
    margin-top: 5px;
    margin-bottom: 5px;
}

.header .nav .submenu .navli li a {
    display: block;
    border-bottom: 1px solid #d7d7d8;
    padding: 5px 15px;
}

.header .nav .submenu .navli li a:hover {
    border-bottom: 1px solid #7292e2;
    color: #7292e2;
}

.banlist {
    width: 100%;
}

.banner a {
    position: relative;
    display: block;
    height: calc(100vh - 97px);
    overflow: hidden;
    width: 100%;
}

.banner a .bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 0;
    transition: linear 5s;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.banner .page {
    bottom: 30px;
}

.banner .swiper-slide .bg {
    -webkit-transform: scale(1.1);
}

.banner .swiper-slide-active .bg {
    -webkit-transform: scale(1);
}

.banner .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: url(/en/images/pagination-bullet.png) center no-repeat;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background: url(/en/images/pagination-bullet-on.png) center no-repeat;
    box-sizing: border-box;
    border: 1px solid #00985f;
    border-radius: 50%;
}

.banner .swiper-ban-next,
.banner .swiper-ban-prev {
    width: 65px;
    height: 65px;
    position: absolute;
    top: calc((100% - 65px) / 2);
    z-index: 99;
}

.banner .swiper-ban-next {
    background: url(/en/images/ban-r.png) no-repeat;
    right: 2%;
}

.banner .swiper-ban-prev {
    background: url(/en/images/ban-l.png) no-repeat;
    left: 2%;
}

.banner .swiper-ban-next:hover {
    background: url(/en/images/ban-r-on.png) no-repeat;
}

.banner .swiper-ban-prev:hover {
    background: url(/en/images/ban-l-on.png) no-repeat;
}



.nydt {
    position: relative;
}

.nydt .img img {
    width: 100%;
}

.top_xg2 {
    position: absolute;
    bottom: 0;
    width: 100%;
    z-index: 2;
}

.top_xg2 .wave-box,
.top_xg2 .marquee,
.top_xg2 .wave-list-box ul,
.top_xg2 .wave-list-box ul li img {
    height: 150px;
}

.top_xg2 .wave-list-box ul li {
    height: 150px;
    line-height: 150px;
}


.crumbs {
    width: 835px;
    height: 142px;
    color: #fff;
    background: url(/en/images/crumbsBg.png) center no-repeat;
    position: absolute;
    top: calc((100% - 142px) / 2);
    left: calc((100% - 835px) / 2);
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
}

.crumbs .crumbs-name {
    font-size: 50px;
    color: #fff;
    font-weight: bold;
}

.crumbs .crumbs-list a {
    color: #fff;
}


/* - */
.marquee-box {
    overflow: hidden;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.top_xg {
    position: absolute;
    left: 0;
    top: 20px;
    width: 100%;
    z-index: 2;
}

.top_xg .bg_bai {
    height: 50px;
    background: #fff;
}

.marquee {
    width: 8000%;
    height: 60px
}

.wave-list-box {
    float: left
}

.wave-list-box ul {
    float: left;
    height: 60px;
    overflow: hidden;
    zoom: 1
}

.wave-list-box ul li {
    height: 60px;
    width: 100%;
    float: left;
    line-height: 30px;
    list-style: none
}

.wave-box {
    position: relative;
    height: 60px;
}

.conent_box {
    margin-top: 40px;
    background: url(/en/images/content-box-bg.png) top center no-repeat;
    background-size: cover;
}

.textlist .info li {
    width: 100%;
    height: 67px;
    line-height: 67px;
    display: flex;
    box-sizing: border-box;
    justify-content: space-between;
    border-bottom: 1px solid #dad8d5;
    transition: all 0.5s ease-in-out;
}

.textlist .info li a {
    color: #454545;
    font-size: 20px;
}

.textlist .info li .dete {
    color: #454545;
    opacity: .5;
    display: flex;
    align-items: flex-end;
    font-size: 18px;
}



.textlist .info li span {
    width: 20px;
    height: 1px;
    background: #454545;
    display: inline-block;
    margin-right: 5px;
    position: relative;
    top: -6px;
}

.textlist .info li:hover {
    background: #00985f;
    box-sizing: border-box;
    padding: 0 30px 0 35px;
    transition: all 0.5s ease-in-out;
}

.textlist .info li:hover a {
    color: #fff;
}

.textlist .info li:hover span {
    width: 26px;
    height: 20px;
    top: 0;
    background: url(/en/images/icon2-w.png) no-repeat;
}

.textlist .info li:hover .dete {
    color: #fff;
}


.pagination {
    padding: 60px 0;
    text-align: center;
}

.pagination li {
    display: inline-block;
    margin: 0 5px;
    margin-bottom: 10px;
}

.pagination li a {
    display: inline-block;
    background: #fff;
    width: 30px;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    box-sizing: border-box;
    padding-top: 5px;
    transition: All .4s ease-in;
    -webkit-transition: All .4s ease-in;
    -moz-transition: All .4s ease-in;
    -o-transition: All .4s ease-in;
    background: url(/en/images/icon1.png) no-repeat;
}

.pagination li a:hover,
.pagination li.active a {
    background: url(/en/images/icon1on.png) no-repeat;
}

.pagination .prev,
.pagination .next {
    width: 30px;
    height: 44px;
    color: #fff;
    background: url(/en/images/icon1on.png) no-repeat;
}

.piclist .info li {
    margin-bottom: 40px;
    background: #fff;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
    position: relative;
    transition: all 0.5s ease-in-out;
}

.piclist .info li:last-of-type {
    margin: 0;
}

.piclist .info li a {
    display: flex;
}

.piclist .info li .img {
    width: 42.85%;
    overflow: hidden;
}

.piclist .info li .img img {
    width: 100%;
    aspect-ratio: 16/9;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.piclist .info li .text {
    width: 57.15%;
    box-sizing: border-box;
    padding: 60px 50px;
}

.piclist .info li .title {
    font-size: 22px;
    color: #3b3b3b;
    font-weight: bold;
}

.piclist .info li .desc {
    font-size: 18px;
    color: #b7b7b7;
    line-height: 30px;
    margin: 20px 0 30px 0;
}

.piclist .info li .dete {
    color: #acacac;
    display: flex;
    align-items: flex-end;
}

.piclist .info li:hover {
    background: url(/en/images/logo-ico.png)no-repeat #fff;
    background-position-x: 98%;
    background-position-y: 320%;
    transition: all 0.5s ease-in-out;
}

.piclist .info li:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.piclist .info li:hover .title {
    color: #00985f;
}

.piclist .info li::before {
    content: '';
    width: 0;
    height: 2px;
    background: #0d9d67;
    display: inline-block;
    transition: all 0.5s ease-in-out;
    position: absolute;
    bottom: 0;
    z-index: 99;
}

.piclist .info li:hover::before {
    width: 100%;
}

.detail-top {
    background: rgba(255, 255, 255, .6);
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 2%);
    box-sizing: border-box;
    padding: 60px;
}

.detail-top h2 {
    text-align: center;
    font-size: 42px;
    color: #4d4d4d;
}

.detail-top .timer {
    text-align: center;
    color: #4d4d4d;
    font-size: 18px;
    opacity: .5;
    padding: 15px 0;
    border-bottom: 1px solid #e3e3e3;
}

.detail-top .dtl {
    box-sizing: border-box;
    padding: 45px 0;
}

.detail-top .dtl p {
    font-size: 20px;
    color: #4d4d4d;
    line-height: 40px;
}

.detail-top .dtl video {
    width: 800px;
    height: auto;
}

.detail-page {
    padding: 40px 0 80px 0;
}

.detail-page .pager {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.detail-page .pager li {
    width: 48%;
    background: #fff;
    box-sizing: border-box;
    padding: 45px 60px;
    box-sizing: border-box;
    border: 1px solid #fff;
}

.detail-page .pager li p {
    font-size: 20px;
    color: #4d4d4d;
}

.detail-page .pager li .p1 {
    font-weight: bold;
}

.detail-page .pager li .p2 {
    line-height: 35px;
    margin-top: 10px;
}

.detail-page .pager li:hover {
    box-sizing: border-box;
    border: 1px solid #7cc8aa;
}

.detail-page .pager li:hover p {
    color: #00985f;
}

.danye {
    padding-bottom: 80px;
}

.danye .dtl {
    padding: 0;
}

.cpzxlist .info li a {
    background: #fff;
    display: inline-block;
    border: 1px solid #f2f2f2;
    box-shadow: 0px 0px 5px 5px rgb(0 151 95 / 5%);
}

.cpzxlist .info li .img {
    overflow: hidden;
    max-height: 460px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding: 0 10px;
}

.cpzxlist .info li .img img {
    width: 100%;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.cpzxlist .info li .title {
    text-align: center;
    height: 88px;
    line-height: 88px;
    color: #404040;
    font-size: 20px;
    box-sizing: border-box;
    background: #fff;
    border-top: 1px solid #f0f0f0;
    padding: 0 15px;
}

.cpzxlist .info li:hover a {
    box-sizing: border-box;
    border: 1px solid #00975f;
}

.cpzxlist .info li:hover .title {
    background: #00975f;
    color: #fff;
}

.cpzxlist .info li:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}


.picture .info li a {
    border: none;
    width: 100%;
}

.picture .info li:hover a {
    border: none;
}







.subNav .list {
    margin-bottom: 45px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.subNav .list a {
    font-size: 22px;
    color: #00975f;
    box-sizing: border-box;
    padding: 14px 12px;
    border: 1px solid #dfdfdf;
    margin: 0 15px 15px 15px;
    transition: all 0.5s ease-in-out;
}

.subNav .list a.on,
.subNav .list a:hover {
    background: url(/en/images/icon2-w.png) left center no-repeat #00975f;
    color: #fff;
    box-sizing: border-box;
    padding-left: 40px;
    background-position-x: 10px;
    transition: all 0.5s ease-in-out;
}



/* --footer-- */

.footer {
    width: 100%;
    height: 420px;
    background: url(/en/images/footerBg.jpg) center no-repeat;
    background-size: cover;
    overflow: hidden;
}

.footer .foot {
    width: 100%;
    height: 304px;
    display: flex;
    justify-content: space-between;
}

.footer .banq {
    height: 116px;
    box-sizing: border-box;
    padding-top: 30px;
    border-top: 1px solid rgba(255, 255, 255, .5);
}

.footer .banq p {
    font-size: 16px;
    line-height: 25px;
    color: rgba(255, 255, 255, .5);
}

.footer .banq p a {
    color: rgba(255, 255, 255, .5);
}

.footer .ftlogo {
    padding: 55px 0;
}

.footer .contact p {
    font-size: 16px;
    line-height: 30px;
    color: rgba(255, 255, 255, .5);
}

.footer .ftlogo a {
    display: flex;
    align-items: center;
}

.footer .ftlogo span {
    color: #fff;
    font-size: 30px;
    font-family: "Times New Roman", Times, serif;
    font-weight: bold;
}


.footlink {
    width: 272px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #81c6ab;
    position: relative;
    margin-top: 65px;

}

.footlink h3 {
    font-size: 16px;
    box-sizing: border-box;
    padding-left: 20px;
    background: url(/en/images/ftjt.png) right center no-repeat;
    color: rgba(255, 255, 255, .5);
    font-weight: normal;
    background-position-x: calc(100% - 20px);
}

.footlink ul {
    position: absolute;
    display: none;
    width: 100%;
    background: #fff;
    box-sizing: border-box;
    padding: 0 20px;
    max-height: 280px;
}

.footlink ul li {
    border-bottom: 1px dashed rgba(2, 140, 87, .5);
}

.footlink ul li:hover a {
    color: #00985f;
}

.footlink:hover ul {
    display: block;
    overflow-y: scroll;
}

/* -- */

.content1 {
    width: 100%;
    height: 250px;
    background: #008a56;
}

.content1 .count {
    height: 250px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.content1 .item p {
    font-size: 18px;
    color: #fff;
}

.content1 .item p span {
    font-size: 50px;
    font-weight: bold;
    margin-right: 3px;
}

.content1 .item2 {
    width: 39.15%;
    height: 164px;
    border-left: 1px solid #33a178;
    border-right: 1px solid #33a178;
    display: flex;
    align-items: center;
    justify-content: center;
}

.content1 .item2 .box {
    width: 48%;
}

.content2 {
    width: 100%;
    height: 825px;
    /* background: url(/en/images/content2Bg.jpg) center no-repeat; */
    /* background-size: cover; */
    position: relative;
    overflow: hidden;

    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/en/images/content2Bg.jpg);

}

.content2 #wave2 {
    width: 100%;
    position: absolute;
    bottom: -40px;
}

.content2 .name {
    font-size: 53px;
    color: #fff;
    text-align: center;
    font-weight: bold;
    padding-top: 120px;
}

.content2 .desc {
    font-size: 20px;
    color: #fff;
    line-height: 40px;
    text-align: center;
    margin: 40px 0 70px 0;
}

.content2 .btn {
    width: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: space-evenly;
    justify-content: center;
}

.content2 .btn .box:nth-child(2) {
    margin: 0 210px;
}

.content2 .btn .box a {
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    position: relative;
    top: 0;
    transition: all 0.5s ease-in-out;
}

.content2 .btn .box a:hover {
    top: -5px;
    transition: all 0.5s ease-in-out;
}

.content2 .btn .box p {
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    margin-top: 10px;
}

.content2 .more {
    width: 190px;
    height: 55px;
    background: #008a56;
    border: 1px solid #fff;
    border-radius: 5px;
    box-sizing: border-box;
    padding: 0 20px;
    margin: 80px auto 0 auto;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.content2 .more:hover {
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.content2 .more a {
    display: flex;
    height: 55px;
    align-items: center;
    justify-content: space-between;
    color: #fff;
    font-size: 16px;
    text-transform: uppercase;
}

.content3 {
    width: 100%;
    height: 1074px;
    background: url(/en/images/content3Bg.jpg) center no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding-top: 175px;
    position: relative;
}

.pastures .swiper-slide {
    width: 100%;
    height: 645px;
    opacity: 0 !important;
}

.pastures .swiper-slide-active {
    opacity: 1 !important;
}

.pastures .swiper-slide .p-text {
    max-width: 40.7%;
    width: 570px;
    height: 570px;
    box-sizing: border-box;
    border: 5px solid #00985f;
    position: absolute;
    left: 0;
    top: 0;
    padding: 120px 160px 0 45px;
}

.pastures .swiper-slide .p-text .title,
.channel .swiper-slide .p-text .title {
    font-size: 22px;
    color: #00985f;
    font-weight: bold;
}

.pastures .swiper-slide .p-text .desc,
.channel .swiper-slide .p-text .desc {
    color: #232224;
    opacity: .7;
    text-align: justify;
    line-height: 30px;
    height: 180px;
    margin: 30px 0 25px 0;
    /* word-break: break-all; */
    font-size: 18px;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: break-all;
}

.pastures .swiper-slide .p-text .more,
.channel .swiper-slide .p-text .more {
    width: 190px;
    height: 55px;
    border: 1px solid #00985f;
    border-radius: 10px;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.pastures .swiper-slide .p-text .more:hover,
.channel .swiper-slide .p-text .more:hover {
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.pastures .swiper-slide .p-text .more a,
.channel .swiper-slide .p-text .more a {
    height: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
    align-items: center;
    font-size: 16px;
}


.pastures .swiper-slide .p-img {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 69%;
    overflow: hidden;
}

.pastures .swiper-slide .p-img img {
    width: 100%;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.pastures .swiper-slide .p-img img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.pastures .swiper-slide .p-img .btn {
    width: 54px;
    height: 54px;
    background: url(/en/images/videoBtn.png) center no-repeat;
    position: absolute;
    left: calc((100% - 54px) / 2);
    top: calc((100% - 54px) / 2);
}

.pastures .swiper-pas-next,
.pastures .swiper-pas-prev {
    width: 45px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    left: 435px;
    z-index: 9;
    left: 31%;
}

.pastures .swiper-pas-next {
    /* left: 500px; */
    left: 35.71%;
}

.pastures .swiper-pas-next:hover,
.pastures .swiper-pas-prev:hover {
    background: rgba(0, 152, 95, .5);
}


.column a.name {
    font-size: 50px;
    color: #303030;
    font-weight: bold;
}

.pastures .column {
    position: absolute;
    left: 45px;
    top: 50px;
    z-index: 999;
}

/* --- */

.content4 {
    width: 100%;
    height: 1340px;
    background: url(/en/images/content4Bg.jpg) center no-repeat;
    background-size: 100% 100%;
    position: relative;
    overflow: hidden;
}

.content4 #wave4 {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.content4 .column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 60px 0;
}

.content4 .column a {
    color: #303030;
}

.content4 .column .more {
    width: 190px;
    height: 55px;
    border: 1px solid #066e48;
    border-radius: 10px;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.content4 .column .more:hover {
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.content4 .column .more a {
    height: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
    align-items: center;
    font-size: 16px;
    color: #066e48;
}

.brand {
    position: relative;
    margin-top: 60px;
}

.brand .tab-head {
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    z-index: 99;
}

.brand .tab-head a {
    font-size: 22px;
    color: #353535;
    height: 52px;
    line-height: 52px;
    box-sizing: border-box;
    padding: 0 20px 0 50px;
    border-radius: 5px;
    margin-bottom: 10px;
    display: inline-block;
}

.brand .tab-head a.active {
    background: url(/en/images/icon2-w.png) left center no-repeat #00985f;
    color: #fff;
    background-position-x: 20px;
}

.proSlide .swiper-slide {
    width: 100%;
    height: 690px;
}

.proSlide .swiper-slide .p-text {
    width: 390px;
    height: 690px;
    box-sizing: border-box;
    border: 1px solid #00975f;
    border-radius: 10px;
    padding: 3px;
    position: absolute;
    left: 0;
    top: 0;
    background: #fff;
}

.proSlide .swiper-slide .p-text .crotext {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    border: 1px dashed rgb(0 152 95 / .2);
    border-radius: 10px;
    padding: 37px;
    overflow: hidden;
}

.proSlide .swiper-slide .p-text .dtl {
    height: 100%;
    overflow-y: auto;
}

.proSlide .swiper-slide .p-text .crotext p {
    font-size: 16px;
    color: #303030;
    line-height: 25px;
}

.proSlide .swiper-slide .p-text .crotext p span {
    font-size: 16px !important;
}

.proSlide .swiper-slide .p-text .crotext strong span {
    font-size: 18px !important;
}

.brand .tab-count {
    width: 100%;
}

.tab-count .proSlide {
    width: 1050px;
}


.proSlide .swiper-slide .p-text .dtl::-webkit-scrollbar {
    width: 7px;
    background-color: #eee;
    -webkit-transform: translateX(50px);
}

.proSlide .swiper-slide .p-text .dtl::-webkit-scrollbar-track {
    background-color: #eee;
}

.proSlide .swiper-slide .p-text .dtl::-webkit-scrollbar-thumb {
    background-color: #005d3a;
    border-radius: 4px;
}

.proSlide .swiper-slide .p-text .dtl::-webkit-scrollbar-button {
    background-color: #005d3a;
    display: none;
}

.proSlide .swiper-slide .p-text .dtl::-webkit-scrollbar-corner {
    background-color: #f1f1f1;
}


.proSlide .swiper-slide .p-img {
    /* position: absolute;
    right: 30px;
    width: 660px;
    text-align: center;
    bottom: 10px; */

    width: 660px;
    text-align: center;
    display: flex;
    justify-content: center;
    position: absolute;
    right: 0;
    bottom: 17%;

}

.tab-count .proSlide {
    display: none;
}

.tab-count .proSlide.active {
    display: block;
}


/* -- */

.content5 {
    width: 100%;
    height: 1005px;
    /* background: url(/en/images/content5Bg.jpg) center bottom no-repeat; */
    /* background-size: cover; */

    background-attachment: fixed;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(/en/images/content5Bg.jpg);

    position: relative;
    overflow: hidden;
}

.content5 #wave3 {
    width: 100%;
    position: absolute;
    bottom: 0;
}

.content5 .column {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 20px 0 60px 0;
}

.content5 .column a {
    color: #fff;
}

.content5 .column .more {
    width: 190px;
    height: 55px;
    border: 1px solid #fff;
    border-radius: 10px;
    position: relative;
    left: 0;
    transition: all 0.5s ease-in-out;
}

.content5 .column .more:hover {
    left: 5px;
    transition: all 0.5s ease-in-out;
}

.content5 .column .more a {
    height: 100%;
    display: flex;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 0 15px;
    align-items: center;
    font-size: 16px;
}

.newList {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.newList .box {
    width: calc((100% - 80px) / 3);
    height: 310px;
    background: #fff;
    box-sizing: border-box;
    padding: 55px 35px;
    border-bottom: 6px solid #fff;
    transition: all 0.5s ease-in-out;
}

.newList .box .title {
    font-size: 20px;
    color: #151515;
    line-height: 25px;
    height: 50px;
}

.newList .box .desc {
    color: #151515;
    opacity: .5;
    line-height: 25px;
    height: 75px;
}

.newList .box .dete {
    display: flex;
    align-items: center;
    margin: 20px 0 30px 0;
}

.newList .box .dete .d span {
    font-size: 20px;
    color: #00985f;
}

.newList .box:hover {
    background: url(/en/images/logo-ico2.png) right no-repeat #fff;
    background-position-y: 20px;
    border-bottom: 6px solid #0c764e;
    transition: all 0.5s ease-in-out;
}

.newList .box:hover .title {
    color: #00985f;
    font-weight: bold;
}

.newSlide .swiper-slide a {
    width: 100%;
    display: flex;
}

.newSlide .swiper-slide .img {
    overflow: hidden;
    width: 42.85%;
}

.newSlide .swiper-slide .img img {
    width: 100%;
    height: 335px;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.newSlide .swiper-slide:hover .img img {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.newSlide .swiper-slide .text {
    width: 57.15%;
    box-sizing: border-box;
    padding: 65px 50px;
    background: url(/en/images/logo-ico.png) right bottom no-repeat #fff;
    background-position-x: 93%;
    background-position-y: 320%;
}

.newSlide .swiper-slide .title {
    font-size: 22px;
    color: #00985f;
    font-weight: bold;
    line-height: 30px;
    height: 30px;
    word-break: break-all;
}

.newSlide .swiper-slide .desc {
    font-size: 16px;
    color: #b7b7b7;
    line-height: 30px;
    height: 90px;
    margin: 20px 0 30px 0;
    word-break: break-all;
}

.newSlide .swiper-slide .dete {
    display: flex;
    align-items: center;
}

.newSlide .swiper-pagination-new {
    position: absolute;
    bottom: 55px;
    z-index: 99;
    text-align: right;
    box-sizing: border-box;
    padding-right: 40px;
}

.newSlide .swiper-pagination-bullet {
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    background: url(/en/images/pagination-bullet.png) center no-repeat;
    opacity: 1;
}

.newSlide .swiper-pagination-bullet-active {
    background: url(/en/images/pagination-bullet-on.png) center no-repeat;
    box-sizing: border-box;
    border: 1px solid #00985f;
    border-radius: 50%;
}




/* -- */

.content6 {
    width: 100%;
    background: url(/en/images/content6Bg.png) center top no-repeat;
    background-size: cover;
    box-sizing: border-box;
    padding: 115px 0 130px 0;
}

.channel .swiper-slide {
    width: 100%;
    height: 645px;
    opacity: 0 !important;
}

.channel .swiper-slide-active {
    opacity: 1 !important;
}

.channel .swiper-slide .p-img {
    max-width: 69%;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}

.channel .swiper-slide .p-img img {
    width: 100%;
    transition: All 0.3s ease-in-out;
    -webkit-transition: All 0.3s ease-in-out;
    -moz-transition: All 0.3s ease-in-out;
    -o-transition: All 0.3s ease-in-out;
}

.channel .swiper-slide .p-img img:hover {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -o-transform: scale(1.05);
    -ms-transform: scale(1.05);
}

.channel .swiper-slide .p-text {
    max-width: 40.7%;
    width: 570px;
    height: 570px;
    box-sizing: border-box;
    border: 5px solid #00985f;
    position: absolute;
    right: 0;
    top: 0;
    padding: 120px 45px 0 160px;
}

.channel .swiper-slide .p-text .desc img {
    display: none;
}

.channel .swiper-cha-next,
.channel .swiper-cha-prev {
    width: 45px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #fff;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    right: 435px;
    z-index: 9;
    right: 31%;
}

.channel .swiper-cha-prev {
    right: 500px;
    right: 35.71%;
}

.channel .swiper-cha-next:hover,
.channel .swiper-cha-prev:hover {
    background: rgba(0, 152, 95, .5);
}

.channel .column {
    position: absolute;
    top: 50px;
    right: 185px;
}


.sch-form {
    display: block;
    background: #fff;
    position: relative;

}

.sch-form .sch-input {
    border: none;
    background: #fff;
    width: 100%;
    color: #aaa;
    box-sizing: border-box;
    padding: 20px;
    box-shadow: 0 0 10px #ccc;
    border: 1px solid #f2f2f2;
    outline: unset;
}

.sch-form .sch-btn {
    position: absolute;
    right: 20px;
    top: 16px;
    background: #fff;
    border: none;
    line-height: 30px;
    cursor: pointer;
    color: #aaa;
    font-weight: bold;
}

.sch-form .sch-btn .layui-icon {
    font-size: 18px;
}

.landingen {
    display: flex;
    justify-content: space-between;
    padding: 60px 0 120px 0;
}

.landingen .item {
    width: calc((100% - 60px) / 3);
    height: 475px;
    background: rgba(255, 255, 255, .6);
    box-sizing: border-box;
    box-shadow: 0px 0px 5px 5px rgb(0 0 0 / 5%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    transition: all 0.5s ease-in-out;
    position: relative;
    top: 0;
}

.landingen .item .ico {
    width: 122px;
    height: 170px;
    background: url(/en/images/land-ico-on.png) center no-repeat;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    padding-top: 30px;
    padding-right: 10px;
}

.landingen .item .ico .ico1 {
    width: 52px;
    height: 40px;
    background: url(/en/images/email-ico.png) no-repeat;
}

.landingen .item2 .ico .ico1,
.landingen .item3 .ico .ico1 {
    width: 47px;
    height: 47px;
    background: url(/en/images/place-ico.png) no-repeat;
}

.landingen .item .name {
    font-size: 30px;
    color: #393939;
    font-weight: bold;
    text-align: center;
    margin: 30px 0 10px 0;
}

.landingen .item .desc {
    font-size: 18px;
    color: #393939;
    line-height: 30px;
}

.landingen .item .desc p {
    text-align: center;
}


.landingen .item:hover {
    background: url(/en/images/land-item-bg.png) no-repeat;
    background-size: cover;
    top: -5px;
    transition: all 0.5s ease-in-out;
}

.landingen .item:hover .ico {
    background: url(/en/images/land-ico.png) center no-repeat;
}

.landingen .item:hover .desc {
    color: #fff;
}

.landingen .item:hover .name {
    color: #fff;
}

.landingen .item:hover .ico .ico1 {
    background: url(/en/images/email-ico-on.png) no-repeat;
}


.landingen .item2:hover .ico .ico1,
.landingen .item3:hover .ico .ico1 {
    background: url(/en/images/place-ico-on.png) no-repeat;
}

.tab-count .proSlide .swiper-pro-next,
.tab-count .proSlide .swiper-pro-prev {
    width: 65px;
    height: 65px;
    position: absolute;
    /* top: calc((100% - 65px) / 2); */
    z-index: 99;
    border-radius: 50%;
    top: 57%;

}

.tab-count .proSlide .swiper-pro-next {
    background: url(/en/images/ban-r.png) no-repeat;
    right: 30%;
}

.tab-count .proSlide .swiper-pro-prev {
    background: url(/en/images/ban-l.png) no-repeat;
    left: 30%;
}

.tab-count .proSlide .swiper-pro-next:hover {
    background: url(/en/images/ban-r-on.png) no-repeat;
}

.tab-count .proSlide .swiper-pro-prev:hover {
    background: url(/en/images/ban-l-on.png) no-repeat;
}

.dtl-cpzx {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-direction: row-reverse;
}

.dtl-cpzx .right {
    width: 40%;
    text-align: center;
}

.dtl-cpzx .left {
    width: 60%;
    box-sizing: border-box;
    padding-right: 30px;
    max-height: 500px;
    overflow: auto;
}

.dtl-cpzx .left::-webkit-scrollbar {
    width: 8px;
}

.dtl-cpzx .left::-webkit-scrollbar-thumb {
    background-color: #00985f;
}

.dtl-cpzx .left::-webkit-scrollbar-track {
    background-color: #999;
}

/* WebKit 浏览器（Chrome 和 Safari）的滚动条样式 */
.dtl-cpzx .left::-webkit-scrollbar {
    width: 8px;
}

.dtl-cpzx .left::-webkit-scrollbar-thumb {
    background-color: #00985f;
}

.dtl-cpzx .left::-webkit-scrollbar-track {
    background-color: #999;
}

/* Firefox 浏览器的滚动条样式 */
.dtl-cpzx .left {
    scrollbar-width: thin;
    /* 设置滚动条宽度 */
    scrollbar-color: #00985f #999;
    /* 设置滚动条颜色 */
}

/* Edge 和 IE 浏览器的滚动条样式 */
.dtl-cpzx .left {
    -ms-overflow-style: -ms-autohiding-scrollbar;
    /* 自定义滚动条样式 */
}

.dtl-cpzx .left p img {
    max-width: 80%;
    height: auto;
}


/* ----------------------- */

.footer .foot .code {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: 30px;
}

.footer .foot .code .ico {
    width: 37px;
    height: 37px;
    background-color: #ffffff;
    border-radius: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #028320;
    position: relative;
    margin-right: 30px;
}

.footer .foot .code .ico::after {
    content: '';
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    right: -14px;
    top: 50%;
    margin-top: -8px;
    display: none;
}

/* ---------------------------------------- */

.searchlist {
    padding-bottom: 40px;
}

.searchlist .box {
    width: 100%;
    height: 100px;
    box-shadow: rgba(0, 0, 0, 0.1) 0px 0px 40px 0px;
    margin-bottom: 30px;
    box-sizing: border-box;
    background: rgb(255, 255, 255);
    padding: 20px;
}

.searchlist .box .title {
    color: rgb(53, 53, 53);
    line-height: 25px;
    height: 25px;
}

.searchlist .box .dete {
    opacity: 0.5;
    color: rgb(73, 73, 73);
    margin-top: 10px;
}

.video-item {
    text-align: center;
}

.video-item video {
    width: 80% !important;
}<!--0.00019621849060059-->