﻿/* 这个css是初始化的css，在任何项目里面都可以使用 */
/* 禁用iPhone中Safari的字号自动调整 */
html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    /* 解决IOS默认滑动很卡的情况 */
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    overflow-y: scroll;
}
.p_top {
    position: absolute;
    top: -6.25rem;
}
body {
 --header_h: 6.25rem;
 --container: 14.8125rem;
    outline: none;
    font-weight: 500;
}
.bg {
    background: #4bb13f;
}
.c {
    color: #4bb13f;
}
.phone_show_990, .phone_show_767 {
    display: none;
}
.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li > a, .pagination > li > span {
    border-radius: 0 !important;
}
.pagination > li {
    margin: 0 5px;
}
.pagination > li > a, .pagination > li > span {
    color: #333;
}
.pagination > li:last-child .iconfont, .pagination > li:nth-child(1) .iconfont {
    font-size: 30px;
    line-height: 30px;
}
.pagination > li {
    margin: 0 5px;
}
.pagination {
    display: flex;
    align-items: center;
    justify-content: center;
}
.pagination > li {
    margin: 0 3px;
}
.pagination .active span {
    background-color: #fff;
    border-color: #4bb13f !important;
    color: #4bb13f;
}
.pagination .active span:hover {
    background-color: #fff;
    color: #4bb13f !important;
}
.pagination li a:hover {
    background-color: #fff;
    border-color: #4bb13f !important;
    color: #4bb13f !important;
}
.pagination > li > a, .pagination > li > span {
    position: relative;
    float: left;
    padding: 9px 12px;
    color: #333 !important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    line-height: 1;
}
.pagination > li.active a, .pagination > li.active span {
    color: #4bb13f !important;
}
.pagination > .disabled > span, .pagination > .disabled > span:hover, .pagination > .disabled > span:focus, .pagination > .disabled > a, .pagination > .disabled > a:hover, .pagination > .disabled > a:focus {
    color: #777777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    color: #333;
}
.foot-fot {
    background: #2D3333;
}
/* 禁止缩放表单 */
input[type="submit"], input[type="reset"], input[type="button"], input {
    resize: none;
    border: none;
}
img {
    max-width: 100%;
    height: auto;
    width: auto;
    /* ie8 */
    -ms-interpolation-mode: bicubic;/*为了照顾ie图片缩放失真*/
}
.line1 {
    white-space: nowrap;
    overflow: hidden;
    display: block;
    text-overflow: ellipsis;
}
.line2 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.line3 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.line4 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 4;
    overflow: hidden;
}
.trans {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.er-ul {
    position: absolute;
    width: 100%;
    left: 0%;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
    right: 0;
    top: 100%;
    z-index: 999;
    background: #fff;
    transition: 400ms ease-in-out;
    transform: scaleY(0);
    transform-origin: top center;
    opacity: 0;
    border-radius: 0 0 8px 8px;
}
.er-ul.erji_pro {
    padding: 3.75rem 0;
}
.er-ul.erji_pro .list {
    width: 70%;
    float: left;
    display: flex;
}
.er-ul.erji_pro .list > div {
    width: 33.33%;
    padding-left: 1.875rem;
    border-left: 1px solid #d9d9d9;
}
.er-ul.erji_pro .list .name {
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 1.25rem;
    line-height: 1;
    color: #092646;
    font-weight: 600;
}
.er-ul.erji_pro .list .text {
    font-size: 1.125rem;
    line-height: 2.25rem;
    color: #4c4c4c;
    display: block;
}
.er-ul.erji_pro .list .text:hover {
    color: #4bb13f;
}
.er-ul.erji_pro .right {
    width: 29.5%;
    float: right;
    position: relative;
    z-index: 4;
}
.er-ul.erji_pro .right::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: 0.3;
    z-index: -1;
}
.er-ul.erji_pro .right img {
    height: 11.25rem;
    object-fit: cover;
}
.er-ul.erji_pro .right .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    padding: 0 1.875rem;
    flex-wrap: wrap;
    z-index: 6;
}
.er-ul.erji_pro .right .hover a {
    width: 3.125rem;
    height: 3.125rem;
    border: 1px solid #fff;
    line-height: 3rem;
    text-align: center;
    border-radius: 50%;
}
.er-ul.erji_pro .right .hover a .iconfont {
    color: #fff;
    font-size: 1rem;
}
.er-ul.erji_pro .right .hover a:hover {
    background: #fff;
}
.er-ul.erji_pro .right .hover a:hover .iconfont {
    color: #4bb13f;
}
.er-ul.erji_pro .right .hover .title {
    font-size: 1.875rem;
    color: #ffffff;
    line-height: 2.625rem;
    width: 100%;
}
.er-ul > li {
    line-height: 2.25rem;
    text-align: center;
    font-size: 0.875rem;
}
.er-ul > li:hover a {
    color: #4bb13f;
}
.er-ul > li:nth-child(1) {
    padding-top: 0.625rem;
}
.er-ul > li:last-child {
    padding-bottom: 0.625rem;
}
header .cernter > ul > li:hover .er-ul {
    transform: none;
    opacity: 1;
}
.logo_phone img {
    width: 7.5rem;
}
.cf {
    color: #fff !important;
}
.c0 {
    color: #000 !important;
}
.phone_weibu {
    background: #0A0A0A;
    display: none;
}
.phone_weibu .mobMenu > li > a {
    font-size: 14px;
    padding: 10px 0;
    color: #fff;
}
.phone_weibu .mobMenu > li {
    border-bottom: #424245 1px solid;
}
.phone_weibu .mobMenu > li > .subDepth > li > a {
    font-size: 1em;
    color: #9a9797;
    line-height: 28px;
}
.phone_weibu .mobMenu > li > a::before {
    background-color: #fff;
}
.phone_weibu .mobMenu > li > a::after {
    background-color: #fff;
}
.phone_weibu .mobMenu > li > .subDepth {
    display: none;
}
.container {
    padding: 0 var(--container);
    max-width: 100%;
    width: 100%;
}
.container_l {
    padding-left: var(--container);
}
.container_r {
    padding-right: var(--container);
}
/* 搜索 */
.search {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    /* background: #000; */
    background: rgba(0, 0, 0, 0.85);
    z-index: 9999;
    display: none;
}
.search-box {
    width: 50%;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 25%;
}
.inp {
    width: 100%;
    height: 6.25rem;
    background: none;
    border: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.7);
}
.inp::-webkit-input-placeholder {
 color: rgba(255, 255, 255, 0.7);
}
.bu {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 0;
    color: rgba(255, 255, 255, 0.7);
    background: none;
    border: none;
    z-index: 9999;
}
.bu .iconfont {
    font-size: 3.125rem;
}
.search-con {
    position: absolute;
    right: 7%;
    top: 7%;
    color: rgba(255, 255, 255, 0.7);
    cursor: pointer;
}
.search-con .iconfont {
    font-size: 2.125rem;
    font-weight: 100;
}
.ds {
    cursor: pointer;
}
.fenxiang .flex {
    justify-content: flex-start;
}
.fenxiang .social-share li {
    float: left;
    margin-right: 0.75rem;
    width: 2.37569rem;
    height: 2.37044rem;
    line-height: 2.37044rem;
    border-radius: 50%;
    text-align: center;
}
.fenxiang .social-share li:hover a {
    color: #fff !important;
}
.fenxiang .social-share li a {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    line-height: 2.37044rem;
    color: #B3B3B3 !important;
    border: none !important;
    font-size: 1rem;
    background: rgba(255, 255, 255, 0.2);
}
.serbtn {
    background: #4bb13f;
}
.searchbox {
    border-color: #4bb13f;
}

@media (max-width: 990px) {
body {
    padding-bottom: 0;
    overflow: hidden;
}
}

@media (max-width: 990px) {
.pc-hidden {
    display: none;
}
.pc_show_990 {
    display: none;
}
.phone_show_990 {
    display: block;
}
}
.m-hidden {
    display: none;
}

@media (max-width: 990px) {
.m-hidden {
    display: block;
}
}
.foot1-m {
    display: none;
    width: 100%;
    position: relative;
    z-index: 1;
}

/*手机底部*/
@media (max-width: 991px) {
.foot1-m {
    display: block;
}
}
/*手机端头部*/
.m-bm-head {
    position: fixed;
    top: 0;
    z-index: 999;
    left: 0;
    right: 0;
    background: #000;
}
.m-bm-head .m-bm-head-box {
    position: relative;
    height: 60px;
}
.m-bm-head .phone_lanu {
    position: absolute;
    transform: translateY(-50%);
    top: 50%;
    right: 65px;
}
.m-bm-head .m-bm-head-box .m-bm-logo {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto 4%;
    max-width: 100%;
    height: 34px;
}
.m-bm-nav .aniut.aniut_son {
    height: 35px;
    line-height: 35px;
}
.m-bm-head .m-bm-head-box .m-bm-logo h1, .m-bm-head .m-bm-head-box .m-bm-logo a {
    display: inline;
    font-size: 0;
}
.m-bm-head .m-bm-head-box .m-bm-logo img {
    height: 40px;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn {
    position: absolute;
    z-index: 9;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto 4% auto 0;
    width: 20px;
    height: 15px;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn span, .m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before {
    display: block;
    height: 1.5px;
    width: 100%;
    background: #fff;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn span {
    margin: 4.5px 0;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn:after, .m-bm-head .m-bm-head-box .m-bm-navbtn:before {
    content: '';
    -webkit-transform-origin: 7.5%;
    -moz-transform-origin: 7.5%;
    -ms-transform-origin: 7.5%;
    -o-transform-origin: 7.5%;
    transform-origin: 7.5%;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked span {
    -webkit-transform: translateX(-100%);
    -moz-transform: translateX(-100%);
    -ms-transform: translateX(-100%);
    -o-transform: translateX(-100%);
    transform: translateX(-100%);
    opacity: 0;
}
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:after {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
.m-bm-head .m-bm-head-box .m-bm-navbtn.clicked:before {
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}
.m-bm-head .m-bm-menu {
    display: none;
    position: absolute;
    z-index: 9999;
    left: 0;
    right: 0;
    height: 100vh;
    background: #050505;
}
.m-bm-head .m-bm-menu .m-bm-menu-box {
    height: -webkit-calc(40vh);
    height: -moz-calc(40vh);
    height: calc(100vh - 60px);
    overflow: auto;
    padding-bottom: 80px;
}
.m-bm-head .mrhgxt {
    color: #fff;
    font: 500 1.125rem/60px "helvetica";
    margin-left: 63%;
    position: relative;
    z-index: 9;
}
.m-bm-head .mrhgxt i {
    font-size: 1.125rem;
    margin-right: 0.25em;
}
.m-bm-nav > li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    position: relative;
}
.m-bm-nav > li > a {
    display: block;
    line-height: 50px;
    font-size: 14px;
    color: #fff;
    font-family: "sourcehansans";
    padding: 0 4%;
    font-weight: 600;
}
.m-bm-nav > li > a span {
    display: inline-block;
    min-width: 40%;
    max-width: 50%;
    font-family: "sourcehansans";
    font-weight: 500;
}
.m-bm-nav > li .sec {
    display: none;
    padding: 10px 15px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.m-bm-nav > li .sec a {
    display: block;
    font-size: 12px;
    color: #fff;
    line-height: 35px;
}
.m-bm-nav > li .sec a span {
    display: inline-block;
    min-width: 40%;
    max-width: 50%;
}
.m-bm-nav .aniut {
    position: absolute;
    width: 40px;
    height: 50px;
    line-height: 50px;
    right: 2%;
    top: 0;
    text-align: center;
    z-index: 9;
}
.m-bm-nav .aniut i {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 18px;
    color: #fff;
}
.m-bm-head.white {
    background: #fff;
}
.m-bm-head.white .m-bm-head-box .m-bm-navbtn span, .m-bm-head.white .m-bm-head-box .m-bm-navbtn:after, .m-bm-head.white .m-bm-head-box .m-bm-navbtn:before {
    background: #000;
}
.m-bm-head.white .m-bm-menu {
    background: #fff;
}
.m-bm-head.white .m-bm-nav > li, .m-bm-head.white .m-bm-nav > li .sec {
    border-color: rgba(51, 51, 51, 0.1);
}
.m-bm-head.white .m-bm-nav > li > a, .m-bm-head.white .m-bm-nav .aniut i, .m-bm-head.white .m-bm-nav > li .sec a, .m-bm-head.white .mrhgxt {
    color: #000;
}
.ajhhsd {
    color: #777;
    font: 500 1rem/1.5em "sourcehansans";
    padding: 1em 0;
}
.ajhhsd a {
    color: #777;
}
.ajhhsd a:hover {
    color: #4bb13f;
}
.ajhhsd span {
    padding: 0 0.3em;
}
.ajhhsd span:last-child {
    display: none;
}
.xw_ny_banner {
    background: #333;
    -o-background-size: cover;
    background-size: cover;
    padding: 13.5rem 0 7.25rem;
}

@media (max-width: 990px) {
.xw_ny_banner {
    padding: 7.25rem 0;
}
}

@media (max-width: 768px) {
.xw_ny_banner {
    padding: 4rem 0;
}
}
.xw_ny_banner h2 {
    color: #FFFFFF;
    font: 600 3.125rem/1.2em "montserrat";
}

@media (max-width: 768px) {
.xw_ny_banner h2 {
    font-size: 1.8rem;
}
}
.ssy-sskaa {
    margin-bottom: 2rem;
}

@media (max-width: 768px) {
.ssy-sskaa {
    margin-bottom: 1.5rem;
}
}
.ssy-sskaa .searchsa form {
    width: 50%;
    border: 1px solid #999;
    padding: 0 1.5em;
    border-radius: 2rem;
    margin: 0 auto;
}

@media (max-width: 767px) {
.ssy-sskaa .searchsa form {
    width: 90%;
}
.pc_show_767 {
    display: none;
}
.phone_show_767 {
    display: block;
}
}
.ssy-sskaa .searchsa form input {
    width: 70%;
    font: 500 1.25rem/4rem "sourcehansans";
    background: transparent;
    color: #999;
}

@media (max-width: 768px) {
.ssy-sskaa .searchsa form input {
    font-size: 1.125rem;
    line-height: 3rem;
}
}
.ssy-sskaa .searchsa form button {
    width: auto;
    outline: none;
    border: none;
    background: transparent;
}
.ssy-sskaa .searchsa form button i {
    font: 500 1.6rem/4rem "sourcehansans";
    color: #333;
}

@media (max-width: 768px) {
.ssy-sskaa .searchsa form button i {
    font-size: 1.35rem;
    line-height: 3rem;
}
}
.sssjga {
    color: #333;
    font: 600 1.25rem/1.5em "sourcehansans";
    margin-bottom: 1em;
}
.ss-list li + li {
    margin-top: 2rem;
}

@media (max-width: 768px) {
.ss-list li + li {
    margin-top: 1rem;
}
}
.ss-list li div.img {
    width: 25%;
}

@media (max-width: 768px) {
.ss-list li div.img {
    width: 100%;
}
}
.ss-list li div.img a.img {
    display: block;
    border: 1px solid #f2f2f2;
}
.ss-list li .xw-nycont {
    width: 72%;
}
.ss-list li .xw-nycont.w100 {
    width: 100%;
}

@media (max-width: 768px) {
.ss-list li .xw-nycont {
    width: 100%;
    margin-top: 1.2em;
}
}
.ss-list li .xw-nycont h2 a {
    display: block;
    color: #656363;
    font: 500 1.25rem/1.35em "sourcehansans";
    overflow: hidden;
    margin-bottom: 0.2em;
}

@media (max-width: 768px) {
.ss-list li .xw-nycont h2 a {
    font-size: 1.125rem;
}
}
.ss-list li .xw-nycont span {
    color: #4bb13f;
    font: 500 1rem/1.5em "montserrat";
}
.ss-list li .xw-nycont .datea {
    color: #999999;
    font: 500 0.95rem/1.5em "montserrat";
}
.ss-list li .xw-nycont .p {
    color: #999999;
    font: 500 1rem/1.5em "sourcehansans";
    margin-top: 0.5em;
}
.ss-list li .xw-nycont a.more-msl {
    margin-top: 1em;
}

@media (max-width: 990px) {
body {
    padding: 60px 0 0 !important;
}
}
/* end */
.list_website ul li {
    padding: 1.875rem 0;
    border-bottom: 1px solid #ddd;
}
.list_website ul li:first-child {
    padding-top: 0;
}
.list_website ul li .top {
    font-size: 1.375rem;
    line-height: 1.875rem;
    margin-bottom: 0.625rem;
    font-weight: 600;
}
.list_website ul li .bot {
    font-size: 1rem;
    line-height: 1.875rem;
    color: #717171;
    margin-right: 1.25rem;
}

@media (max-width: 1600px) {
body,  html {
    font-size: calc(100vw / 110);
}
body {
 --container: 10rem;
}
}

@media (max-width: 1440px) {
body,  html {
    font-size: calc(100vw / 100);
}
body {
 --container: 8rem;
}
}

@media (max-width: 1366px) {
body,  html {
    font-size: calc(100vw / 95);
}
}

@media (max-width: 1280px) {
body,  html {
    font-size: calc(100vw / 90);
}
}

@media (max-width: 990px) {
body,  html {
    font-size: 14px;
}
body {
 --container: 15px;
}
}

@media (max-width: 767px) {
.container {
    padding: 0 15px;
}
}
header {
    z-index: 9999;
    background: #fff;
 --cf: #000;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    line-height: 6.25rem;
    z-index: 990;
}
header::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
}
header > .container {
    padding: 0 4.375rem;
}
header .logo img {
    width: 8.3125rem;
}
header .ds1 {
    margin: 0 2.33rem 0 2rem;
    cursor: pointer;
}
header .ds1 .iconfont {
    font-size: 1.25rem;
    color: var(--cf);
    display: block;
}
header .lanuage {
    font-size: 1rem;
    color: var(--cf);
    display: flex;
    align-items: center;
}
header .lanuage .iconfont {
    font-size: 1.25rem;
    color: #4bb13f;
    margin-right: 0.5rem;
    font-weight: 600;
}
header .cernter > ul > li {
    padding: 0 1.375rem;
    float: left;
}
header .cernter > ul > li > a {
    position: relative;
    color: var(--cf);
    font-size: 1.125rem;
}
header .cernter > ul > li > a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    width: 0;
    height: 0.125rem;
    background: #4bb13f;
}
header .cernter > ul > li:hover > a, header .cernter > ul > li.active > a {
    color: #4bb13f;
}
header .cernter > ul > li:hover > a::before, header .cernter > ul > li.active > a::before {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    width: 100%;
}
header.active, .show_header header {
    background: #fff;
}
header.active::before, .show_header header::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: rgba(0, 0, 0, 0.1);
}
@-webkit-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
 -webkit-transform: scale(1);
 transform: scale(1);
/*开始为原始大小*/
}
 25% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
/*放大1.1倍*/
}
 50% {
 -webkit-transform: scale(1.2);
 transform: scale(1.2);
}
 75% {
 -webkit-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
@-moz-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
 -moz-transform: scale(1);
 transform: scale(1);
/*开始为原始大小*/
}
 25% {
 -moz-transform: scale(1.1);
 transform: scale(1.1);
/*放大1.1倍*/
}
 50% {
 -moz-transform: scale(1.2);
 transform: scale(1.2);
}
 75% {
 -moz-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -moz-transform: scale(1);
 transform: scale(1);
}
}
@-o-keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
 -o-transform: scale(1);
 transform: scale(1);
