@charset "utf-8";

html,
body {
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}

.more-ck {
    cursor: pointer;
}

@font-face {
    font-family: "times";
    src: url("../font/times.woff") format("woff"),
        url("../font/times.ttf") format("truetype");
    font-display: swap;
}

.feedback-box {
    background-color: #f5f5f5;
    padding-top: 15px;
    padding-bottom: 15px;
}

.imgsbox img {
    display: block;
    width: 100%;
    height: auto;
}

.btm-getmore {
    text-align: center;
}

html,
body,
div,
h1,
h2,
h3,
h4,
h5,
h6,
ul,
ol,
dl,
li,
dt,
dd,
p,
blockquote,
pre,
form,
fieldset,
figure,
figcaption,
table,
th,
td img {
    margin: 0;
    padding: 0;
}

a,
abbr,
acronym,
address,
big,
blockquote,
body,
caption,
cite,
code,
dd,
dl,
dt,
fieldset,
form,
h1,
time,
h2,
h3,
h4,
h5,
h6,
html,
img,
ins,
kbd,
label,
legend,
li,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
}

body {
    font-family: "times", helvetica_neue, Helvetica, Arial, sans-serif;
    font-size: 14px;
    text-align: left;
    margin: 0 auto;
    line-height: 24px;
    color: #333;
    font-weight: normal;
    overflow-x: hidden;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased;
}




article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

a {
    text-decoration: none;
}

.transition {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    outline: none;
}

button {
    border-radius: 0px;
    -webkit-border-radius: 0px;
    outline: none;
}

input {
    border-radius: 0;
    outline: none;
}

input:-ms-clear {
    display: none;
}

input,
textarea {
    border: 0;
    font-family: "Microsoft YaHei";
}

textarea {
    resize: none;
    outline: none;
}

img {
    border: 0;
    vertical-align: middle;
}

ul,
li {
    list-style: none;
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0px;
}

.warp-mb {
    width: 1400px;
    margin-left: auto;
    margin-right: auto;
}

