.introduce {
    width: 100%;
    height: 270px;
    background-color: rgba(78, 124, 67, 1);
}

.introduce_show {
    width: 1200px;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}

.introduce_title {
    color: rgba(255, 255, 255, 1);
    font-size: var(--font40);
    line-height: 44px;
    width: 50%;
    margin-top: 40px;
}

.introduce_r {
    width: 50%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.introduce_r_content {
    color: rgba(255, 255, 255, 1);
    font-size: var(--font20);
    line-height: 40px;
    margin-top: 40px;
    text-indent: 2em;
}

.introduce_r_btn {
    display: flex;
    flex-direction: row;
    align-items: center;
    margin-top: 25px;
}

.introduce_r_play {
    width: 38px;
    height: 38px;
    background: rgba(191, 211, 88, 0.6);
    border: 2px solid rgba(255, 255, 255, 1);
    border-radius: 50%;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}

.introduce_r_play img {
    width: 10px;
    height: auto;
}

.introduce_r_btn_text {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
    margin-left: 10px;
}

.domain {
    width: 100%;
    height: auto;
}

.domain_show {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.domain_title {
    color: rgba(145, 145, 145, 1);
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 40px;
    margin-top: 35px;
}

.domain_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 80px;
    margin-bottom: 40px;
}

.domain_img {
    height: 140px;
}

.domain_img:nth-child(1) {
    width: 45%;
    height: 140px;
    margin-bottom: 15px;
}

.domain_img:nth-child(2) {
    width: 35%;
    height: 140px;
    margin-bottom: 15px;
}

.domain_img:nth-child(3) {
    width: 17%;
    height: 140px;
    margin-bottom: 15px;
}

.domain_img:nth-child(4) {
    width: 24%;
    height: 140px;
}

.domain_img:nth-child(5) {
    width: 35%;
    height: 140px;
}

.domain_img:nth-child(6) {
    width: 38%;
    height: 140px;
}

.domain_img img {
    width: 100%;
    height: 100%;
}

.duty {
    width: 100%;
    height: auto;
    background-color: rgba(191, 211, 88, 1);
}

.duty_show {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    margin: 0 auto;
    padding-bottom: 30px;
}

.duty_l {
    width: 53%;
    height: auto;
    margin-top: 30px;
}

.duty_l img {
    width: 100%;
    height: 100%;
}

.duty_r {
    width: 40%;
    height: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    align-items: flex-end;
}

.duty_r_title {
    font-size: var(--font40);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 47px;
}

.duty_r_content {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
    text-align: right;
    margin-top: 50px;
}

.duty_boxes {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px auto;
}

.duty_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.duty_img,
.duty2_img {
    width: 46%;
    height: auto;
}

.duty_img img,
.duty2_img img {
    width: 100%;
    height: 100%;
}

.duty_content,
.duty2_content {
    width: 46%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.duty_box_title,
.duty2_box_title {
    font-size: var(--font30);
    color: rgba(145, 145, 145, 1);
    line-height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-top: 15px;
}

.duty_box_text,
.duty2_box_text {
    font-size: var(--font30);
    color: rgba(145, 145, 145, 1);
    line-height: 40px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-top: 15px;
}

.duty_box_btn,
.duty2_box_btn {
    color: rgba(77, 123, 67, 1);
    font-size: var(--font16);
    line-height: 20px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-bottom: 40px;
}

.duty_box:nth-child(2n),
.duty_box2:nth-child(2n-1) {
    flex-direction: row-reverse;
    margin-top: 10px;
}

.culture {
    width: 100%;
    height: auto;
    background-color: rgba(78, 124, 67, 1);
}

.culture_show {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 0 auto;
    padding-bottom: 30px;
}

.culture_l {
    width: 48%;
    height: auto;
    margin-top: 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.culture_title {
    font-size: var(--font40);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    line-height: 47px;
}

.culture_content {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    line-height: 40px;
    margin-top: 50px;
}

.culture_r {
    width: 46%;
    height: auto;
    margin-top: 30px;

}

.culture_r img {
    width: 100%;
    height: 100%;
}

.duty_boxes2 {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 15px auto;
}

.duty_box2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.index_new {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 120px;
}

.index_new_title {
    color: rgba(51, 51, 51, 1);
    font-size: var(--font40);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 47px;
}

.index_new_show {
    width: 100%;
    height: auto;
    margin-top: 20px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.NewSwiper{
    margin-top: 40px;
    position: relative;
}
.NewSwiper .swiper-button-next{
    right: -40px;
}
.NewSwiper .swiper-button-prev{
    left: -40px;
}
.NewSwiper .swiper-button-next,.NewSwiper .swiper-button-prev{
    color: #000;
}
.index_new_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    background-color: rgba(243, 243, 243, 1);
}

.index_new_img {
    width: 100%;
    height: auto;
}

.index_new_img img {
    width: 100%;
    height: 100%;
}

.index_new_box_title {
    width: 85%;
    height: auto;
    margin-top: 20px;
    margin-left: 15px;
    font-size: var(--font16);
    color: rgba(51, 62, 70, 1);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 22px;
    position: relative;
}

.index_new_box_title::after {
    content: "";
    position: absolute;
    left: 0px;
    bottom: -15px;
    width: 100%;
    height: 1px;
    background-color: rgba(108, 108, 108, 0.2);
}

.index_new_box_content {
    width: 85%;
    height: auto;
    margin-top: 40px;
    margin-left: 15px;
    padding-bottom: 20px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(119, 119, 119, 1);
    line-height: 22px;
}








/* -------------------------index.css⬆-------------------- */

.banner1 {
    width: 1200px;
    height: auto;
    margin: 35px auto 0 auto;
}

.banner1 img {
    width: 100%;
}

.about_show {
    width: 1200px;
    height: auto;
    margin: 0 auto 65px auto;
}

.about_box {
    width: 100%;
    height: auto;
}

.about_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 50px;
}

.about_content {
    font-size: var(--font16);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    line-height: 20px;
    margin-top: 20px;
}

.about2_show {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    padding-bottom: 60px;
}

.about2_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.about2_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
}

.about2_box_l {
    width: 60%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 40px;
}

.about2_box_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(22, 22, 22, 1);
}