/*开始为原始大小*/
}
 25% {
 -o-transform: scale(1.1);
 transform: scale(1.1);
/*放大1.1倍*/
}
 50% {
 -o-transform: scale(1.2);
 transform: scale(1.2);
}
 75% {
 -o-transform: scale(1.1);
 transform: scale(1.1);
}
 100% {
 -o-transform: scale(1);
 transform: scale(1);
}
}
@keyframes banscaleDraw {
  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
  0% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
/*开始为原始大小*/
}
 25% {
 -webkit-transform: scale(1.05);
 -moz-transform: scale(1.05);
 -o-transform: scale(1.05);
 transform: scale(1.05);
/*放大1.1倍*/
}
 50% {
 -webkit-transform: scale(1.1);
 -moz-transform: scale(1.1);
 -o-transform: scale(1.1);
 transform: scale(1.1);
}
 75% {
 -webkit-transform: scale(1.05);
 -moz-transform: scale(1.05);
 -o-transform: scale(1.05);
 transform: scale(1.05);
}
 100% {
 -webkit-transform: scale(1);
 -moz-transform: scale(1);
 -o-transform: scale(1);
 transform: scale(1);
}
}
.banner .swiper-slide.swiper-slide-active .img img {
    -webkit-animation-name: banscaleDraw;
    -webkit-animation-timing-function: ease-in-out;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-duration: 20s;
}
.banner .swiper-slide .phone_show_990 img.w100 {
    height: 60vh;
    object-fit: cover;
}
.banner .swiper-slide .icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
}
.banner .swiper-slide .icon img {
    width: 60px;
    filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.3));
}
.banner .right {
    padding-left: 3rem;
}
.banner .hover {
    position: absolute;
    top: calc(50% + 2.5rem);
    left: 0;
    width: 100%;
    transform: translateY(-50%);
}
.banner .hover .flex {
    align-items: center;
}
.banner .hover .xielie {
    color: #FFF;
    text-align: center;
    font-size: 1.875rem;
    font-family: Montserrat;
    font-weight: 700;
    padding: 0 1.25rem;
    border-radius: 2.5rem;
    background: #4bb13f;
    line-height: 4.125rem;
    display: inline-block;
}
.banner .hover .p1 {
    color: #fff;
    font-size: 3.75rem;
    line-height: 3.5rem;
    font-weight: 700;
    line-height: normal;
}
.banner .hover .p2 {
    color: #FFF;
    font-size: 2.5rem;
    line-height: 1;
    font-weight: 400;
    line-height: normal;
}
.banner .swiper-pagination {
    bottom: 2.5rem !important;
}
.banner .swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.875rem;
    background: #ffffff !important;
    opacity: 1;
    margin: 0 0.625rem;
}
.banner .swiper-pagination-bullet-active {
    background: #4bb13f !important;
}
.banner .swiper-button-next, .banner .swiper-button-prev {
    position: static;
    background: none;
    margin-top: 0;
}
.banner .hover_pag {
    position: absolute;
    bottom: 2.8125rem;
    right: var(--container-left);
    z-index: 9;
    display: flex;
    align-items: center;
    width: 100%;
}
.banner .hover_pag .pr {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.banner .hover_pag .pr p {
    font-size: 1rem;
    color: #000;
    text-transform: uppercase;
    padding: 0 2.5rem;
    position: relative;
}
.banner .hover_pag .pr p::before {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6875rem;
    height: 1px;
    background: #000;
    left: 0;
}
.banner .hover_pag .pr p::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1.6875rem;
    height: 1px;
    background: #000;
    right: 0;
}
@keyframes shangxia {
 0% {
 transform: translateY(0);
}
 50% {
 transform: translateY(-5px);
}
 100% {
 transform: translateY(0);
}
}
.more {
    padding: 0 2.1875rem;
    border-radius: 0.375rem;
    font-size: 1rem;
    background: #4bb13f;
    line-height: 3.125rem;
    display: inline-block;
    border-radius: 3.125rem;
    color: #fff;
}
.more div {
    display: flex;
    align-items: center;
    justify-content: center;
}
.more .iconfont {
    font-size: 0.65rem;
    color: #fff;
    display: block;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    margin-left: 0.625rem;
    font-size: 1.25rem;
    font-weight: 600;
}
.more:hover {
    background: #000;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #fff;
}
.more:hover .iconfont {
    transform: translateX(0.625rem);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.more.borf {
    border: 1px solid #FFF;
    background: transparent;
    color: #FFF;
}
.more.borf .iconfont {
    color: #fff;
}
.more.borf:hover {
    background: #fff;
    color: #4bb13f;
}
.more.borf:hover .iconfont {
    color: #4bb13f;
}
.more.bgf {
    border: 1px solid rgba(75, 177, 63, 0.92);
    background: transparent;
    color: #4bb13f;
}
.more.bgf .iconfont {
    color: #4bb13f;
}
.more.bgf:hover, .more.bgf.active {
    background: #4bb13f;
    color: #fff;
}
.more.bgf:hover .iconfont, .more.bgf.active .iconfont {
    color: #fff;
}
.more.bgff {
    background: #fff;
    color: #4bb13f;
}
.more.bgff .iconfont {
    color: #4bb13f;
}
.more.bgff:hover {
    background: #4bb13f;
    color: #fff;
}
.more.bgff:hover .iconfont {
    color: #fff;
}
.en_title {
    color: #000;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2.2rem;
}
.title {
    color: #000;
    font-size: 3rem;
    font-weight: 700;
    line-height: 4rem;
}
.title span {
    position: relative;
    display: inline-block;
    padding-bottom: 0.75rem;
    background-image: linear-gradient(to right, #f08519, #4bb13f);
    -webkit-background-clip: text;
    color: transparent;
    background-clip: text;
}
.title span.black {
    color: #000;
}
.title span::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 4.15625rem;
    height: 0.25rem;
    background: #4bb13f;
}
.title.ta span::before {
    left: 50%;
    transform: translateX(-50%);
}
.text {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.15rem;
}
.beian {
    background: #000;
    padding: 0.8rem;
}
.beian .text {
    color: rgba(255, 255, 255, 0.5);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.25rem;
}
.rightfix {
    bottom: 5%;
    right: 2rem;
    top: auto;
    transform: translateY(0);
}
.rightfix ul li {
    padding: 0;
    width: 3.75rem;
    height: 3.75rem;
    line-height: 3.75rem;
    border-radius: 50%;
    margin-bottom: 1.25rem;
    border: none;
    background: #4bb13f;
}
.rightfix ul li:hover {
    background: #000;
}
.rightfix ul li .right_div {
    min-height: 3.75rem;
    line-height: 3.75rem;
}
.rightfix ul li:last-child {
    display: none;
}
.nyban .hover {
    position: absolute;
    top: 58%;
    transform: translateY(-50%);
    left: 0;
    width: 100%;
    z-index: 8;
}
.nyban .bread {
    position: absolute;
    bottom: 1.5rem;
    width: 100%;
}
.nyban .icon {
    margin-top: 1.25rem;
    display: inline-block;
}
.nyban .icon .iconfont {
    font-size: 3rem;
    color: #fff;
}
.nyban .icon img {
    width: 4.375rem;
}
.nyban .icon a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 9;
}
.nyban.nyban_homekit .hover {
    top: 70%;
}
.nyban.nyban_homekit .more.borf {
    margin-top: 1.25rem;
}
.nyban .p1 {
    color: #FFF;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 4rem;
}
.nyban .p2 {
    color: #FFF;
    font-size: 1.375rem;
    line-height: 2.2rem;
    margin-top: 0.5rem;
}
.nyban .img_hover {
    position: absolute;
    bottom: 0;
    right: 0;
    overflow: hidden;
    height: 100%;
    width: 100%;
}
.nyban .img_hover .container {
    height: 100%;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
}
.nyban .img_hover img {
    height: 80%;
    object-fit: contain;
}
.bread {
    color: #FFF;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
}
.bread a {
    color: #FFF;
}
.bread a:hover {
    color: #4bb13f;
}
.bread span:last-child {
    display: none;
}
.bread span {
    margin: 0 0.3125rem;
}
.bread a:hover {
    opacity: 1;
}
.nyerji {
    line-height: 5rem;
    position: relative;
}
.nyerji::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 1px;
    background: #E6E6E6;
    transform: translateY(-50%);
}
.nyerji.nyerji_pro ul li a {
    padding: 1.125rem 0 0;
}
.nyerji.nyerji_pro ul li a span {
    padding-bottom: 1.125rem;
}
.nyerji.nyerji_pro ul li:hover a span, .nyerji.nyerji_pro ul li.active a span {
    font-weight: 700;
    color: #000;
}
.nyerji ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.nyerji ul li {
    border-right: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    flex: 1 0 0;
}
.nyerji ul li:nth-child(1) {
    border-left: 1px solid rgba(0, 0, 0, 0.1);
}
.nyerji ul li a {
    color: #000;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    font-weight: 600;
    position: relative;
}
.nyerji ul li a::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0.25rem;
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.nyerji ul li a div {
    color: #000;
    text-align: center;
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
}
.nyerji ul li span {
    position: relative;
    display: inline-block;
}
.nyerji ul li:last-child::before {
    display: none;
}
.nyerji ul li:hover a, .nyerji ul li.active a {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #4bb13f;
}
.nyerji ul li:hover a::before, .nyerji ul li.active a::before {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.nyerji ul li:hover a span::before, .nyerji ul li.active a span::before {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.bgf7 {
    background: #F8F9FA;
}
.list_pro {
    padding: 2.5rem 0 6rem;
}
.list_pro .left {
    height: 100%;
    position: sticky;
    top: 6.25rem;
}
.list_pro .left > div {
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #FFF;
}
.list_pro .left .name {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    height: 4.375rem;
    justify-content: flex-start;
    display: flex;
    align-items: center;
    padding: 0 1.5rem;
}
.list_pro .left .name img {
    height: 2.375rem;
    margin-right: 0.5rem;
}
.list_pro .left ul li {
    padding-left: 3.125rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    position: relative;
}
.list_pro .left ul li::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 2px;
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_pro .left ul li:hover {
    background: rgba(15, 97, 198, 0.1);
}
.list_pro .left ul li:hover::after {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_pro .left ul li:hover a {
    color: #0F61C6;
}
.list_pro .left ul li:hover a::before {
    background: #0F61C6;
}
.list_pro .left ul li a {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
    font-weight: 400;
    height: 4.375rem;
    display: flex;
    align-items: center;
    padding-left: 0.875rem;
    position: relative;
}
.list_pro .left ul li a::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
}
.show_pro {
    padding-bottom: 4.4rem;
}
.show_pro .left > div {
    position: relative;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    z-index: 1;
}
.show_pro .left > div::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 1.25rem);
    height: calc(100% - 1.25rem);
    opacity: 0.06;
    background: #0F61C6;
    z-index: -1;
}
.show_pro .right {
    padding-top: 3.125rem;
    padding-left: 1.875rem;
}
.show_pro .right .name {
    color: rgba(0, 0, 0, 0.8);
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3rem;
}
.show_pro .right p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 1.65rem;
    margin: 1.37rem 0 0.8rem;
}
.show_pro .right p span {
    position: relative;
    padding-right: 3.4375rem;
}
.show_pro .right p span::before {
    content: "";
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 2.5rem;
    height: 0.125rem;
    background: #4bb13f;
}
.show_pro .right ul li {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    position: relative;
    padding-left: 0.875rem;
}
.show_pro .right ul li::before {
    content: "";
    position: absolute;
    top: 0.75rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.7);
}
.show_header header {
    position: relative;
}
.show_header .bread {
    color: rgba(0, 0, 0, 0.7);
    padding: 1.13rem 0;
}
.show_header .bread a, .show_header .bread span {
    color: rgba(0, 0, 0, 0.7);
}
.show_header .bread a:hover {
    color: #4bb13f;
}
.list_news {
    padding: 4.38rem 0 5rem;
}
.show_news .name {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 2.6875rem;
    color: rgba(0, 0, 0, 0.9);
}
.show_news .text {
    font-size: 1rem;
    line-height: 1.75rem;
    text-align: justify;
    /*text-transform: uppercase;*/
    color: rgba(0, 0, 0, 0.6);
}
.show_news a.text:hover {
    color: #395F8E;
}
.show_news .margin.text {
    margin: 2.125rem 0 3.125rem;
    border-top: 1px solid rgba(0, 0, 0, 0.2);
    border-bottom: 1px solid #DBDBDB;
    margin-bottom: 2rem;
    padding: 3.125rem 0;
    color: rgba(0, 0, 0, 0.8);
    text-align: justify;
}
.show_news .data {
    display: flex;
    align-items: center;
    font-size: 1.125rem;
    color: #000000;
    font-weight: 500;
    margin: 2.1875rem 0 2.125rem;
    justify-content: center;
}
.show_news .data .fenxiang {
    display: flex;
    align-items: center;
    margin-left: 2.5rem;
}
.show_news .data .social-share li {
    float: left;
    margin-right: 1.25rem;
    width: 2.5rem;
    height: 2.5rem;
    border: 1px solid rgba(102, 102, 102, 0.3);
    border-radius: 50%;
    margin-right: 1.25rem !important;
}
.show_news .data .social-share li a {
    font-size: 1rem;
}
.show_news .data .social-share li a:hover {
    color: #fff !important;
}
.show_news .data .social-share li:last-child {
    margin-right: 0;
}
.show_news .data .social-share li a {
    margin: 0 !important;
    width: 100%;
    height: 100%;
    line-height: 2.375rem;
    border: rgba(102, 102, 102, 0.3) !important;
    color: rgba(102, 102, 102, 0.5) !important;
}
.show_news .text {
    font-weight: 400;
}
.show_news .shangxia {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2.5rem;
}
.show_news .shangxia a {
    color: rgba(0, 0, 0, 0.8);
}
.show_news .shangxia a:hover {
    color: #4bb13f;
}