.index-title {
    text-align: center;
    margin-bottom: 20px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.index-title .h2 {
    font-weight: 700;
    color: #333;
    font-size: 32px;
    line-height: 1.3;
    margin-bottom: 10px;
    text-align: center;
    padding: 0;
    text-transform: capitalize;
}

/* 6ebb00 */

.index-title .text {
    font-size: 18px;
    line-height: 1.8;
    color: #666;
    text-align: center;
}

.index-title .dz {
    width: 100px;
    height: 2px;
    background-color: #6ebb00;
    margin-bottom: 10px;
    position: relative;
}

.dz::before,
.dz::after {
    content: '';
    position: absolute;
    width: 12px;
    height: 12px;
    background: #6ebb00;
    /* 深绿色小球 */
    border-radius: 50%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    /* 确保小球在横线上方 */
}

/* 左侧小球初始位置 */
.dz::before {
    left: 0;
    animation: slideLeft 7.5s linear infinite;
}

/* 右侧小球初始位置 */
.dz::after {
    right: 0;
    animation: slideRight 7.5s linear infinite;
}

/* 左侧小球动画 */
@keyframes slideLeft {

    0%,
    100% {
        left: 0;
    }

    50% {
        left: 100%;
    }
}

/* 右侧小球动画 */
@keyframes slideRight {

    0%,
    100% {
        right: 0;
    }

    50% {
        right: 100%;
    }
}

p {
    font-size: 18px;
    line-height: 1.8;
    color: #666;
}

h1 {
    font-size: 34px;
}

h2 {
    font-size: 32px;
}

h3 {
    font-size: 26px;
}

.m-top {
    margin-top: 80px;
}

.m-btm {
    margin-bottom: 80px;
}

.p-top {
    padding-top: 80px;
}

.p-btm {
    padding-bottom: 80px;
}

@media screen and (max-width: 1440px) {
    .warp-mb {
        width: 1170px;
    }

    .m-top {
        margin-top: 70px;
    }

    .m-btm {
        margin-bottom: 70px;
    }

    .p-top {
        padding-top: 70px;
    }

    .p-btm {
        padding-bottom: 70px;
    }

    .index-title .h2 {
        font-size: 30px;
        margin-bottom: 15px;
    }

    h1 {
        font-size: 32px;
    }

    h2 {
        font-size: 30px;
    }

    h3 {
        font-size: 24px;
    }


    .index-title .text {
        font-size: 16px;
    }

    p {
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) {
    .warp-mb {
        width: 980px;
    }

    .m-top {
        margin-top: 60px;
    }

    .m-btm {
        margin-bottom: 60px;
    }

    .p-top {
        padding-top: 60px;
    }

    .p-btm {
        padding-bottom: 60px;
    }

    .index-title .h2 {
        font-size: 28px;
        margin-bottom: 15px;
    }

    h1 {
        font-size: 30px;
    }

    h2 {
        font-size: 28px;
    }

    h3 {
        font-size: 22px;
    }
}

@media screen and (max-width: 992px) {
    .warp-mb {
        width: 750px;
    }

    .index-title .text {
        font-size: 14px;
    }

    p {
        font-size: 14px;
    }

    .index-title {
        margin-bottom: 20px;
    }

    .index-title .h2 {
        font-size: 26px;
    }

    h1 {
        font-size: 28px;
    }

    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 18px;
    }

    .index-title .text {
        font-size: 14px;
    }

    .m-top {
        margin-top: 50px;
    }

    .m-btm {
        margin-bottom: 50px;
    }

    .p-top {
        padding-top: 50px;
    }

    .p-btm {
        padding-bottom: 50px;
    }
}

@media screen and (max-width: 768px) {
    .warp-mb {
        width: 100%;
        padding-left: 10px;
        padding-right: 10px;
    }

    .index-title .h2 {
        font-size: 22px;
    }


    h1 {
        font-size: 26px;
    }

    h2 {
        font-size: 22px;
    }

    h3 {
        font-size: 16px;
    }

    .m-top {
        margin-top: 40px;
    }

    .m-btm {
        margin-bottom: 40px;
    }

    .p-top {
        padding-top: 40px;
    }

    .p-btm {
        padding-bottom: 40px;
    }
}

@media screen and (max-width: 480px) {
    .m-top {
        margin-top: 30px;
    }

    .m-btm {
        margin-bottom: 30px;
    }

    .p-top {
        padding-top: 30px;
    }

    .p-btm {
        padding-bottom: 30px;
    }
}



/* zxy-header */
.zxy-header {
    background-color: #fff;
    padding-top: 15px;
    padding-bottom: 15px;
    transition: all 0.3s;
}

.zxy-header.active {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 999;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding-top: 10px;
    padding-bottom: 10px;
}

.zxy-header .header-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.zxy-header .logo {
    float: left;
    width: 197px;
    display: block;
}

.zxy-header .logo img {
    width: 100%;
    display: block;
    height: auto;
}

.zxy-header .right-icon {
    float: right;
    position: relative;
}



/* 菜单栏 */

.navlist>li {
    float: left;
    position: relative;
}

.navlist>li>.sub-menu {
    position: absolute;
    top: 100%;
    left: -15px;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 222;
    display: block;
    visibility: hidden;
    width: 260px;
    padding: 10px 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    pointer-events: none;
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f9f9f9;
    list-style: none;
    padding-right: 5px;
}

.navlist>li>.sub-menu>li>a {
    position: relative;
    display: block;
    padding: 8px 15px;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li>a:before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 1px;
    background: #ffae2a;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateY(-50%);
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li:hover>a {
    padding-left: 20px;
}

.navlist>li>.sub-menu>li:hover>a:before {
    width: 10px;
    opacity: 1;
}

.navlist .menu-item-has-children:hover>ul.sub-menu {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    pointer-events: all;
}

.navlist>li>a {
    display: block;
    font-size: 16px;
    text-transform: capitalize;
    padding: 0 20px;
    color: #333;
    line-height: 50px;
}

.navlist li.menu-item-has-children>a::after {
    content: "";
    width: 12px;
    height: 12px;
    background: url(../images/jt.png) no-repeat center;
    background-size: 12px;
    transition: transform 0.3s ease-in-out;
    position: absolute;
    top: 50%;
    right: 0px;
    transform: translateY(-50%);
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.navlist li.menu-item-has-children:hover>a::after {
    transform: translateY(-50%) rotate(180deg);
}

.header .navlist .current-menu-item>a {
    color: #ffae2a !important;
}

/* 三级 */

.navlist>li>.sub-menu>li>.sub-menu>li {
    position: relative;
    width: 100%;
    border-bottom: 1px solid #f9f9f9;
    list-style: none;
}

.navlist>li>.sub-menu>li>.sub-menu {
    position: absolute;
    top: 0;
    right: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    z-index: 223;
    display: block;
    visibility: hidden;
    width: 300px;
    padding: 10px 0;
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    pointer-events: none;
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li>.sub-menu>li>a {
    position: relative;
    display: block;
    padding: 8px 15px;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li>a {
    position: relative;
    display: block;
    padding: 8px 15px;
    background: #fff;
    color: #000;
    font-size: 14px;
    line-height: 20px;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li>.sub-menu>li>a::before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 1px;
    background: #0f934a;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateY(-50%);
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li>a:before {
    position: absolute;
    top: 50%;
    left: 10px;
    width: 0;
    height: 1px;
    background: #0f934a;
    content: "";
    opacity: 0;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    transform: translateY(-50%);
    -ms-transition: all 0.5s ease;
}

.navlist>li>.sub-menu>li>.sub-menu>li:hover>a {
    padding-left: 20px;
}

.navlist>li>.sub-menu>li:hover>a {
    padding-left: 20px;
}

.navlist>li>.sub-menu>li>.sub-menu>li:hover>a::before {
    width: 5px;
    opacity: 1;
}

.navlist>li>.sub-menu>li:hover>a:before {
    width: 5px;
    opacity: 1;
}

.navlist>.menu-item-has-children:hover>ul.sub-menu {
    left: 0;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    pointer-events: all;
}

.navlist>.menu-item-has-children>.sub-menu>.menu-item-has-children:hover>ul.sub-menu {
    left: inherit;
    right: 100%;
    visibility: visible;
    opacity: 1;
    -webkit-transform: rotateX(0);
    transform: rotateX(0);
    pointer-events: all;
}

/* 三级 */

.menu {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 9;
    height: auto;
    width: 40px;
    display: none;
}

.menu input {
    width: 40px;
    height: 40px;
    display: block;
    cursor: pointer;
    position: absolute;
    z-index: 9;
    opacity: 0;
}

.menu span {
    height: 3px;
    width: 35px;
    position: relative;
    background-color: #2f54c3;
    margin: 4px 0;
    border-radius: 2px;
    transition: all 0.2s linear;
}

.menu span:nth-of-type(1) {
    width: 20px;
    margin-right: auto;
}

.menu span:nth-of-type(2) {
    width: 40px;
}

.menu span:nth-of-type(3) {
    width: 20px;
    margin-left: auto;
}

.menu input:checked~span:nth-of-type(1) {
    transform: rotate(45deg) translate(4px, 1px);
    background-color: #6ebb00;
    box-shadow: 0 0 2em 0.2em #6ebb00;
}

.menu input:checked~span:nth-of-type(2) {
    transform: rotate(-45deg);
    background-color: #6ebb00;
    box-shadow: 0 0 2em 0.2em #6ebb00;
}

.menu input:checked~span:nth-of-type(3) {
    transform: rotate(45deg) translate(-4px, 0px);
    background-color: #6ebb00;
    box-shadow: 0 0 2em 0.2em #6ebb00;
}


/*header搜索框*/
.search-nav {
    width: 230px;
    float: right;
    position: relative;
    z-index: 2;
}



.search-nav .search-field {
    width: 100%;
    background-color: #f9f9f9;
    font-size: 14px;
    color: #333;
    line-height: 40px;
    height: 40px;
    border: solid 1px #dfdfdf;
    padding: 0;
    padding-left: 10px;
    position: relative;
    border-radius: 80px;

}

.search-nav input::placeholder {
    color: #333;
    /* 修改为你想要的颜色 */
    opacity: 1;
    /* 确保颜色不被透明度影响 */
}

/* 针对 Mozilla 浏览器 (Firefox) */
.search-nav input::-moz-placeholder {
    color: #333;
}

/* 针对 Microsoft Edge 和 IE 10+ */
.search-nav input:-ms-input-placeholder {
    color: #333;
}

/* 针对更旧的 Microsoft 浏览器 */
.search-nav input::-ms-input-placeholder {
    color: #333;
}


.search-nav .search-submit {
    position: absolute;
    right: 0;
    top: 0;
    line-height: 40px;
    width: 40px;
    height: 40px;
    cursor: pointer;
    background: url(../images/fdj.png) no-repeat center;
    background-size: 20px;
    border: none;

}
.zxy-header .header-box .btn-more{
    background-color: #f83600;
    background-image: linear-gradient(90deg, #f83600 0, #ff7d37 50%, #f83600 100%);
    background-position: left center;
    background-size: 150% 100%;
    background-repeat: no-repeat;
    transition: background-position 0.6s ease;
    color: #fff;
    font-size: 16px;
    padding: 0 10px 0 30px;
    line-height: 35px;
    border-radius: 10px;
    cursor: pointer;
    position: relative;
}
.zxy-header .header-box .btn-more::before {
  content: "";
  width: 15px;
  height: 15px;
  background: url(../images/sz-dianji.png) no-repeat;
  background-size: contain;
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.zxy-header .header-box .btn-more:hover {
  background-position: right center;
}
@media only screen and (max-width: 1440px) {

    .navlist>li>a {
        padding: 0 20px;
        font-size: 14px;
    }
}

@media only screen and (max-width: 1200px) {
    .navlist>li>a {
        padding: 0 15px;
    }

}

@media only screen and (max-width: 992px) {
    .zxy-header {
        padding-top: 8px;
        padding-bottom: 8px;
    }

    .menu {
        display: flex;
    }

    .zxy-header .menu-solution-container {
        position: fixed !important;
        top: 67px;
        left: 0;
        z-index: 99999;
        overflow: auto;
        width: 100%;
        height: 100vh;
        background: #fff !important;
        -webkit-transition: -webkit-transform 0.3s ease-in;
        -moz-transition: -moz-transform 0.3s ease-in;
        -o-transition: -o-transform 0.3s ease-in;
        transition: transform 0.3s ease-in;
        -webkit-transform: translateX(-10%);
        -moz-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
        -webkit-overflow-scrolling: touch;
        -ms-transform: translateX(-100%);
        padding: 0 15px;
        margin-left: 0;
    }

    .zxy-header .menu-solution-container.active {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -o-transform: translateX(0);
        transform: translateX(0);
        -ms-transform: translateX(0);
    }

    .navlist {
        display: block;
        padding-bottom: 160px;
        float: none;
    }

    .navlist>li {
        float: none;
        border-bottom: 1px solid #e6ebf1;
    }

    .menu-solution-container ul>li.current-menu-item>a,
    .menu-solution-container ul>li:hover>a,
    .menu-solution-container ul li.current-menu-parent>a {
        background: 0 0;
        color: #0f934a !important;
    }

    .navlist li.menu-item-has-children>a::after {
        display: none;
    }

    .menu-solution-container ul>li>ul.sub-menu {
        position: static;
        display: none;
        visibility: visible;
        padding: 0;
        width: 100%;
        border-top: none;
        border-top: 2px solid #0f934a;
        border-bottom: none;
        box-shadow: none;
        opacity: 1;
        -webkit-transition: none;
        margin-left: 0;
    }

    .menu-solution-container ul li.menu-item-has-children .icon-drop-down {
        position: absolute;
        top: 0;
        right: 0;
        color: #000;
        transform: none;
        background: url(../images/jt.png) no-repeat center;
        background-size: 12px;
        width: 50px;
        height: 50px;
    }

    .menu-solution-container ul li.menu-item-has-children .icon-drop-down.ri-arrow-up-s-line {
        transform: rotate(180deg);
    }

    .menu-solution-container ul>li.menu-item-has-children:hover>ul.sub-menu {
        display: none;
    }

    .menu-solution-container ul>li>ul.sub-menu>li {
        border-bottom: 1px solid #e6ebf1;
    }

    .menu-solution-container ul>li>ul.sub-menu>li>a {
        display: inline-block;
        padding: 12px;
    }

    .menu-solution-container ul>li>a {
        display: inline-block;
        padding: 13px 0;
        color: #000 !important;
        line-height: 24px;
        background: 0 0 !important;
    }

    /* 三级 */
    .navlist>li>.sub-menu>li>.sub-menu {
        position: static;
        display: none;
        visibility: visible;
        padding: 0;
        width: 100%;
        border-top: none;
        border-top: 2px solid #0f934a;
        border-bottom: none;
        box-shadow: none;
        opacity: 1;
        -webkit-transition: none;
        margin-left: 0;
    }

    .navlist>li>.sub-menu>li>.sub-menu>li>a {
        padding: 12px;
    }

    /* 三级 */
    .search-nav {
        display: none;
    }

}

@media only screen and (max-width: 768px) {
    .right-icon .zxy-search1 {
        display: none;
    }

    .zxy-header .logo {
        width: 116px;
    }

    .right-icon .btn-more {
        display: none;
    }

    .right-icon .zxy-search {
        display: none;
    }
}



/* zxy-header */



/* zxy-banner */
.zxy-banner {
    position: relative;
}

.zxy-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.zxy-banner .banner-prev,
.zxy-banner .banner-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background: #6ebb00 url(../images/swiper-jt.png) no-repeat center;
    background-size: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.zxy-banner .banner-prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.zxy-banner .banner-next {
    right: 10px;
}

@media only screen and (max-width: 768px) {

    .zxy-banner .banner-prev,
    .zxy-banner .banner-next {
        width: 38px;
        height: 38px;
        background-size: 18px;
    }
}

@media only screen and (max-width: 380px) {

    .zxy-banner .banner-prev,
    .zxy-banner .banner-next {
        width: 30px;
        height: 30px;
        background-size: 16px;
    }
}

/* zxy-banner */
/* zxy-about */
.zxy-about {
    background: url(../images/index-tweobg.jpg) no-repeat center;
    background-size: cover;
}

.zxy-about .more {
    margin-top: 5px;
    margin-bottom: 10px;
    display: block;
    text-align: center;
    color: #6ebb00;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.2;
}

.zxy-about .tit {
    margin-bottom: 15px;
    color: #333;
    text-align: justify;
}


.zxy-about .list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative;
    z-index: 2;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 10px;
    margin-top: 30px;
    box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.1), -5px -5px 5px 0px rgba(0, 0, 0, 0.1);
}

.zxy-about .list li {
    width: 20%;
    text-align: center;
}

.zxy-about .list .numb {
    font-size: 44px;
    display: block;
    font-weight: bold;
    font-family: Impact, Haettenschweiler, "Arial Narrow Bold", sans-serif;
    line-height: 1.3;
    margin-bottom: 5px;
    color: #333;
}

.zxy-about .list .l3 .numb {
    color: #0f934a;
}

.zxy-about .list .numb::after {
    content: "+";
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 600;
    margin-left: 3px;
}



.zxy-about .list .l1 .numb::after {
    content: "m²+";
}

.zxy-about .list .pt {
    font-size: 16px;
    color: #333;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1.4;
}

@media only screen and (max-width: 1440px) {
    .aboutone-text .img {
        width: 600px;
    }

    .index-aboutone::before {
        width: 400px;
        height: 400px;
        top: 50%;
        right: 50%;
        transform: translateY(-50%);
    }

    .index-aboutone::after {
        content: "";
        width: 280px;
        height: 280px;
        right: 74%;

    }
}

@media only screen and (max-width: 1200px) {
    .zxy-about .list .numb {
        font-size: 40px;
    }

    .zxy-about .list .pt {
        font-size: 14px;
    }
}

@media only screen and (max-width: 768px) {
    .zxy-about .list .numb {
        font-size: 35px;
    }

    .zxy-about .list {
        justify-content: space-around
    }

    .zxy-about .list li {
        width: 33%;
        margin-bottom: 15px;
    }
}

@media only screen and (max-width:480px) {
    .zxy-about .list .numb {
        font-size: 32px;
    }

    .zxy-about .list {
        justify-content: space-around
    }

    .zxy-about .list li {
        width: 50%;
    }

    .zxy-about .list li.l3 {
        width: 100%;
    }
}

/* zxy-about */


/* zxy-categor */
.zxy-categor {
    background-color: #f3f3f3;
}

.zxy-categor .categor-box {
    overflow: hidden;
    margin-top: 40px;
}

.categor-box .swiper-slide {
    position: relative;
    overflow: hidden;
}

.categor-box .img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    overflow: hidden;
}

.categor-box .img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: all 0.3s;
}

.categor-box .texts {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: #6ebb00;
    text-align: center;
    padding: 15px;
    border-radius: 10px;
    transition: all 0.3s;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 40%;
}

.categor-box .swiper-slide:hover .img img {
    transform: scale(1.02);
}

.categor-box .swiper-slide:hover .texts {
    height: 50%;
    background-color: rgb(1, 69, 44, 0.7);
}

.categor-box .texts h3 a {
    display: block;
    color: #fff;
    text-transform: capitalize;
    line-height: 1.3;
    margin-bottom: 10px;
}

.categor-box .texts .txt {
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: justify;
    transition: all 0.3s;
}

@media only screen and (max-width:1440px) {
    .categor-box .texts {
        height: 43%;
    }

    .categor-box .texts .txt {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

@media only screen and (max-width:992px) {
    .categor-box .texts {
        height: 40%;
    }
}



/* zxy-categor */

/* zxy-total */
.zxy-totalbg {
    position: relative;
}

.zxy-totalbg .zxy-total::before {
    content: "";
    position: absolute;
    background: url(../images/diqiu-imp.png) no-repeat center;
    background-size: contain;
    width: 600px;
    height: 460px;
    position: absolute;
    left: -10%;
    bottom: 0;
    z-index: 2;
}

.zxy-totalbg .zxy-total {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    position: relative;
}

.zxy-total .total-fl {
    width: 26%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: 10%;
    position: relative;
    z-index: 3;
}

.total-fl .img {
    display: block;
    width: 170px;
    height: 170px;
}

.total-fl h2 {
    font-size: 40px;
    color: #222;
    line-height: 1.3;
}

.total-fl .icon-list {
    display: flex;
    background-color: #efefef;
    border-radius: 10px;
    padding: 10px 0;
    justify-content: center;
}

.total-fl .icon-list a {
    width: 36px;
    margin-left: 5px;
    margin-right: 5px;
    height: 36px;
    display: block;
    padding: 5px;
    background-color: #6ebb00;
    border-radius: 10px;
}

.total-fl .icon-list img {
    display: block;
    width: 100%;
    height: auto;
}

.zxy-total .total-fr {
    width: 70%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 40px 30px;
    border-radius: 10px;
}

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

.total-fr .ul-two {
    flex-direction: row-reverse;
    margin-top: 20px;
}

.total-fr li {
    width: 22%;
    position: relative;
}

.ul-one li+li::before {
    content: "";
    width: 25px;
    height: 10px;
    background: url(../images/icon-right1.png) no-repeat center;
    background-size: contain;
    position: absolute;
    left: -30px;
    top: 100px;
}

.ul-one li:nth-of-type(3n)::before {
    background: url(../images/icon-right2.png) no-repeat center;
    background-size: contain;
}

.ul-two li+li::before {
    content: "";
    width: 25px;
    height: 10px;
    background: url(../images/icon-right1.png) no-repeat center;
    background-size: contain;
    position: absolute;
    right: -30px;
    top: 100px;
    transform: rotate(180deg);
}

.ul-two li:nth-of-type(3n)::before {
    background: url(../images/icon-right2.png) no-repeat center;
    background-size: contain;
}

.total-fr li .img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
    border-radius: 10px;
}

.total-fr li h3 {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 5px;
}

.total-fr li p {
    font-size: 14px;
    color: #666;
    line-height: 1.5;
}

@media only screen and (max-width:1440px) {
    .zxy-totalbg .zxy-total::before {
        width: 500px;
        height: 382px;
        bottom: 8%;
    }

    .zxy-total .total-fl {
        width: 24%;
        padding-top: 15%;
    }

    .total-fl h2 {
        font-size: 34px;
    }

    .total-fl .img {
        width: 150px;
        height: 150px;
    }

    .total-fl .icon-list a {
        width: 30px;
        height: 30px;

    }

    .ul-one li+li::before {
        width: 20px;
        height: 10px;
        left: -25px;
    }



    .ul-two li+li::before {
        width: 20px;
        height: 10px;

        right: -25px;
    }

}


@media only screen and (max-width:1200px) {
    .zxy-totalbg {
        margin-top: 50px;
    }

    .zxy-totalbg .zxy-total {
        flex-direction: column;
    }

    .total-fl .img {
        display: none;
    }

    .zxy-total .total-fl {
        width: 100%;
        padding-top: 0%;
        margin-bottom: 30px;
        align-items: center;
    }

    .total-fl .icon-list {
        padding: 7px 10px;
    }

    .total-fl h2 {
        font-size: 30px;
        margin-bottom: 15px;
        text-align: center;
    }

    .zxy-total .total-fr {
        width: 100%;
    }

    .zxy-totalbg .zxy-total::before {
        display: none;
    }
}

@media only screen and (max-width:992px) {
    .total-fl h2 {
        font-size: 28px;
    }

    .ul-one li+li::before,
    .ul-two li+li::before {
        display: none;
    }

    .total-fr .ul-two {
        flex-direction: row;
    }

    .zxy-total .total-fr {
        padding: 30px 20px;
    }

    .total-fr li {
        width: 24%;
    }

    .zxy-totalbg {
        margin-top: 40px;
    }
}

@media only screen and (max-width:768px) {
    .zxy-total .total-fr {
        padding: 30px 20px 10px;
    }

    .total-fl h2 {
        font-size: 26px;
    }

    .total-fr ul {
        flex-wrap: wrap;
        margin-bottom: 0;
    }

    .total-fr li {
        width: 48%;
        text-align: center;
        margin-bottom: 20px;
    }

    .total-fr li .img {
        width: 200px;
        margin: 0 auto 10px;
    }
}

@media only screen and (max-width:480px) {
    .zxy-totalbg {
        margin-top: 30px;
    }

    .total-fl h2 {
        font-size: 24px;
    }

    .zxy-total .total-fr {
        padding: 20px 10px 10px;
    }

    .total-fr li .img {
        width: 100%;
    }

    .total-fr li p {
        font-size: 12px;
    }
}

/* zxy-total */

/* zxy-case 6ebb00*/
.zxy-case {
    position: relative;
}

.zxy-case::before {
    content: '';
    width: 100%;
    height: 70%;
    background-color: #6ebb00;
    position: absolute;
    left: 0;
    top: 0;

}

.zxy-case .warp-mb {
    position: relative;
    z-index: 2;
}

.zxy-case .index-title .h2 {
    color: #fff;
}

.zxy-case .index-title .text {
    color: #fff;
}

.zxy-case .index-title .dz {
    background-color: #fff;

}

.zxy-case .dz::before,
.zxy-case .dz::after {

    background: #d0ffee;

}

.zxy-case .case-swiper {
    overflow: hidden;
    position: relative;
}

.zxy-case .case-swiper .case-prev,
.zxy-case .case-swiper .case-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background: #6ebb00 url(../images/swiper-jt.png) no-repeat center;
    background-size: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.zxy-case .case-swiper .case-prev {
    left: 5px;
    transform: translateY(-50%) rotate(180deg);
}

.zxy-case .case-swiper .case-next {
    right: 5px;
}

.case-swiper .swiper-slide .img {
    display: block;
    overflow: hidden;
    border-radius: 10px;
}

.case-swiper .swiper-slide .img img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
    transition: all 0.5s ease-in-out;
}

.case-swiper .swiper-slide:hover .img img {
    transform: scale(1.2) rotate(-7deg);
}

.case-swiper .swiper-slide .text-box {
    padding: 10px 130px 10px 10px;
    position: relative;
}

.case-swiper .swiper-slide .text-box h3 a {
    font-size: 18px;
    text-transform: capitalize;
    color: #222;
    line-height: 1.2;
    font-weight: 500;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.case-swiper .swiper-slide .text-box .more {
    width: 86px;
    height: 100px;
    border-radius: 10px 10px 0 10px;
    padding: 20px 5px;
    position: absolute;
    right: 20px;
    color: #fff;
    font-size: 14px;
    top: -40px;
    background: #6ebb00 url(../images/top-jt.png) no-repeat bottom 15px center;
    text-align: center;
    background-size: 35px;
}

@media only screen and (max-width:768px) {
    .case-swiper .swiper-slide .text-box h3 a {
        font-size: 16px;
    }

    .zxy-case .case-swiper .case-prev,
    .zxy-case .case-swiper .case-next {
        width: 38px;
        height: 38px;
        background-size: 20px;
    }
}


@media only screen and (max-width: 380px) {

    .zxy-case .case-swiper .case-prev,
    .zxy-case .case-swiper .case-next {
        width: 30px;
        height: 30px;
        background-size: 16px;
    }
}

/* zxy-case */


/* zxy-choose  */
.zxy-choose {
    background-color: #f6f6f6;
    position: relative;
}

.zxy-choose .index-title {
    position: relative;
    z-index: 2;
}

.zxy-choose::before {
    content: "";
    width: 100%;
    height: 20%;
    background-color: #fff;
    position: absolute;
    left: 0;
    top: 20%;
}

.zxy-choose .choose-list {
    display: flex;
    position: relative;
    justify-content: space-between;
    z-index: 2;
    margin-top: 80px;
}

.choose-list li {
    width: 370px;
    height: 370px;
    text-align: center;
    position: relative;
    background-color: #32df48;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
    padding: 0 25px;
}

.choose-list li h3 {
    color: #fff;
    font-size: 18px;
    line-height: 1.3;
    margin-bottom: 15px;
    position: relative;
    z-index: 2;
}

.choose-list li p {
    color: #fff;
    font-size: 15px;
    line-height: 1.6;
    position: relative;
    z-index: 2;
}

.choose-list li::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #32df48;
    position: absolute;
    border-radius: 50%;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background: radial-gradient(circle, #32df48 0%, #fff 100%);
    animation: blob1 10s ease-in-out infinite;
    z-index: 1;
}

.choose-list li:nth-of-type(2):before {
    animation: blob2 10s ease-in-out infinite;
}

.choose-list li:nth-of-type(3):before {
    animation: blob2 12s ease-in-out infinite;
}

@keyframes blob1 {
    0% {
        border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
    }

    25% {
        border-radius: 60% 40% 55% 45% / 40% 60% 35% 65%;
    }

    50% {
        border-radius: 30% 70% 50% 50% / 60% 30% 70% 40%;
    }

    75% {
        border-radius: 65% 35% 45% 55% / 55% 45% 60% 40%;
    }

    100% {
        border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
    }
}

@keyframes blob2 {
    0% {
        border-radius: 45% 55% 50% 50% / 50% 50% 50% 50%;
    }

    25% {
        border-radius: 80% 20% 60% 40% / 30% 70% 20% 80%;
    }

    50% {
        border-radius: 25% 75% 35% 65% / 65% 35% 75% 25%;
    }

    75% {
        border-radius: 60% 40% 80% 20% / 40% 60% 45% 55%;
    }

    100% {
        border-radius: 45% 55% 50% 50% / 50% 50% 50% 50%;
    }
}

@keyframes blob3 {
    0% {
        border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
    }

    25% {
        border-radius: 70% 30% 40% 60% / 55% 45% 35% 65%;
    }

    50% {
        border-radius: 60% 40% 70% 30% / 40% 60% 25% 75%;
    }

    75% {
        border-radius: 35% 65% 60% 40% / 60% 40% 70% 30%;
    }

    100% {
        border-radius: 50% 50% 50% 50% / 50% 50% 50% 50%;
    }
}

.zxy-choose .wide-list {
    display: flex;
    position: relative;
    z-index: 2;
    justify-content: space-between;
    flex-wrap: wrap;
}

.zxy-choose .wide-list li {
    width: 31%;
    border: solid 1px #b5b5b5;
    background-color: #fff;
    position: relative;
    padding: 25px 15px 25px 90px;
    margin-top: 40px;
    border-radius: 10px;
}

.zxy-choose .wide-list li img {
    display: block;
    width: 60px;
    height: auto;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.zxy-choose .wide-list li h3 {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 10px;
}

.zxy-choose .wide-list li p {
    font-size: 14px;
    line-height: 1.5;
}

@media only screen and (max-width:1200px) {
    .zxy-choose .choose-list {
        flex-wrap: wrap;
        justify-content: space-around;
        margin-top: 60px;
    }

    .zxy-choose .wide-list li {
        width: 48%;
        margin-top: 30px;
    }
}

@media only screen and (max-width:768px) {
    .zxy-choose .wide-list li {
        width: 100%;
        margin-top: 20px;
    }

    .zxy-choose .choose-list {
        margin-top: 0px;
    }

    .choose-list li {
        margin-top: 30px;
    }
}

@media only screen and (max-width:480px) {
    .choose-list li {
        width: 300px;
        height: 300px;
        padding: 0 15px;
    }

    .zxy-choose .wide-list li {
        padding: 10px 5px 10px 70px;
    }

    .zxy-choose .wide-list li h3 {
        font-size: 16px;
    }

    .zxy-choose .wide-list li img {
        width: 50px;
        left: 10px;

    }

    .choose-list li p {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
    }
}

/* zxy-choose  */

/* zxy-footer  */
.zxy-footer {
    background: url(../images/footer-bg.jpg) no-repeat center center;
    background-size: cover;
}

.zxy-footer .footer-box {
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}

.footer-box .footer-fl {
    width: 42%;
}

.footer-fl .logo {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 20px;
}

.footer-fl .box-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}

.footer-fl .box-text dl {
    width: 48%;
    margin-top: 20px;
}

.footer-fl .box-text .footer-nav {
    width: 100%;
}

.footer-fl .box-text dl dt {
    font-size: 18px;
    text-transform: capitalize;
    color: #6ebb00;
    line-height: 1.3;
    margin-bottom: 10px;
}

.footer-fl .box-text dl dd a,
.footer-fl .box-text dl dd p {
    display: block;
    font-size: 14px;
    color: #fff;
    line-height: 1.5;
    margin-bottom: 10px;
}

.footer-fl .box-text dl dd a:hover {
    color: #fff;
}

.footer-fl .box-text .footer-nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.box-text .footer-nav dt {
    width: 100%;
}

.box-text .footer-nav dd:not(:last-child) {
    width: 48%;
}

.footer-box .footer-fr {
    width: 54%;
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}

.footer-fr .footer-from {
    width: 70%;
}

/* msg-from */
.msg-from .bt,
.msg-box .title {
    font-size: 30px;
    color: #6ebb00;
    text-transform: capitalize;
    line-height: 1.2;
    font-weight: bold;
}

.fusion-clearfix {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.fusion-clearfix li {
    position: relative;
    margin-top: 25px;
    width: 49%;
}


.fusion-clearfix li .tit {
    text-transform: capitalize;
    display: block;
}

.fusion-clearfix li .tit em {
    color: red;
}

.fusion-clearfix li.btm {
    position: relative;
    margin-top: 24px;
    width: 100%;
}

.fusion-clearfix li .wpcf7-form-control-wrap {
    position: relative;
}

textarea:focus,
input:focus {
    outline: none !important;
    box-shadow: none !important;
}

/* 通用样式 */
textarea::placeholder,
input::placeholder {
    color: #fff;
    /* 修改为你想要的颜色 */
    opacity: 1;
    /* 确保颜色不被透明度影响 */
}

/* 针对 Webkit 浏览器 (Chrome, Safari, Edge) */
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    color: #fff;
}

/* 针对 Mozilla 浏览器 (Firefox) */
input::-moz-placeholder,
textarea::-moz-placeholder {
    color: #fff;
}

/* 针对 Microsoft Edge 和 IE 10+ */
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    color: #fff;
}

/* 针对更旧的 Microsoft 浏览器 */
input::-ms-input-placeholder,
textarea::-ms-input-placeholder {
    color: #fff;
}

.fusion-clearfix li input,
.fusion-clearfix li select {
    display: block;
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(246, 246, 246, 0.1);
    border-radius: 10px;
}

.fusion-clearfix li select option {
    background-color: #222;
    width: 100%;
    height: 46px;
    line-height: 46px;
    color: #fff;
    font-size: 14px;
    padding: 0 10px;
}

.fusion-clearfix .wpcf7-not-valid-tip {
    position: absolute;
    left: 0;
    bottom: -22px;
    font-size: 12px;
}

.fusion-clearfix li.msg-tarea {
    width: 100%;
}

.wpcf7-form-control-wrap {
    position: relative;
    display: block;
}

.fusion-clearfix li.msg-tarea textarea {
    width: 100%;
    height: 154px;
    line-height: 22px;
    color: #fff;
    resize: none;
    font-size: 14px;
    padding: 10px;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(246, 246, 246, 0.1);
    border-radius: 10px;
    box-sizing: border-box;
    overflow: hidden;
    display: block;
    font-family: "Microsoft YaHei";
}

.fusion-clearfix .wpcf7-submit.wpcf7-form-control {
    display: block;
    width: 100%;
    line-height: 46px;
    padding: 0;
    margin-top: 20px;
    background-color: #6ebb00;
    color: #fff;
    border: none;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    transition: all 0.3s;
    cursor: pointer;
}

.footer-fr .footer-shemei {
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    position: relative;
    width: 26%;
    padding: 20px;
    border-radius: 10px;
    background-color: #6ebb00;
}


.footer-shemei a {
    display: block;
    position: relative;
    z-index: 2;
    border: 1px solid rgba(255, 255, 255, 0.2);
    background-color: rgba(246, 246, 246, 0.1);
    padding: 10px 0;
    display: flex;
    justify-content: center;
    margin-top: 15px;
    border-radius: 10px;
}

.footer-shemei a img {
    display: block;
    width: 30px;
    height: 30px;
}

.footer-btms {
    background-color: #333;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px rgba(255, 255, 255, 0.3);
}

.footer-btms p {
    text-align: center;
    color: #fff;
    font-size: 14px;
}

.footer-btms p a {
    color: #fff;
}

@media only screen and (max-width:992px) {
    .zxy-footer .footer-box {
        flex-wrap: wrap;
    }

    .footer-box .footer-fl {
        width: 100%;
    }

    .footer-box .footer-fr {
        width: 100%;
        margin-top: 30px;
    }
}

@media only screen and (max-width:640px) {
    .footer-box .footer-fr {
        flex-wrap: wrap;
    }

    .fusion-clearfix li {
        margin-top: 20px;
    }

    .footer-fr .footer-from {
        width: 100%;
    }

    .fusion-clearfix .bt {
        font-size: 26px;
    }

    .footer-fr .footer-shemei {
        width: 100%;
        margin-top: 30px;
        flex-direction: row;
        justify-content: center;
    }

    .footer-shemei a {
        width: 38px;
        align-items: center;
        height: 38px;
        padding: 5px;
        margin-left: 5px;
        margin-right: 5px;
        margin-top: 0;
    }

    .fusion-clearfix li.msg-tarea textarea {
        height: 110px;
    }

    .footer-shemei a img {
        display: block;
        width: 25px;
        height: 25px;

    }
}

@media only screen and (max-width:420px) {
    .box-text .footer-nav dd:not(:last-child) {
        width: 100%;
    }
}

/* zxy-footer  */


/* about us 开始 */
.about-one1 img {
    display: block;
    width: 100%;
    height: auto;
}

/* about-two2 */
.about-two2 {
    display: flex;
    flex-wrap: nowrap;
    flex-direction: row;
    justify-content: space-between;
}

.about-two2 li {
    background-color: #eeeeee;
    width: 18%;
    text-align: center;

    border-radius: 10px;
    position: relative;
    box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.2);
    text-transform: capitalize;
}

.about-two2 li a {
    padding: 15px 5px;
    font-size: 18px;
    font-weight: 500;
    display: block;
    color: #333;
}

.about-two2 li:hover {

    background-color: #6ebb00;
}

.about-two2 li:hover a {
    color: #fff;
}

@media only screen and (max-width:1200px) {
    .about-two2 li {
        width: 19%;
        font-size: 16px;

    }

}

@media only screen and (max-width:768px) {

    .about-two2 {
        overflow-x: auto;
        width: 100%;
        white-space: nowrap;
    }

    .about-two2 li {
        font-size: 14px;
        margin-bottom: 10px;
        padding: 5px 30px;
        line-height: 1.3;
        width: auto;
        border-radius: 5px;

    }

    .about-two2 li+li {
        margin-left: 20px;
    }


}

/* about-two2 */
/* about-three3 */
.about-three3 {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.about-three3 .about-three3-left {
    width: 49%;
    position: relative;
    padding-left: 30px;
}

.about-three3 .about-three3-left::before {
    content: "";
    width: auto;
    height: auto;
    background-color: #fff;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
    border-radius: 5px;
    position: absolute;
    left: 0;
    top: 100px;
    bottom: -40px;
    right: -120px;
}

.about-three3 .about-three3-left .about-logo {
    display: block;
}

.about-three3 .about-three3-left h2 {
    font-size: 50px;
    line-height: 1.1;
    margin-top: 60px;
    margin-bottom: 20px;
    position: relative;
}

.about-three3 .about-three3-left p {
    text-align: justify;
    font-size: 18px;
    position: relative;
}

.about-three3 .about-three3-right {
    width: 48%;
    position: relative;
    z-index: 1;
    cursor: pointer;
}

.about-three3 .about-three3-right::before {
    content: "";
    width: 48px;
    height: 48px;
    background: url(../images/arrow-right.png) no-repeat;
    background-size: cover;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);

}

.about-three3 .about-three3-right::after {
    content: "";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    text-align: center;
    background-color: #ffffff2b;
    animation: witr_squares 1s linear infinite;
}

@keyframes witr_squares {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
            0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
            0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}

.about-three3-right img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.aicrane-video-box {
    display: none;
    position: fixed;
    left: 50%;
    top: 50%;
    z-index: 50;
    transform: translate(-50%, -50%);
    max-width: 100%;
}

.aicrane-video-box video {
    width: 50vw;
    height: auto;
}

#r4-video-showdo {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 40;
}


@media only screen and (max-width:1440px) {
    .about-three3 .about-three3-left h2 {
        font-size: 40px;
        margin-top: 50px;
        margin-bottom: 15px;
    }

    .about-three3 .about-three3-left p {
        font-size: 16px;
    }

    .about-four4::after {
        left: 35%;
    }
}

@media only screen and (max-width:1200px) {
    .about-three3 .about-three3-left {
        width: 50%;
        padding-left: 20px;
    }

    .about-three3 .about-three3-left h2 {
        font-size: 30px;
        margin-top: 30px;
        margin-bottom: 10px;
    }

    .about-three3 .about-three3-left p {
        font-size: 14px;
    }

    .about-three3 .about-three3-left::before {
        top: 85px;
        bottom: -25px;
        right: -90px;
    }


}

@media only screen and (max-width:992px) {
    .about-three3 {
        flex-wrap: wrap;
        justify-content: center;
        position: relative;
    }

    .about-three3 .about-three3-left h2 {
        margin-top: 46px;
    }

    .about-three3 .about-three3-left h2 br {
        display: none;
    }

    .about-three3::before {
        content: '';
        width: 100%;
        height: 50%;
        background-color: #fff;
        box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
        border-radius: 5px;
        position: absolute;
        left: 0;
        top: 95px;
    }

    .about-three3 .about-three3-left {
        width: 92%;
        padding-left: 0;
    }

    .about-three3 .about-three3-right {
        width: 92%;
        margin-top: 20px;
    }

    .about-three3 .about-three3-left::before {
        display: none;
    }

   

    .about-three3 .about-three3-right::before {
        width: 38px;
        height: 38px;

    }

    .about-three3 .about-three3-right::after {

        width: 60px;
        height: 60px;
    }
}

@media only screen and (max-width:520px) {
    .about-three3::before {
        height: 70%;

    }

    .about-three3 .about-three3-left h2 {
        font-size: 26px;
    }

    .about-three3 .about-three3-left,
    .about-three3 .about-three3-right {
        width: 90%;
    }

   
}

/* about-three3 */

/* about-five5 */
.about-five5 {
    background-color: #6ebb00;
}

.about-five5 .five5-itembox {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

.five5-itembox .five5-item-img {
    width: 36%;
}

.five5-itembox .five5-item-img .img {
    position: relative;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.2);
}

.five5-itembox .five5-item-img .img::after {
    content: "";
    width: 280px;
    height: 400px;
    background: url(../images/yoto-about-img1.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: 78%;
    top: 50%;
    transform: translateY(-50%);
}

.five5-itembox .five5-item-img .img::before {
    content: "";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: #ffffff2b;
    animation: witr_squares1 2s linear infinite;
}

@keyframes witr_squares1 {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3),
            0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 20px rgba(255, 255, 255, 0.3);
    }

    100% {
        box-shadow: 0 0 0 10px rgba(255, 255, 255, 0.3),
            0 0 0 20px rgba(255, 255, 255, 0.3), 0 0 0 30px rgba(255, 255, 255, 0);
    }
}



.five5-itembox .five5-item-img img {
    display: block;
    width: 100%;
    height: auto;
}

.five5-itembox .five5-item-text {
    width: 50%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 50px 0;
}

.five5-item-text ul {
    display: flex;
    justify-content: space-between;
}

.five5-item-text li {
    width: 23%;
    background-color: #a4ffdd;
    background: linear-gradient(to top, #a4ffdd, #fff);
    height: 60px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 10px;
    color: #006741;
    font-size: 18px;
    position: relative;
    cursor: pointer;
}

.five5-item-text li.active,
.five5-item-text li:hover {
    background-color: #f1ff57;
    background: linear-gradient(to top, #f1ff57, #fff);
}

.five5-item-text li::before {
    content: "";
    width: 13px;
    height: 50px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: url(../images/about-five-bt.png) no-repeat;
    background-size: contain;
    display: none;
}

.five5-item-text li.active::before,
.five5-item-text li:hover::before {
    display: block;
}

.five5-item-text .item-ul1 li::before {
    top: 100%;
}

.five5-item-text .item-ul2 li::before {
    bottom: 100%;
    transform: translateX(-50%) rotate(180deg);
}

.five5-item-text .text-list {
    background-color: rgba(255, 255, 255, 0.4);
    border: solid 1px rgba(255, 255, 255, 0.8);
    display: flex;
    justify-content: flex-start;
    align-items: center;
    border-radius: 10px;
    padding: 30px 20px;
}

.five5-item-text .text-list .text-list-item {
    display: none;
    color: #004c30;
    font-size: 16px;
    line-height: 1.6;
    text-align: left;
}

.five5-item-text .text-list .text-list-item.active {
    display: block;
}

@media only screen and (max-width:1440px) {
    .five5-itembox .five5-item-img .img::after {
        width: 220px;
        height: 316px;

    }

    .five5-item-text li::before {
        width: 8px;
        height: 28px;

    }
}

@media only screen and (max-width:1200px) {
    .five5-itembox .five5-item-img .img::after {
        width: 200px;
        height: 288px;
    }

    .five5-item-text .text-list .text-list-item {
        font-size: 14px;
        line-height: 1.5;
    }

    .five5-itembox .five5-item-text {
        padding: 10px 0;
    }

    .five5-item-text .text-list {
        padding: 20px 15px;
    }
}

@media only screen and (max-width:992px) {
    .five5-item-text li {
        height: 40px;
        font-size: 16px;
    }

    .five5-item-text .text-list {
        padding: 15px;
    }

    .five5-itembox .five5-item-img {
        width: 34%;
    }

    .five5-itembox .five5-item-text {
        width: 51%;
        padding: 0;
    }

    .five5-itembox .five5-item-img .img::after {
        width: 160px;
        height: 228px;
    }
}

@media only screen and (max-width:768px) {
    .about-five5 {
        background-color: transparent;
        position: relative;
        padding-top: 0;
    }

    .about-five5::before {
        content: "";
        width: 100%;
        height: 70%;
        background-color: #6ebb00;
        position: absolute;
        left: 0;
        bottom: 0;
    }

    .about-five5 .five5-itembox {
        align-items: center;
        flex-direction: column;
        position: relative;
        z-index: 3;
    }

    .five5-itembox .five5-item-img .img::after {
        display: none;
    }

    .five5-itembox .five5-item-text {
        width: 100%;
        margin-top: 50px;
    }

    .five5-item-text .text-list {
        margin-top: 36px;
        margin-bottom: 36px;
    }

    .five5-itembox .five5-item-img {
        width: 50%;
    }
}

@media only screen and (max-width:560px) {
    .about-five5::before {
        height: 80%;
    }

    .five5-item-text li {
        font-size: 14px;
        width: 24%;
    }
}

@media only screen and (max-width:380px) {
    .about-five5::before {
        height: 85%;
    }

}

/* about-five5 */


/* about-six6 */
/* .about-six6 {
  width: 100%;
  overflow: hidden;
  height: 600px;
  animation-fill-mode: both;
} */
.about-six6 {
    width: 100%;
    overflow: hidden;
    height: 600px;
}

.about-six6 .item {
    position: relative;
    float: left;
    height: 100%;
    cursor: default;
    overflow: hidden;
    opacity: 0.4;
    transition: all .5s ease;
    border: solid 1px #a3d3ff;
    background-color: #000;
}

.about-six6 .item.tm {
    opacity: 1;
}

.about-six6 .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    opacity: 0.4;
    display: block;
    transition: all 0.5s ease;
}

.about-six6 .item.tm img {
    opacity: 1;

}

@media (max-width: 768px) {
    .about-six6 {
        display: flex;
        flex-wrap: wrap;
        height: auto;
        /* 让高度自适应，根据内容决定 */
    }

    .about-six6 .item {
        float: none !important;
        /* 取消浮动 */
        width: 50% !important;
        /* 两列排列 */
        opacity: 1 !important;
        /* 让所有项都不透明 */
        transition: none !important;
        /* 取消过渡动画 */
        margin: 0;
        /* 去掉可能的外边距 */
    }

    .about-six6 .item img {
        opacity: 1 !important;
        /* 图片也全部不透明 */
        transition: none !important;
    }
}

.about-zhengshu img {
    display: block;
    width: 100%;
    height: auto;
}


/* about map  */
.btmap-box {
  position: relative;
  margin-top: 50px;
}

.btmap-box .img img {
  display: block;
  width: 100%;
  height: auto;
}






.btmap-box li {
  transition: all 0.3s;
  position: absolute;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);

}

.btmap-box li:nth-of-type(1) {
  left: 8.5%;
  top: 29.5%;
}

.btmap-box li:nth-of-type(2) {
  left: 16.5%;
  top: 10.5%;
}

.btmap-box li:nth-of-type(3) {
  left: 10%;
  top: 20.5%;
}

.btmap-box li:nth-of-type(4) {
  left: 25.5%;
  top: 20%;
}

.btmap-box li:nth-of-type(5) {
  left: 26.5%;
  top: 6.5%;
}

.btmap-box li:nth-of-type(6) {
  left: 35.5%;
  top: 6.5%;
}

.btmap-box li:nth-of-type(7) {
  left: 25.5%;
  top: 65.5%;
}

.btmap-box li:nth-of-type(8) {
  left: 48.5%;
  top: 12.5%;
}

.btmap-box li:nth-of-type(9) {
  left: 48.5%;
  top: 20.5%;
}

.btmap-box li:nth-of-type(10) {
  left: 48.5%;
  top: 40.5%;
}


.btmap-box li:nth-of-type(11) {
  left: 58.5%;
  top: 40.5%;
}

.btmap-box li:nth-of-type(12) {
  left: 68.5%;
  top: 10.5%;
}

.btmap-box li:nth-of-type(13) {
  left: 78.5%;
  top: 10.5%;
}

.btmap-box li:nth-of-type(14) {
  left: 78.5%;
  top: 40.5%;
}

.btmap-box li:nth-of-type(15) {
  left: 82.5%;
  top: 55.5%;
}

.btmap-box li:nth-of-type(16) {
  left: 86.5%;
  top: 75.5%;
}

.btmap-box li:nth-of-type(17) {
  left: 52.5%;
  top: 60.5%;
}

.btmap-box li:nth-of-type(18) {
  left: 58.5%;
  top: 20.5%;
}

.btmap-box li .dian {
  width: 15px;
  height: 15px;
  background-color: #6ebb00;
  border-radius: 50%;
  animation: witr_squares 3s linear infinite;
  display: block;
  cursor: pointer;
}

.btmap-box li .imgs {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: 30px;
  display: none;
}

.btmap-box li .imgs::before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: -10px;
  left: 50%;
  transform: translateX(-50%);
  border-right: solid 10px transparent;
  border-left: solid 10px transparent;
  border-bottom: solid 10px #fff;
}