.about2_box_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 20px;
}

.about2_box_r {
    width: 37%;
    height: 310px;
    background-color: rgba(51, 51, 51, 1);
}

.about2_box_r video {
    width: 100%;
    height: 100%;
}

.promise {
    width: 100%;
    height: auto;
    margin-top: 70px;
}

.promise_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(22, 22, 22, 1);
}

.promise_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    margin-top: 20px;
}

.promise_show {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 30px;
}

.promise_box {
    width: 32%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.promise_box_img img {
    width: 100%;
    height: 100%;
}

.promise_box_title {
    font-size: var(--font16);
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    color: rgba(77, 123, 67, 1);
    margin-top: 15px;
}

.promise_box_content {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    line-height: 20px;
    margin-top: 15px;
    color: rgba(51, 51, 51, 1);
}

.promise_show_box {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: 30px;
}

.promise_img {
    width: 20%;
    height: auto;
}

.promise_img img {
    width: 100%;
    height: 100%;
}

.promise_text {
    width: 50%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-left: 20px;
}

.promise_text a {
    color: rgba(77, 123, 67, 1);
}

.about4 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.about4_show {
    width: 90%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.about4_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    line-height: 1;
    margin-top: 30px;
}

.about4_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
    margin-top: 20px;
}

.about4_content p {
    margin-bottom: 20px;
}

