@media (max-width: 1200px) {
    .Index #header {
        background-color: #ffffff;
    }
}
/**首页banner**/

.index-banner {
    position: relative;
}
.index-banner .box {
    display: block;
    position: relative;
}
.index-banner .box::after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.index-banner .box img {
    display: block;
    object-fit: cover;
}
.index-banner .box .pc {
    display: block;
}
.index-banner .box .phone {
    display: none;
}
.index-banner .swiper-slide {
    position: relative;
    overflow: hidden;
    height: auto;
}
.index-banner .swiper-slide.swiper-slide-active .cont {
    transform: translate(0, 0);
    opacity: 1;
}
.index-banner .cont {
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
    opacity: 0;
    transform: translate(0, 30px);
    transition: all 0.9s 1.2s;
}
.index-banner .cont .title {
    font-size: var(--fs52);
    font-weight: bold;
    line-height: 1.4em;
}
.index-banner .cont .des {
    margin-top: 12px;
    font-size: var(--fs16);
    line-height: 1.4em;
}
.index-banner .cont .des .p+.p {
    margin-top: 0.8em;
}
.index-banner .video-slide {
    position: relative;
}
.index-banner .video-slide img {
    opacity: 1;
}
.index-banner .video-box {
    display: none
}
.index-banner .video-slide::before {
    content: '';
    display: block;
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.01);
}
.index-banner .video-slide .video-box video {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    object-fit: cover;
}
.index-banner .swiper-other {
    position: absolute;
    left: 0;
    bottom: 5.4%;
    width: 100%;
    z-index: 2;
}
.index-banner .swiper-other .mouse-box {
    text-align: center;
    font-size: 14px;
    line-height: 1.4em;
    color: #ffffff;
}
.index-banner .swiper-other .mouse-box .self-svg {
    --size: 1.6em;
    --fill: #ffffff;
    animation: run1 0.7s infinite ease-in-out alternate;
}
.index-banner .swiper-other .mouse-box .word {
    margin-top: 5px;
    opacity: 0.7;
}
.index-banner .swiper-other .number {
    margin-left: 15px;
    font-size: 12px;
    line-height: 1.4em;
    color: rgba(255, 255, 255, 0.3);
}
.index-banner .swiper-other .number .current {
    margin-right: 4px;
    font-size: 20px;
    color: #ffffff;
}
.index-banner .swiper-other .number .all {
    margin-left: 3px;
}
.index-banner .swiper-other .swiper-pagination-bullet {
    --cw: 16px;
    margin: 0 6px;
    position: relative;
    width: var(--cw);
    height: var(--cw);
    background: transparent;
    cursor: pointer;
    opacity: 1;
}
.index-banner .swiper-other .swiper-pagination-bullet::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 50%;
    border: 1px solid rgba(255, 255, 255, 0.3);
    width: var(--cw);
    height: var(--cw);
    opacity: 1;
    transition: opacity 0.3s;
}
.index-banner .swiper-other .cycle-box {
    --size: var(--cw);
    display: block;
}
.index-banner .swiper-other .cycle-box .cycle-son::before {
    --b-c: var(--main-color);
    --b-w: 1px;
}
@media (max-width: 1600px) {
    .index-banner .cont .title {
        font-size: 50px;
    }
    .index-banner .cont .des {
        margin-top: 12px;
        font-size: 22px;
    }
    .index-banner .cont .des .p+.p {
        margin-top: 0.4em;
    }
    .index-banner .swiper-other .swiper-pagination-bullet {
        --cw: 12px;
        margin: 0 8px;
    }
}
@media (max-width: 1441px) {
    .index-banner .cont .title {
        font-size: 36px;
    }
    .index-banner .cont .des {
        margin-top: 10px;
        font-size: 18px;
    }
    .index-banner .swiper-other .swiper-pagination-bullet {
        --cw: 10px;
        margin: 0 6px;
    }
}
@media (max-width: 1200px) {
    .index-banner .box .pc {
        display: none;
    }
    .index-banner .box .phone {
        display: block;
    }
    .index-banner .cont {
        text-align: center;
    }
    .index-banner .cont .title {
        font-size: 0.4rem;
    }
    .index-banner .cont .des {
        margin-top: 0.1rem;
        font-size: 0.26rem;
    }
    .index-banner .cont .des .p+.p {
        margin-top: 0.4em;
    }
    .index-banner .swiper-other {
        bottom: 0.35rem;
    }
    .index-banner .swiper-other .wrap-1480 {
        justify-content: center;
    }
    .index-banner .swiper-other .mouse-box {
        display: none;
    }
    .index-banner .swiper-other .swiper-pagination-bullet {
        --cw: 0.26rem;
        margin: 0 0.08rem;
    }
    .index-banner .swiper-other .swiper-pagination-bullet::before {
        border-width: 2px;
    }
    .index-banner .swiper-other .cycle-box {
        --b-w: 2px;
    }
    .index-banner .swiper-other .swiper-number .number {
        display: none;
    }
}
@keyframes run1 {
    0% {
        transform: translateY(0);
    }
    100% {
        transform: translateY(-10px);
    }
}
.auto-title-block {
    padding: var(--fs24) 0;
}
/*关于我们*/

.index-about {
    position: relative;
    background: url(../images/bg4.jpg) no-repeat center / cover;
    background-size: cover;
    padding-top: 115px;
    padding-bottom: 115px;
    overflow: hidden;
}
.index-about .left-cont {
    width: 43.125%;
}
.index-about .left-cont .auto-title-block {
    padding-top: 0;
    padding-bottom: var(--fs24);
}
.index-about .left-cont .des {
 text-indent:var(--fs30;)   margin-top: -10px;
    font-size: 16px;
    line-height: 2em;
    color: #666666;
}
.index-about .left-cont .more-box-a {
    margin-top: 38px;
}
.index-about .right-cont {
    position: relative;
    width: 51.25%;
}
.index-about .right-cont .img-box {
    margin-right: 15%;
    border-radius: 10px;
    width: 560px;
    max-width: 80%;
}
.index-about .right-cont .video-block-box {
    position: absolute;
    left: 0;
    top: 40%;
    transform: translateY(-50%);
}
.index-about .right-cont .video-block-box .video-block {
    border-radius: 10px;
    width: 60%;
    overflow: hidden;
}
@media (max-width: 1600px) {
    .index-about {
        padding-top: 85px;
        padding-bottom: 85px;
    }
    .index-about .left-cont .des {
        margin-top: -15px;
        font-size: 16px;
        line-height: 1.9em;
    }
    .index-about .left-cont .more-box-a {
        margin-top: 25px;
    }
}
@media (max-width: 1200px) {
    .index-about {
        padding-top: 0.75rem;
        padding-bottom: 0.65rem;
        background-size: cover;
    }
    .index-about .left-cont {
        width: 100%;
    }
    .index-about .left-cont .des {
        margin-top: -0.1rem;
        font-size: 0.26rem;
        line-height: 1.9em;
    }
    .index-about .left-cont .more-box-a {
        margin-top: 0.2rem;
    }
    .index-about .right-cont {
        margin-top: 0.35rem;
        width: 100%;
    }
    .index-about .right-cont .img-box {
        margin-right: 0;
        border-radius: 0.15rem;
        width: 56%;
    }
    .index-about .right-cont .video-block {
        border-radius: 0.15rem;
    }
}
/*优势展示*/

.i_solution {
    overflow: hidden;
    background: #f0f0f0;
    padding-top: var(--fs54)
}
.i_solution .i_title {
    text-align: center;
}
.i_solution .i_more {
    margin: 0 auto;
    margin-top: 2%;
    margin-bottom: 4%;
}
@media screen and (max-width: 960px) {
    .i_solution .i_more {
        margin-top: 3%;
    }
}
@media screen and (max-width: 780px) {
    .i_solution .i_more {
        margin-top: 4%;
        margin-bottom: 6%;
    }
}
@media screen and (max-width: 480px) {
    .i_solution .i_more {
        margin-top: 5%;
    }
}
/*首页解决方案*/

.owl-demo3 {
    width: 101%;
    margin-left: -0.5%;
    display: flex;
}
/*.owl-demo3.owl-carousel .owl-wrapper-outer{ overflow:visible;}*/

/* Styling Next and Prev buttons*/

.owl-demo3.owl-theme .owl-controls .owl-pagination {
    position: absolute;
    bottom: -105px;
    width: 100%;
    left: 0;
    height: 18px;
    display: none;
}
.owl-demo3.owl-theme .owl-controls .owl-page {
    display: inline-block;
    zoom: 1;
    *display: inline;
    /*IE7 life-saver*/
}
.owl-demo3.owl-theme .owl-controls .owl-page span {
    display: block;
    width: 4px;
    height: 4px;
    margin: 0px 13px;
    /*filter: Alpha(Opacity=50);opacity: 0.5;*/
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background: #dadada;
}
.owl-demo3.owl-theme .owl-controls .owl-page.active span {
    background: #0093dd;
}
.owl-demo3.owl-theme .owl-controls .owl-buttons {
    position: absolute;
    bottom: 40px;
    width: 100%;
    max-width: 194px;
    left: -320px;
    height: 0px;
    display: none;
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div {
    color: #FFF;
    display: inline-block;
    zoom: 1;
    *display: inline;
    width: 9px;
    height: 18px;
    /*IE7 life-saver*/
    text-indent: 100px;
    line-height: 60px;
    overflow: hidden;
    -webkit-transition: all 0.3s ease-out 0s;
    -moz-transition: all 0.3s ease-out 0s;
    -o-transition: all 0.3s ease-out 0s;
    transition: all 0.3s ease-out 0s;
    margin-top: -9px;
    /*box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15); border-radius:50%;*/
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: url(../images/left_on.png) center center no-repeat;
    background-size: 100%;
    float: left;
    margin-left: 0;
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev.disabled {
    background-image: url(../images/left.png);
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    /*background-image:url(../images/left_on.png);*/
    opacity: 0.8;
    filter: Alpha(opacity=80);
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: url(../images/right_on.png) center center no-repeat;
    background-size: 100%;
    float: right;
    margin-left: 20px;
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next.disabled {
    background-image: url(../images/right.png);
}
.owl-demo3.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    /* background-image:url(../images/right_on.png);*/
    opacity: 0.8;
    filter: Alpha(opacity=80);
}
.owl-demo3.owl-theme .owl-controls .owl-page {
    display: inline-block;
}
.owl-demo3 .item {
    margin: 0 1.4%;
    width: 25%;
    display: inline-block;
}
.owl-demo3 .item .imgs {
    position: relative;
    padding-top: 150%;
    overflow: hidden;
}
.owl-demo3 .item .imgs img {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
    /*-webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%); filter: gray;*/
}
.owl-demo3 .item dd:hover .imgs img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
    /*-webkit-filter: grayscale(0%); -moz-filter: grayscale(0%); -ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%); filter:none;*/
}
.owl-demo3 .item dd {
    overflow: hidden;
    transition: all 0.3s;
    position: relative;
}
.owl-demo3 .item dd .bgs {
    background: rgba(0, 0, 0, 0.2);
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    transition: all 0.6s;
    color: #fff;
    text-align: center;
}
.owl-demo3 .item dd:hover .bgs {
    background: rgba(8, 69, 35, 0.7);
}
.owl-demo3 .item dd .txts2 {
    overflow: hidden;
    position: absolute;
    bottom: 70px;
    left: 0;
    width: 100%;
    transition: all 0.6s;
}
.owl-demo3 .item dd .txts2 .cons {
    width: 94%;
    margin: 0 auto;
    overflow: hidden;
}
.owl-demo3 .item dd .txts2 .h3 {
    font-weight: bold;
    line-height: 38px;
    height: 38px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: var(--fs24);
}
.owl-demo3 .item dd .txts2 .p {
    overflow: hidden;
    font-weight: lighter;
    line-height: 30px;
    height: 30px;
    white-space: nowrap;
    text-overflow: ellipsis
}
.owl-demo3 .item dd .txts2 .img {
    height: 39px;
    display: block;
    margin: 0 auto;
    margin-bottom: 25px;
}
.owl-demo3 .item dd:hover .txts2 {
    opacity: 0;
    filter: Alpha(opacity=0);
}
.owl-demo3 .item dd .txts {
    overflow: hidden;
    position: absolute;
    bottom: 0%;
    left: 0;
    width: 100%;
    height: 100%;
    transition: all 0.6s;
    opacity: 0;
    filter: Alpha(opacity=0);
    display: flex;
    align-items: center;
    justify-content: center;
}
.owl-demo3 .item dd .txts:before {
    position: absolute;
    left: 3%;
    top: 3%;
    width: 0%;
    height: 0%;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    content: "";
    transition: all 0.6s;
}
.owl-demo3 .item dd:hover .txts:before {
    width: 94%;
    height: 94%;
}
.owl-demo3 .item dd .txts:after {
    position: absolute;
    right: 3%;
    bottom: 3%;
    width: 0%;
    height: 0%;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    content: "";
    transition: all 0.6s;
}
.owl-demo3 .item dd:hover .txts:after {
    width: 94%;
    height: 94%;
}
.owl-demo3 .item dd:hover .txts {
    opacity: 1.0;
    filter: Alpha(opacity=100);
}
.owl-demo3 .item dd .txts .boxs {
    width: 90%;
    margin: 0 auto;
    overflow: hidden;
    max-width: 270px;
}
.owl-demo3 .item dd .txts .img {
    height: 39px;
    display: block;
    margin: 0 auto;
    margin-bottom: 16px;
}
.owl-demo3 .item dd .txts .p {
    overflow: hidden;
    line-height: 26px;
    height: 52px;
    margin-top: 11px;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
.owl-demo3 .item dd .txts .h4 {
    font-weight: bold;
    line-height: 46px;
    height: 46px;
    color: #fff;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    font-size: var(--fs20)
}
.owl-demo3 .item dd .txts .i_more {
    margin: 0 auto;
    text-align: center;
    margin-top: 37px;
    color: #fff;
    border: 1px solid #fff;
    font-style: normal;
    padding: 0 10px;
}
@media screen and (max-width: 1200px) {
    /*首页解决方案*/
    .owl-demo3 .item dd .txts2 {
        bottom: 60px;
    }
}
@media screen and (max-width: 960px) {
    /*首页解决方案*/
    .owl-demo3 .item dd .txts2 {
        bottom: 50px;
    }
}
@media screen and (max-width: 780px) {
    /*首页解决方案*/
    .owl-demo3 {
        margin-top: 4%;
    }
    .owl-demo3 .item dd .txts2 {
        bottom: 40px;
    }
    .owl-demo3 .item dd .txts2 .img {
        height: 30px;
        margin-bottom: 15px;
    }
    .owl-demo3 .item dd .txts .img {
        height: 30px;
        margin-bottom: 12px;
    }
    .owl-demo3 .item dd .txts .h4 {
        height: 40px;
        line-height: 40px;
    }
    .owl-demo3 .item dd .txts .p {
        line-height: 24px;
        height: 48px;
    }
    .owl-demo3 .item dd .txts .i_more {
        margin-top: 30px;
    }
}
@media screen and (max-width: 480px) {
    /*首页解决方案*/
    .owl-demo3 {
        margin-top: 5%;
    }
    .owl-demo3 .item dd .txts .h4 {
        height: 32px;
        line-height: 32px;
    }
    .owl-demo3 .item dd .txts .p {
        line-height: 22px;
        height: 44px;
    }
    .owl-demo3 .item dd .txts .i_more {
        margin-top: 25px;
    }
}
/*产品展示*/

#m2 {
    position: relative;
    z-index: 2;
    background: #fff;
}
#m2 .list {
    width: 100%;
    height: calc(100vh);
    /*background: #eee url('../images/probg1.jpg') no-repeat center/cover; 

*/
    position: relative;
}
#m2 .list .pbg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    transition: all .65s ease;
    z-index: 2
}
#m2 .list .s0 {
    background: url('../images/bigimg1.jpg') no-repeat center/cover;
    transition: 1s;
    z-index: 2
}
#m2 .list .s1 {
    background: url('../images/bigimg2.jpg') no-repeat center/cover;
    transition: 1s;
    z-index: 2
}
#m2 .list .s2 {
    background: url('../images/bigimg3.jpg') no-repeat center/cover;
    transition: 1s;
    z-index: 2
}
#m2 .list .active {
    opacity: 1;
}
#m2 .list .item {
    width: 33.33%;
    height: 100%;
    position: relative;
    border-right: 1px solid #e9e9e9;
    box-sizing: border-box;
    z-index: 2;
    text-align: center;
    transition: all .55s;
}
#m2 .list:hover .item, #m2 .list:hover .item.on {
    border-right: 1px solid rgba(255, 255, 255, .5);
    color: #fff
}
#m2 .list .item:last-child {
    border-right: 0px none;
}
#m2 .list .item .pbg {
    width: 100%;
    height: 100%;
    position: absolute;
    background: linear-gradient(#000, #333);
    opacity: 0;
    transition: all .4s;
    z-index: 1
}
#m2 .list .item:hover .pbg {
    opacity: .5;
}
#m2 .list .item:hover .tit, #m2 .list .item:hover .desc {
    color: #fff
}
@media (max-width:1439px) {
    /*1366*/
    #m2 .tit-container .desc {
        font-size: 1.6rem;
    }
}
#m2 .list .wrapper {
    display: flex;
    height: 100%;
    position: relative;
}
#m2 .list .box {
    position: relative;
    z-index: 2;
    top: 25%;
    transition: all .35s;
}
#m2 .list .wrapper .active {
    top: 20%;
}
#m2 .list .item i {
    font-size: 10rem;
    background: linear-gradient(#fb5483, #4488fa);
    -webkit-background-clip: text;
    color: transparent;
    height: 10rem;

    transition: all .35s;
}
#m2 .list .item i.icon-buildings_tower- {
    font-size: 9.6rem;
}
#m2 .list .item i.icon-taiyangnengdianchi {
    font-size: 9.4rem;
}
#m2 .list .item i.icon-ditie {
    font-size: 9.6rem;
}
#m2 .list .item .active i {
    color: #fff;
}
#m2 .list .item .tit {
    font-size: 0.3rem;
    color: #fff;
    margin-top: 32px;
    transition: all .35s;
    font-weight: bold;
}
#m2 .list .item .active .tit {
    color: #fff;
    font-size: 4rem;
}
#m2 .list .item .desc {
    font-size: 0.18rem;
    color: #fff;
    line-height: 1.6;
    /*height: 50px;*/
    transition: all .35s;
    max-width: 350px;
    margin: 28px auto auto auto;
}
#m2 .list .item .active .desc {
    color: rgba(255, 255, 255, .8);
}
#m2 .list .item .more {
    margin: 85px;
    border: 1px solid #d3d3d3;
    font-size: 0.1rem;
    padding: 15px 35px;
    display: inline-block;
    border-radius: 50px;
    color: #999;
    transition: all .28s;
}
#m2 .list:hover .more {
    opacity: .7;
    background: #fff;
    color: #666;
    border: 1px solid #fff;
}
#m2 .list .active .more {
    opacity: .7;
    background: #fff;
    color: #666;
    margin-top: 110px;
    border: 1px solid #fff;
}
#m2 .list .item .more:hover {
    opacity: 1;
    color: #fff;
    background: #084523;
}
@media (max-width:1679px) {
    /*1440*/
    #m2 .list .item i {
        font-size: 9rem;
    }
    #m2 .list .item i.icon-buildings_tower- {
        font-size: 8.6rem;
    }
    #m2 .list .item i.icon-taiyangnengdianchi {
        font-size: 8.4rem;
    }
    #m2 .list .item i.icon-ditie {
        font-size: 8.6rem;
    }
    #m2 .list .item .tit {
        font-size: 0.3rem;
    }
    #m2 .list .item .active .tit {
        font-size: 0.2rem;
    }
    #m2 .list .item .desc {
        font-size: 0.15rem;
    }
}
@media (max-width:1439px) {
    /*1366*/
    #m2 .list .item i {
        font-size: 8.6rem;
    }
    #m2 .list .item i.icon-buildings_tower- {
        font-size: 8.2rem;
    }
    #m2 .list .item i.icon-taiyangnengdianchi {
        font-size: 8rem;
    }
    #m2 .list .item i.icon-ditie {
        font-size: 0.8rem;
    }
    #m2 .list .item .active .tit {
        font-size: 0.3rem;
    }
    #m2 .list .item .desc {
        font-size: 0.14rem;
    }
    #m2 .list .item .tit {
        font-size: 0.26rem;
        margin-top: 10px;
    }
    #m2 .list .item .active .tit {
        font-size: 0.3rem;
    }
    #m2 .list .item .box .desc {
        font-size: 0.14rem;
        max-width: 90%;
        margin: 20px auto auto auto;
    }
    #m2 .list .item .more {
        margin: 40px;
        font-size: 0.14rem;
        padding: 13px 32px;
    }
    #m2 .list>.pbg {
        display: none;
    }
}
@media (max-width:1365px) {
    /*1280*/
    #m2 .list .item .tit {
        font-size: 0.4rem;
    }
    #m2 .list .item .active .tit {
        font-size: 0.27rem;
    }
    #m2 .list .item .desc {
        font-size: 0.13rem;
        padding: 0 10px;
    }
}
@media (max-width:1279px) {
    /*MP*/
    #m2 .tit-container {
        background: #111 url('../images/probg1.jpg') no-repeat center/cover;
        padding: 50px 0 55px 0;
    }
    #m2 .tit-container .desc {
        padding: 0 15px;
    }
    #m2 .list .item:hover .pbg {
        opacity: 0;
    }
    #m2 .list .item.active .pbg {
        opacity: .75;
    }
    #m2 .list {
        height: auto;
        background: none;
    }
    #m2 .list .wrapper {
        display: block;
        height: auto;
    }
    #m2 .list .item {
        width: 100%;
        height: auto;
        border-right: 0px none;
        border-bottom: 1px solid #eee;
    }
    #m2 .list .box {
        top: 0;
        padding: 30px 15px;
    }
    #m2 .list .item i {
        font-size: 6.6rem;
    }
    #m2 .list .item i.icon-buildings_tower- {
        font-size: 5.6rem;
    }
    #m2 .list .item i.icon-taiyangnengdianchi {
        font-size: 5.4rem;
    }
    #m2 .list .item i.icon-ditie {
        font-size: 5.6rem;
    }
    #m2 .list:hover .more {
        opacity: 1;
        background: unset;
        color: #999;
        border: 1px solid #d3d3d3;
    }
    #m2 .list .item.active .more {
        opacity: .7;
        background: #000;
        color: #666;
        border: 1px solid #fff;
    }
    #m2 .list .item .pbg {
        width: 100%;
        height: 100%;
        position: absolute;
        background: linear-gradient(#000, #333);
        opacity: 0;
        transition: all .4s;
    }
    #m2 .list .item:hover .pbg {
        opacity: .5;
    }
    #m2 .list .item:hover .tit, #m2 .list .item:hover .desc {
        color: #fff
    }
    #m2 .list:hover .item .more {
        color: #fff
    }
}
/*产品展示 end*/

/*解决方案*/

.i_two_bg {
    background: #f0f3f8;
    overflow: hidden;
    position: relative;
}
.i_two_bg .auto-title-en {
    font-size: var(--fs52)
}
.i_two_bg .i_two_r {
    float: right;
    width: 70%;
}
.i_two_bg .i_two_l {
    position: absolute;
    top: 10%;
    width: 17%;
    max-width: 585px;
    overflow: hidden;
    height: 100%;
    left: 10%;
}
.i_two_bg .i_two_l .boxs {
    overflow: hidden;
    width: 100%;
}
.i_two_bg .i_two_l .i_title {
    margin-top: 20%;
    padding-bottom: 2%;
}
.i_two_bg .i_two_l .i_two_a {
    max-width: 484px;
    overflow: hidden;
    margin-top: 7%;
}
.i_two_bg .i_two_l .i_two_a li {
    float: left;
    width: 49%;
    margin-right: 2%;
    margin-bottom: 17px;
}
.i_two_bg .i_two_l .i_two_a li:nth-child(2n+0) {
    margin-right: 0;
}
.i_two_bg .i_two_l .i_two_a li a {
    display: inline-block;
    vertical-align: top;
    line-height: 32px;
    height: 32px;
    /*border-bottom:1px solid #fff;*/
    color: #333333;
    position: relative;
}
.i_two_bg .i_two_l .i_two_a li a:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0;
    height: 1px;
    background: #084523;
    transition: all 0.3s;
}
.i_two_bg .i_two_l .i_two_a li a:hover {
    color: #084523;
}
.i_two_bg .i_two_l .i_two_a li a:hover:after {
    width: 100%;
}
.i_two_bg .i_two_l .p {
    overflow: hidden;
    line-height: 32px;
    color: #666666;
    margin-top: 3%;
}
.i_two_bg .i_two_l .i_more {
    margin-top: 24%;
}
.zhi {
    position: absolute;
    left: -0.5%;
    top: 10%;
    line-height: 200px;
    color: rgba(17, 17, 17, 0.05);
    font-size: 200px;
    font-weight: bold;
    font-family: Arial;
}
.i_more {
    display: block;
    width: 160px;
    height: 44px;
    line-height: 44px;
    border: 1px solid #084523;
    color: #084523;
    border-radius: 4px;
    text-align: center;
    margin-top: 5%;
}
.i_more:hover {
    background: #084523;
    color: #fff;
}
.i_more span {
    margin-left: 8%;
    font-family: "宋体";
}
@media screen and (max-width: 1760px) {
    /*解决方案*/
    .i_two_bg .i_two_l .i_more {
        margin-top: 18%;
    }
}
@media screen and (max-width: 1600px) {
    /*解决方案*/
    .zhi {
        font-size: 180px;
        line-height: 180px;
    }
    .i_two_bg .i_two_l .i_title {
        margin-top: 18%;
    }
}
@media screen and (max-width: 1560px) {
    /*解决方案*/
    .zhi {
        top: 6%;
    }
    .i_two_bg .i_two_l .i_more {
        margin-top: 13%;
    }
    .i_two_bg .i_two_l .i_title {
        margin-top: 10%;
    }
}
@media screen and (max-width: 1440px) {
    /*解决方案*/
    .zhi {
        font-size: 150px;
        line-height: 150px;
    }
    .i_two_bg .i_two_l .i_more {
        margin-top: 3%;
    }
}
@media screen and (max-width: 1360px) {
    /*解决方案*/
    .zhi {
        font-size: 140px;
        line-height: 140px;
    }
}
@media screen and (max-width: 1200px) {
    /*解决方案*/
    .i_two_bg .i_two_l {
        position: static;
        height: auto;
        width: 100%;
        max-width: none;
        margin-bottom: 6%;
    }
    .i_two_bg .i_two_l .i_two_a {
        margin-top: 4%;
    }
    .i_two_bg .i_two_l .i_title {
        padding-bottom: 1%;
    }
    .i_two_bg .i_two_r {
        float: none;
        width: 100%;
    }
    .zhi {
        position: static;
        margin-top: 4%;
        font-size: 120px;
        line-height: 1;
        display: none;
    }
    .i_two_bg .i_two_l .i_title {
        margin-top: 6%;
        padding-bottom: 0;
    }
    .i_two_bg .i_two_l .p {
        margin-top: 2%;
    }
}
@media screen and (max-width: 1100px) {}
@media screen and (max-width: 960px) {
    /*解决方案*/
    .i_two_bg .i_two_l .i_two_a {
        max-width: none;
    }
    .i_two_bg .i_two_l .i_two_a li {
        width: 23.5%;
    }
    .i_two_bg .i_two_l .i_two_a li:nth-child(2n+0) {
        margin-right: 2%;
    }
    .i_two_bg .i_two_l .i_two_a li:nth-child(4n+0) {
        margin-right: 0;
    }
    .i_two_bg .i_two_l .p {
        line-height: 28px;
    }
    .zhi {
        font-size: 100px;
    }
    .i_more {
        width: 130px;
    }
}
@media screen and (max-width: 780px) {
    /*解决方案*/
    .zhi {
        font-size: 80px;
    }
}
@media screen and (max-width: 640px) {
    /*解决方案*/
    .i_two_bg .i_two_l .i_two_a li {
        width: 32%;
        margin-bottom: 2%;
    }
    .i_two_bg .i_two_l .i_two_a li:nth-child(4n+0) {
        margin-right: 2%;
    }
    .i_two_bg .i_two_l .i_two_a li:nth-child(3n+0) {
        margin-right: 0;
    }
    .i_two_bg .i_two_l .p {
        line-height: 24px;
    }
    .zhi {
        font-size: 70px;
    }
    .i_more {
        line-height: 38px;
        height: 38px;
        width: 120px;
    }
}
@media screen and (max-width: 480px) {
    /*解决方案*/
    .i_two_bg .i_two_l .i_more {
        margin-top: 6%;
    }
    .i_two_bg .i_two_l .p {
        line-height: 22px;
    }
    .zhi {
        font-size: 60px;
    }
    .i_more {
        width: 110px;
    }
}
@media screen and (max-width: 420px) {
    /*解决方案*/
    .zhi {
        font-size: 50px;
    }
    .i_more span {
        margin-left: 4%;
    }
    .i_more {
        width: 90px;
    }
    .i_two_bg .i_two_l .p {
        line-height: 20px;
    }
}
@media screen and (max-width: 360px) {
    /*解决方案*/
    .zhi {
        font-size: 40px;
    }
}
/*首页解决方案*/

/*首页链接快捷方式*/