.btmap-box li .imgs img {
  display: block;
  width: 200px;
  height: auto;
  border-radius: 5px;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
  border: solid 5px#fff;

}

.btmap-box li.active .imgs {
  display: block;
}

@keyframes witr_squares {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.3), 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3);
  }

  100% {
    box-shadow: 0 0 0 5px rgba(255, 255, 255, 0.3), 0 0 0 10px rgba(255, 255, 255, 0.3), 0 0 0 15px rgba(255, 255, 255, 0);
  }
}

@media only screen and (max-width:1200px) {
  .btmap-box li .imgs img {
    width: 120px;
  }


}

@media only screen and (max-width:768px) {
  .btmap-box {
    padding-left: 10px;
    padding-right: 10px;
    margin-top: 40px;
  }

  .btmap-box .img {
    display: none;
  }

  .btmap-box li {
    position: static;
    width: 32%;
    margin-bottom: 20px;
  }

  .btmap-box li .dian {
    display: none;
  }

  .btmap-box li .imgs {
    position: static;
    left: inherit;
    transform: translateX(0);
    top: inherit;
    display: block;
  }

  .btmap-box li .imgs img {
    display: block;
    width: 100%;
    height: auto;
  }

  .btmap-box li .imgs::before {
    display: none;
  }

  .btmap-box .btmap-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

}