.about4_download {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.about4_download_box {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: rgba(250, 252, 242, 1);
    margin-top: 30px;
}

.about4_download_box:nth-child(2n) {
    background-color: rgba(255, 255, 255, 0);
}

.about4_download_logo {
    width: 36px;
    height: 40px;
    margin-left: 3%;
}

.about4_download_logo img {
    width: 100%;
    height: 100%;
}

.about4_download_content {
    margin-left: 3%;
    display: flex;
    flex-direction: column;
}

.about4_download_title {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.about4_download_hint {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.about4_download_btn {
    width: 21px;
    height: 18px;
    margin-left: 48%;
}

.about4_download_btn img {
    width: 100%;
    height: 100%;
}

.about4_more {
    width: 147px;
    height: 36px;
    margin: 30px auto 60px auto;
    background-color: rgba(238, 238, 238, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(167, 167, 167, 1);
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.recycling {
    width: 1200px;
    height: auto;
    margin: 0 auto 50px auto;
}

.recycling_show {
    width: 95%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.recycling_title {
    margin-top: 50px;
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.recycling_introduce {
    margin-top: 20px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
}

.recycling_boxes {
    margin-top: 50px;
    width: 100%;
    height: 430px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.recycling_l {
    width: 60%;
    height: 100%;
}

.recycling_img {
    width: 100%;
    height: 100%;
}

.recycling_img img {
    width: 100%;
    height: 100%;
}

.recycling_r {
    width: 40%;
    height: 100%;
}

.recycling_r ul {
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.recycling_r ul li {
    padding-left: 30px;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(148, 148, 148, 1);
}

.recycling_r_nav {
    width: 100%;
    height: 80px;
    background-color: rgba(77, 123, 67, 1);
    color: rgba(255, 255, 255, 1) !important;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.recycling_r_nav a {
    display: flex;
    flex-direction: row;
    align-items: center;
}

.recycling_r_nav img {
    width: 28px;
    height: 28px;
    position: absolute;
    right: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.recycling_btn {
    width: 125px;
    height: 40px;
    background-color: rgba(77, 123, 67, 1);
    border-radius: 4px;
    border-width: 0px;
    margin-top: 20px;
    color: rgba(255, 255, 255, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.product {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.product_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.product_show {
    width: 100%;
    height: auto;
    margin-top: 40px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.product_l {
    width: 30%;
    height: auto;
}

.product_nav {
    width: 100%;
    height: 685px;
    overflow: scroll;
    position: relative;
    border: 1px black solid;

}

.product_nav_title {
    width: 100%;
    height: 40px;
    background-color: rgba(77, 123, 67, 1);
    color: rgba(255, 255, 255, 1);
    font-size: var(--font16);
    font-family: Microsoft YaHei;
    font-weight: bold;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: sticky;
    top: 0;
    left: 0;
    z-index: 999;
}

.product_nav_title p {
    margin-left: 15px;
}

.product_first {
    width: 85%;
    height: auto;
    margin-left: 20px;
    position: relative;
}

.product_first::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: -10px;
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, 1);
}


.product_first>p {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    margin: 20px 0 10px 0;
    position: relative;
}

.product_second {
    height: auto;
    margin-left: 10px;


}

.add,
.minus {
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
    width: 10px;
    height: auto;
}

.add {
    display: block;
}

.minus {
    display: none;
}

.first_show>p>.add,
.product_change>p>.add {
    display: none;
}

.first_show>p>.minus,
.product_change>p>.minus {
    display: block;
}

.product_first>li {
    display: none;
}

.product_second>ul {
    display: none;
}

/* .product_thirdly>li{
    display: none;
} */
.first_show>li {
    display: block;
}

.product_change>ul {
    display: block;
}

.product_second>p {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin: 10px 0 8px 0;
    position: relative;
}

.product_change>p {
    color: rgba(77, 123, 67, 1);
}

.product_thirdly {
    height: auto;
    margin-left: 10px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(137, 134, 134, 1);
}

.product_thirdly li {
    margin: 8px 0 8px 0;
}


.product_contact {
    width: 100%;
    height: 350px;
    border: 1px black solid;
    margin-top: 60px;
    overflow: scroll;
    position: relative;
}

.product_r {
    width: 68%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding-bottom: 130px;
    position: relative;
}

.product_box {
    width: 48%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.product_img {
    width: 100%;
    height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-color: rgba(246, 246, 246, 1);
}

.product_content {
    width: 95%;
    height: auto;
    margin-top: 25px;
    margin-bottom: 30px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
}

.product_show_more {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 50px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(71, 173, 140, 1);
}

.product_show_more img {
    width: 10px;
    height: 10px;
    margin-left: 10px;
}

.showMore {
    display: block;
}

.showStop {
    display: none;
}

.product_contact_tel,
.product_contact_fax,
.product_contact_location,
.product_contact_email {
    width: 85%;
    height: auto;
    /* margin-left: 15px; */
    display: flex;
    flex-direction: row;
    position: relative;
    margin: 20px 0 25px 15px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(0, 0, 0, 1);
    padding-top: 20px;
}

.product_contact_tel img,
.product_contact_fax img,
.product_contact_location img,
.product_contact_email img {
    width: 18px;
    height: 18px;
}

.product_contact_tel p,
.product_contact_fax p,
.product_contact_location p,
.product_contact_email p {
    margin-left: 10px;
}

.product_contact_tel::after,
.product_contact_fax::after,
.product_contact_location::after,
.product_contact_email::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, 1);
    bottom: -20px;
    left: 50%;
    transform: translateX(-50%);
}

.innovate_show {
    width: 1140px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.innovate_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 40px;
}

.innovate_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.innovate_box {
    width: 49%;
    height: auto;
    margin-top: 40px;
}

.innovate_box:nth-child(1),
.innovate_box:nth-child(2) {
    margin-top: 20px;
}

.innovate_box_img {
    width: 100%;
    height: auto;
}

.innovate_box_img img {
    width: 100%;
    height: 100%;
}

.innovate_box_nav {
    margin-top: 20px;
}

.innovate_box_nav ul>p {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.innovate_box_nav ul li {
    margin-top: 10px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(77, 123, 67, 1);
}

.case {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    position: relative;
}

.case_screen {
    position: absolute;
}

.case_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 40px;
}

.case_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    padding-bottom: 110px;
}

.case_box {
    width: 100%;
    height: 70px;
    display: flex;
    flex-direction: row;
    align-items: center;
    background-color: rgba(250, 252, 242, 1);
    position: relative;
}

.case_box:nth-child(2n) {
    background-color: rgba(255, 255, 255, 1);
}

.case_box_img {
    width: 36px;
    height: auto;
    margin-left: 3%;
}

.case_box_content {
    margin-left: 2.5%;
}

.case_box_title {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.case_box_hint {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    margin-top: 5px;
}

.case_box_btn {
    position: absolute;
    right: 2%;
    top: 50%;
    transform: translateY(-50%);
}

.case_more {
    width: 150px;
    height: 36px;
    background-color: rgba(238, 238, 238, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 40px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.case_showmore {
    display: block;
}

.case_showstop {
    display: none;
}

.innovate3_show {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    position: relative;
}

.innovate3_title {
    margin-top: 30px;
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
}

.innovate3_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px;

}

.innovate3_show::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: -50px;
    width: 100%;
    height: 1px;
    background-color: rgba(163, 163, 163, 0.41);
}

.innovate3_content_text {
    width: 50%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}

.innovate3_content_text p {
    margin-bottom: 20px;
}

.innovate3_content_img {
    width: 45%;
    height: auto;
}

.innovate3_content_img img {
    width: 100%;
    height: 100%;
}

.innovate3_show_btn {
    width: 120px;
    height: 40px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(77, 123, 67, 1);
    border-radius: 4px;
    margin-top: 40px;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
}

.innovate2_show {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.innovate2_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 100px;
}

.innovate2_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 25px;
}
.innovate_content_text{
    width: 50%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    line-height: 20px;
}
.innovate_content_img{
    width: 46%;
    height: auto;
}
.innovate_content_img img{
    width: 100%;
    height: 100%;
}

.innovate_include {
    width: 100%;
    height: 200px;
    display: flex;
    flex-direction: column;
    background-color: rgba(243, 243, 243, 1);
}

.include_title {
    margin-top: 25px;
    margin-left: 25px;
    font-size: var(--font16);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.innovate_include_show {
    margin-top: 15px;
    margin-left: 25px;
}

.innovate_include_show ul {
    display: flex;
    flex-wrap: wrap;
}

.innovate_include_show ul li {
    width: 35%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(77, 123, 67, 1);
}

.innovate2_show2 {
    width: 100%;
    height: auto;
    margin-top: 50px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.innovate2_content_text {
    width: 50%;
    height: auto;
}

.innovate2_content_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.innovate2_content_world {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 25px;
}

.news {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.news_dynamic {
    margin-top: 50px;
}

.dynamic_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.dynamic_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    margin-top: 20px;
}

.news_new {
    width: 100%;
    height: auto;
}

.new_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 60px;
}

.new_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;

}

.new_box {
    width: 49%;
    height: 300px;
    background-color: rgba(246, 246, 246, 1);
    margin-top: 30px;
    position: relative;
}

.new_content_date {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    margin-top: 25px;
    margin-left: 30px;
}

.new_content_title {
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin-top: 25px;
    margin-left: 30px;
}

.new_content_text {
    width: 90%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(114, 114, 114, 1);
    margin-top: 25px;
    margin-left: 30px;
}

.new_content_btn {
    width: 140px;
    height: 50px;
    background-color: rgba(77, 123, 67, 1);
    border-radius: 4px;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: rgba(255, 255, 255, 1);
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    position: absolute;
    left: 30px;
    bottom: 35px;
}

.new_more,
.video_more {
    width: 150px;
    height: 40px;
    background-color: rgba(238, 238, 238, 1);
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 50px auto;
    justify-content: center;
}

.new_showmore,
.video_showmore {
    display: block;
}

.new_showstop,
.video_showstop {
    display: none;
}

.news_video {
    width: 100%;
    height: auto;
}

.video_title,
.question_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.video_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video_box {
    width: 49%;
    height: auto;
    margin-top: 25px;
}

.video_content {
    width: 100%;
    height: 300px;
}

.video_content video {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 1);
}

.video_hint {
    width: 90%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    margin: 20px auto 0 auto;
}

.questions {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.question_show {
    width: 100%;
    height: auto;
    margin-top: 5px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.question_l {
    width: 48%;
    height: 300px;
    overflow: scroll;
}

.question_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.question_title_one {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 45px;
    position: relative;
}

.question_title_text {
    font-size: 14px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.question_btn {
    width: 18px;
    height: 18px;
    background-color: rgba(77, 123, 67, 1);
    display: flex;
    justify-content: center;
    align-items: center;
}

.question_btn p {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);

}

.question_add {
    display: block;
}

.question_minus {
    display: none;
}


.question_title_two {
    width: 100%;
    height: 45px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(155, 155, 155, 1);
    display: none;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.question_change {
    display: flex !important;
}

.question_title_one::after,
.question_title_two::after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background-color: rgba(140, 140, 140, 0.3);
}

.question_r {
    width: 49%;
    height: 300px;
    background-color: rgba(246, 246, 246, 1);
    position: relative;
}

.question_r_boxes {
    margin-left: 25px;
    margin-top: 25px;
    display: none;
}

.question_r_change {
    display: block !important;
}

.question_r_content {
    margin-bottom: 10px;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.question_r_content img {
    width: 20px;
    height: 22px;
}

.question_r_content a {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    margin-left: 10px;
}

.question_r_btn {
    position: absolute;
    left: 25px;
    bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    width: 125px;
    height: 40px;
    background-color: rgba(77, 123, 67, 1);
    border-radius: 4px;

}

.question_more {
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(238, 238, 238, 1);
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    margin-left: 17%;
    margin-top: 30px;
}

.news_footer {
    width: 100%;
    height: auto;
    margin-top: 70px;
    margin-bottom: 70px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}

.news_l_title,
.news_r_title {
    font-size: var(--font22);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.news_l_btn {
    width: 200px;
    height: 45px;
    background-color: rgba(191, 211, 88, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font16);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-top: 25px;
}

.news_r_show {
    margin-top: 25px;
}

.news_r_show img {
    margin-right: 35px;
    width: auto;
    height: 30px;
}

.report {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.report_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.report_boxes {
    width: 100%;
    height: auto;
    margin-top: 40px;
}


.report_box {
    width: 100%;
    height: 60px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
    background-color: rgba(250, 252, 242, 1);
}

.report_box:nth-child(2n) {
    background-color: rgba(255, 255, 255, 1);
}

.report_img {
    width: 36px;
    height: auto;
    margin-left: 3%;
}

.report_img img {
    width: 100%;
    height: 100%;
}

.report_content {
    margin-left: 3%;
    display: flex;
    flex-direction: column;
}

.report_content_title {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.report_hint {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
    margin-top: 5px;
}

.report_download {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 2%;
    width: 25px;
    height: auto;
}

.report_download img {
    width: 100%;
    height: 100%;
}

.report_btn,
.print_btn,
.img_btn,
.video_btn {
    margin: 40px auto;
}

.report_more,
.print_more,
.img_more,
.video_btn_more {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(71, 173, 140, 1);
    display: flex;
    align-items: center;
}

.report_more img,
.print_more img,
.img_more img,
.video_btn_more img {
    width: 15px;
    height: 100%;
    margin-left: 10px;
}

.report_renew,
.print_renew,
.img_renew,
.video_renew {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(71, 173, 140, 1);
    display: none;
    align-items: center;
}

.report_renew img,
.print_renew img,
.img_renew img,
.video_renew img {
    width: 15px;
    height: 100%;
    margin-left: 10px;
    transform: rotate(180deg);
}

.about5_show {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.about5_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 40px;
}

.about5_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 20px;
    margin-bottom: 40px;
}

.media {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.media_show {
    width: 100%;
    height: auto;
}

.media_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.media_nav {
    width: 100%;
    height: auto;
    margin-top: 30px;
    position: relative;
}

.media_nav::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -20px;
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, 1);
}

.media_nav ul {
    display: flex;
    flex-direction: row;
}

.media_nav ul li {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-right: 50px;
}

.media_nav_change {
    color: rgba(77, 123, 67, 1) !important;
    position: relative;
}

.media_nav_change::after {
    position: absolute;
    content: "";
    left: 50%;
    transform: translateX(-50%);
    bottom: -20px;
    width: 20px;
    height: 4px;
    background-color: rgba(77, 123, 67, 1);
}

.media_show {
    width: 100%;
    height: auto;
    margin-top: 20px;
}

.media_print {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
}

.media_change {
    display: flex !important;
}

.print_search,
.img_search,
.video_search {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.print_press,
.print_type,
.img_press,
.img_type,
.video_press,
.video_type {
    width: 49%;
    height: 40px;
    border-color: rgba(221, 221, 221, 1);
    border-width: 1px;
    border-style: solid;
}

.print_header {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    margin-top: 40px;
    position: relative;
}

.print_header::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: -15px;
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, 1);
}

.print_header_bt {
    width: 38%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
}

.print_header_bt p {
    margin-left: 40px;
}

.print_header_date {
    width: 14%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
}

.print_header_gs {
    width: 10%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);

}

.print_header_dx {
    width: 17%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
}

.print_header_lx {
    width: 17%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(177, 177, 177, 1);
}

.print_boxes {
    width: 100%;
    height: auto;
    margin-top: 15px;
}

.print_box {
    width: 100%;
    height: 110px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.print_box_img {
    width: 12%;
    height: auto;
}

.print_box_img img {
    width: 100%;
    height: 100%;
}

.print_box_title {
    width: 24%;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(112, 112, 112, 1);
    margin-left: 2%;
}

.print_box_date {
    width: 14%;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(112, 112, 112, 1);
}

.print_box_gs {
    width: 10%;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(112, 112, 112, 1);
}

.print_box_dx {
    width: 17%;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(112, 112, 112, 1);
}

.print_box_lx {
    width: 17%;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(112, 112, 112, 1);
}

.print_box_download {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    width: 32px;
    height: auto;
}

.print_box_download img {
    width: 100%;
    height: 100%;
}

.print_box::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, 1);
}

.print_box:last-child::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 0px;
    background-color: rgba(221, 221, 221, 1);
}

.media_img,
.media_video {
    width: 100%;
    height: auto;
    display: none;
    flex-direction: column;
}

.img_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.img_box {
    width: 32%;
    height: auto;
    margin: 20px 0;
    position: relative;
}

.img_img {
    width: 100%;
    height: auto;
}

.img_img img {
    width: 100%;
    height: 100%;
}

.img_title {
    width: 75%;
    height: auto;
    margin-top: 20px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(114, 144, 144, 1);
}

.img_download {
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 36px;
    height: auto;
}

.img_download img {
    width: 100%;
    height: 100%;
}

.video_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.video_box {
    width: 32%;
    height: auto;
    margin: 20px 0;
    position: relative;
}

.video_video {
    width: 100%;
    height: 250px;
    background-color: rgba(0, 0, 0, 1);
}

.video_video video {
    width: 100%;
    height: 100%;

}

.video_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(114, 114, 114, 1);
    margin-top: 20px;
}

.video_download {
    position: absolute;
    right: 10px;
    bottom: 0px;
    width: 36px;
    height: auto;
}

.video_download img {
    width: 100%;
    height: 100%;
}

.news4 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.news4_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 50px;
}

.news_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    margin-top: 20px;
}

.news4_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 20px;
}

.news4_box {
    width: 49%;
    height: 310px;
    display: flex;
    flex-direction: column;
    margin: 10px 0;
    background-color: rgba(246, 246, 246, 1);
    position: relative;
}

.news4_date {
    width: 90%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 300;
    color: rgba(51, 51, 51, 1);
    margin: 25px auto 0 auto;
}

.news4_box_title {
    width: 90%;
    height: auto;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin: 20px auto 0 auto;
}

.news4_box_content {
    width: 90%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(114, 114, 114, 1);
    margin: 25px auto 0 auto;
}

.news4_btn {
    position: absolute;
    left: 22px;
    bottom: 40px;
    width: 125px;
    height: 40px;
    border-radius: 4px;
    background-color: rgba(77, 123, 67, 1);
    color: rgba(255, 255, 255, 1);
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    display: flex;
    align-items: center;
    justify-content: center;
}

.news4_more_btn {
    width: 150px;
    height: 40px;
    margin: 40px auto;
    background-color: rgba(238, 238, 238, 1);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(167, 167, 167, 1);
}

.news4_more {
    display: block;
}

.news4_renew {
    display: none;
}

.sustainable1 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
}

.sustainable1_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 50px;
}

.sustainable1_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    margin-top: 20px;
    margin-bottom: 50px;
}

.sustainable2 {
    width: 1200px;
    height: auto;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.sustainable2_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.sustainable2_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.sustainable2_box {
    width: 100%;
    height: 260px;
    display: flex;
    flex-direction: row;
    align-items: center;
    position: relative;
}

.sustainable2_box::after {
    position: absolute;
    content: "";
    left: 0px;
    bottom: 0px;
    width: 100%;
    height: 1px;
    background-color: rgba(221, 221, 221, 1);
}

.sustainable2_box:last-child::after {
    height: 0px;
}

.sustainable2_img {
    width: 32%;
    height: auto;
}

.sustainable2_img img {
    width: 100%;
    height: 100%;
}

.sustainable2_content {
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    margin-left: 30px;
}

.sustainable2_content .sustainable2_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
    margin-top: 0px;
}

.sustainable2_text {
    width: 310px;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(120, 120, 120, 1);
}

.sustainable2_btn {
    width: 150px;
    height: 50px;
    background-color: rgba(77, 123, 67, 1);
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    border-radius: 4px;
}

.sustainable3 {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.sustainable3_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 50px;
}

.sustainable3_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    margin-top: 20px;
}

.sustainable3_content2 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 20px;
}

.sustainable3_content2_l {
    width: 48%;
    height: auto;
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
}

.sustainable3_content2_r {
    width: 49%;
    height: 200px;
    background-color: rgba(0, 0, 0, 1);
}
.sustainable3_content2_r video{
    width: 100%;
    height: 100%;
}

.sustainable3_green {
    width: 100%;
    height: auto;
    background-color: rgba(77, 123, 67, 1);
    margin-top: 70px;
    padding: 40px 0;
}

.green_box {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}

.green_l {
    width: 43%;
    height: auto;
}

.green_l img {
    width: 100%;
    height: 100%;
}

.green_r {
    width: 48%;
    height: auto;
    position: relative;
}

.green_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(255, 255, 255, 1);
    margin-top: 20px;
}