.index-iconlink {
    display: block;
    background: #fff;
    box-shadow: 1px 1px 10px #eee;
    padding: var(--fs30) 0;
    border-radius: 20px
}
.index-iconlink span {
    text-align: center;
    margin-top: var(--fs12);
}
@media (max-width: 1200px) {
    .index-iconlink ul li a {
        text-align: center;
    }
    .index-iconlink img {
        width: 50%;
        margin: 0 auto
    }
}
/*首页标题*/

.index-tit {
    width: 100%;
    overflow: hidden;
}
.index-tit .ch {}
.index-tit .ch span {
    white-space: nowrap;
    font-size: var(--fs42);
    font-weight: bold;
    color: var(--main-color);
    line-height: var(--fs54)
}
.index-tit .ch span em {
    margin-right: var(--fs30);
}
.index-tit .ch img {
    vertical-align: middle;
}
.index-tit strong {
    font-size: var(--fs42);
    text-align: left;
}
/*新闻中心*/

.index-news {
    overflow: hidden;
    margin-bottom: var(--fs54);
    margin-top: var(--fs54);
}
.index-news .title-flex .title-tabs {
    margin-bottom: 8px;
}
.index-news .swiper-ohide {}
.index-news .swiper-ohide .swiper-list {
    --br: 10px;
}
@media (max-width: 1600px) {
    .index-news {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .index-news .title-flex .title-tabs {
        margin-bottom: 10px;
    }
    .index-news .swiper-ohide {
        padding-top: 30px;
    }
}
@media (max-width: 1200px) {
    .index-news {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .index-news .title-flex {
        flex-wrap: wrap;
    }
    .index-news .title-flex .auto-title-block {
        margin-bottom: 0.2rem;
        width: 100%;
    }
    .index-news .title-flex .title-tabs {
        width: 100%;
        margin-bottom: 0;
        justify-content: center;
    }
    .index-news .swiper-ohide {
        padding-top: 0.35rem;
    }
}
.index-product {
    --wrap-w: var(--wrap-1600-width);
    position: relative;
    height: 100%;
    background: url(../images/bg2.jpg) no-repeat center /cover #084523;
    overflow: hidden;
    padding-bottom: 1rem;
    padding-top: var(--fs30);
}
.swiper-des {
    margin-top: 6px;
    font-size: 16px;
    line-height: 1.75em;
    color: #fff;
    text-align: center;
}
.index-footprint {
    overflow: hidden;
    background: url(../images/index/bg4.gif);
    padding-top: 120px;
    padding-bottom: 120px;
}
.index-footprint .auto-title-block .auto-title-h2 {
    color: #ffffff;
}
.index-footprint .auto-title-block .auto-title-h2-des {
    color: rgba(255, 255, 255, 0.7);
}
.index-footprint .i-num-list {
    margin-top: 70px;
    color: #ffffff;
}
.index-footprint .i-num-list .i-num-li+.i-num-li {
    margin-left: 20px;
}
.index-footprint .i-num-list .i-num-li .num {
    font-size: 68px;
    font-weight: bold;
    line-height: 0.9em;
}
.index-footprint .i-num-list .i-num-li .other {
    margin-left: 6px;
}
.index-footprint .i-num-list .i-num-li .icon {
    margin-bottom: 0.9em;
    font-size: 20px;
    line-height: 1em;
}
.index-footprint .i-num-list .i-num-li .word {
    font-size: 16px;
    line-height: 1em;
}
.index-footprint .left-cont {
    width: 400px;
}
.index-footprint .right-cont {
    width: calc(95% - 400px);
}
.index-footprint .right-cont #container {
    height: 730px;
}
@media (max-width: 1600px) {
    .index-footprint {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .index-footprint .i-num-list {
        margin-top: 40px;
    }
    .index-footprint .i-num-list .i-num-li .num {
        font-size: 58px;
    }
    .index-footprint .i-num-list .i-num-li .icon {
        font-size: 16px;
    }
    .index-footprint .i-num-list .i-num-li .word {
        font-size: 14px;
        line-height: 1em;
    }
}
@media (max-width: 1200px) {
    .index-footprint {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .index-footprint .i-num-list {
        margin-top: 0.35rem;
    }
    .index-footprint .i-num-list .i-num-li+.i-num-li {
        margin-left: 0.3rem;
    }
    .index-footprint .i-num-list .i-num-li .num {
        font-size: 0.7rem;
    }
    .index-footprint .i-num-list .i-num-li .icon {
        margin-bottom: 0.6em;
        font-size: 0.24rem;
    }
    .index-footprint .i-num-list .i-num-li .word {
        font-size: 0.2rem;
    }
    .index-footprint .left-cont {
        width: 100%;
    }
    .index-footprint .right-cont {
        width: 100%;
        height: calc(var(--wrap-width)*0.9);
    }
    .index-footprint .right-cont #container {
        height: calc(var(--wrap-width)*0.9);
    }
    .index-footprint .right-cont #container canvas {
        height: calc(var(--wrap-width)*0.9);
    }
}
@media (max-width: 768px) {
    .index-footprint .right-cont {
        width: 100%;
        height: calc(var(--wrap-width)*0.9);
    }
}
.index-case {
    background: url(../images/index/bg5.jpg) no-repeat center / cover;
    padding-top: 120px;
    padding-bottom: 100px;
    overflow: hidden;
}
.index-case .title-flex .title-tabs {
    margin-bottom: 8px;
}
.index-case .swiper-list {
    --br: 10px;
    margin-top: 52px;
}
.index-case .swiper-list .swiper {
    overflow: visible;
}
.index-case .swiper-list .a-box {
    display: block;
    background-color: #f7f5f2;
    overflow: hidden;
    border-radius: var(--br);
}
.index-case .swiper-list .a-box:hover .cont .title {
    color: var(--main-color);
}
.index-case .swiper-list .a-box:hover .cont .more-box-b {
    transform: translate(15%, 0);
}
.index-case .swiper-list .img-box::before {
    padding-top: 58.33%;
}
.index-case .swiper-list .cont {
    padding: 25px 30px;
}
.index-case .swiper-list .cont .title-box {
    width: calc(100% - 75px);
}
.index-case .swiper-list .cont .title {
    font-size: 24px;
    line-height: 1.4em;
    color: #333333;
    transition: all 0.3s;
}
.index-case .swiper-list .cont .tag {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.4em;
    color: #999999;
}
.index-case .swiper-list .cont .more-box-b {
    transform: translate(0, 0);
    transition: all 0.3s;
}
.index-case .swiper-list .cont .more-box-b .more-box .more-box-b-icon svg {
    transform: translate(0, 0);
}
@media (max-width: 1600px) {
    .index-case {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .index-case .title-flex .title-tabs {
        margin-bottom: 10px;
    }
    .index-case .swiper-list {
        --br: 10px;
        margin-top: 30px;
    }
    .index-case .swiper-list .cont {
        padding: 20px 25px;
    }
    .index-case .swiper-list .cont .title-box {
        width: calc(100% - 55px);
    }
    .index-case .swiper-list .cont .title {
        font-size: 20px;
    }
    .index-case .swiper-list .cont .tag {
        margin-top: 0;
        font-size: 15px;
    }
}
@media (max-width: 1200px) {
    .index-case {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .index-case .title-flex {
        flex-wrap: wrap;
        text-align: center;
    }
    .index-case .title-flex .auto-title-block {
        margin-bottom: 0.2rem;
        width: 100%;
    }
    .index-case .title-flex .title-tabs {
        width: 100%;
        margin-bottom: 0;
        justify-content: center;
    }
    .index-case .swiper-list {
        --br: 0.15rem;
        margin-top: 0.35rem;
    }
    .index-case .swiper-list .cont {
        padding: 0.15rem 0.2rem;
    }
    .index-case .swiper-list .cont .title-box {
        width: calc(100% - 0.65rem);
    }
    .index-case .swiper-list .cont .title {
        font-size: 0.3rem;
    }
    .index-case .swiper-list .cont .tag {
        font-size: 0.24rem;
    }
}
.index-advantages {
    display: flex;
    height: clamp(0px, 50vw, 960px);
    background: url(../images/index/bg6.jpg) no-repeat center / cover;
    padding-top: clamp(0px, 8.85vw, 200px);
    padding-bottom: 100px;
    overflow: hidden;
    /* align-items: center; */
}
.index-advantages .auto-title-block .auto-title-h2 {
    color: #ffffff;
}
.index-advantages .auto-title-block .auto-title-h2-des {
    color: rgba(255, 255, 255, 0.7);
}
.index-advantages .advantages-list {
    margin-top: 120px;
    gap: calc(var(--wrap-width)*0.0337);
}
.index-advantages .advantages-list .advantages-li {
    display: flex;
    align-items: flex-end;
    color: #538d6b;
}
.index-advantages .advantages-list .li8 {
    width: 100%;
}
.index-advantages .advantages-list .li8 .line {
    display: none;
}
.index-advantages .advantages-list .line {
    display: block;
    margin: 0 20px;
}
.index-advantages .advantages-list .line::before {
    content: '';
    display: block;
    margin: 0 auto;
    background-color: #ffffff;
    height: 69px;
    width: 1px;
    transform: skewX(-30deg);
    opacity: 0.4;
}
.index-advantages .advantages-list .img img {
    display: block;
}
.index-advantages .advantages-list .li-num {
    margin: 0 18px 0 20px;
    font-size: 72px;
    font-weight: bold;
    line-height: 0.7em;
    letter-spacing: -2px;
}
.index-advantages .advantages-list .word {
    font-size: 18px;
    line-height: 1em;
}
.index-advantages .advantages-list .word .dw {
    margin-bottom: 0.9em;
}
@media (max-width: 1600px) {
    .index-advantages {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .index-advantages .advantages-list {
        margin-top: 50px;
        gap: calc(var(--wrap-width)*0.015);
    }
    .index-advantages .advantages-list .line {
        margin: 0 15px;
    }
    .index-advantages .advantages-list .line::before {
        height: 59px;
        transform: skewX(-20deg);
    }
    .index-advantages .advantages-list img {
        zoom: 0.9;
    }
    .index-advantages .advantages-list .li-num {
        margin: 0 10px 0 15px;
        font-size: 58px;
        letter-spacing: -1px;
    }
    .index-advantages .advantages-list .word {
        font-size: 16px;
    }
}
@media (max-width: 1200px) {
    .index-advantages {
        height: auto;
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .index-advantages .advantages-list {
        margin-top: 0.3rem;
        gap: 0.2rem;
    }
    .index-advantages .advantages-list .line {
        margin: 0 0.4rem;
    }
    .index-advantages .advantages-list .line::before {
        height: 0.6rem;
        transform: skewX(-20deg);
    }
    .index-advantages .advantages-list .li4, .index-advantages .advantages-list .li8, .index-advantages .advantages-list .li12 {
        margin: 0.15rem 0;
        width: 100%;
    }
    .index-advantages .advantages-list .li4 .line, .index-advantages .advantages-list .li8 .line, .index-advantages .advantages-list .li12 .line {
        display: block;
        width: 100%;
    }
    .index-advantages .advantages-list .li4 .line::before, .index-advantages .advantages-list .li8 .line::before, .index-advantages .advantages-list .li12 .line::before {
        width: 100%;
        height: 1px;
        transform: skew(0deg);
    }
    .index-advantages .advantages-list img {
        zoom: 0.6;
    }
    .index-advantages .advantages-list .li-num {
        margin: 0 0.1rem 0 0.15rem;
        font-size: 0.6rem;
        letter-spacing: -0.02em;
    }
    .index-advantages .advantages-list .word {
        font-size: 0.2rem;
    }
    .index-advantages .advantages-list .word .dw {
        margin-bottom: 0.4em;
    }
}
.index-news {
    overflow: hidden;
}
.index-news .title-flex .title-tabs {
    margin-bottom: 8px;
    margin-top: var(--fs30);
}
.index-news .swiper-ohide {}
.index-news .swiper-ohide .swiper-list {
    --br: 10px;
}
.index-news .title-flex {
    flex-wrap: wrap;
}
@media (max-width: 1600px) {
    .index-news {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .index-news .title-flex .title-tabs {
        margin-bottom: 10px;
    }
    .index-news .swiper-ohide {
        padding-top: 30px;
    }
}
@media (max-width: 1200px) {
    .index-news {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .index-news .title-flex {
        flex-wrap: wrap;
    }
    .index-news .title-flex .auto-title-block {
        margin-bottom: 0.2rem;
        width: 100%;
    }
    .index-news .title-flex .title-tabs {
        width: 100%;
        margin-bottom: 0;
        justify-content: center;
    }
    .index-news .swiper-ohide {
        padding-top: 0.35rem;
    }
}
.index-partners {
    overflow: hidden;
    background: url(../images/servicefoot.jpg) no-repeat center / cover;
    padding-top: 400px;
    padding-bottom: 400px;
}
.index-partners .auto-title-block .auto-title-h2 {
    color: #ffffff;
}
.index-partners .auto-title-block .auto-title-h2-des {
    color: rgba(255, 255, 255, 0.7);
}
.index-partners .title-flex {
    padding-bottom: 42px;
}
.index-partners .title-flex .title-tabs {
    margin-bottom: 8px;
}
.index-partners .title-flex .title-tabs .span {
    color: #999999;
}
.index-partners .title-flex .title-tabs .span.on {
    color: #999999;
}
.index-partners .title-flex .title-tabs .span.on::after {
    opacity: 0;
}
.index-partners .title-flex .title-tabs .span:hover {
    color: var(--main-color);
}
.index-partners .title-flex .title-tabs .span:hover::after {
    opacity: 1;
}
.index-partners .swiper-box {
    position: relative;
}
.index-partners .swiper-box .swiper-wrapper {
    transition-timing-function: linear;
}
.index-partners .swiper-box .mark {
    display: block;
    position: absolute;
    z-index: 2;
    top: var(--l4p);
    height: calc(100% - var(--l4p)*2);
    width: calc(var(--wrap-1480-width)*0.2);
}
.index-partners .swiper-box .mark1 {
    margin-left: calc(var(--bettwen-1480-pad)*-1);
    left: 0;
    transform: translate(-60%, 0);
    background: linear-gradient(to right, rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0));
}
.index-partners .swiper-box .mark2 {
    margin-right: calc(var(--bettwen-1480-pad)*-1);
    right: 0;
    transform: translate(60%, 0);
    background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.8));
}
.index-partners .swiper-box .swiper {
    overflow: visible;
}
@media (max-width: 1600px) {
    .index-partners {
        padding-top: 80px;
        padding-bottom: 70px;
    }
    .index-partners .title-flex {
        padding-bottom: 32px;
    }
    .index-partners .title-flex .title-tabs {
        margin-bottom: 10px;
    }
}
@media (max-width: 1200px) {
    .index-partners {
        padding-top: 1.65rem;
        padding-bottom: 1.6rem;
    }
    .index-partners .title-flex {
        padding-bottom: 0.35rem;
        flex-wrap: wrap;
        text-align: center;
    }
    .index-partners .title-flex .auto-title-block {
        margin-bottom: 0.2rem;
        width: 100%;
    }
    .index-partners .title-flex .title-tabs {
        width: 100%;
        margin-bottom: 0;
        justify-content: center;
    }
}
/*新闻展示*/

.news_box .tab-li {
    position: relative;
    padding-left: var(--tabpad);
}
.news_box .tab-li.on {
    display: flex;
}
.news_box .tab-li .left-cont {
    width: 53.238%;
}
.news_box .tab-li .left-cont .title-box {
    --size: 1em;
    --fill: var(--mcolor2);
    position: absolute;
    left: 0;
    bottom: calc(var(--tabpad)*-1);
    height: 90%;
    background-color: var(--mcolor);
    font-size: var(--fs20);
    line-height: 1.5em;
    color: #ffffff;
}
.news_box .tab-li .left-cont .title-box .title-flex {
    position: relative;
    z-index: 2;
    background-color: var(--mcolor);
    width: var(--titw);
    padding: 28px 20px;
}
.news_box .tab-li .left-cont .title-box .jt {
    flex-shrink: 0;
    margin-right: 0.7em;
}
.news_box .tab-li .left-cont .img-box {
    --imgpt: 56.08%;
}
.news_box .tab-li .right-cont {
    width: 43.9%;
    padding: 15px 0;
    align-content: center;
}
.news_box .tab-li .right-cont img {
    display: block;
}
.news_box .tab-li .right-cont .h6 {
    margin: 6px 0 12px 0;
    width: 100%;
    font-size: var(--fs22);
    font-weight: 500;
    line-height: 1.36em;
    color: #181818;
    font-size: var(--fs32);
    font-weight: bold;
}
.news_box .tab-li .right-cont .h6::after {
    content: "";
    display: block;
    width: 100%;
    padding-top: var(--imgpt);
    content: "";
    height: 10px;
    width: 50%;
    background: var(--main-color);
}
.news_box .tab-li .right-cont .cont {
    -webkit-line-clamp: 7;
    font-size: var(--fs14);
    line-height: 1.857em;
    color: #666666;
    font-size: var(--fs20)
}
.news_box .tab-li .right-cont .more-box-b {
    margin-top: 10%;
}
.news_box .tab-tit {
    --spad: 9px;
    margin-left: var(--tabpad);
    height: var(--tabpad);
    width: calc((100% - var(--tabpad))*0.53238);
    padding-left: calc(var(--titw) - var(--tabpad) + 20px);
    overflow: hidden;
    font-size: var(--fs14);
    line-height: var(--tabpad);
    color: #666666;
}
.news_box .tab-tit .swiper-box {
    margin: 0 calc(var(--spad)*-1);
}
.news_box .tab-tit .swiper-wrapper {
    justify-content: space-between;
}
.news_box .tab-tit .swiper-slide {
    position: relative;
    width: auto;
    padding: 0 var(--spad);
}
.news_box .tab-tit .click {
    display: block;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}
.news_box .tab-tit .tit {
    display: block;
    position: relative;
    cursor: pointer;
}
.news_box .tab-tit .tit::before {
    content: '';
    display: block;
    margin-top: 1.2em;
    position: absolute;
    left: 0;
    top: 50%;
    width: 0;
    height: 2px;
    background-color: var(--mcolor);
    opacity: 0;
}
.news_box .tab-tit .tit.on {
    color: var(--mcolor);
}
.news_box .tab-tit .tit.on::before {
    opacity: 1;
    width: 100%;
}
.news_box .tab-tit .tit:hover {
    color: var(--mcolor);
}
@media (max-width: 1500px) {
    .news_box .tab-li .right-cont img {
        height: 64px;
    }
    .news_box .tab-li .right-cont .more-box-b {
        margin-top: 5%;
    }
}
@media (max-width: 1400px) {
    .news_box .tab-li .right-cont img {
        height: 60px;
    }
    .news_box .tab-li .right-cont .more-box-b {
        margin-top: 4%;
    }
}
@media (max-width: 1200px) {
    .news_box .tab-li .right-cont {
        width: 46%;
    }
    .news_box .tab-li .right-cont img {
        height: 56px;
    }
    .news_box .tab-li .right-cont .cont {
        -webkit-line-clamp: 3;
    }
    .news_box .tab-li .right-cont .more-box-b {
        margin-top: 3%;
    }
}
@media (max-width: 992px) {
    .index-case {
        padding-bottom: 0.55rem;
    }
    .news_box {
        --tabpad: 0.7rem;
        --titw: 2rem;
        display: flex;
        flex-wrap: wrap;
    }
    .news_box .tab-tit {
        --spad: 0.15rem;
        order: -1;
        margin-top: -0.2rem;
        margin-left: 0;
        width: 100%;
        padding-left: 0;
    }
    .news_box .tab-tit .tit::before {
        top: auto;
        bottom: 0;
    }
    .news_box .tab-li {
        width: 100%;
        padding-left: 0;
    }
    .news_box .tab-li .left-cont {
        order: 2;
        width: 100%;
    }
    .news_box .tab-li .left-cont .title-box {
        display: none;
    }
    .news_box .tab-li .right-cont {
        position: relative;
        width: 100%;
        padding: 0.15rem 0 0;
    }
    .news_box .tab-li .right-cont img {
        height: 0.7rem;
    }
    .news_box .tab-li .right-cont .h6 {
        margin: 0.1rem 0 0.15rem;
    }
    .news_box .tab-li .right-cont .cont {
        -webkit-line-clamp: 3;
    }
    .news_box .tab-li .right-cont .more-box-b {
        margin-top: 0.1rem;
        margin-bottom: 0.2rem;
    }
}
/*三只羊记忆*/

.index-news_bg {
    overflow: hidden;
    position: relative;
    --wrap-w: var(--wrap-1600-width);
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-bottom: 1rem;
}
.index-news {
    overflow: hidden;
    position: relative;
}
.index-news .list-box {
    --br: 20px;
}
.index-news .list-box .time {
    font-size: 15px;
    line-height: 1em;
    margin-bottom: 15px;
    display: block;
    margin-top: 10px;
    height: 100%;
}
.index-news .list-box .time em {}
.index-news .list-box .time em {
    font-size: var(--fs30);
    display: block;
    line-height: var(--fs54)
}
.index-news .list-box .des {
    font-size: 16px;
    line-height: 1.5em;
    color: #999999;
    -webkit-line-clamp: 2;
}
.index-news .list-box .imore {
    color: #777777;
    margin-top: 16px;
    font-size: 15px;
    background: url(../images/i_pic3.png) right center no-repeat;
    padding-right: 30px;
    background-size: 20px auto;
    float: left;
    transition: all 0.3s;
}
.index-news .list-box .imore:hover {
    margin-left: 5px;
}
.index-news .list-box .list .li:hover .imore {
    color: #bd0a00;
    background-image: url(../images/i_pic3_on.png);
}
.index-news .list-box .big-img {
    width: 49%;
    max-width: 800px;
    overflow: hidden;
}
.index-news .list-box .big-img .img-box .date {
    position: absolute;
    left: 0;
    top: 0;
    width: 99px;
    height: 36px;
    background: linear-gradient(98deg, #bd0a00, #9c0800);
    text-align: center;
    line-height: 36px;
    color: #fff;
    font-size: 15px;
    font-family: Arial;
    font-weight: 400;
}
.index-news .list-box .big-img .cont {
    padding: 30px 0px 30px;
}
.index-news .list-box .big-img:hover .title {}
.index-news .list-box .list {
    width: 49%;
    max-width: 775px;
    overflow: hidden;
}
.index-news .list-box .list .li {
    overflow: hidden;
    border: 1px solid #f2f8ee;
    padding: var(--fs24);
}
.index-news .list-box .list .li a {}
.index-news .list-box .list .li a .img-box {
    width: 15%;
    float: left;
}
.index-news .list-box .list .li:last-child {
    margin-bottom: 0;
}
.index-news .list-box .list .des {
    -webkit-line-clamp: 2;
}
.index-news .list-box .list .li .title, .index-news .list-box .textover {
    font-size: var(--fs24);
    font-weight: bold;
    line-height: var(--fs54)
}
.index-news .list-box .list .li p {
    font-size: var(--fs16);
    line-height: var(--fs24);
    overflow: hidden;
    display: block;
    height: var(--fs24)
}
.index-news .list-box .list .li:hover {
    border: 1px solid var(--main-color);
}
.index-news .list-box .list .li:hover .title {
    color: var(--main-color)
}
.index-news .list-box .list .img-box {}
.index-news .list-box .list .txts {
    overflow: hidden;
    text-align: left;
    border-left: 1px solid #000;
    float: left;
    padding-left: 2%;
    width: 81%
}
@media screen and (max-width: 1400px) {
    /*新闻中心*/
    .index-news .list-box .list .li {}
}
@media screen and (max-width: 1200px) {
    /*新闻中心*/
    .index-news .list-box .list .li {}
    /*新闻中心*/
    .index-news {
        padding-bottom: 8%;
        margin-top: 5%;
    }
    .index-news .list-box .flex-box {
        display: block;
    }
    .index-news .list-box .big-img {
        width: 100%;
        max-width: none;
    }
    .index-news .list-box .big-img .img-box .date {
        font-size: 14px;
    }
    .index-news .list-box .list {
        width: 100%;
        max-width: none;
        margin-top: 2%;
    }
    .index-news .list-box .list .li {}
    .index-news .list-box .imore {
        font-size: 14px;
    }
    .index-news .list-box .time {
        font-size: 14px;
        margin-bottom: 10px;
    }
    .index-news .list-box .des {
        font-size: 15px;
    }
}
@media screen and (max-width: 1100px) {}
@media screen and (max-width: 960px) {
    .index-news .list-box .time em {
        font-size: 20px
    }
}
@media screen and (max-width: 640px) {
    .index-news .list-box .time em {
        font-size: 16px
    }
}
@media screen and (max-width: 480px) {
    /*新闻中心*/
    .index-news .list-box .big-img .img-box .date {
        font-size: 13px;
    }
    .index-news .list-box .des {
        font-size: 14px;
        margin-top: 10px;
    }
    .index-news .list-box .time {
        font-size: 13px;
    }
    .index-news .list-box .imore {
        font-size: 13px;
        margin-top: 12px;
    }
    .index-news .list-box .title {
        font-size: 16px;
    }
    .index-news .list-box .list .img-box {
        width: 200px;
        margin-right: 10px;
    }
    .index-news .list-box .list .li .title {
        line-height: 24px;
        height: 48px;
    }
}
@media screen and (max-width: 420px) {
    .index-news .list-box .big-img .img-box .date {
        font-size: 12px;
        width: 90px;
        height: 32px;
        line-height: 32px;
    }
    .index-news .list-box .big-img .cont {
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .index-news .list-box .list .img-box {
        width: 160px;
    }
    .index-news .list-box .list .img-box::before {
        0
    }
    .index-news .list-box .time {
        font-size: 12px;
        margin-top: 5px;
    }
    .index-news .list-box .list .li .title {
        line-height: 22px;
        height: 44px;
        font-size: 15px;
    }
    .index-news .list-box .imore {
        font-size: 12px;
        margin-top: 6px;
    }
}
/*内页关于我们*/

.aboutcon {
    overflow: hidden;
    height: auto;
    color: #7c3f00;
    gap: var(--fs54);
    font-family: 宋体;
    font-weight: bold;
}
.aboutleft {
    width: 60%;
    overflow: hidden;
    gap: var(--fs20);
}
.aboutright {
    width: 40%
}
.aboutswiper .swiper-slide, .about-tit {
    writing-mode: vertical-lr;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-lr;
    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.aboutswiper {
    font-size: var(--fs24);
    line-height: var(--fs36);
    letter-spacing: 5px;
}
.aboutswiper .swiper-slide {
    width: auto;
    border-left: 2px solid #7c3f00;
    padding: var(--fs12) 0;
    margin-bottom: var(--fs24);
    display: block;
    overflow: hidden;
}
.about-tit {
    font-size: var(--fs32);
    line-height: var(--fs54);
    font-weight: bold;
}
@media (max-width: 1200px) {
    .aboutcon {
        display: block
    }
    .aboutleft {
        width: 100%;
    }
    .aboutright {
        width: 100%;
    }
    .aboutright img {
        width: 100%
    }
}
/*内页关于我们*/

.value {
    background: url(../images/value.png) no-repeat;
    background-size: 100% auto;
    padding: 90px;
}
.valueswiper {
    overflow-y: scroll;
}
.valueswiper .swiper-wrapper {}
.valueswiper .swiper-slide, .about-tit {
    writing-mode: vertical-lr;
    /*从左向右 从右向左是 writing-mode: vertical-rl;*/
    writing-mode: tb-lr;
    /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
}
.valueswiper {
    font-size: var(--fs24);
    line-height: var(--fs36);
    letter-spacing: 5px;
}
.valueswiper .swiper-slide {
    width: auto;
    border-left: 2px solid #7c3f00;
    padding: var(--fs12) var(--fs42) 0 var(--fs18);
    margin-bottom: var(--fs24);
    display: block;
    overflow: hidden;
    color: #7c3f00
}
@media(max-width:1200px) {
    .value {
        background: #e9dbc1;
        background-size: 100% auto;
        padding: 10px;
    }
    .valueswiper .swiper-slide {
        margin-right: 0!important
    }
    .society .swiper-slide .imgcon img {
        height: auto!important;
        border-radius: 1000px;
    }
}
/*内页社会责任*/

.society .swiper-slide {}
.society .swiper-slide a {
    display: flex;
}
.society .swiper-slide .imgcon {
    height: 400px;
    width: 400px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 500px;
    overflow: hidden;
}
.society .swiper-slide .imgcon img {
    height: 100%;
}
.society .swiper-slide .textcon {
    writing-mode: vertical-lr;
    /* 文字从上到下，从右到左排列 */
    word-break: break-all;
    /* 允许在任意字符间断开长单词 */
    overflow-wrap: break-word;
    /* 在长单词无法在其它地方断开时才整词换行 */
    float: left;
    height: 450px;
    font-family: "宋体";
}
.society .swiper-slide .textcon .soc-tit {
    font-size: var(--fs30);
    line-height: var(--fs100);
    color: var(--main-color);
    letter-spacing: 10px;
    font-weight: bold;
}
.society .swiper-slide .textcon .soc-stit {
    font-size: var(--fs24);
    line-height: var(--fs54);
    color: #7c3f00;
    font-weight: bold;
}
.society .swiper-slide .textcon .soc-des {
    font-size: var(--fs18);
    line-height: var(--fs32);
    color: #7c3f00
}
/*养老模块*/

.yanglao_box {}
.inner-titcon {
    font-size: var(--fs30);
    text-align: center;
    line-height: var(--fs54)
}
.block-tit {
    text-align: center;
    display: block;
    margin: var(--fs30) auto;
}
.block-tit span {
    font-size: var(--fs42);
    color: var(--main-color);
    font-weight: bold;
    padding: var(--fs12);
}
.block-tit span em {
    color: #000
}
.list5 .list1-li {
    width: 33.33%
}
.list5 .list1-box {
    background: none;
    box-shadow: none;
    border-radius: 0px
}
.list5 .list1-box:hover {
    background: none;
}
.list5 .list1-box .list1-cont {
    border: 1px solid #000;
    margin-top: var(--fs12);
    padding: var(--fs12);
    display: flex;
    justify-content: space-between;
}
.list5 .list1-box .list1-des {
    --lh: 1;
}
.list5 .list1-box .list1-title {
    line-height: var(--fs36)
}
.list5 .list1-box .list1-des em {
    color: var(--main-color)
}
.list5 .list1-box .list1-des em i {
    font-size: var(--fs24);
    vertical-align: -2px
}
@media(max-width: 1200px) {
    .inner-titcon {
        font-size: var(--fs24);
        text-align: center;
        line-height: var(--fs42)
    }
    .list5 .list1-box .list1-cont {
        display: block;
    }
    .list5 .list1-box .list1-title {
        line-height: var(--fs36);
        width: 100%!important
    }
    .list5 .list1-li {
        width: 50%
    }
}
/*医疗板块*/

.yiliao_box .list1-li {
    width: 50%
}
.listtab ul {
    display: flex;
    gap: var(--fs24);
    margin-bottom: var(--fs54);
    flex-wrap: wrap
}
.listtab ul li {
    justify-content: space-between;
    border: 1px solid var(--main-color);
    display: flex;
    justify-content: center;
    align-items: center;
    padding: var(--fs12) var(--fs20)
}
.listtab ul li h4 {
    display: inline;
    float: left;
    font-size: var(--fs24);
    color: var(--main-color);
    font-weight: bold;
}
.listtab ul li .iconcon {
    float: left;
    width: 30px;
    height: 30px;
    margin-left: var(--fs20);
}
.listtab ul li .iconcon .self-svg {
    fill: #c4e0b1;
}
.listtab ul li:hover, .listtab ul li.on {
    background: #b0d2b7
}
.listtab ul li:hover .iconcon .self-svg, .listtab ul li.on .iconcon .self-svg {
    fill: var(--main-color);
}
.listtab ul li span {
    display: inline;
}
.yiliao_box .list5 .list1-box .list1-cont .list1-des {
    height: 20px;
    width: 20px
}
.yiliao_box .list5 .list1-box .list1-cont .self-svg {
    fill: #c4e0b1;
}
.yiliao_box .list5 .list1-box:hover .list1-cont, .yiliao_box .list5 .list1-box.on .list1-cont {
    background: #b0d2b7
}
.yiliao_box .list5 .list1-box:hover .list1-cont .self-svg, .yiliao_box .list5 .list1-box.on .list1-cont .self-svg {
    fill: var(--main-color);
}
@media(max-width: 1200px) {
    .listtab ul {
        gap: var(--fs12);
    }
    .listtab ul li {
        padding: 5px 8px
    }
    .listtab ul li .iconcon {
        width: 15px;
        height: 15px;
        margin-left: 5px;
    }
    .listtab ul li h4 {
        font-size: 14px
    }
}
/*养老板块*/

.yanglao_box .list1-li {
    width: 33%
}
.yanglao_box .list5 .list1-box .list1-cont .list1-des {
    height: 20px;
    width: 20px
}
.yanglao_box .list5 .list1-box .list1-cont .self-svg {
    fill: #c4e0b1;
}
.yanglao_box .list5 .list1-box:hover .list1-cont, .yanglao_box .list5 .list1-box.on .list1-cont {
    background: #b0d2b7
}
.yanglao_box .list5 .list1-box:hover .list1-cont .self-svg, .yanglao_box .list5 .list1-box.on .list1-cont .self-svg {
    fill: var(--main-color);
}
@media(max-width: 1200px) {
    .yanglao_box .list1-li {
        width: 50%
    }
}
/*发展历程*/

.about_four {
    position: relative;
    margin-top: 4%;
}
.history_ul {
    overflow: hidden;
    position: relative;
    /*padding-bottom:90px;*/
    margin-top: 4%;
    padding-top: 62px;
}
.history_ul:before {
    content: "";
    position: absolute;
    top: 55px;
    left: 50%;
    margin-left: -0.5px;
    width: 1px;
    height: 100%;
    background: #d3d3d3;
}
.history_ul li {
    display: block;
    overflow: hidden;
    position: relative;
    margin-top: -62px;
    padding-bottom: 62px;
}
.history_ul li.divhidden {
    display: none;
}
.history_ul li:before {
    content: "";
    position: absolute;
    top: 20px;
    left: 50%;
    width: 36px;
    height: 35px;
    border-radius: 50%;
    margin-left: -18px;
    background: #f2f8ee;
    background-size: 100% 100%;
    overflow: hidden;
    transition: all 0.3s;
    border: 4px solid var(--main-color);
}
.history_ul li:hover:before {
    background-image: url(../images/about/about_pic2_on.png);
    border: 1px solid #6c969c;
}
.history_ul li:after {
    content: "";
    position: absolute;
    top: 55px;
    left: 50%;
    width: 1px;
    height: 0;
    margin-left: -0.5px;
    background: #487c84;
    transition: all 0.3s;
}
.history_ul li:hover:after {
    background: #487c84;
    height: calc(100% - 65px);
    height: -webkit-calc(100% - 65px);
    height: -moz-calc(100% - 65px);
}
.history_ul li:nth-child(2n+0):after {
    margin-left: 0px;
}
.history_ul li .imgs {
    overflow: hidden;
    padding: 0 6%
}
.history_ul li .imgs .img {
    overflow: hidden;
}
.history_ul li .imgs img {
    display: block;
    width: 100%;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0.6s ease-out 0s;
    -moz-transition: all 0.6s ease-out 0s;
    -o-transition: all 0.6s ease-out 0s;
    transition: all 0.6s ease-out 0s;
}
.history_ul li:hover .imgs img {
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);
}
.history_ul li .txts {
    float: left;
    width: 100%;
}
.history_ul li .txts .cons {
    width: 50%;
    text-align: left;
    float: right;
    padding: 0 6%;
}
.history_ul li:nth-child(2n+0) .txts {
    float: right;
}
.history_ul li:nth-child(2n+0) .txts .cons {
    float: left;
    text-align: left;
}
.history_ul li .txts .year {
    font-weight: bold;
    display: inline-block;
    vertical-align: top;
    transition: all 0.3s;
    color: var(--main-color);
    font-size: var(--fs30);
    line-height: var(--fs54);
    position: relative;
}
.history_ul li .txts .year label {
    color: #a29f9f;
    font-weight: normal;
    position: absolute;
    top: 0px;
    right: -30px;
    line-height: 26px;
}
.history_ul li .txts .desc {
    color: #000000;
    overflow: hidden;
    font-weight: bold;
    line-height: 1.5;
    margin-top: 10px;
}
.history_ul li .txts .p {
    margin-top: 10px;
    line-height: 26px;
    min-height: 78px;
    overflow: hidden;
    font-size: 16px;
    color: #666666;
}
.history_ul li:hover .txts .p {
    color: #666666;
}
.history_ul li:hover .txts .year {
    color: #000000;
}
.history_more {
    text-align: center;
    overflow: hidden;
    background: url(../images/about/about_pic3.png) center top no-repeat;
    background-size: 36px 35px;
    padding-top: 110px;
    cursor: pointer;
    padding-bottom: 130px;
    position: relative;
}
.history_more:hover {
    background-image: url(../images/about/about_pic4.png);
}
.history_more span {
    line-height: 30px;
    transition: all 0.3s;
    color: #222222;
    font-weight: lighter;
}
.history_more:hover span {
    color: #5a5a5a;
}
.history_more#show {
    background-image: url(../images/about/about_pic3_on.png);
}
.history_more#show:hover {
    background-image: url(../images/about/about_pic4_on.png);
}
.about_four .big-text-word2 {
    --fs: clamp(0px, 12.8125vw, 246px);
    pointer-events: none;
    word-break: keep-all;
    white-space: nowrap;
    font-weight: bold;
    font-size: var(--fs);
    line-height: 0.7em;
    color: rgba(109, 144, 168, 0.1);
    text-align: right;
    display: block;
    width: 100%;
    position: absolute;
    top: 40px;
}
.auto-banner.type-a {
    position: relative;
}
.auto-banner.type-a .cont-text {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
}
.auto-banner.type-a .cont-text .h1 {
    font-size: clamp(16px, 3vw, 56px);
    font-weight: bold;
    line-height: 1.4em;
    letter-spacing: 2px;
    color: #ffffff;
}
.auto-banner.type-a .cont-text .h1 em {
    display: block;
    opacity: 0.5
}
@media (max-width: 1200px) {
    .auto-banner.type-a .cont-text .h1 {
        font-size: 0.36rem;
    }
}
.basic-education-top {
    padding-top: 100px;
    padding-bottom: 85px;
    overflow: hidden;
}
.basic-education-top .text {
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.66em;
    color: #666666;
}
.basic-education-top .text.wid-full {
    width: 100%;
}
.basic-education-top .list {
    --lpd: 25px;
    margin: calc(var(--lpd)*-1);
    padding-top: 50px;
    padding-bottom: 35px;
}
.basic-education-top .list .list-li {
    width: 33.33%;
    padding: calc(var(--lpd)*1);
}
.basic-education-top .list .list-box {
    transform: translate(0, 0);
    background-color: #f7f7f7;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    height: 100%;
    padding: 40px;
    transition: all 0.3s;
}
.basic-education-top .list .list-box:hover {
    transform: translate(0, -5px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.basic-education-top .list .li-title {
    margin-top: 13px;
    margin-bottom: 6px;
    font-size: 24px;
    line-height: 1.4em;
    color: #333333;
}
.basic-education-top .list .li-text {
    font-size: 16px;
    line-height: 1.75em;
    color: #666666;
}
.basic-education-top .list2 {
    --lpd: 10px;
    margin: calc(var(--lpd)*-1);
    padding-top: 90px;
    padding-bottom: 35px;
}
.basic-education-top .list2 .list2-li {
    width: 25%;
    padding: calc(var(--lpd)*1);
}
.basic-education-top .list2 .list2-box {
    transform: translate(0, 0);
    background-color: #faf6f2;
    border-radius: 10px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    height: 100%;
    padding: 72px 30px 65px;
    transition: all 0.3s;
}
.basic-education-top .list2 .list2-box:hover {
    transform: translate(0, -5px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
    background-color: var(--main-color);
}
.basic-education-top .list2 .list2-box:hover .i-h {
    background: rgba(255, 255, 255, 0.1);
}
.basic-education-top .list2 .list2-box:hover .i-h .i {
    opacity: 0;
}
.basic-education-top .list2 .list2-box:hover .i-h .h {
    opacity: 1;
}
.basic-education-top .list2 .list2-box:hover .i-h img {
    background: #ffffff;
}
.basic-education-top .list2 .list2-box:hover .li-title, .basic-education-top .list2 .list2-box:hover .li-text {
    color: #ffffff;
}
.basic-education-top .list2 .i-h {
    --imgw: 120px;
    --bw: 20px;
    display: inline-block;
    vertical-align: top;
    border-radius: 50%;
    width: var(--imgw);
    height: var(--imgw);
    border: var(--bw) solid transparent;
    background: rgba(var(--main-color-rgb), 0.1);
}
.basic-education-top .list2 .i-h img {
    border-radius: 50%;
    background: var(--main-color);
}
.basic-education-top .list2 .li-title {
    margin-top: 30px;
    margin-bottom: 15px;
    font-size: 20px;
    line-height: 1.4em;
    color: #333333;
}
.basic-education-top .list2 .li-text {
    font-size: 16px;
    line-height: 1.5em;
    color: rgba(102, 102, 102, 0.8);
}
@media (max-width: 1600px) {
    .basic-education-top {
        padding-top: 75px;
        padding-bottom: 65px;
    }
    .basic-education-top .text {
        margin-top: 25px;
        font-size: 17px;
        line-height: 1.5em;
    }
    .basic-education-top .list {
        --lpd: 15px;
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .basic-education-top .list .list-box {
        padding: 34px;
    }
    .basic-education-top .list .li-icon {
        zoom: 0.9;
    }
    .basic-education-top .list .li-title {
        margin-top: 10px;
        margin-bottom: 5px;
        font-size: 22px;
    }
    .basic-education-top .list .li-text {
        font-size: 15px;
        line-height: 1.6em;
    }
    .basic-education-top .list2 {
        --lpd: 8px;
        padding-top: 35px;
        padding-bottom: 15px;
    }
    .basic-education-top .list2 .list2-box {
        padding: 32px 25px 35px;
    }
    .basic-education-top .list2 .i-h {
        --imgw: 100px;
        --bw: 15px;
    }
    .basic-education-top .list2 .li-title {
        margin-top: 20px;
        margin-bottom: 10px;
        font-size: 18px;
    }
}
@media (max-width: 1400px) {
    .basic-education-top {
        padding-top: 55px;
        padding-bottom: 45px;
    }
    .basic-education-top .text {
        margin-top: 15px;
        font-size: 16px;
        line-height: 1.4em;
    }
    .basic-education-top .list {
        --lpd: 13px;
    }
}
@media (max-width: 1200px) {
    .basic-education-top {
        padding-top: 0.65rem;
        padding-bottom: 0.55rem;
    }
    .basic-education-top .text {
        margin-top: 0.2rem;
        font-size: 0.26rem;
    }
    .basic-education-top .list {
        --lpd: 0.1rem;
        padding-top: 0.3rem;
        padding-bottom: 0;
    }
    .basic-education-top .list .list-li {
        width: 100%;
    }
    .basic-education-top .list .list-box {
        padding: 0.3rem 0.38rem;
    }
    .basic-education-top .list .li-icon {
        zoom: 0.8;
    }
    .basic-education-top .list .li-title {
        margin-top: 0.15rem;
        margin-bottom: 0.1rem;
        font-size: 0.28rem;
    }
    .basic-education-top .list .li-text {
        font-size: 0.26rem;
        line-height: 1.5em;
    }
    .basic-education-top .list2 {
        --lpd: 0.1rem;
        padding-top: 0.3rem;
        padding-bottom: 0;
    }
    .basic-education-top .list2 .list2-li {
        width: 50%;
    }
    .basic-education-top .list2 .list2-box {
        padding: 0.3rem 0.28rem;
    }
    .basic-education-top .list2 .i-h {
        --imgw: 1.2rem;
        --bw: 0.2rem;
    }
    .basic-education-top .list2 .li-title {
        margin-top: 0.15rem;
        margin-bottom: 0.1rem;
        font-size: 0.3rem;
    }
    .basic-education-top .list2 .li-text {
        font-size: 0.26rem;
        line-height: 1.5em;
    }
}
.innovation-block-1 {
    padding-top: 92px;
    padding-bottom: 110px;
    background-color: #faf6f2;
}
.innovation-block-1 .h3 {
    font-size: 36px;
    line-height: 1.4em;
    color: #333333;
}
.innovation-block-1 .h3-des {
    margin-bottom: 50px;
    margin-top: 16px;
    margin-left: auto;
    margin-right: auto;
    width: 1070px;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.4em;
    color: #666666;
}
.innovation-block-1 .list {
    --lpd: 17.5px;
    margin: calc(var(--lpd)*-1);
}
.innovation-block-1 .list .list-li {
    padding: var(--lpd);
}
.innovation-block-1 .list .list-box {
    position: relative;
    border-radius: 10px;
    overflow: hidden;
}
.innovation-block-1 .list .list-box:hover .detail {
    height: 100%;
    opacity: 1;
}
.innovation-block-1 .list .list-box:hover .title {
    opacity: 0;
}
.innovation-block-1 .list .img-box::before {
    padding-top: 63.829%;
}
.innovation-block-1 .list .mark-cont {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    color: #ffffff;
}
.innovation-block-1 .list .bg {
    background: rgba(0, 0, 0, 0.7);
    padding: 0.45em 1.2em;
    transition: opacity 0.3s;
}
.innovation-block-1 .list .detail {
    position: absolute;
    bottom: 0;
    left: 0;
    height: 0;
    width: 100%;
    flex-direction: column;
    opacity: 0;
    transition: height 0.3s, opacity 0.3s;
}
.innovation-block-1 .list .d-title {
    margin-bottom: 1em;
    font-size: 24px;
    line-height: 1.4em;
}
.innovation-block-1 .list .d-des {
    margin: 0 auto;
    width: 390px;
    max-width: 100%;
    font-size: 18px;
    line-height: 1.4em;
}
.innovation-block-1 .list .title {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    font-size: 20px;
    opacity: 1;
}
@media (max-width: 1600px) {
    .innovation-block-1 {
        padding-top: 70px;
        padding-bottom: 80px;
    }
    .innovation-block-1 .h3 {
        font-size: 32px;
    }
    .innovation-block-1 .h3-des {
        margin-bottom: 30px;
        margin-top: 10px;
        font-size: 17px;
    }
    .innovation-block-1 .list {
        --lpd: 12px;
    }
    .innovation-block-1 .list .d-title {
        margin-bottom: 0.4em;
        font-size: 22px;
    }
    .innovation-block-1 .list .d-des {
        font-size: 17px;
    }
    .innovation-block-1 .list .title {
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    .innovation-block-1 {
        padding-top: 0.65rem;
        padding-bottom: 0.55rem;
    }
    .innovation-block-1 .h3 {
        font-size: 0.3rem;
    }
    .innovation-block-1 .h3-des {
        margin-bottom: 0.3rem;
        margin-top: 0.1rem;
        font-size: 0.26rem;
    }
    .innovation-block-1 .list {
        --lpd: 0.1rem;
    }
    .innovation-block-1 .list .list-box {
        background-color: var(--main-color);
        height: 100%;
    }
    .innovation-block-1 .list .mark-cont {
        position: static;
        text-align: left;
    }
    .innovation-block-1 .list .bg {
        background: transparent;
    }
    .innovation-block-1 .list .detail {
        position: static;
        height: auto!important;
        padding: 1em 1.2em;
        opacity: 1;
    }
    .innovation-block-1 .list .d-title {
        margin-bottom: 0.4em;
        width: 100%;
        text-align: left;
        font-size: 0.3rem;
    }
    .innovation-block-1 .list .d-des {
        font-size: 0.26rem;
    }
    .innovation-block-1 .list .title {
        display: none;
        font-size: 0.26rem;
    }
}
.innovation-block-2 .list {
    --lpd: 100px;
    padding: var(--lpd) 0;
}
.innovation-block-2 .list .list-li {
    position: relative;
    border-radius: 10px;
    background-color: #faf6f2;
    overflow: hidden;
}
.innovation-block-2 .list .list-li+.list-li {
    margin-top: var(--lpd);
}
.innovation-block-2 .list .list-li:nth-child(2n+2) .img-div {
    order: 2;
}
.innovation-block-2 .list .img-div {
    position: relative;
    z-index: 2;
    width: 62.16%;
}
.innovation-block-2 .list .img-div .img-box::before {
    padding-top: 70.1%;
}
.innovation-block-2 .list .img-div .swiper-points1 {
    position: absolute;
    z-index: 2;
    left: auto;
    right: 22px;
    bottom: 20px;
    width: auto;
}
.innovation-block-2 .list .cont {
    position: relative;
    width: 37.84%;
    padding: 3% 5% 3% 4.5%;
    align-items: center;
}
.innovation-block-2 .list .cont .big {
    margin-right: -0.23em;
    position: absolute;
    top: 0;
    right: 0;
    width: 1em;
    font-size: clamp(16px, 19vw, 360px);
    font-weight: bold;
    line-height: 1em;
    color: rgba(51, 51, 51, 0.05);
    pointer-events: none;
}
.innovation-block-2 .list .cont .li-title {
    width: 100%;
    font-size: 36px;
    line-height: 1.4em;
    color: #333333;
}
.innovation-block-2 .list .cont .p {
    margin-top: 23px;
    font-size: 18px;
    line-height: 1.77em;
    color: #666666;
}
@media (max-width: 1600px) {
    .innovation-block-2 .list {
        --lpd: 80px;
    }
    .innovation-block-2 .list .img-div .swiper-points1 {
        right: 18px;
        bottom: 16px;
    }
    .innovation-block-2 .list .cont .li-title {
        font-size: 32px;
    }
    .innovation-block-2 .list .cont .p {
        margin-top: 15px;
        font-size: 17px;
        line-height: 1.7em;
    }
}
@media (max-width: 1200px) {
    .innovation-block-2 .list {
        --lpd: 0.55rem;
    }
    .innovation-block-2 .list .list-li:nth-child(2n+2) .img-div {
        order: 0;
    }
    .innovation-block-2 .list .img-div {
        width: 100%;
    }
    .innovation-block-2 .list .img-div .swiper-points1 {
        right: 0;
        bottom: 0.3rem;
        width: 100%;
        padding: 0 0.2rem;
    }
    .innovation-block-2 .list .cont {
        width: 100%;
        padding: 0.3rem 0.3rem;
    }
    .innovation-block-2 .list .cont .big {
        font-size: 26vw;
    }
    .innovation-block-2 .list .cont .li-title {
        font-size: 0.3rem;
    }
    .innovation-block-2 .list .cont .p {
        margin-top: 0.15rem;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
}
.delay-block {
    background-color: #f7f7f7;
    padding-top: 100px;
    padding-bottom: 110px;
}
.delay-block .swiper-line {
    margin-top: 55px;
    border-top: 1px solid #cccccc;
}
.delay-block .swiper-box {
    --nlh: 94px;
    margin: 0 -15px;
    overflow: hidden;
}
.delay-block .swiper-box .swiper {
    margin: 0 15px;
    overflow: visible;
    padding-bottom: 15px;
}
.delay-block .swiper-box .swiper-slide {
    height: auto;
}
.delay-block .swiper-box .num {
    display: inline-block;
    vertical-align: top;
    border-top: 2px solid var(--main-color);
    font-size: 20px;
    line-height: var(--nlh);
    color: #666666;
}
.delay-block .swiper-box .box {
    transform: translate(0, 0);
    background-color: #ffffff;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.07);
    border-radius: 10px;
    height: calc(100% - var(--nlh));
    padding: 58px 30px 44px;
    transition: all 0.3s;
}
.delay-block .swiper-box .box:hover {
    transform: translate(0, -5px);
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.2);
}
.delay-block .swiper-box img {
    display: block;
    margin: 0 auto;
}
.delay-block .swiper-box .h6 {
    margin-top: 22px;
    margin-bottom: 17px;
    font-size: 24px;
    line-height: 1.4em;
    color: #333333;
}
.delay-block .swiper-box .p {
    font-size: 16px;
    line-height: 1.875em;
    color: #666666;
}
@media (max-width: 1600px) {
    .delay-block {
        padding-top: 85px;
        padding-bottom: 80px;
    }
    .delay-block .swiper-line {
        margin-top: 45px;
    }
    .delay-block .swiper-box {
        --nlh: 84px;
        margin: 0 -10px;
    }
    .delay-block .swiper-box .swiper {
        margin: 0 10px;
        padding-bottom: 15px;
    }
    .delay-block .swiper-box .box {
        padding: 40px 25px 35px;
    }
    .delay-block .swiper-box img {
        width: 38px;
    }
    .delay-block .swiper-box .h6 {
        margin-top: 14px;
        margin-bottom: 10px;
        font-size: 20px;
    }
    .delay-block .swiper-box .p {
        line-height: 1.7em;
    }
}
@media (max-width: 1200px) {
    .delay-block {
        padding-top: 0.65rem;
        padding-bottom: 0.45rem;
    }
    .delay-block .swiper-line {
        margin-top: 0.35rem;
    }
    .delay-block .swiper-box {
        --nlh: 0.8rem;
    }
    .delay-block .swiper-box .box {
        padding: 0.4rem 0.3rem 0.4rem;
    }
    .delay-block .swiper-box .num {
        font-size: 0.34rem;
    }
    .delay-block .swiper-box img {
        width: 0.44rem;
    }
    .delay-block .swiper-box .h6 {
        margin-top: 0.15rem;
        margin-bottom: 0.15rem;
        font-size: 0.3rem;
    }
    .delay-block .swiper-box .p {
        font-size: 0.26rem;
        line-height: 1.6em;
    }
}
/*内页关于我们数字变动*/

.indexClientMain {
    padding-bottom: 0;
    float: right;
    width: 45%
}
.indexClientMain2 {
    width: 100%;
    float: none;
}
.indexClientMain .indexClientDesc {
    color: #000;
}
.indexClientMain .indexClientDesc .desc {
    overflow: hidden;
}
.indexClientMain .indexClientBox {
    padding: 15px 0px 0;
}
.indexClientMain .indexClientBox .commonweb {}
.indexClientMain .indexClientBox .indexClientData {}
.indexClientMain .indexClientBox .indexClientData .indexTitle {
    color: #000;
}
.indexClientMain .indexClientBox .indexClientDataList {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.indexClientMain .indexClientBox .indexClientDataList .list {
    text-align: center;
    display: flex;
}
.indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
    font-size: 14px;
    line-height: 1;
    color: #ccc;
    padding-bottom: 10px;
}
.indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
    font-size: var(--fs32);
    margin-right: 5px;
    font-family: 'Bronova';
    display: block;
    font-weight: bold;
    color: #538d6b;
    font-weight: bold;
}
.indexClientMain .indexClientBox .indexClientDataList.animated .list:nth-child(2) .bar span {
    -webkit-transition-delay: 1.3s;
    transition-delay: 1.3s;
}
.indexClientMain .indexClientBox .indexClientDataList.animated .list:nth-child(3) .bar span {
    -webkit-transition-delay: 1.4s;
    transition-delay: 1.4s;
}
.indexClientMain .indexClientBox .indexClientListBox {
    margin-top: 35px;
    width: 100%;
    height: 100%;
    position: relative;
    overflow: hidden;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: -1px -4px -1px 0px;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
    width: 33.333%;
    margin: 0px 0px -1px -1px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    border-right: 1px solid rgba(255, 255, 255, 0.1);
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list img {
    width: 100%;
    display: block;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(3n) {
    border-right: none;
}
.header {
    padding: 0vw;
}
.indexClientMain .indexClientDesc {
    font-size: 2.344vw;
    line-height: 2.813vw;
    padding: 4.167vw 0vw 3.125vw;
}
.indexClientMain .indexClientBox {
    padding: 1.823vw 0vw 4.167vw;
}
.indexClientMain .indexClientBox .indexClientData {}
.indexClientMain .indexClientBox .indexClientDataList {}
.indexClientMain .indexClientBox .indexClientDataList .list {
    text-align: center;
}
.indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
    font-size: var(--fs18);
    padding-top: 0.521vw;
    color: #000;
}
.indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 150px;
    width: 150px;
    border: 1px solid var(--main-color);
    border-radius: 500px;
    margin-right: 0.26vw;
    font-weight: bold;
    font-size: var(--fs52);
    margin: 0 auto;
    margin-bottom: var(--fs18);
}
.indexClientMain .indexClientBox .indexClientDataList .list .bar {
    height: 0.417vw;
}
.indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar {
    width: 75%;
}
.indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar {
    width: 57%;
}
.indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span {
    width: 100%;
}
.indexClientMain .indexClientBox .indexClientListBox {
    margin-top: 3.125vw;
    width: 48.958vw;
    height: 100%;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList {
    margin: -0.052vw -0.313vw -0.052vw 0vw;
}
.indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
    width: 20%;
    margin: 0vw 0vw -0.052vw -0.052vw;
}
@media (max-width: 1200px) {
    .header {
        padding: 0vw;
    }
    .indexClientMain {
        width: 100%;
        display: block;
        float: none;
    }
    .indexClientMain .indexClientDesc {
        font-size: 2.344vw;
        line-height: 2.813vw;
        padding: 4.167vw 0vw 3.125vw;
    }
    .indexClientMain .indexClientBox {
        padding: 1.823vw 0vw 1.167vw;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList {
        flex-wrap: nowrap;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list {
        text-align: center;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        padding-bottom: 0.521vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
        display: flex;
        justify-content: center;
        align-items: center;
        height: 100px;
        width: 100px;
        border: 1px solid var(--main-color);
        border-radius: 500px;
        font-weight: bold;
        font-size: var(--fs36);
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .bar {
        height: 0.417vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar {
        width: 75%;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar {
        width: 57%;
    }
    .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span {
        width: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 3.125vw;
        width: 48.958vw;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -0.052vw -0.313vw -0.052vw 0vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0vw 0vw -0.052vw -0.052vw;
    }
}
@media (max-width: 768px) {
    .indexClientMain .indexClientDesc {
        font-size: 2.813vw;
        line-height: 3.375vw;
        padding: 5vw 0vw 3.75vw;
    }
    .indexClientMain .indexClientBox {
        padding: 2.188vw 0vw 5vw;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList {}
    .indexClientMain .indexClientBox .indexClientDataList .list {
        text-align: center;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        font-size: var(--fs16);
        padding-bottom: 0.625vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
        height: 60px;
        width: 60px;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .bar {
        height: 0.5vw;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(2) .bar {
        width: 75%;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list:nth-child(3) .bar {
        width: 57%;
    }
    .indexClientMain .indexClientBox .indexClientDataList.animated .list .bar span {
        width: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 3.75vw;
        width: 50.75vw;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -0.063vw -0.375vw -0.063vw 0vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0vw 0vw -0.063vw -0.063vw;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(3n) {
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
        border-right: 1px solid rgba(255, 255, 255, 0.1);
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list:nth-child(5n) {
        border-right: none;
    }
}
/*@media (min-width: 1600px) {
    .indexClientMain .indexClientDesc {
        font-size: 45px;
        line-height: 54px;
        padding: 80px 0px 0px 0px;
    }
    .indexClientMain .indexClientBox {
        padding: 35px 0px 0px 0px;
    }
    .indexClientMain .indexClientBox .indexClientData {}
    .indexClientMain .indexClientBox .indexClientDataList { }
    .indexClientMain .indexClientBox .indexClientDataList .list {
        text-align: center;
   

    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox {
        font-size: 15px;
        padding-bottom: 10px;
         font-size: var(--fs18);
         font-weight: bold; 
         line-height: var(--fs54);
         color: #7c3f00;
         font-family: 宋体;
    }
    .indexClientMain .indexClientBox .indexClientDataList .list .numberBox span {
        color: #538d6b;
        font-weight: bold;


    }
  
  
    .indexClientMain .indexClientBox .indexClientListBox {
        margin-top: 60px;
        width: 940px;
        height: 100%;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList {
        margin: -1px -6px -1px 0px;
    }
    .indexClientMain .indexClientBox .indexClientListBox .indexClientList .list {
        width: 20%;
        margin: 0px 0px -1px -1px;
    }
}

*/

/*三只羊专利*/

.index-block-business {
    position: relative;
}
.index-block-business::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 40%;
}
.index-block-business .flex-box {
    margin-top: 50px;
    position: relative;
}
.index-block-business .flex-box .title-box {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
    font-size: 15px;
    line-height: 1.6em;
    color: #999999;
}
.index-block-business .flex-box .title-li {
    position: relative;
    cursor: pointer;
}
.index-block-business .flex-box .title-li::before {
    content: "";
    display: block;
    margin-right: 1.6em;
    height: 1.6em;
    width: 1px;
    background: #cccccc;
}
.index-block-business .flex-box .title-li .num {
    margin-right: 1.3em;
}
.index-block-business .flex-box .title-li+.title-li {
    margin-top: 0.9em;
}
.index-block-business .flex-box .title-li.on {
    color: #c39d5b;
}
.index-block-business .flex-box .title-li.on::before {
    background: #c39d5b;
}
.index-block-business .images-list {
    width: 68.75%;
    padding-bottom: 50px;
}
.index-block-business .images-list .swiper {
    margin-left: -10%;
}
.index-block-business .cont-list {
    width: 100%;
}
.index-block-business .cont-list .swiper {
    --text-color: 0, 0, 0;
    font-size: 16px;
    line-height: 1.5em;
}
.index-block-business .cont-list .swiper .swiper-slide {
    display: flex
}
.index-block-business .cont-list .img-box {
    min-width: 60%
}
.index-block-business .cont-list .pad {
    padding: 60px 85px 95px;
}
.index-block-business .cont-list .num {
    color: #c39d5b;
}
.index-block-business .cont-list .num .line {
    margin-right: 0.6em;
    width: 2em;
}
.index-block-business .cont-list .num .line::before {
    background-color: #c39d5b;
}
.index-block-business .cont-list .h3 {
    margin-top: 0.8em;
    margin-bottom: 0.6em;
    font-size: 2.2em;
    line-height: 1.2em;
    letter-spacing: 1px;
    color: rgba(var(--text-color), 1);
}
.index-block-business .cont-list .des {
    font-size: 1.25em;
    line-height: 1.3em;
    color: rgba(var(--text-color), 0.3);
}
.index-block-business .cont-list .cont {
    margin-top: 2.4em;
    margin-bottom: 3.5em;
    color: rgba(var(--text-color), 0.8);
}
.index-block-business .btns {
    position: absolute;
    right: 44.71%;
    bottom: -50px;
}
.index-block-business .btns .more-box {
    background: var(--btn-color);
    padding: 2.5em 5.6em;
    font-size: 16px;
    line-height: 1.25em;
    transition: background 0.3s;
}
.index-block-business .btns .more-box:hover {
    background: var(--btn-hover-color);
}
@media (max-width: 1600px) {
    .index-block-business {
        padding-top: 80px;
        padding-bottom: 100px;
    }
    .index-block-business .flex-box {
        margin-top: 30px;
    }
    .index-block-business .images-list .swiper {}
    .index-block-business .cont-list .swiper {}
    .index-block-business .cont-list .pad {
        padding: 40px 45px;
    }
    .index-block-business .cont-list .h3 {
        margin-top: 0.6em;
        margin-bottom: 0.4em;
        font-size: 2em;
    }
    .index-block-business .btns {
        bottom: -34px;
    }
    .index-block-business .btns .more-box {
        padding: 2em 5em;
    }
}
@media (max-width: 1500px) {
    .index-block-business {
        padding-top: 0;
        padding-bottom: 80px;
    }
    .index-block-business .flex-box {
        margin-top: 20px;
    }
    .index-block-business .cont-list .pad {
        padding: 30px 35px;
    }
    .index-block-business .cont-list .h3 {
        margin-top: 0.4em;
        margin-bottom: 0.3em;
        font-size: 1.6em;
    }
    .index-block-business .cont-list .des {
        font-size: 1em;
    }
    .index-block-business .cont-list .cont {
        margin-top: 2em;
        margin-bottom: 2.5em;
    }
}
@media (max-width: 1200px) {
    .index-block-business {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem;
    }
    .index-block-business .flex-box {
        margin-top: 0.2rem;
    }
    .index-block-business .flex-box .title-box {
        display: none;
        position: absolute;
        right: 0;
        top: 0;
        font-size: 15px;
        line-height: 1.6em;
    }
    .index-block-business .flex-box .title-li {
        position: relative;
    }
    .index-block-business .flex-box .title-li .num {
        margin-right: 1.3em;
    }
    .index-block-business .flex-box .title-li+.title-li {
        margin-top: 0.9em;
    }
    .index-block-business .flex-box .title-li.on {
        color: #c39d5b;
    }
    .index-block-business .flex-box .title-li.on::before {
        background: #c39d5b;
    }
    .index-block-business .images-list {
        order: 2;
        width: 100%;
        padding-bottom: 0;
    }
    .index-block-business .images-list .swiper {
        margin-left: 0;
    }
    .index-block-business .cont-list {
        width: 100%;
    }
    .index-block-business .cont-list .swiper {
        background: transparent;
        margin-left: 0;
        font-size: 0.26rem;
        line-height: 1.5em;
    }
    .index-block-business .cont-list .img-box {
        padding: 0;
        width: 100%;
    }
    .index-block-business .cont-list .pad {
        padding: 0;
        width: 100%;
    }
    .index-block-business .cont-list .h3 {
        margin-top: 0.4em;
        margin-bottom: 0.3em;
        font-size: 1.3em;
        line-height: 1.2em;
    }
    .index-block-business .cont-list .des {
        font-size: 1em;
        line-height: 1.3em;
    }
    .index-block-business .cont-list .cont {
        margin-top: 1em;
        margin-bottom: 1em;
    }
    .index-block-business .btns {
        display: flex;
        width: 100%;
        justify-content: flex-end;
        position: static;
        right: 0%;
        bottom: 0;
    }
    .index-block-business .btns .more-box {
        padding: 1em 2.6em;
        font-size: 0.24rem;
        line-height: 1.25em;
    }
    .index-block-business .cont-list .swiper .swiper-slide {
        flex-wrap: wrap;
    }
}
/*服务地区选择*/

.store-page .position .title {
    text-align: center;
    font-size: 18px;
    color: #040404;
}
.store-page .position .area {
    padding: 26px 0 70px 0;
    text-align: center;
}
.store-page .position form {}
.store-page .position .area .inpu {
    position: relative;
    display: inline-block;
    cursor: pointer;
    margin: 0 18px;
    text-align: left;
}
.store-page .position .area .inpu i {
    width: 198px;
    display: block;
    position: relative;
    height: 48px;
    line-height: 46px;
    border: 1px solid #d2d2d2;
    font-style: normal;
    padding: 0 25px;
    font-size: 14px;
    color: #7f7e7e;
}
.store-page .position .area .inpu i::after {
    content: "";
    display: block;
    width: 14px;
    height: 100%;
    position: absolute;
    right: 20px;
    top: 0;
    z-index: 2;
    background: url(../images/arrow20.png) no-repeat 0 center;
}
.store-page .position .area .inpu ul {
    width: 100%;
    max-height: 330px;
    position: absolute;
    border: 1px solid #d2d2d2;
    left: 0;
    top: 47px;
    display: none;
    z-index: 50;
    background: #f2f8ee;
    overflow: auto;
}
.store-page .position .area .inpu ul::-webkit-scrollbar {
    width: 2px;
    right: 3px;
}
.store-page .position .area .inpu ul::-webkit-scrollbar-button {
    display: none;
}
.store-page .position .area .inpu ul::-webkit-scrollbar-thumb {
    background: #d2d2d2;
}
.store-page .position .area .inpu li {
    overflow: hidden;
}
.store-page .position .area .inpu li.on a, .store-page .position .area .inpu li a:hover {
    background: #dfe9d7;
}
.store-page .position .area .inpu li a {
    display: block;
    height: 40px;
    line-height: 40px;
    color: #000;
    text-indent: 30px;
}
.store-page .position .area .btn {
    width: 150px;
    height: 46px;
    background: #000;
    cursor: pointer;
    text-align: center;
    display: inline-block;
    margin: 0 18px;
}
.store-page .position .area .btn input, .store-page .position .area .btn button, .store-page .position .area .btn a {
    font-size: 14px;
    color: #fff;
    cursor: pointer;
}
.store-page .position .address {
    --lh: 1.75em;
    max-height: calc(var(--lh)*30);
    overflow-y: auto;
    font-size: 16px;
    line-height: var(--lh);
    color: #666666;
}
.store-page .position .address .nonebox {
    display: none;
    text-align: center;
    font-size: 20px;
    line-height: 40px;
}
.store-page .position .address li {
    border-top: solid 1px #d2d2d2;
    position: relative;
}
.store-page .position .address li .row {
    padding: 30px 0;
}
.store-page .position .address li .p1 {
    font-size: 20px;
    font-weight: bold;
    color: #040404;
    margin-bottom: 20px;
}
.store-page .position .address li .p2, .store-page .position .address li .p3 {
    min-height: 22px;
    line-height: 22px;
    font-size: 16px;
    color: #545454;
    margin: 18px 0;
}
.store-page .position .address li .num {
    display: inline-block;
    color: var(--main-color);
}
.store-page .position .address li .mapbtn {
    text-align: center;
    float: right;
    background-size: 30px auto;
    font-size: 16px;
    color: #040404;
    padding-top: 38px;
    margin-top: 80px;
    cursor: pointer;
}
.store-page .position .address li .make {
    width: 120px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    border: solid 1px #000;
    font-size: 16px;
    color: #000;
    position: absolute;
    top: 30px;
    right: 0;
    z-index: 2;
    cursor: pointer;
}
.store-page .position .address li .make:hover {
    background: #000;
    color: #fff;
}
.store-page .position .address li .make:hover .qr {
    display: block;
}
.store-page .position .address li .make img {
    width: 100%;
    display: block;
}
.store-page .position .address li .make .qr {
    width: 120px;
    border: solid 1px #000;
    font-size: 14px;
    color: #000;
    position: absolute;
    left: 50%;
    bottom: 50px;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -ms-transform: translate(-50%, 0);
    -o-transform: translate(-50%, 0);
    z-index: 5;
    background: #fff;
    display: none;
}
.store-page .position .address li #allmap {
    height: 360px;
}
.store-page .position .address li .close {
    display: none;
    text-align: center;
    font-size: 14px;
    margin-top: 10px;
}
.store-page .position .address li .close span {
    display: inline-block;
    cursor: pointer;
    text-decoration: underline;
}
@media( max-width: 1200px) {
    .store-page .position .area .inpu {
        position: relative;
        display: inline-block;
        cursor: pointer;
        margin: 0 0;
        text-align: left;
    }
    .store-page .position .area .inpu i {
        width: 150px
    }
}
@media( max-width: 992px) {
    .store-page .position .area .inpu {
        width: 100%;
        margin: 0 0;
    }
    .store-page .position .area .inpu i {
        margin-bottom: var(--fs10);
        width: 100%;
    }
}
/*联系我们在线留言*/

/*联系我们*/

.contact-info {
    padding-top: var(--fs54);
}
.contact-info .left-cont {
    width: 48.75%;
}
.contact-info .left-cont .map {
    height: 600px;
}
.contact-info .left-cont .map .shadow {
    display: none;
}
.contact-info .left-cont .map * {
    box-sizing: content-box;
}
.contact-info .right-cont {
    width: 47.5%;
    font-size: 16px;
    line-height: 1.4em;
    color: #666666;
}
.contact-info .right-cont .h2 {
    border-bottom: 2px solid rgba(0, 0, 0, 0.2);
    padding-bottom: 15px;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.4em;
    color: var(--main-color);
}
.contact-info .right-cont .li {
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 16px;
    padding-bottom: 16px;
}
.contact-info .right-cont .li .li-icon {
    --sw: 40px;
    --size: 50%;
    --fill: rgba(0, 0, 0, 0.8);
    margin-right: 20px;
    border-radius: 5px;
    border: solid 1px rgba(0, 0, 0, 0.6);
    flex-shrink: 0;
    width: var(--sw);
    height: var(--sw);
}
.contact-info .right-cont .li .li-icon.address {
    --size: 60%;
}
.contact-info .right-cont .li .li-icon.phone {
    --size: 50%;
}
.contact-info .right-cont .li .li-icon.mail {
    --size: 45%;
}
.contact-info .right-cont .li .li-cont {
    color: #333333;
}
.contact-info .right-cont .li .li-cont .li-tit {
    margin-top: -3px;
    color: #999999;
}
.contact-info .right-cont .li .li-cont .li-val {
    margin-top: 3px;
}
.contact-info .right-cont .code-box {
    margin-left: -5px;
    margin-top: 25px;
}
.contact-info .right-cont .code-box .code-li {
    text-align: center;
}
.contact-info .right-cont .code-box .code-li+.code-li {
    margin-left: 25px;
}
@media (max-width: 1600px) {
    .contact-info {
        padding-top: 85px;
    }
    .contact-info .left-cont .map {
        height: 580px;
    }
}
@media (max-width: 1200px) {
    .contact-info {
        padding-top: 0.75rem;
    }
    .contact-info .left-cont {
        width: 100%;
    }
    .contact-info .left-cont .map {
        height: 4.5rem;
    }
    .contact-info .right-cont {
        margin-top: 0.35rem;
        width: 100%;
        font-size: 0.26rem;
    }
    .contact-info .right-cont .h2 {
        padding-bottom: 0.7em;
        font-size: 0.3rem;
    }
    .contact-info .right-cont .li {
        padding-top: 0.35rem;
        padding-bottom: 0.3rem;
    }
    .contact-info .right-cont .li .li-icon {
        --sw: 0.7rem;
        margin-right: 0.3rem;
        border-radius: 0.05rem;
    }
    .contact-info .right-cont .li .li-cont .li-tit {
        margin-top: -0.05rem;
    }
    .contact-info .right-cont .li .li-cont .li-val {
        margin-top: 0.02rem;
    }
    .contact-info .right-cont .code-box {
        margin-left: -0.05rem;
        margin-top: 0.3rem;
        justify-content: center;
    }
    .contact-info .right-cont .code-box .code-li+.code-li {
        margin-left: 0.25rem;
    }
    .contact-info .right-cont .code-box .code-li img {
        width: 1.6rem;
    }
}
.contact-form {
    padding-top: 65px;
    padding-bottom: 120px;
}
.contact-form .title {
    font-size: 40px;
    font-weight: bold;
    line-height: 1.4em;
    color: #333333;
}
.contact-form .des {
    margin-top: 15px;
    margin-bottom: 45px;
    font-size: 16px;
    line-height: 1.4em;
    color: #666666;
}
.contact-form .form {
    --pad: 10px;
    --h: 62px;
    margin: calc(var(--pad)*-1);
    color: #999999;
}
.contact-form .form .input-box {
    padding: var(--pad);
}
.contact-form .form .input-box .input {
    border: 1px solid #cccccc;
    width: 100%;
    padding: 10px 1.25em;
    font-size: 16px;
    line-height: calc(var(--h) - 10px*2);
}
.contact-form .form .input-box .input::placeholder {
    color: #999999;
}
.contact-form .form .input-box textarea {
    display: block;
    height: 180px;
}
.contact-form .form .code-box .input {
    width: 232px;
}
.contact-form .form .code-box img {
    margin-left: 12px;
    width: 134px;
    height: var(--h);
    object-fit: fill;
    cursor: pointer;
}
.contact-form .form .submit-box .submit {
    margin-top: 20px;
    width: 300px;
    border-radius: 10px;
    border: 0 none;
    max-width: 100%;
    padding: 0 1.5em;
    background-color: var(--main-color);
    cursor: pointer;
    text-align: center;
    font-size: 18px;
    letter-spacing: 0.7em;
    line-height: calc(var(--h) + 2px);
    color: #ffffff;
    transition: all 0.3s;
}
.contact-form .form .submit-box .submit:hover {
    background-color: rgba(var(--main-color-rgb), 0.8);
}
@media (max-width: 1600px) {
    .contact-form {
        padding-bottom: 85px;
    }
    .contact-form .title {
        font-size: 32px;
    }
    .contact-form .des {
        margin-top: 10px;
        margin-bottom: 35px;
    }
}
@media (max-width: 1200px) {
    .contact-form {
        padding-top: 0.5rem;
        padding-bottom: 0.65rem;
    }
    .contact-form .title {
        font-size: 0.36rem;
    }
    .contact-form .des {
        margin-top: 0.1rem;
        margin-bottom: 0.3rem;
        font-size: 0.26rem;
    }
    .contact-form .form {
        --pad: 0.12rem;
        --h: 0.7rem;
    }
    .contact-form .form .input-box .input {
        padding: 0.1rem 1em;
        font-size: 0.26rem;
        line-height: calc(var(--h) - 0.1rem*2);
    }
    .contact-form .form .input-box textarea {
        height: 2rem;
    }
    .contact-form .form .submit-box .submit {
        margin-top: 0.2rem;
        width: 70%;
        border-radius: 0.1rem;
        padding: 0 1.2em;
        font-size: 0.28rem;
    }
}
.talent-block {
    position: relative;
    padding-top: 85px;
}
.talent-block .big-text {
    color: rgba(51, 51, 51, 0.05);
}
.talent-block .auto-title-block {
    padding-top: 0;
}
.talent-block .swiper-box {
    margin-top: 10px;
}
@media (max-width: 1600px) {
    .talent-block .swiper-box {
        margin-top: 0px;
    }
}
@media (max-width: 1200px) {
    .talent-block {
        padding-top: 0.75rem;
    }
}
/*三只羊记忆*/

.memory-box {
    margin-top: 0;
    padding-top: 0
}
/*关于我们详情*/

.about-about .flex-box .cont {
    margin-top: 40px;
    font-size: 16px;
    line-height: 2em;
    color: #666666;
}
.about-about .flex-box .cont p {
    margin-top: 1.7em;
}
/*荣誉资列表详情*/

.honor-block>div {
    display: flex;
    height: auto;
    gap: var(--fs32);
    flex-wrap: wrap
}
.honor-block .swiper-slide {
    width: 23%
}
@media(max-width: 1200px) {
    .honor-block .swiper-slide {
        width: 30%;
    }
}
@media(max-width: 992px) {
    .honor-block .swiper-slide {
        width: 46%;
    }
}
/*爱心捐赠*/

.love_box .list3 .img-box img {
    border-radius: 1000px;
    width: 60%;
    margin: 0 auto;
}
.love_box .list3 .list3-box {
    background: none;
    text-align: center;
    border: 1px solid var(--main-color);
    padding-top: var(--fs30)
}
.wisdomserver-list {
    background-color: #faf6f2;
}
.wisdomserver-list .list .list-li {
    background-color: #ffffff;
}
.wisdomcolud-block {
    background-color: #f5f1ed;
    padding-top: 100px;
    padding-bottom: 130px;
    overflow: hidden;
}
.wisdomcolud-block .list {
    --lpd: 20px;
    margin: calc(var(--lpd)*-1);
    padding-top: 53px;
}
.wisdomcolud-block .list .list-li {
    width: 50%;
    padding: calc(var(--lpd)*1);
}
.wisdomcolud-block .list .list-box {
    transform: translate(0, 0);
    border-radius: 10px;
    background-color: #ffffff;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0);
    overflow: hidden;
    height: 100%;
    transition: all 0.3s;
}
.wisdomcolud-block .list .list-box:hover {
    transform: translate(0, -5px);
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}
.wisdomcolud-block .list .list-box:hover .title {
    color: var(--main-color);
}
.wisdomcolud-block .list .img-box::before {
    padding-top: 62.5%;
}
.wisdomcolud-block .list .title {
    padding: 25px 35px;
    font-size: 18px;
    line-height: 1.33em;
    color: #333333;
}
@media (max-width: 1600px) {
    .wisdomcolud-block {
        padding-top: 75px;
        padding-bottom: 60px;
    }
    .wisdomcolud-block .list {
        --lpd: 16px;
        padding-top: 33px;
    }
    .wisdomcolud-block .list .title {
        padding: 22px 32px;
        font-size: 17px;
    }
}
@media (max-width: 1200px) {
    .wisdomcolud-block {
        padding-top: 0.65rem;
        padding-bottom: 0.55rem;
    }
    .wisdomcolud-block .list {
        --lpd: 0.1rem;
        padding-top: 0.3rem;
    }
    .wisdomcolud-block .list .list-box {
        border-radius: 0.15rem;
    }
    .wisdomcolud-block .list .title {
        padding: 0.8em 1em;
        font-size: 0.26rem;
        line-height: 1.4em;
    }
}
.vocational-block {
    padding-top: 0;
}
.vocational-block .innovation-block-2 {
    padding-bottom: 20px;
}
.vocational-block .innovation-block-2 .list {
    margin-top: -5px;
    padding-top: 0;
}
@media (max-width: 1200px) {
    .vocational-block .innovation-block-2 {
        padding-bottom: 0;
    }
    .vocational-block .innovation-block-2 .list {
        margin-top: -0.15rem;
    }
}
.history-block {
    padding-top: 100px;
    padding-bottom: 85px;
}
.history-block .swiper-top {
    position: relative;
    border-bottom: 1px solid #e5e5e5;
    padding: 3.6% 0 5%;
}
.history-block .swiper-top .swiper-slide {
    display: flex;
    overflow: hidden;
    align-items: center;
}
.history-block .swiper-top .big-year {
    width: 100%;
    justify-content: center;
    text-align: center;
    font-weight: bold;
    font-size: clamp(15px, 25vw, 475px);
    line-height: 0.9em;
    color: rgba(51, 51, 51, 0.05);
}
.history-block .swiper-top .cont-text {
    margin-left: -100%;
    width: 100%;
    padding: 0 80px;
    color: #333333;
}
.history-block .swiper-top .cont-text .year {
    font-size: 60px;
    font-weight: bold;
    line-height: 0.8em;
}
.history-block .swiper-top .cont-text .title {
    font-size: 28px;
    line-height: 1.4em;
}
.history-block .swiper-top .cont-text .list {
    margin-top: 16px;
    font-size: 18px;
    line-height: 2.22em;
    color: #666666;
}
.history-block .swiper-top .swiper-btn {
    margin-top: calc(var(--s)*-0.5);
    position: absolute;
    top: 50%;
    z-index: 2;
}
.history-block .swiper-top .swiper-btn.prev {
    left: 0;
}
.history-block .swiper-top .swiper-btn.next {
    right: 0;
}
.history-block .swiper-year {
    margin-top: -1px;
}
.history-block .swiper-year .word {
    display: inline-block;
    position: relative;
    vertical-align: top;
    cursor: pointer;
    padding-top: 25px;
    padding-bottom: 25px;
    font-size: 20px;
    line-height: 1.4em;
    color: #666666;
}
.history-block .swiper-year .word::before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 2px;
    background: var(--main-color);
    opacity: 0;
}
.history-block .swiper-year .swiper-slide-thumb-active .word {
    color: var(--main-color);
}
.history-block .swiper-year .swiper-slide-thumb-active .word::before {
    opacity: 1;
}
@media (max-width: 1600px) {
    .history-block {
        padding-top: 85px;
        padding-bottom: 55px;
    }
}
@media (max-width: 1200px) {
    .history-block {
        padding-top: 0.65rem;
        padding-bottom: 0.5rem;
    }
    .history-block .swiper-top {
        padding: 0.3rem 0 0.35rem;
    }
    .history-block .swiper-top .big-year {
        font-size: 2.9rem;
    }
    .history-block .swiper-top .cont-text {
        padding: 0 0.8rem;
    }
    .history-block .swiper-top .cont-text .year {
        font-size: 0.52rem;
    }
    .history-block .swiper-top .cont-text .title {
        margin-top: 0.15rem;
        font-size: 0.3rem;
    }
    .history-block .swiper-top .cont-text .list {
        margin-top: 0.1rem;
        font-size: 0.27rem;
        line-height: 1.6em;
    }
    .history-block .swiper-year .word {
        padding-top: 0.2rem;
        padding-bottom: 0.1rem;
        font-size: 0.3rem;
        line-height: 1.4em;
    }
}
.profile-block {
    padding-top: 100px;
    padding-bottom: 120px;
}
.profile-block .content {
    padding-top: 44px;
    text-align: justify;
    font-size: 18px;
    line-height: 1.66em;
    color: #666666;
}
.profile-block .video-block {
    margin-top: 90px;
    border-radius: 10px;
    overflow: hidden;
}
@media (max-width: 1600px) {
    .profile-block {
        padding-top: 85px;
        padding-bottom: 75px;
    }
    .profile-block .content {
        padding-top: 34px;
    }
    .profile-block .video-block {
        margin-top: 40px;
    }
}
@media (max-width: 1200px) {
    .profile-block {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .profile-block .content {
        padding-top: 0.3rem;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
    .profile-block .video-block {
        margin-top: 0.4rem;
    }
}
.honor-block-1 {
    overflow: hidden;
}
.honor-block-1 .swiper-btn-parent {}
.honor-block-1 .swiper {
    overflow: visible;
    padding-bottom: 10px;
}
.honor-block-1 .swiper .swiper-slide {
    height: auto;
    opacity: 0.6;
}
.honor-block-1 .swiper .swiper-slide-active {
    opacity: 1;
}
.honor-block-1 .swiper .swiper-slide-active+.swiper-slide {
    opacity: 1;
}
.honor-block-1 .swiper .swiper-slide-active+.swiper-slide+.swiper-slide {
    opacity: 1;
}
.honor-block-1 .box {
    --imgh: 440px;
    display: block;
    transform: translate(0, 0);
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
    transition: all 0.3s;
}
.honor-block-1 .box .img-div {
    display: flex;
    background-color: #fff;
    height: var(--imgh);
    justify-content: center;
    align-items: center;
}
.honor-block-1 .box .img-div img {
    display: block;
    max-height: 100%;
}
.honor-block-1 .box .title {
    display: flex;
    min-height: 70px;
    height: calc(100% - var(--imgh));
    padding: 0.3em 1.2em;
    align-items: center;
    justify-content: center;
    font-size: 18px;
    line-height: 1.4em;
    color: #333333;
}
.honor-block-1 .box:hover {
    transform: translate(0, -5px);
}
.honor-block-1 .box:hover .title {
    color: var(--main-color);
}
@media (max-width: 1600px) {
    .honor-block-1 {
        padding-top: 75px;
        padding-bottom: 60px;
    }
    .honor-block-1 .swiper-btn-parent {
        margin-top: 40px;
    }
    .honor-block-1 .box .title {
        min-height: 60px;
    }
}
@media (max-width: 1400px) {
    .honor-block-1 .box {
        --imgh: 300px;
    }
    .honor-block-1 .box .title {
        min-height: 50px;
        font-size: 17px;
    }
}
@media (max-width: 1200px) {
    .honor-block-1 {
        padding-top: 0;
        padding-bottom: 0.45rem;
    }
    .honor-block-1 .swiper-btn-parent {
        margin-top: 0;
    }
    .honor-block-1 .box {
        --imgh: 3rem;
    }
    .honor-block-1 .box .title {
        min-height: 0.5rem;
        padding: 0.5em 1em;
        font-size: 0.26rem;
    }
}
.honor-block-2 {
    padding-top: 120px;
    padding-bottom: 130px;
    background-color: #f7f7f7;
}
.honor-block-2 .img-text {
    margin-top: 55px;
    background-color: #ffffff;
    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.2);
}
.honor-block-2 .img-text .img-div {
    width: 50%;
}
.honor-block-2 .img-text .cont {
    position: relative;
    width: 50%;
}
.honor-block-2 .img-text .cont .text {
    position: absolute;
    left: 9%;
    top: 11.5%;
    width: 82%;
    height: 77%;
    padding-right: 7%;
    overflow-y: auto;
    font-size: 18px;
    line-height: 2em;
    color: #333333;
}
.honor-block-2 .img-text .cont .text p+p {
    margin-top: 0.44em;
}
@media (max-width: 1600px) {
    .honor-block-2 {
        padding-top: 75px;
        padding-bottom: 60px;
    }
    .honor-block-2 .img-text {
        margin-top: 40px;
    }
    .honor-block-2 .img-text .cont .text {
        font-size: 18px;
        line-height: 1.8em;
    }
    .honor-block-2 .img-text .cont .text p+p {
        margin-top: 0.3em;
    }
}
@media (max-width: 1200px) {
    .honor-block-2 {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .honor-block-2 .img-text {
        margin-top: 0.3rem;
    }
    .honor-block-2 .img-text .img-div {
        width: 100%;
    }
    .honor-block-2 .img-text .cont {
        width: 100%;
    }
    .honor-block-2 .img-text .cont .text {
        position: static;
        width: 100%;
        height: auto;
        padding: 0.3rem 0.3rem;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
    .honor-block-2 .img-text .cont .text p+p {
        margin-top: 0.3em;
    }
}
.culture-block-1 {
    padding-top: 100px;
    padding-bottom: 120px;
}
.culture-block-1 .img-text {
    margin-top: 55px;
    position: relative;
}
.culture-block-1 .img-text .img-div {
    width: 100%;
}
.culture-block-1 .img-text .cont-text {
    display: flex;
    position: absolute;
    z-index: 2;
    left: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 5% 6.5%;
    background-color: rgba(250, 250, 250, 0.93);
    align-items: center;
}
.culture-block-1 .img-text .cont-text .text {
    max-height: 100%;
    overflow-y: auto;
}
.culture-block-1 .img-text .cont-text .title {
    font-size: 32px;
    line-height: 1.4em;
    color: #333333;
}
.culture-block-1 .img-text .cont-text .p-txt {
    margin-top: 34px;
    font-size: 20px;
    line-height: 1.5em;
    color: #666666;
}
.culture-block-1 .list {
    --lpd: 10px;
    margin: calc(var(--lpd)*-1);
    padding-top: 100px;
    text-align: center;
}
.culture-block-1 .list .list-li {
    min-height: calc(var(--wrap-width)*0.175);
    padding: var(--lpd);
}
.culture-block-1 .list .box {
    display: flex;
    position: relative;
    background-color: #f7f7f7;
    height: 100%;
    border-radius: 10px;
    overflow: hidden;
    padding: 15px 10%;
    align-items: center;
}
.culture-block-1 .list .box:hover .mark {
    opacity: 1;
}
.culture-block-1 .list .title {
    font-size: 24px;
    line-height: 1.4em;
}
.culture-block-1 .list .icon-text {
    width: 100%;
    color: #333333;
}
.culture-block-1 .list .icon-text .icon {
    display: block;
    margin-bottom: 10px;
}
.culture-block-1 .list .icon-text .icon img {
    display: block;
    margin: 0 auto;
}
.culture-block-1 .list .mark {
    display: flex;
    position: absolute;
    left: 0;
    top: 0;
    background-color: var(--main-color);
    width: 100%;
    height: 100%;
    padding: 15px 10%;
    opacity: 0;
    overflow-y: auto;
    flex-direction: column;
    justify-content: center;
    color: #ffffff;
    transition: opacity 0.3s;
}
.culture-block-1 .list .mark .des {
    margin-top: 13px;
    font-size: 16px;
    line-height: 1.75em;
}
@media (max-width: 1600px) {
    .culture-block-1 {
        padding-top: 75px;
        padding-bottom: 60px;
    }
    .culture-block-1 .img-text {
        margin-top: 45px;
    }
    .culture-block-1 .img-text .cont-text .title {
        font-size: 30px;
    }
    .culture-block-1 .img-text .cont-text .p-txt {
        margin-top: 30px;
        font-size: 18px;
        line-height: 1.4em;
    }
    .culture-block-1 .list {
        --lpd: 8px;
        padding-top: 60px;
    }
    .culture-block-1 .list .box {
        padding: 15px 10%;
    }
    .culture-block-1 .list .title {
        font-size: 22px;
    }
    .culture-block-1 .list .icon-text .icon {
        margin-bottom: 8px;
    }
    .culture-block-1 .list .mark .des {
        margin-top: 10px;
        line-height: 1.6em;
    }
}
@media (max-width: 1400px) {
    .culture-block-1 .list {
        --lpd: 8px;
        padding-top: 60px;
    }
    .culture-block-1 .list .box {
        padding: 15px 10%;
    }
    .culture-block-1 .list .title {
        font-size: 20px;
    }
}
@media (max-width: 1200px) {
    .culture-block-1 {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .culture-block-1 .img-text {
        margin-top: 0.3rem;
    }
    .culture-block-1 .img-text .cont-text {
        position: static;
        width: 100%;
        padding: 0.3rem 0.4rem;
    }
    .culture-block-1 .img-text .cont-text .title {
        font-size: 0.3rem;
    }
    .culture-block-1 .img-text .cont-text .p-txt {
        margin-top: 0.25rem;
        font-size: 0.26rem;
    }
    .culture-block-1 .list {
        --lpd: 0.1rem;
        padding-top: 0.4rem;
    }
    .culture-block-1 .list .box {
        border-radius: 0.1rem;
        padding: 0.6rem 0.25rem;
    }
    .culture-block-1 .list .title {
        font-size: 0.3rem;
    }
    .culture-block-1 .list .icon-text .icon {
        margin-bottom: 0.05rem;
    }
    .culture-block-1 .list .icon-text .icon img {
        width: 0.7rem;
    }
    .culture-block-1 .list .mark {
        padding: 0.15rem 7%;
    }
    .culture-block-1 .list .mark .des {
        margin-top: 0.1rem;
        font-size: 0.26rem;
        line-height: 1.5em;
    }
}
.expert-block {
    padding-top: 120px;
    padding-bottom: 120px;
    overflow: hidden;
}
.expert-block .eduction-block {
    padding-top: 53px;
}
.expert-block .eduction-block .h2 {
    margin-bottom: 30px;
    font-size: 32px;
    line-height: 1.4em;
    color: #333333;
}
.expert-block .team-block {
    margin-top: 100px;
}
.expert-block .team-block .img-box {
    width: 63.5%;
}
.expert-block .team-block .img-box img {
    border-radius: 10px;
}
.expert-block .team-block .cont {
    width: 31.75%;
}
.expert-block .team-block .cont .pad {
    display: flex;
    height: 100%;
    overflow-y: auto;
    flex-direction: column;
    justify-content: space-between;
}
.expert-block .team-block .cont .h3 {
    font-size: 36px;
    line-height: 1.4em;
    color: #333333;
}
.expert-block .team-block .cont .txt-list {
    margin-top: 35px;
}
.expert-block .team-block .cont .txt-list .txt-li {
    --linew: 100%;
    position: relative;
    border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    padding-top: 24px;
    padding-bottom: 14px;
    color: #222222;
}
.expert-block .team-block .cont .txt-list .txt-li .num {
    vertical-align: text-bottom;
}
.expert-block .team-block .cont .txt-list .txt-li .num-val {
    font-size: 40px;
    font-weight: bold;
    line-height: 1em;
    color: var(--main-color);
}
.expert-block .team-block .cont .txt-list .txt-li .num-word {
    font-size: 16px;
    line-height: 1.4em;
}
.expert-block .team-block .cont .txt-list .txt-li .txt-word {
    margin-top: 7px;
    font-size: 20px;
    line-height: 1.4em;
}
.expert-block .team-block .cont .txt-list .txt-li::after {
    content: '';
    display: block;
    position: absolute;
    left: 0;
    bottom: -1px;
    height: 1px;
    width: var(--linew);
    background: #000000;
}
@media (max-width: 1600px) {
    .expert-block {
        padding-top: 75px;
        padding-bottom: 60px;
    }
    .expert-block .eduction-block {
        padding-top: 45px;
    }
    .expert-block .eduction-block .h2 {
        margin-bottom: 25px;
        font-size: 30px;
    }
    .expert-block .team-block {
        margin-top: 70px;
    }
    .expert-block .team-block .cont .h3 {
        font-size: 32px;
    }
    .expert-block .team-block .cont .txt-list {
        margin-top: 25px;
    }
    .expert-block .team-block .cont .txt-list .txt-li {
        padding-top: 20px;
        padding-bottom: 10px;
    }
    .expert-block .team-block .cont .txt-list .txt-li .num-val {
        font-size: 36px;
    }
    .expert-block .team-block .cont .txt-list .txt-li .num-word {
        font-size: 14px;
    }
    .expert-block .team-block .cont .txt-list .txt-li .txt-word {
        margin-top: 4px;
        font-size: 18px;
    }
}
@media (max-width: 1200px) {
    .expert-block {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .expert-block .eduction-block {
        padding-top: 0.35rem;
    }
    .expert-block .eduction-block .h2 {
        margin-bottom: 0.3rem;
        font-size: 0.3rem;
    }
    .expert-block .team-block {
        margin-top: 0.4rem;
    }
    .expert-block .team-block .img-box {
        width: 100%;
    }
    .expert-block .team-block .img-box img {
        border-radius: 0.1rem;
    }
    .expert-block .team-block .cont {
        width: 100%;
        padding-top: 0.35rem;
    }
    .expert-block .team-block .cont .h3 {
        font-size: 0.32rem;
    }
    .expert-block .team-block .cont .txt-list {
        margin-top: 0;
    }
    .expert-block .team-block .cont .txt-list .txt-li {
        padding-top: 0.15rem;
        padding-bottom: 0.15rem;
    }
    .expert-block .team-block .cont .txt-list .txt-li .num-val {
        font-size: 0.32rem;
    }
    .expert-block .team-block .cont .txt-list .txt-li .num-word {
        font-size: 0.24rem;
    }
    .expert-block .team-block .cont .txt-list .txt-li .txt-word {
        margin-top: 0.05rem;
        font-size: 0.26rem;
    }
}
.talent-block {
    padding-top: 100px;
}
.talent-block .content {
    margin: 18px auto 0;
    width: 1280px;
    max-width: 100%;
    font-size: 16px;
    line-height: 1.75em;
    color: #666666;
}
.talent-block .img-list {
    --ipd: 17.5px;
    margin: calc(var(--ipd)*-1);
    padding-top: 44px;
}
.talent-block .img-list .swiper {
    width: 100%;
}
.talent-block .img-list .img-li {
    padding: calc(var(--ipd)*1);
}
.talent-block .img-list .img-box {
    border-radius: 10px;
}
.talent-block .img-list .img-box::before {
    padding-top: 68.08%;
}
.job-block {
    padding-bottom: 100px;
}
.job-block .list7 {
    margin-top: 38px;
}
@media (max-width: 1600px) {
    .talent-block {
        padding-top: 75px;
    }
    .talent-block .content {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.6em;
    }
    .talent-block .img-list {
        --ipd: 12px;
        padding-top: 34px;
    }
    .job-block {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .job-block .list7 {
        margin-top: 28px;
    }
}
@media (max-width: 1200px) {
    .talent-block {
        padding-top: 0.65rem;
    }
    .talent-block .content {
        margin-top: 15px;
        font-size: 15px;
        line-height: 1.6em;
    }
    .talent-block .img-list {
        --ipd: 0.1rem;
        padding-top: 0.3rem;
    }
    .job-block {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .job-block .list7 {
        margin-top: 0.35rem;
    }
}
.partner-block {
    padding-top: 100px;
    padding-bottom: 120px;
}
.partner-block .tab-box .tab-check-btn {
    margin-top: 35px;
    margin-bottom: 35px;
    gap: 20px;
}
.partner-block .tab-box .tab-check-btn .btn {
    border-radius: 10px;
    border: solid 1px #bfbfbf;
    background: #ffffff;
    padding: 0 2em;
    font-size: 20px;
    line-height: 60px;
    color: #333333;
    cursor: pointer;
    transition: all 0.3s;
}
.partner-block .tab-box .tab-check-btn .btn:hover, .partner-block .tab-box .tab-check-btn .btn.on {
    border-color: var(--main-color);
    background: var(--main-color);
    color: #ffffff;
}
@media (max-width: 1600px) {
    .partner-block {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .partner-block .tab-box .tab-check-btn {
        margin-top: 25px;
        margin-bottom: 30px;
        gap: 15px;
    }
    .partner-block .tab-box .tab-check-btn .btn {
        padding: 0 1.6em;
        font-size: 18px;
        line-height: 46px;
    }
}
@media (max-width: 1200px) {
    .partner-block {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .partner-block .tab-box .tab-check-btn {
        margin-top: 0.25rem;
        margin-bottom: 0.3rem;
        gap: 0.15rem;
    }
    .partner-block .tab-box .tab-check-btn .btn {
        padding: 0 1.4em;
        font-size: 0.26rem;
        line-height: 2em;
    }
}
.social-block {
    padding-bottom: 110px;
}
.social-block .list9 {}
@media (max-width: 1600px) {
    .social-block {
        padding-top: 75px;
        padding-bottom: 75px;
    }
    .social-block .list9 {
        padding-top: 40px;
    }
}
@media (max-width: 1200px) {
    .social-block {
        padding-top: 0.65rem;
        padding-bottom: 0.65rem;
    }
    .social-block .list9 {
        padding-top: 0.35rem;
    }
}
.news-list-block {
    overflow: hidden;
    padding-top: 80px;
    padding-bottom: 100px;
}
@media (max-width: 1600px) {
    .news-list-block {
        padding-top: 75px;
        padding-bottom: 75px;
    }
}
@media (max-width: 1200px) {
    .news-list-block {
        padding-top: 0.55rem;
        padding-bottom: 0.65rem;
    }
}
.news-info {
    --newsibr: 10px;
    padding-top: 60px;
    padding-bottom: 110px;
}
.news-info .left-flex {
    width: 72%;
    padding: 2%;
    background: #fff;
}
.news-info .left-flex .info-title {
    font-size: 30px;
    line-height: 1.4em;
    color: #333333;
}
.news-info .left-flex .other {
    margin-top: 19px;
    margin-bottom: 33px;
    font-size: 16px;
    line-height: 1.4em;
    color: #999999;
}
.news-info .left-flex .other .author {
    margin-left: 3.5em;
}
.news-info .left-flex .cont {
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    padding: 1.95em 0 4em;
    font-size: 16px;
    line-height: 1.75em;
    color: #333333;
}
.news-info .right-flex {
    width: 25%;
    padding: 2%;
    background: #fff;
}
.news-info .right-flex .right-flex-title {
    margin-bottom: 40px;
    font-size: 28px;
    line-height: 1.4em;
    color: #999999;
}
@media (max-width: 1600px) {
    .news-info {
        padding-top: 40px;
        padding-bottom: 70px;
    }
    .news-info .left-flex .info-title {
        font-size: 26px;
    }
    .news-info .left-flex .other {
        margin-top: 15px;
        margin-bottom: 20px;
    }
    .news-info .left-flex .cont {
        padding: 1.3em 0 2em;
        line-height: 1.6em;
    }
    .news-info .right-flex .right-flex-title {
        margin-bottom: 25px;
        font-size: 24px;
    }
}
@media (max-width: 1200px) {
    .news-info {
        padding-top: 0.3rem;
        padding-bottom: 0.4rem;
    }
    .news-info .left-flex {
        width: 100%;
    }
    .news-info .left-flex .info-title {
        font-size: 0.3rem;
    }
    .news-info .left-flex .other {
        margin-top: 0.15rem;
        margin-bottom: 0.25rem;
        font-size: 0.24rem;
    }
    .news-info .left-flex .other .author {
        margin-left: 3em;
    }
    .news-info .left-flex .cont {
        padding: 1.4em 0;
        font-size: 0.26rem;
    }
    .news-info .right-flex {
        margin-top: 0.4rem;
        width: 100%;
    }
    .news-info .right-flex .right-flex-title {
        margin-bottom: 0.15rem;
        font-size: 0.3rem;
    }
}
.investor-block {
    padding-top: 100px;
    padding-bottom: 130px;
}
@media (max-width: 1600px) {
    .investor-block {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}
.contact-block {
    padding-bottom: 50px;
}
.contact-block .contact-list {
    --iconw: 134px;
    --lcp: 13px;
    margin: calc(var(--lcp)*-1);
    font-size: 18px;
    line-height: 1.77em;
    color: #666666;
    padding-bottom: var(--fs54)
}
.contact-block .contact-list .list-li {
    padding: calc(var(--lcp)*1);
}
.contact-block .contact-list .list-box {
    transform: translate(0, 0);
    box-shadow: 0px 0px 7px 0px rgba(0, 0, 0, 0.1);
    border-radius: 10px;
    height: 100%;
    padding: 72px 5% 62px;
    transition: all 0.3s;
    text-align: center;
}
.contact-block .contact-list .list-box:hover {
    transform: translate(0, -5px);
}
.contact-block .contact-list .li-icon {
    --fill: #999999;
    --size: 60%;
    vertical-align: top;
    margin: 0 auto;
    width: var(--iconw);
    height: var(--iconw);
}
.contact-block .contact-list .li-icon .self-svg {
    border-radius: 50%;
    width: 100%;
    height: 100%;
}
.contact-block .contact-list .li-icon img {
    display: block;
    border: 1px solid #b5b5b5;
}
.contact-block .contact-list .text {
    margin-top: 16px;
    word-break: break-all;
}
.map-block .map-box {
    position: relative;
}
.map-block .map-box img {
    display: block;
}
.map-block .add-list {
    --conpad: 145px;
}
.map-block .add-list .add-li {
    position: absolute;
}
.map-block .add-list .add-li.on .add-line, .map-block .add-list .add-li.on .add-cont {
    margin: 0;
    opacity: 1;
    pointer-events: auto;
}
.map-block .add-list .point {
    --anstime: 3s;
    --pw: 8px;
    display: block;
}
.map-block .add-list .point i {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: calc(var(--pw)*-0.5);
    margin-top: calc(var(--pw)*-0.5);
    border-radius: 50%;
    background: var(--main-color);
    width: var(--pw);
    height: var(--pw);
    animation: pointanimate1 var(--anstime) infinite;
    animation-delay: 3s;
}
.map-block .add-list .point .p2 {
    animation-delay: 1.5s;
}
.map-block .add-list .point .p3 {
    animation-delay: 3s;
}
.map-block .add-list .add-line {
    position: absolute;
    right: 0;
    bottom: 0;
    width: var(--conpad);
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s;
}
.map-block .add-list .add-line::before {
    content: '';
    display: block;
    padding-top: 52.31%;
    background: url(../images/contact/map-line.png) no-repeat center / cover;
}
.map-block .add-list .add-cont {
    margin-right: -15px;
    position: absolute;
    right: var(--conpad);
    top: calc(var(--conpad)*-1);
    border: 1px solid var(--main-color);
    width: 400px;
    text-align: left;
    background: rgba(255, 255, 255, 0.8);
    padding: 25px 35px;
    opacity: 0;
    pointer-events: none;
    transition: opacity 0.3s, margin 0.3s;
}
.map-block .add-list .add-cont .h6 {
    font-size: 20px;
    line-height: 1.4em;
    color: #333333;
}
.map-block .add-list .add-cont .p {
    margin-top: 5px;
    font-size: 16px;
    line-height: 1.75em;
    color: #666666;
}
.map-block .add-list .li1 {
    left: 56%;
    top: 46%;
}
.map-block .add-list .li2 {
    left: 61%;
    top: 39.5%;
}
.map-block .add-list .li3 {
    left: 54.5%;
    top: 52.5%;
}
.map-block .add-list .li4 {
    left: 52.2%;
    top: 53%;
}
.map-block .add-list .li5 {
    left: 59.5%;
    top: 83.5%;
}
@keyframes pointanimate1 {
    0% {
        transform: scale(1);
        opacity: 1;
    }
    100% {
        transform: scale(3);
        opacity: 0.15;
    }
}
.contact-form-block {
    background: #f7f7f7;
    padding-top: 100px;
    padding-bottom: 90px;
}
.contact-form-block .des {
    margin: 24px 0 65px;
    font-size: 18px;
    line-height: 1.4em;
    color: #666666;
}
.contact-form-block .form {
    --mtp: 20px;
    font-size: 16px;
    line-height: 1.6em;
    color: #999999;
}
.contact-form-block .form .input-li+.input-li {
    margin-top: var(--mtp);
}
.contact-form-block .form .lw-w-12 {
    width: 100%;
}
.contact-form-block .form .input {
    display: block;
    width: 100%;
    padding: 1.1em 1.8em;
    color: #333333;
}
.contact-form-block .form .input-box {
    border-radius: 10px;
    border: 1px solid #cccccc;
}
.contact-form-block .form .input-box .textarea {
    height: 9em;
}
.contact-form-block .form .submit-box .submit {
    background: var(--main-color);
    border-radius: 10px;
    width: 300px;
    max-width: 100%;
    letter-spacing: 0.6em;
    cursor: pointer;
    color: #ffffff;
}
.contact-form-block .form .submit-box .submit:hover {
    background: rgba(var(--main-color-rgb), 0.7);
}
@media (max-width: 1600px) {
    .contact-block {
        padding-top: 75px;
        padding-bottom: 35px;
    }
    .contact-block .contact-list {
        --iconw: 114px;
        --lcp: 10px;
    }
    .contact-form-block {
        padding-top: 75px;
        padding-bottom: 65px;
    }
    .contact-form-block .des {
        margin: 20px 0 45px;
    }
}
@media (max-width: 1200px) {
    .contact-block {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .contact-block .contact-list {
        --iconw: 1rem;
        --lcp: 0.1rem;
        padding-top: 0.35rem;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
    .contact-block .contact-list .list-box {
        border-radius: 0.1rem;
        padding: 0.4rem 5% 0.3rem;
    }
    .contact-block .contact-list .text {
        margin-top: 0.15rem;
    }
    .map-block {
        overflow: hidden;
    }
    .map-block .map-box {
        margin-left: -8%;
        margin-right: -9.5%;
    }
    .map-block .add-list {
        --conpad: 1.2rem;
    }
    .map-block .add-list .point {
        --pw: 0.1rem;
    }
    .map-block .add-list .add-line {
        display: none;
    }
    .map-block .add-list .add-cont {
        display: none;
        margin-right: -0.15rem;
        width: 4rem;
        padding: 0.25rem 0.3rem;
        opacity: 1;
        pointer-events: auto;
    }
    .map-block .add-list .add-cont .h6 {
        font-size: 0.3rem;
    }
    .map-block .add-list .add-cont .p {
        margin-top: 0.1rem;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
    .map-block .add-phone-list {
        margin-top: 0.1rem;
    }
    .map-block .add-phone-list .add-li {
        border: 1px solid var(--main-color);
        padding: 0.3rem 0.35rem;
        text-align: left;
    }
    .map-block .add-phone-list .add-li+.add-li {
        margin-top: 0.3rem;
    }
    .map-block .add-phone-list .add-li .h6 {
        font-size: 0.3rem;
        font-weight: bold;
        line-height: 1.4em;
        color: #333333;
    }
    .map-block .add-phone-list .add-li .p {
        margin-top: 0.1rem;
        font-size: 0.26rem;
        line-height: 1.4em;
        color: #666666;
    }
    .contact-form-block {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .contact-form-block .des {
        margin: 0.25rem 0 0.3rem;
        font-size: 0.26rem;
    }
    .contact-form-block .form {
        --mtp: 0.25rem;
        font-size: 0.26rem;
    }
    .contact-form-block .form .input {
        padding: 0.7em 1.1em;
    }
    .contact-form-block .form .input-box {
        border-radius: 0.1rem;
    }
    .contact-form-block .form .submit-box .submit {
        border-radius: 0.1rem;
        width: 3rem;
    }
}
.solution-block .solution-li {
    padding-top: 100px;
    padding-bottom: 110px;
}
.solution-block .solution-li:first-child {
    padding-top: 50px;
    padding-bottom: 50px;
}
.solution-block .solution-li:nth-child(2n+2) {
    background: #f6f6f6;
}
.solution-block .top-return {
    margin-bottom: 40px;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 40px;
}
.solution-block .return-btn-box {
    margin-left: 1.5em;
    flex-shrink: 0;
    font-size: 16px;
    line-height: 1.4em;
    color: var(--main-color);
}
.solution-block .return-btn-box .btn {
    margin-bottom: 0.2em;
}
.solution-block .return-btn-box .btn .self-svg {
    --size: 1.25em;
    --fill: var(--main-color);
    margin-right: 9px;
}
.solution-block .cont {
    padding: 17px 0;
    font-size: 16px;
    line-height: 1.75em;
    color: #333333;
}
.solution-characteristic {
    background: #f7f7f7;
    padding-top: 100px;
    padding-bottom: 100px;
}
.solution-characteristic .auto-title-block-b {
    margin-bottom: 40px;
}
.solution-characteristic-a {
    padding-top: 120px;
    padding-bottom: 120px;
}
.solution-characteristic-a .cont {
    margin-top: 25px;
    font-size: 18px;
    line-height: 1.77em;
    color: #666666;
}
.solution-characteristic-a .left-cont {
    width: 40%;
}
.solution-characteristic-a .right-cont {
    width: 54.1%;
}
.achieve-block {
    padding-top: 100px;
    padding-bottom: 100px;
}
.achieve-block .auto-title-block-b {
    margin-bottom: 40px;
}
@media (max-width: 1600px) {
    .solution-block .solution-li {
        padding-top: 75px;
        padding-bottom: 65px;
    }
    .solution-block .solution-li:first-child {
        padding-top: 25px;
        padding-bottom: 25px;
    }
    .solution-block .top-return {
        margin-bottom: 20px;
        padding-bottom: 20px;
    }
    .solution-block .cont {
        padding: 15px 0;
        line-height: 1.65em;
    }
    .solution-characteristic {
        padding-top: 65px;
        padding-bottom: 60px;
    }
    .solution-characteristic .auto-title-block-b {
        margin-bottom: 30px;
    }
    .solution-characteristic-a {
        padding-top: 70px;
        padding-bottom: 70px;
    }
    .solution-characteristic-a .cont {
        margin-top: 15px;
        line-height: 1.6em;
    }
    .achieve-block {
        padding-top: 65px;
        padding-bottom: 60px;
    }
    .achieve-block .auto-title-block-b {
        margin-bottom: 30px;
    }
}
@media (max-width: 1200px) {
    .solution-block {
        padding-top: 0.1rem;
    }
    .solution-block .solution-li {
        padding-top: 0.6rem;
        padding-bottom: 0.5rem;
    }
    .solution-block .solution-li:first-child {
        padding-top: 0.4rem;
        padding-bottom: 0.4rem;
    }
    .solution-block .top-return {
        margin-bottom: 0.3rem;
        padding-bottom: 0.3rem;
    }
    .solution-block .return-btn-box {
        font-size: 0.26rem;
    }
    .solution-block .return-btn-box .btn .self-svg {
        margin-right: 0.1rem;
    }
    .solution-block .cont {
        padding: 0.2rem 0;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
    .solution-characteristic {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .solution-characteristic .auto-title-block-b {
        margin-bottom: 0.3rem;
    }
    .solution-characteristic-a {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .solution-characteristic-a .cont {
        margin-top: 0.25rem;
        font-size: 0.26rem;
        line-height: 1.6em;
    }
    .solution-characteristic-a .left-cont {
        width: 100%;
    }
    .solution-characteristic-a .right-cont {
        width: 100%;
    }
    .achieve-block {
        padding-top: 0.65rem;
        padding-bottom: 0.6rem;
    }
    .achieve-block .auto-title-block-b {
        margin-bottom: 0.3rem;
    }
}
.site-map {
    --dc: #333333;
    --hc: var(--main-color);
    --lpd: 40px;
    --w: 1200px;
    padding-top: 65px;
    padding-bottom: 65px;
    color: var(--dc);
}
.site-map a {
    color: var(--dc);
    text-decoration: none;
}
.site-map a:hover {
    color: var(--hc);
}
.site-map .wrap-cont {
    margin: 0 auto;
    width: var(--w);
    max-width: calc(100% - 30px);
}
.site-map .site-map-border {
    border: 1px solid #ddd;
    padding: 0 30px 30px;
}
.site-map .site-map-title {
    font-size: 28px;
    margin: 45px 0;
    font-weight: normal;
    text-align: center;
}
.site-map .site-map-list {
    margin: 0;
    padding: 0;
    font-size: 16px;
    line-height: 1.5em;
}
.site-map .map-list-li {
    list-style: none;
}
.site-map .map-list-li+.map-list-li {
    margin-top: 20px;
}
.site-map .list-li-dl {
    margin: 0;
    padding: 0;
}
.site-map .list-dl-dt {
    padding: 0.75em var(--lpd);
    font-weight: bold;
    background: #f5f5f5;
}
.site-map .list-dl-dd {
    --mini-pad: 20px;
    display: flex;
    margin: 0;
    border: 1px solid #eeeeee;
    border-top: 0 none;
    padding: 20px var(--mini-pad);
    flex-wrap: wrap;
}
.site-map .list-dl-dd a {
    margin: 0.3em calc(var(--lpd) - var(--mini-pad));
}
@media (max-width: 1200px) {
    .site-map {
        --lpd: 15px;
        --w: 768px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .site-map .site-map-border {
        padding: 0 15px 15px;
    }
    .site-map .site-map-title {
        font-size: 17px;
        margin: 15px 0;
    }
    .site-map .site-map-list {
        font-size: 14px;
    }
    .site-map .map-list-li+.map-list-li {
        margin-top: 15px;
    }
    .site-map .list-dl-dt {
        padding: 0.7em var(--lpd);
    }
    .site-map .list-dl-dd {
        --mini-pad: 10px;
        padding: 13px var(--mini-pad);
    }
    .site-map .list-dl-dd a {
        margin: 0.2em calc(var(--lpd) - var(--mini-pad));
    }
}
.bigSwiper img {
    text-align: center;
    margin: 0 auto;
    width: 100%;
}
.inner-about {
    background: url(../images/good6.jpg) no-repeat center / cover fixed;
}
/* 关于我们 */

.about-main {
    padding-bottom: 60px;
}
.module {
    background: #fff;
}
.module .pic {
    width: 100%;
    height: 550px;
}
.module1 .pic {
    background: url("../images/about-channel1.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.module2 .pic {
    background: url("../images/about-channel4.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.module3 .pic {
    background: url("../images/about-channel3.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.module4 .pic {
    background: url("../images/about-channel5.png");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.module5 .pic {
    background: url("../images/good7.jpg");
    background-repeat: no-repeat;
    background-size: cover;
    background-attachment: fixed;
    background-position: center center;
}
.module .pic .line {
    width: 500px;
    height: 1px;
    background: rgba(255, 255, 255, 0.5);
    position: relative;
    top: 50%;
    margin-right: 15px;
}
.module .pic .title {
    height: 100%;
}
.module .pic .title h2 {
    font-size: 43px;
    color: #fff;
    line-height: 1.256;
}
.module .pic .title p {
    font-size: 26px;
    color: #fff;
    line-height: 1.562;
}
.module .txt {
    padding: 100px 0px 100px;
    color: #fff;
}
.module .txt .box {
    width: 100%
}
.module .txt .box p {
    font-size: var(--fs20);
    color: #fff;
    line-height: 2;
}
.module .txt .box a {
    font-size: 13px;
    color: #fff;
    text-decoration: underline;
    line-height: 2.154;
    padding: 5px 0px;
    margin-top: 30px;
    display: block;
    float: left;
    border-radius: 3px;
}
.module .txt .box a span {
    font-family: initial;
}
.module .txt .box a:hover {
    padding: 5px 20px;
    background: #8fc31f;
    color: #fff;
    text-decoration: none;
}
.about-banner {
    width: 100%;
    height: 320px;
}
.about-con {
    margin-top: 0px;
    padding-bottom: 100px;
}
.about-con h2 {
    font-size: 29px;
    color: #97d01b;
    line-height: 0.793;
}
.about-con p {
    font-size: 28px;
    color: #97d01b;
    line-height: 1.929;
    margin-bottom: 10px;
}
.about-con .info {}
.about-con .structure_pic {
    padding: 30px 0;
}
.about-con .structure_pic img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.about-con .info .txt {
    width: 100%;
}
.about-con .info .txt p {
    font-size: 16px;
    color: #666;
    line-height: 1.643;
    margin-bottom: 25px;
}
.about-con .info .pic {
    width: 100%;
    height: auto;
    position: relative;
    margin-top: 40px;
}
.about-con .info .pic img {
    width: 100%;
    height: 100%;
}
.about-con .info .pic .show {
    position: absolute;
    top: -75px;
    left: -105px;
    display: none;
}
.about-con .info .pic .show h2 {
    font-size: 142px;
    font-weight: bold;
    color: #97d01b;
    font-family: "Century Gothic";
    position: relative;
    display: inline-block;
    margin-bottom: 20px;
}
.about-con .info .pic .show h2 sup {
    font-size: 50px;
    font-weight: bold;
    float: right;
}
.about-con .info .pic .show p {
    height: 30px;
    background: #97d01b;
    line-height: 30px;
    padding: 0px 10px;
    font-size: 14px;
    color: #fff;
}
/*胶合板详情页*/

.newPro-main {
    width: 100%;
    overflow: hidden;
}
.newPro-main .container {
    width: 1186px;
    margin: 0 auto;
}
.newPro-banner {
    width: 100%;
    height: 770px;
    background: url('../images/plywood_bg.jpg') no-repeat center center;
    overflow: hidden;
}
.newPro-banner .main {
    padding-top: 280px;
}
.newPro-banner .title {
    font-size: 44px;
    font-weight: bold;
    line-height: 62px;
}
.newPro-banner .txt {
    font-size: 52px;
    color: #333;
    line-height: 70px;
    margin-bottom: 22px;
}
.newPro-line {
    margin: 0 auto;
    width: 92px;
}
.newPro-line .line1 {
    width: 67px;
    float: left;
    height: 5px;
    border-radius: 2px;
    background: #006e47;
}
.newPro-line .line2 {
    width: 19px;
    float: right;
    height: 5px;
    border-radius: 2px;
    background: #006e47;
}
.newPro-banner .newPro-line {
    width: 220px;
    margin-left: 0;
}
.newPro-banner .newPro-line .line1 {
    width: 175px;
    height: 8px;
    border-radius: 4px;
}
.newPro-banner .newPro-line .line2 {
    width: 38px;
    height: 8px;
    border-radius: 4px;
}
.newPro-banner .list {
    margin-top: 53px;
}
.newPro-banner .list li {
    float: left;
    margin-right: 48px;
    text-align: center;
}
.newPro-banner .list li .icon {
    width: 70px;
    height: 70px;
    border: 2px solid #3e3e3e;
    border-radius: 22px;
    overflow: hidden;
    margin: 0 auto;
    position: static;
}
.newPro-banner .list li img {
    display: block;
    width: 100%;
    height: 70px;
}
.newPro-banner .list li p {
    font-size: 16px;
    color: #333;
    line-height: 36px;
}
.newPro-data {
    padding-top: 125px;
    position: relative;
    z-index: 10;
}
.newPro-top .title {
    font-size: 30px;
    color: #333;
    line-height: 50px;
    margin-bottom: 6px;
    text-align: center;
}
.newPro-top .en {
    font-size: 13px;
    color: #333;
    line-height: 30px;
    margin-top: 5px;
    text-align: center;
}
.data-tb {
    margin-top: 30px;
}
.data-tb table td {
    background: #f2f2f2;
    border: 5px solid #fff;
    font-size: 18px;
    color: #333;
    line-height: 56px;
    box-sizing: border-box;
    text-align: center;
}
.data-tb table td.name {
    background: #006e47;
    color: #fff;
    width: 140px;
}
.data-tb table td.long {
    width: 775px;
    padding-left: 10px;
    text-align: left;
}
.data-tb table td.last {
    padding-left: 10px;
    text-align: left;
}
.newPro-characteristic {
    margin: 142px auto -60px;
    width: 635px;
    height: 89px;
    border-radius: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 30px;
    color: #fff;
    line-height: 89px;
    text-align: center;
}
.core-tb table td, .core-tb table td.long {
    width: 415px;
    text-align: left;
    padding-left: 20px;
}
.core-tb table td.name {
    width: 140px;
}
.data-tb table td.last {
    padding-left: 10px;
    text-align: left;
}
.newPro-characteristic {
    margin: 142px auto -60px;
    width: 635px;
    height: 89px;
    border-radius: 60px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    font-size: 30px;
    color: #fff;
    line-height: 89px;
    text-align: center;
}
.newPro-material {
    background: #f9f9f9;
    padding: 150px 0 125px;
}
.newPro-power {
    background-image: url('../images/power_bg.jpg');
    background-position: center 165px;
    background-repeat: no-repeat;
}
.newPro-num {
    font-size: 62px;
    color: #333;
    line-height: 64px;
    text-align: center;
    margin-bottom: 12px;
    font-family: "FZLanTingHeiS-UL-GB";
}
.newPro-txt {
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 42px;
}
.newPro-box {
    margin: 30px auto 0;
    width: 780px;
}
.newPro-box .item {
    width: 33.33%;
    text-align: center;
    position: relative;
    float: left
}
.newPro-box .item:after {
    position: absolute;
    content: '';
    width: 1px;
    height: 60px;
    top: 16px;
    right: 0;
    background: #797979;
}
.newPro-box .item:last-child:after {
    display: none;
}
.newPro-box .item img {}
.newPro-box .item p {
    font-size: 18px;
    color: #333;
    margin-top: 10px;
}
.newPro-pic img {
    display: block;
    max-width: 100%;
    margin: 0 auto;
}
.newPro-material .newPro-txt {
    margin-top: 38px;
}
.newPro-material .newPro-pic {
    margin-top: 42px;
}
.newPro-green {
    padding: 140px 0 150px;
}
.newPro-green .newPro-box {
    width: 500px;
}
.newPro-green .newPro-box .item {
    width: 50%;
}
.newPro-green .newPro-txt {
    margin-top: 38px;
}
.newPro-pic {
    margin-top: 50px;
}
.newPro-txt1 {
    text-align: center;
    font-size: 32px;
    color: #333;
    margin-top: 80px;
    font-weight: bold;
}
.newPro-txt2 {
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 42px;
    margin-top: 20px;
}
.newPro-cd {
    margin-top: 20px;
}
.newPro-cd .item {
    width: 31.33%;
    padding: 12px;
    box-sizing: border-box;
    height: 606px;
    background: #EEEEEE;
    margin-right: 34px;
    float: left
}
.newPro-cd .item:last-child {
    margin-right: 0;
}
.newPro-cd .item .img {
    width: 100%;
    height: 390px;
    background-repeat: no-repeat;
    background-size: 100%
}
.newPro-cd .item .tit {
    text-align: center;
    font-size: 22px;
    color: #333;
    line-height: 32px;
    margin-top: 30px;
}
.newPro-cd .item .tit1 {
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 32px;
    margin-top: 15px;
    padding: 0 20px;
}
.newPro-cd .item p {
    font-size: 22px;
    color: #333;
    font-weight: bold;
}
.newPro-variety {
    padding: 0px 0 0px;
    background: #FFF;
}
.newPro-variety .newPro-txt {
    margin-top: 38px;
}
.newPro-five {
    padding: 60px 0 100px;
}
.newPro-five .boxs {
    margin-top: 90px;
}
.newPro-five .boxs .item {
    margin-right: 45px;
    height: 340px;
    line-height: 340px;
}
.newPro-five .boxs .item1 {
    width: 220px;
}
.newPro-five .boxs .item2 {
    width: 300px;
}
.newPro-five .item:last-child {
    margin-right: 0;
}
.newPro-five .boxs img {
    max-width: 100%;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.2);
}
.newPro-security {
    padding: 138px 0 170px;
    background: #F9F9F9;
}
.newPro-security .main {
    padding-top: 65px;
}
.newPro-security .newPro-pic {
    width: 556px;
    float: left;
    margin-top: 0;
}
.newPro-security .txt {
    float: right;
    width: 590px;
    padding-top: 34px;
}
.newPro-security .txt p {
    font-size: 20px;
    color: #333;
    line-height: 38px;
}
.newPro-security .txt .notice {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    line-height: 42px;
    margin: 33px 0 6px;
}
.newPro-security .txt .notice span {
    font-size: 13px;
    font-weight: normal;
}
/*家具板*/

.jiajuban {
    background: url('../images/jiajuban.jpg') no-repeat center center;
}
/*木皮*/

.mupi {
    background: url('../images/mupi.jpg') no-repeat center center;
}
article section {
    padding: 100px 0;
}
article .product-box2 {
    text-align: center;
    margin: 0 auto;
    width: 90%;
}
article section {
    width: 100%;
    display: block;
    overflow: hidden;
}
article .pro-flex {
    margin: 0 auto;
    justify-content: center;
    align-items: center;
    text-align: center;
}
article .main1-width {
    width: 50%;
    padding: 0 5%;
    float: left;
}
article h1, article h4 {
    font-size: 40px;
    line-height: 50px;
}
article h1, article h4, article span, .casebg h4, .casebg span {
    color: #006e47;
    text-align: center;
    text-transform: uppercase;
}
article h1+span, article h4+span {
    font-weight: 200;
    display: block;
}
article h1+span, .casebg span {
    font-size: 24px;
    margin-top: 10px;
}
article h4+span {
    font-size: 16px;
    margin-top: 27px;
    margin-bottom: 42px;
}
article p {
    font-size: var(--fs22);
    font-weight: 200;
    color: #4c4b4b;
    line-height: var(--fs32);
    text-align: center;
}
article .main1-width>p {
    text-indent: 2.3em;
    margin: 10% auto;
    text-align: left;
}
article .ico-flex {
    display: flex;
    justify-content: space-evenly;
    margin-top: 50px;
}
article .title_xian {
    width: 80px;
    height: 2px;
    background: #006e47;
    margin: 0 auto 46px;
}
article .iframe {
    width: 80%;
    height: 60vh;
    border: none;
    overflow: hidden;
    display: block;
    margin: 0 auto;
}
.part-color * {
    color: white;
}
.part-color .title_xian {
    background: white;
}
/* 产品专题页案例轮播 */

.casebg {
    background: #fff;
}
.sg-center {
    padding: 0 15%;
}
.banner2 {
    width: 100%;
    height: 40vw;
    position: relative;
    /* border: 1px solid red; */
    margin: 50px auto 0;
}
.banner2 .wrap {
    width: 100%;
}
.banner2 .wrap .item {
    width: 100%;
}
/*.item img {
    width: 100%;
    height: 100%;
    vertical-align: top;
    position: absolute;
}*/
.div1 {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translatey(-50%);
    cursor: pointer;
    width: 41px;
    height: 69px;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    color: #D6D8D4;
    background-color: rgba(0, 0, 0, 0.3);
}
.div2 {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translatey(-50%);
    cursor: pointer;
    width: 41px;
    height: 69px;
    font-size: 30px;
    line-height: 70px;
    text-align: center;
    color: #D6D8D4;
    background-color: rgba(0, 0, 0, 0.3);
}
.pagenation {
    position: absolute;
    /* border: 1px solid red; */
    left: 50%;
    transform: translateX(-50%);
    display: flex;
    bottom: 40px;
}
.pagenation>div {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: white;
    margin-right: 10px;
    cursor: pointer;
}
.pagenation>div:last-child {
    margin-right: 0;
}
/* 案例轮播结束 */

@media (max-width: 800px) {
    .wap img {
        width: 100%;
    }
    .huaselunbo {
        height: 400px;
        overflow: hidden;
    }
    article .iframe {
        height: 100vw;
        width: 100vw;
    }
    article section {
        padding: 50px 0;
    }
    article h4 {
        font-size: 25px;
    }
    .casebg {
        background: #f8f8f8;
    }
    .banner2 {
        width: 100%;
        position: relative;
        margin: 30px auto 0;
    }
}
@media (min-width: 1500px) {
    .pro-flex, .product-box2 {
        width: 80%;
    }
    article .main1-width {
        padding: 0 3%;
    }
}
@media (max-width: 1200px) {
    article .main1-width {
        width: 100%;
    }
}
/*基材*/

.jicai {
    background: url('../images/jicai.jpg') no-repeat center center;
}
[data-animation] {
    opacity: 0;
}
[data-animation].animated {
    opacity: 1;
}
.ximu-part3 .right {
    color: #bc1717;
    width: 50%;
    text-align: center;
}
.ximu-part3 .right h5 {
    font-size: 34px;
}
.ximu-part3 .right p {
    font-size: 24px;
    font-weight: 200;
}
.ximu-part3 .right span {
    font-size: 16px;
    color: #9b9b9b;
    margin: 10px auto 40px;
    display: block;
}
.pro_line2 {
    width: 140px;
    border-bottom: 1px solid #bc1717;
    margin: 20px auto 50px;
}
.ximu-part3 {
    background: #f7f7f7 url(../images/ximu-005.png) no-repeat center;
}
.ximu-part5 {
    background: url(../images/good9.jpg) no-repeat center;
    text-align: center;
}
.ximu-part4 {
    padding: 0;
    overflow: hidden;
    transition: all 6s;
    background: #d0d0d0;
}
.ximu-part4 .shang {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-end;
    justify-content: flex-start;
}
.ximu-part4 .content {
    text-align: center;
    padding-bottom: 100px;
}
.ximu-part4 .content h4 img {
    position: absolute;
    top: -20px;
    width: 45px;
}
.ximu-part6 {
    background: url(../images/good7.jpg) no-repeat;
    max-height: 800px;
}
.ximu-part6 ul li {
    font-size: 22px;
    line-height: 80px;
    vertical-align: middle;
    color: #ffffff;
    width: 15%;
    transition: All 0.6s ease-in-out;
    background: url(../images/ximu-014.png) no-repeat center;
}
.ximu-part6 ul li:hover {
    transform: rotate(360deg);
}
.ximu-part6 ul {
    margin: 0 auto 45px;
    display: flex;
    justify-content: center;
}
.ximu-part6 p {
    color: white;
}
@media (min-width: 1500px) {
    .ximu-part3, .ximu-part5, .ximu-part6 {
        background-size: 100%;
        background-position: inherit;
    }
    .ximu-part3:hover, .ximu-part5:hover, .ximu-part6:hover {
        background-size: 110%;
        -webkit-transition: background-size 15s linear;
        transition: background-size 15s linear;
    }
    .shang1 {
        transition: all 3s;
        transform: translateY(-150px) translateX(-150px);
    }
    .shang2 {
        transition: all 3s;
        transform: translateY(100px) translateX(100px);
    }
    .shang:hover .shang1 {
        transform: translateY(0px)translateX(0px);
        transition: 3s ease-in-out;
    }
    .shang:hover .shang2 {
        transform: translateY(0px)translateX(-50px);
        transition: 3s ease-in-out;
    }
    .ximu-part6 {
        max-height: 800px;
    }
}






/*基材*/

.zhizhang {
    background: url('../images/zhizhang.jpg') no-repeat center center;
}




/*家装*/

.jiazhuang {
    background: url('../images/jiazhuang.jpg') no-repeat center center;
}




#m2{position: relative; z-index: 2; background: #fff;}

#m2 .list{width: 100%; height: calc(100vh); /*background: #eee url('../images/probg1.jpg') no-repeat center/cover; 

*/position: relative; }
#m2 .list .pbg1{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  transition: all .65s ease; z-index: 2}
#m2 .list .s0{background:  url('../images/bigimg1.jpg') no-repeat center/cover; transition: 1s; z-index: 2}
#m2 .list .s1{background:  url('../images/bigimg2.jpg') no-repeat center/cover;transition: 1s;z-index: 2}
#m2 .list .s2{background:  url('../images/bigimg3.jpg') no-repeat center/cover;transition: 1s;z-index: 2}
#m2 .list .s3{background:  url('../images/bigimg4.jpg') no-repeat center/cover;transition: 1s;z-index: 2}
#m2 .list .active{opacity: 1;}
#m2 .list .item{width: 33.33%; height: 100%; position: relative; border-right: 1px solid #e9e9e9; box-sizing: border-box; 

z-index: 2; text-align: center; transition: all .55s;}
#m2 .list:hover .item,#m2 .list:hover .item.on{border-right: 1px solid rgba(255,255,255, .5); color: #fff}
#m2 .list .item:last-child{border-right: 0px none;}
#m2 .list .item .pbg{width: 100%; height: 100%; position: absolute; background: linear-gradient(#000, #333); opacity: 

0; transition: all .4s; z-index: 1}
#m2 .list .item:hover .pbg{opacity: .5;}
#m2 .list .item:hover .tit,#m2 .list .item:hover .desc{ color: #fff }



@media (max-width:1439px){ /*1366*/
  #m2 .tit-container .desc{font-size: 1.6rem;}
}

#m2 .list .wrapper{display: flex; height: 100%; position: relative;}
#m2 .list .box{position: relative; z-index: 2; top: 25%; transition: all .35s;}
#m2 .list .wrapper .active{top: 20%;}
#m2 .list .item i{font-size: 10rem; background: linear-gradient(#fb5483, #4488fa); -webkit-background-clip: text; color: 

transparent; transition: all .35s;}
#m2 .list .item i.icon-buildings_tower-{font-size: 9.6rem;}
#m2 .list .item i.icon-taiyangnengdianchi{font-size: 9.4rem;}
#m2 .list .item i.icon-ditie{font-size: 9.6rem;}
#m2 .list .item .active i{color: #fff;}
#m2 .list .item .tit{font-size: 0.4rem; color: #fff; margin-top: 32px; transition: all .35s; font-weight: bold;}
#m2 .list .item .active .tit{color: #fff; font-size: 4rem;}
#m2 .list .item .desc{font-size: 0.18rem; color: #fff; line-height: 1.6; height: 50px; transition: all .35s; max-width: 

350px; margin: 28px auto auto auto;}
#m2 .list .item .active .desc{color: rgba(255,255,255,.8);}
#m2 .list .item .more{margin: 50px; border: 1px solid #d3d3d3; font-size:0.1rem; padding: 15px 35px; 
  display: inline-block; border-radius: 50px; color: #999; transition: all .28s;}
#m2 .list:hover .more{opacity: .7; background: #fff; color: #666; border: 1px solid #fff;}
#m2 .list .active .more{opacity: .7; background: #fff; color: #666; margin-top: 110px; border: 1px solid #fff;}
#m2 .list .item .more:hover{opacity: 1; color: #5f8cec;}

@media (max-width:1679px){ /*1440*/
  #m2 .list .item i{font-size: 9rem;}
  #m2 .list .item i.icon-buildings_tower-{font-size: 8.6rem;}
  #m2 .list .item i.icon-taiyangnengdianchi{font-size: 8.4rem;}
  #m2 .list .item i.icon-ditie{font-size: 8.6rem;}
  #m2 .list .item .tit{font-size: 0.3rem;}
  #m2 .list .item .active .tit{font-size: 0.2rem;}
  #m2 .list .item .desc{font-size: 0.15rem;}
}
@media (max-width:1439px){ /*1366*/
  #m2 .list .item i{font-size: 8.6rem;}
  #m2 .list .item i.icon-buildings_tower-{font-size: 8.2rem;}
  #m2 .list .item i.icon-taiyangnengdianchi{font-size: 8rem;}
  #m2 .list .item i.icon-ditie{font-size:0.8rem;}
  #m2 .list .item .active .tit{font-size: 0.3rem;}
  #m2 .list .item .desc{font-size: 0.14rem;}

  #m2 .list .item .tit{font-size: 0.26rem; margin-top: 10px;}
  #m2 .list .item .active .tit{font-size:0.3rem;}
  #m2 .list .item .box .desc{font-size:0.14rem; max-width: 90%; margin: 20px auto auto auto;}

  #m2 .list .item .more{margin: 40px; font-size: 0.14rem; padding: 13px 32px;}
  #m2 .list>.pbg{display: none;}
}
@media (max-width:1365px){ /*1280*/
  #m2 .list .item .tit{font-size:0.4rem;}
  #m2 .list .item .active .tit{font-size: 0.27rem;}
  #m2 .list .item .desc{font-size: 0.13rem; padding: 0 10px;}
}
@media (max-width:1279px){ /*MP*/
  #m2 .tit-container{background: #111 url('../images/probg1.jpg') no-repeat center/cover; padding: 50px 0 55px 0;}
  #m2 .tit-container .desc{padding: 0 15px;}

  #m2 .list .item:hover .pbg{opacity: 0;}
  #m2 .list .item.active .pbg{opacity: .75;}

  #m2 .list{height: auto; background: none;}
  #m2 .list .wrapper{display: block; height: auto;}
  #m2 .list .item{width: 100%; height: auto; border-right: 0px none; border-bottom: 1px solid #eee;}
  #m2 .list .box{top: 0; padding: 30px 15px;}
  #m2 .list .item i{font-size: 6.6rem;}
  #m2 .list .item i.icon-buildings_tower-{font-size: 5.6rem;}
  #m2 .list .item i.icon-taiyangnengdianchi{font-size: 5.4rem;}
  #m2 .list .item i.icon-ditie{font-size: 5.6rem;}
  #m2 .list:hover .more{opacity: 1; background: unset; color: #999; border: 1px solid #d3d3d3;}
  #m2 .list .item.active .more{opacity: .7; background: #000; color: #666; border: 1px solid #fff;}
#m2 .list .item .pbg{width: 100%; height: 100%; position: absolute; background: linear-gradient(#006db8, #004e84); opacity: 

0; transition: all .4s;}
#m2 .list .item:hover .pbg{opacity: .5;}
#m2 .list .item:hover .tit,#m2 .list .item:hover .desc{ color: #fff }
#m2 .list:hover .item .more{ color: #fff }


}











/*细木工板*/

.thinwood {
    background: url('../images/thinwood_bg.jpg') no-repeat center center;
}
.thin-green .newPro-cd .item .tit1 {
    font-size: 18px;
    line-height: 28px;
}
.thin-green .newPro-cd .item .tit {
    margin-top: 20px;
}
.thin-five {
    padding: 60px 0 0px;
}
.thin-five .boxs {
    width: 500px;
    margin: 0 auto;
}
.thin-five .newPro-txt {
    margin: 35px 0 30px;
}
.chuquan.newPro-banner .list li .icon {
    border: none;
    border-radius: 0px
}
.chuquan.newPro-banner {
    background: url(../images/plywood1/noaldehyde_bg.jpg) no-repeat center center;
    background-size: cover;
}
.chuq1_pic {
    width: 100%;
    text-align: center;
    margin-top: 60px;
}
.chuq1_pic .title {
    font-size: 24px;
    font-weight: bold;
    color: #333;
}
.chuq1_pic img {
    max-width: 100%;
}
.chuq1_pic .box {
    position: relative;
    z-index: -1;
}
.chuq1_pic .box .item {
    display: inline-block;
    text-align: left;
    padding: 35px 28px;
    border: 1px solid #A7A7A7;
    margin: -20px 15px 0;
}
.chuq1_pic .box .item .tit {
    font-size: 22px;
    font-weight: bold;
    color: #333;
    line-height: 20px;
    margin-bottom: 10px;
}
.chuq1_pic .box .item p {
    font-size: 20px;
    color: #333;
    line-height: 32px;
}
.chuq1_pic .endbox {
    padding: 30px 50px 45px;
    background: #fff;
    margin-top: 75px;
}
.chuq1_pic .endbox .lf {
    width: 43%;
}
.chuq1_pic .endbox .lf .tit {
    font-size: 24px;
    color: #333;
    line-height: 32px;
    font-weight: bold;
    margin-top: 5px;
}
.chuq1_pic .endbox .lf p {
    font-size: 20px;
    color: #333;
    line-height: 32px;
}
.chuq1_pic .endbox .lf img {
    max-width: 100%;
}
.chuq1_pic .endbox .lr {
    width: 53%;
}
.chuq1_pic .endbox .lr .row {
    margin: 12px 0;
    display: flex;
}
.chuq1_pic .endbox .lr img {
    max-width: 100%;
    width: 50px;
    height: 30px;
}
.chuq1_pic .endbox .lr .tit {
    margin-left: 14px;
    font-size: 24px;
    color: #888;
    line-height: 32px;
    font-weight: bold;
    white-space: nowrap;
}
.chuq1_pic .endbox .lr p {
    font-size: 20px;
    color: #8B8B8B;
    line-height: 32px;
    margin-left: 30px;
    text-align: left;
}
.chuq2_pic {
    margin-top: 60px;
}
.chuq2_pic .box1 {}
.chuq2_pic .box1 .pic {
    width: 56.5%;
}
.chuq2_pic .box1 .pic img {
    max-width: 100%;
}
.chuq2_pic .box1 p {
    width: 43.5%;
    font-size: 20px;
    color: #333;
    line-height: 42px;
    padding: 50px 0 0 38px;
}
.chuq2_pic .box2 {
    padding: 70px 0 30px;
    text-align: center;
    font-size: 24px;
    color: #333;
}
.chuq2_pic .box3 {}
.chuq2_pic .box3 .item {
    margin-right: 25px;
    float: left;
    width: 96px;
    font-size: 16px;
    color: #333;
    text-align: center;
}
.chuq2_pic .box3 .item:last-child {
    margin-right: 0;
}
.chuq2_pic .box3 .item img {
    margin-bottom: 10px;
}
.chuq3_tit {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    text-align: center;
    margin-top: 48px;
}
.chuq4_pic {
    text-align: center;
    margin-top: 42px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.chuq4_pic .box1 {
    width: 450px;
    margin: 0 20px;
    text-align: left;
    display: inline-block;
}
.chuq4_pic .box1 .tit1 {
    font-size: 20px;
    color: #333;
}
.chuq4_pic .box1 .tit2 {
    font-size: 26px;
    color: #333;
    font-weight: bold;
    margin: 20px 0;
}
.chuq4_pic .box1 .tit3 {
    font-size: 20px;
    color: #333;
}
.chuq4_pic .box1 .tit3 img {
    margin-left: 10px;
}
.chuq4_pic .pic {
    width: 220px;
    display: inline-block;
    margin: 0 20px;
    text-align: center;
}
.chuq4_pic .pic img {
    max-width: 100%;
    display: block;
}
.newPro-img {
    width: 448px;
    margin-left: auto;
    margin-right: auto;
}
.newPro-img img {
    display: block;
    width: 100%;
}
.newPro-material .newPro-txt span {
    font-size: 13px;
}
.newPro-dobule {
    background: url('../images/dobule_bg1.jpg') no-repeat center top #fff;
    padding: 107px 0 60px;
}
.newPro-dobule .newPro-img {
    width: 495px;
}
.newPro-dobule .newPro-l-img {
    width: 592px;
}
.newPro-nfour {
    padding: 50px 0 160px;
}
.mrt50 {
    margin-top: 50px;
}
.mrt55 {
    margin-top: 55px;
}
.mrt60 {
    margin-top: 60px;
}
.mrt140 {
    margin-top: 140px;
}
.chuq-m-list {
    margin-top: 40px;
}
.chuq-m-list li {
    width: 383px;
    height: 530px;
    background: #fff;
    float: left;
    margin-right: 17px;
    box-sizing: border-box;
    padding: 9px 7px 0 8px;
}
.chuq-m-list li:last-child {
    margin-right: 0;
}
.chuq-m-list li img {
    display: block;
    width: 100%;
}
.chuq-m-list li h5 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    line-height: 42px;
    text-align: center;
    margin-top: 22px;
}
.chuq-m-list li .txt {
    font-size: 18px;
    color: #333;
    line-height: 31px;
    margin: 5px 9px 0 5px;
}
.chuq-n-list {
    margin-top: 38px;
}
.chuq-n-list li {
    float: left;
    width: 50%;
    text-align: center;
    padding: 0 .2rem;
}
.chuq-n-list li .img {
    width: 273px;
    margin: 0 auto 22px;
}
.chuq-n-list li .img img {
    display: block;
    width: 100%;
}
.chuq-n-list li h5 {
    font-size: 22px;
    color: #333;
    font-weight: bold;
    line-height: 42px;
    margin-bottom: 5px;
}
.chuq-n-list li .txt {
    font-size: 20px;
    color: #333;
    line-height: 31px;
    text-align: center;
}
.chuq-f-list {
    margin-top: 40px;
    display: flex;
}
.chuq-f-list .item {
    text-align: center;
}
.chuq-f-list .item img {
    display: block;
    margin: 0 auto;
}
.chuq-f-list .item p {
    font-size: 16px;
    color: #313131;
    line-height: 26px;
}
.newPro-banner.fangz {
    background: url(../images/plywood1/fangz_bg.jpg) no-repeat center center;
    background-size: cover;
}
.newPro-power.fz-con2 {
    background: url(../images/plywood1/fangz2-bg.jpg) no-repeat center center;
    background-size: cover;
}
.fz3_pic {
    margin-top: 20px;
}
.fz3_pic .box1 {}
.fz3_pic .box1 .pic {
    width: 50%;
    text-align: right;
    padding-right: 66px;
}
.fz3_pic .box1 .pic img {
    max-width: 100%;
}
.fz3_pic .box1 p {
    width: 50%;
    font-size: 18px;
    color: #333;
    line-height: 42px;
    padding: 85px 140px 0 32px;
}
.newPro-banner.true {
    background: url(../images/plywood1/true_bg.jpg) no-repeat center center;
    background-size: cover;
}
.core-tb.true_tab table td.long {
    width: 525px;
}
.newPro-banner.true .title {
    display: flex;
    align-items: center;
}
.true3_con.container {
    padding: 0 62px;
    margin: 30px auto 0;
}
.true3_con .swiper-slide {
    background: #fff;
    padding: 15px 15px 0;
}
.true3_con .img {
    width: 100%;
    height: 300px;
}
.true3_con .tit {
    font-size: 20px;
    color: #333;
    margin: 20px 0 10px 0;
    font-weight: bold;
    text-align: center;
}
.true3_con p {
    font-size: 15px;
    color: #333;
    line-height: 28px;
    min-height: 125px;
}
.true3_con p span {
    font-size: 12px;
}
.true3_con .swiper-pagination-bullet {
    background: #ccc;
    opacity: 1;
}
.true3_con .swiper-pagination-bullet-active {
    background: #008C77;
}
.t3.newPro-power {
    background: #F9F9F9;
}
.newPro-green.true_van {
    background: url(../images/plywood1/true_van.jpg) no-repeat center center;
    background-size: cover;
}
.true2_pic {}
.true2_pic .box1 {
    margin: 120px 0 0 120px;
    width: 544px;
    text-align: right;
}
.true2_pic .box1 p {
    font-size: 18px;
    color: #333;
    line-height: 45px;
}
.true2_pic .box1 p:nth-child(2) {
    padding-right: 30px;
}
.true2_pic .box1 p:nth-child(3) {
    padding-right: 60px;
}
.true2_pic .box1 p:nth-child(4) {
    padding-right: 90px;
}
.true2_pic .box2 {
    margin: 20px 0 0 120px;
    width: 650px;
    height: 120px;
    position: relative;
    border-right: 2px solid #333;
    border-top: 2px solid #333;
}
.true2_pic .box2:after {
    width: 14px;
    height: 14px;
    background: #333;
    position: absolute;
    right: -7px;
    bottom: -7px;
    content: '';
    border-radius: 100%;
}
.fz3_con {
    width: 1118px;
    margin: 60px auto 0;
    position: relative;
}
.fz3_con img {
    max-width: 100%;
}
.fz3_con .con {
    position: absolute;
    top: 0;
    left: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 50%;
    height: 100%;
    flex-direction: column;
}
.fz3_con .con p {
    font-size: 18px;
    color: #333;
    line-height: 42px;
}
.fz3.newPro-variety {
    background: #fff;
}
.tg4_con {
    background: url(../images/plywood1/true_img7.jpg) no-repeat center center;
    background-size: cover;
    width: 100%;
    height: 932px;
    padding-top: 110px;
}
.trueg4 {
    padding: 0 0 130px;
    background: #F9F9F9;
}
.tg4_tit {
    margin-top: 50px;
    font-size: 20px;
    color: #fff;
    line-height: 38px;
    text-align: center;
}
.trueg4 .newPro-num {
    color: #fff;
}
.tg4_pic {
    margin-top: 40px;
    text-align: center;
}
.tg4_pic img {
    max-width: 100%;
}
.trueg4 .newPro-top .title {
    color: #fff;
}
.trueg4 .newPro-top .en {
    color: #fff;
}
.trueg4 .newPro-line .line1, .trueg4 .newPro-line .line2 {
    background: #fff;
}
.tg4_lb.container {
    margin-top: -218px;
}
.tg4_lb .swiper-slide {
    width: 100%;
    height: 718px;
}
.tg4_lb .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    opacity: 1;
    background: transparent;
    border: 2px solid #fff;
}
.tg4_lb .swiper-pagination-bullet-active {
    background: #fff;
}
.tg4_lb .swiper-button-prev, .tg4_lb .swiper-button-next {
    width: 64px;
    height: 64px;
    border-radius: 100%;
    background-color: rgba(255, 255, 255, 0.5);
    background-size: 24px;
}
.tg4_lb .swiper-button-prev {
    left: 40px;
}
.tg4_lb .swiper-button-next {
    right: 40px;
}
.tg4_lb .swiper-button-prev:hover, .tg4_lb .swiper-button-next:hover {
    background-color: rgba(0, 0, 0, 0.5);
}
.tg4_lb .swiper-pagination-bullets {
    bottom: 20px;
}
.tg4_tit1 {
    margin-top: 75px;
    font-size: 26px;
    color: #333;
    text-align: center;
}
.tg4_tit2 {
    margin-top: 16px;
    font-size: 20px;
    color: #333;
    line-height: 38px;
    text-align: center;
}
.tg4_box {
    margin-top: 56px;
}
.tg4_box .item {
    margin-right: 63px;
    float: left;
    width: 145px;
    font-size: 12px;
    color: #333;
    text-align: center;
}
.tg4_box .item:last-child {
    margin-right: 0;
}
.tg4_box .item img {
    margin-bottom: 20px;
}
.tg4_box .item .tit {
    font-size: 14px;
    margin-bottom: 5px;
}
.trueg5 {
    padding: 120px 0 200px;
}
.true5_pic {
    margin-top: 45px;
    text-align: center;
}
.true5_pic .tit {
    font-size: 18px;
    color: #333;
}
.true5_pic img {
    max-width: 100%;
    margin-top: 30px;
}
.newPro-banner.woodt {
    background: url(../images/plywood1/woodt_bg.jpg) no-repeat center center;
    background-size: cover;
}
.wt-con1 {
    background: #F9F9F9;
}
.wt-con2 {
    background: url(../images/plywood1/wt2_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 120px 0 160px;
}
.wt-con2 .newPro-num {
    color: #fff;
}
.wt-con2 .newPro-top .title, .wt-con2 .newPro-top .en {
    color: #fff;
}
.wt-con2 .newPro-line .line1, .wt-con2 .newPro-line .line2 {
    background: #fff;
}
.wt2_pic {
    margin-top: 195px;
}
.wt2_pic p {
    font-size: 20px;
    color: #fff;
    line-height: 40px;
}
.wt2_pic .line {
    width: 42px;
    height: 3px;
    background: #fff;
    margin-top: 27px;
}
.wt2_pic .con {
    width: 408px;
}
.wt3_pic {
    margin-top: 50px;
    text-align: center;
}
.wt3_pic img {
    max-width: 100%;
}
/* .wt3_pic img:nth-child(2){margin-top: 115px;} */

.wt3_pic img:nth-child(2) {
    margin-top: 70px;
}
.wt3_pic img:nth-child(3) {
    margin-top: 70px;
}
.wt3_pic img:nth-child(4) {
    margin-top: 70px;
}
.wt4_pic {
    text-align: center;
    margin-top: 100px;
}
.wt4_pic .item {
    display: inline-block;
    margin: 0 30px;
}
.wt4_pic .item img {}
.wt4_pic .item .tit1 {
    font-size: 22px;
    color: #fff;
    margin: 18px 0 5px;
}
.wt4_pic .item .tit2 {
    font-size: 12px;
    color: rgba(255, 255, 255, 0.8);
}
.wt4_con {
    background: url(../images/plywood1/wt4_bg.jpg) no-repeat center center;
    background-size: cover;
    padding: 120px 0 140px;
}
.wt4_con .newPro-num {
    color: #fff;
}
.wt4_con .newPro-top .title, .wt4_con .newPro-top .en {
    color: #fff;
}
.wt4_con .newPro-line .line1, .wt4_con .newPro-line .line2 {
    background: #fff;
}
.wt4_con .newPro-txt {
    color: #fff;
}
.wt5_con {
    padding: 120px 0 170px;
    background-color: rgb(249, 249, 249);
}
.new_main1_pic {
    width: 100%;
    display: block;
}
.star {
    display: flex;
    align-items: center;
    margin-top: 35px;
}
.star img {
    display: block;
    width: 106px;
    height: 90px;
    margin-right: 55px;
}
.star span {
    font-size: 24px;
    color: #FFFFFF;
}
.new_main1 {
    background: #F9F9F9;
    padding: 110px 0;
}
.new_main1 .container .newPro-txt {
    margin-top: 30px;
}
.new_main1_tit {
    text-align: center;
    font-weight: bold;
    color: #444444;
    font-size: 20px;
}
.wt5_txtle {
    text-align: center;
    font-size: 20px;
    color: #333;
    line-height: 42px;
}
.wt5_pic {
    text-align: center;
    margin-top: 50px;
}
.wt5_pic img {
    max-width: 100%;
}
.wt5_txtle {
    text-align: center;
    margin-top: 50px;
    font-size: 20px;
    color: #333;
    line-height: 42px;
}
.wt5_van {
    margin-top: 80px;
}
.wt5_van .tit {
    text-align: center;
    margin-top: 50px;
    font-size: 25px;
    color: #000;
    font-weight: bold;
}
.wt5_vs {
    padding: 0 110px;
    margin-top: 50px;
    position: relative;
}
.wt5_vs .item {
    width: 445px;
    text-align: center;
}
.wt5_vs .item img {
    max-width: 100%;
}
.wt5_vs .item .tit1 {
    margin-top: 35px;
    font-size: 20px;
    color: #333;
    font-weight: bold;
    margin-bottom: 30px;
}
.wt5_vs .item p {
    margin-bottom: 24px;
    font-size: 18px;
    color: #333;
    line-height: 30px;
    text-align: left;
    padding-right: 38px;
}
.wt5_vs .vsimg {
    position: absolute;
    top: 75px;
    left: 50%;
    margin-left: -48px;
}
.wt5_vs .item1 p {
    background: url(../images/plywood1/dui_icon.png) no-repeat center right;
}
.wt5_vs .item2 p {
    background: url(../images/plywood1/cuo_icon.png) no-repeat center right;
    color: #999;
}
.true3_con .swiper-pagination {
    display: none;
}
.ecoboard.newPro-banner {
    background: url(../images/eco_bg.jpg) no-repeat center center;
    background-size: cover;
}
.newPro-power.eb-con1 {
    background: url(../images/eb_con1_bg.jpg) no-repeat center center;
    background-size: cover;
}
.eb-con3 {
    padding: 120px 0 136px;
    background: #F9F9F9;
}
.eb_pic3 {
    padding: 0 60px;
    margin-top: 25px;
}
.eb_pic3 .row {
    margin-top: 40px;
}
.eb_pic3 .row .pic {}
.eb_pic3 .row img {
    max-width: 100%;
}
.eb_pic3 .row p {
    font-size: 20px;
    color: #333;
    line-height: 44px;
    padding-top: 16px;
}
.eb_pic3 .row .fl {
    width: 43%;
}
.eb_pic3 .row .fr {
    width: 53%;
}
.eb-con4 {
    padding: 120px 0 100px;
}
.eb_pic4 {
    margin-top: 50px;
}
.eb_pic4 .row {
    display: flex;
    align-items: center;
}
.eb_pic4 .row .pic {
    width: 53%;
}
.eb_pic4 .row img {
    max-width: 100%;
}
.eb_pic4 .row p {
    font-size: 20px;
    color: #333;
    line-height: 44px;
    padding-top: 16px;
    width: 47%;
    padding-left: 7%;
}
.eb_pic4_title {
    font-size: 25px;
    color: #333;
    text-align: center;
    margin: 80px 0 32px;
}
.eb-con4 .box {}
.eb-con4 .box .item {
    margin-right: 63px;
    float: left;
    width: 145px;
    font-size: 16px;
    color: #333;
    text-align: center;
    margin-bottom: 20px;
}
.eb-con4 .box .item:last-child {
    margin-right: 0;
}
.eb-con4 .box .item img {
    margin-bottom: 15px;
}
.eb-con2 {
    background: #fff;
}
.eb-con5 {
    padding: 120px 0 116px;
    background: #F9F9F9;
}
.eb_pic5 {
    margin-top: 64px;
    text-align: center;
}
.eb_pic5 .item {
    width: 225px;
    font-size: 20px;
    color: #333;
    text-align: center;
    display: inline-block;
    margin: 0 15px;
}
.eb_pic5 .item img {
    max-width: 100%;
    margin-bottom: 20px;
}
.eb-con5 .newPro-txt {
    margin-top: 30px;
}
.eb-con6 {
    background: #fff;
}
.eb-con7 {
    padding: 120px 0 100px;
}
.eb-con7 .list {
    display: flex;
    justify-content: space-between;
    margin-top: 60px;
}
.eb-con7 .list .item {
    width: 390px;
}
.eb-con7 .list .item .box {
    background: #f9f9f9;
    padding: 30px 25px 35px;
    margin-top: 20px;
    height: 700px;
    position: relative;
}
.eb-con7 .list .item .pic {
    width: 92px;
    position: absolute;
    right: 40px;
    top: -110px;
}
.eb-con7 .list .item .pic img {
    display: block;
    width: 100%;
}
.eb-con7 .list .item:nth-child(2) .box {
    background: #ebf4f1;
}
.eb-con7 .list .name {
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    color: #006e47;
    height: 60px;
}
.eb-con7 .list .name span {
    font-size: 12px;
    line-height: 30px;
}
.eb-con7 .list .item:first-child .name {
    padding-top: 30px;
}
.eb-con7 .list .txt {
    font-size: 20px;
    line-height: 38px;
    color: #333333;
    margin-bottom: 25px;
}
.eb-con7 .list .step {
    margin-bottom: 10px;
}
.eb-con7 .list .step:last-child {
    margin-bottom: 0;
}
.eb-con7 .list .sub-name {
    font-size: 18px;
    color: #9e9e9e;
    line-height: 36px;
}
.eb-con7 .list p {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}
.eb-con7 .list p span {
    font-size: 12px;
}
.veneer.newPro-banner {
    background: url(../images/tm_bg.jpg) no-repeat center center;
    background-size: cover;
}
.tm_con1 {
    background: url(../images/tm_con1_bg.jpg) no-repeat center center;
    background-size: cover;
}
.tm_con2 {
    background: url(../images/tm_con2_bg.jpg) no-repeat center center;
    background-size: cover;
}
.tm3_pic {
    margin-top: 50px;
    display: flex;
    align-items: center;
}
.tm3_pic img {
    margin-left: 7%;
    width: 27%;
    float: left;
}
.tm3_pic .box {
    width: 66%;
    padding-left: 50px;
    float: left;
}
.tm3_pic .box .tit {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    margin-bottom: 15px;
}
.tm3_pic .box p {
    font-size: 20px;
    color: #333;
    line-height: 38px;
}
.tm4_pic {
    width: 100%;
    text-align: center;
}
.tm4_pic .item {
    max-width: 190px;
    margin: 0 30px;
    display: inline-block;
}
.tm4_pic .item img {
    max-width: 100%;
}
.tm5_tit {
    font-size: 22px;
    color: #333;
    text-align: center;
    margin: 45px 0 30px;
    font-weight: bold;
}
.tm5_pic {
    width: 100%;
    text-align: center;
}
.tm5_pic .item {
    max-width: 205px;
    margin: 0 18px;
    display: inline-block;
    font-size: 17px;
    color: #333;
}
.tm5_pic .item img {
    max-width: 100%;
    margin-bottom: 25px;
}
.tm_con5 {
    background: #F9F9F9;
}
.tm_con6 {
    background: #fff;
}
/*桃乐丝系列*/

.doris_sys .d-title {
    font-size: 18px;
    line-height: 28px;
}
.doris_sys .d-txt {
    font-size: 16px;
    line-height: 26px;
    margin-top: 20px;
}
.doris_sys .d-txt:before, .doris_sys .d-txt:after {
    display: none;
}
.doris_sys .d-list li p, .doris_sys .d-list li .l-en {
    padding: 0 40px;
}
.doris_sys .design-item {
    padding: 87px 0;
}
.doris_sys .s-list li .name, .doris_sys .s-list li .s-en, .doris_sys .s-list li .s-txt {
    text-align: left;
    padding: 0 40px;
}
/*初心系列*/

.orign_main .kas-system .txt {
    margin-top: 75px;
}
.orign_main .kas-hall {
    background: #fff;
}
.mid_p {
    color: #333;
    font-size: 18px;
    line-height: 28px;
    text-align: center;
    margin: 50px 0 0;
}
.dolden-system .d-txt:before, .dolden-system .d-txt:after {
    display: none;
}
@media screen and (max-width: 1300px) {
    .newPro-main .container {
        width: 94%;
    }
    .newPro-cd .item {
        width: 32%;
        height: auto;
        min-height: 506px;
        margin-right: 2%;
    }
    .newPro-five .boxs .item1, .newPro-five .boxs .item2 {
        width: 20%;
    }
    .newPro-security .newPro-pic {
        width: 50%;
    }
    .newPro-security .txt {
        width: 46%;
        padding-top: 0;
    }
    .fz3_con {
        width: 100%;
    }
}
@media screen and (max-width: 1200px) {
    .wt5_vs .item {
        width: 40%;
    }
}
@media screen and (max-width: 1080px) {
    .chuq1_pic .box .item {
        margin: -20px 15px 30px;
    }
    .chuq1_pic .endbox .lf {
        width: 100%;
        margin-bottom: 20px;
    }
    .chuq1_pic .endbox .lr {
        width: 100%;
    }
    .chuq2_pic .box1 .pic {
        width: 100%;
        text-align: center;
    }
    .chuq2_pic .box1 p {
        width: 100%;
    }
}
@media screen and (max-width: 750px) {
    .chuq-n-list li .txt {
        text-align: left;
    }
    .txt br {
        display: none;
    }
    .chuq-f-list {
        display: flex;
        justify-content: space-around;
        flex-wrap: wrap;
    }
    .mrt140 {
        margin-top: 0px;
    }
    .chuq-n-list li .img {
        width: 100%;
    }
    .newPro-material .newPro-txt span {
        font-size: .34rem;
    }
    .chuq-n-list li .txt {
        font-size: .32rem;
    }
    /*胶合板详情页*/
    .swiper-container {
        padding-bottom: 30px;
    }
    .newPro-img {
        width: 100%;
    }
    .newPro-dobule .newPro-img, .newPro-dobule .newPro-l-img {
        width: 100%;
    }
    .newPro-banner {
        width: 100%;
        height: 4.7rem;
        background-size: cover;
    }
    .newPro-banner .main {
        padding-top: .4rem;
    }
    .newPro-banner .title {
        font-size: .3rem;
        line-height: .5rem;
    }
    .newPro-banner .txt {
        font-size: .32rem;
        line-height: .52rem;
        margin-bottom: .2rem;
    }
    .newPro-banner .list {
        margin-top: .3rem;
    }
    .newPro-banner .list ul {
        width: 5rem;
    }
    .newPro-banner .list li {
        margin-right: 0rem;
        width: 33.33%;
        margin-bottom: 0.2rem;
    }
    .newPro-banner .list li:nth-child(2) {
        margin-right: 1rem;
    }
    .newPro-banner .list li .icon {
        width: .6rem;
        height: .6rem;
        border-width: 1px;
        border-radius: .2rem;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .newPro-banner .list li img {
        height: .45rem;
        width: auto;
    }
    .newPro-banner .list li p {
        font-size: .24rem;
        line-height: .46rem;
    }
    .newPro-line {
        width: 1rem;
    }
    .newPro-line .line1 {
        width: .68rem;
        height: .06rem;
    }
    .newPro-line .line2 {
        width: .2rem;
        height: .06rem;
    }
    .newPro-banner .newPro-line {
        width: 2.2rem;
    }
    .newPro-banner .newPro-line .line1 {
        width: 1.75rem;
        height: .08rem;
        border-radius: .04rem;
    }
    .newPro-banner .newPro-line .line2 {
        width: .38rem;
        height: .08rem;
        border-radius: .04rem;
    }
    .newPro-data {
        padding-top: .8rem;
    }
    .newPro-top .title {
        font-size: .36rem;
        line-height: .66rem;
    }
    .newPro-top .en {
        font-size: .22rem;
        line-height: .32rem;
        margin-top: .1rem;
    }
    .data-tb table td {
        border-width: 1px;
        font-size: .26rem;
        line-height: .56rem;
        width: 1.6rem;
        vertical-align: middle;
    }
    .data-tb table td.name {
        width: 1.6rem;
    }
    .data-tb table td.long {
        width: 2.1rem;
    }
    .data-tb table td.name {
        width: auto;
        min-width: 1.3rem;
    }
    .data-tb table td, .data-tb table td.long {
        width: auto;
        text-align: left;
        padding: 0.14rem 0.12rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
        min-width: 1.3rem;
    }
    .newPro-characteristic {
        width: 100%;
        height: .96rem;
        margin: .8rem 0 -.48rem;
        font-size: .3rem;
        line-height: .96rem;
    }
    .newPro-material {
        padding: 1.2rem 0 .8rem;
    }
    .newPro-num {
        font-size: .8rem;
        line-height: .8rem;
        margin-bottom: .2rem;
    }
    .newPro-txt {
        font-size: .26rem;
        line-height: .46rem;
        margin: 0 auto;
        width: 92%;
    }
    .newPro-txt br {
        display: none;
    }
    .newPro-material .newPro-txt {
        margin-top: .4rem;
    }
    .newPro-green {
        padding: .6rem 0 .8rem;
    }
    .newPro-green .newPro-txt {
        margin-top: .4rem;
    }
    .newPro-box {
        width: 100%;
    }
    .newPro-box .item img {
        width: 0.8rem;
    }
    .newPro-box .item p {
        font-size: 0.24rem;
    }
    .newPro-box .item:after {
        height: 1rem;
        top: 0.1rem;
    }
    .newPro-green .newPro-box {
        width: 100%;
    }
    .newPro-txt1 {
        font-size: 0.4rem;
        margin-top: 1rem;
    }
    .newPro-txt2 {
        font-size: 0.3rem;
        margin-top: 0;
    }
    .newPro-cd .item {
        width: 5rem;
        display: inline-block;
        min-height: auto;
        vertical-align: top;
        margin-right: 0.4rem;
        float: none;
    }
    .newPro-cd {
        overflow-x: auto;
        white-space: nowrap;
    }
    .newPro-cd .item .img {
        height: 3.8rem;
    }
    .newPro-cd .item .tit {
        font-size: 0.32rem;
        line-height: 0.52rem;
        margin-top: 0.3rem;
    }
    .newPro-cd .item .tit1 {
        font-size: 0.28rem;
        line-height: 0.46rem;
        white-space: normal;
    }
    .newPro-variety {
        padding: 1rem 0 1rem;
    }
    .newPro-five {
        padding: 1rem 0 1rem;
    }
    .newPro-five .boxs {
        margin-top: 1rem;
    }
    .newPro-five .boxs .item1, .newPro-five .boxs .item2 {
        width: 50%;
        padding: 0 0.3rem;
        margin-right: 0;
        height: 4rem;
        line-height: 4rem;
    }
    .newPro-security {
        padding: .6rem 0 .8rem;
    }
    .newPro-security .main {
        padding-top: .6rem;
    }
    .newPro-security .newPro-pic {
        width: 100%;
        margin-bottom: .4rem;
    }
    .newPro-security .txt {
        width: 100%;
        padding-top: .1rem;
        text-align: center;
    }
    .newPro-security .txt p {
        font-size: .24rem;
        line-height: .44rem;
    }
    .newPro-security .txt .notice {
        font-size: .28rem;
        line-height: .48rem;
        margin: .3rem 0 .1rem;
    }
    .newPro-security .txt .notice span {
        font-size: .22rem;
    }
    /*细木工板*/
    .thin-five .boxs {
        width: 100%;
    }
    .newPro-cd .item p {
        font-size: 0.3rem;
    }
    .thin-green .newPro-cd .item .tit1 {
        font-size: 0.28rem;
        min-height: 2rem;
        line-height: 0.44rem;
    }
    .chuq1_pic {
        margin-top: 0.5rem;
    }
    .chuq1_pic .title {
        font-size: 0.32rem;
    }
    .chuq1_pic .box .item {
        width: 100%;
        margin: -20px 0 30px;
        padding: 0.3rem;
    }
    .chuq1_pic .box .item .tit {
        font-size: 0.3rem;
    }
    .chuq1_pic .box .item p {
        font-size: 0.26rem;
        line-height: 0.46rem;
    }
    .chuq1_pic .endbox {
        padding: 0.5rem 0.3rem;
        margin-top: 0.5rem;
    }
    .chuq1_pic .endbox .lf .tit {
        font-size: 0.34rem;
    }
    .chuq1_pic .endbox .lf p {
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    .chuq1_pic .endbox .lr img {
        max-width: 100%;
        width: 0.5rem;
        height: 0.3rem;
    }
    .chuq1_pic .endbox .lr .row {
        display: block;
        margin: 0.4rem 0;
    }
    .chuq1_pic .endbox .lr .tit {
        font-size: 0.34rem;
        line-height: 0.3rem;
        margin-left: 0.2rem;
    }
    .chuq1_pic .endbox .lr p {
        font-size: 0.26rem;
        line-height: 0.46rem;
        margin-left: 0.7rem;
        margin-top: 0.2rem;
    }
    .chuq2_pic .box1 p {
        font-size: 0.28rem;
        line-height: 0.5rem;
        padding: 0.5rem 0 0 0;
    }
    .chuq2_pic .box2 {
        padding: 1rem 0 0.5rem;
        font-size: 0.4rem;
    }
    .chuq2_pic .box3 .item {
        width: 31%;
        margin: 0.2rem 1.1%;
        font-size: 0.28rem;
    }
    .chuq3_tit {
        font-size: 0.36rem;
        margin-top: 0.5rem;
    }
    .newPro-variety .newPro-txt {
        margin-top: 0.4rem;
    }
    .chuq4_pic .box1 {
        width: 100%;
        margin: 0;
    }
    .chuq4_pic .pic {
        width: 100%;
        margin: 0.2rem 0 0;
    }
    .chuq4_pic .pic img {
        width: 3rem;
        margin: 0 auto;
    }
    .chuq4_pic {
        display: block;
    }
    .chuq4_pic .box1 .tit1 {
        font-size: 0.3rem;
    }
    .chuq4_pic .box1 .tit2 {
        font-size: 0.34rem;
        margin: 0.2rem 0;
    }
    .chuq4_pic .box1 .tit3 {
        font-size: 0.3rem;
    }
    .chuq4_pic .box1 .tit3 img {
        height: 0.2rem;
    }
    .fz3_pic .box1 .pic {
        width: 100%;
        padding-right: 0;
        text-align: center;
        padding: 0 1.5rem;
        margin-bottom: 0.5rem;
    }
    .fz3_pic .box1 p {
        width: 100%;
        padding: 0;
        font-size: 0.26rem;
        line-height: 0.48rem;
    }
    .core-tb.true_tab table td.long {
        width: 2.1rem;
    }
    .newPro-banner.true .title img {
        height: 0.3rem;
    }
    .true3_con.container {
        padding: 0;
    }
    .true2_pic .box1 {
        width: 100%;
        margin: 0.5rem 0 0 0;
    }
    .true2_pic .box2 {
        width: 5rem;
        margin: 0.5rem 0 0 1rem;
        height: 1rem;
    }
    .true2_pic .box1 p {
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    .true2_pic .box1 p:nth-child(2) {
        padding-right: 0.4rem;
    }
    .true2_pic .box1 p:nth-child(3) {
        padding-right: 0.8rem;
    }
    .true2_pic .box1 p:nth-child(4) {
        padding-right: 1.2rem;
    }
    .fz3_con .con p {
        font-size: 0.24rem;
        line-height: 0.36rem;
        transform: scale(0.8);
        text-align: center;
    }
    .tg4_con {
        padding-top: 1rem;
    }
    .tg4_tit {
        margin-top: 0.5rem;
        font-size: 0.28rem;
        line-height: 0.5rem;
    }
    .tg4_pic img {
        width: 4rem;
    }
    .tg4_con {
        height: 11rem;
    }
    .tg4_lb.container {
        margin-top: -1.5rem;
    }
    .tg4_lb .swiper-slide {
        height: 4.3rem;
    }
    .tg4_lb .swiper-button-prev, .tg4_lb .swiper-button-next {
        display: none;
    }
    .tg4_lb .swiper-pagination-bullet {
        width: 6px;
        height: 6px;
        border: 1px solid #fff;
    }
    .tg4_lb .swiper-pagination-bullets {
        bottom: 0.1rem;
    }
    .tg4_tit1 {
        margin-top: 0.7rem;
        font-size: 0.4rem;
    }
    .tg4_tit2 {
        margin-top: 0.2rem;
        font-size: 0.24rem;
        line-height: 0.4rem;
    }
    .tg4_box .item {
        width: 48%;
        font-size: 0.24rem;
        margin: 0 1% 0.4rem;
    }
    .tg4_box .item img {
        margin-bottom: 0.2rem;
    }
    .tg4_box .item .tit {
        font-size: 0.26rem;
        margin-bottom: 5px;
    }
    .trueg4 {
        padding: 0 0 1rem;
    }
    .trueg5 {
        padding: 1rem 0;
    }
    .true5_pic .tit {
        font-size: 0.3rem;
    }
    .wt-con2 {
        padding: 1rem 0;
    }
    .wt2_pic {
        margin-top: 1.5rem;
    }
    .wt2_pic .con {
        width: 100%;
    }
    .wt2_pic p {
        font-size: 0.3rem;
        line-height: 0.56rem;
    }
    .wt3_pic {
        margin-top: 0.5rem;
    }
    .wt3_pic img:nth-child(2) {
        margin-top: 0.4rem;
    }
    .wt3_pic img:nth-child(3) {
        margin-top: 0.4rem;
    }
    .wt3_pic img:nth-child(4) {
        margin-top: 0.4rem;
    }
    .wt4_pic {
        margin-top: 1rem;
    }
    .wt4_pic .item {
        margin: 0;
        float: left;
        width: 20%;
    }
    .wt4_pic .item img {
        width: 1rem;
    }
    .wt4_pic .item .tit1 {
        font-size: 0.28rem;
        margin: 0.2rem 0 0;
    }
    .wt4_pic .item .tit2 {
        font-size: 0.24rem;
        transform: scale(0.8);
    }
    .wt5_con {
        padding: 1rem 0;
    }
    .wt5_txtle {
        margin-top: 0.5rem;
        font-size: 0.3rem;
        line-height: 0.5rem;
    }
    .wt5_txtle br {
        display: none;
    }
    .wt5_van {
        margin-top: 1rem;
    }
    .wt5_van .tit {
        margin-top: 0.4rem;
        font-size: 0.4rem;
    }
    .wt5_vs {
        padding: 0;
        margin-top: 0.4rem;
    }
    .wt5_vs .item {
        width: 100%;
        float: initial;
    }
    .wt5_vs .item .tit1 {
        margin-top: 0.4rem;
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }
    .wt5_vs .item p {
        margin-bottom: 0.1rem;
        font-size: 0.26rem;
        line-height: 0.46rem;
        padding-right: 0.6rem;
    }
    .wt5_vs .item1 p {
        background: url(../images/plywood1/dui_icon.png) no-repeat center right 0.2rem;
        background-size: 0.3rem;
    }
    .wt5_vs .item2 p {
        background: url(../images/plywood1/cuo_icon.png) no-repeat center right 0.2rem;
        background-size: 0.3rem;
    }
    .wt5_vs .vsimg {
        position: initial;
        margin: 0.5rem auto;
        display: block;
    }
    .true3_con .swiper-pagination {
        display: block;
    }
    .eb-con3 {
        padding: 1rem 0;
    }
    .eb_pic3 {
        padding: 0;
        margin-top: 0.3rem;
    }
    .eb_pic3 .row {
        margin-top: 0.7rem;
    }
    .eb_pic3 .row .fl {
        width: 100%;
    }
    .eb_pic3 .row .fr {
        width: 100%;
    }
    .eb_pic3 .row p {
        font-size: 0.28rem;
        line-height: 0.5rem;
        padding-top: 0;
        margin-bottom: 0.4rem;
    }
    .eb_pic3 .row2 {
        display: flex;
        flex-direction: column-reverse;
    }
    .eb-con4 {
        padding: 1rem 0;
    }
    .eb_pic4 {
        margin-top: 0.7rem;
    }
    .eb_pic4 .row .pic {
        width: 100%;
    }
    .eb_pic4 .row p {
        width: 100%;
        font-size: 0.3rem;
        line-height: 0.52rem;
        padding-top: 0.4rem;
        padding-left: 0;
    }
    .eb_pic4 .row {
        display: block;
    }
    .eb_pic4_title {
        font-size: 0.4rem;
        margin: 1rem 0 0.4rem;
    }
    .eb-con4 .box .item {
        float: left;
        width: 48%;
        font-size: 0.28rem;
        margin-bottom: 0.4rem;
        margin: 0 1% 0.4rem;
    }
    .eb-con4 .box .item img {
        display: block;
        margin: 0 auto 0.1rem;
    }
    .eb-con5 {
        padding: 1rem 0;
    }
    .eb_pic5 {
        margin-top: 0.7rem;
    }
    .eb_pic5 .item {
        width: 30%;
        font-size: 0.24rem;
        margin: 0 1.66%;
        float: left;
    }
    .eb_pic5 .item img {
        margin-bottom: 0.2rem;
    }
    .tm3_pic {
        margin-top: 0.6rem;
        display: block;
    }
    .tm3_pic img {
        width: 3rem;
        float: initial;
        margin: 0 auto;
        display: block;
    }
    .tm3_pic .box {
        width: 100%;
        padding-left: 0;
        margin-top: 0.4rem;
    }
    .tm3_pic .box .tit {
        font-size: 0.3rem;
        margin-bottom: 0.2rem;
    }
    .tm3_pic .box p {
        font-size: 0.26rem;
        line-height: 0.5rem;
    }
    .tm4_pic .item {
        max-width: 50%;
        margin: 0;
        float: left;
        padding: 0.2rem;
    }
    .tm5_tit {
        font-size: 0.32rem;
        margin: 0.5rem 0 0.3rem;
    }
    .tm5_pic .item {
        max-width: 50%;
        margin: 0;
        font-size: 0.28rem;
        float: left;
        padding: 0.2rem;
    }
    .tm5_pic .item img {
        margin-bottom: 0.2rem;
    }
    .eb-con7 {
        padding: .8rem 0;
    }
    .eb-con7 .list {
        display: block;
        margin-top: .6rem;
    }
    .eb-con7 .list .item {
        width: 100%;
        margin-bottom: .3rem;
    }
    .eb-con7 .list .name {
        height: auto;
        padding: 0 !important;
        font-size: .4rem;
        line-height: .6rem;
    }
    .eb-con7 .list .name span {
        font-size: .24rem;
        line-height: .6rem;
    }
    .eb-con7 .list .item .box {
        padding: .3rem;
        height: auto;
        margin-top: .3rem;
    }
    .eb-con7 .list .item .pic {
        width: 1.84rem;
        right: 0;
        top: -1rem;
    }
    .eb-con7 .list .txt {
        font-size: .3rem;
        line-height: 1.75;
        width: 4.6rem;
        margin-bottom: .3rem;
    }
    .eb-con7 .list .step {
        margin-bottom: .2rem;
    }
    .eb-con7 .list .sub-name {
        font-size: .28rem;
        line-height: 2;
    }
    .eb-con7 .list p {
        font-size: .3rem;
        line-height: 1.75;
    }
    .eb-con7 .list p span {
        font-size: .22rem;
    }
    .newPro-material .newPro-txt span, .eb-con7 .list .txt span, .data-tb table td span, .data-tb table td.long span {
        font-size: .12rem;
    }
    .chuq-m-list li {
        width: 100%;
        height: auto;
        padding: .1rem .1rem .5rem;
        margin-right: 0px;
    }
    .chuq-m-list li h5, .chuq-n-list li h5 {
        font-size: .3rem;
        line-height: .5rem;
        margin-top: .3rem;
    }
    .chuq-m-list li .txt, .chuq-n-list li .txt {
        font-size: .26rem;
        line-height: .46rem;
        margin: .1rem .2rem 0;
    }
    .chuq-n-list li {
        padding: 0 0 .3rem;
        width: 100%;
    }
}
/*导航*/

.newPro-top-nav {
    height: 78px;
    background: #fff;
}
.newPro-top-nav li {
    float: left;
    margin-right: 45px;
}
.newPro-top-nav li a {
    display: block;
    padding: 0 7px;
    height: 78px;
    line-height: 78px;
    box-sizing: border-box;
    font-size: 18px;
    color: #666;
}
.newPro-top-nav li:hover a, .newPro-top-nav li.on a {
    color: #8bc320;
    border-bottom: 2px solid #8bc320;
}
.newPro-top-list {
    background: #f5f5f5;
    padding: 58px 0 53px;
}
.swiper-newPro {
    width: 100%;
    position: relative;
    z-index: 0;
}
.swiper-newPro .swiper-container .swiper-slide {
    width: 116px;
    margin-right: 20px;
}
.swiper-newPro .swiper-container a {
    display: block;
    width: 100%;
}
.swiper-newPro .swiper-container .img {
    width: 58px;
    height: 86px;
    margin: 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.prodet_nav .swiper-newPro .swiper-container .img {
    width: 86px;
    height: 86px;
}
.swiper-newPro .swiper-container p {
    font-size: 14px;
    color: #666;
    line-height: 24px;
    margin-top: 10px;
    text-align: center;
}
.swiper-newPro .swiper-container .swiper-pagination {
    display: none;
}
.swiper-newPro .swiper-container a:hover p, .swiper-newPro .swiper-container a.on p {
    color: #8bc320;
}
.swiper-newPro .swiper-button-next, .swiper-newPro .swiper-button-prev {
    width: 14px;
    height: 24px;
    background: url('../newpro/newpro_navarrow.png') no-repeat;
    left: -15px;
    top: 31px;
    margin-top: 0;
    z-index: 10;
    opacity: 1;
}
.swiper-newPro .swiper-button-next {
    left: auto;
    right: -15px;
    background-position: -16px 0;
}
.swiper-newPro .swiper-button-prev:hover {
    background-position: 0 -26px;
}
.swiper-newPro .swiper-button-next:hover {
    background-position: -16px -26px;
}
@media screen and (max-width:750px) {
    .newPro-top-nav {
        height: .8rem;
    }
    .newPro-top-nav li {
        margin-right: .3rem;
    }
    .newPro-top-nav li:last-child {
        margin-right: 0;
    }
    .newPro-top-nav li a {
        padding: 0 .1rem;
        font-size: .28rem;
        line-height: .8rem;
        height: .8rem;
    }
    .newPro-top-list {
        padding: .8rem 0 .75rem;
    }
    .swiper-newPro .swiper-container {
        padding-bottom: .4rem;
    }
    .swiper-newPro .swiper-container .swiper-slide {
        width: 2rem;
        margin-right: .3rem;
    }
    .swiper-newPro .swiper-container .img {
        width: 1.16rem;
        height: 1.72rem;
    }
    .prodet_nav .swiper-newPro .swiper-container .img {
        width: 1.56rem;
        height: 1.72rem;
    }
    .swiper-newPro .swiper-container p {
        font-size: .24rem;
        line-height: .34rem;
        margin-top: .1rem;
    }
    .swiper-newPro .swiper-container .swiper-pagination {
        display: block;
        bottom: 0;
    }
    .swiper-newPro .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
        background: #8bc320;
    }
    .swiper-newPro .swiper-button-next, .swiper-newPro .swiper-button-prev {
        display: none;
    }
    .orign_main .kas-system .txt {
        margin-top: 0.5rem;
    }
    .mid_p {
        font-size: 0.3rem;
        line-height: 0.46rem;
        margin: 0.5rem 0 0;
    }
    .mid_p br {
        display: none;
    }
}
.cp_ba {
    width: 100%;
    padding: 70px 0;
    text-align: center;
    overflow: hidden;
}
.cp_ba .b_t {
    margin-bottom: 50px;
}
.cp_ba .b_t h1 {
    font-size: 30px;
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
}
.cp_ba .b_t em {
    width: 40px;
    height: 3px;
    background-color: #333;
    display: block;
    margin: 0 auto;
}
.cp_ba .d_b {
    font-size: 44px;
    font-weight: lighter;
    color: #333;
    line-height: 56px;
    margin-bottom: 50px;
}
.cp_ba .j_s {
    width: 50%;
    min-width: 600px;
    margin: 0 auto 100px;
    font-size: 18px;
    line-height: 32px;
    color: #999;
}
.cp_ba .t_p img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width:1024px) {
    .cp_ba .b_t {
        margin-bottom: 40px;
    }
    .cp_ba .d_b {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 35px;
    }
    .cp_ba .j_s {
        margin: 0 auto 60px;
        font-size: 16px;
        line-height: 28px;
    }
}
@media only screen and (max-width:992px) {
    .cp_ba {
        padding: 40px 0;
    }
    .cp_ba .b_t {
        margin-bottom: 35px;
    }
    .cp_ba .d_b {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 25px;
    }
    .cp_ba .j_s {
        margin: 0 auto 50px;
        font-size: 15px;
        line-height: 26px;
    }
}
@media only screen and (max-width:640px) {
    .cp_ban {
        height: 35vh;
    }
    .cp_ba .b_t h1 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .cp_ba .b_t em {
        width: 36px;
        height: 2px;
    }
    .cp_ba .d_b {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .cp_ba .j_s {
        width: 100%;
        min-width: 100%;
        margin: 0 auto 40px;
        font-size: 14px;
    }
}
.cp_bb {
    width: 100%;
    padding: 120px 0;
    background: url(../images/cp_bj.jpg) no-repeat center / cover fixed;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.cp_bb .d_b {
    font-size: 44px;
    font-weight: lighter;
    line-height: 56px;
    margin-bottom: 50px;
}
.cp_bb .j_s {
    width: 76%;
    min-width: 900px;
    margin: 0 auto 100px;
    font-size: 18px;
    line-height: 32px;
}
.cp_bb .t_b ul li {
    display: inline-block;
    margin: 0 15px;
}
.cp_bb .t_b p {
    margin-top: 6px;
    font-size: 18px;
    line-height: 36px;
}
@media only screen and (max-width:1024px) {
    .cp_bb {
        padding: 80px 0;
        background: url(../images/cp_bj.jpg) no-repeat center / cover;
    }
    .cp_bb .d_b {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 35px;
    }
    .cp_bb .j_s {
        margin: 0 auto 60px;
        font-size: 16px;
        line-height: 28px;
    }
    .cp_bb .t_b p {
        font-size: 16px;
        line-height: 32px;
    }
}
@media only screen and (max-width:992px) {
    .cp_bb {
        padding: 60px 0;
    }
    .cp_bb .d_b {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 35px;
    }
    .cp_bb .j_s {
        min-width: 76%;
        margin: 0 auto 50px;
        font-size: 15px;
        line-height: 26px;
    }
    .cp_bb .t_b p {
        font-size: 15px;
        line-height: 28px;
    }
}
@media only screen and (max-width:640px) {
    .cp_bb {
        padding: 50px 0;
    }
    .cp_bb .d_b {
        font-size: 22px;
        line-height: 36px;
        margin-bottom: 20px;
    }
    .cp_bb .j_s {
        width: 100%;
        min-width: 100%;
        margin: 0 auto 40px;
        font-size: 14px;
    }
    .cp_bb .t_b ul li {
        margin: 0 10px;
    }
    .cp_bb .t_b img {
        width: 50px;
        height: auto;
        display: block;
        margin: 0 auto;
    }
    .cp_bb .t_b p {
        font-size: 14px;
        line-height: 26px;
    }
}
.cp_bc {
    width: 100%;
    position: relative;
    background: #fff;
}
.cp_bc .zc_tp {
    width: 50%;
}
.cp_bc .zc_tp img {
    width: 100%;
    height: auto;
    display: block;
}
.cp_bc .yc_wz {
    width: 30%;
    max-width: 500px;
    position: absolute;
    left: 55%;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.cp_bc .yc_wz h1 {
    font-size: 44px;
    font-weight: lighter;
    color: #333;
    margin-bottom: 20px;
}
.cp_bc .yc_wz em {
    width: 80px;
    height: 4px;
    background-color: #333;
    display: block;
    margin-bottom: 50px;
}
.cp_bc .yc_wz p {
    font-size: 18px;
    line-height: 32px;
    color: #999;
}
@media only screen and (max-width:1024px) {
    .cp_bc .zc_tp {
        width: 50%;
    }
    .cp_bc .yc_wz {
        width: 46%;
        max-width: 46%;
        left: 52%;
    }
    .cp_bc .yc_wz h1 {
        font-size: 32px;
    }
    .cp_bc .yc_wz em {
        width: 60px;
        height: 3px;
        margin-bottom: 35px;
    }
    .cp_bc .yc_wz p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media only screen and (max-width:992px) {
    .cp_bc .yc_wz h1 {
        font-size: 26px;
    }
    .cp_bc .yc_wz em {
        width: 50px;
        height: 2px;
        margin-bottom: 25px;
    }
    .cp_bc .yc_wz p {
        font-size: 15px;
        line-height: 26px;
    }
}
@media only screen and (max-width:640px) {
    .cp_bc .zc_tp {
        width: 100%;
    }
    .cp_bc .yc_wz {
        width: 100%;
        margin: 40px 0;
        padding: 0 15px;
        text-align: center;
        max-width: 100%;
        position: relative;
        left: auto;
        top: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .cp_bc .yc_wz h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }
    .cp_bc .yc_wz em {
        margin: 0 auto 30px;
    }
    .cp_bc .yc_wz p {
        font-size: 14px;
        line-height: 26px;
    }
}
.cp_bd {
    width: 100%;
    background-color: #0d182a;
    padding: 70px 0 0;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.cp_bd .d_b {
    font-size: 44px;
    font-weight: lighter;
    line-height: 56px;
    margin-bottom: 50px;
}
.cp_bd .t_p img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0 auto;
}
@media only screen and (max-width:1024px) {
    .cp_bd .d_b {
        font-size: 32px;
        line-height: 46px;
        margin-bottom: 35px;
    }
    .cp_bd .t_p img {
        max-width: 70%;
    }
}
@media only screen and (max-width:992px) {
    .cp_bd .d_b {
        font-size: 26px;
        line-height: 38px;
        margin-bottom: 25px;
    }
    .cp_bd .t_p img {
        max-width: 50%;
    }
}
@media only screen and (max-width:640px) {
    .cp_bd {
        padding: 40px 0 0;
    }
    .cp_bd .d_b {
        font-size: 22px;
        line-height: 32px;
        margin-bottom: 30px;
    }
    .cp_bd .t_p img {
        max-width: 80%;
    }
}
.cp_be {
    width: 100%;
    color: #fff;
    text-align: center;
    overflow: hidden;
}
.cp_be ul li {
    width: 25%;
    float: left;
    position: relative;
}
.cp_be .t_p {
    overflow: hidden;
}
.cp_be .t_p img {
    width: 100%;
    height: auto;
    display: block;
    transition: all 1s linear;
    -webkit-transition: all 1s linear;
    -moz-transition: all 1s linear;
    -ms-transition: all 1s linear;
    -o-transition: all 1s linear;
}
.cp_be ul li:hover .t_p img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
}
.cp_be .b_j {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    position: absolute;
    top: 0;
    left: 0;
}
.cp_be ul li:hover .b_j {
    background-color: rgba(0, 0, 0, .5);
}
.cp_be .w_z {
    width: 60%;
    position: absolute;
    top: 20%;
    left: 20%;
}
.cp_be .w_z h3 {
    font-size: 30px;
    line-height: 44px;
}
.cp_be .w_z em {
    width: 50px;
    height: 2px;
    background-color: #fff;
    display: block;
    margin: 10px auto 50px;
}
.cp_be .w_z p {
    font-size: 16px;
    line-height: 28px;
}
@media only screen and (max-width:1024px) {
    .cp_be .w_z {
        width: 80%;
        top: 15%;
        left: 10%;
    }
    .cp_be .w_z h3 {
        font-size: 26px;
        line-height: 36px;
    }
    .cp_be .w_z em {
        width: 40px;
        margin: 10px auto 30px;
    }
    .cp_be .w_z p {
        font-size: 15px;
        line-height: 26px;
    }
}
@media only screen and (max-width:992px) {
    .cp_be ul li {
        width: 50%;
    }
    .cp_be .w_z {
        width: 70%;
        top: 25%;
        left: 15%;
    }
    .cp_be .w_z h3 {
        line-height: 38px;
    }
    .cp_be .w_z em {
        width: 50px;
    }
    .cp_be .w_z p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media only screen and (max-width:992px) {
    .cp_be .w_z {
        width: 80%;
        top: 10%;
        left: 10%;
    }
    .cp_be .w_z h3 {
        font-size: 22px;
        line-height: 32px;
    }
    .cp_be .w_z em {
        margin: 8px auto 15px;
    }
    .cp_be .w_z p {
        font-size: 14px;
        line-height: 24px;
    }
}
.cp_bf {
    width: 100%;
    position: relative;
}
.cp_bf img {
    width: 100%;
    height: auto;
    display: block;
}
.cp_bf .container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    background: rgba(255, 255, 255, 0.6);
    padding: 10% 5%
}
.cp_bf .w_z h1 {
    font-size: 44px;
    font-weight: lighter;
    color: #333;
    margin-bottom: 20px;
}
.cp_bf .w_z em {
    width: 80px;
    height: 4px;
    background-color: #333;
    display: block;
    margin-bottom: 50px;
}
.cp_bf .w_z p {
    font-size: 18px;
    line-height: 32px;
    color: #000;
}
@media only screen and (max-width:1024px) {
    .cp_bf .w_z h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .cp_bf .w_z em {
        width: 60px;
        height: 3px;
        margin-bottom: 35px;
    }
    .cp_bf .w_z p {
        font-size: 16px;
        line-height: 28px;
    }
}
@media only screen and (max-width:992px) {
    .cp_bf {
        background-color: #f7f7f7;
    }
    .cp_bf .container {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
    }
    .cp_bf .w_z {
        width: 60%;
        margin: 40px auto;
        text-align: center;
    }
    .cp_bf .w_z h1 {
        font-size: 26px;
    }
    .cp_bf .w_z em {
        margin: 0 auto 25px;
    }
    .cp_bf .w_z p {
        font-size: 15px;
        line-height: 26px;
    }
}
@media only screen and (max-width:640px) {
    .cp_bf .w_z {
        width: 100%;
    }
    .cp_bf .w_z h1 {
        font-size: 22px;
    }
    .cp_bf .w_z em {
        width: 50px;
    }
    .cp_bf .w_z p {
        font-size: 14px;
        line-height: 24px;
    }
}
.cp_bg {
    width: 100%;
    padding: 70px 0;
    overflow: hidden;
}
.cp_bg .t_p img {
    width: 100%;
    height: auto;
    display: block;
}
.cp_bg .w_z {
    padding-left: 30px;
    margin-top: 50px;
}
.cp_bg .w_z h1 {
    font-size: 44px;
    font-weight: lighter;
    color: #333;
    margin-bottom: 20px;
}
.cp_bg .w_z em {
    width: 80px;
    height: 4px;
    background-color: #333;
    display: block;
    margin-bottom: 50px;
}
.cp_bg .w_z ul li {
    padding-left: 30px;
    background: url(../images/dh.png) no-repeat left 5px;
    font-size: 18px;
    line-height: 32px;
    color: #666;
    margin-bottom: 20px;
}
@media only screen and (max-width:1024px) {
    .cp_bg .w_z {
        padding-left: 20px;
        margin-top: 30px;
    }
    .cp_bg .w_z h1 {
        font-size: 32px;
        margin-bottom: 15px;
    }
    .cp_bg .w_z em {
        width: 60px;
        height: 3px;
        margin-bottom: 35px;
    }
    .cp_bg .w_z ul li {
        padding-left: 30px;
        background: url(../images/dh.png) no-repeat left 3px;
        font-size: 16px;
        line-height: 28px;
        margin-bottom: 10px;
    }
}
@media only screen and (max-width:992px) {
    .cp_bg {
        padding: 40px 0;
    }
    .cp_bg .w_z {
        padding-left: 0;
        margin-top: 15px;
    }
    .cp_bg .w_z h1 {
        font-size: 26px;
        margin-bottom: 10px;
    }
    .cp_bg .w_z em {
        width: 50px;
        height: 2px;
        margin-bottom: 25px;
    }
    .cp_bg .w_z ul li {
        padding-left: 25px;
        background-size: 20px auto !important;
        font-size: 15px;
        line-height: 26px;
    }
}
@media only screen and (max-width:640px) {
    .cp_bg .t_p img {
        width: 80%;
        margin: 0 auto;
    }
    .cp_bg .w_z {
        margin-top: 20px;
    }
    .cp_bg .w_z h1 {
        font-size: 22px;
        margin-bottom: 15px;
    }
}




/*防伪查询*/
/* 我们的服务 防伪查询 */
.query-con{ width:50%; margin:0px auto 110px; }
.query-con img{  }
.query-con .tit{ font-size:19px; color:#333; line-height:88px; }
.query-list{}
.query-list li{ width:100%; border:1px solid #dedede; border-radius:2px; padding:20px 40px; margin-bottom:20px; }
.query-list li i{ width:10%; height:50px; background:url("../images/query-icon.png") no-repeat;
 background-size:48px 448px; display:block; padding-right:85px; }
.query-list li .icon-1{ background-position:0px 0px; margin-top:32px; }
.query-list li .icon-2{ background-position:-1px -138px; margin-top:5px;}
.query-list li .icon-3{ background-position:-2px -266px; margin-top:17px; }
.query-list li .icon-4{ background-position:0px -402px; margin-top:16px;}
.query-list li .icon-5{background: url('../images/query-icon.png') no-repeat;}
.query-list li .txt{ border-left:1px dashed #dedede; padding:15px 0px; padding-left:40px; width: 80% }
.query-list li .txt p{ font-size:15px; color:#666; line-height:1.6; }
.query-list li .txt p a,
.query-list li .txt p span{ font-size:15px; color:#8fc31f; font-weight:bold; }
.query-list li:hover{ border:1px solid #8fc31f; }
.query-list li .txt p a:hover{text-decoration: underline;}


@media screen and (max-width: 1200px) {
  .query-con{ width:80%; }
  .query-list li .txt{ width:80%; }
}

@media screen and (max-width: 650px) {
  .query-list li{ padding:0.2rem 0.3rem; }
  .query-list li .txt{ width:100%; padding-left:0; border-left:0; }
}




/*产品中心*/

.homeapp{
    background-size: cover ;
    background-position: center;
    background-repeat: no-repeat;
}
.homeapp .appbox{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: space-between;
    padding-top: var(--fs100);
    padding-bottom: var(--fs100);
}
.homeapp .appbox h2{
    color: #fff;
    font-size: 46px;
    line-height: 92px;
    position: relative;
    margin-bottom: 50vh;
}
.homeapp .appbox h2:after{
    content: "APPLICATION CENTER";
    display: block;
    position: absolute;
    opacity: 0.05;
    left: 0;
    top: 0;
    line-height: 46px;
}
.homeapp .appbox .textbox{
    color: #fff;
    font-size: 18px;
    max-width: 60%;
    line-height: 36px;
    display: none;
}
.homeapp .appbox .textbox.on{
    display: block;
}
.homeapp .appbox .changebox ul li{
    background-color: rgba(255, 255, 255, 0.1);
    float: left;
    width: 32.2%;
    margin-right: 1px;
    margin-bottom: 1px;
}
.homeapp .appbox .changebox ul li em{
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    position: relative;
    transition: 0.3s;
}
.homeapp .appbox .changebox ul li.on{
    animation: bgaction1 0.3s linear forwards;
    -webkit-animation: bgaction1 0.3s linear forwards;
}
@keyframes bgaction1{
    from{background-color: rgba(255, 255, 255, 0.1);}
    to{background-color: var(--main-color);}
}
/*
.homeapp .appbox .changebox ul li a:after{
    content: "";
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 0;
    background-color: var(--main-color);
    z-index: 0;
}
.homeapp .appbox .changebox ul li:hover a:after{
    animation: bgaction1 0.5s linear forwards;
    -webkit-animation: bgaction1 0.5s linear forwards;
}
@keyframes bgaction1{
    from{width: 0;}
    to{width: 100%;}
}*/
.homeapp .appbox .changebox ul li em .bgimg{
    display: flex;
    display: -webkit-flex;
    align-items: center;
    justify-content: flex-end;
    min-width: 50%;
    padding-right: 10px;
}
.homeapp .appbox .changebox ul li em .textbox{
    display: flex;
    display: -webkit-flex;
    flex-direction: column;
    justify-content: center;
    height: 110px;
    min-width: 50%;
}
.homeapp .appbox .changebox ul li em .textbox h3{
    font-size: 24px;
    line-height: 1.3;
}
.homeapp .appbox .changebox ul li em .textbox p{
    font-size: 16px;
    line-height: 1.3;
    opacity: 0.3;
}


@media(max-width: 1200px){

    .homeapp .appbox h2{

    margin-bottom: 15vh;
}

.homeapp .appbox .changebox ul li em .textbox h3{
    font-size: var(--fs16)
}
}