@media only screen and (max-width:520px) {
  .btmap-box {
    margin-top: 30px;
  }
}

@media only screen and (max-width:480px) {
  .btmap-box li {
    width: 48%;
  }

}

/* about map  */
.about-btmap .txt {
    background-color: #e8e8e8;
    padding: 20px;
    text-align: justify;
    font-size: 18px;
    color: #444;
    border-radius: 10px;
    margin-top: 15px;
}

/* about-six6 */
/* about-visit */
.about-visit .visit-swiper {
    overflow: hidden;
}

.visit-swiper .visit-box {
    position: relative;
    display: flex;
    justify-content: center;
}

.visit-swiper .visit-box .visit-next,
.visit-swiper .visit-box .visit-prev {
    width: 40px;
    height: 40px;
    border-radius: 50%;
    transition: all 0.3s ease;
    background: #6ebb00 url(../images/swiper-jt.png) no-repeat center center;
    background-size: 18px;
    cursor: pointer;

}

.visit-swiper .visit-box .visit-prev {
    transform: rotate(180deg);
    margin-right: 10px;
}

.visit-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 5px;
    margin-bottom: 10px;
}



/* about-visit */
/* about4-box */


.about4-box {
  position: relative;
}

.about4-box::before {
  content: "";
  width: 100%;
  height: 60%;
  background-color: #6ebb00;
  position: absolute;
  left: 0;
  top: 0;
}

.about4-box .four4-listbox {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 2;
  flex-wrap: wrap;
}

.four4-listbox li {
  width: 15.8%;
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
  margin-top: 20px;
}

.four4-listbox li i {
  display: block;
  width: 180px;
  height: 130px;
  border-radius: 10px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 15px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.four4-listbox li i img {
  display: block;
  width: 80px;
  height: auto;
}

.four4-listbox li span {
  display: block;
  font-size: 20px;
  text-align: center;
  color: #4a4a4a;
}

@media only screen and (max-width:1200px) {
  .four4-listbox li i {
    width: 100%;
    height: 100px;
  }

  .four4-listbox li span {
    font-size: 18px;
  }

  .about4-box::before {
    height: 50%;
  }

}

@media only screen and (max-width:992px) {
  .four4-listbox li i {
    width: 100%;
    height: 100px;
  }

  .four4-listbox li span {
    font-size: 18px;
  }
}

@media only screen and (max-width:768px) {
  .four4-listbox li i {
    width: 100%;
    height: 80px;
  }

  .about4-box::before {
    height: 45%;
  }

  .four4-listbox li i img {
    width: 60px;
  }

  .four4-listbox li span {
    font-size: 16px;
  }
}

@media only screen and (max-width:600px) {
  .four4-listbox li {
    width: 32%;
  }

  .about4-box::before {
    height: 72%;
  }

  .four4-listbox li:nth-child(-n+3) span {
    color: #fff;
  }
}

/* about4-box */
/* about us  */


/* contact us */
.contact-bg img {
    display: block;
    width: 100%;
    height: auto;
}

.contact-one {
    background: url(../images/contact-mapbg.jpg) no-repeat top center;
}

.contact-one .item-contactlist {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.item-contactlist li {
    width: 32%;
    padding: 15px 10px 15px 80px;
    position: relative;
    background-color: #fff;
    border: solid 1px #d2d2d2;
    border-radius: 10px;
}

.item-contactlist li .img {
    display: block;
    width: 60px;
    height: 60px;
    position: absolute;
    left: 15px;
    top: 50%;
    transform: translateY(-50%);
}

.item-contactlist li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.item-contactlist li h3 {
    font-size: 20px;
    font-weight: 500;
    display: block;
    color: #333;
    line-height: 1.2;
    margin-bottom: 10px;
}

.item-contactlist li p {
    font-size: 14px;
    color: #535353;
    line-height: 1.5;
}

.item-contactlist li p a {
    display: block;
    color: #535353;
}



.item-glolist {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
}

.item-glolist li {
    width: 24%;
    position: relative;
    padding: 30px 15px;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.item-glolist li::before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    transition: all 0.3s;
}

.item-glolist li .img {
    display: block;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    overflow: hidden;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    position: relative;
    z-index: 2;
}

.item-glolist li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.item-glolist li h3 {
    font-size: 20px;
    color: #363636;
    line-height: 1.2;
    margin-bottom: 10px;
    position: relative;
    z-index: 2;
    margin-top: 15px;
}

.item-glolist li span {
    display: block;
    font-size: 14px;
    line-height: 1.4;
    background-color: #6ebb00;
    text-align: center;
    position: relative;
    z-index: 2;
    color: #fff;
    width: 100%;
    padding: 15px 10px;
    border-radius: 10px;
    margin-bottom: 15px;
}

.item-glolist li span:hover a {
    text-decoration: underline;
}

.item-glolist li span a {
    color: #fff;
}

.item-glolist li p {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    position: relative;
    z-index: 2;
}

.item-glolist li:hover::before {
    height: 75%;
}

@media (max-width: 992px) {
    .item-contactlist li {
        width: 100%;
        margin-top: 15px;
    }

    .item-glolist li {
        width: 48%;
        margin-top: 20px;
    }

    .item-glolist li .img {
        width: 75px;
        height: 75px;
    }

    .item-glolist li h3 {
        font-size: 18px;
    }
}

@media (max-width: 768px) {
    .item-glolist li span {
        padding: 10px;
    }
}

@media (max-width: 480px) {
    .item-glolist li {
        width: 100%;
        padding: 20px 10px;
    }

    .item-glolist li:hover::before {
        height: 80%;
    }
}

/* contact us */


/* agents */
.agents-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.agents-content {
    background: url(../images/agents-bg.jpg) no-repeat center;
    background-size: cover;
}

.agents-box .ht {
    color: #fff;
    text-align: center;
    line-height: 1.3;
    text-transform: capitalize;
}

.agents-box .agents-listone {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 40px;
    border: solid 1px rgba(255, 255, 255, 0.1);
    background-color: rgba(255, 255, 255, 0.1);
    border-radius: 5px 5px 0 0;
}

.agents-box .agents-listone li {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 10px;
    width: 25%;
    position: relative;

}

.agents-box .agents-listone li img {
    display: block;
    width: 120px;
    height: auto;
}

.agents-box .agents-listone li span {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.3;
    margin-top: 20px;
    text-align: center;
}

.agents-box .agents-listone li+li::after {
    content: "";
    width: 1px;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    position: absolute;
    left: 0;
    top: 0;
}

.agents-box .agents-listtwo {
    display: flex;
    background-color: #6ebb00;
    justify-content: space-between;
    flex-wrap: wrap;
    border-radius: 0 0 5px 5px;
}

.agents-listtwo li {
    width: 33.3%;
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 50px 10px;
}

.agents-listtwo li:nth-of-type(2) {
    background-color: #fff;
}

.agents-listtwo li:nth-of-type(2) span {
    color: #222;
}

.agents-listtwo li img {
    display: block;
    width: 120px;
    height: auto;
}

.agents-listtwo li span {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.3;
    margin-top: 20px;
    text-align: center;
}

.agents-box .btm-sgs {
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    padding: 15px 10px;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 30px;
    display: flex;
    justify-content: center;
}

.agents-box .btm-sgs img {
    display: block;
    width: 100%;
    max-width: 120px;
}

@media only screen and (max-width:1200px) {

    .agents-box .agents-listone li img,
    .agents-listtwo li img {
        width: 80px;
    }

    .agents-box .agents-listone li span,
    .agents-listtwo li span {
        font-size: 16px;
    }

    .agents-box .agents-listone li {
        padding: 35px 10px;
    }
}

@media only screen and (max-width:992px) {

    .agents-box .agents-listone li img,
    .agents-listtwo li img {
        width: 60px;
    }

    .agents-box .agents-listone li span,
    .agents-listtwo li span {
        font-size: 14px;
    }

    .agents-box .agents-listone li {
        padding: 30px 5px;
    }
}

@media only screen and (max-width:640px) {
    .agents-box .btm-sgs img {
        width: 80px;
    }

    .agents-box .agents-listone li {
        width: 50%;
    }

    .agents-box .agents-listone li:nth-of-type(3)::before,
    .agents-box .agents-listone li:nth-of-type(4)::before {
        content: "";
        height: 1px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.1);
        position: absolute;
        left: 0;
        top: 0;
    }

    .agents-listtwo li {
        width: 100%;
    }
}

/* agents-train  */
.agents-train {
    position: relative;
}

.agents-train::before {
    content: "";
    width: 100%;
    height: auto;
    background-color: #f2f2f2;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 20px;
}

.agents-train .warp-mb {
    position: relative;
    z-index: 2;
}

.agents-train .agents-train-list {
    display: flex;
    justify-content: space-between;
    padding: 0 5%;
}

.agents-train .agents-train-list li {
    width: 185px;
    height: 185px;
    display: flex;
    flex-direction: column;
    align-items: center;
    position: relative;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    justify-content: center;
}

.agents-train .agents-train-list li+li::before {
    content: "";
    width: 85px;
    height: 15px;
    background: url(../images/agents-train-jt.png) no-repeat;
    background-size: contain;
    position: absolute;
    left: -85px;
    top: 50%;
    transform: translateY(-50%);
}

.agents-train .agents-train-list li img {
    display: block;
    width: 50px;
    height: auto;
}

.agents-train .agents-train-list li span {
    color: #222;
}

.agents-train .agents-train-listtwo li {
    width: 100%;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    margin-top: 40px;
    position: relative;
    padding: 20px 10px 20px 80px;
}

.agents-train .agents-train-listtwo li::before {
    content: "";
    font-size: 36px;
    color: #6ebb00;
    line-height: 1;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
    font-weight: bold;
}

.agents-train .agents-train-listtwo li:nth-of-type(1)::before {
    content: "01";
}

.agents-train .agents-train-listtwo li:nth-of-type(2)::before {
    content: "02";
}

.agents-train .agents-train-listtwo li:nth-of-type(3)::before {
    content: "03";
}

.agents-train .agents-train-listtwo li:nth-of-type(4)::before {
    content: "04";
}

.agents-train .agents-train-listtwo li:nth-of-type(5)::before {
    content: "05";
}

.agents-train .agents-train-listtwo li:nth-of-type(6)::before {
    content: "06";
}


.agents-train .agents-train-listtwo li p {
    font-size: 16px;
}

.agents-train .agents-train-listtwo li .p1 {
    font-weight: 600;
    margin-bottom: 5px;
}

.game-pavilion .train-more {
    max-width: 190px;
    margin-top: 15px;
}

.train-more {
    max-width: 270px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    background-color: #6ebb00;
    border-radius: 10px;
    padding-left: 30px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    margin-top: 40px;
    position: relative;
}

.train-more::before {
    content: "";
    width: 50px;
    height: 50px;
    background: url(../images/dianji-ck.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 10px;
    top: 10px;
    animation: scaleTrain 2s ease-in-out infinite;
}

@keyframes scaleTrain {
    0% {
        transform: scale(1);
    }

    50% {
        transform: scale(1.1);
    }

    100% {
        transform: scale(1);
    }
}

@media only screen and (max-width:1440px) {
    .agents-train .agents-train-list {
        padding: 0;
    }

    .agents-train .agents-train-list li {
        width: 170px;
        height: 170px;
    }
}

@media only screen and (max-width:1200px) {
    .agents-train .agents-train-list li {
        width: 130px;
        height: 130px;
    }
}

@media only screen and (max-width:992px) {
    .agents-train .agents-train-list li {
        width: 110px;
        height: 110px;
        text-align: center;
    }

    .agents-train .agents-train-list li span {
        font-size: 14px;
        line-height: 1.3;
    }

    .agents-train .agents-train-list li img {
        width: 40px;
    }

    .agents-train .agents-train-list li+li::before {
        width: 50px;
        height: 9px;
        left: -50px;

    }

    .agents-train .agents-train-listtwo li {
        margin-top: 30px;
    }
}

@media only screen and (max-width:768px) {
    .agents-train .agents-train-list {
        display: block;
        /* 取消 flex 换行 */
        white-space: nowrap;
        /* 内容不换行 */
        overflow-x: auto;
        /* X 轴出现滚动条 */
        -webkit-overflow-scrolling: touch;
        /* iOS 滑动更顺畅 */
    }

    .agents-train .agents-train-list li {
        display: inline-block;
        /* 并排 */
        vertical-align: top;
        width: 110px;
        height: 80px;
        flex: none;
        margin-bottom: 10px;
    }

    .agents-train .agents-train-list li+li {
        margin-left: 30px;
    }

    .agents-train .agents-train-list li img {
        margin: 10px auto 0;
    }

    .agents-train .agents-train-list li+li::before {
        width: 36px;
        height: 7px;
        left: -36px;
    }

    .agents-train .agents-train-listtwo li p {
        font-size: 14px;
    }
}

/* agents-train  */





/* agent-echart */


.agent-echart .agent-echart-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 30px;
    flex-wrap: wrap;
}

.agent-echart-box .agent-echart-fl {
    width: 60%;
}

.agent-echart-box .agent-echart-fr {
    width: 35%;
}

.agent-echart-fr img {
    display: block;
    width: 100%;
    height: auto;
}

.chart-container {
    width: 100%;
    margin: 0 auto;
    padding: 2rem 0;
    background-color: #f9f9f9;
}

.chart-container h2 {
    line-height: 1.2;
    font-size: 16px;
    text-transform: capitalize;
    margin-bottom: 10px;
}

/* 整个图表区域（包含左侧y轴和右侧图表） */
.chart {
    display: flex;
}

/* 左侧y轴 */
.y-axis {
    width: 50px;
    position: relative;
    border-right: 1px solid #ccc;
    margin-right: 10px;
    height: 330px;
}

.y-axis .y-tick {
    position: absolute;
    left: 5px;
    font-size: 12px;
    color: #666;
    transform: translateY(50%);
}

/* 右侧图表区域（包括柱状图和x轴） */
.chart-area {
    flex: 1;
    position: relative;
}

/* 柱状图区域 */
.bar-chart {
    display: flex;
    align-items: flex-end;
    justify-content: space-around;
    height: 330px;
    position: relative;

}

.bar {
    width: 40px;
    background-color: #015077;
    border-radius: 4px 4px 0 0;
    height: 0;
    /* 初始高度为 0，用于动画 */
    transition: height 1s ease;
    position: relative;
}

.bar:hover::after {
    content: attr(data-year) " Year: " attr(data-value) "亿美元";
    position: absolute;
    bottom: 100%;
    left: 50%;
    transform: translateX(-50%);
    background: #333;
    color: #fff;
    padding: 2px 5px;
    font-size: 12px;
    border-radius: 4px;
    white-space: nowrap;
    z-index: 2;
}

/* x轴区域 */
.x-axis {
    display: flex;
    justify-content: space-around;
    margin-top: 10px;
}

.x-axis .x-tick {
    font-size: 12px;
    color: #666;
}

/* 可选：添加网格线（横向） */
.grid-lines {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 330px;
    pointer-events: none;
}

.grid-lines .line {
    position: absolute;
    left: 0;
    right: 0;
    height: 1px;
    background: #e0e0e0;
}

.agent-echart .agent-echart-btmtext {
    background-color: #f4fce8;
    padding: 40px 30px;
    font-size: 18px;
    line-height: 1.7;
    color: #3e3e3e;
    margin-top: 50px;
}

@media only screen and (max-width:992px) {
    .agent-echart .agent-echart-box {

        justify-content: center;

    }

    .agent-echart-box .agent-echart-fl {
        width: 100%;
    }

    .agent-echart-box .agent-echart-fr {
        width: 45%;
        margin-top: 20px;
    }

    .agent-echart .agent-echart-btmtext {
        padding: 30px 20px;
        font-size: 16px;
        margin-top: 40px;
    }
}

@media only screen and (max-width:768px) {
    .chart-container {
        width: 100%;
        overflow-x: auto;
    }

    /* 设置一个较大的最小宽度，保证在移动端可以横向滚动查看完整图表 */
    .chart {
        min-width: 600px;
    }

    .agent-echart .agent-echart-btmtext {
        padding: 20px 15px;
        font-size: 14px;
        margin-top: 30px;
    }
}

@media only screen and (max-width:520px) {
    .agent-echart-box .agent-echart-fr {
        width: 100%;
    }

    .agent-echart .agent-echart-btmtext {
        text-align: justify;
    }
}

/* agent-echart */


/* agents */

/* production team */
.prorduct-details-banner img,
.production-banner img {
    display: block;
    width: 100%;
    height: auto;
}

/* .production-one */
.production-one {
    position: relative;
}

.production-one::before {
    content: "";
    width: 100%;
    height: 36.5%;
    background-color: #cdcdcd;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
}

.production-one .production-box {
    display: flex;
    justify-content: space-evenly;

}

.production-box li {
    width: 43%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.production-box li .img {
    display: block;
}

.production-box li .img img {
    width: 100%;
    height: auto;
    display: block;
}

.production-box li .name {
    font-size: 18px;
    color: #fff;
    text-transform: capitalize;
    line-height: 48px;
    width: 260px;
    background-color: #6fbb01;
    text-align: center;
    margin-left: auto;
    display: block;
    margin-right: auto;
    margin-top: -24px;
    border-radius: 10px;
    box-shadow: 0px 0px 10px rgba(0, 0, 10px, 0, 0.1);
    position: relative;
    z-index: 23;
}

.production-box li .txt {
    font-size: 16px;
    margin-top: 30px;
    text-align: center;
    position: relative;
    z-index: 23;
    color: #222;
}

@media only screen and (max-width:1440px) {
    .production-one::before {
        height: 35.5%;
    }
}

@media only screen and (max-width:1200px) {
    .production-one::before {
        height: 37%;
    }
}

@media only screen and (max-width:992px) {
    .production-one::before {
        height: 38%;
    }

    .production-box li .txt {
        font-size: 14px;
    }

    .production-box li {
        width: 49%;
    }

    .production-box li .img {
        width: 90%;
    }
}

@media only screen and (max-width:768px) {
    .production-one::before {
        height: 38%;
    }

    .production-box li .txt {
        font-size: 12px;
        text-align: justify;
        padding: 0 10px;
        margin-top: 20px;
    }

    .production-box li .img {
        width: 80%;
    }
}

@media only screen and (max-width:768px) {
    .production-one {
        overflow: hidden;
    }

    .production-one .production-box {
        flex-direction: column;
        align-items: center;
    }

    .production-one::before {
        display: none;
    }

    .production-box li {
        width: 100%;
    }

    .production-box li+li {
        margin-top: 30px;
    }

    .production-box li .img {
        width: 40%;
    }

    .production-box li .txt {
        background-color: #2f54c3;
        color: #fff;
        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
        padding: 40px 20px 20px;
        margin-top: -26px;
    }

    .production-box li .name {
        position: relative;
        z-index: 33;
    }
}

@media only screen and (max-width:520px) {
    .production-box li .img {
        width: 280px;
    }
}

/* .production-one */

/* production-two */
.production-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.production-two img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.production-two .item-one {
    width: 43.7%;
}

.production-two .item-one .tit {
    display: block;
    font-size: 20px;
    color: #333;
    text-align: center;
    line-height: 50px;
}

.production-two .item-two {
    width: 54.7%;
}

.production-two .item-two .img-list1 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 50px 20px 20px;
    background-color: #6fbb01;
    border-radius: 10px;
    position: relative;
}

.production-two .item-two .img-list1::before {
    content: "Design Team";
    font-size: 20px;
    color: #fff;
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    line-height: 45px;
    text-align: center;
}

.production-two .item-two .img-list2::before {
    content: "Design Team";
    font-size: 20px;
    color: #333;
    display: block;
    position: absolute;
    left: 0;
    bottom: -50px;
    width: 100%;
    line-height: 50px;
    text-align: center;
}

.production-two .item-two .img-list1 img:nth-of-type(3),
.production-two .item-two .img-list1 img:nth-of-type(4) {
    margin-top: 15px;
}

.production-two .item-two .img-list1 img {
    width: 49%;
}

.production-two .item-two .img-list2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 30px;
    position: relative;
}