.green_content {
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(255, 255, 255, 1);
    margin-top: 40px;
}

.green_btn {
    position: absolute;
    left: 0px;
    bottom: 25px;
    width: 150px;
    height: 50px;
    background-color: rgba(255, 255, 255, 1);
    border-radius: 4px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(77, 123, 67, 1);
}

.sustainable3_show {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.sustainable3_show1 {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.sustainable3_show1_l {
    width: 48%;
    height: auto;
}

.sustainable3_show1_title {
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 5px;
}

.sustainable3_show1_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    margin-top: 20px;
}

.sustainable3_show1_r {
    width: 47%;
    height: auto;
}

.sustainable3_show1_r img {
    width: 100%;
    height: 100%;
}

.sustainable3_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.sustainable3_box {
    width: 49%;
    height: 550px;
    position: relative;
    margin-top: 20px;
}

.sustainable3_box_img {
    width: 100%;
    height: auto;
}

.sustainable3_box_img img {
    width: 100%;
    height: 100%;
}

.sustainable3_box_title {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 20px;
}

.sustainable3_box_content {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(139, 139, 139, 1);
    margin-top: 10px;
}

.sustainable3_box_btn {
    position: absolute;
    left: 0px;
    bottom: 20px;
    width: 150px;
    height: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: rgba(238, 238, 238, 1);
    color: rgba(167, 167, 167, 1);
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
}

.sustainable3_footer {
    width: 100%;
    height: auto;
    background-color: rgba(233, 233, 233, 1);
    padding: 50px 0;
}

.sustainable3_footer_box {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: 0 auto;
}

.sustainable3_footer_l {
    width: 45%;
    height: auto;
}

.sustainable3_footer_title {
    margin-top: 10px;
    font-size: var(--font20);
    font-family: Microsoft YaHei;
    font-weight: bold;
    color: rgba(51, 51, 51, 1);
}

.sustainable3_footer_content {
    margin-top: 40px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.sustainable3_footer_text {
    margin-top: 20px;
    font-size: 12px;
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(116, 129, 21, 1);
}

.sustainable3_footer_r {
    width: 46%;
    height: auto;
}

.sustainable3_footer_r img {
    width: 100%;
    height: 100%;
}

.contact {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.contact_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.map {
    width: 100%;
    height: 700px;
    border: 1px solid rgba(0, 0, 0, 1);
    margin-top: 50px;
}

.contact_content {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: 0 auto;
}

.contact_hint {
    font-size: var(--font16);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(156, 156, 156, 1);
    margin-top: 40px;
}

.contact_tel {
    font-size: var(--font36);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(24, 24, 24, 1);
    margin-top: 25px;
}

.contact_footer {
    width: 1440px;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin: 60px auto 40px auto;

}

.contact_box {
    width: 32%;
    height: 90px;
    border-color: rgba(221, 221, 221, 1);
    border-width: 1px;
    border-style: solid;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.contact_logo {
    width: auto;
    height: 34px;
    margin-left: 50px;
}

.contact_logo img {
    width: 100%;
    height: 100%;
}

.contact_footer_r {
    margin-left: 60px;
    display: flex;
    flex-direction: column;
}

.contact_footer_title {
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
}

.contact_footer_content {
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    margin-top: 10px;
    color: rgba(161, 161, 161, 1);
}

.about6_duty {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
}

.about6_duty_title {
    font-size: var(--font30);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(108, 108, 108, 1);
    margin-top: 50px;
}

.about6_duty_content {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: 40px;
}

.about6_duty_content_l {
    width: 60%;
    height: auto;
    display: flex;
    flex-direction: column;
}

.about6_duty_content_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(22, 22, 22, 1);
}

.about6_duty_content_text {
    font-size: var(--font14);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 20px;
}

.about6_duty_content_r {
    width: 37%;
    height: 350px;
    background-color: rgba(0, 0, 0, 1);
}
.about6_duty_content_r video{
    width: 100%;
    height: 100%;
}

.about6_duty_content2 {
    width: 1200px;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 90px;
}

.about6_duty_content_img {
    width: 90%;
    height: auto;
    display: flex;
    margin: 40px auto 0 auto;
}

.about6_duty_content_img img {
    width: 100%;
    height: 100%;
}

.about6_show {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-bottom: 70px;
}

.about6_show_title {
    font-size: var(--font24);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(21, 21, 21, 1);
    margin-top: 70px;
}

.about6_boxes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 10px;
}

.about6_box {
    width: 100%;
    height: 80px;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

.about6_box:nth-child(2n-1) {
    background-color: rgba(250, 252, 242, 1);
}

.about6_box_content {
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-left: 2%;
}

.about6_box_img {
    width: 35px;
    height: 40px;
    margin-right: 3%;
}

.about6_box_img img {
    width: 100%;
    height: 100%;
}

.about6_box_btn {
    font-size: var(--font18);
    font-family: Microsoft YaHei;
    font-weight: 400;
    color: rgba(51, 51, 51, 1);
    margin-top: 20px;
}

.about6_box_btn a {
    color: rgba(77, 123, 67, 1);
}
.sustainable3_show_img{
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 20px;
}
.sustainable3_show_img img{
    width: 100%;
    height: 100%;
}