@charset "utf-8";
/* CSS reset */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td,
figure,
figcaption {
    margin: 0;
    padding: 0;
}
html {
    overflow-x: hidden;
}
body {
    width: 100%;
    float: left;
    overflow-x: hidden;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset,
img {
    border: 0;
}
address,
caption,
cite,
code,
dfn,
th,
var {
    font-style: normal;
    font-weight: normal;
}
ol,
ul,
li {
    list-style: none;
}
caption,
th {
    text-align: left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: normal;
}
q:before,
q:after {
    content: '';
}
abbr,
acronym {
    border: 0;
}
/* CSS Document */
a:hover {}
input,
select,
button,
a {
    text-decoration: none;
    outline: none;
    color: #000;
}

/* 大屏幕 */
@media(min-width:481px) {
    /*详情*/
    .Content80vw{
        width: 80vw;
        float: left;
        margin: 10vh 10vw;

    }
    /*page*/
    .page {
        float: left;
        width: 70vw;
        margin-top: 10vh;
        margin-left: 15vw;
        margin-bottom: 10vh;
    }
    .page span,
    .page a {
        height: 34px;
        float: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #e9e9e9;
        background: #fff;
        color: #333;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
        margin-left: 10px;
        padding: 0 20px;
    }
    .page a:hover {
        color: #208050;
        border-color: #208050;
    }
    .page .current {
        color: #208050;
        border-color: #208050;
    }

    /*右侧返回顶部*/
    .right_nav{
        width: 3vw;
        position: fixed;
        right: 1vw;
        bottom: 10vh;
        z-index: 99;
    }
    .right_nav li{
        width:3vw;
        height: 3vw;
        float: left;
        background: #fff;
        border-radius: 0.5vw;
        margin-top: 1vh;
        box-shadow: 0 0.1vw 0.2vw rgba(220, 220, 220, 0.7);
    }
    .right_nav img{
        width:80%;
        margin-left: 10%;
        float: left;
        margin-top: 0.5vh;
    }
    /*详情页面*/
    .newsContentList{
        width: 30%;
        float: left;
        background: #fff;
        box-shadow: 0 0.4vw 0.8vw rgba(220, 220, 220, 0.7);
        padding: 2vw 4vh;
        border-radius: 1vw;
        box-sizing: border-box;
        max-height: 70vh;
        overflow-y: auto;
    }
    .newsContentListTit{
        float: left;
        color: #222;
        font-size: 1vw;
        font-weight: bold;
        border-left: 0.5vw solid #1350ab;
        padding-left: 1vw;
    }
    .newsContentListUl{
        float: left;
        width: 100%;
        margin-top: 1vh;
    }
    .newsContentListUlLi{
        float: left;
        width: 100%;
        font-size: 0.8vw;
        color: #222;
        padding-bottom: 2vh;
        border-bottom: 1px solid #f8f8f8;
        margin-top: 2vh;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .newsContentListUlLi:last-child{
        border:none
    }
    .mes_cont {
        width:70vw;
        float: left;
        background: #fff;
        box-shadow: 0 0.4vw 0.8vw rgba(220, 220, 220, 0.7);
        padding: 2vw 4vh;
        border-radius: 1vw;
        box-sizing: border-box;
        margin: 7vh 15vw 7vh;
        min-height: 70vh;
    }

    .mes_tit {
        width: 100%;
        float: left;
        padding-bottom: 20px;
        border-bottom: 1px solid #f2f5f8;
    }
    .mes_tit_sp {
        width: 100%;
        float: left;
        font-size: 18px;
        color: #333;
        line-height: 30px;
        font-weight: bold;
        text-align: center;
    }
    .mes_tit_time {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #2c2c2c;
        text-align: center;
        margin-top: 10px;
    }
    .mes_detai_con {
        width: 100%;
        float: left;
        margin-top: 30px;
    }
    .mes_detai_con p {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 24px;
    }
    .mes_detai_con img {

    }
    .wapIndexBack {
        display: none;
    }
    /* wap nav */
    .wapTop {
        display: none;
    }
    .wapTopImg_1 {
        width: 30px;
        position: fixed;
        top: 25px;
        left: 20px;
        z-index: 100;
    }
    .wapTopImg_2 {
        width: 100px;
        position: fixed;
        top: 5px;
        left: calc(50% - 50px);
        z-index: 100;
    }
    .wapTopImg_3 {
        width: 30px;
        position: fixed;
        top: 28px;
        right: 20px;
        z-index: 100;
    }
    .wapTopMenu {
        width: calc(100% - 40px);
        float: left;
        position: fixed;
        top: 80px;
        left: 0;
        z-index: 100;
        background: #fff;
        padding: 20px;
        box-shadow: 2px 4px 10px #ccc;
        display: none;
    }
    .wapTopMenu a {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #333;
        padding-bottom: 14px;
        border-bottom: 1px solid #f2f5f8;
        margin-top: 14px;
        text-align: center;
    }
    .wapTopMenu a span {
        width: 100%;
        float: left;
        font-size: 12px;
        color: #666666;
    }
    .wapTopMenu img {
        width: 30px;
        float: left;
        margin: 20px calc(50% - 15px) 0;
    }
    /*背景视觉差*/
    .cd-fixed-background {
        width: 100vw;
        height: 100vh;
        padding: 0;
        float: left;
    }
    .cd-fixed-background .cd-content {
        width: 50%;
        position: absolute;
        left: 5%;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cd-fixed-background .cd-content::after {
        display: none !important;
    }
    .cd-fixed-background.img-1 {
        background-image: url("/Public/home/images/index_1.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .wapmap{
        display: none;
    }
    .img-2 {
        /*background-image: url("/Public/home/images/index_2.png");*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100vw;
        height: 100vh;
        float: left;
    }
    .cd-fixed-background {
        background-attachment: fixed;
    }
    body {
        overflow-x: hidden !important;
        width: 100% !important;
    }
    html {
        width: 100% !important;
    }
    /*banner*/
    /*web banner*/

    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1
    }
    .swiper-container-no-flexbox .swiper-slide {
        float: left
    }
    .swiper-container-vertical>.swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column
    }
    .swiper-wrapper {
        position: relative;
        width: 10%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
    }
    .swiper-wrapper {
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0)
    }
    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 50%;
        height: 100%;
        position: relative;
        padding: 0;
        -webkit-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
        -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
        box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    }
    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 27px;
        height: 50px;
        margin-top: -25px;
        -moz-background-size: 27px 44px;
        -webkit-background-size: 27px 44px;
        background-size: 27px 44px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
    }
    .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
        background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
        right: 10px;
        left: auto
    }
    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 10
    }
    .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #000;
        opacity: .2;
        margin: 0 5px;
        cursor: pointer;
    }
    .swiper-slide:hover {
        -webkit-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
        -moz-box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
        box-shadow: rgba(0,0,0,.5) 0px 0px 50px;
    }
    .banner-box {
        width: 100%;
        float: left;
        position: relative;
        overflow: hidden;
    }
    .swiper-container {
        width: 100%;
        margin: 6vh 0;
    }
    .swiper-slide {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: scale(.8);
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        -o-transition: all .5s;
        transition: all .5s;
        -webkit-transition: transform 1.0s;
        -moz-transition: transform 1.0s;
        -ms-transition: transform 1.0s;
        -o-transition: transform 1.0s;
        -webkit-transform: scale(0.7);
        -moz-box-shadow: rgba(0,0,0,.2) 0px 0px 30px;
    }
    .swiper-slide-active, .swiper-slide-duplicate-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }
    .swiper-slide img {
        width: 100%;
        display: block;
    }
    .swiper-pagination {
        position: relative;
        margin-bottom: 30px;
    }
    .swiper-pagination-bullet-active {
        opacity: 1;
        background: rgba(0,0,0,.8);
    }

    /* 预定义轮播图样式 */
    .swiper-container {
        opacity: 0;
        transition: opacity 0.3s ease;
    }

    .swiper-container.initialized {
        opacity: 1;
    }

    .swiper-slide {
        transform: scale(0.85);
        transition: transform 0.5s ease;
        opacity: 0.7;
    }

    .swiper-slide-active {
        transform: scale(1);
        opacity: 1;
    }

    /* 加载指示器样式 */
    .swiper-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .swiper-loading.hidden {
        opacity: 0;
        visibility: hidden;
    }

    .loading-spinner {
        width: 40px;
        height: 40px;
        border: 3px solid #f3f3f3;
        border-top: 3px solid #007bff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin: 0 auto 10px;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* 图片样式 */
    .swiper-slide img {
        width: 100%;
        height: 300px;
        object-fit: cover;
    }

    .banner-box {
        position: relative;
        min-height: 320px;
    }


    /*banner end*/

    /* web topnav */
    .indexWebTop {
        width: 100vw;
        background: #fff;
        float: left;
    }

    /*web nav*/
    .indexWebTopNav {
        width: 80vw;
        float: left;
        margin-left: 10vw;
        height: 12vh;
    }
    .indexWebLogo {
        width: 14%;
        float: left;
        margin-top: 2.5vh;
    }
    .navCon{
        width: 70%;
        float: right;
    }
    .navTopGoodsClass{
        width: 100%;
        float: left;
        margin-top: 2vh;
    }
    .navTopGoodsClass p{
        float: right;
        color: #7c7c7c;
        font-size: 0.8vw;
        margin-right: 1vw;
        margin-top: 0.2vh;
    }
    .navTopGoodsClass span{
        float: right;
        color: #fff;
        background: #7c7c7c;
        font-size: 0.8vw;
        border-radius: 100px;
        padding: 0.2vw 1vh;
    }
    .nav {
        float: right;
        width: 100%;
    }

    li.nav-item {
        width: 14.28%;
        float: left;
    }
    li.nav-item>a {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 0.9vw;
        position: relative;
        color: #222;
        margin-top: 1.6vh;
        transition: color 0.3s ease;
    }
    li.nav-item>a:hover {
        color: #016738;
    }
    li.nav-item>span {
        float: left;
        width: 100%;
        text-align: center;
        font-size: 0.7vw;
        position: relative;
        color: #666;
        margin-top: 0.2vh;
        transition: color 0.3s ease;
    }

    /* 圆角横条特效 - 不使用position定位 */
    .nav-item::after {
        content: '';
        display: block;
        width: 0;
        height: 0.4vh;
        background-color: #77b62a;
        border-radius: 0.4vh;
        margin-top: 5vh;
    }

    .nav-item:hover::after {
        width: 40%;
        margin-left: 30%;
    }

    .nav-item.active::after {
        width: 40%;
        margin-left: 30%
    }


    /* 二级菜单 */
    .subMenu {
        display: none;
        position: absolute;
        top: 12vh;
        left: 0;
        width: 100%;
        height: 7vh;
        background-color: #f7f7f7;
        z-index: 999;
    }
    .subMenu>ul {
        display: flex;
        flex-wrap: wrap;
        flex-direction: row;
        justify-content: center;
        align-items: center;
        background: #fcfcfc
    }
    .subMenu>ul>li>a {
        display: block;
        padding: 0 30px;
        text-align: center;
        line-height: 7vh;
        color: #222;
        font-size: 0.7vw
    }
    .subMenu>ul>li>a:hover {
        color: #016738
    }
    /*web nav end*/
    /*首页样式*/
    .con70vw{
        width: 70vw;
        margin: 6vh 15vw 0;
        float: left;
    }
    .indexAbout{
        width: 100%;
        float: left;
    }
    .indexAboutTit{
        width: 100%;
        float: left;
    }
    .indexAboutTit_t1{
        float: left;
        font-size: 1vw;
        color: #222;
        letter-spacing: 4vw;
        width: 35%;
        text-align: center;
        margin-top: 2vh;
        font-weight: lighter;
    }
    .indexAboutTit_t2{
        float: left;
        font-size: 2.4vw;
        color: #287a55;
        font-weight: bold;
        width: 30%;
        text-align: center;
    }
    .indexAboutTitTxt{
        float: left;
        width: 100%;
        font-size: 1vw;
        line-height: 2vw;
        text-align: justify;
        color: #222;
        margin-top: 4vh;
    }
    .indexAboutImg{
        width: 100%;
        float: left;
        margin: 4vh 0 0;
        transition: transform 0.3s ease;
    }
    .indexAboutImg:hover {
        transform: scale(0.9); /* 鼠标悬停时缩小到90% */
    }
    .indexAboutMap {
        width: 100%;
        float: left;
        min-height: 20vh;
        background: url(/Public/home/images/index_2.png) no-repeat center center;
        background-size: cover;
        color: #222;
        font-size: 1vw;
        line-height: 2.2vw;
        text-align: justify;
        padding: 8vh 0;
    }
    .indexService {
        width: 100%;
        float: left;
        background: #f5f5f5;
        padding: 3vh 0;
    }
    .indexServiceCon{
        width: 70vw;
        float: left;
        margin: 0 15vw;
    }
    .indexServiceConLi {
        width: 14.28%;
        float: left;

    }
    .indexServiceConLi img:hover{
        transform: rotate(360deg);
    }
    .indexServiceConLi img{
        width: 30%;
        float: left;
        margin: 1vh 35% 0;
        transition: transform 0.5s ease;
        cursor: pointer;
    }
    .indexServiceConLi p {
        float: left;
        width: 100%;
        font-size: 0.8vw;
        text-align: center;
        color: #222;
        margin-top: 0.5vh;
    }
    .indexAboutTit2_t1{
        float: left;
        font-size: 1vw;
        color: #222;
        letter-spacing: 3vw;
        width: 35%;
        text-align: center;
        margin-top: 2vh;
        font-weight: lighter;
    }
    .indexAboutTit2_t2{
        float: left;
        font-size: 2.4vw;
        color: #287a55;
        font-weight: bold;
        width: 30%;
        text-align: center;
    }
    /*首页产品*/
    .box{
        font-family: 'Kanit', sans-serif;
        text-align: center;
        box-shadow: 0 1vw 2vw #e6e6e6;
        overflow: hidden;
        position: relative;
        width: 31.33%;
        float:left;
        margin-right: 2%;
        margin-top: 5vh;
        border-radius: 10px;
    }
    .box:nth-child(3n){
        margin-right: 0;
    }
    .box:hover{ box-shadow: 13px 13px 15px rgba(0, 0, 0, 0.3); }
    .box:before{
        content: "";
        background: linear-gradient(to left top,#77b62a,#287a54);
        height: 100%;
        width: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.4s linear;
    }
    .box:hover:before{ opacity: 1; }
    .box img{
        width: 100%;
        height: auto;
        transition: all 0.4s linear;
    }
    .box:hover img{
        opacity: 0;
        transform: scale(3);
    }
    .box .box-content{
        width: 100%;
        transform: translateY(-50%) scale(0);
        position: absolute;
        top: 50%;
        left: 0;
        transition: all 0.4s linear;
    }
    .box:hover .box-content{ transform: translateY(-50%) scale(1); }
    .box-content .btn{
        font-size: 0.8vw;
        padding: 0.4vw 1vh;
        color: #fff;
        border: 1px solid #fff;
        margin-top: 1vw;
        display: inline-block;
    }
    .box .title{
        font-size: 1.2vw;
        font-weight: 600;
        letter-spacing: 1px;
        text-transform: uppercase;
        margin: 0 5%;
        color: #fff;
        width: 90%;
        text-align: center
    }
    .box-contentTd{
        font-size: 0.8vw;
        color: #fff;
        margin-top: 1vh;
    }
    .box .post{
        font-size: 16px;
        text-transform: capitalize;
    }
    .box .icon{
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        right: 8px;
        bottom: 10px;
    }
    .box .icon li{
        display: inline-block;
        margin: 0 1px;
        opacity: 0;
        transform: scale(1.3);
        transition: all 0.3s ease 0.4s;
    }
    .box:hover .icon li{
        opacity: 1;
        transform: scale(1);
    }
    .box:hover .icon li:nth-child(2){ transition: all 0.3s ease 0.2s; }
    .box .icon li a{
        color: #016738;
        background: #fff;
        font-size: 16px;
        line-height: 33px;
        height: 33px;
        width: 33px;
        border-radius: 50%;
        display: block;
        transition: all 0.5s ease;
    }
    .box .icon li  a:hover{
        color: #fff;
        background-color: #016738;
        box-shadow: 0 0 5px #000;
    }

    .indexGoods{
        width: 100%;
        float: left;
        margin-top: 3vh;
    }
    .indexGoodsLi{
        width: 31.33%;
        float: left;
        margin-right: 2%;
        margin-top: 6vh;
    }
    .indexGoodsLi:nth-child(3n){
        margin-right: 0;
    }
    .indexGoodsLi img{
        width: 100%;
        float: left;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
    }
    .indexGoodsLi p{
        width: 100%;
        float: left;
        font-size: 0.9vw;
        color: #222;
        margin-top: 3vh;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .indexMore {
        float: left;
        width: 6vw;
        text-align: center;
        font-size: 0.8vw;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
        color: #222;
        padding: 1vh 0;
        border-radius: 50px;
        margin: 10vh 31.5vw 6vh;
    }
    .indexMore:hover {
        float: left;
        width: 6vw;
        text-align: center;
        font-size: 0.8vw;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
        color: #fff;
        padding: 1vh 0;
        border-radius: 50px;
        margin: 10vh 31.5vw 6vh;
        background: #208050;
    }
    /*首页合作*/

    .indexBrand{
        width: 100%;
        float: left;
        background: #f5f5f5;
        padding: 6vh 0 0;
    }
    .indexBrandCon{
        width: 70vw;
        float: left;
        margin: 0 15vw;
    }
    .indexBrandConTit {
        width: 100%;
        float: left;
    }
    .indexBrandConTit p {
        float: left;
        width: 100%;
        font-size: 1.8vw;
        color: #c3c3c3;
        line-height: 2vw;
        font-weight: lighter;
    }
    .indexBrandConTit div{
        float: left;
        width: 4vw;
        height: 0.4vh;
        background: #222222;
        margin: 3vh 0;
    }
    .indexBrandConTit span {
        float: left;
        width: 100%;
        font-size:2vw;
        color: #287a55;
        font-weight: bold;
    }
    .indexBrandConList {
        float: left;
        width: 100%;
        margin-top: 4vh;
    }
    .indexBrandConListLi{
        float: left;
        width: 22.75%;
        height: 18vh;
        margin-right: 3%;
        margin-top: 3vh;
        background: #fff;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
    }
    .indexBrandConListLi:nth-child(4n){
        margin-right: 0;
    }
    .indexBrandConListLi img{
        float: left;
        width: 100%;
        height: 100%;
        transition: transform 0.3s ease;
    }
    .indexBrandConListLi img:hover{
        transform: scale(0.8)
    }
    /*首页新闻*/
    .indexNews {
        width: 100%;
        float: left;
        margin: 4vh 0 0;
    }
    .indexNewsLi{
        width: 31.33%;
        float: left;
        margin-right: 2%;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
        background: #fff;
        padding: 1vw;
        box-sizing: border-box;
        margin-top: 4vh;
    }
    .indexNewsLi_t1{
        float: left;
        width: 100%;
        color: #287a55;
        font-size: 1vw;
        margin-top: 3vh;
    }
    .indexNewsLi_t2{
        float: left;
        width: 100%;
        color: #222;
        height: 6vh;
        font-size: 0.9vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;

        margin-top: 2vh;
        line-height: 1.6vw;
    }
    .indexNewsLi_t2:hover{
        color: #287a55;
    }
    .indexNewsLi_t3{
        float: left;
        width: 100%;
        color: #a09d9d;
        font-size: 0.8vw;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2vh;
        border-top: 1px solid #f5f5f5;
        padding-top: 2vh;
        line-height: 1.4vw;
        text-align: justify;
        min-height: 18vh;
    }
    .indexNewsLi_t3:hover{
        color: #287a55;
    }
    .indexNewsLiTime{
        width: 100%;
        float: left;
    }
    .indexNewsLiTimeImg_1{
        float: left;
        width: 2.4vw;
        margin-top: -0.6vh;

    }
    .indexNewsLiTimeTxt{
        float: left;
        width: 10vw;
        margin-left: 0.7vw;
    }
    .indexNewsLiTimeTxt p{
        float: left;
        width: 100%;
        font-size: 1.6vw;
        color: #606060;
        font-weight: bold;
        line-height: 0.8vw;
    }
    .indexNewsLiTimeTxt span{
        float: left;
        width: 100%;
        font-size: 0.8vw;
        color: #606060;
        margin-top: 1vh;
    }
    .indexNewsLiTimeTxt p:hover,.indexNewsLiTimeTxt span:hover{
        color: #287a55;
    }
    .indexNewsLiTimeImg_2{
        float: right;
        width: 1vw;
        margin-top: 1.6vh;
    }
    /*页脚*/
    .indexFootTop{
        width: 100%;
        float: left;
        background: #f5f5f5;
        padding: 6vh 0;
    }
    .indexFootTopCon{
        width: 80vw;
        float: left;
        margin: 0 10vw;
    }
    .indexFootTopConLeft{
        float: left;
        width: 30%;
    }
    .indexFootTopConLeft_t1{
        float: left;
        width: 100%;
        font-size: 1vw;
        color: #222;
    }
    .indexFootTopConLeft_t2{
        float: left;
        width: 100%;
        font-size: 3vw;
        color: #222;
        font-weight: lighter;
        margin: 3vh 0 1vh;
    }
    .indexFootTopConLeft_t3{
        float: left;
        width: 90%;
        font-size:1vw;
        color: #222;
        margin-top: 1vh;
        line-height: 2vw;
    }
    .indexFootTopConRight{
        width: 60%;
        float: right;
        margin-top: 2vh;
        margin-left: 5%;
    }
    .indexFootTopConRightTit{
        float: left;
        width: 100%;
        font-size: 1vw;
        color: #222;
    }
    .indexFootTopConRightSerrvice{
        float: left;
        width: 100%;
        margin-top: 2vh;
    }
    .indexFootTopConRightSerrvice p{
        width: 30%;
        float: left;
        font-size: 0.9vw;
        color: #222;
        margin-top: 2vh;
    }
    .indexFootTopConRightSerrvice span{
        width: 60%;
        float: right;
        font-size: 0.9vw;
        color: #222;
        margin-top: 2vh;
    }
    .indexFootBottom{
        width: 100%;
        float: left;
        background: #222222;
        padding: 5vh 0 5vh;
    }
    .indexFootBottomNav{
        width: 50%;
        float: left;
        margin: 0 25%;
    }
    .indexFootBottomNavLi{
        width: 14.28%;
        float: left;
        text-align: center;
        font-size: 0.8vw;
        color: #fff;
    }
    .indexFootBottomCopy{
        width: 100%;
        float: left;
        color: #fff;
        font-size: 0.8vw;
        margin-top: 2vh;
        text-align: center;
    }

    /*数字滚动*/
    .numU{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .numU p{
        font-size: 2.4vw;
        font-weight: bold;
        color: #016738;
        text-align: center;
    }
    .numU span{
        font-size: 1vw;
        color: #222;
        margin-left: 0.8vw;
        margin-top: 2.6vh;
        display: inline-block;
    }
    .indexAboutNumLi h4{
        width: 100%;
        font-size: 1vw;
        color: #222;
        display: inline-block;
        text-align: center;
    }
    /*  关于我们  */
    .secondBanner{
        width: 100%;
        float: left;
    }
    .secondNav{
        width: 100vw;
        float: left;
    }
    .secondNavCon{
        width: 100vw;
        height: 10vh;
        float: left;
        background: url("/Public/home/images/about_1.png") center no-repeat;
        background-size: cover;
    }
    .aboutConTC{
        width: 70vw;
        float: left;
        margin-left: 15vw;
    }
    .aboutConTCLi{
        float: left;
        width: 8vw;
    }
    .aboutConTCLi a{
        float: left;
        font-size: 1vw;
        color: #fff;
        height: 3vh;
        margin-top: 3.6vh;
        text-align: center;
        width: 100%;
    }
    .aboutConTCLine{
        float: left;
        width: 34%;
        height: 0.4vh;
        margin-left: 33%;
        background: #fff;
        margin-top: 0.4vh;
    }
    .aboutTxt{
        width: 100%;
        float: left;
        margin-top: 4vh;
    }
    .aboutTxt h3{
        width: 100%;
        float: left;
        font-size: 1.5vw;
        color: #ccc;
        font-weight: lighter;
    }
    .aboutTxt p{
        width: 100%;
        float: left;
        font-size: 3vw;
        color: #222;
        margin-top: 2vh;
    }
    .aboutTxt span{
        width: 100%;
        float: left;
        font-size: 0.9vw;
        color: #222;
        line-height: 2vw;
        margin-top: 2vh;
    }
    .aboutBottom{
        width: 100%;
        float: left;
        margin-top: 4vh;
    }
    .aboutBottomImg{
        width: 40%;
        float: left;
        border-radius: 1vw;
    }
    .aboutBottomRight{
        width: 55%;
        float: right;
    }
    .aboutBottomRightTit{
        width: 100%;
        float: left;
        margin-top: 4vh;
        font-size: 1.2vw;
        color: #222;
        font-weight: bold;
        text-align: center;
    }
    .aboutBottomRightList{
        width: 80%;
        float: left;
        margin: 2vh 10% 0;
    }
    .aboutBottomRightListLi{
        width: 40%;
        float: left;
        margin: 4vh 5% 0;
    }
    .aboutBottomRightListLi img{
        width: 2.6vw;
        margin-left: calc(50% - 1.3vw);
        float: left;
    }
    .aboutBottomRightListLi span{
        width: 100%;
        float: left;
        margin-top: 1vh;
        font-size: 0.8vw;
        color: #222;
        text-align: center;
    }
    /*背景视觉差*/
    .cd-fixed-background {
        width: 100vw;
        height: 100vh;
        padding: 0;
        float: left;
        margin-top: 8vh;
    }
    .cd-fixed-background .cd-content {
        width: 50%;
        position: absolute;
        left: 5%;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cd-fixed-background .cd-content::after {
        display: none !important;
    }
    .cd-fixed-background.img-1 {
        background-image: url("/Public/home/images/about_7.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .wapmap{
        display: none;
    }
    .img-2 {
        /*background-image: url("/Public/home/images/index_2.png");*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100vw;
        height: 100vh;
        float: left;
    }
    .cd-fixed-background {
        background-attachment: fixed;
    }
    .aboutMission{
        width: 70vw;
        float: left;
        margin: 6vh 15vw;
    }
    .aboutMissionTit{
        width: 100%;
        float: left;
        position: relative;
        margin-top: 4vh;
        min-height: 22vh;
    }
    .aboutMissionTit p{
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        text-align: center;
        color: rgba(255,255,255,0.3);
        font-size: 5vw;
        font-weight: bold;
    }

    .aboutMissionTit span{
        width: 100%;
        position: absolute;
        left: 0;
        top: 4vw;
        z-index: 2;
        text-align: center;
        color: #fff;
        font-size: 4vw;
        font-weight: bold;
        text-shadow: 0 0.2vw 0.2vw rgba(110,110,110,0.6);
    }
    .aboutMissionT1{
        width: 100%;
        float: left;
        color: #fff;
        font-size: 1.2vw;
        line-height: 2.8vw;
        text-shadow: 0 0.2vw 0.2vw rgba(110,110,110,0.6);
    }
    .aboutMissionLine{
        width: 3vw;
        height: 0.5vh;
        float: left;
        margin: 7vh calc(50% - 1.5vw);
        background: #222;
    }
    .aboutMissionT2{
        width: 100%;
        float: left;
        color: #fff;
        font-size: 1.6vw;
        line-height: 3vw;
        font-weight: bold;
        text-shadow: 0 0.2vw 0.2vw rgba(110,110,110,0.6);
        text-align: center;
    }

    /*服务*/
    .serviceLi{
        width: 100%;
        float: left;
        margin-top: 4vh;
    }
    .serviceLi:nth-child(7){
        margin-bottom: 10vh;
    }
    .serviceLiImg{
        float: left;
        width: 48%;
        margin-right: 2%;
        border-radius: 1vw;
        box-shadow: 0 2vw 2vw rgba(110,110,110,0.3);
    }
    .serviceLiCon{
        float: left;
        width: 48%;
        margin-right: 2%;
        padding: 3vw;
        box-sizing: border-box;
    }
    .serviceLiCon p{
        width: 100%;
        float: left;
        font-size: 1.2vw;
        color: #222;
    }
    .serviceLiCon div{
        float: left;
        width: 4vw;
        height: 0.4vh;
        background: #208050;
        margin: 3vh 0;
    }
    .serviceLiCon span{
        width: 100%;
        float: left;
        font-size: 0.9vw;
        line-height: 2vw;
        color: #222;
    }
    /*产品*/
    .productClass{
        width: 100%;
        float: left;
        margin: 6vh 0 4vh;
    }
    .productClassNo{
        float: left;
        margin-right: 2vw;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 1vw 1vw rgb(0, 0, 0, 0.1);
        padding: 2vh 2vw;
        font-size: 1vw;
        color: #222;
    }
    .productClassNo:hover{
        background: #0a5d2a;
        color: #fff;
    }
    .productClassOn{
        float: left;
        margin-right: 2vw;
        background: #0a5d2a;
        border-radius: 10px;
        box-shadow: 0 1vw 1vw rgb(0, 0, 0, 0.1);
        padding: 2vh 2vw;
        font-size: 1vw;
        color: #fff;
    }
    /*产品详情*/
    .goodsCon{
        width: 70vw;
        margin: 8vh 15vw 0;
        float: left;
    }
    .goodsConPrice{
        float: left;
        width: 100%;
        margin-top: 4vh;
    }
    .goodsConPriceLeft{
        width: 24vw;
        float: left;
        border: 0.1vw solid #f5f5f5;
        border-radius: 1vw;
        box-shadow: 0 1vw 1vw rgb(0, 0, 0, 0.1);
    }
    .goodsConPriceRight{
        width: calc(100% - 28.2vw);
        float: left;
        margin-left: 4vw;
    }
    .goodsConPriceRight_t{
        float: left;
        width: 100%;
        font-size: 1.4vw;
        color: #222;
        margin-top: 4vh;
    }
    .goodsConPriceRight_p{
        float: left;
        width: 100%;
        margin-top: 1vh;
    }
    .goodsConPriceRight_p p{
        color: #222;
        font-size: 1.2vw;
        float: left;
        margin-top: 3.3vh;
        margin-left: 1vw;
    }
    .goodsConPriceRight_p span{
        float: left;
        color: #ccc;
        font-size: 1vw;
        text-decoration: line-through;
        margin-left: 2vw;
        display: block;
        margin-top: 3.5vh;
    }
    .goodsConPriceRight_D{
        float: left;
        width: 100%;
        margin-top: 2vh;
    }
    .goodsConPriceRight_D img{
        width: 7vw;
        float: left;
    }
    .goodsConPriceRight_D p{
        float: left;
        color: #222;
        font-size: 0.9vw;
        margin-top: 0.2vh;
    }
    .goodsConPriceRightTel{
        float: left;
        padding: 0.4vw 2vw;
        background: #222;
        margin-top: 4vh;
        border-radius: 100px;
    }
    .goodsConPriceRightTel p{
        color: #fff;
        font-size: 0.8vw;
    }
    .goodsConPriceRightTel span{
        margin-top: 1vh;
        color: #fff;
        font-size: 1.6vw;
    }
    .goodsConPriceRightHot{
        width: 5vw;
        float: left;
    }
    .goodsConTit{
        width: 100%;
        float: left;
        border-left: 0.4vw solid #208050;
        line-height: 1.2vw;
        font-weight: bold;
        font-size: 1.2vw;
        color: #222;
        padding-left: 1vw;
    }
    /*    人才招聘*/

    .talentList{
        width: 100%;
        float: left;
    }
    .talentListUl{
        width: 100%;
        float: left;
        margin-top: 1vh;
    }
    .talentListUlLi{
        width: 30.66%;
        float: left;
        box-shadow: 0 0.4vw 1vw rgba(200,200,200,0.6);
        background: #fff;
        padding: 2vw;
        box-sizing: border-box;
        margin-top: 4vh;
        margin-left: 2%;
    }
    .talentListUlLiT1{
        width: 100%;
        float: left;
        font-size: 1.5vw;
        color: #222;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .talentListUlLiT2{
        width: 100%;
        float: left;
        margin-top: 2vh;
    }
    .talentListUlLiT2Add{
        float: left;
        margin-right: 1vw;
    }
    .talentListUlLiT2Add img{
        width: 1.4vw;
        float: left;
    }
    .talentListUlLiT2Add p{
        float: left;
        color: #222;
        font-size: 1vw;
        margin-left: 0.5vw;
        line-height: 3.5vh;
    }
    .talentListUlLiT3{
        width: 100%;
        height: 15vh;
        float: left;
        font-size: 0.8vw;
        margin-top: 1.6vh;
        line-height: 3vh;
        overflow: hidden;
        ext-overflow:ellipsis;
        display: -webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:5;
    }
    .talentListUlLiT4{
        width: 100%;
        float: left;
        font-size: 1vw;
        color: #222;
        margin-top: 2vh;
        padding-top: 2vh;
        border-top: 2px solid #208050;
    }
    .talentListUlLiT4 span{
        color: #208050;
    }
    /*    联系我们     */
    .contact{
        width: 100%;
        float: left;
        margin: 4vh 0 0;
    }
    .contactTit{
        width: 100%;
        float: left;
    }
    .contactTit p{
        width: 100%;
        float: left;
        text-align: center;
        font-size: 1.8vw;
        color: #222;
        font-weight: bold;
    }
    .contactTit span{
        width: 100%;
        float: left;
        text-align: center;
        font-size: 0.8vw;
        color: #222;
        margin-top: 2vh;
    }
    .contactCon{
        width: 70vw;
        float: left;
        margin: 6vh 15vw;
    }
    .contactConTel{
        width: 48%;
        float: left;
        margin-right: 4%;
        background: #fff;
        box-shadow: 0 1vw 1vw rgb(0, 0, 0, 0.1);
        border-radius: 1vw;
        box-sizing: border-box;
        padding: 4vw;
        min-height: 30vh;
    }
    .contactConaddress{
        width: 48%;
        float: left;
        background: #fff;
        box-shadow: 0 1vw 1vw rgb(0, 0, 0, 0.1);
        border-radius: 1vw;
        padding: 4vw;
        box-sizing: border-box;
        min-height: 30vh;
    }
    .contactConTelImg{
        width: 5vw;
        float: left;
        margin-top: 1vh;
    }
    .contactConTelTex{
        width: calc(100% - 7vw);
        float: right;
    }
    .contactConTelTexTit{
        width: 100%;
        float: left;
        font-size: 1.4vw;
        color: #222;
        font-weight: bold;
    }
    .contactConTelTexMail{
        width: 100%;
        float: left;
        font-size: 1vw;
        color: #555;
        margin-top: 1vh;
        line-height: 1.8vw;
    }
    .contactConTelTexTEL{
        width: 100%;
        float: left;
        margin-top: 2vh;
    }
    .contactConTelTexTEL img{
        width: 2vw;
        float: left;
    }
    .contactConTelTexTEL p{
        float: left;
        font-size: 1.4vw;
        color: #208050;
        font-weight: bold;
        margin-left: 1vw;
        margin-top: 0.5vh;
    }
    .contactMap{
        width: 70vw;
        float: left;
        background-size: cover;
        margin: 0 15vw 8vh;
    }
}

@media(max-width:480px) {
    .newsContentList,.indexWebTopNav{
        display: none;
    }
    /*详情*/
    .Content80vw{
        width: 90vw;
        float: left;
        margin-left: 5vw;
    }
    /*page*/
    .page {
        float: left;
        width: 90vw;
        margin-top: 30px;
        margin-left: 5vw;
        margin-bottom: 30px;
    }
    .page span,
    .page a {
        height: 34px;
        float: left;
        -webkit-border-radius: 4px;
        -moz-border-radius: 4px;
        border-radius: 4px;
        border: 1px solid #e9e9e9;
        background: #fff;
        color: #333;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
        margin-left: 10px;
        padding: 0 20px;
    }
    .page a:hover {
        color: #208050;
        border-color: #208050;
    }
    .page .current {
        color: #208050;
        border-color: #208050;
    }
    .leftMune{
        display: none;
    }
    /*右侧返回顶部*/
    .right_nav{
        width: 10vw;
        position: fixed;
        right: 1vw;
        bottom: 10vh;
        z-index: 99;
    }
    .right_nav li{
        width:10vw;
        height: 10vw;
        float: left;
        background: #fff;
        border-radius: 2vw;
        margin-top: 1vh;
        box-shadow: 0 0.1vw 0.2vw rgba(220, 220, 220, 0.7);
    }
    .right_nav img{
        width:80%;
        margin-left: 10%;
        float: left;
        margin-top: 0.5vh;
    }
    .mes_cont {
        width: 96%;
        float: left;
        margin-left: 2%;
        margin-bottom: 20px;
        margin-top: 20px;
    }
    .mes_cont video{
        width: 100%;
    }
    .mes_tit {
        width: 100%;
        float: left;
        padding-bottom: 1vh;
        border-bottom: 1px solid #f2f5f8;
    }
    .mes_tit_sp {
        width: 100%;
        float: left;
        font-size: 16px;
        color: #333;
        line-height: 30px;
        text-align: center;
        font-weight: bold;

    }
    .mes_tit_time {
        width: 100%;
        float: left;
        font-size: 14px;
        color: #2c2c2c;
        text-align: center;
        margin-top: 5px;
    }
    .mes_detai_con {
        width: 100%;
        float: left;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .mes_detai_con p {
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 24px;
    }
    .mes_detai_con img {
        float: left;
        margin: 10px 5%;
        width: 90%;
    }
    /* wap nav */
    /* wap nav */
    .wapTop {
        width: 100%;
        height: 8vh;
        background: #fff;
        position: fixed;
        top: 0;
        left: 0;
        z-index: 99;
    }
    .wapTopImg_1 {
        width: 1vw;
        position: fixed;
        top: 3vh;
        left: 10px;
        z-index: 100;
        margin-top: 4px;
    }
    .wapTopImg_2 {
        width: 30%;
        position: fixed;
        top: 2vh;
        left: 35%;
        z-index: 100;
    }
    .wapTopImg_3 {
        width: 6vw;
        position: fixed;
        top: 2.8vh;
        right: 6vw;
        z-index: 100;
    }
    .wapTopMenu {
        width: 100vw;
        float: left;
        position: fixed;
        top: 8vh;
        left: 0;
        z-index: 100;
        background: #517ee4;
        padding: 1vw 1vh;
        display: none;
        box-sizing: border-box;
    }
    .wapTopMenu a {
        width: 100%;
        float: left;
        font-size: 0.8vw;
        color: #fff;
        padding-bottom: 1vh;
        border-bottom: 1px solid #f2f5f8;
        margin-top: 1vh;
        text-align: center;
    }
    .wapTopMenu a span {
        width: 100%;
        float: left;
        font-size: 0.7vw;
        color: #fff;
    }
    .wapTopMenu img {
        width: 2vw;
        float: left;
        margin: 20px calc(50% - 1vw) 0;
    }

    /*手机 banner*/

    /* 手机端轮播图适配CSS */
    .swiper-container {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        z-index: 1;
        width: 100%;
        float: left;
        margin-top: 8vh !important;
    }

    .swiper-container-no-flexbox .swiper-slide {
        float: left;
    }

    .swiper-container-vertical > .swiper-wrapper {
        -webkit-box-orient: vertical;
        -moz-box-orient: vertical;
        -ms-flex-direction: column;
        -webkit-flex-direction: column;
        flex-direction: column;
    }

    .swiper-wrapper {
        position: relative;
        width: 100%;
        height: 100%;
        z-index: 1;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: flex;
        -webkit-transition-property: -webkit-transform;
        -moz-transition-property: -moz-transform;
        -o-transition-property: -o-transform;
        -ms-transition-property: -ms-transform;
        transition-property: transform;
        -webkit-box-sizing: content-box;
        -moz-box-sizing: content-box;
        box-sizing: content-box;
        -webkit-transform: translate3d(0, 0, 0);
        -moz-transform: translate3d(0, 0, 0);
        -o-transform: translate(0, 0);
        -ms-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
    }

    .swiper-slide {
        -webkit-flex-shrink: 0;
        -ms-flex: 0 0 auto;
        flex-shrink: 0;
        width: 100%;
        height: 100%;
        position: relative;
        padding: 0;
        -webkit-box-shadow: rgba(0,0,0,.1) 0px 2px 10px;
        -moz-box-shadow: rgba(0,0,0,.1) 0px 2px 10px;
        box-shadow: rgba(0,0,0,.1) 0px 2px 10px;
        overflow: hidden;
    }

    .swiper-button-next, .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 36px;
        height: 36px;
        margin-top: -18px;
        background-size: 18px 18px;
        background-position: center;
        background-repeat: no-repeat;
        cursor: pointer;
        z-index: 10;
        background-color: rgba(255, 255, 255, 0.8);
        border-radius: 50%;
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .swiper-button-next:after, .swiper-button-prev:after {
        content: '';
        width: 10px;
        height: 10px;
        border-top: 2px solid #333;
        border-right: 2px solid #333;
    }

    .swiper-button-next:after {
        transform: rotate(45deg);
        margin-left: -2px;
    }

    .swiper-button-prev:after {
        transform: rotate(-135deg);
        margin-right: -2px;
    }

    .swiper-button-next {
        right: 10px;
        left: auto;
    }

    .swiper-button-prev {
        left: 10px;
        right: auto;
    }

    .swiper-pagination {
        position: absolute;
        text-align: center;
        -webkit-transition: .3s;
        -moz-transition: .3s;
        -o-transition: .3s;
        transition: .3s;
        -webkit-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
        -o-transform: translate3d(0, 0, 0);
        transform: translate3d(0, 0, 0);
        z-index: 9;
        bottom: 10px;
        width: 100%;
    }

    .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        display: inline-block;
        border-radius: 100%;
        background: #222;
        opacity: .5;
        margin: 0 4px;
        cursor: pointer;
        transition: all 0.3s ease;
    }

    .swiper-slide:hover {
        -webkit-box-shadow: rgba(0,0,0,.2) 0px 4px 15px;
        -moz-box-shadow: rgba(0,0,0,.2) 0px 4px 15px;
        box-shadow: rgba(0,0,0,.2) 0px 4px 15px;
    }

    .swiper-slide {
        -webkit-transform-style: preserve-3d;
        -moz-transform-style: preserve-3d;
        -ms-transform-style: preserve-3d;
        transform-style: preserve-3d;
        transform: scale(1);
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        transition: all 0.3s ease;
        -webkit-transform: scale(1);
        -moz-box-shadow: rgba(0,0,0,.1) 0px 2px 10px;
    }

    .swiper-slide-active, .swiper-slide-duplicate-active {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

    .swiper-slide img {
        width: 100%;
        height: 200px;
        display: block;
        object-fit: cover;
    }

    .swiper-pagination {
        position: absolute;
        margin-bottom: 5px;
    }

    .swiper-pagination-bullet-active {
        opacity: 1;
        background: #287a55;
        transform: scale(1.2);
    }
    /* 加载指示器样式 */
    .swiper-loading {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        text-align: center;
        z-index: 10;
        transition: all 0.3s ease;
    }

    .swiper-loading.hidden {
        opacity: 0;
        visibility: hidden;
    }

    .loading-spinner {
        width: 40px;
        height: 40px;
        border: 3px solid #f3f3f3;
        border-top: 3px solid #007bff;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin: 0 auto 10px;
    }

    @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
    }

    /* 图片样式 */
    .banner-box {
        position: relative;
        min-height: 320px;
    }

    /*banner end*/

    .numU{
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
    }
    .numU p{
        font-size: 6vw;
        font-weight: bold;
        color: #016738;
        text-align: center;
    }
    .numU span{
        font-size: 3vw;
        color: #222;
        margin-left: 0.8vw;
        margin-top: 0.6vh;
        display: inline-block;
    }
    .indexAboutNumLi h4{
        width: 100%;
        font-size:3vw;
        color: #222;
        display: inline-block;
        text-align: center;
    }

    /*首页样式*/
    .con70vw{
        width: 100vw;
        margin: 2vh 0 0;
        float: left;
    }
    .indexAbout{
        width: 100%;
        float: left;
        margin-top: 2vh;
    }
    .indexAboutTit{
        width: 100%;
        float: left;
    }
    .indexAboutTit_t1{
        float: left;
        font-size: 3vw;
        color: #222;
        letter-spacing: 4vw;
        width: 100%;
        text-align: center;
        font-weight: lighter;
    }
    .indexAboutTit_t2{
        float: left;
        font-size: 5vw;
        color: #287a55;
        font-weight: bold;
        width: 100%;
        text-align: center;
        margin: 1vh 0;
    }
    .indexAboutTitTxt{
        float: left;
        width: 90%;
        font-size: 4vw;
        line-height: 6vw;
        text-align: justify;
        color: #222;
        margin-top: 2vh;
        margin-left: 5%;
    }
    .indexAboutImg{
        width: 90%;
        float: left;
        margin: 2vh 5% 0;
    }
    .indexAboutMap {
        width: 90%;
        float: left;
        min-height: 14vh;
        background: url(/Public/home/images/index_2.png) no-repeat center center;
        background-size: cover;
        color: #222;
        font-size: 4vw;
        line-height: 6vw;
        text-align: justify;
        padding: 2vh 0;
        margin-left: 5%;
    }
    .indexService {
        width: 100%;
        float: left;
        background: #f5f5f5;
        padding: 3vh 0 1vh;
        text-align: center; /* 添加居中 */
    }

    .indexServiceCon {
        width: 100vw;
        display: flex; /* 使用flex布局 */
        flex-wrap: wrap; /* 允许换行 */
        justify-content: center; /* 水平居中 */
        gap: 2%; /* 设置间距 */
    }

    .indexServiceConLi {
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 3vh;
    }

    /* 第一行和第三行：2个元素 */
    .indexServiceConLi:nth-child(1),
    .indexServiceConLi:nth-child(2),
    .indexServiceConLi:nth-child(6),
    .indexServiceConLi:nth-child(7) {
        width: 34%;
    }

    /* 第二行：3个元素 */
    .indexServiceConLi:nth-child(3),
    .indexServiceConLi:nth-child(4),
    .indexServiceConLi:nth-child(5) {
        width: 30.66%;
    }

    .indexServiceConLi img {
        width: 12vw;
        margin: 1vh 0 0;
    }

    .indexServiceConLi p {
        width: 100%;
        font-size: 3vw;
        text-align: center;
        color: #222;
        margin-top: 0.5vh;
    }
    .indexAboutTit2_t1{
        float: left;
        font-size: 3vw;
        color: #222;
        letter-spacing: 4vw;
        width: 100%;
        text-align: center;
        font-weight: lighter;
    }
    .indexAboutTit2_t2{
        float: left;
        font-size: 5vw;
        color: #287a55;
        font-weight: bold;
        width: 100%;
        text-align: center;
        margin: 1vh 0;
    }
    /*首页产品*/
    .indexGoods{
        width: 100%;
        float: left;
        margin-top: 3vh;
    }
    .indexGoodsLi{
        width: 44%;
        float: left;
        margin-left: 4%;
        margin-top: 2vh;
    }
    .indexGoodsLi img{
        width: 100%;
        float: left;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
    }
    .indexGoodsLi p{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #222;
        margin-top: 2vh;
        text-align: center;
        overflow: hidden;
        white-space: nowrap;
        text-overflow: ellipsis;
    }
    .indexMore {
        float: left;
        width: 34%;
        text-align: center;
        font-size: 3.5vw;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
        color: #222;
        padding: 1vh 0;
        border-radius: 50px;
        margin: 4vh 33%;
    }
    /*首页合作*/

    .indexBrand{
        width: 100%;
        float: left;
        background: #f5f5f5;
        padding: 6vh 0 0;
    }
    .indexBrandCon{
        width: 100vw;
        float: left;
    }
    .indexBrandConTit {
        width: 92%;
        float: left;
        margin-left: 4%;
    }
    .indexBrandConTit p {
        float: left;
        width: 100%;
        font-size: 4vw;
        color: #c3c3c3;
        line-height: 6vw;
        font-weight: lighter;
    }
    .indexBrandConTit div{
        float: left;
        width: 8vw;
        height: 0.4vh;
        background: #222222;
        margin: 1vh 0;
    }
    .indexBrandConTit span {
        float: left;
        width: 100%;
        font-size:6vw;
        color: #287a55;
        font-weight: bold;
    }
    .indexBrandConList {
        float: left;
        width: 100%;
        margin-top: 1vh;
    }
    .indexBrandConListLi{
        float: left;
        width: 44%;
        height: 12vh;
        margin-left: 4%;
        margin-top: 2vh;
        background: #fff;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
    }
    .indexBrandConListLi img{
        float: left;
        width: 100%;
        height: 100%;
        transition: transform 0.3s ease;
    }
    .indexBrandConListLi img:hover{
        transform: scale(0.9);
    }
    /*首页新闻*/
    .indexNews {
        width: 100%;
        float: left;
        margin: 2vh 0 0;
    }
    .indexNewsLi{
        width: 92%;
        float: left;
        margin-left: 4%;
        box-shadow: 0 1vw 2vw rgba(110,110,110,0.1);
        background: #fff;
        padding: 3vw;
        box-sizing: border-box;
        margin-top: 2vh;
    }
    .indexNewsLi_t1{
        float: left;
        width: 100%;
        color: #287a55;
        font-size: 4vw;
        margin-top: 1vh;
    }
    .indexNewsLi_t2{
        float: left;
        width: 100%;
        color: #222;
        font-size: 4vw;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2vh;
        line-height: 6vw;

    }
    .indexNewsLi_t3{
        padding-top: 2vh;
        border-top: 1px solid #f5f5f5;
        float: left;
        width: 100%;
        color: #a09d9d;
        font-size: 3.5vw;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        margin-top: 2vh;
        line-height:5vw;
        text-align: justify;
        min-height: 8vh;
    }
    .indexNewsLiTime{
        width: 100%;
        float: left;
    }
    .indexNewsLiTimeImg_1{
        float: left;
        width: 9.4vw;
        margin-top: 0.2vh;
    }
    .indexNewsLiTimeTxt{
        float: left;
        width: 40vw;
        margin-left: 3vw;
    }
    .indexNewsLiTimeTxt p{
        float: left;
        width: 100%;
        font-size: 5.6vw;
        color: #606060;
        font-weight: bold;
    }
    .indexNewsLiTimeTxt span{
        float: left;
        width: 100%;
        font-size: 3.5vw;
        color: #606060;
    }
    .indexNewsLiTimeImg_2{
        float: right;
        width: 5vw;
        margin-top: 1.6vh;
    }
    /*页脚*/
    .indexFootTop{
        width: 100%;
        float: left;
        background: #f5f5f5;
        padding: 3vh 0;
    }
    .indexFootTopCon{
        width: 90vw;
        float: left;
        margin: 0 5vw;
    }
    .indexFootTopConLeft{
        float: left;
        width: 100%;
    }
    .indexFootTopConLeft_t1{
        float: left;
        width: 100%;
        font-size: 5vw;
        color: #222;
    }
    .indexFootTopConLeft_t2{
        float: left;
        width: 100%;
        font-size: 8vw;
        color: #222;
        font-weight: bold;
        margin: 1vh 0 0;
    }
    .indexFootTopConLeft_t3{
        float: left;
        width: 90%;
        font-size: 4vw;
        color: #222;
        margin-top: 1vh;
        line-height: 6vw;
    }
    .indexFootTopConRight{
        width: 100%;
        float: right;
        margin-top: 2vh;
    }
    .indexFootTopConRightTit{
        float: left;
        width: 100%;
        font-size: 5vw;
        color: #222;
        border-top: 1px solid #e7e7e7;
        padding-top: 2vh;
    }
    .indexFootTopConRightSerrvice{
        float: left;
        width: 100%;
        margin-top: 2vh;
    }
    .indexFootTopConRightSerrvice p{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #222;
        margin-top: 1.4vh;
    }
    .indexFootTopConRightSerrvice span{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #222;
        margin-top: 1.4vh;
    }
    .indexFootBottom{
        width: 100%;
        float: left;
        background: #222222;
        padding: 2vh 0 2vh;
    }
    .indexFootBottomNav{
        width: 100%;
        float: left;
    }
    .indexFootBottomNavLi{
        width: 25%;
        float: left;
        text-align: center;
        font-size: 4vw;
        color: #fff;
        line-height: 7vw;
    }
    .indexFootBottomCopy{
        width: 100%;
        float: left;
        color: #fff;
        font-size: 3vw;
        margin-top: 1vh;
        text-align: center;
    }
    /*二级页*/
    .secondBanner{
        width: 180%;
        float: left;
        margin-top: 8vh;
        margin-left: -40%;
    }
    .secondNav{
        width: 100vw;
        float: left;
    }
    .secondNavCon{
        width: 100vw;
        height: 8vh;
        float: left;
        background: url("/Public/home/images/about_1.png") center no-repeat;
        background-size: cover;
    }
    .aboutConTC{
        width: 100vw;
        float: left;
    }
    .aboutConTCLi{
        float: left;
        width: 33.33vw;
    }
    .aboutConTCLi a{
        float: left;
        font-size: 4vw;
        color: #fff;
        height: 3vh;
        margin-top: 2.8vh;
        text-align: center;
        width: 100%;
    }
    .aboutConTCLine{
        float: left;
        width: 60%;
        height: 0.4vh;
        margin-left: 20%;
        background: #c6dceb;
        margin-top: 0.4vh;
    }
    /*关于我们*/
    .aboutTxt{
        width: 90%;
        float: left;
        margin: 2vh 5%;
    }
    .aboutTxt h3{
        width: 100%;
        float: left;
        font-size:4vw;
        color: #ccc;
        font-weight: lighter;
    }
    .aboutTxt p{
        width: 100%;
        float: left;
        font-size: 6vw;
        color: #222;
        margin-top: 1vh;
        font-weight: bold;
    }
    .aboutTxt span{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #222;
        line-height: 7vw;
        margin-top: 1vh;
    }
    .aboutBottom{
        width: 100%;
        float: left;
        margin-top: 1vh;
    }
    .aboutBottomImg{
        width: 90%;
        float: left;
        border-radius: 1vw;
        margin: 0 5%;
    }
    .aboutBottomRight{
        width: 90%;
        float: left;
        margin: 1vw 5% 0;
    }
    .aboutBottomRightTit{
        width: 100%;
        float: left;
        margin-top: 4vh;
        font-size: 5vw;
        color: #222;
        font-weight: bold;
    }
    .aboutBottomRightList{
        width: 100%;
        float: left;
    }
    .aboutBottomRightListLi{
        width: 50%;
        float: left;
        margin-top:3vh;
    }
    .aboutBottomRightListLi img{
        width: 12vw;
        margin-left: calc(50% - 6vw);
        float: left;
    }
    .aboutBottomRightListLi span{
        width: 100%;
        float: left;
        margin-top: 1vh;
        font-size: 4vw;
        color: #222;
        text-align: center;
    }
    /*背景视觉差*/
    .cd-fixed-background {
        width: 100vw;
        height: 80vh;
        padding: 0;
        float: left;
        margin-top: 4vh;
    }
    .cd-fixed-background .cd-content {
        width: 50%;
        position: absolute;
        left: 5%;
        top: 50%;
        bottom: auto;
        -webkit-transform: translateY(-50%);
        -moz-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        -o-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .cd-fixed-background .cd-content::after {
        display: none !important;
    }
    .cd-fixed-background.img-1 {
        background-image: url("/Public/home/images/about_7.png");
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    .wapmap{
        display: none;
    }
    .img-2 {
        /*background-image: url("/Public/home/images/index_2.png");*/
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: 100vw;
        height: 100vh;
        float: left;
    }
    .cd-fixed-background {
        background-attachment: fixed;
    }
    .aboutMission{
        width: 90vw;
        float: left;
        margin: 3vh 5vw;
    }
    .aboutMissionTit{
        width: 100%;
        float: left;
        position: relative;
        margin-top: 2vh;
        min-height: 10vh;
    }
    .aboutMissionTit p{
        width: 100%;
        position: absolute;
        left: 0;
        top: 0;
        z-index: 1;
        text-align: center;
        color: rgba(255,255,255,0.3);
        font-size: 9vw;
        font-weight: bold;
    }

    .aboutMissionTit span{
        width: 100%;
        position: absolute;
        left: 0;
        top: 7vw;
        z-index: 2;
        text-align: center;
        color: #fff;
        font-size: 7vw;
        font-weight: bold;
        text-shadow: 0 0.2vw 0.2vw rgba(110,110,110,0.6);
    }
    .aboutMissionT1{
        width: 100%;
        float: left;
        color: #fff;
        font-size: 4vw;
        line-height: 7vw;
        text-shadow: 0 0.2vw 0.2vw rgba(110,110,110,0.6);
    }
    .aboutMissionLine{
        width: 10vw;
        height: 0.5vh;
        float: left;
        margin: 4vh calc(50% - 5vw);
        background: #222;
    }
    .aboutMissionT2{
        width: 80%;
        margin-left: 10%;
        float: left;
        color: #fff;
        font-size: 5vw;
        line-height: 11vw;
        font-weight: bold;
        text-shadow: 0 0.2vw 0.2vw rgba(110, 110, 110, 0.6);
        text-align: center;
    }

    /*服务*/
    .serviceLi{
        width: 90%;
        float: left;
        margin: 2vh 5% 0;
        border-bottom: 1vh #f8f8f8 solid;
        padding-bottom: 2vh;
    }
    .serviceLi:nth-child(7){
        border: none;
    }
    .serviceLiImg{
        display: none;
        float: left;
        width: 100%;
        border-radius: 1vw;
        box-shadow: 0 2vw 2vw rgba(110,110,110,0.3);
    }
    .serviceLiCon{
        float: left;
        width: 100%;
        margin-right: 2%;
        padding: 3vw;
        box-sizing: border-box;
    }
    .serviceLiCon p{
        width: 100%;
        float: left;
        font-size: 5vw;
        color: #222;
    }
    .serviceLiCon div{
        float: left;
        width: 8vw;
        height: 0.3vh;
        background: #208050;
        margin: 3vh 0;
    }
    .serviceLiCon span{
        width: 100%;
        float: left;
        font-size: 4vw;
        line-height: 5vw;
        color: #222;
    }
    /* 产品展示 */
    .productClass{
        width: 96%;
        float: left;
        margin: 2vh 2% 1vh;
        overflow-x: auto;
        white-space: nowrap;
    }
    .productClassNo{
        display: inline-block;
        margin-right: 3vw;
        background: #fff;
        border-radius: 10px;
        box-shadow: 0 0.4vw 0.4vw rgb(0, 0, 0, 0.1);
        padding: 0 3vw;
        font-size: 3.4vw;
        line-height: 8vw;
        color: #222;
    }
    .productClassOn{
        display: inline-block;
        margin-right: 3vw;
        background: #0a5d2a;
        border-radius: 10px;
        box-shadow: 0 1vw 1vw rgb(0, 0, 0, 0.1);
        padding: 0 3vw;
        font-size: 3.4vw;
        line-height: 8vw;
        color: #fff;
    }
    .box{
        font-family: 'Kanit', sans-serif;
        text-align: center;
        box-shadow: 0 2vw 2vw rgb(110, 110, 110, 0.3);
        overflow: hidden;
        position: relative;
        width: 47%;
        float:left;
        margin-left: 2%;
        margin-top: 2vh;
        border-radius: 10px;
    }
    .box:nth-child(3n){
        margin-right: 0;
    }
    .box:hover{ box-shadow: 13px 13px 15px rgba(0, 0, 0, 0.3); }
    .box:before{
        content: "";
        background: linear-gradient(to left top,#77b62a,#016738);
        height: 100%;
        width: 100%;
        opacity: 0;
        position: absolute;
        left: 0;
        top: 0;
        transition: all 0.4s linear;
    }
    .box:hover:before{ opacity: 1; }
    .box img{
        width: 100%;
        height: auto;
        transition: all 0.4s linear;
    }
    .box:hover img{
        opacity: 0;
        transform: scale(3);
    }
    .box .box-content{
        color: #fff;
        width: 100%;
        transform: translateY(-50%) scale(0);
        position: absolute;
        top: 50%;
        left: 0;
        transition: all 0.4s linear;
    }
    .box:hover .box-content{ transform: translateY(-50%) scale(1); }
    .box-content .btn{
        font-size:3vw;
        padding: 0.4vw 1vh;
        color: #fff;
        border: 1px solid #fff;
        margin-top: 1vw;
        display: inline-block;
    }
    .box .title{
        font-size: 4vw;
        text-transform: uppercase;
        margin: 0;
    }
    .box-contentTd{
        font-size: 4vw;
        color: #fff;
        margin-top: 1vh;
    }
    .box .post{
        font-size: 16px;
        text-transform: capitalize;
    }
    .box .icon{
        padding: 0;
        margin: 0;
        list-style: none;
        position: absolute;
        right: 8px;
        bottom: 10px;
    }
    .box .icon li{
        display: inline-block;
        margin: 0 1px;
        opacity: 0;
        transform: scale(1.3);
        transition: all 0.3s ease 0.4s;
    }
    .box:hover .icon li{
        opacity: 1;
        transform: scale(1);
    }
    .box:hover .icon li:nth-child(2){ transition: all 0.3s ease 0.2s; }
    .box .icon li a{
        color: #016738;
        background: #fff;
        font-size: 16px;
        line-height: 33px;
        height: 33px;
        width: 33px;
        border-radius: 50%;
        display: block;
        transition: all 0.5s ease;
    }
    .box .icon li  a:hover{
        color: #fff;
        background-color: #016738;
        box-shadow: 0 0 5px #000;
    }


    /*产品详情*/
    .goodsCon{
        width: 90vw;
        margin: 0 5vw 4vh;
        float: left;
    }
    .goodsConPrice{
        float: left;
        width: 100%;
    }
    .goodsConPriceLeft{
        width: 100%;
        float: left;
        border-bottom: 1vh #f8f8f8 solid;
        padding-bottom: 1vh;
    }
    .goodsConPriceRight{
        width: 100%;
        float: left;
    }
    .goodsConPriceRight_t{
        float: left;
        width: 100%;
        font-size: 5vw;
        color: #222;
        margin-top: 2vh;
    }
    .goodsConPriceRight_p{
        float: left;
        width: 100%;
        margin-top: 1vh;
    }
    .goodsConPriceRight_p p{
        color: #222;
        font-size: 4vw;
        float: left;
        margin-top: 2.2vh;
        margin-left: 1vw;
    }
    .goodsConPriceRight_p span{

        display: none;
    }
    .goodsConPriceRight_D{
        float: left;
        width: 100%;
        margin-top: 1vh;
    }
    .goodsConPriceRight_D img{
        width: 30vw;
        float: left;
    }
    .goodsConPriceRight_D p{
        float: left;
        color: #222;
        font-size: 5vw;
        margin-top: 0.2vh;
    }
    .goodsConPriceRightTel{
        float: left;
        padding: 2vw 8vw;
        background: #222;
        margin-top: 2vh;
        border-radius: 100px;
    }
    .goodsConPriceRightTel p{
        color: #fff;
        font-size: 4vw;
    }
    .goodsConPriceRightTel span{
        margin-top: 1vh;
        color: #fff;
        font-size: 8vw;
    }
    .goodsConPriceRightHot{
        width: 16vw;
        float: left;
    }
    .goodsConTit{
        width: 100%;
        float: left;
        border-left: 1vw solid #208050;
        line-height: 5vw;
        font-weight: bold;
        font-size: 5vw;
        color: #222;
        padding-left: 2vw;
    }
    /*    人才招聘*/

    .talentList{
        width: 100vw;
        float: left;
    }
    .talentListUl{
        width: 100%;
        float: left;
    }
    .talentListUlLi{
        width: 47%;
        float: left;
        box-shadow: 0 0.4vw 1vw rgba(200,200,200,0.6);
        background: #fff;
        padding: 2vw;
        box-sizing: border-box;
        margin-top: 2vh;
        margin-left: 2%;
    }
    .talentListUlLiT1{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #222;
        font-weight: bold;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .talentListUlLiT2{
        width: 100%;
        float: left;
        margin-top: 1vh;
    }
    .talentListUlLiT2Add{
        float: left;
        width: 100%;
        margin-right: 1vw;
    }
    .talentListUlLiT2Add img{
        width: 4vw;
        float: left;
        margin-top: 0.5vh;
    }
    .talentListUlLiT2Add p{
        float: left;
        color: #222;
        font-size: 4vw;
        margin-left: 0.5vw;
        line-height: 7vw;
    }
    .talentListUlLiT3{
        width: 100%;
        height: 12vh;
        float: left;
        font-size: 4vw;
        margin-top: 0.6vh;
        line-height: 3.2vh;
        overflow: hidden;
        ext-overflow:ellipsis;
        display: -webkit-box;
        -webkit-box-orient:vertical;
        -webkit-line-clamp:4;
    }
    .talentListUlLiT4{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #222;
        margin-top: 1vh;
        padding-top: 1vh;
        padding-bottom: 1vh;
        border-top: 2px solid #208050;
    }
    .talentListUlLiT4 span{
        color: #208050;
    }


    /*    联系我们     */
    .contact{
        width: 100%;
        float: left;
        margin: 1vh 0 0;
    }
    .contactTit{
        width: 100%;
        float: left;
    }
    .contactTit p{
        width: 100%;
        float: left;
        text-align: center;
        font-size: 6vw;
        color: #222;
        font-weight: bold;
    }
    .contactTit span{
        width: 100%;
        float: left;
        text-align: center;
        font-size: 4vw;
        color: #222;
        margin-top: 1vh;
    }
    .contactCon{
        width: 90vw;
        float: left;
        margin: 2vh 5vw;
    }
    .contactConTel{
        width: 100%;
        float: left;
        background: #fff;
        box-shadow: 0 1vw 2vw rgb(0, 0, 0, 0.1);
        border-radius: 1vw;
        box-sizing: border-box;
        padding: 4vw;
    }
    .contactConaddress{
        width: 100%;
        float: left;
        background: #fff;
        box-shadow: 0 1vw 2vw rgb(0, 0, 0, 0.1);
        border-radius: 1vw;
        padding: 4vw;
        box-sizing: border-box;
        margin-top: 2vh;
    }
    .contactConTelImg{
        width: 15vw;
        float: left;
        margin-top: 1vh;
    }
    .contactConTelTex{
        width: calc(100% - 17vw);
        float: right;
    }
    .contactConTelTexTit{
        width: 100%;
        float: left;
        font-size: 5vw;
        color: #222;
        font-weight: bold;
    }
    .contactConTelTexMail{
        width: 100%;
        float: left;
        font-size: 4vw;
        color: #555;
        margin-top: 1vh;
        line-height: 4vw;
    }
    .contactConTelTexTEL{
        width: 100%;
        float: left;
        margin-top: 2vh;
    }
    .contactConTelTexTEL img{
        width: 2vw;
        float: left;
    }
    .contactConTelTexTEL p{
        float: left;
        font-size: 4vw;
        color: #208050;
        font-weight: bold;
        margin-left: 1vw;
        margin-top: 0.5vh;
    }
    .contactMap{
        width: 140%;
        margin-left: -20%;
        float: left;
    }
}