.production-two .item-two .img-list2 img {
    width: 49%;
}

@media only screen and (max-width:1200px) {
    .production-two .item-one {
        width: 44.5%;
    }

    .production-two .item-two {
        width: 54.5%;
    }
}

@media only screen and (max-width:992px) {
    .production-two .item-one {
        width: 44.5%;
    }

    .production-two .item-two {
        width: 54.5%;
    }

    .production-two .item-two .img-list1 {
        padding: 40px 15px 15px;
    }

    .production-two .item-two .img-list1::before,
    .production-two .item-two .img-list2::before,
    .production-two .item-one .tit {
        font-size: 18px;
        line-height: 40px;
    }

    .production-two .item-two .img-list2 {
        margin-top: 17px;
    }
}

@media only screen and (max-width:520px) {
    .production-two .item-one {
        width: 100%;
    }

    .production-two .item-two {
        width: 100%;
    }
}

/* production-two */
/* .production-three */
.company-teambg {
    background-color: #f5f5f5;
}

.production-three {
    overflow: hidden;
}


.production-three .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.production-three .swiper-slide img+img {
    margin-top: 15px;
}

/* .production-three */
/* production-six */
.production-six .sixs-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-left: 20px;
    padding-right: 20px;
}

.production-six .sixs-box li {
    width: 20%;
    margin-top: 20px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
}

.production-six .sixs-box li:first-child,
.production-six .sixs-box li:last-child {
    padding-left: 60px;
    width: 15%;
}

.production-six .sixs-box li:first-child .nums,
.production-six .sixs-box li:last-child .nums {
    color: #6ebb00;
    font-size: 50px;
    line-height: 1.2;
    font-weight: 600;
    margin-bottom: 10px;
}

.production-six .sixs-box li:first-child .txt,
.production-six .sixs-box li:last-child .txt {
    color: #6ebb00;
    font-size: 18px;
    line-height: 1.6;
    text-transform: capitalize;
}

.production-six .sixs-box li img {
    display: block;
    width: 100%;
    height: auto;
}

@media only screen and (max-width:1440px) {
    .production-six .sixs-box {
        padding-left: 15px;
        padding-right: 15px;
    }

    .production-six .sixs-box li:first-child,
    .production-six .sixs-box li:last-child {
        padding-left: 30px;
        width: 16%;
    }

    .production-six .sixs-box li:first-child .nums,
    .production-six .sixs-box li:last-child .nums {
        font-size: 40px;
        margin-bottom: 5px;
    }

    .production-six .sixs-box li:first-child .txt,
    .production-six .sixs-box li:last-child .txt {
        font-size: 16px;
        line-height: 1.5;
    }
}

@media only screen and (max-width:1200px) {

    .production-six .sixs-box li:first-child,
    .production-six .sixs-box li:last-child {
        padding-left: 20px;
        width: 17%;
    }

    .production-six .sixs-box li:first-child .nums,
    .production-six .sixs-box li:last-child .nums {
        font-size: 36px;
    }

    .production-six .sixs-box li:first-child .txt,
    .production-six .sixs-box li:last-child .txt {
        font-size: 14px;
    }
}

@media only screen and (max-width:992px) {
    .production-six .sixs-box li {
        width: 24%;
        margin-top: 15px;
    }

    .production-six .sixs-box li:first-child,
    .production-six .sixs-box li:last-child {
        padding-left: 20px;
        width: 100%;
        background-color: #6ebb00;
        padding-top: 30px;
        padding: 30px;
    }

    .production-six .sixs-box li:last-child {
        text-align: right;
    }

    .production-six .sixs-box li:first-child .nums,
    .production-six .sixs-box li:last-child .nums {
        font-size: 36px;
        color: #fff;
    }

    .production-six .sixs-box li:first-child .txt,
    .production-six .sixs-box li:last-child .txt {
        font-size: 14px;
        color: #fff;
    }
}

@media only screen and (max-width:640px) {

    .production-six .sixs-box li:first-child,
    .production-six .sixs-box li:last-child {
        padding-top: 20px;
        padding: 20px;
    }
}

@media only screen and (max-width:480px) {
    .production-six .sixs-box li {
        width: 49%;
        margin-top: 10px;
    }
}

/* production-six */
/* production team */


/* production installation */
.installation-banner img {
    display: block;
    width: 100%;
    height: auto;
}

/* equipment-video */
.equipment-video {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
}

.equipment-video .equipment-img {
    width: 70%;
}

.equipment-video .equipment-img video {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.equipment-video .equipment-text {
    width: 26%;
}

.equipment-text .bt {
    color: #6fbb01;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 10px;
}

.equipment-text .txt {
    color: #333;
    font-size: 18px;
    line-height: 1.6;
    text-transform: capitalize;
    position: relative;
    margin-bottom: 30px;
}

.equipment-text .txt::before {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #6fbb01;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.equipment-text ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.equipment-text li {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 48%;
    text-align: center;
    margin-top: 30px;
}

.equipment-text li img {
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #6fbb01;
    padding: 10px;
}

.equipment-text li span {
    display: block;
    font-size: 16px;
    line-height: 1.6;
    margin-top: 10px;
    text-transform: capitalize;
    color: #222;
}

@media only screen and (max-width:1440px) {
    .equipment-text .bt {
        margin-bottom: 0;
    }

    .equipment-text .txt {
        margin-bottom: 0;
    }

    .equipment-text li img {
        width: 60px;
        height: 60px;
    }

    .equipment-text li span {
        font-size: 14px;
    }
}

@media only screen and (max-width:992px) {
    .equipment-video .equipment-img {
        width: 100%;
    }

    .equipment-video .equipment-text {
        width: 100%;
        margin-top: 30px;
    }

    .equipment-text .bt,
    .equipment-text .txt {
        text-align: center;
    }

    .equipment-text .txt::before {
        left: 50%;
        transform: translateX(-50%);
    }

    .equipment-text li {
        width: 25%;
        margin-top: 40px;
    }
}

@media only screen and (max-width:520px) {
    .equipment-text li {
        width: 50%;
        margin-top: 30px;
    }
}

/* equipment-video */
/* equipment-title */
.equipment-title {
    background-color: #6fbb01;

}

.equipment-title .equipment-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: url(../images/installation-logo.png) no-repeat right center;
    background-size: 150px auto;
    padding-top: 15px;
    padding-bottom: 15px;
}

.equipment-box .bt {
    color: #fff;
    text-transform: capitalize;
    font-weight: 500;
    line-height: 1.2;
    text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.2);
}

@media only screen and (max-width:580px) {
    .equipment-title .equipment-box img {
        width: 100px;
    }

    .equipment-box .bt {
        font-size: 18px;
    }
}

@media only screen and (max-width:420px) {
    .equipment-title .equipment-box img {
        width: 100px;
    }

}