@media (max-width: 990px) {
.show_news .name {
    line-height: 30px;
    font-size: 22px;
}
	.list_contact2 .row.alignc > div{margin-top: 1rem;}
}

@media (max-width: 767px) {
.show_news .name {
    line-height: 26px;
    font-size: 18px;
}
.show_news .data .fenxiang {
    margin-left: 0.5rem;
}
.show_news .data .social-share li {
    margin-right: 8px !important;
}
.show_news .data {
    margin: 15px 0;
}
.show_news .margin.text {
    margin-top: 0;
    padding-top: 15px;
    padding-bottom: 25px;
    margin-bottom: 15px;
}
.show_news .shangxia .tr {
    text-align: left;
}
.beian {
    font-size: 12px;
    line-height: 20px;
    border: none;
}
.pb80 {
    padding-bottom: 25px;
}
.mt60 {
    margin-top: 25px;
}
.mt50 {
    margin-top: 15px;
}
table tr td {
    padding: 10px !important;
    line-height: 24px;
}
table tr td:nth-child(1) {
    padding-left: 10px !important;
}
table tr:nth-child(1) {
    font-size: 14px;
}
.pt60 {
    padding-top: 25px;
}
}
.index_one > img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    opacity: 0.4;
    max-height: 100%;
}
.index_one .en_title {
    margin-top: 2rem;
}
.index_one .text {
    margin: 0.5rem 0 2rem;
}
.index_one .left, .index_one .right {
    width: 50%;
}
.index_one .left {
    padding-top: 13.56rem;
    padding-right: 11rem;
}
.index_one .left .text {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.index_one .hover {
    position: absolute;
    bottom: 3.75rem;
    left: 0;
    width: 100%;
}
.index_one .hover .content {
    border-radius: 0.625rem;
    background: rgba(75, 177, 63, 0.9);
    padding: 3.63rem 0;
}
.number_ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.number_ul li {
    text-align: center;
    flex: 1 0 0;
}
.number_ul li .num {
    line-height: 1;
    position: relative;
}
.number_ul li .num span {
    color: #FFF;
    font-size: 3.125rem;
    font-weight: 600;
}
.number_ul li .num sub {
    color: #FFF;
    font-size: 1.5rem;
    font-weight: 400;
    bottom: auto;
    top: 0.6875rem;
    position: absolute;
}
.number_ul li .num i {
    color: #FFF;
    font-size: 1.25rem;
    font-weight: 700;
    margin-left: 0.8rem;
}
.number_ul li .text {
    color: #FFF;
    font-size: 1.125rem;
    line-height: 1.625rem;
    margin: 0.5rem 0 0;
}
.index_two {
    /* background: url(../image/2.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;*/
    padding: 0rem 0 2.8rem;
}
.index_two .left {
    padding-bottom: 3rem;
}
.index_two .left ul li {
    position: relative;
    padding-bottom: 5.25rem;
}
.index_two .left ul li::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 2.5625rem;
    width: 1px;
    height: 5.25rem;
    border-right: 1px dashed rgba(0, 0, 0, 0.2);
}
.index_two .left ul li:hover .icon, .index_two .left ul li.active .icon {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_two .left ul li:hover .icon::after, .index_two .left ul li.active .icon::after {
    transform: scale(1);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_two .left ul li:hover .icon img, .index_two .left ul li.active .icon img {
    filter: brightness(0) invert(1);
}
.index_two .left ul li:hover .icon::before, .index_two .left ul li.active .icon::before {
    background: linear-gradient(180deg, #fff 0%, rgba(0, 158, 65, 0) 100%);
}
.index_two .left ul li:hover a p, .index_two .left ul li.active a p {
    font-size: 1.25rem;
    font-weight: 600;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #4bb13f;
}
.index_two .left ul li:last-child {
    padding-bottom: 0;
}
.index_two .left ul li:last-child::before {
    display: none;
}
.index_two .left ul li a {
    display: flex;
    align-items: center;
}
.index_two .left ul li a .icon {
    width: 5.3125rem;
    height: 5.3125rem;
    border-radius: 50%;
    border: 0.375rem solid rgba(0, 158, 65, 0.2);
    background: #FFF;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1;
}
.index_two .left ul li a .icon img {
    height: 2.3125rem;
}
.index_two .left ul li a .icon::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    border-radius: 50%;
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    z-index: -1;
}
.index_two .left ul li a .icon::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: linear-gradient(180deg, #4bb13f 0%, rgba(0, 158, 65, 0) 100%);
    opacity: 0.2;
    width: 1.45219rem;
    height: 2.30456rem;
    transform: rotate(26.565deg) translate(-79%, -40%);
    border-radius: 1.25rem;
}
.index_two .left ul li a p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-left: 1.6rem;
}
.index_two .right .name.title {
    color: #000;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.2rem;
}
.index_two .right .name.title span {
    display: block;
    color: #000;
}
.index_two .right .name.title span::before {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_two .right .swiper-slide {
    padding: 1.25rem;
}
.index_two .right .swiper-slide > a {
    border-radius: 1.25rem;
    background: #FFF;
    box-shadow: 0px 0.375rem 1.25rem 0px rgba(0, 0, 0, 0.04);
    text-align: center;
    padding: 4.75rem 4rem 2.25rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_two .right .swiper-slide > a .img {
    margin-top: 2.8rem;
}
.index_two .right .swiper-slide > a .img img {
    height: 20.625rem;
    object-fit: contain;
}
.index_two .right .swiper-slide:hover > a {
    box-shadow: 0 0 1rem rgba(0, 158, 66, 0.15);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_two .right .swiper-slide:hover span::before {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_two .margin {
    margin: 0 -1.25rem;
    display: none;
}
.index_two .margin.active {
    display: block;
}
.index_two .jiantou {
    transform: translateY(0);
}
.index_two .jiantou, .index_two .swiper-pagination {
    position: static;
}
.index_two .swiper-pagination {
    width: auto;
    color: #000;
    font-size: 1.875rem;
    font-weight: 400;
    margin: 0 1.5rem;
}
.index_two .swiper-pagination .swiper-pagination-current {
    color: #4bb13f;
}
.index_two .flex {
    justify-content: flex-end;
    align-items: center;
    margin-right: 1.25rem;
}
.jiantou {
    width: 3.5rem;
    height: 3.5rem;
    text-align: center;
    line-height: 3.5rem;
    background: none;
    border-radius: 50%;
    margin-top: 0;
    transform: translateY(-50%);
    border: 1px solid rgba(0, 0, 0, 0.3);
}
.jiantou .iconfont {
    display: block;
    font-size: 1.25rem;
    font-weight: 600;
    color: #000000;
}
.jiantou:hover {
    background: #4bb13f;
    border-color: #4bb13f;
}
.jiantou:hover .iconfont {
    color: #fff;
}
.jiantou.white {
    background: #fff;
}
.jiantou.white:hover {
    background: #4bb13f;
    border-color: #4bb13f;
}
.swiper-pagination-bullet {
    width: 0.875rem;
    height: 0.875rem;
    background: rgba(0, 0, 0, 0.3);
    opacity: 1;
}
.swiper-pagination-bullet-active {
    background: #4bb13f;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
    bottom: 0;
}
.alignc {
    align-items: center;
}
.more_2 {
    width: 3.125rem;
    height: 3.125rem;
    line-height: 3.125rem;
    text-align: center;
    border-radius: 50%;
    background: #FFF;
    display: inline-block;
    z-index: 2;
    position: relative;
}
.more_2.bgf {
    background: transparent;
    border: 1px solid #FFF;
}
.more_2.bgf .iconfont {
    color: #fff;
}
.more_2.bgf:hover::before {
    background: #fff;
}
.more_2.bgf:hover .iconfont {
    color: #4bb13f;
}
.more_2 .iconfont {
    font-size: 1.25rem;
    display: block;
    color: #4bb13f;
}
.more_2::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transform: scale(0);
    border-radius: 50%;
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    z-index: -1;
}
.more_2:hover::before {
    transform: scale(0.8);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.more_2:hover .iconfont {
    color: #fff;
}
.index_three ul, .list_about_two ul {
    display: flex;
    height: 100%;
}
.index_three ul li, .list_about_two ul li {
    width: 33.3%;
    text-align: center;
    padding: 0 6.6rem;
    border-right: 1px solid rgba(255, 255, 255, 0.5);
    height: 100%;
    display: flex;
    align-items: center;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_three ul li .content, .list_about_two ul li .content {
    height: 0;
    overflow: hidden;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_three ul li:hover, .list_about_two ul li:hover, .index_three ul li.active, .list_about_two ul li.active {
    background: rgba(0, 158, 65, 0.6);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_three ul li:hover .content, .list_about_two ul li:hover .content, .index_three ul li.active .content, .list_about_two ul li.active .content {
    height: 11.0rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_three ul li:hover .icon::before, .list_about_two ul li:hover .icon::before, .index_three ul li.active .icon::before, .list_about_two ul li.active .icon::before {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_three ul li:hover .icon, .list_about_two ul li:hover .icon, .index_three ul li.active .icon, .list_about_two ul li.active .icon {
    background: #fff;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_three ul li:hover .icon img, .list_about_two ul li:hover .icon img, .index_three ul li.active .icon img, .list_about_two ul li.active .icon img {
    filter: brightness(1) invert(0);
}
.index_three ul li .name, .list_about_two ul li .name {
    color: #FFF;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2rem;
    margin: 2.38rem 0 0.875rem;
}
.index_three ul li .text, .list_about_two ul li .text {
    color: #fff;
    margin-bottom: 3.6rem;
}
.index_three ul li .icon, .list_about_two ul li .icon {
    width: 7.75rem;
    height: 7.75rem;
    border-radius: 50%;
    line-height: 7.625rem;
    text-align: center;
    border: 1px solid rgba(255, 255, 255, 0.5);
    margin: 0 auto;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
}
.index_three ul li .icon::before, .list_about_two ul li .icon::before {
    content: "";
    position: absolute;
    top: -1rem;
    left: -1rem;
    opacity: 0;
    width: 9.625rem;
    height: 9.625rem;
    border-radius: 50%;
    background: url(../image/7.svg) no-repeat;
    background-size: contain;
    animation: circle 25s linear infinite;
}
@keyframes circle {
 from {
 transform: rotate(0deg);
}
 to {
 transform: rotate(360deg);
}
}
.index_three ul li .icon img, .list_about_two ul li .icon img {
    height: 3.25rem;
    filter: brightness(0) invert(1);
}
.index_three {
    height: 100vh;
    overflow: hidden;
}
.index_three ul li {
    justify-content: center;
}
.index_three .bg {
    overflow: hidden;
}
.index_three .bg > div {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    -webkit-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    opacity: 0;
    -webkit-transition: all 0.7s;
    -o-transition: all 0.7s;
    transition: all 0.7s;
    background-size: cover;
    background-position: center center;
}
.index_three .bg > div.active {
    opacity: 1;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}
.index_four {
    /*background: url(../image/2.png) no-repeat;
    background-size: cover;
    background-attachment: fixed;*/
    padding: 6rem 0 0rem;
}
.index_four .hover_title {
    z-index: 2;
}
.index_four .hover_title .title {
    color: #fff !important;
}
.index_four .hover_title .title span::before {
    background: #fff;
}
.index_four .mySwiper2 {
    width: 50%;
}
.index_four .mySwiper2 li {
    display: none;
}
.index_four .mySwiper2 li img {
    height: 100vh;
    object-fit: cover;
}
.index_four .mySwiper2 li.active {
    display: block;
}
.index_four .mySwiper2 .hover {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 45%;
    background: rgba(0, 158, 66, 0.9);
    border-radius: 0 4rem 0 0;
    padding: 2.5rem 5.3125rem 2.5rem 2.5rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.index_four .mySwiper2 .hover .left {
    width: calc(100% - 3.125rem);
    padding-right: 1rem;
}
.index_four .mySwiper2 .hover .name {
    color: #FFF;
    font-size: 1.375rem;
    font-weight: 700;
    line-height: 1.875rem;
}
.index_four .mySwiper2 .hover .text {
    color: #FFF;
}
.index_four .mySwiper {
    margin: 2.5rem 0 0;
}
.index_four .mySwiper .content {
    padding: 2rem 1.75rem 2.75rem;
    border-radius: 0 0 1.25rem 1.25rem;
}
.index_four .mySwiper .over, .index_four .mySwiper .over img {
    border-radius: 1.25rem 1.25rem 0 0;
}
.index_four .mySwiper .over img {
    height: 37vh;
    object-fit: cover;
}
.index_four .mySwiper .swiper-slide {
    border-radius: 1.25rem;
    background: #F8F8F8;
}
.index_four .mySwiper .swiper-slide:hover img {
    transform: scale(1.1);
}
.index_four .mySwiper .swiper-slide:hover .content {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_four .mySwiper .swiper-slide:hover .content .name {
    color: #fff;
}
.index_four .mySwiper .swiper-slide:hover .content .name::before {
    background: #fff;
}
.index_four .mySwiper .swiper-slide:hover .content .name span {
    color: #fff;
    font-weight: 600;
}
.index_four .mySwiper .swiper-slide:hover .content .text {
    color: #fff;
}
.index_four .mySwiper .name {
    color: #000;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.875rem;
    position: relative;
    padding-bottom: 0.5rem;
    font-weight: 600;
}
.index_four .mySwiper .name::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.875rem;
    height: 0.125rem;
    background: #4bb13f;
}
.index_four .mySwiper .name span {
    color: #4bb13f;
}
.index_four .mySwiper .text {
    color: rgba(0, 0, 0, 0.8);
    margin-top: 0.8rem;
}
.index_four .jiantou {
    transform: translateY(0);
}
.index_four .jiantou, .index_four .swiper-pagination {
    position: static;
}
.index_four .swiper-pagination {
    width: auto;
    color: #000;
    font-size: 1.875rem;
    font-weight: 400;
    margin: 0 1.5rem 0 0;
}
.index_four .swiper-pagination .swiper-pagination-current {
    color: #4bb13f;
}
.index_four .flex.mt20 {
    justify-content: flex-end;
    align-items: center;
    margin-right: 0;
    width: 100%;
    right: 0;
}
.index_four .swiper-button-next {
    margin-left: 1.25rem;
}
.index_four .swiper-pagination {
    width: calc(100% - 7rem - 3.125rem);
    height: 0.125rem;
    position: static;
    bottom: 3.56rem;
    left: 0;
}
.index_four .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #4bb13f;
    height: 0.25rem;
    top: -1px;
}
.bor20 {
    border-radius: 1.125rem;
}
.p100 {
    padding: 6.25rem 0;
}
.p50 {
    padding: 3.25rem 0;
}
.p100.pt0 {
    padding-top: 0;
}
.p100.pb0 {
    padding-bottom: 0;
}
.index_five {
    /*background: url(../image/9.png) no-repeat;
  background-size: cover;
  background-attachment: fixed;*/
    padding: 4.25rem 0 0rem;
}
.list_about .row {
    margin: 0 -2.5rem;
}
.list_about .row > div {
    padding: 0 2.5rem;
}
.list_about .row .a_video {
    position: relative;
}
.list_about .en_title {
    margin: 2.5rem 0 1.1rem;
}
.list_about .text {
    text-align: justify;
    text-align-last: left;
    line-height: 2.15rem;
}
.list_about .number_ul {
    margin-top: 5.3125rem;
}
.list_about .number_ul .icon img {
    height: 3.8rem;
}
.list_about .number_ul .num {
    margin: 1rem 0 0;
}
.list_about .number_ul .num span, .list_about .number_ul .num sub, .list_about .number_ul .num i {
    color: #4bb13f;
}
.list_about .number_ul .text {
    color: #8D8D8D;
    text-align: center;
    text-align-last: center;
}
.list_about_two .title {
    color: #fff;
}
.list_about_two .title span::before {
    background: #fff;
}
.list_about_two .font18 {
    color: #FFF;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-top: 1.875rem;
}
.list_about_two ul li {
    justify-content: center;
    border-right: none;
    padding: 0 1.25rem;
    height: auto;
}
.list_about_two ul li > div {
    padding: 4.8rem 1.25rem 5.75rem;
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.7);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    width: 100%;
    height: 100%;
}
.list_about_two ul li > div .icon {
    background: #4bb13f;
}
.list_about_two ul li > div .name {
    color: #000;
}
.list_about_two ul li > div .text {
    color: rgba(0, 0, 0, 0.8);
    margin-bottom: 0;
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.list_about_two ul li:hover {
    background: transparent;
}
.list_about_two ul li:hover > div {
    background: rgba(0, 158, 65, 0.9);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_about_two ul li:hover .icon {
    background: #fff;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_about_two ul li:hover .icon img {
    filter: brightness(1) invert(0);
}
.list_about_two ul li:hover .text {
    color: #FFF;
}
.list_about_two ul li:hover .name {
    color: #fff;
}
.list_about_two ul {
    margin: 3.125rem -1.25rem 0;
}
.list_about_three .mySwiper2 {
    margin: 4.47rem 0 3.06rem;
}
.list_about_three .mySwiper2 .swiper-slide .row {
    margin: 0 -3rem;
}
.list_about_three .mySwiper2 .swiper-slide .row > div {
    padding: 0 3rem;
}
.list_about_three .year {
    color: #4bb13f;
    font-size: 6.5rem;
    font-weight: 700;
    line-height: 8.5rem;
    letter-spacing: -0.15rem;
    font-family: Montserrat;
}
.list_about_three ul li {
    color: #000;
    font-size: 1.875rem;
    font-weight: 400;
    line-height: 3.125rem;
    padding-left: 1.25rem;
    position: relative;
}
.list_about_three ul li::before {
    content: "";
    position: absolute;
    top: 1.375rem;
    left: 0;
    width: 0.25rem;
    height: 0.25rem;
    background: #000;
    border-radius: 50%;
}
.list_about_three .mySwiper {
    z-index: 11;
    padding-top: 8.25rem;
}
.list_about_three .mySwiper .swiper-slide-thumb-active::before {
    display: none;
}
.list_about_three .mySwiper .swiper-slide {
    color: #000;
    text-align: center;
    font-size: 1.625rem;
    font-weight: 700;
    text-transform: uppercase;
}
.list_about_three .mySwiper .swiper-slide::before {
    content: "";
    position: absolute;
    top: -2.3rem;
    left: 50%;
    transform: translateX(-50%);
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
    border: 2px solid #4bb13f;
    z-index: 10;
    background: #fff;
}
.list_about_three .mySwiper .swiper-slide-thumb-active::after {
    content: "";
    position: absolute;
    top: -7.5rem;
    left: 55%;
    transform: translateX(-50%);
    width: 5.01319rem;
    height: 5.05625rem;
    background: url(../picture/nav.svg) no-repeat;
    background-size: 100%;
    z-index: 10;
}
.list_about_three .swiper-pagination {
    height: 1.25rem;
    background: #fff;
    border-radius: 0.625rem;
    width: 100%;
    overflow: hidden;
    bottom: 3.5rem;
}
.list_about_three .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #4bb13f;
    border-radius: 1.875rem;
}
.list_honor .bgf {
    padding: 1.75rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #fff;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_honor .ul {
    margin-top: 4rem;
}
.list_honor .ul li {
    margin-bottom: 3rem;
}
.list_honor .ul li img {
    height: 24.375rem;
    object-fit: contain;
}
.list_honor .ul li:hover .bgf {
    box-shadow: 0 0 1rem rgba(0, 158, 66, 0.15);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_honor .name {
    margin-top: 1.37rem;
    color: rgba(0, 0, 0, 0.8);
    text-align: center;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
}
.list_parent .ul {
    margin-top: 4.6rem;
}
.list_parent .ul li {
    height: 7.5rem;
    margin-bottom: 1.75rem;
}
.list_parent .ul li > div {
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 1.125rem;
    /*height: 7.5rem;*/
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_parent .ul li > div img {
    border-radius: 1.125rem;
}
.list_parent .ul li:hover > div {
    box-shadow: 0 0 1rem rgba(0, 158, 66, 0.15);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_global .title {
    position: absolute;
    top: 0;
    left: 0;
}
.list_global .hover {
    position: absolute;
    top: 0.625rem;
    right: 0;
    width: 70%;
}
.list_global .hover .number_ul li {
    text-align: left;
}
.list_global .hover .number_ul li .num span, .list_global .hover .number_ul li .num sub {
    color: #4bb13f;
}
.list_global .hover .number_ul li .text {
    color: #000;
}
.list_global .img .dian2 {
    position: absolute;
    top: 41.5%;
    right: 3%;
    z-index: 8;
}
.list_global .img .dian2 img {
    height: 5.25rem;
}
.list_global .img .dian2 .wave1 {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    position: absolute;
    top: 42%;
    transform: translateY(-50%);
    left: -8px;
    z-index: -1;
}
.list_global .img .dian2 .wave1::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 158, 66, 0.494);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: yuan1 2s infinite;
}
@keyframes yuan1 {
 0% {
 width: 0;
 height: 0;
}
 50% {
 width: 1.875rem;
 height: 1.875rem;
}
 100% {
 width: 0;
 height: 0;
}
}
.list_global .img .dian1 {
    position: absolute;
    top: 29.5%;
    left: 34%;
    z-index: 8;
}
.list_global .img .dian1 img {
    height: 5.75rem;
}
.list_global .img .dian1 .wave {
    width: 1.875rem;
    height: 1.875rem;
    border-radius: 50%;
    position: absolute;
    top: 60%;
    transform: translateY(-50%);
    right: -8px;
    z-index: -1;
}
.list_global .img .dian1 .wave::before {
    z-index: -1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background: rgba(0, 158, 66, 0.494);
    transform: translate(-50%, -50%);
    border-radius: 50%;
    animation: yuan 2s infinite;
}
@keyframes yuan {
 0% {
 width: 0;
 height: 0;
}
 50% {
 width: 1.875rem;
 height: 1.875rem;
}
 100% {
 width: 0;
 height: 0;
}
}
.list_global_two .title {
    background: #4bb13f;
    padding: 2.25rem 0;
    border-radius: 1.25rem 1.25rem 0rem 0rem;
}
.list_global_two .bot {
    border-radius: 1.25rem;
    background: #FFF;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.03);
}
.list_global_two .bot ul {
    padding: 2.5rem 2.5rem 7rem;
    display: flex;
    flex-wrap: wrap;
}
.list_global_two .bot ul li {
    padding: 2.25rem 0rem 2.25rem 2.25rem;
    border: 1px solid #E6E6E6;
    border-left: none;
    width: 33.3%;
}
.list_global_two .bot ul li:nth-child(3n+1) {
    border-left: 1px solid #E6E6E6;
}
.list_global_two .bot ul li:nth-child(1), .list_global_two .bot ul li:nth-child(2), .list_global_two .bot ul li:nth-child(3) {
    border-bottom: none;
}
.list_global_two .bot ul li .name {
    color: #000;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
    margin-bottom: 0.63rem;
}
.list_global_two .bot ul li p {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
}
.list_global_two .bot ul li p span {
    white-space: nowrap;
    margin-right: 1.5rem;
}
.list_product .title {
    color: #000;
    text-align: center;
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1.75rem;
}
.list_product .top {
    margin-bottom: 2.5rem;
}
.list_product .top .left {
    padding-right: 6.875rem;
}
.list_product .top .name {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 2rem;
    margin-bottom: 0.5rem;
}
.list_product .top .text {
    line-height: 2rem;
}
.list_product .top .name2 {
    color: #000;
    font-size: 1.25rem;
    line-height: 2rem;
}
.list_product .top .mt {
    margin-top: 1.8rem;
    margin-bottom: 1.3rem;
}
.list_product .top ul li {
    display: flex;
    align-items: center;
}
.list_product .top ul li img {
    border-radius: 50%;
    width: 4.375rem;
    height: 4.375rem;
}
.list_product .top ul li .text {
    line-height: 1.5rem;
}
.list_product .top ul li > div {
    width: calc(100% - 4.375rem);
    padding-left: 1.2rem;
}
.list_product .bot .swiper-slide {
    position: relative;
    padding-top: 2.75rem;
}
.list_product .bot .swiper-slide::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border-radius: 1.25rem;
    background: #4bb13f;
    height: 0;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_product .bot .swiper-slide .img img {
    height: 12.5rem;
    object-fit: contain;
}
.list_product .bot .swiper-slide .name {
    color: #000;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 3.125rem;
    margin-top: 1.5625rem;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
.list_product .bot .swiper-slide .name span {
    display: block;
    max-width: 80%;
    padding-right: 1rem;
}
.list_product .bot .swiper-slide .name .more_2 {
    width: 0;
    height: 0;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    overflow: hidden;
}
.list_product .bot .swiper-slide .name .more_2 .iconfont {
    color: #fff;
}
.list_product .bot .swiper-slide .name .more_2::before {
    transform: scale(0.8);
}
.list_product .bot .swiper-slide:hover .name {
    color: #4bb13f;
}
.list_product .bot .swiper-slide:hover .more_2 {
    width: 3.125rem;
    height: 3.125rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_product .bot .swiper-slide:hover::before {
    height: 9.375rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_product .swiper-pagination {
    bottom: 0;
}
.list_product .swiper-container {
    padding-bottom: 3.4375rem;
}
.list_product .swiper-pagination-bullet {
    width: 1.875rem;
    height: 0.375rem;
    border-radius: 0.625rem;
    background: rgba(0, 0, 0, 0.2);
}
.list_product .swiper-pagination-bullet-active {
    background: #4bb13f;
}
.list_product .bot li .name.title {
    color: #000;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.2rem;
}
.list_product .bot li a {
    border-radius: 1.25rem;
    background: #FFF;
    box-shadow: 0px 0.375rem 1.25rem 0px rgba(0, 0, 0, 0.04);
    text-align: center;
    padding: 4.75rem 4rem 2.25rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    margin-bottom: 2.25rem;
}
.list_product .bot li a .img {
    margin-top: 2.8rem;
}
.list_product .bot li a .img img {
    height: 20.625rem;
    object-fit: contain;
}
.list_product .bot li:hover > a {
    box-shadow: 0 0 1rem rgba(0, 158, 66, 0.15);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_product .bot li:hover span::before {
    width: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_product .bot li .name span {
    color: #000;
}
.show_product_one .left, .show_product_one .right {
    width: calc((100% - 38.0625rem) / 2);
}
.show_product_one .center {
    height: 38.0625rem;
    width: 38.0625rem;
}
.show_product_one .center .hover {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 4.3rem 6rem 3.3rem;
}
.show_product_one .center .hover img {
    object-fit: contain;
    height: 100%;
}
.show_product_one .left {
    padding-right: 4.0625rem;
}
.show_product_one .right {
    padding-left: 4.0625rem;
}
.show_product_one ul li {
    display: flex;
    align-items: center;
    margin-bottom: 4rem;
}
.show_product_one ul li:last-child {
    margin-bottom: 0;
}
.show_product_one ul li img {
    width: 5.625rem;
    height: 5.625rem;
}
.show_product_one ul li div {
    width: calc(100% - 5.625rem);
    padding-left: 1.25rem;
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.65rem;
}
.show_product_one .left li img {
    order: 2;
}
.show_product_one .left li div {
    order: 1;
    padding: 0 1.25rem 0 0;
    text-align: right;
}
.anim {
    animation: circle 25s linear infinite;
}
.tables .content.bgf7 {
    background: #EEF2F6;
}
.tables .content .row > div {
    line-height: 1.5rem;
    font-size: 1.125rem;
}
.tables .content .row > div .clearfix:nth-child(1) {
    border-top: 1px solid rgba(0, 0, 0, 0.1);
}
.tables .content .row > div .clearfix {
    display: flex;
    align-items: center;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    height: 4.38rem;
}
.tables .content .row > div .clearfix div {
    width: 30%;
}
.tables .content .row > div .clearfix div.w100 {
    width: 100%;
}
.tables .content .row > div .clearfix p {
    width: 65%;
}
.tables .content .row > div div {
    color: #333333;
    font-weight: 600;
}
.tables .content .row > div p {
    color: #000000;
    font-weight: 400;
}
.swiper_pag_chang {
    bottom: 0;
}
.swiper_pag_chang .swiper-pagination-bullet {
    width: 1.875rem;
    height: 0.375rem;
    border-radius: 0.625rem;
    background: rgba(0, 0, 0, 0.2);
}
.swiper_pag_chang .swiper-pagination-bullet-active {
    background: #4bb13f;
}
.show_prodcut_four .swiper-container {
    margin-top: 4.34rem;
    padding-bottom: 5rem;
}
.show_prodcut_four .name {
    color: #000;
    font-size: 1.875rem;
    font-weight: 700;
    line-height: 2.5rem;
    text-transform: uppercase;
}
.show_prodcut_four .swiper-slide a {
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #F8F9FA;
    padding: 4.3rem 5.75rem 4.3rem 3.38rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.show_prodcut_four .swiper-slide a .left {
    padding-right: 2.5rem;
}
.show_prodcut_four .swiper-slide .heig {
    height: 0;
    overflow: hidden;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    margin-top: 1.75rem;
}
.show_prodcut_four .swiper-slide:hover a {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.show_prodcut_four .swiper-slide:hover .name {
    color: #fff;
}
.show_prodcut_four .swiper-slide:hover .heig {
    height: 3.125rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transform-origin: top;
}
.margin_l_r {
    margin: 0 -1.25rem;
}
.squera {
    padding: 0 1.25rem 2.5rem;
}
.squera:hover .content {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.squera:hover img {
    transform: scale(1.1);
}
.squera:hover .name {
    color: #fff;
}
.squera:hover .name::before {
    background: #fff;
}
.squera:hover .text {
    color: #fff;
}
.squera .name {
    color: #000;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 1.875rem;
    position: relative;
    font-weight: 600;
    padding-bottom: 0.5rem;
}
.squera .name::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 1.875rem;
    height: 2px;
    background: #4bb13f;
}
.squera .text {
    margin-top: 0.8rem;
}
.squera .content {
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #F8F9FA;
    padding: 2.3rem 1.75rem;
    border-radius: 0 0 1.25rem 1.25rem;
}
.squera .over, .squera .over img {
    border-radius: 1.25rem;
}
.bgf7 .squera .content {
    background: #fff;
}
.bgf7 .squera:hover .content {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.about_solution .swiper-container {
    margin-top: 3.75rem;
    padding-bottom: 1.25rem;
}
.font40.title {
    font-size: 2.5rem;
    line-height: 4rem;
    font-weight: normal;
}
.tj {
    text-align: justify;
}
.show_solution .row {
    margin: 4.375rem -2.5rem 0;
}
.show_solution .row > div {
    padding: 0 2.5rem;
}
.show_solution .swiper-pagination {
    bottom: 1.875rem;
}
.show_solution .swiper-pagination-bullet {
    background: #fff;
    opacity: 0.5;
}
.show_solution .swiper-pagination-bullet-active {
    opacity: 1;
}
.show_solution_two {
    padding-bottom: 5rem;
}
.show_solution_two ul {
    margin: 3.75rem -1.6875rem 0;
}
.show_solution_two ul li {
    padding: 0 1.6875rem 3.125rem;
}
.show_solution_two ul li > div {
    display: flex;
    align-items: center;
    padding: 3.75rem 3.5rem 4.37rem 2.56rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.04);
}
.show_solution_two ul li > div img {
    width: 5.625rem;
    height: 5.625rem;
    border-radius: 50%;
}
.show_solution_two ul li > div > div {
    width: calc(100% - 5.625rem);
    padding-left: 1.6rem;
}
.show_solution_two ul li > div > div div {
    color: #000;
    font-size: 1rem;
    line-height: 1.75rem;
}
.show_solution_two ul li > div > div p {
    color: #000;
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.show_solution_two ul li:hover > div {
    box-shadow: 0px 0 1rem 0px rgba(0, 158, 66, 0.15);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.show_case .left {
    width: 37.5rem;
    padding-right: 3.75rem;
    padding-top: 1rem;
}
.show_case .left ul {
    margin-top: 2.5rem;
}
.show_case .left ul li {
    height: 5rem;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #E6E6E6;
}
.show_case .left ul li div {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.5rem;
    width: 8.4375rem;
}
.show_case .left ul li p {
    color: #000;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.5rem;
    width: calc(100% - 8.4375rem);
}
.show_case .right {
    width: calc(100% - 37.5rem);
}
.show_case .swiper-container {
    padding-right: var(--container);
}
.show_case .container_r {
    padding-right: 0;
    margin-top: 4.8125rem;
}
.show_case .container_r > .clearfix {
    padding: 6.88rem 0 0 3.63rem;
    z-index: 4;
    position: relative;
}
.show_case .container_r > .clearfix::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    border-radius: 1.25rem;
    background: #F8F9FA;
    height: 100%;
    z-index: -1;
}
.show_case .jiantou {
    transform: translateY(0);
}
.show_case .jiantou, .show_case .swiper-pagination {
    position: static;
}
.show_case .swiper-pagination {
    width: auto;
    color: #000;
    font-size: 1.875rem;
    font-weight: 400;
    margin: 0 1.5rem;
}
.show_case .flex.mt60 {
    justify-content: flex-end;
    padding-right: var(--container);
}
.list_zyzz .swiper-container {
    padding-top: 9.375rem;
}
.list_zyzz .pr {
    margin-top: -4.375rem;
}
.list_zyzz .pr img {
    width: 8.75rem;
    height: 8.75rem;
}
.list_zyzz .font24 {
    margin-top: 1.4rem;
}
.list_zyzz .circle {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 6.875rem;
    height: 6.875rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #FFF;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.5rem;
    /* 100% */
    background: #4bb13f;
    text-transform: capitalize;
}
.list_zyzz .swiper-slide {
    padding: 0 1.25rem;
    height: auto;
}
.list_zyzz .swiper-slide > div {
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.03);
    padding: 0 2.88rem 3.9rem;
    height: 100%;
}
.list_zyzz .name {
    color: #4bb13f;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    margin-bottom: 0.5rem;
    margin-top: 1.56rem;
}
.list_zyzz .text {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.padding_con {
    padding-bottom: 5.625rem;
}
.list_zyzz_two {
    padding: 0.69rem 0 1.25rem;
    background: #4bb13f;
    z-index: 4;
}
.list_zyzz_two::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 6.87rem;
    width: 50%;
    height: 100%;
    background: url(../image/31.png) no-repeat;
    background-size: contain;
    background-position: left bottom;
    z-index: -1;
}
.list_zyzz_two .left, .list_zyzz_two .right {
    width: 50%;
}
.list_zyzz_two .font24 {
    margin-top: 1.5rem;
}
.list_zyzz_two .right {
    padding-left: 6.19rem;
}
.list_zyzz_two .clearfix {
    display: flex;
    align-items: center;
}
.font36 {
    color: #FFF;
    font-size: 2.25rem;
    font-weight: 700;
    line-height: 3.25rem;
    position: relative;
    padding-top: 0.9rem;
}
.font36::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 2.90625rem;
    height: 0.25rem;
    background: #fff;
}
.list_zyzz_three .alignc {
    margin: 0 -2.5rem;
}
.list_zyzz_three .alignc > div {
    padding: 0 2.5rem;
}
.list_zyzz_three .name {
    color: #4bb13f;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.75rem;
    padding-left: 1.25rem;
    position: relative;
}
.list_zyzz_three .name::before {
    content: "";
    position: absolute;
    top: 0.75rem;
    left: 0;
    width: 0.3125rem;
    height: 0.3125rem;
    border-radius: 50%;
    background: #4bb13f;
}
.list_zyzz_three ul li {
    margin-bottom: 1.25rem;
}
.list_zyzz_three ul li:last-child {
    margin-bottom: 2.75rem;
}
.list_zyzz_three .text {
    margin-top: 0.5rem;
}
.list_zyzz_three .icon img {
    width: 5rem;
    height: 5rem;
    border-radius: 50%;
}
.list_news {
    background: rgba(0, 158, 66, 0.1);
    background: url(../picture/news_bg.jpg) no-repeat;
    background-size: cover;
}
.list_news .swiper-container {
    padding: 3.125rem 0 3.75rem;
}
.list_news .swiper-container .swiper-slide {
    padding-bottom: 1rem;
    z-index: 3;
}
.list_news .swiper-container .swiper-slide:hover .name {
    color: #4bb13f;
}
.list_news .swiper-container .swiper-slide:hover::before {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_news .swiper-container .swiper-slide:hover img {
    transform: scale(1.1);
}
.list_news .swiper-container .swiper-slide .clearfix {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 1.125rem;
}
.list_news .swiper-container .swiper-slide::before {
    content: "";
    position: absolute;
    bottom: 0;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    left: 2.37rem;
    width: calc(100% - 2.37rem - 2.37rem);
    height: 100%;
    z-index: -1;
    border-radius: 1.25rem;
    opacity: 0.2;
    background: #4bb13f;
}
.list_news .name {
    color: #000;
    text-align: justify;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;
}
.list_news .more {
    margin-top: 2.37rem;
}
.list_news .right {
    width: 52%;
    padding: 0 2.88rem 0 3.75rem;
}
.list_news .left {
    width: 48%;
}
.list_news .text {
    margin-top: 1rem;
}
.data {
    color: #4bb13f;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5rem;
    margin-bottom: 0.375rem;
}
.list_solution ul{margin-top: 4rem;}
.list_news_two.list_solution .squera:hover .data {
    color: #fff;
}
.list_news_two.list_solution .squera .text {
    margin-top: 0.625rem;
}
.list_news_two.list_solution .squera .name {
    padding-bottom: 0;
}
.list_news_two.list_solution .squera .name::before {
    display: none;
}
.list_quality {
    padding: 4.38rem 0 5rem;
}
.list_quality .swiper-container {
    padding: 3.125rem 0 3.75rem;
}
.list_quality .swiper-container .swiper-slide {
    padding-bottom: 1rem;
    z-index: 3;
}
.list_quality .swiper-container .swiper-slide:hover .name {
    color: #4bb13f;
}
.list_quality .swiper-container .swiper-slide:hover::before {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_quality .swiper-container .swiper-slide:hover img {
    transform: scale(1.1);
}
.list_quality .swiper-container .swiper-slide .clearfix {
    background: #fff;
    display: flex;
    align-items: center;
    border-radius: 1.125rem;
}
.list_quality .swiper-container .swiper-slide::before {
    content: "";
    position: absolute;
    bottom: 0;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    left: 2.37rem;
    width: calc(100% - 2.37rem - 2.37rem);
    height: 100%;
    z-index: -1;
    border-radius: 1.25rem;
    opacity: 0.2;
    background: #4bb13f;
}
.list_quality .name {
    color: #000;
    text-align: justify;
    font-size: 1.25rem;
    line-height: 2rem;
    font-weight: 600;
}
.list_quality .more {
    margin-top: 2.37rem;
}
.list_quality .right {
    width: 52%;
}
.list_quality .left {
    width: 48%;
    padding: 0 2.88rem 0 3.75rem;
}
.list_quality .right1 {
    width: 48%;
	padding: 0 2.88rem 0 3.75rem;
}
.list_quality .left1 {
    width: 52%;
    
}
.list_quality .text {
    margin-top: 1rem;
}


.list_service::before {
    content: "";
    position: absolute;
    top: 2.25rem;
    left: 50%;
    background: url(../image/33.png) no-repeat;
    background-size: contain;
}
.list_service .tel {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #010101;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2rem;
}
.list_service .tel div {
    width: 3.375rem;
    height: 3.375rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    opacity: 0.9;
    margin-right: 1.37rem;
    background: linear-gradient(137deg, #54D288 29.96%, #BAFFD6 84.4%);
    backdrop-filter: blur(150px);
}
.list_service .tel div .iconfont {
    color: #fff;
    font-size: 1.5rem;
}
.list_service .tel_num {
    background: linear-gradient(to right, #FEEA02, #ffc400, #fd8719, #ff6a00);
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: Montserrat;
    font-size: 5.625rem;
    font-weight: 700;
    line-height: 1;
    letter-spacing: -0.28125rem;
    text-transform: uppercase;
    margin: 1.5625rem 0 1.25rem;
}
.list_service .three_container {
    margin-top: 5.3125rem;
}
.list_service .font24 {
    color: #4bb13f;
}
.list_service .swiper-slide .name {
    color: #000;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2rem;
    padding-bottom: 0.75rem;
    position: relative;
    margin-bottom: 1.25rem;
}
.list_service .swiper-slide .name::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 3rem;
    height: 0.1875rem;
    background: #4bb13f;
}
.list_service .swiper-slide ul li {
    display: flex;
    align-items: flex-start;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    margin-bottom: 0.5rem;
}
.list_service .swiper-slide ul li p {
    color: #000;
    width: calc(100% - 3.3125rem);
}
.list_service .swiper-slide ul li div {
    width: 3.3125rem;
    color: rgba(0, 0, 0, 0.4);
}
.swiper_three_b .swiper-slide {
    height: auto;
    padding: 0 1.25rem 0.625rem;
}
.swiper_three_b .swiper-slide.bgf > div {
    background: #fff;
}
.swiper_three_b .swiper-slide > div {
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: rgba(255, 255, 255, 0.9);
    box-shadow: 4px 20px 24px 0px rgba(0, 0, 0, 0.04);
    padding: 2.69rem 1.62rem 2.94rem 3rem;
    height: 100%;
    position: relative;
}
.swiper_three_b .swiper-slide > div::before {
    content: "";
    position: absolute;
    bottom: -0.625rem;
    left: 1.12rem;
    opacity: 0.2;
    background: #4bb13f;
    width: calc(100% - 1.12rem - 1.12rem);
    height: calc(100% - 1.5rem);
    z-index: -1;
    border-radius: 0.625rem;
}
.swiper_three_b .swiper-slide:hover > div::before {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    opacity: 1;
}
.swiper_three_b .swiper-slide:hover > div img {
    transform: rotateY(180deg);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.swiper_three_b .swiper-slide .icon img {
    width: 5rem;
    height: 5rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.swiper_three_b .swiper-slide .name1 {
    color: #4bb13f;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin: 0.94rem 0 0.5rem;
}
.list_service_two {
    background: rgba(230, 245, 236, 0.9);
}
.list_service_two .left {
    padding-right: 5.7rem;
}
.list_service_two button {
    border: none;
}
.list_service_two form {
    margin-top: 3.75rem;
}
.list_service_two input, .list_shouquan_seven input {
    height: 3.125rem;
    padding: 0 1.3rem;
}
.list_service_two input, .list_shouquan_seven input, .list_service_two textarea, .list_shouquan_seven textarea {
    width: 100%;
    border-radius: 0.625rem;
    background: #FFF;
}
.list_service_two textarea, .list_shouquan_seven textarea {
    height: 10rem;
    padding: 0.875rem 1.3rem 1.3rem;
    display: block;
    border: none;
}
.list_join.show_solution .right .pr, .list_shou_quan.show_solution .right .pr {
    position: relative;
    padding-bottom: 1.375rem;
    z-index: 4;
}
.list_join.show_solution .right .pr::before, .list_shou_quan.show_solution .right .pr::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 1.875rem;
    height: 80%;
    border-radius: 1.25rem;
    background: rgba(0, 158, 65, 0.2);
    width: calc(100% - 1.875rem - 1.875rem);
    z-index: -1;
}
.list_join.show_solution .row {
    margin-left: -15px;
    margin-right: -15px;
}
.list_join.show_solution .row > div {
    padding: 0 0.9375rem;
}
.list_join.show_solution .row > div.left {
    padding-bottom: 5rem;
}
.list_join.show_solution .swiper_three_b {
    margin-top: 6rem;
}
.list_join_three {
    position: relative;
    padding: 15rem 0 5rem;
    z-index: 4;
}
.list_join_three::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 43.75rem;
    background: url(../image/37.png) no-repeat;
    background-size: cover;
    z-index: -1;
}
.list_join_three .title span::before {
    background: #fff;
}
.list_join_three .content {
    border-radius: 2.5rem 2.5rem 0rem 0rem;
    background: #FFF;
    padding: 5.3rem 3.75rem 0;
    background: #fff;
    margin-top: 9.66rem;
}
.list_join_three .content ul.row {
    margin: 0 -1.25 rem;
}
.list_join_three .content ul.row li {
    padding: 0 1.25rem;
    margin-bottom: 2.5rem;
}
.list_join_three .content ul.row li:hover > div {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_join_three .content ul.row li:hover > div .name {
    color: #fff;
}
.list_join_three .content ul.row li:hover > div .name::before {
    background: #fff;
}
.list_join_three .content ul.row li:hover > div .text, .list_join_three .content ul.row li:hover > div .text span {
    color: #fff;
}
.list_join_three .content ul.row li:hover > div::before {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transform: scale(1);
}
.list_join_three .content ul.row li:hover .more_2 {
    opacity: 1;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_join_three .content ul.row li > div {
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #FFF;
    overflow: hidden;
    box-shadow: 4px 20px 24px 0px rgba(0, 0, 0, 0.04);
    padding: 3.3rem 2rem 2.2rem;
}
.list_join_three .content ul.row li > div .more_2 {
    position: absolute;
    bottom: 2.5rem;
    right: 2.5rem;
    opacity: 0;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_join_three .content ul.row li > div::before {
    content: "";
    position: absolute;
    bottom: -0.625rem;
    right: -0.625rem;
    background: url(../image/38.png) no-repeat;
    background-size: contain;
    width: 60%;
    height: 90%;
    background-position: right bottom;
    transform: scale(0);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    transform-origin: bottom right;
}
.list_join_three .content ul.row li > div .name {
    color: #000;
    font-size: 1.625rem;
    font-weight: 700;
    line-height: 2rem;
    padding-bottom: 1.125rem;
    position: relative;
    margin-bottom: 1rem;
}
.list_join_three .content ul.row li > div .name::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    height: 3px;
    background: #4bb13f;
    width: 3rem;
}
.list_join_three .content ul.row li > div .text {
    color: #000;
    line-height: 2rem;
}
.list_join_three .content ul.row li > div .text span {
    color: rgba(0, 0, 0, 0.4);
}
.join_pop_up #staticBackdropLabel {
    font-weight: 700;
    font-size: 2.25rem;
    line-height: 3.25rem;
    text-transform: uppercase;
    color: #4bb13f;
}
.join_pop_up .name {
    font-weight: 700;
    font-size: 1.125rem;
    line-height: 1.625rem;
    text-transform: uppercase;
    color: #4bb13f;
    margin-bottom: 0.5rem;
}
.join_pop_up .modal-header {
    padding: 2.375rem 1.25rem;
    text-align: center;
    justify-content: center;
    width: 100%;
    position: relative;
}
.join_pop_up .modal-header h5 {
    width: 100%;
}
.join_pop_up .modal-header button {
    font-weight: normal;
    position: absolute;
    top: 50%;
    margin: 0;
    right: 0;
    transform: translateY(-50%);
    padding: 0;
    opacity: 1 !important;
    z-index: 99;
}
.join_pop_up .modal-header button .iconfont {
    font-size: 2rem;
    color: #BABABA;
}
.join_pop_up .modal-header button:hover .iconfont {
    color: #4bb13f;
}
.join_pop_up .modal-content .padding {
    padding: 0 3.5625rem;
}
.join_pop_up .text {
    color: rgba(0, 0, 0, 0.6);
    font-weight: normal;
}
.join_pop_up .modal-body {
    padding: 2.375rem 0 3.125rem;
}
.join_pop_up strong {
    color: rgba(0, 0, 0, 0.7);
    font-weight: 600;
}
.join_pop_up .modal-content {
    border-radius: 1.125rem;
}
.join_pop_up .modal_end {
    padding: 2.5rem 3.5625rem;
    background: #F7F7F7;
    border: 1px solid rgba(0, 0, 0, 0.1);
    border-radius: 0 0 1.25rem 1.25rem;
}
.join_pop_up .modal_end li img {
    width: 3.125rem;
}
.join_pop_up .modal_end li span:first-of-type {
    font-weight: 700;
    font-size: 1.5rem;
    color: #4bb13f;
}
.join_pop_up .modal_end li span:nth-child(2) {
    font-weight: 700;
    font-size: 1.5rem;
    text-transform: lowercase;
    color: #4bb13f;
}
.join_pop_up .modal_end li img {
    margin-right: 0.625rem;
}
.join_pop_up .modal_end li span:nth-child(4) {
    font-size: 1rem;
    color: #4bb13f;
}
.modal-open {
    padding-right: 0 !important;
}
.modal-backdrop.fade.show {
    display: block !important;
}
.list_shou_quan.show_solution .left {
    padding-right: 8rem;
}
.list_shouquan_two .three_container {
    margin-top: 5rem;
}
.list_shouquan_two .swiper-slide .ta {
    position: relative;
}
.list_shouquan_two .swiper-slide .ta::after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: url(../image/39.png) no-repeat;
    background-size: contain;
    width: 100%;
    height: 90%;
    background-position: center center;
}
.show_solution.list_shouquan_five .row {
    margin: 0 0 6.25rem;
}
.show_solution.list_shouquan_five .row .left {
    padding: 0 5rem 0 0;
}
.show_solution.list_shouquan_five .row:last-child {
    margin-bottom: 0;
}
.show_solution.list_shouquan_five .row:nth-child(even) .right {
    order: 1;
}
.show_solution.list_shouquan_five .row:nth-child(even) .left {
    order: 2;
    padding: 0 0 0 5rem;
}
.show_solution.list_shouquan_five .row > div {
    padding: 0 0;
}
.show_solution.list_shouquan_five .row > div .text {
    color: #000;
}
.show_solution.list_shouquan_five .row > div .text p {
    position: relative;
    margin-bottom: 0.375rem;
    padding-left: 1rem;
}
.show_solution.list_shouquan_five .row > div .text p::before {
    content: "";
    position: absolute;
    top: 0.675rem;
    left: 0;
    width: 0.1875rem;
    height: 0.1875rem;
    border-radius: 50%;
    background: #000000;
}
.list_shouquan_seven .content {
    border-radius: 1.25rem;
    background: rgba(255, 255, 255, 0.9);
    padding: 4.69rem 5rem;
    margin-top: 2.5rem;
}
.list_shouquan_seven .name {
    color: #030303;
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 2rem;
    margin: 2.1rem 0 0.375rem;
    font-weight: 600;
}
.list_shouquan_seven .tel {
    color: #4bb13f;
    font-size: 3.125rem;
    font-weight: 700;
    line-height: 2.5rem;
    /* 80% */
    letter-spacing: -0.15625rem;
    text-transform: uppercase;
    margin: 0.8rem 0 1.2rem;
}
.list_shouquan_seven .left {
    border-right: 1px solid rgba(0, 158, 65, 0.1);
    padding-top: 1.25rem;
}
.list_shouquan_seven .right {
    padding-left: 3.75rem;
}
.list_shouquan_seven ul li {
    display: flex;
    align-items: center;
    margin-bottom: 0.15rem;
}
.list_shouquan_seven ul li div {
    color: rgba(0, 0, 0, 0.4);
    font-size: 1rem;
    font-weight: 400;
    line-height: 2rem;
}
.list_shouquan_seven ul li p {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2.5rem;
    /* 222.222% */
    text-transform: uppercase;
}
.list_shouquan_seven button {
    border: none;
}
.list_shouquan_three .title span::before {
    background: #fff;
}
.list_shouquan_three .pr {
    margin-top: 3.125rem;
}
.list_shouquan_three .pr > img {
    width: 32.625rem;
    height: 32.625rem;
}
.list_shouquan_three .pr ul {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.list_shouquan_three .pr ul li {
    position: absolute;
    display: flex;
    align-items: center;
    width: 28.75rem;
}
.list_shouquan_three .pr ul li .icon {
    width: 5.375rem;
    height: 5.375rem;
    border-radius: 50%;
}
.list_shouquan_three .pr ul li .icon img {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.list_shouquan_three .pr ul li > div {
    width: calc(100% - 5.375rem);
}
.list_shouquan_three .pr ul li p {
    color: #FFF;
    text-align: center;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: 2rem;
}
.list_shouquan_three .pr ul li div {
    color: #FFF;
}
.list_shouquan_three .pr ul .li4 > div:nth-child(2), .list_shouquan_three .pr ul .li5 > div:nth-child(2), .list_shouquan_three .pr ul .li6 > div:nth-child(2) {
    padding-left: 1rem;
}
.list_shouquan_three .pr ul .li4 > div:nth-child(2) p, .list_shouquan_three .pr ul .li5 > div:nth-child(2) p, .list_shouquan_three .pr ul .li6 > div:nth-child(2) p, .list_shouquan_three .pr ul .li4 > div:nth-child(2) div, .list_shouquan_three .pr ul .li5 > div:nth-child(2) div, .list_shouquan_three .pr ul .li6 > div:nth-child(2) div {
    text-align: left;
}
.list_shouquan_three .pr ul .li1, .list_shouquan_three .pr ul .li2, .list_shouquan_three .pr ul .li3 {
    justify-content: flex-end;
}
.list_shouquan_three .pr ul .li1 .icon, .list_shouquan_three .pr ul .li2 .icon, .list_shouquan_three .pr ul .li3 .icon {
    order: 2;
}
.list_shouquan_three .pr ul .li1 > div:nth-child(2), .list_shouquan_three .pr ul .li2 > div:nth-child(2), .list_shouquan_three .pr ul .li3 > div:nth-child(2) {
    order: 1;
    padding-right: 1rem;
}
.list_shouquan_three .pr ul .li1 > div:nth-child(2) p, .list_shouquan_three .pr ul .li2 > div:nth-child(2) p, .list_shouquan_three .pr ul .li3 > div:nth-child(2) p, .list_shouquan_three .pr ul .li1 > div:nth-child(2) div, .list_shouquan_three .pr ul .li2 > div:nth-child(2) div, .list_shouquan_three .pr ul .li3 > div:nth-child(2) div {
    text-align: right;
}
.list_shouquan_three .pr ul .li1, .list_shouquan_three .pr ul .li4 {
    top: 2.1875rem;
}
.list_shouquan_three .pr ul .li3, .list_shouquan_three .pr ul .li6 {
    bottom: 2.1875rem;
}
.list_shouquan_three .pr ul .li2, .list_shouquan_three .pr ul .li5 {
    transform: translateY(-50%);
    top: 50%;
}
.list_shouquan_three .pr ul .li2 {
    left: 2.5%;
}
.list_shouquan_three .pr ul .li5 {
    right: 2.5%;
}
.list_shouquan_three .pr ul .li1, .list_shouquan_three .pr ul .li3 {
    left: 7%;
}
.list_shouquan_three .pr ul .li4, .list_shouquan_three .pr ul .li6 {
    right: 7%;
}
.list_shouquan_four .sum {
    margin-top: 3.8rem;
}
.list_shouquan_four .sum > div {
    display: none;
}
.list_shouquan_four .sum > div.active {
    display: block;
}
.list_shouquan_four .squera .name {
    padding-bottom: 0;
}
.list_shouquan_four .squera .name::before {
    display: none;
}
.list_shouquan_four .squera .text {
    margin-top: 0.56rem;
}
.list_shouquan_four .squera .content {
    padding: 1.875rem;
}
.list_shouquan_four ul {
    display: flex;
    justify-content: center;
}
.list_shouquan_four ul li {
    padding: 0 1.63rem;
    margin: 0 0.9375rem;
    line-height: 3rem;
    border-radius: 2.5rem;
    background: #fff;
    color: #000;
    text-align: center;
    font-size: 1.125rem;
    font-weight: 500;
    cursor: pointer;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_shouquan_four ul li:hover, .list_shouquan_four ul li.active {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #fff;
}
.list_download ul.row {
    margin: 3.75rem -1.25rem 0;
}
.list_download ul.row li {
    padding: 0 1.25rem 2.5rem;
}
.list_download ul.row li img {
    height: 1.875rem;
}
.list_download ul.row li:hover > div {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_download ul.row li:hover > div .xielie, .list_download ul.row li:hover > div .name, .list_download ul.row li:hover > div .more_aa {
    color: #fff;
}
.list_download ul.row li:hover > div img {
    filter: brightness(0) invert(1);
}
.list_download ul.row li:hover > div::before {
    background: url(../image/44.png) no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: -1;
}
.list_download ul.row li > div {
    padding: 2rem;
    border-radius: 1.25rem;
    border: 1px solid rgba(0, 0, 0, 0.06);
    background: #FFF;
    position: relative;
    z-index: 4;
}
.list_download ul.row li > div::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 90%;
    background: url(../image/43.png) no-repeat;
    background-size: contain;
    background-position: right bottom;
    z-index: -1;
}
.list_download ul.row li .flex {
    margin-top: 3.69rem;
}
.list_download ul.row li .xielie {
    color: #000;
    font-size: 0.75rem;
    font-weight: 400;
    line-height: 2rem;
}
.list_download ul.row li .name {
    color: #000;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
}
.list_download ul.row li .more_aa {
    display: flex;
    align-items: center;
    color: #4bb13f;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
}
.list_download ul.row li .more_aa .iconfont {
    font-size: 1rem;
    font-weight: 600;
    margin-left: 0.5rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.list_download ul.row li .more_aa:hover .iconfont {
    transform: translateX(5px);
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
footer {
    background: #000;
    padding: 2.88rem 0 4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
footer .left {
    width: 35%;
    float: left;
    padding-right: 1rem;
}
footer .left .logo {
    margin-bottom: 1.63rem;
}
footer .left .logo img {
    height: 4.36875rem;
}
footer .left .ul li {
    margin-bottom: 0.675rem;
    display: flex;
    align-items: flex-start;
}
/*footer .left .ul li:nth-child(3) div {
  width: 7rem;
}
footer .left .ul li:nth-child(3) p {
    width: calc(100% - 7rem);
}*/
footer .left .ul li div {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    /*text-transform: lowercase;*/
    width: 3.125rem;
}
footer .left .ul li p {
    color: rgba(255, 255, 255, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.625rem;
    /* 162.5% 
    text-transform: lowercase;*/
    width: calc(100% - 3.125rem);
}
footer .left .ul li p.tel {
    font-size: 1.75rem;
    color: #fff;
}
footer .left .ul li p.email {
    color: #FFF;
    font-size: 1rem;
}
footer .left2 {
    width: 10%;
    float: left;
    padding-top: 3.125rem;
}
footer .left2:nth-child(4) {
    width: 15%;
}
footer .left2:nth-child(6) {
    width: 13%;
}
footer .left2:nth-child(3) {
    width: 12%;
}
footer .right {
    padding-top: 3.125rem;
    width: 10%;
    float: right;
    text-align: center;
}
footer .right p {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75rem;
    margin-top: 0.63rem;
}
footer .name {
    color: #FFF;
    font-size: 1.125rem;
    font-weight: 700;
    line-height: 1.875rem;
    margin-bottom: 0.75rem;
}
footer .text {
    color: rgba(255, 255, 255, 0.9);
    font-size: 1.1rem;
    font-weight: 400;
    line-height: 2.15rem;
}
footer a.text:hover {
    color: #4bb13f;
}
.fenxiang_ul {
    margin-top: 1rem;
    display: flex;
    align-items: center;
}
.fenxiang_ul li {
    margin-right: 0.75rem;
    position: relative;
}
.fenxiang_ul li .icon {
    width: 2.37569rem;
    height: 2.37044rem;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    text-align: center;
    line-height: 2.37044rem;
    cursor: pointer;
}
.fenxiang_ul li .icon .iconfont {
    color: #B3B3B3;
    font-size: 1.25rem;
}
.fenxiang_ul li .img {
    position: absolute;
    top: -8.5rem;
    left: -2.6rem;
    width: 7.5rem;
    height: 7.5rem;
    display: none;
}
.fenxiang_ul li .img::before {
    content: "";
    position: absolute;
    bottom: -1.25rem;
    left: 50%;
    transform: translateX(-50%);
    width: 0;
    height: 0;
    border-top: 0.625rem solid #fff;
    border-bottom: 0.625rem solid transparent;
    border-left: 0.625rem solid transparent;
    border-right: 0.625rem solid transparent;
}
.fenxiang_ul li:hover .img {
    display: block;
}
.fenxiang_ul li:hover .icon {
    background: #4bb13f;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.fenxiang_ul li:hover .icon .iconfont {
    color: #fff;
}
.show_news .fenxiang_ul {
    margin-top: 0;
}
.show_news .fenxiang_ul .icon {
    border: 1px solid #F0F0F0;
}
.index_four .mySwiper .swiper-slide-active {
    display: none;
}
.index_six .more {
    line-height: 2.875rem;
    margin-left: 1.25rem;
}
.index_six .over {
    height: 100%;
}
.index_six .over img {
    height: 100%;
    object-fit: cover;
}
.index_six .sum > div {
    display: none;
}
.index_six .sum > div.active {
    display: block;
}
.index_six .sum .row {
    margin: 0 -1.5625rem;
}
.index_six .sum .row > div {
    padding: 0 1.5625rem;
}
.index_six .sum .row > div ul {
    height: 100%;
}
.index_six .sum .row > div ul li {
    height: 33.3%;
}
.index_six .sum .row .left .over {
    display: none;
}
.index_six .sum .row .left .over.active {
    display: block;
}
.index_six .sum .row .right ul li {
    padding: 1.5rem 1.7rem 1.8rem;
    border-bottom: 1px solid #DCDCDC;
    position: relative;
}
.index_six .sum .row .right ul li::before {
    content: "";
    position: absolute;
    top: 0;
    left: -1.25rem;
    width: 4px;
    height: 0;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    background: #4bb13f;
}
.index_six .sum .row .right ul li:hover::before, .index_six .sum .row .right ul li.active::before {
    height: 100%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.index_six .sum .row .right ul li:hover .name, .index_six .sum .row .right ul li.active .name {
    color: #4bb13f;
}
.index_six .sum .row .right .name {
    color: #000;
    font-size: 1.125rem;
    font-weight: 500;
    line-height: 2rem;
    font-weight: 600;
    margin: 0.5rem 0 0.13rem;
}
.index_six .sum .row .right .text {
    color: rgba(0, 0, 0, 0.8);
    text-align: justify;
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 1.875rem;
}
.list_about_four {
    position: relative;
    z-index: 9;
}
.list_about_four::before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 15.375rem;
    background: #4bb13f;
    z-index: -1;
}
.list_about_four .swiper-slide {
    height: auto;
}
.list_about_four .swiper-slide > div {
    background: #F8F8F8;
    border-radius: 1.25rem;
    padding: 3.12rem 1.88rem 5rem 1.88rem;
    height: 100%;
}
.list_about_four .swiper-slide > div > .clearfix {
    display: flex;
}
.list_about_four .swiper-pagination-bullet {
    background: rgba(255, 255, 255, 0.6);
}
.list_about_four .swiper-pagination-bullet-active {
    background: #fff;
}
.list_about_four .left {
    width: 39%;
}
.list_about_four .left > div {
    padding: 0 0.32rem 0.4rem 0;
    position: relative;
    z-index: 1;
}
.list_about_four .left > div img, .list_about_four .left > div .over {
    border-radius: 0.5rem;
}
.list_about_four .left > div::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: calc(100% - 0.37rem);
    height: calc(100% - 0.5rem);
    background: #4bb13f;
    opacity: 0.2;
    border-radius: 0.625rem;
    z-index: -1;
}
.list_about_four .right {
    width: 61%;
    padding-right: 2.5rem;
}
.list_about_four .name {
    color: #000;
    font-size: 1.625rem;
    line-height: 2rem;
    font-weight: 700;
    letter-spacing: -0.0325rem;
    text-transform: capitalize;
}
.list_about_four .job {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1.125rem;
    font-weight: 400;
    line-height: 2rem;
}
.list_about_four ul {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
    padding-top: 1.3rem;
    margin-top: 1.25rem;
    border-top: 1px dashed rgba(0, 0, 0, 0.1);
    border-bottom: 1px dashed rgba(0, 0, 0, 0.1);
    padding-bottom: 1.6rem;
    margin-bottom: 1.6rem;
    height: 12.5rem;
}
.list_about_four .name1 {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.875rem;
}
.list_about_four .text {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
}
.list_contact .alignc {
    margin-left: -1.5625rem;
    margin-right: -1.5625rem;
}
.list_contact .alignc > div {
    padding: 0 1.5625rem;
}
.list_contact .name {
    color: #000;
    font-size: 2.25rem;
    font-weight: 600;
    line-height: 3rem;
}
.list_contact ul {
    margin-top: 3.125rem;
    margin-left: -0.3125rem;
    margin-right: -0.3125rem;
}
.list_contact ul li {
    display: flex;
    align-items: center;
    margin-bottom: 3rem;
    padding: 0 0.3125rem;
}
.list_contact ul li .icon {
    width: 3.5rem;
    height: 3.5rem;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
	background: #44b13f;
}
.list_contact ul li .icon img {
    height: 2rem;
	filter: brightness(0) invert(1);
}
.list_contact ul li .con {
    padding-left: 1.25rem;
    width: calc(100% - 3.5rem);
    color: #000;
    font-size: 1.1rem;
    line-height: 1.875rem;
}
.list_contact ul li .con div {
    font-weight: 600;
}
.list_contact ul li .con p {
    font-weight: 500;
}
.list_contact2 {
    background: #FBFBFB;
}
.list_contact2 .douhao {
    margin: 4.375rem 0 2rem;
}
.list_contact2 .douhao img {
    height: 3.875rem;
}
.list_contact2 .jingli {
    margin-top: 3.125rem;
}
.list_contact2 .jingli img {
    height: 4.875rem;
}
.list_contact2 .row.alignc {
    margin: 0 -3.125rem;
}
.list_contact2 .row.alignc > div {
    padding: 0 3.125rem;
}
.list_contact2 input {
    width: 100%;
    border-radius: 10px;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #FFF;
    height: 3.125rem;
    line-height: 3.125rem;
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 400;
    padding: 0.625rem;
}
.list_contact2 input::placeholder {
 color: rgba(0, 0, 0, 0.8);
}
.list_contact2 .textarea .pr {
    background: #fff;
}
.list_contact2 .textarea span {
    position: absolute;
    top: 0;
    z-index: 1;
    left: 0.625rem;
    color: rgba(0, 0, 0, 0.3);
    top: 0.875rem;
}
.list_contact2 .textarea span i {
    color: rgba(0, 0, 0, 0.8);
}
.list_contact2 textarea {
    color: rgba(0, 0, 0, 0.8);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
    padding: 0.625rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: transparent;
    display: block;
    width: 100%;
    border-radius: 0.625rem;
    height: 8.125rem;
    position: relative;
    z-index: 9;
}
.list_contact2 textarea::placeholder {
 color: rgba(0, 0, 0, 0.8);
}
.list_contact2 .right .pr {
    padding: 0 2.125rem 2.5rem 0;
    z-index: 9;
    position: relative;
}
.list_contact2 .right .pr::before {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 80%;
    height: 80%;
    background: url(../image/bg4.png) no-repeat;
    background-size: cover;
    z-index: -1;
}
.show_solution .row.mt0 {
    margin-top: 0;
}
.pro_body {
    padding-top: 6.25rem;
}
.index_six .sum .row > div {
    overflow: hidden;
    height: 30rem;
}
.show_product_one .center > img {
    display: none;
}
.pro-top {
    position: relative;
    margin-top: -5rem;
    z-index: 2;
}
.pro-qiehuang {
    padding-bottom: 6.5rem;
}
.table-responsive table tr td,th {
    font-weight: normal !important;
    line-height: 1.875rem;
    padding: 0.875rem 1.25rem;
    border: 1px solid #ddd;
    font-size: 1rem;
}
.pro-top-ul {
    -webkit-box-shadow: 0 4px 80px rgba(0, 0, 0, 0.05);
    box-shadow: 0 4px 80px rgba(0, 0, 0, 0.05);
    background: #fff;
}
.pro-top-ul .col-sm {
    border-right: 2px solid #f9f9f9;
    padding: 1.75rem 0 2rem 2rem;
}
.pro-top-ul .col-sm .number {
    font-weight: 800;
    font-size: 1.75rem;
    line-height: 2;
    color: #131313;
}
.pro-top-ul .col-sm .data {
    display: flex;
}
.pro-top-ul .col-sm .data .unit {
    color: #545454;
    margin-top: 0.4375rem;
    margin-left: 0.75rem;
    font-weight: 400;
    line-height: 1.5;
}
.pro-top-ul .name {
    color: #545454;
    font-weight: 400;
    line-height: 1.5;
    margin-top: 0.5rem;
    font-size: 0.875rem;
}
.canshu-ul {
    text-align: center;
    margin-bottom: 1rem;
}
.canshu-ul li {
    display: inline-block;
    color: #545454;
    font-size: 1rem;
    line-height: 1, 8;
    border-bottom: 4px solid transparent;
    cursor: pointer;
    margin: 0 2rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.canshu-ul li:hover, .canshu-ul li.active {
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    color: #000;
    font-weight: 600;
    border-bottom: 4px solid #4bb13f;
}
.canshu-con > div {
    display: none;
}
.canshu-con.canshu-con_homekit {
    margin-top: 6.25rem;
    padding-bottom: 6.25rem;
}
.canshu-con.canshu-con_homekit .div1 .left, .canshu-con.canshu-con_homekit .div1 .right {
    padding: 0 3.125rem;
}
.canshu-con.canshu-con_homekit .div1 .row {
    margin: 0 -3.125rem;
}
.canshu-con.canshu-con_homekit .div2 ul {
    display: flex;
    justify-content: space-between;
    height: 31.25rem;
    margin: 0 -0.3125rem;
}
.canshu-con.canshu-con_homekit .div2 ul li {
    width: 25%;
    padding: 0 0.3125rem;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.canshu-con.canshu-con_homekit .div2 ul li > div, .canshu-con.canshu-con_homekit .div2 ul li > div .bor20 {
    height: 100%;
}
.canshu-con.canshu-con_homekit .div2 ul li > div::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 1.125rem;
    background: linear-gradient(180deg, rgba(0, 158, 65, 0.26) 0%, rgba(0, 158, 65, 0.74) 100%);
}
.canshu-con.canshu-con_homekit .div2 ul li > div .hover {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #FFF;
    writing-mode: vertical-lr;
    font-size: 30px;
    font-weight: 700;
    line-height: 2rem;
    transform: translate(-50%, -50%);
}
.canshu-con.canshu-con_homekit .div2 ul li img {
    height: 100%;
    object-fit: cover;
}
.canshu-con.canshu-con_homekit .div2 ul li.active {
    width: 50%;
    transition: all 0.4s;
    -webkit-transform: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
}
.canshu-con.canshu-con_homekit .div2 ul li.active > div::before {
    display: none;
}
.canshu-con.canshu-con_homekit .div2 ul li.active > div .hover {
    top: auto;
    bottom: 2.5rem;
    left: 1.875rem;
    right: auto;
    transform: translate(0, 0);
    writing-mode: horizontal-tb;
}
.canshu-con.canshu-con_homekit .div3 .pb80 {
    padding-bottom: 6.25rem;
}
.canshu-con.canshu-con_homekit .div3 .right {
    padding-left: 6.25rem;
}
.canshu-con.canshu-con_homekit .div3 .text {
    color: #000;
    font-size: 1.375rem;
    font-weight: 400;
    line-height: 1.875rem;
}
.canshu-con.canshu-con_homekit .div3 .tips {
    color: rgba(0, 0, 0, 0.7);
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.875rem;
    margin: 0.625rem 0 1.875rem;
}
.canshu-con.canshu-con_homekit .div3 ul {
    display: flex;
    margin: 0 -0.875rem;
}
.canshu-con.canshu-con_homekit .div3 ul li {
    padding: 0 0.875rem;
    width: 40%;
}
.canshu-con.canshu-con_homekit .div3 ul li > div {
    padding: 2.1875rem 1.125rem;
    border: 1px solid rgba(0, 0, 0, 0.1);
    background: #F8F9FA;
    border-radius: 1.125rem;
    text-align: center;
}
.canshu-con.canshu-con_homekit .div3 ul li > div div {
    color: rgba(0, 0, 0, 0.7);
    text-align: center;
    font-size: 1rem;
    line-height: 1.875rem;
}
.canshu-con.canshu-con_homekit .div3 ul li > div p {
    color: #4bb13f;
    font-size: 1.25rem;
    line-height: 1.875rem;
}
.canshu-con.canshu-con_homekit .div3 .padding {
    padding: 7.5rem 0;
}
.canshu-con.canshu-con_homekit .div3 .padding.pb0 {
    padding-bottom: 0;
}
.canshu-con.canshu-con_homekit .div3 .swiper-container {
    padding: 0.625rem 0;
}
.canshu-con.canshu-con_homekit .div3 .kxpj .swiper-container {
    padding-bottom: 4.0625rem;
}
.canshu-con.canshu-con_homekit .div3 .kxpj .swiper-container .name {
    background: #F8F9FA;
}
.canshu-con.canshu-con_homekit .div3 .swiper-slide > div {
    border: 1px solid rgba(0, 0, 0, 0.1);
}
.canshu-con.canshu-con_homekit .div3 .swiper-slide img {
    width: 100%;
    border-radius: 1.125rem;
}
.canshu-con.canshu-con_homekit .div3 .swiper-slide .name {
    border-radius: 0px 0px 1.25rem 1.25rem;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    background: #FFF;
    color: #000;
    font-size: 1.125rem;
    padding: 1.875rem 1.5625rem 2.5rem;
}
.canshu-con.canshu-con_homekit .div3 .swiper-slide .name::before {
    content: "";
    position: absolute;
    bottom: 2.25rem;
    left: 1.5625rem;
    width: 1.875rem;
    height: 0.125rem;
    background: #4bb13f;
}
.table-responsive table {
    width: 100%;
}
.swiper_285 .swiper-button-next {
    right: 1.875rem;
}
.swiper_285 .swiper-button-prev {
    left: 1.875rem;
}
.swiper_285 .swiper-button-black {
    background-size: 1.125rem 1.125rem;
    width: 3rem;
    height: 3rem;
    border-radius: 50%;
    border: 1px solid #ddd;
    text-align: center;
    line-height: 3rem;
    background-color: #ddd;
}
/*.fancybox__content {
    width: 80vw !important;
    height: 80vh !important;
}*/
/*全球服务*/

.iw100 {
    width: 100%;
}
.ind3 {
}
.fce {
    text-align: center;
}
.let25 {
    letter-spacing: 0.025em;
}
.ind3 .con1 {
    position: relative;
}
.ind3 .con1 .img {
    width: 92.8%;
    margin-left: 7.84%;
    position: relative;
}
.ind3 .con1 .li {
    position: absolute;
    width: 16px;
    height: 16px;
    margin: -8px 0 0 -8px;
}
.ind3 .con1 .li .ptxt {
    position: absolute;
    top: 21px;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #22ac39;
    font-weight: 100;
    font-size: .8rem;
}
.ind3 .con1 .li .pstar {
    display: none;
}
.ind3 .con1 .li .poiio {
    width: 16px;
    height: 16px;
    position: relative;
}
.ind3 .con1 .li .poiio::before {
    content: "";
    position: absolute;
    width: 287.5%;
    height: 287.5%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: url(../image/dian2.png) no-repeat center;
    background-size: contain;
    opacity: 0;
    -webkit-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .6s cubic-bezier(.4, 0, .2, 1);
    transition: all .6s cubic-bezier(.4, 0, .2, 1);
}
.ind3 .con1 .li .poiio::after {
    content: "";
    position: absolute;
    border-radius: 50%;
    opacity: 0.2;
    z-index: 1;
    width: 287.5%;
    height: 287.5%;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%) scale(0);
    background: #22ac39;
}
 @keyframes map_point {
 0% {
 transform: translate(-50%, -50%) scale(0);
 opacity: 0;
}
 70% {
 opacity: 0.2;
}
 100% {
 transform: translate(-50%, -50%) scale(1);
 opacity: 0;
}
}
.ind3 .con1 .li.act .poiio::before {
    opacity: 1;
    transform: translate(-50%, -50%) scale(1);
}
.ind3 .con1 .li.act .poiio::after {
    animation: map_point 2.8s ease infinite;
}
.ind3 .con1 .li .poiio div {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    left: 0;
    right: 0;
    z-index: 2;
    background: url(../image/dian.png) no-repeat center;
    background-size: contain;
}
.ind3 .con1 .li[data-map-id="0"] {
 left: calc((250 / 1452)*100%);
 top: calc((225 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="1"] {
 left: calc((330 / 1452)*100%);
 top: calc((348 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="2"] {
 left: calc((276 / 1452)*100%);
 top: calc((438 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="3"] {
 left: calc((459 / 1452)*100%);
 top: calc((596 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="4"] {
 left: calc((408 / 1452)*100%);
 top: calc((756 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="5"] {
 left: calc((920 / 1452)*100%);
 top: calc((158 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="6"] {
 left: calc((806 / 1452)*100%);
 top: calc((200 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="7"] {
 left: calc((678 / 1452)*100%);
 top: calc((210 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="8"] {
 left: calc((658 / 1452)*100%);
 top: calc((238 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="9"] {
 left: calc((732 / 1452)*100%);
 top: calc((247 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="10"] {
 left: calc((702 / 1452)*100%);
 top: calc((274 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="11"] {
 left: calc((675 / 1452)*100%);
 top: calc((316 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="12"] {
 left: calc((704 / 1452)*100%);
 top: calc((363 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="13"] {
 left: calc((763 / 1452)*100%);
 top: calc((264 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="14"] {
 left: calc((811 / 1452)*100%);
 top: calc((265 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="15"] {
 left: calc((759 / 1452)*100%);
 top: calc((305 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="16"] {
 left: calc((873 / 1452)*100%);
 top: calc((295 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="17"] {
 left: calc((826 / 1452)*100%);
 top: calc((313 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="18"] {
 left: calc((846 / 1452)*100%);
 top: calc((359 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="19"] {
 left: calc((814 / 1452)*100%);
 top: calc((385 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="20"] {
 left: calc((1018 / 1452)*100%);
 top: calc((251 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="21"] {
 left: calc((974 / 1452)*100%);
 top: calc((290 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="22"] {
 left: calc((924 / 1452)*100%);
 top: calc((398 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="23"] {
 left: calc((970 / 1452)*100%);
 top: calc((384 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="24"] {
 left: calc((1013 / 1452)*100%);
 top: calc((404 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="25"] {
 left: calc((792 / 1452)*100%);
 top: calc((641 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="26"] {
 left: calc((1215 / 1452)*100%);
 top: calc((319 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="27"] {
 left: calc((1268 / 1452)*100%);
 top: calc((316 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="28"] {
 left: calc((1112 / 1452)*100%);
 top: calc((452 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="29"] {
 left: calc((1106 / 1452)*100%);
 top: calc((500 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="30"] {
 left: calc((1156 / 1452)*100%);
 top: calc((515 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="31"] {
 left: calc((1255 / 1452)*100%);
 top: calc((632 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="32"] {
 left: calc((1160 / 1452)*100%);
 top: calc((329 / 843)*100%);
}
.ind3 .con1 .li[data-map-id="32"] .ptxt {
    top: -57px;
    left: -40px;
    width: 80px;
    transform: none;
}
.ind3 .con1 .list {
    position: absolute;
    left: 0;
    bottom: 15.4%;
    z-index: 5;
    width: 200px;
}
.ind3 .con1 .item:first-child {
    margin-top: 0;
}
.ind3 .con1 .itp {
    display: inline-block;
    position: relative;
}
.ind3 .con1 .itp span {
    line-height: 48px;
    color: #1b1b1b;
}
.ind3 .con1 .itp sub {
    position: absolute;
    bottom: 0;
    left: 100%;
    margin-left: 2px;
    color: #464c47;
    white-space: nowrap;
}
.ind3 .con1 .itp sup {
    position: absolute;
    top: 4px;
    left: 100%;
    margin-left: 6px;
    width: 18px;
    height: 18px;
}
.ind3 .con1 .itp sup::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    width: 100%;
    height: 4px;
    background: #464c47;
    margin-top: -2px;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.ind3 .con1 .itp sup::after {
    content: "";
    position: absolute;
    left: 50%;
    top: 0;
    width: 4px;
    height: 100%;
    background: #464c47;
    margin-left: -2px;
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.ind3 .con1 .ibt {
    margin-top: 10px;
    color: #464c47;
}
.ind3 .con1 .item.act .countUp, .ind3 .con1 .item:hover .countUp {
    color: #22ac39;
}
.ind3 .con1 .item.act sub, .ind3 .con1 .item:hover sub {
    color: #22ac39;
}
.ind3 .con1 .item.act sup::before, .ind3 .con1 .item:hover sup::before {
    background: #22ac39;
}
.ind3 .con1 .item.act sup::after, .ind3 .con1 .item:hover sup::after {
    background: #22ac39;
}
.ind3 .con1 .item.act .ibt, .ind3 .con1 .item:hover .ibt {
    color: #22ac39;
}

@media screen and (max-width: 1680px) {
.f_66 {
    font-size: 66px;
}
.mg_150_0 {
    margin-top: 4rem;
}
.f_40 {
    font-size: 2.6rem;
    font-weight: 700;
}
.mg_48_0 {
    margin-top: 5rem;
}
.mg_55_0 {
    margin-top: 45px;
}
}

@media (max-width: 1030px) {
.box {
    width: 90%;
    min-width: 100px;
    padding: 0;
}
.f_66 {
    font-size: 26px;
}
.mg_55_0 {
    margin-top: 35px;
}
.ind3 .con1 .li .ptxt {
    display: none;
}
.ind3 .con1 .li .pstar {
    display: inline-block;
    position: absolute;
    top: 5px;
    left: 27%;
    transform: translateX(-50%);
    white-space: nowrap;
    color: #22ac39;
    font-weight: 100;
    font-size: .8rem;
    width: 1.2rem;
}
.ind3 .con1 .li .poiio {
    width: 8px;
    height: 8px;
}
.ind3 .con1 .list {
    position: relative;
    margin-top: 30px;
    display: flex;
    bottom: 0;
    width: 100%;
}
.ind3 .con1 .list .item {
    width: 33.33%;
    margin-top: 0;
}
.ind3 .con1 .itp sup {
    width: 10px;
    height: 10px;
}
.ind3 .con1 .itp sup::before {
    height: 2px;
    margin-top: -1px;
}
.ind3 .con1 .itp sup::after {
    width: 2px;
    margin-left: -1px;
}
.ind3 .con1 .itp span {
    line-height: 34px;
}
.ind3 .con1 .img {
    width: 100%;
    margin-left: 0;
}
.ind3 .con1 .list .item {
    text-align: center;
}
}
.parent_ul_index {
    margin-top: 3rem;
}
.parent_ul_index .tempWrap {
    width: 100% !important;
}
.parent_ul_index ul li {
    width: calc(100% / 6);
}
.parent_ul_index.news ul li {
    width: calc(100% / 7);
}
.parent_ul_index ul li>div {
    margin: 1rem 0.5rem;
    background: #fff;
    padding: 0rem;
}
.i3 {
    padding: 0 0 0;
}
.i3 .lunbo {
    display: flex;
    justify-content: space-between;
    align-items: center;
    align-content: center;
}
.i3 .lunbo .ilt {
    width: 47%;
    line-height: 1.5;
    position: relative;
    z-index: 2;
}
.i3 .lunbo .ilt .dl1 {
}
.i3 .lunbo .ilt .dl1 dd {
    display: none;
}
.i3 .lunbo .ilt .dl1 dd:nth-child(1) {
    display: block;
}
.i3 .lunbo .ilt .dl1 dd .tt2 {
}
.i3 .lunbo .ilt .dl1 dd .tt2 .f100 {
    font-weight: 400;
}
.i3 .lunbo .ilt .dl1 dd .tc {
    margin: 20px 0 50px;
    color: #666;
	font-size: 1.125rem;
    text-align: justify;
    line-height: 32px;
    height: 88px;
	font-weight: normal;
    word-break: break-all;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}
.i3 .lunbo .ilt .ibtm {
    display: flex;
    align-items: center;
    align-content: center;
    margin-top: 3.2vw;
}
.i3 .lunbo .ilt .ibtm .anniu {
    display: flex;
    margin-right: 15px;
}
.i3 .lunbo .ilt .ibtm .btn {
    display: block;
    width: 60px;
    height: 60px;
    border: 1px solid rgba(0, 0, 0, 0.3);
    border-radius: 50%;
    background: #fff url(../image/jt_h.svg) center no-repeat;
    border-radius: 50%;
    cursor: pointer;
    margin-right: 10px;
}
.i3 .lunbo .ilt .ibtm .prev2 {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.i3 .lunbo .ilt .ibtm .btn:hover {
    border: 1px solid #4bb13f;
    background: #4bb13f url(../image/jt_hb.svg) center no-repeat;
}
.i3 .lunbo .ilt .ibtm .sz {
    display: flex;
    align-content: center;
    align-items: center;
    justify-content: center;
    padding: 0 30px;
    line-height: 60px;
    background: #F8F8F8;
    border-radius: 30px;
    font-family: Arial, Helvetica, sans-serif;
    letter-spacing: 2px;
}
.i3 .lunbo .irt {
    width: 50%;
    line-height: 1.5;
}
.swiper2 {
    overflow: visible;
}
.swiper2 .swiper-slide {
}
.swiper2 .swiper-slide .sbox {
    position: relative;
    overflow: hidden;
}
.swiper2 .swiper-slide .sbox img {
    display: block;
    width: 100%;
    opacity: 0;
    scale: .62;
}
.swiper2 .swiper-slide .sbox img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    opacity: 0;
    scale: 1;
}
.swiper2 .swiper-slide-prev .sbox img {
    opacity: 0;
}
.swiper2 .swiper-slide-active .sbox img {
    opacity: 1;
    scale: 1;
}
.swiper2 .swiper-slide-active .sbox img:nth-child(2) {
    opacity: 1;
    transition-delay: 1s;
    -webkit-transition-delay: 1s;
}

@media (max-width:1200px ) {
.i3 {
    padding: 30px 0 0;
}
.i3 .lunbo {
    display: block;
}
.i3 .lunbo .ilt {
    width: 100%;
}
.i3 .lunbo .ilt .dl1 dd .tc {
    margin: 10px 0 20px;
}
.i3 .lunbo .ilt .ibtm {
    display: none;
}
.i3 .lunbo .irt {
    width: 100%;
    margin-top: 20px;
}
.swiper2 .pagination2 {
    bottom: 0;
}
.swiper2 .pagination2 .swiper-pagination-bullet-active {
    background: #007440;
}
}
.fbd {
    font-weight: bold;
}
.mar_20 {
    margin-top: 3rem;
}

@media (max-width: 1600px) {
.f_52 {
    font-size: 1.7vw;
}
}

@media (max-width: 1700px) {
.f_52 {
    font-size: 26px;
}
}


/* 视频播放弹窗 */
.alltime, .alltime * {
    -webkit-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    -moz-transition: all .4s cubic-bezier(.4, 0, .2, 1);
    transition: all .4s cubic-bezier(.4, 0, .2, 1);
}
.z_tanchuang {
    position: fixed;
    display: table;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    transform: scale(0);
    -webkit-transform: scale(0);
    z-index: 999;
}
.z_tanchuang .tbox {
    display: table-cell;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    vertical-align: middle;
}
/* 弹窗内容 */

.z_tanchuang .tbox .modal {
    background: white;
    padding: 50px;
    display: block;
    border-radius: 5px;
    position: relative;
    width: 90%;
    max-width: 1200px;
    max-height: 90%;
    margin: 0 auto;
    overflow: visible;
}
.z_tanchuang .tbox .modal .out {
    position: absolute;
    width: 40px;
    height: 40px;
    line-height: 40px;
    background: #fff url(../image/close.png) center no-repeat;
    background-size: 20px;
    color: #000;
    font-size: 30px;
    text-align: center;
    border-radius: 50%;
    top: 0;
    right: -50px;
    cursor: pointer;
}
.z_tanchuang .tbox .modal .img {
    width: 100%;
    max-height: 600px;
    margin: 0 auto;
    height: 60vh;
}
.z_tanchuang .tbox .modal .img video {
    display: block;
    width: 100%;
    max-height: 125%;
    object-fit: cover;
}
.z_tanchuang .tbox .modal .img img {
    margin: 0 auto;
}
.z_tanchuang .tbox .modal .out:hover {
    background: #fff url(../image/close1.png) center no-repeat;
    background-size: 20px;
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}
.z_tanchuang .tbox .modal2 {
    padding: 20px;
}
.z_tanchuang .tbox .modal .img {
    max-width: 1200px;
}
/* 弹窗选中 */

.z_tanchuang.one {
    transform: scaleY(0.01) scaleX(0);
    animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scaleY(0.01) scaleX(0);
    -webkit-animation: unfoldIn 1s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one .tbox .modal {
    transform: scale(0);
    animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scale(0);
    -webkit-animation: zoomIn 0.5s 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one.out {
    transform: scale(1);
    animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-transform: scale(1);
    -webkit-animation: unfoldOut 1s 0.3s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}
.z_tanchuang.one.out .tbox .modal {
    animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
    -webkit-animation: zoomOut 0.5s cubic-bezier(0.165, 0.84, 0.44, 1) forwards;
}

/* 弹窗动画 */

@keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
 @keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
 @keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
 @keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
 @-webkit-keyframes zoomIn {
0% {
transform: scale(0);
}
100% {
transform: scale(1);
}
}
 @-webkit-keyframes zoomOut {
0% {
transform: scale(1);
}
100% {
transform: scale(0);
}
}
 @-webkit-keyframes unfoldOut {
0% {
transform: scaleY(1) scaleX(1);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(0.005) scaleX(0);
}
}
 @-webkit-keyframes unfoldIn {
0% {
transform: scaleY(0.005) scaleX(0);
}
50% {
transform: scaleY(0.005) scaleX(1);
}
100% {
transform: scaleY(1) scaleX(1);
}
}
.img_tanchuang .tbox .modal, .img_tanchuang .tbox .modal .img {
    max-width: 1600px;
}
 @keyframes big {
0% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
80% {
opacity: 1;
}
100% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0.3;
}
}
 @-webkit-keyframes big {
0% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 1;
}
80% {
opacity: 1;
}
100% {
transform: scale(1.2);
-webkit-transform: scale(1.2);
opacity: 0.3;
}
}
.bf {
    width: 50px;
    height: 50px;
    position: absolute;
    right: 45%;
    top: 50%;
    margin-top: -25px;
    z-index: 3;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.bf s {
    display: block;
    width: 80%;
    height: 80%;
    background: #f08519 url(../image/play.png) center no-repeat;
    background-size: 50%;
    margin: 10% auto;
    border-radius: 50%;
}
.bf:hover s {
    transform: scale(0.8);
    -webkit-transform: scale(0.8);
}