/* equipment-title */
/* equipment-list-one */
.equipment-list-one {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.equipment-list-one li {
    width: 18%;
    margin-top: 30px;
}

.equipment-list-one li .img {
    display: block;
    border: solid 1px #c7c7c7;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.equipment-list-one li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.equipment-list-one li p {
    font-size: 16px;
    color: #333;
    line-height: 1.6;
    text-align: center;
}

@media only screen and (max-width:992px) {
    .equipment-list-one li p {
        font-size: 14px;
    }

    .equipment-list-one li {
        width: 19%;
        margin-top: 20px;
    }

}

@media only screen and (max-width:768px) {
    .equipment-list-one li {
        width: 32%;
    }

}

@media only screen and (max-width:480px) {
    .equipment-list-one li {
        width: 49%;
    }

}

/* equipment-list-one */


/* equipment-list-two */
.equipment-list-two {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.equipment-list-two li {
    width: 32%;
    margin-top: 30px;
}

.equipment-list-two li .img {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.equipment-list-two li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.equipment-list-two li p {
    display: block;
    font-size: 16px;
    background-color: #6fbb01;
    border-radius: 10px;
    line-height: 1.5;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

@media only screen and (max-width:768px) {
    .equipment-list-two li {
        width: 48%;
    }

}

@media only screen and (max-width:580px) {
    .equipment-list-two li {
        width: 100%;
        margin-top: 20px;
    }

    .equipment-list-two li p {
        font-size: 14px;
    }
}

/* equipment-list-two */
/* equipment-list-three */
.equipment-list-three {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.equipment-list-three li {
    width: 24%;
    margin-top: 30px;
}

.equipment-list-three li .img {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
    border: solid 1px #c7c7c7;
}

.equipment-list-three li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.equipment-list-three li p {
    font-size: 14px;
    text-transform: capitalize;
    text-align: center;
    color: #333;
}

@media only screen and (max-width:992px) {
    .equipment-list-three li {
        width: 49%;
    }
}

@media only screen and (max-width:992px) {
    .equipment-list-three li p {
        font-size: 12px;
    }
}

/* equipment-list-three */


/* equipment-list-fore */

.equipment-list-fore {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.equipment-list-fore li {
    width: 32%;
    margin-top: 30px;
}

.equipment-list-fore li .img {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.equipment-list-fore li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.equipment-list-fore li p {
    display: block;
    font-size: 14px;
    background-color: #6fbb01;
    border-radius: 10px;
    line-height: 1.5;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

@media only screen and (max-width:768px) {
    .equipment-list-fore {
        justify-content: space-around;
    }

    .equipment-list-fore li {
        width: 48%;

    }

}

@media only screen and (max-width:580px) {
    .equipment-list-fore li {
        width: 100%;
        margin-top: 20px;
    }

    .equipment-list-fore li p {
        font-size: 12px;
    }
}

/* equipment-list-fore */
/* equipment-list-six */
.equipment-list-sixbox {
    background-color: #f6f6f6;
}

.equipment-list-six {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 30px;
}

.equipment-list-six li {
    width: 32%;
    margin-top: 30px;
}

.equipment-list-six li .img {
    display: block;
    border-radius: 10px;
    overflow: hidden;
    margin-bottom: 10px;
}

.equipment-list-six li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.equipment-list-six li p {
    display: block;
    font-size: 16px;
    background-color: #6fbb01;
    border-radius: 10px;
    line-height: 1.5;
    padding: 10px;
    text-align: center;
    color: #fff;
    text-transform: capitalize;
}

@media only screen and (max-width:1200px) {
    .equipment-list-six li p {
        font-size: 14px;
    }

}

@media only screen and (max-width:768px) {

    .equipment-list-six li {
        width: 48%;

    }

}

@media only screen and (max-width:580px) {
    .equipment-list-six li {
        width: 100%;
        margin-top: 20px;
    }

    .equipment-list-six li p {
        font-size: 12px;
    }
}

/* equipment-list-six */



/* equipment-eigtin */
.equipment-eigtin {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}

.equipment-eigtin li {
    width: 24%;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.equipment-eigtin li img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.equipment-eigtin li .img-icon {
    display: block;
    width: 150px;
    height: auto;
    margin-bottom: 15px;
    border-radius: 0px;
}

.equipment-eigtin li .title {
    font-size: 20px;
    text-transform: capitalize;
    color: #222;
    line-height: 1.3;
    text-align: center;
}

@media only screen and (max-width:992px) {
    .equipment-eigtin li .img-icon {
        width: 90px;
    }

    .equipment-eigtin li .title {
        font-size: 16px;
    }
}

@media only screen and (max-width:640px) {
    .equipment-eigtin li {
        width: 48%;
        margin-bottom: 30px;
    }
}

@media only screen and (max-width:360px) {
    .equipment-eigtin li {
        margin-bottom: 20px;
    }
}

/* equipment-eigtin */


/* production installation */





/*弹窗*/
.msg-box {
    position: fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 2222;
    background-color: #222;
    padding: 20px 30px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.15);
    display: none;
}

.msg-box .clock {
    width: 30px;
    height: 30px;
    background: url(../images/ck-cuo.png) no-repeat center;
    background-size: 24px;
    position: absolute;
    right: 10px;
    top: 6px;
    display: block;
    cursor: pointer;
    transition: all 0.3s;
    transform-origin: center;
    z-index: 6;
}

.msg-box .clock:hover {
    transform: rotate(360deg);
}

#msg-boxbg {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.6);
    display: none;
    z-index: 2221;
}

@media screen and (max-width: 992px) {
    .msg-box {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
    .msg-from li.msg-tarea textarea {
        height: 110px;
    }
}

@media screen and (max-width: 480px) {
    .msg-box {
        width: 98%;
    }
}

/*弹窗*/



/* right-faix */
.slide-faix {
    position: fixed;
    right: 0;
    top: 22%;
    z-index: 111;
    background-color: #6ebb00;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.slide-faix .item-list {
    width: 45px;
    height: 45px;
    padding: 10px;
    cursor: pointer;
    position: relative;
    display: block;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;
}

.slide-faix .item-list+.item-list {
    border-top: solid 1px #fff;
}

.slide-faix .item-list .icon {
    display: block;
}

.slide-faix .item-list .icon img {
    display: block;
    width: 100%;
    height: auto;
}

.slide-faix .item-list .title {
    padding: 0 15px;
    height: 100%;
    font-weight: normal;
    white-space: nowrap;
    position: absolute;
    top: 0;
    right: -200px;
    z-index: -1;
    opacity: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #6ebb00;
    color: #fff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-style: normal;
}

.slide-faix .item-list .title:after {
    content: " ";
    position: absolute;
    top: 50%;
    right: -4px;
    margin-top: -5px;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 5px 0 5px 5px;
    border-left-color: #6ebb00;
    color: #6ebb00;
}

.slide-faix .item-list:hover .title {
    right: 48px;
    opacity: 1;
}

.slide-faix .item-list .bt {
    display: none;
}

.slide-faix .search-navs {
    display: none;
    position: absolute;
    right: 50px;
    bottom: 45px;
    width: 300px;
    z-index: 58;
    background-color: #6ebb00;
}

.slide-faix .search-navs  input::placeholder {
    color: #333;
    /* 修改为你想要的颜色 */
    opacity: 1;
    /* 确保颜色不被透明度影响 */
}

/* 针对 Mozilla 浏览器 (Firefox) */
.slide-faix .search-navs  input::-moz-placeholder {
    color: #333;
}

/* 针对 Microsoft Edge 和 IE 10+ */
.slide-faix .search-navs  input:-ms-input-placeholder {
    color: #333;
}

/* 针对更旧的 Microsoft 浏览器 */
.slide-faix .search-navs  input::-ms-input-placeholder {
    color: #333;
}

.slide-faix .search-navs.on {
    display: block;
}

.search-navs .search-field {
    width: 100%;
    background-color: #fff;
    font-size: 14px;
    color: #333;
    line-height: 45px;
    height: 45px;
    padding-left:10px;
}

.search-navs .zs-close {
    font-size: 18px;
    position: absolute;
    right: 10px;
    top: -20px;
    line-height: 30px;
    width: 30px;
    height: 30px;
    cursor: pointer;
    text-align: center;
    font-style: normal;
    background-color: #fff;
    border-radius: 50%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.3);
}

@media screen and (max-width: 768px) {
    body {
        padding-bottom: 64px !important;
    }

    .slide-faix .search-navs {
        width: 100%;
        height: 45px;
        right: 0;
        bottom: 100%;
    }

    .slide-faix {
        right: 0;
        top: initial;
        left: 0;
        bottom: 0;
        display: flex;
    }

    .slide-faix .zxy-seach {
        display: block;
    }

    .slide-faix .item-list {
        width: 20%;
        height: auto;
        padding: 5px;
    }

    .slide-faix .item-list .icon {
        display: block;
        width: 25px;
        height: 25px;
        margin: 0 auto;
    }

    .slide-faix .item-list .title {
        display: none;
    }

    .slide-faix .item-list .bt {
        display: block;
        color: #fff;
        font-style: normal;
        text-align: center;
        margin-top: 5px;
        font-size: 14px;
    }

    .slide-faix .item-list+.item-list {
        border-top: none;
        border-left: solid 1px rgba(255, 255, 255, 0.3);
    }
}

@media screen and (max-width: 500px) {
    body {
        padding-bottom: 50px !important;
    }

    .slide-faix .item-list .icon {
        width: 20px;
        height: 20px;
    }

    .slide-faix .item-list {
        padding: 5px 0;
    }

    .slide-faix .item-list .bt {
        font-size: 11px;
        line-height: 1;
        margin-top: 5px;
    }

    .slide-faix .item-list {
        padding: 7px 0;
    }
}

/* right-faix */





/* product详情页 */
.product-header .product-hd-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.product-hd-box .product-img {
    width: 31%;
    overflow: hidden;
    line-height: 0;
}

.product-hd-box .product-img .product-slider {
    margin-bottom: 10px;
    position: relative;
}

.product-slider .product-next,
.product-slider .product-prev {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 44px;
    height: 44px;
    z-index: 3;
    border-radius: 50%;
    cursor: pointer;
}

.product-slider .product-prev {
    left: 10px;
    background: #6ebb00 url(../images/swiper-jt.png) no-repeat center center;
    background-size: 24px;
    transform: translateY(-50%) rotate(180deg);
}

.product-slider .product-next {
    right: 10px;
    background: #6ebb00 url(../images/swiper-jt.png) no-repeat center center;
    background-size: 24px;
}

.product-img .product-slider .pro-bigimg {
    position: relative;
    overflow: hidden;

}

.product-img .product-slider .pro-bigimg img {
    display: block;
    width: 100%;
    height: auto;

}

.product-thumbs-slider .swiper-slide {
    position: relative;
    background-color: #000;
    cursor: pointer;
}

.product-thumbs-slider .swiper-slide img {
    opacity: 0.7;
    display: block;
    width: 100%;
    height: auto;
}

.product-thumbs-slider .swiper-slide.swiper-slide-thumb-active img {
    opacity: 1;
}

.product-thumbs-slider .video-img::before {
    content: '';
    width: 60px;
    height: 60px;
    background: url(../images/pro-play.png) no-repeat center center;
    background-size: 40px;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-hd-box .product-info {
    width: 66%;
    overflow: hidden;
}

.product-info h1 {
    color: #222;
    font-size: 26px;
    line-height: 1.4;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: solid 3px rgba(0, 0, 0, 0.06);
    position: relative;
}

.product-info h1::before {
    content: "";
    height: 3px;
    background-color: #6ebb00;
    width: 15%;
    position: absolute;
    left: 0;
    bottom: -3px;
}

.product-info .product-text a {
    color: #ff5500;
}

.product-info .product-text p {
    margin-bottom: 15px;
}

.product-info .pro-feature {
    display: flex;
    margin-top: 20px;
    padding: 16px;
    background: #fafafa;
    flex-wrap: wrap;
}

.product-info .pro-feature li {
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 25%;
}

.product-info .pro-feature li:nth-of-type(1) span {
    color: #00afff;
}

.product-info .pro-feature li:nth-of-type(2) span {
    color: #e73436;
}

.product-info .pro-feature li:nth-of-type(3) span {
    color: #4234f1;
}

.product-info .pro-feature li:nth-of-type(4) span {
    color: #ffcb00;
}

.product-info .pro-feature li img {
    margin-right: 3px;
    width: 26px;
    height: 26px;
    -webkit-transition: color 0.3s;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    transition: color 0.3s;
    -ms-transition: color 0.3s;
}

.product-info .pro-feature li:hover img {
    -webkit-animation: swing 1s linear;
    -o-animation: swing 1s linear;
    animation: swing 1s linear;
}

.product-info .pro-feature li span {
    font-size: 15px;
}

.product-info .pro-feature li:not(:last-child)::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    display: block;
    margin: auto;
    width: 0;
    height: 18px;
    border-left: 1px solid #dedede;
    content: "";
}

@keyframes swing {
    20% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg);
    }

    40% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg);
    }

    60% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg);
    }

    80% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg);
    }

    to {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}

.swing {
    -webkit-transform-origin: top center;
    transform-origin: top center;
    -webkit-animation-name: swing;
    animation-name: swing;
}

.product-btn {
    display: flex;
    margin-top: 15px;
    flex-wrap: wrap;
    align-content: center;
}

.product-btn .more {
    margin: 4px 4px 0 4px;
    padding: 10px 10px 10px 40px;
    border-radius: 4px;
    color: #fff;
    font-size: 16px;
}

.product-btn .more1 {
    background: #2f54c3 url(../images/xj-icon.png) no-repeat left 12px center;
    background-size: 22px;
}

.product-btn .more2 {
    background: #6ebb00 url(../images/whatsapp-icon.png) no-repeat left 12px center;
    background-size: 22px;
}

.product-btn .more:hover {
    background-color: #ff5500;
}


@media only screen and (max-width:1200px) {
    .product-hd-box .product-img {
        width: 38%;
    }

    .product-hd-box .product-info {
        width: 60%;
    }
}

@media only screen and (max-width:992px) {
    .product-hd-box .product-img {
        width: 100%;
        margin-bottom: 30px;
    }

    .product-hd-box .product-info {
        width: 100%;

    }
}

@media only screen and (max-width:680px) {

    .product-info .pro-feature {
        padding: 16px 10px;
    }

    .product-info .pro-feature li {
        margin: 10px 0;
        width: 50%;
    }

    .product-info .pro-feature li:nth-of-type(2):after {
        display: none;
    }
}

@media screen and (max-width: 480px) {
    .product-info h1 {
        font-size: 20px;
    }

    .product-info .pro-feature {
        padding: 12px 5px;
    }

    .product-info .pro-feature li img {
        width: 20px;
        height: 20px;
        margin-right: 0;
    }

    .product-info .pro-feature li {
        margin: 5px 0;

    }

    .product-info .pro-feature li span {
        font-size: 14px;
    }
}

/*Parameter*/
.parameter-box table tr td:nth-of-type(1) {
    width: 30%;
}

@media screen and (max-width: 768px) {
    .parameter-box {
        display: flex;
        justify-content: space-between;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding-bottom: 5px;
        width: 100%;
    }

    .parameter-box table {
        table-layout: auto !important;
    }

    .parameter-box table tr td {
        flex: 0 0 auto;
        white-space: nowrap;
        width: 100%;
    }
}

/*Parameter*/
/* product-details-themes */
.product-details-themes {
    text-align: center;
    position: relative;
}

.product-details-themes::before {
    content: "";
    width: 100%;
    height: 60%;
    background-color: #e7e7e7;
    position: absolute;
    left: 0;
    bottom: 22px;
}

.themes-title {
    text-align: center;
    margin-bottom: 30px;
}

.themes-title h2 {
    text-transform: capitalize;
    color: #222;
    line-height: 1.3;
    display: inline-block;
    position: relative;
}

.themes-title h2::before {
    content: "";
    position: absolute;
    width: 30px;
    height: 30px;
    left: -30px;
    bottom: -10px;
    background-color: #6fbb01;
    opacity: 0.6;
    border-radius: 50%;
}

.themes-title h2::after {
    content: "";
    position: absolute;
    width: 50px;
    height: 50px;
    right: -50px;
    border-radius: 50%;
    top: -20px;
    background-color: #6fbb01;
}

.themes-title .txt {
    font-size: 28px;
    color: #6fbb01;
    line-height: 1.5;
    margin-top: 10px;
}

.themes-title .text {
    max-width: 700px;
    background-color: #6fbb01;
    color: #fff;
    text-align: center;
    padding: 15px 10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.product-details-themes .warp-mb {
    position: relative;
    z-index: 2;
}

.product-details-themes .themes-list ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: nowrap;
    margin-bottom: 35px;
}

.product-details-themes .themes-list li {
    width: 15.5%;
    border: solid 1px #ccc;
    border-radius: 10px;
    overflow: hidden;
    cursor: pointer;
}

.product-details-themes .themes-list li span {
    display: block;
    font-size: 14px;
    text-transform: capitalize;
    line-height: 30px;
    text-align: center;
    background-color: #f1f1f1;
    color: #222;
    margin-top: 5px;
}

.product-details-themes .themes-list li.active {
    border: solid 1px #6fbb01;
}

.product-details-themes .themes-list li.active span {
    background-color: #6fbb01;
    color: #fff;
}

.product-details-themes .themes-list li img {
    display: block;
    width: 100%;
    height: auto;
}

.themes-boximg .themes-item {
    display: none;
}

.themes-boximg .themes-item.active {
    display: block;
}

.themes-boximg .themes-item .imgs {
    display: flex;
    justify-content: space-between;
}

.themes-boximg .themes-item img {
    display: block;
    width: 19%;
    border-radius: 10px;
}

.probtn-more {
    display: inline-block;
    padding: 10px 20px;
    color: #fff;
    text-transform: capitalize;
    background-color: #6fbb01;
    border-radius: 10px;
    font-weight: bold;
    line-height: 1.5;
    font-size: 14px;
    margin-top: 40px;
    position: relative;
    z-index: 2;
    cursor: pointer;
    transition: all 0.3s;
    box-shadow: 8px 8px 0 0 #91d72c;
}

.probtn-more:hover {
    box-shadow: 0 0 0 0 #91d72c;
}

@media only screen and (max-width:1200px) {
    .themes-title h2::before {
        width: 20px;
        height: 20px;
        left: -10px;
        bottom: -5px;
    }

    .themes-title h2::after {
        width: 25px;
        height: 25px;
        right: -25px;
        top: -5px;
    }

    .themes-title {
        margin-bottom: 20px;
    }

    .product-details-themes .themes-list ul {
        margin-bottom: 25px;
    }

    .probtn-more {
        margin-top: 30px;
    }

    .themes-title .txt {
        font-size: 22px;
    }
}

@media only screen and (max-width:992px) {
    .product-details-themes .themes-list li span {
        font-size: 12px;
    }

    .themes-title .txt {
        font-size: 18px;
    }
}

@media only screen and (max-width:768px) {

    .product-details-themes::before {
        height: 70%;
    }

    .product-details-themes .themes-list ul {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }

    .product-details-themes .themes-list li {
        flex: 0 0 auto;
        width: 120px;
    }

    .product-details-themes .themes-list li+li {
        margin-left: 1rem;
    }

}

@media only screen and (max-width:540px) {
    .themes-boximg .themes-item .imgs {
        justify-content: space-evenly;
        flex-wrap: wrap;
    }

    .themes-boximg .themes-item img {
        width: 31%;
        margin-bottom: 10px;
    }

    .probtn-more {
        font-size: 12px;
        margin-top: 20px;
    }


}

/* product-details-themes */

/* indoor-playground */
.indoor-playground {
    position: relative;
}

.indoor-playground img {
    display: block;
    width: 100%;
    max-width: 1200px;
    height: auto;
}

.indoor-playground .playground-box {
    position: absolute;
    right: 0;
    top: 15%;
    bottom: 50px;
    width: 100%;
    max-width: 700px;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    padding: 10% 50px 0 30px;
}

.indoor-playground .playground-box::before {
    content: "";
    width: 256px;
    height: 100%;
    background: url(../images/huanhu.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 100%;
    bottom: 0;
}

.indoor-playground .playground-box .bt {
    color: #707070;
    position: absolute;
    left: -150px;
    right: 15%;
    line-height: 1.3;
    background-color: #6fbb01;
    background: linear-gradient(to left, #6fbb01, #fff);
    display: block;
    top: -30px;
    padding: 10px 20px;
    border-radius: 10px;
    text-transform: capitalize;
}

.indoor-playground .playground-box .txt {
    line-height: 1.8;
    text-align: justify;
}

.game-pavilion img {
    display: block;
    width: 100%;
    height: auto;
}

@media only screen and (max-width:1440px) {
    .indoor-playground img {
        max-width: 900px;
    }

    .indoor-playground .playground-box {
        top: 10%;
        bottom: 50px;
        max-width: 600px;
        padding: 8% 50px 0 30px;
    }

    .indoor-playground .playground-box::before {
        width: 200px;
    }
}

@media only screen and (max-width:992px) {
    .indoor-playground .playground-box::before {
        display: none;
    }

    .indoor-playground .playground-box .bt {
        position: static;
        margin-bottom: 20px;
    }

    .indoor-playground .playground-box {
        max-width: 95%;
        margin-left: auto;
        margin-right: auto;
        padding: 30px;
        position: relative;
        margin-top: -100px;
        top: inherit;
        bottom: inherit;
        z-index: 2;

    }
}

@media only screen and (max-width:560px) {
    .indoor-playground .playground-box {
        max-width: 98%;
        padding: 20px 10px;
    }

    .indoor-playground .playground-box .bt {
        font-size: 18px;
    }
}

/* indoor-playground */

/* product-lbox */
.product-lbox {
    padding-top: 50px;
    padding-bottom: 50px;
    background-color: #6fbb01;
}

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

.product-lbox li {
    width: 13%;

}

.product-lbox li a {
    padding: 15px 0;
    text-align: center;
    background-color: #fff;
    color: #222;
    border-radius: 10px;
    line-height: 1.5;
    font-size: 14px;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
    display: block;
}

@media only screen and (max-width:1200px) {
    .product-lbox li {
        font-size: 12px;
        padding: 15px 5px;
    }
}

@media only screen and (max-width:768px) {
    .product-lbox ul {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
        padding-bottom: 5px;
    }

    .product-lbox li {
        flex: 0 0 auto;
        width: 140px;
    }

    .product-lbox li+li {
        margin-left: 15px;
    }
}

/* product-lbox */
/* zhengshu-box */
.zhengshu-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.zhengshu-box img {
    display: block;
    width: 48%;
    height: auto;
    margin-bottom: 10px;
}

@media only screen and (max-width:768px) {
    .zhengshu-box img {
        width: 100%;
    }
}

/* zhengshu-box */

/* game-pavilion */
.game-pavilion .pavilion-swiper {
    padding-left: 20px;
    padding-right: 20px;
    overflow: hidden;
}

.pavilion-swiper .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
}

.pavilion-swiper .swiper-slide strong {
    display: block;
    text-align: center;
    font-size: 16px;
    text-transform: capitalize;
    line-height: 1.4;
}

@media only screen and (max-width:768px) {
    .game-pavilion .pavilion-swiper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .pavilion-swiper .swiper-slide strong {
        font-size: 14px;
    }

}

/* game-pavilion */
.material-box .pc-box img,
.material-box .m-box img {
    display: block;
    width: 100%;
    height: auto;
}

.material-box .m-box {
    display: none;
}

@media only screen and (max-width:768px) {
    .material-box .pc-box {
        display: none;
    }

    .material-box .m-box {
        display: block;
    }
}

.material-box .pc-box img,
.material-box .m-box img {
    display: block;
    width: 100%;
    height: auto;
}

.material-box .m-box {
    display: none;
}

@media only screen and (max-width:768px) {
    .material-box .pc-box {
        display: none;
    }

    .material-box .m-box {
        display: block;
    }
}


.scenarios-box {
    background-color: #f5f5f5;
    padding-top: 50px;
    padding-bottom: 40px;
}

.scenarios-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.scenarios-box li {
    width: 31%;
    margin-bottom: 20px;
}

.scenarios-box li img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 10px;
}

.scenarios-box li strong {
    display: block;
    margin-left: 25px;
    margin-right: 25px;
    background-color: #6fbb01;
    font-size: 16px;
    text-transform: capitalize;
    text-align: center;
    line-height: 1.3;
    color: #fff;
    padding: 11px 10px;
    position: relative;
    margin-top: -22px;
}

@media only screen and (max-width:992px) {
    .scenarios-box li {
        width: 48%;
    }

    .scenarios-box li strong {
        margin-left: 15px;
        margin-right: 15px;
        font-size: 14px;
    }

    .scenarios-box {
        padding-top: 40px;
        padding-bottom: 30px;
    }
}

@media only screen and (max-width:500px) {
    .scenarios-box li {
        width: 100%;
    }

    .scenarios-box {
        padding-top: 30px;
        padding-bottom: 20px;
    }
}

/* product详情页 */

/* faq-content */
.faq-banner img {
    display: block;
    width: 100%;
    height: auto;
}

.faq-content {
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    position: relative;
    z-index: 2;
    margin-top: -200px;
    border-radius: 10px;
    text-align: center;
}

.faq-content li {
    background-color: #bfea80;
    background: linear-gradient(to top, #bfea80 0%, #fff 30%, #fff 100%);
    position: relative;
    padding: 30px 20px 30px 110px;
    border-radius: 10px;
}

.faq-content li img {
    display: block;
    width: 80px;
    height: 80px;
    position: absolute;
    left: 20px;
    top: 50%;
    transform: translateY(-50%);
}

.faq-content li p::first-letter {
    color: #6fbb01;
    font-weight: bold;
    font-size: 26px;
    margin-right: 5px;
}

.faq-content li p {
    text-transform: capitalize;
    color: #1d1d1d;
    text-align: left;
}

.faq-content li .p1 {
    margin-bottom: 10px;
}


.faq-content .probtn-more {
    margin-bottom: -20px;
}

@media only screen and (max-width:1200px) {
    .faq-content {
        margin-top: -120px;
    }

    .faq-content li p {
        line-height: 1.4;
    }
}

@media only screen and (max-width:992px) {
    .faq-content {
        margin-top: -80px;
    }

    .faq-content li p {
        line-height: 1.5;
    }

    .faq-content li p::first-letter {
        font-size: 18px;
    }
}

@media only screen and (max-width:480px) {
    .faq-content {
        margin-top: -30px;
    }

    .faq-content li {
        padding: 20px 10px;
    }

    .faq-content li img {
        display: block;
        transform: translate(0);
        position: static;
    }
}

/* faq-content */

/* expert  */
.expert-one .expert-one-top {
    display: flex;
    border-radius: 10px;
    border: solid 1px #dcdcdc;
    justify-content: space-between;
    background-color: #f3f3f3;
    overflow: hidden;
}

.expert-one .expert-one-top li {
    background-color: #f3f3f3;
    width: 20%;
    position: relative;
}

.expert-one .expert-one-top li a {
    text-align: center;
    padding: 20px 0;
    font-size: 18px;
    text-transform: capitalize;
    color: #222;
    display: block;
}

.expert-one .expert-one-top li:hover {
    background-color: #fff;

}

.expert-one .expert-one-top li:hover a {
    color: #6fbb01;
}

.expert-one .expert-one-top li:hover::before {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #6fbb01;
    position: absolute;
    left: 0;
    top: -1px;
}

.expert-one-content {}




.expert-one-content ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
}

.expert-one-content li {
    width: 23%;
    text-align: center;
    margin-top: 40px;
}

.expert-one-content li img {
    display: block;
    border-radius: 50%;
    width: 180px;
    height: 180px;
    margin: 0 auto;
}

.expert-one-content li h3 {
    color: #505050;
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.3;
    margin-bottom: 10px;
    margin-top: 15px;
}

.expert-one-content li p {
    font-size: 14px;
}

@media only screen and (max-width:1200px) {
    .expert-one .expert-one-top li a {
        padding: 15px 0px;
        font-size: 16px;
    }

    .expert-one-content li img {
        width: 120px;
        height: 120px;
    }

    .expert-one-content li h3 {
        font-size: 16px;
    }

    .expert-one-content li p {
        font-size: 12px;
    }
}

@media only screen and (max-width:768px) {
    .expert-one .expert-one-top li a {
        font-size: 14px;
        padding: 15px 10px;
    }

    .expert-one .expert-one-top {
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        flex-wrap: nowrap;
    }

    .expert-one-content li img {
        width: 100px;
        height: 100px;
    }

    .expert-one .expert-one-top li {
        width: auto;
        white-space: nowrap;
        flex: 0 0 auto;
    }

    .expert-one-content li {
        width: 30%;
    }
}

@media only screen and (max-width:640px) {

    .expert-one-content li {
        width: 46%;
        margin-top: 30px;
    }
}

@media only screen and (max-width:360px) {
    .expert-one-content li {
        width: 100%;
    }
}

.expert-two {
    background-color: #efefef;
}

.expert-two ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.expert-two li {
    width: 49%;
    background-color: #fff;
    border-radius: 10px;
    margin-top: 30px;
    padding: 20px;
    display: flex;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    justify-content: space-between;
    align-items: center;
}

.expert-two li img {
    display: block;
    width: 40%;
}

.expert-two li .text-box {
    width: 56%;
}

.expert-two li .text-box h3 {
    font-size: 18px;
    text-transform: capitalize;
    color: #9ecc12;
    margin-bottom: 10px;
}

.expert-two li .text-box p {
    font-size: 14px;
    color: #4e4e4e;
}

@media only screen and (max-width:992px) {
    .expert-two li {
        width: 100%;
        margin-top: 20px;

    }
}

@media only screen and (max-width:480px) {
    .expert-two li {
        flex-direction: column
    }

    .expert-two li img {
        width: 100%;
    }

    .expert-two li .text-box {
        width: 100%;
        margin-top: 20px;
        text-align: center;
    }
}

/* ball-games */
.ball-games ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.ball-games li {
    width: 31%;
    margin-top: 30px;
    padding: 10px 30px;
    background-color: #fff;
    text-align: center;
    position: relative;
}

.ball-games li::before {
    content: "";
    width: 100%;
    height: auto;
    position: absolute;
    left: 0;
    bottom: 0;
    top: 30%;
    background-color: #6fbb01;
    border-radius: 10px;
}

.ball-games li img {
    display: block;
    width: 100%;
    height: auto;
    position: relative;
    z-index: 2;
    border-radius: 10px;
}

.ball-games li h3 {
    color: #fff;
    font-size: 18px;
    text-transform: capitalize;
    margin-bottom: 10px;
    margin-top: 10px;
    position: relative;
    z-index: 2;
}

.ball-games li p {
    position: relative;
    z-index: 2;
    font-size: 14px;
    color: #fff;
    line-height: 1.6;
}

@media only screen and (max-width:992px) {
    .ball-games li {
        width: 48%;
    }

    .ball-games li::before {
        top: 20%;

    }
}

@media only screen and (max-width:560px) {
    .ball-games li {
        width: 100%;
    }
}

/* ball-games */
/* relaxation-box */
.relaxation-box {
    background-color: #f4f4f4;
}

.relaxation-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.relaxation-box li {
    width: 49%;
    margin-top: 40px;
    position: relative;
    padding-left: 140px;
}

.relaxation-box li img {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.relaxation-box li .text-box {
    width: 100%;
    border: solid 1px #8d8d8d;
    border-radius: 10px;
}

.relaxation-box li .text-box h3 {
    font-size: 20px;
    color: #7d7d7d;
    line-height: 1.3;
    padding: 10px;
    border-bottom: solid 1px #8d8d8d;
}

.relaxation-box li .text-box p {
    font-size: 16px;
    color: #7d7d7d;
    padding: 10px;
}

@media only screen and (max-width:1200px) {
    .relaxation-box li {
        width: 100%;
    }
}

@media only screen and (max-width:768px) {
    .relaxation-box li {
        margin-top: 30px;
        flex-direction: column;
        align-items: center;
        border: solid 1px #8d8d8d;
        padding-top: 20px;
        border-radius: 10px;
        display: flex;
        padding-left: 0px;
    }

    .relaxation-box li img {
        width: 150px;
        height: 150px;
        position: static;
        transform: translateY(0%);
    }

    .relaxation-box li .text-box {
        width: 100%;
        text-align: center;
        border: none;
    }

    .relaxation-box li .text-box h3 {
        font-size: 18px;
    }

    .relaxation-box li .text-box p {
        font-size: 14px;
    }
}

/* relaxation-box */
/* electric-box */
.electric-box ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.electric-box li {
    width: 49%;
    margin-top: 30px;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.electric-box li img {
    width: 38%;
    display: block;
    height: auto;
}

.electric-box li .text-box {
    width: 58%;
}

.electric-box li .text-box h3 {
    font-size: 20px;
    color: #6fbb01;
    line-height: 1.3;
    margin-bottom: 10px;
}

.electric-box li .text-box p {
    font-size: 16px;
    line-height: 1.5;
}

@media only screen and (max-width:1200px) {
    .electric-box li {
        width: 100%;
    }

    .electric-box li img {
        width: 20%;
    }

    .electric-box li .text-box {
        width: 78%;
    }
}

@media only screen and (max-width:768px) {


    .electric-box li img {
        width: 30%;
    }

    .electric-box li .text-box {
        width: 68%;
    }
}

@media only screen and (max-width:600px) {

    .electric-box li {
        flex-direction: column;
        text-align: center;
        margin-top: 20px;
    }

    .electric-box li img {
        width: auto;
        margin-bottom: 10px;
    }

    .electric-box li .text-box {
        width: 100%;
    }

    .electric-box li .text-box h3 {
        margin-bottom: 5px;
    }
}

.btn-boxck {
    position: relative;
}

.btn-boxck a {
    display: flex;
    max-width: 650px;
    padding: 10px 20px;
    background-color: #6fbb01;
    text-transform: capitalize;
    margin: 0 auto;
    border-radius: 80px;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 2;
}

.btn-boxck a .icon {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    position: relative;
    box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.1);
}

.btn-boxck a .icon img {
    display: block;
    width: 100%;
    height: auto;
    border-radius: 50%;
}

.btn-boxck a .icon::before {
    content: "";
    transform: translate(-50%, -50%);
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    text-align: center;
    background-color: #ffffff2b;
    animation: witr_squares1 3s linear infinite;
}

.btn-boxck a span {
    font-size: 20px;
    color: #fff;
    text-transform: capitalize;
    max-width: 300px;
    margin-left: 30px;
}

@media only screen and (max-width:480px) {
    .btn-boxck a {
        flex-direction: column;
        text-align: center;
        position: relative;
        background-color: transparent;
    }

    .btn-boxck::before {
        content: "";
        width: 100%;
        background-color: #6fbb01;
        position: absolute;
        left: 0;
        bottom: 0;
        height: 75%;
        border-radius: 10px;
    }

    .btn-boxck a span {
        margin-top: 20px;
        margin-left: 0;
    }
}

/* electric-box */


/* expert  */




/* product-detailspy-clim */
.product-detailspy-clim {
    position: relative;
    overflow: hidden;
}

.product-detailspy-clim .bx-bl {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -5px;
}

.waves {
    position: relative;
    width: 100%;
    height: 25vh;
    margin-bottom: -7px;
    /*Fix for safari gap*/
    min-height: 120px;
    max-height: 150px;
}

/* Animation */

.parallax>use {
    animation: move-forever 25s cubic-bezier(0.55, 0.5, 0.45, 0.5) infinite;
}

.parallax>use:nth-child(1) {
    animation-delay: -2s;
    animation-duration: 7s;
}

.parallax>use:nth-child(2) {
    animation-delay: -3s;
    animation-duration: 10s;
}

.parallax>use:nth-child(3) {
    animation-delay: -4s;
    animation-duration: 13s;
}

.parallax>use:nth-child(4) {
    animation-delay: -5s;
    animation-duration: 20s;
}

@keyframes move-forever {
    0% {
        transform: translate3d(-90px, 0, 0);
    }

    100% {
        transform: translate3d(85px, 0, 0);
    }
}

.product-detailspy-clim .product-detailspy-climbox {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    z-index: 2;
}

.product-detailspy-climbox .product-detailspy-climbox-left {
    width: 48%;
}

.product-detailspy-climbox-left .img-video {
    width: 100%;
    height: auto;
    display: block;
    border-radius: 10px;
}


.product-detailspy-climbox .product-detailspy-climbox-right {
    width: 48%;
}

.product-detailspy-climbox-right .ht {
    text-transform: capitalize;
    line-height: 1.2;
    margin-bottom: 20px;
    position: relative;
    color: #222;
}

.product-detailspy-climbox-right .ht::before {
    content: "";
    width: 60px;
    height: 2px;
    background-color: #6fbb01;
    position: absolute;
    left: 0;
    bottom: -10px;
}

.product-detailspy-climbox-right .text {
    font-size: 16px;
    margin-bottom: 15px;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.2);
}

.product-detailspy-climbox-right .btm-dk {
    max-width: 130px;
    border-radius: 5px;
    background-color: #6fbb01;
    display: flex;
    justify-content: center;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.product-detailspy-climbox-right .btm-dk a {
    padding: 5px;
}

.product-detailspy-climbox-right .btm-dk a+a {
    margin-left: 10px;
}

.product-detailspy-climbox-right .btm-dk img {
    display: block;
    width: 30px;
    height: 30px;
}

.product-detailspy-lb {
    background-color: #6fbb01;
}

.product-detailspy-lb .product-detailspy-lbbox {
    overflow: hidden;
    position: relative;
}

.product-detailspy-lbbox .swiper-slide img {
    display: block;
    width: 100%;
    height: auto;
}

.product-detailspy-lbbox .detailspy-prev,
.product-detailspy-lbbox .detailspy-next {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    position: absolute;
    top: 50%;
    z-index: 2;
    transform: translateY(-50%);
    background: #ff5500 url(../images/swiper-jt.png) no-repeat center;
    background-size: 20px;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
    cursor: pointer;
}

.product-detailspy-lbbox .detailspy-prev {
    left: 10px;
    transform: translateY(-50%) rotate(180deg);
}

.product-detailspy-lbbox .detailspy-next {
    right: 10px;
}

/* safety-mance */
.safety-mance {
    position: relative;
}

.safety-mance::before {
    content: "";
    width: 100%;
    height: 58%;
    background-color: #f5f5f5;
    position: absolute;
    left: 0;
    bottom: 0;
}

.safety-mance .safety-mance-box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    position: relative;
    align-items: center;
    z-index: 2;
}

.safety-mance-box .mace-img {
    width: 45%;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}

.safety-mance-box .mace-img img {
    display: block;
    width: 100%;
    height: auto;
}

.safety-mance-box .mace-text {
    width: 53%;

}

.safety-mance-box .mace-text ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.safety-mance-box .mace-text li {
    width: 32%;
    text-align: center;
    margin-bottom: 20px;
}

.safety-mance-box .mace-text li .img {
    display: block;
    margin: 0 auto;
    width: 80px;
    height: 80px;
}

.safety-mance-box .mace-text li .img img {
    display: block;
    width: 100%;
    height: auto;
}

.safety-mance-box .mace-text li h3 {
    font-size: 18px;
    line-height: 1.2;
    color: #3e3e3e;
    text-transform: capitalize;
    margin-bottom: 8px;
}

.safety-mance-box .mace-text li p {
    font-size: 14px;
    color: #464545;
    line-height: 1.5;

}

/* safety-mance */

@media only screen and (max-width:992px) {

    .product-detailspy-climbox .product-detailspy-climbox-left,
    .product-detailspy-climbox .product-detailspy-climbox-right {
        width: 100%;
    }

    .product-detailspy-climbox .product-detailspy-climbox-right {
        margin-top: 30px;
    }

    .safety-mance-box .mace-img,
    .safety-mance-box .mace-text {
        width: 100%;
    }

    .safety-mance-box .mace-text {
        margin-top: 30px;
    }
}

@media only screen and (max-width:768px) {
    .safety-mance::before {
        height: 85%;
    }

    .product-detailspy-climbox-right .text {
        font-size: 14px;
        line-height: 1.7;
    }

    .safety-mance-box .mace-text li h3 {
        font-size: 16px;
    }

    .safety-mance-box .mace-text li p {
        font-size: 12px;
    }

    .waves {
        height: 15vh;
        margin-bottom: -7px;
        min-height: 80px;
        max-height: 120px;
    }

    .product-detailspy-lbbox .detailspy-prev,
    .product-detailspy-lbbox .detailspy-next {
        width: 30px;
        height: 30px;
        background-size: 15px;

    }

    .safety-mance-box .mace-img {
        width: 96%;
        margin-left: auto;
        margin-right: auto;
    }
}

@media only screen and (max-width:640px) {
    .safety-mance-box .mace-text li {
        width: 49%;
    }
}

/* product-detailspy-clim */




/* details-box */
.details-box .details-left {
    width: 70%;
    float: right;
}

.details-left h1 {
    line-height: 1.3;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-transform: capitalize;
    color: #222;
    position: relative;
    border-bottom: solid 1px #f5f5f5;
}

.details-left h1::before {
    content: "";
    width: 60px;
    height: 1px;
    background-color: #6fbb01;
    position: absolute;
    left: 0;
    bottom: -1px;
}

.details-left .privacy-policy {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid rgba(0, 0, 0, .085);
}

.news-content h2 {
    font-size: 24px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.news-content h3 {
    font-size: 20px;
    line-height: 1.3;
    margin-bottom: 15px;
}

.news-content p {
    font-size: 16px;
    line-height: 1.6;
    margin-bottom: 15px;
    margin-top: 15px;
}

.news-content .wp-block-columns {
    margin-bottom: 15px;
    padding-left: 10px;
    padding-right: 10px;
}

.details-box .details-right {
    width: 26%;
    float: left;
}

.side-products {
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.11);
    background-color: #6ebb00;
    padding: 25px 20px;
    margin-bottom: 20px;
}

.side-products strong {
    color: #fff;
    font-size: 20px;
    line-height: 1.2;
    font-family: "homestorebold";
    display: block;
}

.side-products strong+p {
    margin-top: 5px;
}

.side-products p {
    padding: 2px 0;
    padding-left: 10px;
    text-transform: capitalize;
    position: relative;
}

.side-products p a {
    color: #fff;
    display: block;
    font-size: 14px;
    line-height: 1.6;
}

.side-products p::before {
    content: "";
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background-color: #fff;
    position: absolute;
    left: 0px;
    top: 9px;
}

.side-products p a:hover,
.side-products a:hover {
    text-decoration: underline;
}

.side-products .iphone {
    font-size: 16px;
    display: block;
    line-height: 40px;
    color: #f9f9f9;

    background-size: 16px;
    margin-top: 12px;
}

.side-products .whatapp {
    font-size: 16px;
    display: block;
    line-height: 40px;
    color: #f9f9f9;

    background-size: 16px;
}

.side-products .email {
    font-size: 16px;
    display: block;
    line-height: 40px;
    color: #f9f9f9;
    background-size: 16px;
}

@media screen and (max-width: 992px) {
    .details-box .details-left {
        width: 100%;
        float: none;
    }

    .details-left h1 {
        font-size: 24px;
        margin-bottom: 10px;
    }

    .news-content h2 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .news-content h3 {
        font-size: 18px;
        margin-bottom: 10px;
    }

    .news-content p {
        font-size: 14px;
        line-height: 1.6;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .news-content .wp-block-columns {
        margin-bottom: 10px;
    }

    .details-box .details-right {
        width: 100%;
        float: none;
        margin-top: 30px;
    }
}

/* details-box */


/* case  */
.case-list {
    margin-left: -2%;
}

.case-list li {
    margin-left: 2%;
    width: 23%;
    float: left;
    transition: all 0.3s;
    margin-top: 30px;
    background-color: #f5f5f5;
    overflow: hidden;
}

.case-list li:hover {
    transform: scale(1.05);
}

.case-list li .img {
    display: block;
    position: relative;
    padding-top: 55%;
    overflow: hidden;
}

.case-list li .img img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}


.case-list li .text-box {
    padding: 10px;
}

.case-list li .text-box h3 a {
    font-size: 18px;
    line-height: 1.2;
    color: #222;
    margin-bottom: 8px;
    text-transform: capitalize;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.case-list li .text-box .time {
    display: block;
    font-size: 12px;
    color: #999999;
    line-height: 1.3;
    margin-bottom: 5px;
}

.case-list li .btm-box {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.case-list li .btm-box .star {
    display: flex;
}

.case-list li .btm-box .star img {
    display: block;
    width: 15px;
    height: 15px;
}

.case-list li .btm-box .star img+img {
    margin-left: 2px;
}

.case-list li .btm-box .more {
    font-size: 16px;
    color: #6fbb01;
    text-transform: capitalize;
}

@media only screen and (max-width:1200px) {
    .case-list li {
        width: 31.3%;
    }
}

@media only screen and (max-width:992px) {
    .case-list li {
        width: 48%;
    }
}

@media only screen and (max-width:460px) {
    .case-list li {
        width: 98%;
    }
}

/* case  */

/* news */
.news-list li {
    background-color: #f5f5f5;
    padding: 15px;
    overflow: hidden;
}

.news-list li .img {
    display: block;
    width: 300px;
    float: left;
    overflow: hidden;
    margin-right: 15px;

}

.news-list li .img img {
    display: block;
    width: 100%;
    height: auto;
}


.news-list .text-box h3 a {
    font-size: 20px;
    line-height: 1.3;
    color: #222;
    margin-bottom: 8px;
    text-transform: capitalize;
    display: block;

}

.news-list .text-box p {
    font-size: 14px;
    color: #555;
    line-height: 1.6;
    margin-bottom: 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

.news-list .text-box .more {
    font-size: 16px;
    color: #6fbb01;
    text-transform: capitalize;
    display: block;
}

@media only screen and (max-width:768px) {
    .news-list .text-box h3 a {
        font-size: 18px;
    }

    .news-list li .img {
        width: 220px;
    }
}

@media only screen and (max-width:520px) {
    .news-list li .img {
        display: block;
        width: 100%;
        float: none;
        margin-right: 0;
        margin-bottom: 10px;
    }
}

/* news */

/* product-list */
.product-list {
    margin-left: -2%;
}

.product-list li {
    width: 23%;
    float: left;
    margin-left: 2%;
    margin-top: 30px;
    transition: all 0.3s;
    box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1);
}

.product-list li .img {
    display: block;
    position: relative;
    padding-top: 60%;
    overflow: hidden;
}

.product-list li .img img {
    width: 100%;
    height: auto;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.product-list li .img::before {
    position: absolute;
    top: 50%;
    left: 50%;
    display: block;
    content: '';
    width: 0;
    height: 0;
    background: rgba(255, 255, 255, 0.2);
    border-radius: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    opacity: 0;
    z-index: 2;
}

.product-list li:hover .img:before {
    -webkit-animation: circle 1s;
    animation: circle 1s;
}

@-webkit-keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

@keyframes circle {
    0% {
        opacity: 1;
    }

    40% {
        opacity: 1;
    }

    100% {
        width: 200%;
        height: 200%;
        opacity: 0;
    }
}

.product-list li .text-box {
    padding: 15px 10px;
    background-color: #fff;
}

.product-list li .text-box h3 a {
    font-size: 18px;
    line-height: 1.3;
    color: #222;
    margin-bottom: 10px;
    text-transform: capitalize;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.product-list li .text-box .more {
    display: block;
    text-align: right;
    color: #6fbb01;
    font-size: 14px;
    font-weight: 500;
}

.product-list li:hover .text-box h3 a {
    color: #6fbb01;
}

@media only screen and (max-width:992px) {
    .product-list li {
        width: 31.3%;
    }
}

@media only screen and (max-width:768px) {
    .product-list li {
        width: 48%;
    }
}

@media only screen and (max-width:440px) {
    .product-list li {
        width: 98%;
    }
}

/* product-list */

/*分页*/

.zxy-pagination {
    margin-top: 20px;
}
.zxy-taxonomy{
     display: flex;
    justify-content: center;
    flex-wrap: wrap; 
        margin-top: 20px;
}
.zxy-pagination .nav-links {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
.zxy-taxonomy span,
.zxy-taxonomy a{
      padding: 0 15px;
    width: auto;
    height: 30px;
    background-color: #6fbb01;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
    line-height: 30px; 
        cursor: pointer;
         margin-left: 5px;
          margin-right: 5px;
}
.zxy-pagination .nav-links .page-numbers {
    padding: 0 15px;
    width: auto;
    height: 30px;
    background-color: #6fbb01;
    font-size: 12px;
    color: #fff;
    border-radius: 5px;
    text-align: center;
        cursor: pointer;
    line-height: 30px;
}

.zxy-pagination .nav-links .page-numbers:hover {
    background-color: #6fbb01;
}

.zxy-pagination .nav-links .page-numbers+.page-numbers {
    margin-left: 5px;
}

.zxy-pagination .nav-links .page-numbers.current {
    background-color: #6fbb01;
}

/*分页*/


/* search-results */
.search-box .title {
    font-size: 28px;
    color: #333;
    text-transform: capitalize;
    line-height: 1.3;
    padding-bottom: 10px;
    margin-bottom: 10px;
    border-bottom: solid 1px #ff5500;
    font-weight: 500;
}

.search-box ul {
    margin-left: -1%;
}

.search-box li {
    transition: all 0.3s;
    background-color: #fff;
    box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.2);
    width: 24%;
    margin-left: 1%;
    float: left;
    margin-top: 30px;
}

.search-box li .img {
    position: relative;
    padding-top: 60%;
    overflow: hidden;
    display: block;
}

.search-box li .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all 0.3s;
}

.search-box li h3 {
    padding: 15px 60px 15px 15px;
    position: relative;
}

.search-box li h3::before {
    content: '';
    width: 3px;
    height: 30px;
    background-color: #ff5500;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}

.search-box li h3 a {
    font-size: 18px;
    text-transform: capitalize;
    line-height: 1.5;
    display: block;
    color: #333;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.search-box li:hover h3 a {
    color: #ff5500;
}

@media screen and (max-width: 1200px) {
    .search-box li {
        width: 32.333333%;
    }
}

@media screen and (max-width: 768px) {
    .search-box li {
        width: 49%;
    }
}

@media screen and (max-width: 414px) {
    .search-box li {
        width: 99%;
        float: none;
    }
}

/* search-results */