.container, .container-middle, .wrap {
    padding-right: 15px;
    padding-left: 15px;
    margin: 0 auto;
}

@media (min-width: 768px) {
    .wrap, .container, .container-middle {
        width: 750px;
    }
}

@media (min-width: 992px) {
    .wrap, .container, .container-middle {
        width: 970px;
    }
}

@media (min-width: 1260px) {
    .wrap, .container, .container-middle {
        width: 1230px;
    }
}

@media (min-width: 1460px) {
    .container-middle, .container {
        width: 1430px;
    }
}

@media (min-width: 1920px) {
    .container-middle {
        width: 1630px;
    }

    .container {
        width: 1430px;
    }
}


/*header*/
.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 150px;
    z-index: 5000;
    background: #39241e;
    -webkit-box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    transition: ease .5s;
}

    .header .logo {
        display: block;
        float: left;
        /* overflow: hidden; */
        position: relative;
        z-index: 1200;
    }

        .header .logo img {
            width: 150px;
            height: 176px;
            margin-top: -70px;
        }

.header-right {
    float: right;
}

.header-top {
    background: url(../image/headtop-ba_01.jpg)no-repeat center;
    transition: ease .5s;
    padding: 15px 0;
}

.ny-top {
    background: #fff;
}

    .ny-top .header-language a:hover {
        color: #F0BB44;
    }

.header-slogan {
    float: left;
    font-size: 22px;
    line-height: 40px;
    color: #341d17;
    font-family: "造字工房悦黑演示版常规体";
}

.header-phone {
    float: right;
    font-size: 18px;
    line-height: 30px;
    color: #321f1a;
    margin-top: 5px;
    position: relative;
    padding-left: 35px;
}

    .header-phone::before {
        position: absolute;
        content: "";
        width: 26px;
        height: 20px;
        background: url(../image/headtop-phone.png)no-repeat center;
        top: 6px;
        left: 0;
    }

    .header-phone span {
        display: inline-block;
        font-family: "ITCAvantGardeStd-BkCn";
        font-size: 22px;
        line-height: 30px;
        color: #341d17;
    }

.header-language {
    float: right;
    margin-left: 25px;
    margin-top: 8px;
}

    .header-language a {
        display: inline-block;
        font-size: 14px;
        line-height: 20px;
        font-family: "hnp-lt";
        color: #341d17;
        transition: ease .5s;
        border-radius: 30px;
        padding: 0 10px;
    }

        .header-language a.on {
            color: #fff;
            background: #341d17;
            margin-right: -3px;
        }

        .header-language a:hover {
            color: #fff;
        }

.header.on .navitem.nav-aft::before {
    display: none;
}

.header-navbar {
}

.navbar {
    float: left;
    transition: ease .5s;
}

.navbar1 .navitem:first-child {
    padding-left: 0;
}

.navitem {
    float: left;
    padding: 0 0px;
}
    /* .navitem:first-child{margin-right: 30px;} */
    .navitem > a {
        display: inline-block;
        font-size: 20px;
        color: #fff;
        line-height: 40px;
        -webkit-transition: all .4s;
        -o-transition: all .4s;
        transition: all .4s;
        background: transparent;
        padding: 20px 32px;
        position: relative;
    }

        .navitem > a::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 12px;
            background: rgba(255,255,255,0.2);
            transform: rotate(25deg) translateY(-6px);
            right: 0;
            top: 50%;
        }

.navbar .navitem:last-child > a::before {
    display: none;
}
/* .navitem>a::before{position: absolute;content: "";width: 0;height: 3px;background: #ff9b2d;bottom: 0;left: 50%;transform: translateX(-50%);transition: ease .5s;}
.navitem:hover>a::before,
.navitem.active>a::before{width: 100%;} */
.navitem:hover > a,
.navitem.active > a {
    color: #eabf5f;
}

.navitem > a span {
    width: 0;
    height: 18px;
    display: inline-block;
    transition: ease .5s;
    opacity: 0;
    text-align: center;
    margin-right: 10px;
}

    .navitem > a span img {
        display: block;
        max-width: 100%;
        margin-top: 3px;
    }

.navitem.active > a span {
    width: 18px;
    opacity: 1;
}

.navitem.nav-aft {
    position: relative;
}

    .navitem.nav-aft::before {
        content: "";
        position: absolute;
        width: 65px;
        height: 36px;
        background: url(http://www.shinemax.net/PC/images/nav-aft_03.png)no-repeat center top;
        top: -36px;
        left: 30%;
    }
/*header -end*/
/*==================================home-banner==============================*/
.home-banner {
    position: relative;
    margin-top: -20px;
}

.pc-banner {
    position: relative;
}

.banner-slide {
    display: block;
    position: relative;
}

    .banner-slide img {
        width: 100%;
    }

.pc-banner .swiper-container {
    overflow-x: hidden;
    overflow-y: visible;
}

.pc-banner .swiper-pagination {
    width: 100%;
    bottom: 130px;
    /* display: none; */
}

.pc-banner .swiper-pagination-bullet {
    border-radius: 30px;
    background: #fff;
    width: 20px;
    height: 6px;
    opacity: 1;
    margin: 0 5px;
    transition: ease .5s;
}

.pc-banner .swiper-pagination-bullet-active {
    background: #ff9b2d;
    width: 40px;
}

.pc-banner .swiper-button-prev, .pc-banner .swiper-button-next {
    display: none;
}

.banner-font {
    position: absolute;
    top: 150px;
    left: 0;
    width: 100%;
    z-index: 4;
}
/* .banner-text .container-middle{height: 100%;position: relative;} */

.banner-cont {
    filter: alpha(opacity=0);
    text-align: center;
    position: relative;
}

    .banner-cont h3 {
        font-size: 68px;
        line-height: 70px;
        color: #341d17;
        font-family: "方正正中黑简体";
        text-align: center;
        position: relative;
        display: inline-block;
        margin-bottom: 416px;
    }

        .banner-cont h3 span {
            display: inline-block;
            margin: 0 4px;
        }

        .banner-cont h3 i:nth-child(1) {
            animation-duration: 1s;
            -webkit-animation-direction: 1s;
        }

        .banner-cont h3 em:nth-child(1) {
            animation-duration: 1s;
            -webkit-animation-direction: 1s;
        }

        .banner-cont h3 span:nth-child(2) {
            animation-duration: 2s;
            -webkit-animation-direction: 2s;
        }

        .banner-cont h3 span:nth-child(3) {
            animation-duration: 3s;
            -webkit-animation-direction: 3s;
        }

        .banner-cont h3 span:nth-child(4) {
            animation-duration: 4s;
            -webkit-animation-direction: 4s;
        }

        .banner-cont h3 span:nth-child(5) {
            animation-duration: 5s;
            -webkit-animation-direction: 5s;
        }

        .banner-cont h3 span:nth-child(6) {
            animation-duration: 6s;
            -webkit-animation-direction: 6s;
        }

        .banner-cont h3 span:nth-child(7) {
            animation-duration: 7s;
            -webkit-animation-direction: 7s;
        }

        .banner-cont h3 span:nth-child(8) {
            animation-duration: 8s;
            -webkit-animation-direction: 8s;
        }

        .banner-cont h3 span:nth-child(9) {
            animation-duration: 9s;
            -webkit-animation-direction: 9s;
        }

        .banner-cont h3 i:nth-child(10) {
            animation-duration: 10s;
            -webkit-animation-direction: 10s;
        }

        .banner-cont h3 i {
            display: inline-block;
            width: 64px;
            height: 18px;
        }

            .banner-cont h3 i.banerh3-be {
            }

            .banner-cont h3 i.banerh3-af {
            }

        .banner-cont h3 em:nth-child(10) {
            animation-duration: 10s;
            -webkit-animation-direction: 10s;
        }

        .banner-cont h3 em {
            display: inline-block;
            width: 64px;
            height: 18px;
        }

            .banner-cont h3 em.banerh3-be {
            }

            .banner-cont h3 em.banerh3-af {
            }

.home-banner .swiper-slide-active .banner-cont {
    opacity: 1;
    filter: alpha(opacity=100);
    transition: all .8s linear;
    transition-delay: .1s;
}

.home-banner.app {
    display: none;
}

    .home-banner.app img {
        width: 100%;
    }

.home-appbanner {
    width: 100%;
    display: none;
}
/* .banner-more{display: block;width: 180px;height: 50px;overflow: hidden; text-align: center;line-height: 50px; font-size: 18px;color: #333;position: relative; cursor: pointer;transition: color .2s ease-out;margin-top: 50px;transition: ease 1s;background: #fff;border-radius: 30px;}
.banner-more span{position: relative;z-index: 10;padding-right: 8px;} */
/* .banner-more span::before{position: absolute;content: "";width: 14px;height: 12px;background: url(../images/banner-more.png)no-repeat center right;right: -14px;top: 50%;margin-top: -7px;} */
/* .banner-more::before{content: ''; width: 0;  height: 0;-webkit-transform: rotate(360deg); border-style: solid; border-color: transparent transparent transparent #fff; position: absolute; bottom: 0; left: 0;transition: ease 1s;}
.banner-more::after{content: ''; width: 0; height: 0; -webkit-transform: rotate(360deg); border-style: solid; border-color: transparent #fff transparent transparent; position: absolute;  top: 0;right: 0;transition: ease 1s;}
.banner-more::before,.banner-more::after{ border-width: 70px 262.5px;}
.banner-more:hover::before{border-color: transparent transparent transparent #ff9b2d;}
.banner-more:hover::after{border-color: transparent #ff9b2d transparent transparent;}
.banner-more:hover::before,.banner-more:hover::after{border-width: 0 0 0 0;}

.banner-more:hover{border-color: #231917;}
 */
@-webkit-keyframes kuosan-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
        filter: alpha(opacity=0)\9
    }
}

@keyframes kuosan-1 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        -webkit-transform: scale(2.5);
        transform: scale(2.5);
        opacity: 0;
        filter: alpha(opacity=0)\9
    }
}

@-webkit-keyframes kuosan-2 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    75% {
        -webkit-transform: rotateZ(270deg);
        transform: rotateZ(270deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

@keyframes kuosan-2 {
    0% {
        -webkit-transform: rotateZ(0deg);
        transform: rotateZ(0deg);
    }

    25% {
        -webkit-transform: rotateZ(90deg);
        transform: rotateZ(90deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
        transform: rotateZ(180deg);
    }

    75% {
        -webkit-transform: rotateZ(270deg);
        transform: rotateZ(270deg);
    }

    100% {
        -webkit-transform: rotateZ(360deg);
        transform: rotateZ(360deg);
    }
}

/*  */
@-webkit-keyframes kuosan-3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        filter: alpha(opacity=0)\9
    }
}

@keyframes kuosan-3 {
    0% {
        -webkit-transform: scale(0);
        transform: scale(0);
        opacity: 1;
        filter: alpha(opacity=100)\9
    }

    100% {
        -webkit-transform: scale(1.5);
        transform: scale(1.5);
        opacity: 0;
        filter: alpha(opacity=0)\9
    }
}


.banner-more {
    text-align: center;
    width: 36px;
    height: 36px;
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -18px;
}

    .banner-more span {
        display: block;
        position: relative;
    }

        .banner-more span::before {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0%;
            left: 0%;
            opacity: 0;
            filter: alpha(opacity=0)\9;
            border-radius: 50%;
            /* background: -webkit-radial-gradient(circle,#da251d,white, rgba(7,153,165,1));
     background: -o-radial-gradient(circle,white, rgba(7,153,165,1));
     background: -moz-radial-gradient(circle, white, rgba(7,153,165,1)); */
            background: radial-gradient(circle, #fff, rgba(255,255,255,0.3));
            -webkit-animation: kuosan-1 2s linear infinite;
            animation: kuosan-1 2s linear infinite;
            -webkit-animation-delay: 1200ms;
            animation-delay: 1200ms;
        }

        .banner-more span::after {
            position: absolute;
            content: '';
            width: 100%;
            height: 100%;
            top: 0%;
            left: 0%;
            opacity: 0;
            filter: alpha(opacity=0)\9;
            border-radius: 50%;
            background: radial-gradient(circle, #fff, rgba(255,255,255,.8));
            -webkit-animation: kuosan-1 2s linear infinite;
            animation: kuosan-1 2s linear infinite;
            z-index: -1;
            -webkit-animation-delay: 1500ms;
            animation-delay: 1500ms;
        }

    .banner-more img {
        width: 100%;
        position: relative;
    }

.banner-img {
    width: 100%;
}

.appbanner-img {
    width: 100%;
    display: none;
}

/*  */
.banner-list {
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    z-index: 4;
    transform-style: preserve-3d;
    perspective: 800px;
}

.banner-ul {
    background: #3f2f2c;
    padding: 39px 80px;
    transform: rotateX(0deg) translate3d(0,0,0);
    transform-origin: bottom;
    transition: all .65s cubic-bezier(0.55,0.65,0.55,1) 0s;
}

    .banner-ul li {
        float: left;
        width: 20%;
        border-left: 1px solid rgba(255,255,255,0.2);
        padding: 0 20px;
        text-align: center;
    }

        .banner-ul li:first-child {
            border-left: none;
        }

.banner-icon {
    overflow: hidden;
    display: inline-block;
    width: 32px;
    height: 32px;
}

    .banner-icon img {
        width: 100%;
        transition: ease .5s;
    }

.banner-ul li h4 {
    display: inline-block;
    font-size: 18px;
    line-height: 30px;
    color: #fff;
    margin-left: 8px;
    transition: ease .5s;
    transform: translateY(-8px);
}
/* .banner-ul li:hover .banner-icon img{transform: translateY(-10px);}
.banner-ul li:nth-child(3):hover .banner-icon img,.banner-ul li:nth-child(4):hover .banner-icon img{animation: myfirst 5s linear infinite;}
 */ .banner-ul.pass {
    transform: rotateX(100deg) translate3d(0,0,0);
}

.banner-ul li:hover .banner-icon img {
    transform: translateY(-100%);
}

@-webkit-keyframes byline2 {
    from {
        width: 0;
    }

    to {
        width: 60px;
    }
}

@keyframes byline2 {
    from {
        width: 0px;
    }

    to {
        width: 60px;
    }
}

.home-banner .swiper-slide-active .animat-line > span {
    -webkit-animation: byline2 5s linear 0s;
    animation: byline2 5s linear 0s;
}

@keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* css3 keyframes - animation 4 */
@-webkit-keyframes anim4 {
    from {
        -webkit-transform: rotateZ(0deg);
    }

    50% {
        -webkit-transform: rotateZ(180deg);
    }

    to {
        -webkit-transform: rotateZ(360deg);
    }
}

@-moz-keyframes anim4 {
    from {
        -moz-transform: rotateZ(0deg);
    }

    50% {
        -moz-transform: rotateZ(180deg);
    }

    to {
        -moz-transform: rotateZ(360deg);
    }
}

@-ms-keyframes anim4 {
    from {
        -ms-transform: rotateZ(0deg);
    }

    50% {
        -ms-transform: rotateZ(180deg);
    }

    to {
        -ms-transform: rotateZ(360deg);
    }
}

@-o-keyframes anim4 {
    from {
        -o-transform: rotateZ(0deg);
    }

    50% {
        -o-transform: rotateZ(180deg);
    }

    to {
        -o-transform: rotateZ(360deg);
    }
}

@keyframes anim4 {
    from {
        transform: rotateZ(0deg);
    }

    50% {
        transform: rotateZ(180deg);
    }

    to {
        transform: rotateZ(360deg);
    }
}
/*home-banner -end*/


.home-title {
    font-size: 40px;
    color: #321f1a;
    line-height: 50px;
    text-align: center;
}

.home-des {
    font-size: 18px;
    line-height: 30px;
    color: #444;
    text-align: center;
    margin-top: 10px;
}

.home-viewmo {
    display: block;
    font-size: 16px;
    line-height: 26px;
    color: #fff;
    transition: ease .5s;
    padding: 9px 60px 9px 34px;
    border: 1px solid transparent;
    border-radius: 30px;
    background: #000 url(http://www.shinemax.net/PC/images/more1.png)no-repeat top 14px right 32px;
    cursor: pointer;
    margin: 0 auto;
    width: fit-content;
    margin-top: 50px;
}

.view-more {
    border-radius: 30px;
    display: block;
    text-transform: uppercase;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: transparent;
    border: 1px solid #39241e;
    transition: color .5s;
    width: 165px;
    margin: 0 auto;
}

    .view-more span {
        display: block;
        font-size: 14px;
        line-height: 24px;
        color: rgba(53,30,24,0.9);
        padding: 10px 43px 10px 43px;
        transition: ease .5s;
    }

        .view-more span i {
            font-style: normal;
            background: url(../image/viewmo.png)no-repeat center;
            transition: ease .5s;
            display: inline-block;
            width: 10px;
            height: 9px;
            margin-left: 10px;
        }

        .view-more span em {
            font-style: normal;
            background: url(../image/viewmo.png)no-repeat center;
            transition: ease .5s;
            display: inline-block;
            width: 10px;
            height: 9px;
            margin-left: 10px;
        }

    .view-more::before, .view-more::after {
        content: '';
        position: absolute;
        height: 100%;
        width: 100%;
        bottom: 100%;
        left: 0;
        z-index: -1;
        -webkit-transition: -webkit-transform 0.3s;
        transition: transform 0.3s;
        -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
        transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
    }

    .view-more::before {
        background: rgba(57,36,30,0.3);
    }

    .view-more::after {
        background: rgba(57,36,30,0.8);
    }

    .view-more:hover span {
        color: #fff;
    }

        .view-more:hover span i {
            background-image: url(../image/viewmo1.png);
        }

        .view-more:hover span em {
            background-image: url(../image/viewmo1.png);
        }

    .view-more:hover::before, .view-more:hover::after {
        -webkit-transform: translate3d(0, 100%, 0);
        transform: translate3d(0, 100%, 0);
    }

    .view-more:hover::after {
        -webkit-transition-delay: 0.175s;
        transition-delay: 0.175s;
    }

.home-padd {
    padding: 80px 0;
}

.home-viewmo:hover {
    background: #f9be00 url(http://www.shinemax.net/PC/images/more1.png)no-repeat top 14px right 32px;
    border-color: #f9be00;
    color: #fff;
}
/* home-product */
.home-product {
}

.home-procon {
    margin-top: 45px;
    margin-bottom: 50px;
}

.home-prole {
    float: left;
    position: relative;
    width: 35.71%;
}

    .home-prole img:nth-child(2) {
        display: none;
        transform: translateY(-100%);
    }

    .home-prole a {
        display: block;
        overflow: hidden;
    }

    .home-prole img {
        width: 100%;
        transition: ease .5s;
    }

    .home-prole:hover img {
        transform: scale(1.04);
    }

.home-prolep {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 35px 85px;
}

    .home-prolep p {
        font-size: 16px;
        line-height: 32px;
        height: 470px;
        color: #39241e;
        writing-mode: vertical-rl; /*从左向右 从右向左是 writing-mode: vertical-rl;*/
        writing-mode: tb-rl; /*IE浏览器的从左向右 从右向左是 writing-mode: tb-rl；*/
        position: absolute;
        left: 85px;
        bottom: 35px;
    }

        .home-prolep p i {
            margin-top: 100px;
        }

        .home-prolep p em {
            margin-top: 100px;
        }

.home-prori {
    float: right;
    width: 62.85%;
}

.home-prori-top {
}

    .home-prori-top a {
        display: block;
        overflow: hidden;
        position: relative;
    }

.home-prori-hover {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    right: -100%;
    transition: ease .5s;
}

.home-prori-top:hover .home-prori-hover {
    right: 0;
}

.home-prori-bottom li:hover .home-prori-hover {
    right: 0;
}

.home-prori-top .homeprori-txt {
    width: 50%;
    text-align: center;
    padding-top: 0;
}

    .home-prori-top .homeprori-txt span img {
        opacity: 0;
    }

        .home-prori-top .homeprori-txt span img:last-child {
            opacity: 1;
        }

    .home-prori-top .homeprori-txt h3 {
        margin-bottom: 30px;
        max-width: none;
    }

    .home-prori-top .homeprori-txt span {
        margin: 30px auto 0;
    }

    .home-prori-top .homeprori-txt p span {
        margin: 0;
    }

.home-prori-top img {
    width: 100%;
    transition: ease .5s;
}

.home-prori-top:hover img {
    transform: scale(1.04);
}

.home-prori-bottom {
    margin-top: 20px;
}

    .home-prori-bottom ul {
        margin: 0 -10px;
    }

    .home-prori-bottom li {
        float: left;
        width: 50%;
        padding: 0 10px;
    }

        .home-prori-bottom li a {
            display: block;
            position: relative;
            overflow: hidden;
        }

        .home-prori-bottom li img {
            width: 100%;
            transition: ease .5s;
        }

.homeprori-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    padding: 0 42px;
}

    .homeprori-txt h3 {
        font-size: 26px;
        line-height: 30px;
        color: #2e1d18;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 50%;
    }

    .homeprori-txt p {
        font-size: 16px;
        line-height: 24px;
        color: #2e1d18;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

        .homeprori-txt p span {
            display: block;
            width: auto;
            height: auto;
            margin: 0;
        }

    .homeprori-txt span {
        display: block;
        width: 40px;
        height: 40px;
        position: relative;
        transition: ease .5s;
        margin-top: 30px;
    }

        .homeprori-txt span img {
            width: 100%;
            transition: ease .5s;
            position: absolute;
            left: 0;
            top: 0;
        }

            .homeprori-txt span img:last-child {
                opacity: 0;
            }

.home-prori-bottom li:hover .homeprori-txt span img:last-child {
    opacity: 1;
}

.home-prori-bottom li:hover .homeprori-txt span img:first-child {
    opacity: 0;
}

.home-prori-bottom li:hover .homeprori-txt span {
    transform: translateX(15px);
}

.home-prori-bottom li:hover img {
    transform: scale(1.04);
}

.home-prori-bottom li:hover .homeprori-txt span img {
    transform: none;
}
/* home-product -end*/
/* home-appli */
.home-appli {
    background: #f6f6f6;
}

.home-appli-con {
    margin-top: 45px;
    margin-bottom: 50px;
}

.homeappli-ul {
    margin: 0 -12px;
}

    .homeappli-ul li {
        float: left;
        width: 33.33%;
        padding: 0 12px;
    }

.homeappli-swip {
    position: relative;
}

.homeappli-slide {
    display: block;
    text-align: center;
}

.homeappli-img {
    overflow: hidden;
}

    .homeappli-img img {
        width: 100%;
        transition: ease .5s;
    }

.home-appli-txt {
    transition: ease .5s;
    background: #fff;
    padding: 30px 20px 65px;
    position: relative;
}

    .home-appli-txt::before {
        position: absolute;
        content: "";
        width: 211px;
        height: 158px;
        background: url(../image/homeappli-be.png)no-repeat center;
        bottom: 28px;
        right: -40px;
        opacity: 0;
    }

    .home-appli-txt h3 {
        font-size: 22px;
        line-height: 30px;
        color: #222;
        margin-bottom: 10px;
        transition: ease .5s;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }

    .home-appli-txt p {
        font-size: 14px;
        line-height: 22px;
        color: #777;
        transition: ease .5s;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        height: 44px;
    }

    .home-appli-txt span {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        margin-top: 25px;
        background: url(../image/homeappli-mo.png)no-repeat center left;
        padding-left: 25px;
        transition: ease .5s;
    }

.homeappli-ul li:hover .homeappli-img img {
    transform: scale(1.04);
}

.homeappli-ul li:hover .home-appli-txt {
    background-color: #39241e;
}

    .homeappli-ul li:hover .home-appli-txt::before {
        opacity: 1;
    }

    .homeappli-ul li:hover .home-appli-txt h3, .homeappli-ul li:hover .home-appli-txt p, .homeappli-ul li:hover .home-appli-txt span {
        color: #fff;
    }

    .homeappli-ul li:hover .home-appli-txt h3, .homeappli-ul li:hover .home-appli-txt p {
        color: #fff;
    }

    .homeappli-ul li:hover .home-appli-txt span {
        color: #fff;
        background-image: url(../image/homeappli-mo1.png);
    }

.homeappli-swip .swiper-pagination {
    width: 100%;
    bottom: 30px;
}

.homeappli-swip .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background: #8e8e8e;
    opacity: 1;
    margin: 0 9px;
    transition: ease .5s;
}

.homeappli-swip .swiper-pagination-bullet-active {
    position: relative;
}

    .homeappli-swip .swiper-pagination-bullet-active::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #c1c1c1;
        top: -3px;
        left: -3px;
        transition: ease .5s;
    }

.homeappli-ul li:hover .homeappli-swip .swiper-pagination-bullet {
    background-color: #fff;
}

.homeappli-ul li:hover .homeappli-swip .swiper-pagination-bullet-active::before {
    border-color: #fff;
}
/* home-appli -end */
/* home-about */
.home-about {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

    .home-about .home-title, .home-about .home-des {
        color: #fff;
    }

.home-about-con {
    margin-top: 45px;
}

.homeabout-top {
}

.homeabout-left {
    float: left;
    width: 50.93%;
    padding-right: 45px;
    padding-top: 90px;
}

.homeabout-right {
    float: right;
    width: 49.07%;
    overflow: hidden;
}

    .homeabout-right img {
        width: 100%;
        transition: ease .5s;
    }

.homeabout-hr {
    width: 50px;
    height: 2px;
    background: #e6c59c;
    margin-bottom: 25px;
}

.homeabout-p {
    font-size: 18px;
    line-height: 36px;
    color: rgba(255,255,255,0.7);
    max-height: 180px;
}

.homeabout-bot {
    margin-top: 60px;
}

.homeabout-ul {
}

    .homeabout-ul li {
        float: left;
        width: 20%;
        text-align: center;
        position: relative;
        padding: 0 20px;
    }

        .homeabout-ul li::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 60px;
            background: rgba(220,220,220,0.2);
            right: 0;
            top: 50%;
            transform: translateY(-30px);
        }

        .homeabout-ul li:last-child::before {
            opacity: 0;
        }

        .homeabout-ul li h3 {
            font-size: 50px;
            line-height: 60px;
            color: #fff;
        }

            .homeabout-ul li h3 span {
                display: inline-block;
                font-family: "REDUCTO-CONDENSED-SSI-CONDENSED";
            }

        .homeabout-ul li p {
            font-size: 16px;
            line-height: 24px;
            color: rgba(255,255,255,0.8);
            height: 48px;
        }

        .homeabout-ul li:nth-child(1) {
            animation-duration: 1s;
            -webkit-animation-direction: 1s;
        }

        .homeabout-ul li:nth-child(2) {
            animation-duration: 1.5s;
            -webkit-animation-direction: 1.5s;
        }

        .homeabout-ul li:nth-child(3) {
            animation-duration: 2s;
            -webkit-animation-direction: 2s;
        }

        .homeabout-ul li:nth-child(4) {
            animation-duration: 2.5s;
            -webkit-animation-direction: 2.5s;
        }

        .homeabout-ul li:nth-child(5) {
            animation-duration: 3s;
            -webkit-animation-direction: 3s;
        }

.home-about .view-more {
    margin: 0;
    border-color: rgba(255,255,255,0.9);
    margin-top: 45px;
}

    .home-about .view-more span {
        color: rgba(255,255,255,0.9);
    }

        .home-about .view-more span i {
            background-image: url(../image/viewmo1.png);
        }

        .home-about .view-more span em {
            background-image: url(../image/viewmo1.png);
        }

    .home-about .view-more::before {
        background: rgba(230,197,156,0.3);
    }

    .home-about .view-more::after {
        background: rgba(230,197,156,0.8);
    }

    .home-about .view-more:hover span {
        color: rgba(53,30,24,0.9);
    }

        .home-about .view-more:hover span i {
            background-image: url(../image/viewmo.png);
        }

        .home-about .view-more:hover span em {
            background-image: url(../image/viewmo.png);
        }

    .home-about .view-more:hover {
        border-color: rgba(230,197,156,0.8);
    }
/* home-about -end */
/* home-history */
.home-history {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

.home-history-con {
    position: relative;
    margin-top: 105px;
    padding-bottom: 105px;
}

.product-sp .home-history-con {
    padding-bottom: 0px;
}

.homehistory-ul {
    position: relative;
    height: 583px;
    margin-bottom: -55px;
}

    .homehistory-ul li {
        max-width: 27.14%;
    }
/* .homehistory-ul li:nth-child(1){animation-duration: 1s;
    -webkit-animation-direction: 1s;}
.homehistory-ul li:nth-child(2){animation-duration: 2s;
    -webkit-animation-direction: 2s;}
.homehistory-ul li:nth-child(3){animation-duration: 3s;
    -webkit-animation-direction: 3s;}
.homehistory-ul li:nth-child(4){animation-duration: 4s;
    -webkit-animation-direction: 4s;}
.homehistory-ul li:nth-child(5){animation-duration: 5s;
    -webkit-animation-direction: 5s;}	
.homehistory-ul li:nth-child(6){animation-duration: 6s;
    -webkit-animation-direction: 6s;}
.homehistory-ul li:nth-child(7){animation-duration: 7s;
    -webkit-animation-direction: 7s;} */
.homehistory-icon {
    float: left;
    width: 82px;
    height: 82px;
    position: relative;
    transition: ease .5s;
}

    .homehistory-icon::before {
        position: absolute;
        content: '';
        width: 122px;
        height: 122px;
        top: -20px;
        left: -20px;
        opacity: 0;
        filter: alpha(opacity=0)\9;
        border-radius: 50%;
        background: rgba(164,148,115,.5);
        -webkit-animation: kuosan-3 2s linear infinite;
        animation: kuosan-3 2s linear infinite;
        z-index: 2;
        -webkit-animation-delay: 1500ms;
        animation-delay: 1500ms;
        transition: ease .5s;
    }

.homehistory-icon1::before {
}

.homehistory-icon2::before {
    background: rgba(217,190,51,.5);
}

.homehistory-icon3::before {
    background: rgba(159,176,165,.5);
}

.homehistory-icon4::before {
    background: rgba(227,184,116,.5);
}

.homehistory-icon5::before {
    background: rgba(4,173,147,.5);
}

.homehistory-icon6::before {
    background: rgba(209,156,34,.5);
}

.homehistory-icon7::before {
    background: rgba(171,182,145,.5);
}

.homehistory-icon img {
    width: 100%;
    position: relative;
    z-index: 2;
}

.homehistory-txt {
    margin-left: 122px;
}

    .homehistory-txt h3 {
        font-size: 22px;
        line-height: 26px;
        margin-bottom: 10px;
    }

        .homehistory-txt h3 span {
            display: inline-block;
            font-family: "DINNEUZEITGROTESKSTD-LIGHT";
            font-size: 26px;
            margin-right: 15px;
        }

    .homehistory-txt p {
        font-size: 16px;
        line-height: 24px;
        color: #666;
        min-height: 72px;
    }

.homehistory-li {
    position: absolute;
    display: inline-block;
}

.homehistory-li1 h3, .homehistory-li1 h3 span {
    color: #a49473;
}

.homehistory-li2 h3, .homehistory-li2 h3 span {
    color: #d9be33;
}

.homehistory-li3 h3, .homehistory-li3 h3 span {
    color: #9fb0a5;
}

.homehistory-li5 h3, .homehistory-li5 h3 span {
    color: #05907b;
}

.homehistory-li6 h3, .homehistory-li6 h3 span {
    color: #d19c22;
}

.homehistory-li7 h3, .homehistory-li7 h3 span {
    color: #abb691;
}

.homehistory-li1 .homehistory-icon, .homehistory-li2 .homehistory-icon, .homehistory-li3 .homehistory-icon {
    float: right;
}

.homehistory-li1 .homehistory-txt, .homehistory-li2 .homehistory-txt, .homehistory-li3 .homehistory-txt {
    margin-left: 0;
    margin-right: 122px;
}

.homehistory-li1 {
    bottom: 135px;
    left: 150px;
}

    .homehistory-li1.pro {
        bottom: 110px;
        left: 0;
    }

.homehistory-li2 {
    bottom: 325px;
    left: 35px;
}

    .homehistory-li2.pro {
        bottom: 300px;
        left: 20px;
    }

.homehistory-li3 {
    bottom: 475px;
    left: 150px;
}

    .homehistory-li3.pro {
        bottom: 450px;
        left: 120px;
    }

.homehistory-li4 {
    top: -40px;
    left: 50%;
    transform: translateX(-50%);
}

    .homehistory-li4.pro {
        top: -50px;
        left: 33%;
        transform: translateX(-50%);
    }

.homehistory-li5 {
    bottom: 475px;
    right: 150px;
}

    .homehistory-li5.pro {
        bottom: 450px;
        right: 120px;
    }

.homehistory-li6 {
    bottom: 325px;
    right: 35px;
}

    .homehistory-li6.pro {
        bottom: 300px;
        right: 20px;
    }

.homehistory-li7 {
    bottom: 135px;
    right: 150px;
}

    .homehistory-li7.pro {
        bottom: 110px;
        right: 0;
    }

.homehistory-li8.pro {
    top: -52px;
    left: 54%;
}

.homehistory-li4.pro .homehistory-icon {
    float: right;
}

.homehistory-li4.pro .homehistory-txt {
    margin-top: -10px;
    margin-right: 122px;
    margin-left: 0px;
}

    .homehistory-li4.pro .homehistory-txt h3 {
        color: #e3b975;
    }

.homehistory-li8.pro .homehistory-txt h3 {
    color: #e3b874;
}

.homehistory-img {
    position: absolute;
    top: -5%;
    left: 67%;
    width: 49.85%;
    transform: translateX(-50%);
}

    .homehistory-img img {
        width: 34.5%;
        /* height: 100px; */
    }

/* home-history -end */
/* home-new */
.home-news {
    padding-top: 0px;
}

.home-news-con {
    margin-top: 45px;
}

.homenew-top {
    text-align: center;
    overflow-x: auto;
    white-space: nowrap;
}

    .homenew-top a {
        display: inline-block;
        font-size: 18px;
        line-height: 30px;
        color: #33201b;
        transition: ease .5s;
        border-radius: 3px;
        padding: 4px 32px;
        position: relative;
    }

        .homenew-top a::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 15px;
            background: rgba(65,50,46,0.5);
            top: 50%;
            right: 0;
            transform: translateY(-7px) rotate(25deg);
            transition: ease .5s;
        }

        .homenew-top a.on::before, .homenew-top a:last-child::before {
            opacity: 0;
        }

        .homenew-top a.on {
            color: #fff;
            background: #321f1a;
        }

.homenew-bot {
    margin-top: 50px;
}

.homenew-bot1 {
    display: none;
}

    .homenew-bot1.on {
        display: block;
    }

.homenew-ul {
    margin: 0 -12px;
}

    .homenew-ul li {
        float: left;
        width: 33.33%;
        padding: 0 12px;
    }

        .homenew-ul li a {
            display: block;
        }

.homenew-img {
    position: relative;
    overflow: hidden;
}

    .homenew-img img {
        width: 100%;
        transition: ease .5s;
    }

    .homenew-img span {
        display: block;
        position: absolute;
        width: 70px;
        height: 70px;
        border-radius: 50%;
        transition: ease .5s;
        right: 30px;
        bottom: 30px;
        font-size: 16px;
        line-height: 28px;
        color: #fff;
        background: #201410;
        text-align: center;
        padding: 10px 0;
    }

.homenew-ul li:hover .homenew-img span {
    background-color: #eabf5f;
}

.homenew-img span i {
    font-style: normal;
    display: block;
    margin-top: -5px;
}

.homenew-img span em {
    font-style: normal;
    display: block;
    margin-top: -5px;
}

.homenew-text {
    padding-top: 20px;
}

    .homenew-text h3 {
        font-size: 22px;
        line-height: 30px;
        color: #222;
        margin-bottom: 10px;
        transition: ease .5s;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }

    .homenew-text p {
        font-size: 16px;
        line-height: 28px;
        color: #777;
        transition: ease .5s;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        height: 56px;
    }

    .homenew-text span {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #39241e;
        margin-top: 25px;
        transition: ease .5s;
        background: url(../image/homeappli-mo.png)no-repeat center left;
        padding-left: 25px;
    }

.homenew-ul li:hover .homenew-text span {
    color: #ffc001;
    background-image: url(../image/homenew-mo1.png);
}

.homenew-ul li:hover .homenew-text h3 {
    color: #eabf5f;
}

.homenew-ul li:hover .homenew-img img {
    transform: scale(1.04);
}

/* home-new-end */
/* home-last */
.home-last {
    background: #f4f4f5;
}

.homelast-left {
    float: left;
    width: 33.57%;
    height: 255px;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

.homelast-txt {
    padding: 45px 32px;
    text-align: right;
}

    .homelast-txt h3 {
        font-size: 32px;
        line-height: 40px;
        color: #fff;
        margin-bottom: 10px;
    }

    .homelast-txt p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

.homelast-hr {
    display: inline-block;
    width: 60px;
    height: 1px;
    background: rgba(246,246,246,0.6);
    margin-top: 30px;
}

.homelast-right {
    float: right;
    width: 66.43%;
    padding-left: 120px;
}

    .homelast-right ul {
        margin: 0 -25px;
    }

    .homelast-right li {
        float: left;
        width: 50%;
        padding: 0 25px;
        margin-bottom: 15px;
    }

        .homelast-right li > div {
            width: 100%;
        }

        .homelast-right li p {
            font-size: 16px;
            line-height: 30px;
            color: #333;
        }

            .homelast-right li p span {
                display: inline-block;
                color: #eabf5f;
                margin-left: 5px;
            }

            .homelast-right li p i {
                font-style: normal;
                color: #db0404;
                margin-right: 5px;
            }

            .homelast-right li p em {
                font-style: normal;
                color: #db0404;
                margin-right: 5px;
            }

        .homelast-right li input {
            margin-top: 5px;
            border-radius: 5px;
            border: 1px solid #dcdcdc;
            width: 100%;
            font-size: 16px;
            line-height: 30px;
            padding: 4px 10px;
            color: #333;
        }

        .homelast-right li button {
            cursor: pointer;
            font-size: 16px;
            line-height: 30px;
            color: #e6c59c;
            background: #20130f;
            width: 100%;
            border-radius: 5px;
            padding: 5px 10px;
            margin-top: 34px;
            height: auto;
        }

            .homelast-right li button span {
                padding: 0;
                border: none;
            }

            .homelast-right li button:hover::after {
                border-width: 0 240px 240px 0;
            }

            .homelast-right li button:hover::before {
                border-width: 240px 0 0 240px;
            }

            .homelast-right li button::before {
                border-color: transparent transparent transparent #f0bb44;
            }

            .homelast-right li button::after {
                border-color: transparent #f0bb44 transparent transparent;
            }


/* home-last -end */



/*footer*/
.footer {
}

.bottom1 {
    background: #221611;
    padding: 80px 0;
}

.bottom2 {
    background: #110b09;
    padding: 20px 0;
}

    .bottom2 a {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: rgba(230,197,156,0.6);
        transition: .5s;
        position: relative;
    }

        .bottom2 a i {
            font-style: normal;
            margin: 0 10px;
        }

        .bottom2 a em {
            font-style: normal;
            margin: 0 10px;
        }
        /* .bottom2 a::after{content: "";position: absolute;width: 2px;height: 15px;background: #777;right: -13px;top: 7px;} */
        .bottom2 a.link-ctm::after {
            display: none;
        }

        .bottom2 a:hover {
            color: #e6c59c;
        }

    .bottom2 .left {
        float: left;
        padding: 2px 0;
    }

    .bottom2 .right {
        float: right;
    }

    .bottom2 .left a {
        margin-right: 20px;
    }

    .bottom2 .left p {
        float: left;
        font-size: 14px;
        line-height: 24px;
        color: rgba(230,197,156,0.6);
        margin-right: 30px;
    }

    .bottom2 .left span {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: rgba(230,197,156,0.6);
        background: url(../image/bot-goan.png)no-repeat center left;
        padding-left: 25px;
    }

    .bottom2 .right a {
        float: left;
    }

.bottom2-img {
    display: inline-block;
    float: right;
}

.bottom-lx {
    float: left;
}

.bottomlx-txt {
}

.bottom-lx h3 {
    font-size: 48px;
    color: #333;
    line-height: 50px;
}

.bottom-ewm {
    text-align: center;
    width: 44%;
    float: left;
    margin: 3%;
}

    .bottom-ewm img {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 8px;
    }

    .bottom-ewm p {
        font-size: 14px;
        line-height: 24px;
        color: rgba(255,255,255,0.6);
    }

.bottom-lx ul {
    float: right;
}

.bottom-lx li {
    font-size: 16px;
    line-height: 30px;
    color: rgba(230,197,156,0.5);
}

.bottom-ul {
    float: left;
}

    .bottom-ul ul {
        float: left;
        margin-right: 30px;
    }

        .bottom-ul ul:last-child {
            margin-right: 0; /* max-width: 15.5%; */
        }

        .bottom-ul ul li {
            padding: 0px 0;
        }

            .bottom-ul ul li:first-child {
                margin-bottom: 18px;
            }

            .bottom-ul ul li a, .bottom1-contact li {
                display: block;
                font-size: 14px;
                line-height: 26px;
                color: rgba(230,197,156,0.5);
                transition: ease .5s;
            }

            .bottom-ul ul li:first-child a {
                font-size: 18px;
                line-height: 24px;
                color: #e6c59c;
            }

            .bottom-ul ul li a:hover {
                color: #e6c59c;
            }

.bottom1-ewm {
    float: right;
    clear: b;
}

.bott-share {
    text-align: center;
    margin-top: 5px;
}

    .bott-share a {
        display: inline-block !important;
        background: none !important;
        font-size: 24px !important;
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
        text-align: center;
        border-radius: 50% !important;
        color: #908a88 !important;
        transition: ease .5s !important;
        padding-left: 0 !important;
        text-decoration: none !important;
        margin: 0 3px !important;
    }

        .bott-share a:hover {
            color: #e6c59c !important;
            opacity: 1 !important;
        }

        .bott-share a::after {
            display: none !important;
        }
/*footer -end*/
/*客服*/
/*  */
.kf {
    transition: .8s;
    z-index: 999999;
    background-color: transparent;
    position: fixed;
    bottom: 100px;
    right: 20px;
    width: 62px;
    border-radius: 5px;
}

    .kf span {
        z-index: 1000001;
        transition: .5s;
        cursor: pointer;
        position: relative;
        display: block;
        width: 70px;
        height: 70px;
        border-radius: 5px;
        margin-bottom: 10px;
        background: #b5b5b5;
    }

    .kf .zx {
        background-position: 0 0;
        background: #b5b5b5 url(../image/kefu-zx.png)no-repeat center top 12px;
    }

    .kf .back_top {
        border: none;
        background: #b5b5b5 url(../image/kefu-top.png)no-repeat center top 18px;
    }

    .kf span a {
        transition: .5s;
        display: block;
        color: #fff;
        line-height: 24px;
        font-size: 14px;
        text-align: center;
        padding-top: 40px;
    }

.kfimgr {
    position: absolute;
    bottom: 23px;
    right: -9px;
}

.kf span div i {
    display: block;
    position: absolute;
    width: 15px;
    height: 200px;
    right: -15px;
    top: 0;
}

.kf span div em {
    display: block;
    position: absolute;
    width: 15px;
    height: 200px;
    right: -15px;
    top: 0;
}

.kf .freetel {
    background: #b5b5b5 url(../image/kf-albb.png)no-repeat center top 12px;
}

.kf .inlinebj {
    background: #b5b5b5 url(../image/kefu-bj.png)no-repeat center top 12px;
}

.kf .zxlya {
    background: #b5b5b5 url(../image/kefu-ewm.png)no-repeat center;
}

.kf span:nth-child(4) div {
    white-space: nowrap;
}

.kf a {
    display: block;
    height: 68px;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%
}

.nav_center div, .index_nav_center div, .shou, .zhan {
    -webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
    box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}

.kf .zxlya .erweima {
    display: none;
    right: 86px;
    position: absolute;
    top: -45px;
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
}

.kf .zxzx {
    display: none;
    right: 86px;
    position: absolute;
    top: 6px;
    background: #fff;
    padding: 20px;
    text-align: center;
    box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
    border-radius: 5px;
    width: 150px;
    font-size: 14px;
    color: #333;
}

.kfimgr {
    position: absolute;
    bottom: 23px;
    right: -9px;
}
/* .shou{    z-index: 1000000;cursor: pointer;   width: 70px;   height: 70px; top: 104%;  margin-top: -15px; border-radius: 5px 0 0 5px;  right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou {
    z-index: 1000000;
    cursor: pointer;
    width: 30px;
    height: 40px;
    top: 47%;
    margin-top: -15px;
    border-radius: 5px 0 0 5px;
    right: 62px;
    background: transparent url(../image/zk1.png)no-repeat center left;
    position: absolute;
    box-shadow: none;
}

.kffixed {
    position: fixed;
    display: none;
    bottom: 0;
    z-index: 20;
    width: 100%;
    height: 49px;
    overflow: hidden;
}

.kufuul {
    text-align: center;
    padding: 2px 0;
    width: 100%;
    height: 49px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
}

.kefu {
    padding: 0;
}

    .kefu li {
        float: left;
        height: 45px;
        text-align: center;
        color: #fff;
        line-height: 45px;
        color: #fff;
        transition: all .4s;
    }

.kfzx-tigg {
    width: 49.5%;
    height: 45px;
    display: block;
    float: left;
    line-height: 45px;
    opacity: 1;
    transition: 1s opacity;
}

.kfzx-enter {
    opacity: 0
}

.kf-zx {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background: #b5b5b5;
}

    .kf-zx img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.teldb {
    width: 49.5%;
    background: rgba(0,0,0,0.6);
    background-size: contain;
    margin: 0 1px;
    position: relative;
}

    .teldb img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .teldb a {
        color: white;
    }

.kf span:hover {
    background-color: #39241e;
}

@media (max-width:1600px) {
    .kf {
        right: 0;
    }

        .kf span {
            width: 55px;
            height: 55px;
        }

            .kf span a {
                line-height: 7px;
                font-size: 12px;
            }

        .kf .freetel {
            background: #b5b5b5 url(../image/kf-albb.png)no-repeat center top 8px;
        }

        .kf .zx {
            background-position: 0 0;
            background: #b5b5b5 url(../image/kefu-zx.png)no-repeat center top 5px;
        }

        .kf .inlinebj {
            background: #b5b5b5 url(../image/kefu-bj.png)no-repeat center top 5px;
        }
}

@media (max-width:1459px) {
    .bottom1-ewm {
        display: none;
    }

    .header-slogan {
        font-size: 20px;
    }

    .home-padd {
        padding: 60px 0;
    }

    .bottom-ul ul:last-child {
        display: block;
    }

    .bottom1-ewm {
        margin-right: 50px;
    }

    .bottom-ul ul li {
        padding: 0px 15px;
    }

    .home-news {
        padding-top: 0px;
    }
}

@media (max-width:991px) {
    .kf {
        display: none;
    }

    .kffixed {
        display: block;
    }
}

/* app-kf */
.kffixed {
    position: fixed;
    bottom: 0;
    /* left: 16%; */
    z-index: 2000;
    width: 100%;
    height: 49px;
    overflow: hidden;
    display: none;
}

.kufuul {
    text-align: center;
    padding: 2px 0;
    width: 100%;
    height: 49px;
    position: absolute;
    bottom: 0;
    left: 0;
    display: inline-block;
}

.kefu {
    padding: 0;
}

    .kefu li {
        float: left;
        height: 45px;
        text-align: center;
        color: #fff;
        line-height: 45px;
        color: #fff;
        transition: all .4s;
    }

.kfzx-tigg {
    width: 49.5%;
    height: 45px;
    display: block;
    float: left;
    line-height: 45px;
    opacity: 1;
    transition: 1s opacity;
}

.kfzx-enter {
    opacity: 0
}

.kf-zx {
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    line-height: 45px;
    text-align: center;
    background: rgba(230,197,156,0.9);
}

    .kf-zx img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

.teldb {
    width: 49.5%;
    background: rgba(0,0,0,0.6);
    /*background: url(/mobile/mobilectm/images/teldb.png) no-repeat center rgba(0,0,0,0.6);*/
    background-size: contain;
    margin: 0 1px;
    position: relative;
    /*background-size: 28px;*/
}

    .teldb img {
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
    }

    .teldb a {
        color: white;
    }

/* ========== header-app  ========= */
.header-app.hny .navbar-app {
    background: #333;
}

.header-app {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    z-index: 500;
    overflow: hidden;
    box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1);
    transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
}

    .header-app.open-menu {
        height: 100%;
        background: #fff;
        transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1);
    }

.navbar-app {
    position: relative;
    background: #fff !important;
    height: 60px;
    text-align: center;
}

.header-app .logo {
    display: inline-block;
    height: 60px;
    vertical-align: middle;
    padding: 7px 15px 7px;
    margin-left: 15px;
}

    .header-app .logo img {
        height: 100%;
        display: inline-block;
    }

.app-lanu {
    text-align: center;
    padding: 20px 0;
}

    .app-lanu a {
        display: inline-block;
        padding: 0 10px;
        line-height: 24px;
        color: #666;
    }

        .app-lanu a.active {
            color: white;
            background: #341d17;
            border-radius: 30px;
        }

.app-sousuo {
    line-height: 22px;
    border-right: solid 1px #fff;
    padding-right: 0px;
    color: #000;
    float: left;
    font-size: 22px !important;
    margin-top: 19px;
    margin-left: 15px;
}

.alert-search {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .5);
    top: 0;
    left: 0;
    z-index: 9999;
}

.alert-top {
    height: 60px;
    background: rgba(57,36,30,1);
    padding: 0 15px;
}

    .alert-top .text {
        height: 30px;
        margin-top: 15px;
        background: none;
        border-bottom: solid 1px #fff;
        width: 80%;
        float: left;
        color: white;
    }

    .alert-top .search {
        margin-left: 10px;
        background: url(../image/search.png) no-repeat center;
        width: 20px;
        height: 20px;
        background-size: cover;
        float: left;
        margin-top: 25px;
    }

    .alert-top span {
        color: #fff;
        float: right;
        font-size: 20px !important;
        margin-top: 21px;
    }

.navapp-user {
    float: right;
    width: 60px;
    height: 60px;
    color: rgba(255, 255, 255, .82);
    line-height: 60px;
    font-size: 16px;
}

.navbar-togger {
    float: right;
    background: transparent;
    border: none;
    padding: 22px 15px;
    display: inline-block;
    visibility: visible;
    transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96);
}

    .navbar-togger .icon_bar {
        width: 24px;
        height: 2px;
        background-color: #000;
        opacity: 1;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

        .navbar-togger .icon_bar:nth-of-type(2) {
            margin: 5px 0;
        }

.open-menu .navbar-togger .icon_bar:nth-of-type(2) {
    opacity: 0;
}

.open-menu .navbar-togger .icon_bar:first-child {
    -webkit-transform: translate(0, 7px) rotate(45deg);
    -ms-transform: translate(0, 7px) rotate(45deg);
    transform: translate(0, 7px) rotate(45deg);
}

.open-menu .navbar-togger .icon_bar:last-child {
    -webkit-transform: translate(0, -7px) rotate(-45deg);
    -ms-transform: translate(0, -7px) rotate(-45deg);
    transform: translate(0, -7px) rotate(-45deg);
}

.nav-menu {
    position: absolute;
    top: 50px;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    z-index: 620;
    padding: 20px;
    overflow-x: hidden;
    overflow-y: auto;
    visibility: hidden;
    -webkit-transition: visibility 0s linear 1s;
    -o-transition: visibility 0s linear 1s;
    transition: visibility 0s linear 1s;
}

.header-app.open-menu .nav-menu {
    visibility: visible;
    -webkit-transition-delay: 0s;
    -o-transition-delay: 0s;
    transition-delay: 0s;
}

.nav-list li {
    border-bottom: 1px solid #e5e5e5;
    opacity: 0;
    pointer-events: none;
}

    .nav-list li.open {
        border-bottom: none;
    }

.header-app.open-menu .nav-list li {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
}

.nav-list li:nth-child(1) {
    -webkit-transform: translateY(-44px);
    -ms-transform: translateY(-44px);
    transform: translateY(-44px);
    transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s;
}

.header-app.open-menu .nav-list li:nth-child(1) {
    transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s;
}

.nav-list li:nth-child(2) {
    -webkit-transform: translateY(-40px);
    -ms-transform: translateY(-40px);
    transform: translateY(-40px);
    transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s;
}

.header-app.open-menu .nav-list li:nth-child(2) {
    transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s;
}

.nav-list li:nth-child(3) {
    -webkit-transform: translateY(-36px);
    -ms-transform: translateY(-36px);
    transform: translateY(-36px);
    transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s;
}

.header-app.open-menu .nav-list li:nth-child(3) {
    transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s;
}

.nav-list li:nth-child(4) {
    -webkit-transform: translateY(-32px);
    -ms-transform: translateY(-32px);
    transform: translateY(-32px);
    transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s;
}

.header-app.open-menu .nav-list li:nth-child(4) {
    transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s;
}

.nav-list li:nth-child(5) {
    -webkit-transform: translateY(-28px);
    -ms-transform: translateY(-28px);
    transform: translateY(-28px);
    transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s;
}

.header-app.open-menu .nav-list li:nth-child(5) {
    transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s;
}

.nav-list li:nth-child(6) {
    -webkit-transform: translateY(-24px);
    -ms-transform: translateY(-24px);
    transform: translateY(-24px);
    transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s;
}

.header-app.open-menu .nav-list li:nth-child(6) {
    transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s;
}

.nav-list li:nth-child(7) {
    -webkit-transform: translateY(-20px);
    -ms-transform: translateY(-20px);
    transform: translateY(-20px);
    transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s;
}

.header-app.open-menu .nav-list li:nth-child(7) {
    transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s;
}

.nav-list li:nth-child(8) {
    -webkit-transform: translateY(-16px);
    -ms-transform: translateY(-16px);
    transform: translateY(-16px);
    transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s;
}

.header-app.open-menu .nav-list li:nth-child(8) {
    transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s;
}

.cate-item {
    position: relative;
}

    .cate-item a {
        font-size: 16px;
        line-height: 48px;
        margin-right: 60px;
        display: block;
    }

.nav-list li.active .cate-item a,
.nav-list li.open .cate-item a {
    color: #39241e;
}

.category-cont a:last-child {
    border: none;
}

.category-cont a.active {
    color: #39241e;
}

.category-tig {
    font-size: 14px;
    color: #888;
    text-align: right;
    line-height: 48px;
    width: 50px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

    .category-tig::before,
    .category-tig::after {
        content: '';
        background: #888;
        position: absolute;
        top: 50%;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .category-tig::before {
        width: 16px;
        height: 2px;
        right: 0;
        margin-top: -1px;
    }

    .category-tig::after {
        width: 2px;
        height: 16px;
        margin-top: -8px;
        right: 7px;
    }

.nav-list li.open .category-tig::after {
    opacity: 0;
}

.nav-list li.open .category-tig::before {
    background: #39241e;
}

.category-cont {
    display: none;
}

.nav-list li.open .category-cont {
    display: block;
    border: solid 1px #e5e5e5;
}

.category-pad {
    padding: 0 15px;
}

.category-cont a {
    line-height: 40px;
    border-bottom: 1px dashed #e5e5e5;
    display: block;
    font-size: 14px;
    color: #333;
}

.category-pad a.active {
    color: #ff9b2d;
}


.cate-item1 {
    position: relative;
    border-bottom: solid 1px #cfcfcf;
}

.category-li:last-child .cate-item1 {
    border-bottom: none;
}

.cate-item1 a {
    border-bottom: none;
    font-size: 16px;
    line-height: 48px;
    margin-right: 60px;
    display: block;
    color: #444;
}

.category-li.open .cate-item1 a {
    color: #f0bb44
}

.category-cont1 a:last-child {
    border: none;
}

.category-cont1 a.active {
    color: #f0bb44;
}

.category-tig1 {
    font-size: 14px;
    color: #888;
    text-align: right;
    line-height: 48px;
    width: 50px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

    .category-tig1::before, .category-tig1::after {
        content: '';
        background: #888;
        position: absolute;
        top: 50%;
        -webkit-transition: all .3s;
        -o-transition: all .3s;
        transition: all .3s;
    }

    .category-tig1::before {
        width: 16px;
        height: 2px;
        right: 0;
        margin-top: -1px;
    }

    .category-tig1::after {
        width: 2px;
        height: 16px;
        margin-top: -8px;
        right: 7px;
    }

.category-li.open .category-tig1::after {
    opacity: 0;
}

.category-li.open .category-tig1::before {
    background: #f0bb44;
}

.category-cont1 {
    display: none;
}

.category-li.open .category-cont1 {
    display: block;
    border-bottom: solid 1px #cfcfcf;
}

.category-li:last-child.open .category-cont1 {
    border-bottom: none;
    border-top: solid 1px #cfcfcf;
}

.category-pad1 {
    padding: 0 15px;
}

.category-cont1 a {
    line-height: 40px;
    border-bottom: 1px solid #cfcfcf;
    display: block;
    color: #666;
}

.category-pad1 a.active {
    color: #f0bb44;
}

.app-search {
    position: relative;
}

.app-search-text {
    width: 76%;
    height: 48px;
    font-size: 14px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
}

.app-search-btn {
    width: 48px;
    height: 48px;
    display: inline-block;
    background: transparent;
    vertical-align: middle;
    font-size: 16px;
    line-height: 48px;
    text-align: right;
    position: absolute;
    right: 0;
    top: 0;
}


.btn1.close1, .btn2.close1, .btn3.close1, .btn4.close1 {
    bottom: 0;
    right: 0;
}

.btn1.open1 {
    bottom: 125px;
    right: 0;
}

.btn2.open1 {
    bottom: 100px;
    right: 55px;
}

.btn3.open1 {
    bottom: 58px;
    right: 98px;
}

.btn4.open1 {
    bottom: 0px;
    right: 117px;
}








/*app-底部*/
.foot-app {
    width: 100%;
    background: #221611;
    padding: 0;
    display: none;
    background-size: cover;
    border-top: 1px solid #eeeeee;
}

.footer-menu {
    padding: 0 15px;
}

.footer-top {
    padding: 20px;
}

.footer-bot {
    padding: 20px 20px 40px;
    background: #110b09;
}

.footer-tit {
    position: relative;
    border-bottom: 1px solid rgba(230,197,156,0.5);
}

.open .footer-tit a {
    color: rgba(230,197,156,1);
}

.footer-tit a {
    font-size: 16px;
    color: rgba(230,197,156,0.5);
    line-height: 48px;
    margin-right: 48px;
    display: block;
}

.footer-tig {
    font-size: 14px;
    color: #333;
    text-align: right;
    line-height: 48px;
    width: 20px;
    height: 48px;
    position: absolute;
    right: 0px;
    top: 0;
    z-index: 2;
}

    .footer-tig::before,
    .footer-tig::after {
        content: '';
        background: rgba(230,197,156,0.5);
        position: absolute;
        top: 50%;
        transition: all .3s;
        left: 50%;
    }

    .footer-tig::before {
        width: 18px;
        height: 2px;
        margin-left: -8px;
    }

    .footer-tig::after {
        width: 2px;
        height: 18px;
        margin-top: -8px;
    }

.footer-item.open .footer-tig::after {
    opacity: 0;
}

.footer-item.open .footer-tig::before {
    background: rgba(230,197,156,1);
}

.footer-cont {
    display: none;
    border: solid 1px rgba(230,197,156,0.5);
    border-top: 0;
    padding: 0 15px;
}

    .footer-cont a {
        line-height: 40px;
        color: rgba(230,197,156,0.5);
        display: block;
        font-size: 14px;
        border-bottom: dashed 1px rgba(230,197,156,0.5);
    }

        .footer-cont a:last-child {
            border: none;
        }


.footer-top .bottom-lx h3 {
    font-size: 20px;
    line-height: 30px;
    color: #e6c59c;
}

.footer-top .bottomlx-txt {
    margin-top: 10px;
}

.footer-left {
    width: 30%;
    float: right;
}

    .footer-left img {
        display: block;
        width: 100%;
    }

.footer-right {
    width: 100%;
}

    .footer-right p {
        font-size: 14px;
        color: rgba(119,119,119,0.5);
        line-height: 26px;
    }

        .footer-right p a {
            display: inline-block;
            margin-right: 20px;
            transition: ease .5s;
        }

            .footer-right p a:hover {
                color: rgba(244, 222, 193, 1);
            }



.footer-share {
    text-align: right;
}

.footer-right .img {
    float: right;
    width: 16%;
    text-align: center;
    background: #373737;
    padding: 7px;
    padding-bottom: 5px;
}

.footer-right .imgg {
    margin-bottom: 10px;
}

    .footer-right .imgg img {
        width: 100%;
    }

.footer-right .fr2 {
    float: right;
}

.footer-share a {
    display: inline-block !important;
    float: none !important;
    background: none !important;
    font-size: 20px !important;
    height: 30px !important;
    line-height: 30px !important;
    margin: 0 7px !important;
    padding: 0 !important;
    opacity: 1 !important;
    color: rgba(255, 255, 255, 0.5) !important;
}

.foot-lx {
    width: 50%;
}

.footer-bot .bottom2 {
    background: transparent;
}

.footer-bot .left a:last-child {
    margin-right: 0;
}

.footer-bot .bottom2 .left p {
    float: none;
}

.footer-bot .left {
    float: left;
}

.footer-bot .right {
    float: right;
}

.footer-bot .bottom2-img {
    float: right;
}

.footer-link,
.footer-link a {
    line-height: 26px;
    font-size: 14px;
    color: rgba(244, 222, 193, .6);
}

.footer-link {
    padding-bottom: 20px;
    overflow: hidden;
}

    .footer-link a {
        display: block;
        float: left;
        margin-right: 15px;
    }

    .footer-link span {
        float: left;
    }

.footer-top .bottom-lx, .footer-top .bottom-lx ul {
    float: none;
}

.footertop-img {
    margin-top: 10px;
}
/* .footer-top .bottom-ewm,.footer-top .bott-share{text-align: left;} */
/* .footer-right .img{width: 100%;margin: 0 auto;text-align: center;float: none;} */
.footer-right .img .image {
    float: left;
    width: 25%;
}

.footer-right .con1 {
    float: none;
    width: 100%;
    text-align: center;
}

    .footer-right .con1 .bdshare-button-style2-16 .bds_sqq, .footer-right .con1 .bdshare-button-style2-16 .bds_tsina, .footer-right .con1 .bdshare-button-style2-16 .bds_weixin {
        background: none !important;
        font-size: 20px !important;
        float: none !important;
    }

.footer-bot p:nth-child(2) {
    margin-right: 0;
}

.bsBox {
    width: 232px !important;
    height: 256px !important;
}

@media(max-width:1919px) {
    .banner-cont h3 {
        margin-bottom: 300px;
    }

    .banner-font {
        top: 120px;
    }
}

@media(max-width:1459px) {
    .header-language {
        margin-left: 20px;
    }

    .navitem > a {
        padding: 20px 20px;
    }

    .banner-cont h3 {
        font-size: 60px;
        margin-bottom: 220px;
    }

    .banner-font {
        top: 80px;
    }

    .bottom-ul ul {
        margin-right: 12px;
    }

    .navitem > a {
        font-size: 18px;
    }

    .dropdown-menu li a {
        font-size: 16px;
    }

    .drop-txt h3 {
        font-size: 18px;
    }

    .home-title {
        font-size: 35px;
    }

    .homeabout-p {
        font-size: 16px;
        line-height: 30px;
    }

    .homeabout-ul li h3 {
        font-size: 40px;
    }

    .homehistory-txt p {
        font-size: 14px;
    }

    .prosp-one .homehistory-txt p {
        height: 48px;
    }

    .home-des {
        font-size: 16px;
    }

    .homenew-top a {
        font-size: 16px;
    }

    .homenew-text h3 {
        font-size: 18px;
    }

    .homenew-text p {
        font-size: 14px;
    }

    .homelast-txt h3 {
        font-size: 28px;
    }

    .bottom-ul ul li:first-child a {
        font-size: 16px;
    }

    .banner-ul li h4 {
        font-size: 16px;
    }

    .banner-ul {
        padding: 28px 40px;
    }
}

@media(max-width:1259px) {
    .header-app, .foot-app {
        display: block;
    }

    .header, .footer {
        display: none !important;
    }

    body {
        padding-top: 60px;
    }

    .footer, .kf {
        display: none !important;
    }

    .kffixed {
        display: block !important;
    }

    .homeabout-left {
        padding-top: 0;
    }

    .homelast-right li {
        padding: 0 15px;
    }

    .homelast-left {
        width: 40%;
    }

    .homelast-right {
        width: 60%;
        padding-left: 60px;
    }

    .banner-icon {
        display: block;
        margin: 0 auto;
    }

    .banner-ul li h4 {
        display: block;
        margin-left: 0;
        margin-top: 5px;
        transform: none;
    }

    .banner-ul {
        padding: 20px 30px;
    }

    .banner-cont h3 {
        font-size: 50px;
        margin-bottom: 160px;
        line-height: 60px;
    }

    .banner-font {
        top: 80px;
    }

    .home-prolep p i {
        margin-top: 0;
    }

    .home-prolep p {
        height: 350px;
        left: 45px;
    }

    .homeprori-txt h3 {
        font-size: 24px;
    }

    .home-prori-bottom {
        margin-top: 16px;
    }

    .homehistory-img {
        display: none;
    }

    .home-history-con {
        margin-top: 45px;
    }

    .homehistory-ul li {
        max-width: none;
        width: 50%;
        float: left;
        position: static;
        padding: 0 30px;
        margin: 10px 0;
    }

    .homehistory-li4 {
        display: none;
    }

        .homehistory-li4.pro {
            display: block;
            transform: none;
        }

    .homehistory-ul {
        height: auto;
        margin: -10px -30px 32px;
    }

    .homehistory-li1 .homehistory-icon, .homehistory-li2 .homehistory-icon, .homehistory-li3 .homehistory-icon, .homehistory-icon {
        float: none;
        margin: 30px 0;
    }

    .homehistory-li1 .homehistory-txt, .homehistory-li2 .homehistory-txt, .homehistory-li3 .homehistory-txt, .homehistory-txt {
        margin-right: 0;
        margin-left: 0;
    }

    .homehistory-li4.pro .homehistory-txt {
        margin-right: 0px;
    }

    .home-prori-top .homeprori-txt h3 {
        margin-bottom: 15px;
    }

    .home-prori-top .homeprori-txt span {
        margin: 15px auto 0;
    }

    .homehistory-li4.pro .homehistory-icon {
        float: none;
    }
}

@media (max-width: 991px) {
    .banner-list {
        position: static;
        background: rgba(57,36,30,1);
    }

    .banner-ul {
        margin: 0;
        padding: 12px;
        background: none;
    }

        .banner-ul.pass {
            transform: none;
        }

        .banner-ul li {
            width: 33.33%;
            margin: 10px 0;
        }

            .banner-icon, .banner-ul li h4 {
                display: inline-block;
            }

            .banner-ul li h4 {
                margin-left: 7px;
                font-size: 16px;
                transform: translateY(-8px);
            }

            .banner-ul li:nth-child(4) {
                border-left: none;
            }

    .pc-banner .swiper-pagination {
        bottom: 20px;
    }

    .banner-ul li:nth-child(4), .banner-ul li:nth-child(5) {
        transform: translateX(50%);
    }

    .home-title {
        font-size: 34px;
        line-height: 40px;
    }

    .banner-font {
        top: 50px;
    }

    .homeappli-ul li {
        width: 50%;
        margin: 10px 0;
    }

    .homeappli-ul {
        margin: -10px 0;
    }

    .homeabout-ul li {
        width: 33.33%;
        margin: 10px 0;
    }

    .homeabout-ul {
        margin: -10px 0;
    }

        .homeabout-ul li:nth-child(3)::before {
            display: none;
        }
    /* .homeabout-ul li:nth-child(4),.homeabout-ul li:nth-child(5){transform: translateX(50%);} */
    .homenew-ul li {
        width: 50%;
        margin: 10px 0;
    }

    .homenew-ul {
        margin: -10px 0;
    }

    .homenew-img span {
        width: 55px;
        height: 55px;
        padding: 7px 0;
        font-size: 14px;
        line-height: 24px;
        right: 10px;
        bottom: 10px;
    }

    .homeabout-right {
        float: none;
        width: 100%;
    }

    .homeabout-left {
        float: none;
        width: 100%;
        padding: 40px 0 0;
    }

    .homeabout-p {
        max-height: none;
        height: auto;
        padding-right: 0;
    }

    .homelast-left {
        height: auto;
    }

    .banner-cont h3 {
        margin-bottom: 120px;
    }

    .banner-cont h3 {
        font-size: 42px;
        line-height: 50px;
    }

    .home-prolep p {
        height: 280px;
        left: 15px;
        font-size: 15px;
        bottom: 15px;
    }

    .homeprori-txt h3 {
        font-size: 20px;
    }

    .homeprori-txt {
        padding: 0px 30px 0;
    }

        .homeprori-txt span {
            width: 35px;
            height: 35px;
        }

    .home-prori-top .homeprori-txt h3 {
        margin-bottom: 10px;
    }

    .home-prori-top .homeprori-txt span {
        margin: 10px auto 0;
    }

    .home-prori-top .homeprori-txt {
        padding: 0 20px;
    }
}

@media (max-width: 767px) {
    .banner-cont h3 {
        font-size: 34px;
        line-height: 40px;
    }

    .home-title {
        font-size: 23px;
    }

    .home-appli-con, .home-procon, .home-about-con, .home-news-con, .homenew-bot {
        margin-top: 30px;
    }

    .homelast-left {
        float: none;
        width: 100%;
    }

    .homelast-right {
        float: none;
        width: 100%;
        padding-left: 0;
        margin-top: 20px;
        padding: 0 30px;
    }

    .homelast-txt {
        padding: 60px 32px;
    }

    .homeprori-txt span {
        margin-top: 20px;
        width: 32px;
        height: 32px;
    }

    .homeprori-txt h3 {
        font-size: 18px;
    }

    .homeprori-txt {
        padding: 0px 20px 0;
    }

    .home-prori-bottom {
        margin-top: 14px;
    }

    .home-prole img:nth-child(2) {
        display: block;
        transform: none;
    }

    .home-prole img:nth-child(1), .home-prolep {
        display: none;
    }

    .homelast-right li {
        float: none;
        width: 100%;
    }

    .home-des {
        font-size: 16px;
        margin-top: 0px;
    }

    .home-padd {
        padding: 40px 0;
    }

    .home-appli-txt h3 {
        font-size: 18px;
    }

    .homeabout-p {
        font-size: 16px;
        line-height: 30px;
    }

    .homeabout-ul li h3 {
        font-size: 34px;
        line-height: 50px;
    }

    .homeabout-ul li p {
        font-size: 15px;
        height: 70px;
    }

    .home-about .view-more {
        margin-top: 20px;
    }

    .homenew-text p {
        font-size: 15px;
    }

    .homenew-text h3 {
        font-size: 18px;
    }

    .homelast-txt h3 {
        font-size: 22px;
        line-height: 32px;
    }

    .homelast-hr {
        margin-top: 20px;
    }

    .homenew-top a {
        font-size: 16px;
    }

    .homehistory-txt h3 {
        font-size: 19px;
        margin: 6px;
    }

    .homehistory-txt p {
        font-size: 15px;
    }

    .prosp-one .homehistory-txt p {
        height: 72px;
    }

    .homehistory-txt h3 span {
        font-size: 22px;
    }

    .homehistory-icon {
        width: 60px;
        height: 60px;
    }

        .homehistory-icon::before {
            width: 80px;
            height: 80px;
            top: -10px;
            left: -10px;
        }

    .homehistory-li1 .homehistory-icon, .homehistory-li2 .homehistory-icon, .homehistory-li3 .homehistory-icon, .homehistory-icon {
        margin: 20px 0;
        margin-left: auto;
        margin-right: auto;
    }

    .homehistory-ul li {
        padding: 0 20px;
    }

    .homehistory-ul {
        margin: -10px -20px 20px;
    }

    .home-history-con {
        margin-top: 20px;
        padding-bottom: 0;
    }

    .home-procon, .home-appli-con {
        margin-bottom: 30px;
    }

    .homeprori-txt p {
        display: none;
    }
}

@media(max-width:640px) {
    .home-appbanner {
        display: block;
    }

    .home-pcbanner {
        display: none;
    }

    .banner-font {
        top: 50px;
    }

    .banner-cont h3 {
        margin-bottom: 100px;
        font-size: 28px;
    }

        .banner-cont h3 i {
            width: 35px;
        }

    .banner-ul li {
        width: 50%;
        padding: 0 5px;
    }

        .banner-ul li:nth-child(4) {
            transform: none;
            border-left: 1px solid rgba(255,255,255,0.2);
        }

        .banner-ul li:nth-child(3) {
            border-left: none;
            transform: none;
        }

        .banner-ul li:nth-child(5) {
            border-left: none;
        }

    .banner-icon {
        width: 28px;
        height: 28px;
    }
    /* .banner-ul li h4{font-size: 16px;} */
    .view-more span {
        padding: 5px 20px 5px 28px;
    }

    .view-more {
        width: 130px;
    }

    .homeappli-ul li {
        width: 100%;
        float: none;
        padding: 0;
        margin: 15px 0;
    }

    .homeappli-ul {
        margin: -15px 0;
    }

    .home-prole {
        float: none;
        width: 100%;
    }

    .home-prori {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .homeabout-ul li {
        width: 50%;
    }

        .homeabout-ul li:last-child {
            transform: translateX(50%);
        }

        .homeabout-ul li:nth-child(odd)::before {
            display: block;
        }

        .homeabout-ul li:nth-child(even)::before {
            display: none;
        }

    .homenew-ul li {
        width: 100%;
        padding: 0;
        margin: 15px 0;
    }

    .homenew-ul {
        margin: -15px 0;
    }

    .homenew-top a {
        padding: 4px 10px;
    }

    .homelast-txt {
        padding: 40px 15px;
    }
}

@media(max-width:450px) {
    .prosp-one .homehistory-txt p
    .homeprori-txt {
        padding: 25px 20px 0;
    }

    .homeprori-txt h3 {
        font-size: 16px;
    }

    .prosp-one .homehistory-ul li {
        width: 100%;
        margin: -1px 0;
    }
}

@media(max-width:410px) {
    .banner-ul li h4 {
        font-size: 15px;
        margin-left: 5px;
    }

    .banner-icon {
    }

    .banner-ul {
        padding: 20px 6px;
    }

    .homeprori-txt span {
        display: none;
    }

    .homeprori-txt {
        padding: 0px 12px 0;
    }

    .home-prori-top .homeprori-txt h3 {
        margin-bottom: 0;
    }
}

@media(max-width:375px) {
}

@media(max-width:360px) {
}

@media(max-width:320px) {
    .banner-cont h3 {
        margin-bottom: 90px;
    }

    .homehistory-ul li {
        width: 100%;
    }
}



/*   */
/* ============banner=========== */
.lbanner {
    margin-top: -20px;
    background-size: cover !important;
    height: 400px;
    position: relative;
    background-position: center !important;
    background-repeat: no-repeat !important;
}

.lappbanner {
    width: 100%;
    display: none;
}

.lbanner-cont {
    position: absolute;
    width: 100%;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}

.lbanner-font {
    color: #fff;
}

    .lbanner-font h3 {
        font-size: 40px;
        line-height: 40px;
        margin-bottom: 10px;
    }

    .lbanner-font p {
        font-size: 20px;
        line-height: 40px;
    }

.lbread {
    position: absolute;
    bottom: 30px;
    left: 0;
    width: 100%;
    text-align: right;
    z-index: 6;
}

    .lbread p {
        font-size: 14px;
        line-height: 24px;
        color: #fff;
        position: relative;
        display: inline-block;
        padding-left: 25px;
    }

        .lbread p::before {
            position: absolute;
            content: "";
            width: 16px;
            height: 16px;
            background: url(../image/lbanner-ba.png)no-repeat center;
            background-size: 100%;
            left: 0;
            top: 3px;
        }

    .lbread a {
        display: inline-block;
        transition: ease .5s;
        margin: 0 3px;
    }

        .lbread a:hover {
            color: #39241e;
        }

.lbanner-app {
    display: none;
}

/* ===========menu=========== */
.lmenu {
    border-bottom: 1px solid #efefef;
    overflow-x: auto;
    white-space: nowrap;
    height: 80px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
}

    .lmenu::-webkit-scrollbar {
        height: 2px;
        background-color: transparent;
    }

    .lmenu::-webkit-scrollbar-thumb {
        background-color: #fabd00;
        border-radius: 10px;
    }

    .lmenu a {
        border-radius: 25px;
        font-size: 16px;
        line-height: 34px;
        color: #333;
        display: inline-block;
        position: relative;
        padding: 0px 26px;
        transition: ease .5s;
        overflow: hidden;
        margin-top: 22px;
    }

        .lmenu a.on, .lmenu a:hover {
            background: #f0bb44;
            color: #333;
        }


@media(max-width:1259px) {
}

@media(max-width:767px) {
}

@media(max-width:640px) {
}
/* =============page========== */
.lpage {
    text-align: center;
}

.lpage-con {
    display: inline-block;
}

.lpage a {
    font-size: 18px;
    line-height: 24px;
    color: #4c3934;
    font-family: "DIN-REGULAR";
    transition: ease .5s;
    padding: 7px 14px;
    display: inline-block;
    margin: 0 5px;
    border: 1px solid #4c3934;
}

    .lpage a.zz {
        display: none;
    }

    .lpage a.on, .lpage a:hover {
        background-color: #f0bb44;
        border-color: #f0bb44;
    }

    .lpage a i {
        display: block;
        color: #4c3934;
        font-weight: bold;
        transition: ease .5s;
    }

    .lpage a:hover i {
        color: #333;
    }

    .lpage a em {
        display: block;
        color: #4c3934;
        font-weight: bold;
        transition: ease .5s;
    }

    .lpage a:hover em {
        color: #333;
    }

    .lpage a em {
        display: block;
        color: #4c3934;
        font-weight: bold;
        transition: ease .5s;
    }

    .lpage a:hover em {
        color: #333;
    }

    .lpage a.lpage-prev, .lpage a.lpage-next {
        border: none;
    }

        .lpage a.lpage-prev:hover, .lpage a.lpage-next:hover {
            background-color: transparent;
        }

            .lpage a.lpage-prev:hover i, .lpage a.lpage-next:hover i {
                color: #f0bb44;
            }

            .lpage a.lpage-prev:hover em, .lpage a.lpage-next:hover em {
                color: #f0bb44;
            }

/* ==============anchor============= */
.anchor {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    padding: 15px 0;
    z-index: 490;
    background: #fff;
    box-shadow: 0 2px 5px 0 rgba(0,0,0,0.1);
    text-align: center;
    display: none;
}

    .anchor li {
        display: inline-block;
        vertical-align: middle;
        margin: 0 5px;
    }

        .anchor li a {
            display: block;
            padding: 0 26px;
            font-size: 14px;
            line-height: 34px;
            text-align: center;
            color: #333;
            border: 1px solid #dfdfdf;
            border-radius: 20px;
            transition: all .3s;
        }

            .anchor li.on a, .anchor li a:hover {
                color: #f0bb44;
                ;
                border-color: #f0bb44;
            }

/* ===============nav-second=========== */
.appsecond-nav {
    position: relative;
    display: none;
    z-index: 200;
}

.bot {
    position: absolute;
    top: 48px;
    background: #fff;
    z-index: 10;
}

.se-bot {
    width: 100%;
    display: none;
}

.se-top {
    height: 48px;
    line-height: 48px;
    border-bottom: solid 1px #d8d8d8;
    position: relative;
}

.se-top1 {
    background: #fff;
    /* border-bottom: none !important; */
}

.se-top .se-a {
    color: #444;
    font-size: 16px;
    display: block;
    padding: 0px 20px;
}

.se-tig.P_tig {
    font-size: 16px;
    color: #333;
    text-align: center;
    transition: all .5s;
    line-height: 48px;
    width: 48px;
    height: 48px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 2;
}

.se-btop {
    height: 48px;
    line-height: 48px;
}

.se-a1 {
    color: #444;
    font-size: 16px;
    padding: 0px 20px;
    display: block;
}

    .se-a1.hover {
        color: #fff;
        background: #f0bb44;
        border-bottom: solid 1px #fff;
    }

.se-tig.P_tig.open {
    transform: rotateZ(90deg);
    opacity: 1;
}

.se-bottom {
    display: none;
    background: white;
}

    .se-bottom a {
        display: block;
        font-size: 14px;
        color: #888;
        border-bottom: 1px solid #eee;
        padding: 10px 30px;
    }
        /* .se-bottom a:last-child{border-bottom: none;} */
        .se-bottom a.on {
            font-weight: bold;
        }

.se-btop.active .se-tig.P_tig {
    color: #fff;
}

.se-btop.active .se-a1 {
    background: #f9be00;
    color: #fff;
    border-bottom: 1px solid #fff;
}





/* ==========内页============ */
.ny-padd {
    padding: 60px 0 100px 0;
}

.about-one.ny-padd {
    padding: 80px 0 100px 0;
}

@media (max-width:1459px) {
    .ny-padd {
        padding: 30px 0 60px 0;
    }

    .about-one.ny-padd {
        padding: 60px 0 100px 0;
    }
}
/* =========================== news ============================ */
.news {
    padding-top: 50px;
}

.news-con {
    margin-bottom: 50px;
}

.news-ul {
}

    .news-ul li {
    }

        .news-ul li a {
            display: block;
            border-bottom: 1px solid #e5e5e5;
            padding: 30px 0;
        }

.news-img {
    overflow: hidden;
    float: left;
    width: 32.14%;
    transition: ease .5s;
}

    .news-img img {
        width: 100%;
        transition: ease .5s;
    }

.news-txt {
    float: right;
    width: 67.86%;
    padding: 20px 0;
    padding-left: 50px;
    transition: ease .5s;
}

    .news-txt h3 {
        font-size: 22px;
        line-height: 30px;
        color: #222;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        transition: ease .5s;
    }

    .news-txt h5 {
        font-size: 16px;
        line-height: 28px;
        color: #777;
        margin: 15px 0;
    }

    .news-txt p {
        font-size: 16px;
        line-height: 28px;
        color: #777;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        max-height: 56px;
    }

    .news-txt span {
        display: inline-block;
        font-size: 14px;
        line-height: 24px;
        color: #39241e;
        margin-top: 35px;
        transition: ease .5s;
        background: url(../image/homeappli-mo.png)no-repeat center left;
        padding-left: 25px;
    }

.news-ul li:hover .news-txt span {
    color: #ffc001;
    background-image: url(../image/homenew-mo1.png);
}

.news-ul li:hover .news-txt h3 {
    color: #ffc001;
}

.news-ul li:hover .news-txt {
    transform: translateX(10px);
}

.news-ul li:hover .news-img {
    transform: translateX(-10px);
}

    .news-ul li:hover .news-img img {
        transform: scale(1.04);
    }

@media (max-width:1259px) {

    .news-txt {
        padding: 5px 0;
        padding-left: 30px;
    }

        .news-txt p {
            -webkit-line-clamp: 1;
        }

        .news-txt span {
            margin-top: 25px;
        }
}

@media (max-width:991px) {
    .lbanner {
        height: 360px;
    }

    .news-ul li a {
        padding: 30px 0;
    }

    .news-txt {
        padding: 0;
        padding-left: 30px;
    }

        .news-txt h5 {
            margin: 5px 0;
        }

        .news-txt span {
            margin-top: 15px;
        }
}

@media (max-width:767px) {
    .lbanner-font h3 {
        font-size: 28px;
    }

    .lbanner-font p {
        font-size: 17px;
        line-height: 30px;
    }

    .news-txt h3 {
        font-size: 18px;
    }

    .news-txt h5 {
        font-size: 14px;
        line-height: 24px;
    }

    .news-ul li {
        float: left;
        width: 50%;
        padding: 0 10px;
        margin: 10px 0;
    }

        .news-ul li a {
            padding: 0;
        }

    .news-ul {
        margin: -10px;
        margin-top: 15px;
    }

    .news-txt {
        float: none;
        width: 100%;
        padding: 20px 0;
    }

    .news-img {
        float: none;
        width: 100%;
    }

    .news-ul li:hover .news-img, .news-ul li:hover .news-txt {
        transform: none;
    }

    .ny-padd {
        padding: 55px 0 40px;
    }

    .about-one .ny-padd {
        padding: 55px 0 100px 0;
    }
}

@media (max-width:640px) {
    .lbanner {
        height: auto;
    }
}

@media (max-width:320px) {
    .news-ul li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 15px 0;
    }

    .news-ul {
        margin: -15px 0;
    }
}

@media(max-width:767px) {
    .appsecond-nav {
        display: block;
    }

    .product-menu, .produmenu-hover {
        display: none;
    }

    .lmenu {
        display: none;
    }

    .lpage a {
        font-size: 16px;
    }
}
/* 2019.12.31 */
@media(max-width:640px) {
    .lappbanner {
        display: block;
    }

    .lbanner {
        background: none !important;
        height: auto;
        position: relative;
    }

    .lbread {
        bottom: 15px;
        display: none;
    }

    .lbanner-font h3 {
        font-size: 24px;
        margin-bottom: 0;
    }

    .lbanner-font p {
        font-size: 16px;
    }

    .lpage a {
        padding: 4px 12px;
        margin: 0 4px;
    }
}

@media(max-width:375px) {
}

@media(max-width:360px) {
}

@media(max-width:320px) {
}

/* ======================= newsinfo ======================== */
.newsinfo {
}

.newsinfo-con {
    width: 80%;
    margin: auto;
}

.newsinfo-tit {
    font-size: 26px;
    line-height: 40px;
    color: #333;
    text-align: center;
}

.newsinfo-dec {
    margin-top: 10px;
    text-align: center;
    font-size: 16px;
    line-height: 24px;
    color: #999;
}

    .newsinfo-dec span {
        display: inline-block;
        margin: 0 5px;
    }

.newsinfo-font {
    margin-top: 45px;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    padding: 10px 0;
}

.newsinfo-p {
    margin-top: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.newsinfo-font {
    margin-top: 30px;
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.newsinfo-p a {
    display: inline-block;
    transition: ease .5s;
}

.newsinfo-font a {
    display: inline-block;
    transition: ease .5s;
}

.newsinfo-p a:hover {
    color: #f0bb44;
}

.newsinfo-font a:hover {
    color: #f0bb44;
}

.newsinfo-img {
    text-align: center;
    margin: 30px 0;
}

    .newsinfo-img img {
        display: inline-block;
        max-width: 100%;
        margin: 10px;
    }
/*.newsinfo-font{text-align: center;margin: 30px 0;}*/
.newsinfo-font img {
    display: inline-block;
    max-width: 100%;
    margin: 10px;
    text-align: center;
    margin-left: 0px;
}

.newsinfo-bot {
    margin-bottom: 20px;
    margin-top: 0px;
}

.newsinfobot-left {
    float: left;
}

.button-fan {
    display: block;
    position: relative;
    font-size: 16px;
    line-height: 24px;
    color: #4c3934;
    width: 160px;
    height: 52px;
    text-align: center;
    transition: ease .5s;
    text-transform: uppercase;
    overflow: hidden;
}

    .button-fan span {
        position: relative;
        z-index: 2;
        display: block;
        padding: 13px 0;
        border: 1px solid #4c3934;
        transition: ease;
    }

    .button-fan::before {
        content: '';
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
        border-style: solid;
        border-width: 0 0 0 0;
        border-color: transparent transparent transparent #4c3934;
        position: absolute;
        bottom: 0;
        left: 0;
        transition: ease .5s;
    }

    .button-fan::after {
        content: '';
        width: 0;
        height: 0;
        -webkit-transform: rotate(360deg);
        border-style: solid;
        border-width: 0 0 0 0;
        border-color: transparent #4c3934 transparent transparent;
        position: absolute;
        top: 0;
        right: 0;
        transition: ease .5s;
    }

    .button-fan:hover::before {
        border-width: 160px 0 0 160px;
    }

    .button-fan:hover::after {
        border-width: 0 160px 160px 0;
    }

    .button-fan:hover {
        color: #fff;
    }

        .button-fan:hover span {
            border-color: #4c3934;
        }

.newsinfobot-right {
    float: right;
}

    .newsinfobot-right span {
        display: inline-block;
        font-size: 16px;
        line-height: 26px;
        color: #999;
    }

    .newsinfobot-right a {
        background-image: none !important;
        display: inline-block !important;
        color: #fff !important;
        font-size: 16px !important;
        width: 26px !important;
        height: 26px !important;
        padding: 0 !important;
        margin: 0 !important;
        text-align: center !important;
        line-height: 26px !important;
        border-radius: 50% !important;
        text-decoration: none !important;
        transition: ease .5s;
        margin: 0 2px !important;
    }

        .newsinfobot-right a.icon-weibo {
            background-color: #da3c3c !important;
        }

        .newsinfobot-right a.icon-weixin {
            background-color: #21ba41 !important;
        }

        .newsinfobot-right a.icon-qq {
            background-color: #3e91ee !important;
        }

        .newsinfobot-right a.icon-kongjian {
            background-color: #f4c50b !important;
        }

        .newsinfobot-right a.icon-share-hole {
            color: #9a9a9a !important;
        }

        .newsinfobot-right a.icon-baidu {
            background-color: #3245df !important;
        }

.newsinfo-page {
    margin-top: 20px;
}

    .newsinfo-page a {
        display: block;
        font-size: 16px;
        line-height: 32px;
        color: #666;
        transition: ease .5s;
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
        max-width: 50%;
    }

        .newsinfo-page a:hover {
            color: #f0bb44;
        }

@media (max-width:991px) {
    .newsinfo-tit {
        font-size: 24px;
        line-height: 34px;
    }
}

@media (max-width:767px) {
    .newsinfo-tit {
        font-size: 22px;
        line-height: 34px;
    }

    .newsinfo-p {
        font-size: 15px;
        line-height: 30px;
    }

    .newsinfo-font {
        font-size: 15px;
        line-height: 30px;
    }

    .newsinfo-font {
        margin-top: 25px;
    }

    .newsinfo-p {
        margin-top: 10px;
    }

    .newsinfo-img {
        margin: 10px 0;
    }

    .button-fan {
        width: 120px;
        height: 38px;
        font-size: 15px;
    }

        .button-fan span {
            padding: 6px 0;
        }

    .newsinfo-dec {
        font-size: 14px;
    }

    .newsinfo-bot {
        margin: 20px 0 10px;
    }
}

@media (max-width:640px) {
    .newsinfobot-left {
        float: none;
    }

    .newsinfobot-right {
        float: none;
        margin-top: 15px;
    }

    .newsinfo-page a {
        max-width: 100%;
    }

    .newsinfo-tit {
        font-size: 20px;
    }

    .newsinfo-img img {
        margin: 10px 0;
    }

    .newsinfo-img {
        margin: 10px 0;
    }

    .newsinfo-con {
        width: 100%;
    }

    .news-con {
        margin-bottom: 30px;
    }
}



/* =================== video ========================== */
.video {
    padding-top: 80px;
}
/*视频弹窗*/
.msg-box-bg {
    width: 100%;
    height: 100%;
    position: fixed;
    left: 0;
    top: 0;
    display: none;
    z-index: 10001;
    background: rgba(0,0,0,0.5);
}

.msg-box {
    width: 860px;
    height: 524px;
    padding: 50px;
    background-color: #F3F3F3;
    position: absolute;
    left: 50%;
    margin-left: -430px;
    top: 0;
    margin-top: -262px;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

    .msg-box .close-box {
        width: 38px;
        height: 38px;
        font-size: 30px;
        color: #666;
        cursor: pointer;
        position: absolute;
        right: 10px;
        top: 10px;
        -webkit-transition: .5s;
        -ms-transition: .5s;
        -moz-transition: .5s;
        -o-transition: .5s;
        transition: .5s;
    }

        .msg-box .close-box:hover {
            -webkit-transform: rotate(90deg);
            -ms-transform: rotate(90deg);
            -moz-transform: rotate(90deg);
            -o-transform: rotate(90deg);
            transform: rotate(90deg);
        }
/*视频弹窗  -end*/
.video-con {
}

.video-menu {
    text-align: center;
    margin-bottom: 50px;
    overflow-x: auto;
    white-space: nowrap;
}

    .video-menu a {
        display: inline-block;
        font-size: 18px;
        line-height: 30px;
        color: #321f1a;
        position: relative;
        transition: ease .5s;
        border-radius: 5px;
        padding: 5px 23px;
    }

        .video-menu a::before {
            position: absolute;
            content: "";
            width: 1px;
            height: 15px;
            background: #afa8a6;
            right: 0;
            top: 50%;
            margin-top: -8px;
            transform: rotate(25deg);
        }

        .video-menu a.on {
            background: #321f1a;
            color: #fff;
        }

            .video-menu a.on::before, .video-menu a:last-child::before {
                display: none;
            }

        .video-menu a:hover {
            color: #f0bb44;
        }

.video-ul {
    margin: 0 -12px;
}

    .video-ul li {
        float: left;
        width: 33.33%;
        padding: 0 12px;
        margin-bottom: 45px;
    }

        .video-ul li a {
            display: block;
        }

.video-img {
    position: relative;
    overflow: hidden;
}

    .video-img::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: rgba(0,0,0,0.6) url(../image/play-button.png)no-repeat center;
    }

    .video-img img {
        width: 100%;
    }

.video-h3 {
    font-size: 20px;
    line-height: 30px;
    color: #222;
    margin-top: 25px;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center;
    overflow: hidden;
}

@media (max-width:1259px) {
    .msg-box {
        width: 800px;
        height: 465px;
        padding: 30px;
    }

        .msg-box .close-box {
            width: 24px;
            height: 24px;
            font-size: 24px;
            top: 5px;
            right: 5px
        }
}

@media (max-width:991px) {
    .video-h3 {
        font-size: 18px;
        margin-top: 15px;
    }

    .video-ul li {
        margin-bottom: 30px;
    }

    .video-con {
        margin-bottom: 10px;
    }

    .video-img::before {
        background-size: 35px 35px;
    }

    .msg-box {
        width: 600px;
        height: 365px;
        left: 50%;
        margin-left: -300px;
    }
}

@media (max-width:767px) {
    .msg-box {
        width: 500px;
        margin-left: -250px;
    }

    .video-ul li {
        width: 50%;
        padding: 0 5px;
        margin-bottom: 20px;
    }

    .video-ul {
        margin: 0 -5px;
    }

    .video-menu a {
        font-size: 16px;
        padding: 3px 20px;
    }

    .video-h3 {
        font-size: 17px;
        margin-top: 10px;
    }

    .video {
        padding-top: 55px;
    }

    .video-menu {
        margin-bottom: 30px;
    }
}

@media (max-width:640px) {
    .msg-box {
        width: 320px;
        margin-left: -160px;
        height: 300px;
    }
}

@media (max-width: 400px) {
    .msg-box {
        width: 280px;
        margin-left: -140px;
    }
}

@media (max-width: 320px) {
    .video-ul li {
        width: 100%;
        float: none;
        padding: 0;
    }

    .video-ul {
        margin: 0;
    }
}

/* ============================== job ======================= */
.job {
}

.job-con {
    margin: -20px 0 50px;
}

.job-item {
    margin-top: 20px;
}

.job-hea {
    border: 1px solid #dcdcdc;
    padding: 23px 30px;
    cursor: pointer;
}

.job-le {
    float: left;
}

    .job-le h3 {
        font-size: 20px;
        line-height: 30px;
        color: #f0bb44;
        margin-bottom: 10px;
    }

    .job-le p {
        font-size: 16px;
        line-height: 30px;
        color: #666;
    }

        .job-le p span {
            display: inline-block;
            position: relative;
            margin: 0 10px;
        }

            .job-le p span:first-child {
                margin-left: 0;
            }

            .job-le p span::before {
                position: absolute;
                content: "";
                width: 1px;
                height: 17px;
                right: -10px;
                top: 5px;
                background: #dcdcdc;
            }

            .job-le p span:last-child::before {
                display: none;
            }

.job-ri {
    float: right;
    margin-top: 15px;
}

    .job-ri i {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        border: 1px solid #9b9b9b;
        transition: ease .5s;
        position: relative;
    }

        .job-ri i::before, .job-ri i::after {
            position: absolute;
            content: "";
            top: 50%;
            left: 50%;
            background: #999999;
        }

        .job-ri i::before {
            width: 18px;
            height: 2px;
            margin-left: -8px;
        }

        .job-ri i::after {
            width: 2px;
            height: 18px;
            margin-top: -8px;
        }

.job-item.open .job-ri i {
    border-color: #f0bb44;
}

    .job-item.open .job-ri i::before, .job-item.open .job-ri i::after {
        background-color: #f0bb44;
    }

    .job-item.open .job-ri i::after {
        opacity: 0;
    }

.job-ri em {
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #9b9b9b;
    transition: ease .5s;
    position: relative;
}

    .job-ri em::before, .job-ri em::after {
        position: absolute;
        content: "";
        top: 50%;
        left: 50%;
        background: #999999;
    }

    .job-ri em::before {
        width: 18px;
        height: 2px;
        margin-left: -8px;
    }

    .job-ri em::after {
        width: 2px;
        height: 18px;
        margin-top: -8px;
    }

.job-item.open .job-ri em {
    border-color: #f0bb44;
}

    .job-item.open .job-ri em::before, .job-item.open .job-ri em::after {
        background-color: #f0bb44;
    }

    .job-item.open .job-ri em::after {
        opacity: 0;
    }

.job-cont {
    border: 1px solid #dcdcdc;
    border-top: none;
    display: none;
}

.job-item.open .job-cont {
    display: block;
}

.job-pad {
    padding: 45px 30px 60px;
}

    .job-pad h4, .job-pad h5 {
        font-size: 16px;
        line-height: 36px;
        color: #333;
    }

    .job-pad h4 {
        margin-top: 50px;
    }

    .job-pad p {
        font-size: 16px;
        line-height: 36px;
        color: #666;
    }
/* .job-p{margin-bottom: 50px;} */
.job-sub {
    margin-top: 20px;
    background: #f0bb44;
}

    .job-sub span {
        border-color: #f0bb44;
    }

    .job-sub:hover span {
        border-color: #4c3934;
    }

@media (max-width:991px) {
    .job-le h3 {
        margin-bottom: 5px;
    }

    .job-hea {
        padding: 15px 30px;
    }

    .job-ri {
        margin-top: 12px;
    }

        .job-ri i {
            width: 36px;
            height: 36px;
        }

        .job-ri em {
            width: 36px;
            height: 36px;
        }
}

@media (max-width:767px) {
    .job-le h3 {
        font-size: 17px;
        margin-bottom: 0;
    }

    .job-le p {
        font-size: 15px;
    }

    .job-ri i {
        width: 30px;
        height: 30px;
    }

        .job-ri i::before {
            width: 14px;
            margin-left: -6px;
        }

        .job-ri i::after {
            height: 14px;
            margin-top: -6px;
        }

    .job-ri em {
        width: 30px;
        height: 30px;
    }

        .job-ri em::before {
            width: 14px;
            margin-left: -6px;
        }

        .job-ri em::after {
            height: 14px;
            margin-top: -6px;
        }

    .job-pad h4 {
        margin-top: 20px;
    }

    .job-pad p {
        font-size: 15px;
        line-height: 32px;
    }

    .job-pad {
        padding: 30px 30px 20px;
    }

    .job-hea {
        padding: 10px 25px;
    }

    .job-con {
        margin-bottom: 30px;
    }
}

@media (max-width:640px) {
    .job-pad {
        padding: 20px 16px 20px;
    }

    .job-hea {
        padding: 10px 16px;
    }

    .job-item {
        margin-top: 15px;
    }

    .job-con {
        margin-top: -15px;
    }
}


/* ================== contact ================= */
.contact {
}

.contact-one {
}

.contact-tit {
    font-size: 30px;
    line-height: 40px;
    color: #333;
}

.contact-dot {
    margin-top: 15px;
    display: none;
}

    .contact-dot span {
        display: inline-block;
        width: 5px;
        height: 5px;
        border-radius: 50%;
        margin: 0 5px;
    }

        .contact-dot span:first-child {
            margin-left: 0;
            background-color: #535353;
        }

        .contact-dot span:nth-child(2) {
            background-color: #b5b5b5;
        }

        .contact-dot span:nth-child(3) {
            background-color: #dcdcdc;
        }

.contact1-con {
    margin-top: 20px;
}

.contact1-left {
    float: left;
    width: 67.85%;
}

.contact1-right {
    float: right;
    width: 32.15%;
}

.contact1-ul {
}

    .contact1-ul li {
        float: left;
        width: 50%;
        margin-top: 20px;
        position: relative;
        padding-left: 52px;
    }

        .contact1-ul li span {
            display: block;
            font-size: 22px;
            line-height: 32px;
            color: #333;
        }

        .contact1-ul li::before {
            position: absolute;
            content: "";
            width: 19px;
            height: 23px;
            background: url(../image/contact-addr.png)no-repeat center;
            left: 18px;
            top: 10px;
        }

        .contact1-ul li.share::before {
            background-image: url(../image/contact-share.png);
            height: 19px;
        }

        .contact1-ul li p {
            font-size: 18px;
            line-height: 36px;
            color: #666;
        }

            .contact1-ul li p a {
                display: block;
                transition: ease .5s;
            }

                .contact1-ul li p a:hover {
                    color: #F0BB44;
                }

.contact1-ewm {
    text-align: center;
    display: inline-block;
    margin: 0 30px;
}

    .contact1-ewm img {
        display: inline-block;
        max-width: 100%;
        margin-bottom: 5px;
    }

    .contact1-ewm p {
        font-size: 14px;
        line-height: 24px;
        color: #333;
    }

    .contact1-ewm:first-child {
        margin-left: 0;
    }

.contact-two {
    /* margin: 50px 0 80px; */
}

    .contact-two img {
        width: 100%;
    }

.contact-three {
    margin: 40px 0 40px;
}

.contact3-con {
    margin-top: 40px;
}

.contact3-ul {
    margin: 0 -12px;
}

    .contact3-ul li {
        float: left;
        width: 33.33%;
        padding: 0 12px;
    }

        .contact3-ul li > div {
            width: 100%;
            background: #fff;
            box-shadow: 0 0 13px rgba(0,0,0,0.1);
            padding: 40px 50px;
            transition: ease .5s;
        }

        .contact3-ul li h3 {
            position: relative;
            font-size: 22px;
            line-height: 30px;
            color: #333;
            border-bottom: 1px solid #e5e5e5;
            padding-top: 40px;
            text-align: center;
            padding-bottom: 20px;
            margin-bottom: 25px;
        }

            .contact3-ul li h3::before {
                position: absolute;
                content: "";
                width: 21px;
                height: 26px;
                background: url(../image/contact3-addr.png)no-repeat center;
                background-size: 100%;
                top: 0;
                left: 50%;
                margin-left: -10px;
            }

            .contact3-ul li h3::after {
                position: absolute;
                content: "";
                width: 60px;
                height: 2px;
                background: #f0bb44;
                bottom: 0;
                left: 50%;
                margin-left: -30px;
                margin-bottom: -2px;
            }

        .contact3-ul li p {
            font-size: 18px;
            line-height: 30px;
            color: #666;
            width: 68%;
            margin: 0 auto;
        }

        .contact3-ul li:hover > div {
            transform: translateY(-10px);
        }

        .contact3-ul li:hover h3 {
            color: #f0bb44;
        }

@media (max-width:1459px) {
    .contact3-ul li p {
        width: 82%;
    }

    .contact1-left {
        width: 72%;
    }

    .contact1-right {
        width: 28%;
    }
}

@media (max-width:1259px) {
    .contact3-ul li p {
        width: 100%;
    }

    .contact3-ul li > div {
        padding: 40px 30px;
    }

    .contact1-left {
        float: none;
        width: 100%;
    }

    .contact1-right {
        float: none;
        width: 100%;
        margin-top: 30px;
    }
}

@media (max-width:991px) {
    .contact1-ul li p {
        height: 64px;
        font-size: 16px;
        line-height: 32px;
    }

    .contact-tit {
        font-size: 28px;
    }

    .contact1-right {
        margin-top: 10px;
    }

    .contact1-ewm {
        margin: 0 10px;
    }

    .contact3-ul li {
        width: 50%;
        margin: 10px 0;
    }

    .contact3-ul {
        margin: -10px -12px;
    }
}

@media (max-width:767px) {
    .contact-tit {
        font-size: 24px;
        line-height: 30px;
        text-align: center;
    }

    .contact-dot {
        margin-top: 8px;
    }

    .contact1-ul li {
        margin-top: 10px;
        width: 100%;
        float: none;
    }

        .contact1-ul li p {
            height: auto;
        }

    .contact1-con {
        margin: 10px;
    }

    .contact-two {
        margin: 30px 0 40px;
    }

    .contact3-ul li h3 {
        font-size: 18px;
    }

    .contact3-ul li p {
        font-size: 16px;
    }

    .contact3-ul li {
        padding: 0 5px;
        margin: 5px 0;
    }

    .contact3-ul {
        margin: -5px -5px;
    }

    .contact3-con {
        margin-top: 30px;
    }

    .contact3-ul li > div {
        padding: 30px;
    }
}

@media (max-width:640px) {
    .contact3-ul li {
        padding: 0;
        margin: 10px 0;
        float: none;
        width: 100%;
    }

    .contact3-ul {
        margin: -10px 0;
    }

    .contact1-ewm {
        margin: 0 5px;
    }
}


/* =========================== message ====================== */
.message {
}

.message-font {
    margin-top: 45px;
}

.message-input {
    margin: 0 -10px;
}

    .message-input li {
        float: left;
        width: 25%;
        padding: 0 10px;
    }

        .message-input li > div {
            width: 100%;
        }

    .message-input input {
        width: 100%;
        border: 1px solid #d2d2d2;
        font-size: 16px;
        line-height: 30px;
        color: #333;
        padding: 8px 15px;
    }

        .message-input input:focus {
            border-color: #f0bb44;
        }

.message-hov {
    position: relative;
    transition: ease .5s;
}

    .message-hov h4 {
        font-size: 18px;
        line-height: 30px;
        border: 1px solid #d2d2d2;
        color: #333;
        padding: 8px 15px;
        position: relative;
        cursor: pointer;
    }

        .message-hov h4::before {
            position: absolute;
            content: "";
            width: 20px;
            height: 11px;
            right: 20px;
            top: 50%;
            margin-top: -5px;
            background: url(../image/message-xl.png)no-repeat center;
        }

.message-hide {
    position: absolute;
    width: 100%;
    top: 100%;
    opacity: 0;
    border: 1px solid #f0bb44;
    transition: ease .5s;
    background: #fff;
    z-index: 3;
    display: none;
}

    .message-hide a {
        display: block;
        font-size: 18px;
        line-height: 30px;
        color: #333;
        padding: 14px 20px;
        transition: ease .5s;
        border-bottom: 1px solid #F0BB44;
    }

        .message-hide a:hover {
            color: #F0BB44;
        }

        .message-hide a:last-child {
            border-bottom: none;
        }

.message-hov:hover h4 {
    border-color: #f0bb44;
    border-bottom: none;
}

.message-hov:hover:hover .message-hide {
    opacity: 1;
    display: block;
}

.message-hov:hover h4::before {
    background-image: url(../image/message-xla.png);
}

.message-font textarea {
    width: 100%;
    border: 1px solid #d2d2d2;
    font-size: 16px;
    line-height: 30px;
    color: #333;
    padding: 14px 20px;
    min-height: 280px;
    margin-top: 20px;
}

.message-submit {
    background-color: #f0bb44;
    color: #39241e;
    margin: 0 auto;
    cursor: pointer;
    margin-top: 30px;
}

    .message-submit span {
        border-color: #f0bb44;
    }

    .message-submit:hover {
        color: #fff;
    }

        .message-submit:hover span {
            border-color: #4c3934;
        }

@media (max-width:991px) {
    .message-input li {
        width: 50%;
        margin: 10px 0;
    }

    .message-input {
        margin: -10px;
    }
}

@media (max-width:767px) {
    .message-input input, .message-hov h4, .message-hide a, .message-font textarea {
        font-size: 16px;
        padding: 6px 20px;
    }

        .message-hov h4::before {
            background-size: 16px 8px;
        }

    .message-font textarea {
        min-height: 200px;
    }

    .message-font {
        margin-top: 30px;
    }

    .message-submit {
        margin-top: 20px;
    }
}

@media (max-width:640px) {
    .message-input li {
        width: 100%;
        float: none;
        padding: 0;
        margin: 10px 0;
    }

    .message-input {
        margin: -10px 0;
    }
}

/* ================ product ================== */
.lprobanner {
    height: 600px;
    position: relative;
    margin-top: -20px;
}

    .lprobanner .lbanner-cont {
        z-index: 3;
    }

.lprobanner-font {
    float: right;
    width: 54.28%;
    padding-right: 70px;
    position: relative;
    z-index: 5;
}

    .lprobanner-font h3 {
        font-size: 48px;
        line-height: 50px;
    }

.lprobanner-hr {
    width: 60px;
    height: 3px;
    background: #fff;
    margin: 25px 0;
}

.lprobanner-font p {
    font-size: 16px;
    line-height: 40px;
    color: #fff;
}

.lprobanner-p {
    max-height: 240px;
}

@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1);
    }

    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }

    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}

.probanner-bl {
    position: absolute;
    width: 100%;
    height: 339px;
    bottom: -95px;
    left: 0;
    z-index: 1;
}

.wave {
    background-size: 100% 100% !important;
    background-repeat: repeat-x !important;
    width: 100%;
    height: 100%;
    animation: move-wave 3s;
    -webkit-animation: move-wave 3s;
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
    position: absolute;
    width: 200%;
    height: 339px;
    bottom: 0px;
    left: 0;
    z-index: 1;
}

.wave1 {
    animation: move_wave 20s linear infinite;
    opacity: .3;
}

.wave2 {
    animation: move_wave 10s linear infinite;
    background-size: 150% 100% !important;
    opacity: .2;
}

.wave3 {
    width: 100%;
    opacity: .5;
}

.probanner-img {
    position: absolute;
    left: 0;
    top: 30px;
    width: 100%;
    height: 100%;
    background-size: 100% !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
}

    .probanner-img img {
        position: relative;
        z-index: 2;
        max-width: 100%;
    }

.product-con {
}

.pro-ul {
    margin: -25px;
}

    .pro-ul li {
        float: left;
        width: 50%;
        padding: 25px;
    }

        .pro-ul li a {
            display: block;
            position: relative;
        }

            .pro-ul li a::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,0.4);
                z-index: 3;
            }

.pro-img {
    overflow: hidden;
}

    .pro-img img {
        width: 100%;
        transition: ease .5s;
    }

.pro-ic {
    position: relative;
    display: none;
}

.pro-icon {
    width: 36px;
    height: 36px;
    position: relative;
    margin: 0;
    left: -100%;
    margin-left: -18px;
    transition: ease .5s;
    bottom: auto;
    top: 0px;
    margin-bottom: 40px;
}

    .pro-icon img {
        width: 100%;
    }

.pro-txt {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 30px;
    padding-top: 180px;
    transition: ease .5s;
    z-index: 4;
}

    .pro-txt h3 {
        font-size: 24px;
        line-height: 30px;
        color: #fff;
        margin-bottom: 10px;
        transition: ease .5s;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }

    .pro-txt p {
        font-size: 16px;
        line-height: 24px;
        color: #fff;
        transition: ease .5s;
    }

.pro-ul li:hover .pro-icon {
    left: 50%;
}

.pro-ul li:hover .pro-ic {
    display: block;
}

.pro-ul li:hover .pro-txt {
    padding-top: 150px;
}

.pro-ul li:hover .pro-img img {
    transform: scale(1.04);
}

.pro-img .pro-icon {
    display: none;
}

.pro-img .pro-icon {
    position: absolute;
    top: 50%;
    margin-top: -18px;
    z-index: 5;
}

@media (max-width:1459px) {

    .lprobanner-font {
        width: 50%;
        padding-right: 50px;
    }

    .lprobanner-p {
        max-height: 200px;
    }

    .pro-txt {
        padding-top: 150px;
    }

    .pro-ul li:hover .pro-txt {
        padding-top: 120px;
    }

    .lprobanner-font h3 {
        font-size: 35px;
    }

    .lprobanner-font p {
        line-height: 30px;
        font-size: 15px;
    }
}

@media (max-width:1259px) {
    .pro-ul li {
        padding: 15px;
    }

    .pro-ul {
        margin: -15px;
    }

    .pro-txt {
        padding-top: 120px;
    }

    .pro-ul li:hover .pro-txt {
        padding-top: 90px;
    }

    .pro-icon {
        margin-bottom: 20px;
    }

    .lprobanner-p {
        max-height: 170px;
    }

    .lprobanner {
        height: 500px;
    }
}

@media (max-width:991px) {
    .pro-ic {
        display: block;
    }

    .pro-icon {
        left: 50%;
    }

    .pro-txt, .pro-ul li:hover .pro-txt {
        padding-top: 60px;
    }

        .pro-txt h3 {
            font-size: 21px;
        }

    .lprobanner {
        height: 400px;
    }

    .probanner-bl {
        height: 200px;
        bottom: -60px;
    }

    .wave {
        height: 100%;
    }

    .lprobanner-font h3 {
        font-size: 30px;
        line-height: 40px;
    }

    .lprobanner-hr {
        margin: 15px 0;
    }

    .lprobanner-font {
        padding-right: 0;
    }

        .lprobanner-font p {
            line-height: 32px;
        }

    .lprobanner-p {
        max-height: 120px;
    }
}

@media (max-width:767px) {
    .pro-txt, .pro-ul li:hover .pro-txt {
        padding-top: 45px;
    }

        .pro-txt h3 {
            font-size: 18px;
        }

    .lprobanner-font h3 {
        font-size: 25px;
        line-height: 30px;
    }

    .lprobanner-hr {
        width: 50px;
        height: 2px;
        margin: 10px 0;
    }
}

@media (max-width:640px) {
    .probanner-img, .probanner-bl {
        display: none;
    }

    .lprobanner .lbanner-cont {
        display: block;
    }

    .lprobanner-font {
        width: 100%;
        text-align: center;
    }

    .lprobanner-hr, .lprobanner-p {
        display: none;
    }
    /* .abtbanner-font{display: none;} */

    .lprobanner {
        height: auto;
    }

    .pro-ul li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 15px 0;
    }

    .pro-ul {
        margin: -15px 0;
    }

    .pro-txt h3 {
        margin-bottom: 5px;
        color: #39241e;
    }

    .pro-txt p {
        font-size: 15px;
        color: #39241e;
    }

    .pro-txt {
        position: static;
        padding: 15px;
    }

    .pro-img {
        position: relative;
    }

        .pro-img::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 100%;
            background: rgba(0,0,0,0.4);
            z-index: 3;
        }

    .pro-ul li a::before {
        display: none;
    }

    .pro-ic {
        display: none;
    }

    .pro-img .pro-icon {
        display: block;
    }
}


/* ====================== proinfo ================== */
.proinfo {
}

.lproinfobanner-font {
    text-align: center;
}

    .lproinfobanner-font .lprobanner-hr {
        margin: 20px auto 10px;
        height: 1px;
    }

    .lproinfobanner-font p {
        font-size: 16px;
        line-height: 40px;
    }

.proinfo-tit {
    text-align: center;
}

    .proinfo-tit h3 {
        font-size: 40px;
        line-height: 50px;
        color: #39241e;
        font-weight: lighter;
    }

    .proinfo-tit span {
        display: block;
        width: 60px;
        height: 2px;
        background: #f0bb44;
        margin: 12px auto;
    }

    .proinfo-tit p {
        font-size: 20px;
        line-height: 32px;
        color: #666;
        font-family: "OPENSANS-REGULAR";
    }

.proinfo-one {
}

.proinfo1-con {
    background: #f5f5f5;
    margin-top: 45px;
}

.proinfo1-left {
    width: 49.28%;
    float: left;
}
/* .proinfo1-left h4{font-size: 24px;color: #2e1d18;line-height: 30px;position: absolute;top: 20px;left: 20px;} */
.jqzoom {
    background: white;
    position: relative;
    padding: 0px;
    cursor: pointer;
    margin: 0px;
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

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

.zoomdiv {
    z-index: 100;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 368px;
    height: 368px;
    background: #ffffff;
    display: none;
    text-align: center;
    overflow: hidden;
}

.jqZoomPup {
    z-index: 10;
    visibility: hidden;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 1px solid #aaa;
    background: #ffffff;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    filter: alpha(Opacity=50);
}

.spec-preview {
    width: 100%;
}

.pri1-right {
    float: right;
    width: 50.72%;
    padding: 80px 60px;
}

    .pri1-right h3 {
        font-size: 24px;
        line-height: 30px;
        color: #2e1d18;
        margin-bottom: 15px;
    }

.proinfo1-p {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    max-height: 240px;
    overflow-x: hidden;
}

.proinfo-more {
    margin: 40px 0 0;
    background: #f0bb44;
    border-color: #f0bb44;
    transition: ease .5s;
}

    .proinfo-more span {
        font-size: 16px;
        padding: 10px 35px 10px 35px;
        color: #39241e;
    }

        .proinfo-more span i {
            background-image: url(../image/proinfo1-ph.png);
            width: 14px;
            height: 14px;
            margin-left: 0;
            margin-right: 10px;
        }

        .proinfo-more span em {
            background-image: url(../image/proinfo1-ph.png);
            width: 14px;
            height: 14px;
            margin-left: 0;
            margin-right: 10px;
        }

    .proinfo-more:hover {
        border-color: #39241e;
    }

        .proinfo-more:hover span i {
            background-image: url(../image/proinfo1-ph1.png);
        }

        .proinfo-more:hover span em {
            background-image: url(../image/proinfo1-ph1.png);
        }

.proinfo-two {
    background-size: cover !important;
    background-repeat: no-repeat !important;
}

    .proinfo-two .proinfo-tit h3, .proinfo-two .proinfo-tit p {
        color: #fff;
    }

.pri2-con {
    margin-top: 70px;
}

.proinfo2-ul {
}

    .proinfo2-ul li {
        float: left;
        width: 20%;
        text-align: center;
        padding: 0 15px;
    }

.proinfo2-icon {
    width: 100px;
    height: 100px;
    overflow: hidden;
    transition: ease .5s;
    margin: 0 auto;
    border-radius: 50%;
    position: relative;
    margin-bottom: 25px;
}

    .proinfo2-icon img {
        width: 100%;
    }

.proinfo2-txt {
}

    .proinfo2-txt h3 {
        font-size: 20px;
        line-height: 32px;
        color: #fff;
    }

    .proinfo2-txt span {
        display: inline-block;
        width: 20px;
        height: 1px;
        background: #e6c59c;
        margin: 20px 0 10px;
    }

    .proinfo2-txt p {
        font-size: 16px;
        line-height: 32px;
        color: rgba(255,255,255,0.7);
    }

.proinfo2-ic {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    transition: ease .5s;
}

.proinfo2-icon1 {
    transform: rotateY(0);
    transform-origin: 0% 50%;
    visibility: visible;
    opacity: 1;
    transition: all 0.4s ease-in-out;
    border-radius: 50%;
    border: 1px solid #f0bb44;
}

.proinfo2-icon2 {
    transform: rotateY(-90deg);
    transform-origin: 100% 50%;
    border-radius: 50%;
    background: #f0bb44;
    transition: all 0.4s ease-in-out;
}

.proinfo2-ul li:hover .proinfo2-icon1 {
    transform: rotateY(90deg);
    opacity: 0;
    visibility: hidden;
}

.proinfo2-ul li:hover .proinfo2-icon2 {
    transform: rotateY(0);
    visibility: visible;
    opacity: 1;
}

.proinfo2-ul li:hover .proinfo2-icon {
}
/* 	.proinfo2-ul li:hover .proinfo2-txt{border:1px solid #f0bb44;} */
.proinfo2-ul li:hover .proinfo2-txt h3 {
    color: #f0bb44;
}

.proinfo-three {
}

.pri3-swiper {
    margin-top: 45px;
    position: relative;
}

.pri3-slide {
}

.pri3-img {
    overflow: hidden;
}

    .pri3-img img {
        width: 100%;
        transition: ease .5s;
    }

.pri3-txt {
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
    font-size: 24px;
    line-height: 30px;
    color: #2e1d18;
    padding: 42px 20px;
    text-align: center;
}

.pri3-swiper .swiper-container {
    padding: 0 10px;
    padding-bottom: 10px;
}

.pri3-swiper .swiper-pagination, .pri4-swiper .swiper-pagination {
    width: 100%;
    display: none;
}

.pri3-swiper .swiper-button-next, .pri3-swiper .swiper-button-prev {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    line-height: 56px;
    background: none;
    border: 1px solid #f0bb44;
    color: #f0bb44;
    text-align: center;
    opacity: 1;
    cursor: pointer;
    transition: ease .5s;
    font-weight: bold;
}

.pri3-swiper .swiper-button-next {
    right: -75px;
}

.pri3-swiper .swiper-button-prev {
    left: -75px;
}

    .pri3-swiper .swiper-button-next:hover, .pri3-swiper .swiper-button-prev:hover {
        color: #222;
        background: #f0bb44;
    }

.pri3-slide:hover .pri3-img img {
    transform: scale(1.04);
}

.proinfo-four {
    background: #f5f5f5;
}

.pri4-swiper {
    position: relative;
    margin-top: 45px;
}

    .pri4-swiper .swiper-container {
        padding: 30px 0 0;
    }

    .pri4-swiper .swiper-slide {
        width: 700px;
        height: auto;
    }

.pri4-slide {
    width: 100%;
    position: relative;
}

.pri4-img {
}

    .pri4-img img {
        width: 100%;
        transform: scale(0.9);
    }

.pri4-swiper .swiper-slide-active .pri4-img img {
    transform: none;
}

.pri4-txt {
    padding-top: 15px;
    text-align: center;
}

    .pri4-txt h3 {
        font-size: 24px;
        line-height: 30px;
        color: #333;
        margin-bottom: 10px;
    }

    .pri4-txt p {
        font-size: 16px;
        line-height: 24px;
        color: #666;
        display: none;
    }

.pri4-swiper .swiper-slide-active .pri4-txt p {
    display: block;
}

.pri4-swiper .swiper-slide-active .pri4-txt {
    text-align: center;
}

.pri4-swiper .swiper-pagination, .pri4-swiper .swiper-pagination {
    width: 100%;
    display: none;
}

.pri4-swiper .swiper-button-next, .pri4-swiper .swiper-button-prev {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    line-height: 56px;
    background: none;
    border: 1px solid #f0bb44;
    color: #f0bb44;
    text-align: center;
    opacity: 1;
    cursor: pointer;
    transition: ease .5s;
    font-weight: bold;
}

.pri4-swiper .swiper-button-next {
    right: -75px;
}

.pri4-swiper .swiper-button-prev {
    left: -75px;
}

    .pri4-swiper .swiper-button-next:hover, .pri4-swiper .swiper-button-prev:hover {
        color: #222;
        background: #f0bb44;
    }

.proinfo-fiv {
}

.pri5-con {
    margin-top: 45px;
}

.pri5-ul {
    margin: 0 -10px;
}

    .pri5-ul li {
        float: left;
        width: 25%;
        padding: 0 10px;
    }

        .pri5-ul li > div {
            width: 100%;
            position: relative;
            height: 100%;
            background: #fff;
            box-shadow: 0 0 13px rgba(0,0,0,0.1);
            text-align: center;
            transition: ease .5s;
            padding: 40px 20px;
        }

.pri5-icon {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto;
}

    .pri5-icon img {
        width: 100%;
        transition: ease .5s;
    }
    /* .pri5-icon img:nth-child(1){transform: translateY(0);} */
    .pri5-icon img {
        transform: translateY(-100%);
    }

.pri5-ul li:hover .pri5-icon img {
    transform: translateY(0);
}

.pri5-ul li:hover > div {
    background-color: #f0bb44;
}

.pri5-ul li h3 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    margin: 20px 0 10px;
}

.pri5-ul li p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
}


.proinfo-six {
    padding-top: 0;
}

.pri6-swiper {
    margin-top: 45px;
    position: relative;
}

.pri6-slide {
    display: block;
}

.pri6-img {
    transition: ease .5s;
    border: 1px solid #eeeeee;
    padding: 10px;
    margin-bottom: 15px;
}

    .pri6-img img {
        display: inline-block;
        max-width: 100%;
    }

.pri6-slide:hover .pri6-img {
    border-color: #f0bb44;
}

.pri6-slide p {
    text-align: center;
    font-size: 18px;
    line-height: 32px;
    color: #333;
    transition: ease .5s;
}

.pri6-slide:hover p {
    color: #f0bb44;
}

.pri6-swiper .swiper-pagination, .pri4-swiper .swiper-pagination {
    width: 100%;
    display: none;
}

.pri6-swiper .swiper-button-next, .pri6-swiper .swiper-button-prev {
    width: 56px;
    height: 56px;
    border-radius: 50%;
    line-height: 56px;
    background: none;
    border: 1px solid #f0bb44;
    color: #f0bb44;
    text-align: center;
    opacity: 1;
    cursor: pointer;
    transition: ease .5s;
    font-weight: bold;
}

.pri6-swiper .swiper-button-next {
    right: -75px;
}

.pri6-swiper .swiper-button-prev {
    left: -75px;
}

    .pri6-swiper .swiper-button-next:hover, .pri6-swiper .swiper-button-prev:hover {
        color: #222;
        background: #f0bb44;
    }

@media (max-width:1569px) {
    .pri3-swiper, .pri4-swiper, .pri6-swiper {
        padding: 0 60px;
    }

        .pri3-swiper .swiper-button-next, .pri4-swiper .swiper-button-next, .pri6-swiper .swiper-button-next {
            right: 0;
        }

        .pri3-swiper .swiper-button-prev, .pri4-swiper .swiper-button-prev, .pri6-swiper .swiper-button-prev {
            left: 0;
        }
}

@media (max-width:1459px) {
    .pri1-right {
        padding: 42px 50px;
    }

    .pri4-swiper .swiper-slide {
        width: 600px;
    }

    .pri5-ul li p {
        height: 120px;
        font-size: 14px;
    }

    .pri3-txt {
        font-size: 20px;
    }

    .proinfo-tit h3 {
        font-size: 33px;
    }

    .pri1-right h3 {
        font-size: 24px;
    }

    .proinfo1-p {
        font-size: 14px;
        line-height: 30px;
    }

    .proinfo2-txt h3 {
        font-size: 20px;
    }

    .proinfo2-txt h3 {
        font-size: 20px;
    }
}

@media (max-width:1259px) {
    .proinfo-more {
        margin-top: 20px;
    }

    .proinfo1-p {
        max-height: 128px;
    }

    .proinfo2-ul li {
        width: 33.33%;
        margin: 15px 0;
    }

    .proinfo2-ul {
        margin: -15px 0;
    }

        .proinfo2-ul li:nth-child(4), .proinfo2-ul li:nth-child(5) {
            transform: translateX(50%);
        }

    .pri4-swiper .swiper-slide {
        width: 550px;
    }

    .pri5-ul li {
        width: 50%;
        margin: 15px 0;
    }

    .pri5-ul {
        margin: -15px -10px;
    }
}

@media (max-width:991px) {
    .proinfo1-left, .pri1-right {
        float: none;
        width: 100%;
    }

    .zoomdiv, .jqZoomPup {
        display: none !important;
    }

    .proinfo1-p {
        max-height: none;
        height: auto;
    }

    .proinfo-tit h3 {
        font-size: 34px;
        line-height: 40px;
    }

    .proinfo-tit p {
        font-size: 18px;
    }

    .pri3-swiper .swiper-button-next, .pri3-swiper .swiper-button-prev, .pri6-swiper .swiper-button-next, .pri6-swiper .swiper-button-prev, .pri4-swiper .swiper-button-next, .pri4-swiper .swiper-button-prev {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }

    .pri4-swiper .swiper-slide {
        width: 100%;
    }

    .pri4-txt {
        display: none;
    }

    .pri4-swiper .swiper-slide-active .pri4-txt {
        overflow: hidden;
        display: block;
    }

    .pri3-txt {
        padding: 20px;
    }

    .pri4-swiper .swiper-container {
        padding: 0;
    }

    .pri3-swiper, .pri4-swiper, .pri6-swiper {
        padding: 0 50px;
    }

    .pri3-swiper, .pri4-swiper, .pri6-swiper, .proinfo1-con, .pri2-con, .pri5-con {
        margin-top: 30px;
    }
}

@media (max-width:767px) {
    .proinfo-tit h3 {
        font-size: 23px;
        line-height: 34px;
    }

    .pri1-right h3 {
        font-size: 20px;
    }

    .proinfo1-p {
        font-size: 15px;
        line-height: 32px;
    }

    .proinfo-more span {
        font-size: 14px;
        padding: 8px 22px;
    }

    .proinfo-more {
        width: 130px;
    }

    .proinfo2-txt h3 {
        font-size: 18px;
    }

    .proinfo2-txt p {
        font-size: 14px;
        line-height: 26px;
    }

    .proinfo2-txt span {
        margin: 0 0 5px;
    }

    .proinfo2-icon {
        width: 80px;
        height: 80px;
    }

    .proinfo-tit p {
        font-size: 16px;
    }

    .pri3-txt, .pri4-txt h3 {
        font-size: 18px;
    }

    .pri4-txt h3 {
        margin-bottom: 3px;
    }

    .pri4-txt p, .pri5-ul li p {
        font-size: 15px;
    }

    .pri5-ul li h3 {
        font-size: 18px;
        margin: 10px 0 5px;
    }

    .pri5-ul li p {
        height: 60px;
    }

    .pri3-swiper .swiper-pagination, .pri4-swiper .swiper-pagination, .pri6-swiper .swiper-pagination {
        display: block;
        bottom: 0;
    }

    .pri3-swiper, .pri4-swiper, .pri6-swiper {
        padding: 0;
        padding-bottom: 40px;
    }

        .pri3-swiper .swiper-button-next, .pri3-swiper .swiper-button-prev, .pri6-swiper .swiper-button-next, .pri6-swiper .swiper-button-prev, .pri4-swiper .swiper-button-next, .pri4-swiper .swiper-button-prev {
            display: none;
        }

        .pri3-swiper .swiper-pagination-bullet, .pri4-swiper .swiper-pagination-bullet, .pri6-swiper .swiper-pagination-bullet {
            margin: 0 5px;
        }

        .pri3-swiper .swiper-pagination-bullet-active, .pri4-swiper .swiper-pagination-bullet-active, .pri6-swiper .swiper-pagination-bullet-active {
            background-color: #f0bb44;
        }

    .pri6-slide p {
        font-size: 16px;
    }

    .proinfo-tit span {
        margin: 5px auto;
    }

    .pri1-right {
        padding: 30px 20px;
    }

        .pri1-right h3 {
            margin-bottom: 10px;
        }

    .lproinfobanner-font p {
        font-size: 16px;
        line-height: 30px;
    }
}

@media (max-width:640px) {
    .proinfo2-ul li {
        width: 100%;
    }

        .proinfo2-ul li:nth-child(5), .proinfo2-ul li:nth-child(4) {
            transform: none;
        }

    .pri5-ul li {
        width: 100%;
        float: none;
        padding: 0;
    }

    .pri5-ul {
        margin: -15px 0;
    }

    .pri3-swiper, .pri4-swiper, .pri6-swiper, .proinfo1-con, .pri2-con, .pri5-con {
        margin-top: 20px;
    }

    .lproinfobanner-font .lprobanner-hr {
        display: block;
        margin: 10px auto;
    }
}


/* ================= about ==================== */
.about {
}

.about-tit p {
    font-size: 16px;
    font-family: "Microsoft Yahei";
}

.about-tit h3 {
    font-weight: lighter;
}

.about-one .about-tit span {
    margin: 10px 0;
}

.probanner-img.probanner-img1 {
    animation-duration: 1.5s;
}

.abtbanner-font {
    float: right;
    width: 59.64%;
}

    .abtbanner-font h4 {
        font-size: 20px;
        line-height: 30px;
        color: #39241e;
        background: #f0bb44;
        padding: 10px 20px;
        display: inline-block;
        margin-bottom: 25px;
    }

    .abtbanner-font h3 {
        font-size: 36px;
        line-height: 40px;
        color: #f0bb44;
    }

    .abtbanner-font p {
        font-size: 16px;
        line-height: 30px;
        color: #f0bb44;
        width: 86%;
        max-height: 150px;
    }

    .abtbanner-font .lprobanner-hr {
        background: #f0bb44;
    }
/* .about-one{padding-bottom: 0;} */
.about-one .about-tit {
    text-align: left;
}

.ab1-con {
    position: relative;
}

.ab1-img { /* position: absolute;bottom: -100px;left: 0; */
    float: left;
    width: 28.64%;
    margin-bottom: -100px;
}

    .ab1-img img {
        display: inline-block;
        max-width: 100%;
    }

.ab1-txt {
    float: right;
    width: 55%;
    padding-top: 65px;
}

.ab1-dec {
    max-height: 96px;
}

.ab1-p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
}

.ab1-slog {
    font-size: 20px;
    line-height: 32px;
    color: #39241e;
    margin-top: 40px;
}

.ab1-more {
    margin: 40px 0 0;
    background-color: #f0bb44;
    border-color: #f0bb44;
}

    .ab1-more:hover {
        border-color: #39241e;
    }

    .ab1-more span i {
        background-image: url(../image/viewmo1.png);
    }

    .ab1-more span em {
        background-image: url(../image/viewmo1.png);
    }

    .ab1-more span {
        color: #fff;
        font-size: 16px;
        padding: 10px 39px 10px 40px;
    }

.ab1-autograph {
    font-size: 18px;
    line-height: 26px;
    color: #333;
    position: relative;
    padding-right: 196px;
    position: absolute;
    right: 0;
    bottom: 20px;
}

    .ab1-autograph::before {
        position: absolute;
        content: "";
        width: 184px;
        height: 86px;
        background: url(../image/autograph.png)no-repeat center;
        right: 0;
        top: 50%;
        margin-top: -43px;
        background-size: 100% 100% !important;
    }

.about-two {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

    .about-two .about-tit p, .about-two .about-tit h3 {
        color: #fff;
    }

.ab2-con {
    margin-top: 45px;
}

.ab2-top {
}

.ab2-left {
    float: left;
    width: 57.14%;
    padding-right: 100px;
    padding-top: 40px;
}

.ab2-right {
    float: right;
    width: 42.86%;
    overflow: hidden;
}

    .ab2-right img {
        width: 100%;
        transition: ease .5s;
    }

.ab2-left h3 {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
}

.ab2-hr {
    width: 50px;
    height: 2px;
    background: #e6c59c;
    margin: 25px 0;
}

.ab2-p {
    font-size: 16px;
    line-height: 32px;
    color: #ccc;
    max-height: 249px;
}

    .ab2-p p {
        margin-bottom: 25px;
    }

        .ab2-p p:last-child {
            margin-bottom: 0;
        }

.ab2-bot {
    margin-top: 60px;
}

.ab2-ul {
    margin: -25px 0;
}

    .ab2-ul li {
        float: left;
        width: 33.33%;
        font-size: 0;
        text-align: center;
        position: relative;
        padding: 0 20px;
        height: 110px;
        margin: 25px 0;
    }
        /* .ab2-ul li::before{position: absolute;content: "";width: 1px;height: 60px;background: rgba(220,220,220,0.2);right: 0;top: 50%;transform: translateY(-30px);} */
        .ab2-ul li:last-child::before {
            opacity: 0;
        }

        .ab2-ul li h3 {
            font-size: 50px;
            line-height: 60px;
            color: #fff;
        }

            .ab2-ul li h3 span {
                display: inline-block;
                font-family: "REDUCTO-CONDENSED-SSI-CONDENSED";
            }

        .ab2-ul li p {
            font-size: 16px;
            line-height: 24px;
            color: rgba(255,255,255,0.8);
            height: 48px;
        }

            .ab2-ul li p span {
                display: block;
            }

        .ab2-ul li:nth-child(4), .ab2-ul li:nth-child(5) {
            transform: translateX(50%);
        }

.ab2-swiper {
    position: relative;
}

    .ab2-swiper .swiper-pagination {
        display: none;
        width: 100%;
    }

    .ab2-swiper .swiper-button-next, .ab2-swiper .swiper-button-prev {
        width: 40px;
        height: 40px;
        background: #f0bb44;
        transition: ease .5s;
        color: #39241e;
        line-height: 40px;
        text-align: center;
        opacity: 1;
        font-weight: bold;
        top: auto;
        bottom: 0;
        right: 0;
        left: auto;
    }

    .ab2-swiper .swiper-button-prev {
        right: 45px;
    }

        .ab2-swiper .swiper-button-next:hover, .ab2-swiper .swiper-button-prev:hover {
            color: #fff;
            background-color: #39241e;
        }

    .ab2-swiper .swiper-slide {
        overflow: hidden;
    }

        .ab2-swiper .swiper-slide img {
            width: 100%;
            transition: ease .5s;
        }

        .ab2-swiper .swiper-slide:hover img {
            transform: scale(1.04);
        }

.ab2-icon {
    width: 66px;
    height: 110px;
    display: inline-block;
    vertical-align: middle;
}

    .ab2-icon img {
        width: 100%;
        transition: ease .5s;
    }

.ab2-ul li:nth-child(1) .ab2-icon {
    transform: translateY(-24px);
}

.ab2-ul li:hover .ab2-icon img {
    transform: rotateY(180deg);
}

.ab2-txt {
    margin-left: 30px;
    padding-left: 30px;
    border-left: 1px solid rgba(255,255,255,.2);
    display: inline-block;
}


.about-three {
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 100% 100% !important;
}

.ab3-swiper {
    position: relative;
    margin-top: 45px;
}

    .ab3-swiper .swiper-container {
        padding: 71px 0;
    }

        .ab3-swiper .swiper-container::before {
            position: absolute;
            content: "";
            width: 100%;
            height: 63px;
            background: url(../image/ab3-line_03.png)no-repeat center;
            top: 50%;
            left: 0;
            margin-top: -31px;
        }

    .ab3-swiper .swiper-pagination {
        width: 100%;
        display: none;
    }

    .ab3-swiper .swiper-button-next, .ab3-swiper .swiper-button-prev {
        width: 55px;
        height: 55px;
        text-align: center;
        line-height: 55px;
        font-weight: bold;
        background: #dcdcdc;
        color: #666;
        border-radius: 50%;
        transition: ease .5s;
        opacity: 1;
    }

        .ab3-swiper .swiper-button-next:hover, .ab3-swiper .swiper-button-prev:hover {
            background-color: #f0bb44;
            color: #222;
        }

    .ab3-swiper .swiper-button-next {
        right: -75px;
    }

    .ab3-swiper .swiper-button-prev {
        left: -75px;
    }

.ab3-slide {
    text-align: center;
}

.ab3-icon {
    width: 120px;
    height: 120px;
    border-radius: 50%;
    margin: 0 auto;
    transition: ease .5s;
}

    .ab3-icon img {
        border-radius: 50%;
        width: 100%;
        transition: ease .5s;
    }

.ab3-slide:hover .ab3-icon img {
    transform: scale(1.1);
}

.ab3-txt {
}

.ab3-p {
    margin: 20px 0;
}

.ab3-txt p {
    font-size: 16px;
    line-height: 24px;
    color: #333;
}

.ab3-txt span {
    display: inline-block;
    font-family: "Helvetica Condensed Bold_0";
    font-size: 30px;
    line-height: 30px;
    color: #39241e;
    transition: ease .5s;
}

.ab3-swiper .swiper-slide:nth-child(even) .ab3-slide {
    padding-top: 100%;
    transform: translateY(81px);
}

.ab3-swiper .swiper-slide:nth-child(odd) .ab3-slide {
    transform: translateY(-81px);
}

.ab3-swiper .swiper-slide-active .ab3-txt span, .ab3-swiper .swiper-slide:hover .ab3-txt span {
    color: #f0bb44;
}

.ab3-swiper .swiper-slide:nth-child(odd) .ab3-slide {
    padding-top: 10px;
    padding-bottom: 0;
}

.ab3-swiper .swiper-slide .ab3-slide {
    padding-top: 0;
    padding-bottom: 10px;
}

.about-four {
}

.ab4-con {
    margin-top: 45px;
}

.ab4-ul {
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
}

    .ab4-ul li {
        float: left;
        width: 50%;
        position: relative;
    }

.ab4-img {
    overflow: hidden;
    float: left;
    width: 50%;
    position: relative;
}

    .ab4-img::before {
        position: absolute;
        content: "";
        width: 0;
        height: 0;
        border-bottom: 9px solid transparent;
        border-top: 9px solid transparent;
        border-right: 10px solid #fff;
        right: 0;
        top: 50%;
        margin-top: -3px;
        z-index: 5;
    }

.ab4-ul li.ab4-liri .ab4-img::before {
    border-right: none;
    border-left: 10px solid #fff;
    right: auto;
    left: 0;
}

.ab4-img img {
    width: 100%;
    transition: ease .5s;
}

.ab4-txt {
    position: absolute;
    right: 0;
    top: 0;
    width: 50%;
    height: 100%;
    padding: 30px;
    text-align: center;
}

    .ab4-txt > div {
        position: relative;
        width: 100%;
        height: 100%;
    }

    .ab4-txt h3 {
        font-size: 24px;
        line-height: 32px;
        color: #333;
        transition: ease .5s;
    }

    .ab4-txt span {
        display: inline-block;
        width: 20px;
        height: 1px;
        background: #39241e;
    }

    .ab4-txt p {
        font-size: 20px;
        line-height: 32px;
        color: #666;
    }

.ab4-ul li.ab4-liri .ab4-txt {
    right: auto;
    left: 0;
}

.ab4-ul li.ab4-liri .ab4-img {
    float: right;
}

.ab4-ul li:hover .ab4-img img {
    transform: scale(1.04);
}

.ab4-ul li:hover .ab4-txt h3 {
    color: #f0bb44;
}


.about-fiv {
    background: #F5F5F5;
}

.ab5-con {
}

.ab5-top {
    margin-top: 45px;
}

.ab5-con .pri6-img {
    background: #fff;
}

.about-six {
}

.ab6-con {
    margin-top: 45px;
}

.ab6-ul {
    margin: 0 -15px;
}

    .ab6-ul li {
        float: left;
        width: 33.33%;
        padding: 0 15px;
    }

        .ab6-ul li > div {
            display: block;
            position: relative;
            overflow: hidden;
            width: 100%;
        }

        .ab6-ul li img {
            width: 100%;
        }

.ab6-p {
    font-size: 20px;
    line-height: 30px;
    color: #fff;
    background: #482f2b;
    width: 100%;
    padding: 35px 20px;
    text-align: center;
}

.ab6-txt {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    transition: ease .5s;
    opacity: 0;
    z-index: 6;
    transition-delay: 0.35s;
    text-align: center;
    padding: 0 40px;
    margin-top: -1px;
}

    .ab6-txt h3 {
        font-size: 20px;
        line-height: 30px;
        color: #482f2a;
        position: relative;
        z-index: 6;
    }

    .ab6-txt i {
        display: inline-block;
        width: 40px;
        height: 1px;
        background: #482f2a;
        position: relative;
        z-index: 6;
        margin: 20px 0;
    }

    .ab6-txt p {
        position: relative;
        z-index: 6;
        font-size: 16px;
        line-height: 32px;
        color: #482f2a;
        max-height: 192px;
    }

.ab6-more {
    margin-top: 40px;
}

    .ab6-more span {
        font-size: 16px;
        padding: 10px 39px 10px 40px;
    }

        .ab6-more span i {
            margin: 0 0 0 10px;
        }
/* .ab6-ul li>div::before,.ab6-ul li>div::after,.ab6-txt::before, */
.ab6-txt::after {
    position: absolute;
    content: "";
    height: 100%;
    width: 100%;
    background: #f0bb44;
    top: 0%;
    left: 0;
    transition: ease .5s;
}
/* .ab6-ul li>div::before{transition-delay: 0s;}
.ab6-ul li>div::after{left: 25%;transition-delay:0.15s;}
.ab6-txt::before{left: 50%;transition-delay:0.225s;}
.ab6-txt::after{left: 75%;transition-delay:0.35s;} */
/* .ab6-ul li:hover>div::before,.ab6-ul li:hover>div::after,.ab6-ul li:hover .ab6-txt::before,.ab6-ul li:hover .ab6-txt::after{top: 0;} */
/* .ab6-ul li:hover .ab6-txt{opacity: 1;margin-top: 0;} */
.ab6-box {
    cursor: pointer;
    position: relative;
    overflow: hidden;
    transform-style: preserve-3d;
    perspective: 1000px;
}

.ab6-img {
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

.ab6-txt {
    opacity: 0;
    transform: rotateY(180deg);
    transform-style: preserve-3d;
}

.ab6-img, .ab6-txt {
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
    backface-visibility: hidden;
}

.ab6-ul li:hover .ab6-img, .ab6-ul li:hover .ab6-txt {
    transition: transform .7s cubic-bezier(0.4, 0.2, 0.2, 1), -webkit-transform .7s cubic-bezier(0.4, 0.2, 0.2, 1);
}

.ab6-ul li:hover .ab6-img {
    transform: rotateY(-180deg);
    transform-style: preserve-3d;
}

.ab6-ul li:hover .ab6-txt {
    opacity: 1;
    transform: rotateY(0deg);
    transform-style: preserve-3d;
}

.ab6-box h3, .ab6-box i, .ab6-box p, .ab6-box .ab6-more {
    transform: translateY(0%) translateZ(60px) scale(0.94);
    perspective: inherit;
    box-sizing: border-box;
    outline: 1px solid transparent;
}

.ab6-txt p, .ab6-txt h3, .ab6-txt i, .ab6-txt .ab6-more {
    opacity: 0;
    transition: ease 2s;
}

.ab6-ul li:hover .ab6-txt p, .ab6-ul li:hover .ab6-txt h3, .ab6-ul li:hover .ab6-txt i, .ab6-ul li:hover .ab6-txt .ab6-more {
    opacity: 1;
}

@media(max-width:1569px) {
    .ab3-swiper {
        padding: 0 60px;
    }

        .ab3-swiper .swiper-button-prev {
            left: 0;
        }

        .ab3-swiper .swiper-button-next {
            right: 0;
        }
}

@media(max-width:1459px) {
    .ab2-left {
        padding-top: 0;
    }

    .ab2-ul li h3 {
        font-size: 40px;
    }

    .ab4-txt p {
        font-size: 18px;
    }

    .ab6-txt p {
        font-size: 14px;
    }
}

@media(max-width:1259px) {
    .ab1-autograph {
        bottom: -30px;
    }

    .ab1-slog {
        margin-top: 20px;
    }

    .ab2-left {
        padding-right: 40px;
    }

    .ab2-p {
        max-height: 160px;
    }

    .ab2-icon {
        display: block;
        margin: 0 auto 10px;
        height: 60px;
    }

    .ab2-ul li:nth-child(1) .ab2-icon {
        transform: none;
    }

    .ab2-txt {
        display: block;
        border: 0;
        padding: 0;
        margin: 0;
    }

    .ab2-icon img {
        margin-top: 0;
    }

    .ab2-ul li {
        height: auto;
        border-left: 1px solid rgba(255,255,255,.2);
    }

        .ab2-ul li:first-child {
            border-left: none;
        }

        .ab2-ul li:nth-child(4) {
            border-left: none;
        }

    .ab4-txt p {
        font-size: 17px;
    }

    .ab4-txt h3 {
        font-size: 22px;
    }

    .ab6-p {
        padding: 25px 15px;
    }

    .ab6-txt {
        padding: 0 30px;
    }

        .ab6-txt p {
            max-height: 128px;
        }

    .ab6-more, .ab1-more {
        margin-top: 20px;
    }

        .ab6-more span, .ab1-more span {
            font-size: 14px;
        }
}

@media (max-width: 991px) {
    .ab1-slog {
        font-size: 17px;
    }

    .ab1-dec {
        max-height: 64px;
    }

    .ab1-img {
        position: absolute;
        bottom: 0;
        margin: 0;
    }

    .ab1-autograph::before {
        width: 160px;
        height: 65px;
    }

    .ab1-autograph {
        bottom: -60px;
    }

    .ab2-right, .ab2-left {
        float: none;
        width: 100%;
    }

    .ab2-left {
        margin-top: 30px;
    }

    .ab2-p {
        max-height: none;
        height: auto;
    }

    .ab2-hr {
        margin: 10px 0;
    }

    .ab4-ul li {
        float: none;
        width: 100%;
    }

        .ab4-ul li:nth-child(even) .ab4-img, .ab4-ul li.ab4-liri:nth-child(even) .ab4-img {
            float: right !important;
        }

        .ab4-ul li:nth-child(even) .ab4-txt, .ab4-ul li.ab4-liri:nth-child(even) .ab4-txt {
            right: auto !important;
            left: 0 !important;
        }

        .ab4-ul li:nth-child(3) .ab4-img {
            float: left;
        }

        .ab4-ul li:nth-child(3) .ab4-txt {
            right: 0;
            left: auto;
        }

        .ab4-ul li:nth-child(2) .ab4-img::before {
            border-right: none;
            border-left: 10px solid #fff;
            right: auto;
            left: 0;
        }

        .ab4-ul li:nth-child(3) .ab4-img::before {
            border-left: none;
            border-right: 10px solid #fff;
            right: 0;
            left: auto;
        }

    .ab6-ul li {
        width: 50%;
        margin: 15px 0;
    }

    .ab6-ul {
        margin: -15px;
    }

        .ab6-ul li:nth-child(3) {
            transform: translateX(50%);
        }

    .ab3-swiper .swiper-button-next, .ab3-swiper .swiper-button-prev {
        width: 45px;
        height: 45px;
        line-height: 45px;
    }
}

@media (max-width: 767px) {
    .anchor {
        display: none !important;
    }

    .header-app {
        display: block !important;
    }

    .ab1-txt {
        padding-top: 20px;
    }

    .about-one {
        padding-bottom: 100px;
    }

    .ab1-autograph {
        right: 30px;
    }

        .ab1-autograph::before {
            width: 130px;
            height: 50px;
            margin-top: -25px;
        }

    .ab1-autograph {
        padding-right: 150px;
    }

    .ab2-icon {
        width: 55px;
        height: 50px;
    }

    .ab2-ul li h3 {
        font-size: 36px;
        line-height: 50px;
    }

    .ab2-ul li p {
        font-size: 15px;
    }

    .ab2-con, .ab3-swiper, .ab4-con, .ab6-con {
        margin-top: 30px;
    }

    .ab5-top {
        margin-top: 20px;
    }

    .ab2-left h3 {
        font-size: 18px;
    }

    .ab2-p {
        font-size: 15px;
        line-height: 30px;
    }

    .ab3-icon {
        width: 100px;
        height: 100px;
    }

    .ab3-txt p {
        font-size: 15px;
    }

    .ab3-p {
        margin: 10px 0;
    }

    .ab3-txt span {
        font-size: 26px;
    }

    .ab3-swiper .swiper-slide:nth-child(odd) .ab3-slide {
        transform: translateY(-10px);
    }

    .ab3-swiper .swiper-slide:nth-child(even) .ab3-slide {
        transform: translateY(10px);
    }

    .ab3-swiper .swiper-container {
        padding: 10px 0;
    }

    .ab4-txt h3 {
        font-size: 18px;
    }

    .ab4-txt p, .ab6-txt p {
        font-size: 15px;
    }

    .ab6-p, .ab6-txt h3 {
        font-size: 17px;
    }

    .ab6-txt i {
        margin: 10px 0;
    }

    .ab6-p {
        padding: 15px;
    }

    .abtbanner-font h4 {
        font-size: 18px;
        padding: 6px 15px;
        margin-bottom: 10px;
    }

    .abtbanner-font h3 {
        font-size: 28px;
        line-height: 36px;
    }

    .about-four {
        padding-top: 20px;
    }
}

@media (max-width: 640px) {
    .ab1-img {
        position: static;
        float: none;
        width: 100%;
        padding: 25%;
        margin: -22% 0;
    }

    .ab1-txt {
        float: none;
        width: 100%;
    }

    .ab1-dec {
        max-height: none;
        height: auto;
    }

    .ab1-p {
        font-size: 15px;
        line-height: 30px;
    }

    .ab1-slog {
        margin-top: 10px;
        font-size: 16px;
    }

    .ab1-more span, .ab6-more span {
        padding: 5px 20px 5px 28px;
    }

    .ab2-left {
        padding-right: 0;
    }

    .ab2-p p {
        margin-bottom: 10px;
    }

    .ab2-ul li {
        width: 50%;
    }

        .ab2-ul li:nth-child(4) {
            transform: none;
            border-left: 1px solid rgba(255,255,255,.2);
        }

        .ab2-ul li:nth-child(3), .ab2-ul li:nth-child(5) {
            border-left: none;
        }
    /* .ab2-ul li,.ab2-ul li:nth-child(4){margin: 15px 0;width: 100%;float: none;border: none;} */
    .ab2-icon {
        width: 48px;
        height: 44px;
    }
    /* .ab2-ul li:nth-child(4), .ab2-ul li:nth-child(5){transform: none;} */
    .ab2-ul li p span {
        display: inline;
    }

    .ab2-ul {
        margin: -15px 0;
    }

    .ab3-swiper .swiper-slide:nth-child(even) .ab3-slide {
        padding-top: 0;
    }

    .ab3-swiper .swiper-container::before {
        display: none;
    }

    .ab3-swiper .swiper-button-next, .ab3-swiper .swiper-button-prev {
        display: none;
    }

    .ab3-swiper .swiper-pagination {
        display: block;
        bottom: 0;
    }

    .ab3-swiper .swiper-pagination-bullet {
        margin: 0 4px;
    }

    .ab3-swiper .swiper-pagination-bullet-active {
        background: #f0bb44;
    }

    .ab3-swiper {
        padding: 0;
        padding-bottom: 40px;
    }

    .ab4-img, .ab4-ul li:nth-child(even) .ab4-img, .ab4-ul li.ab4-liri:nth-child(even) .ab4-img {
        float: none !important;
        width: 100%;
    }

    .ab4-txt {
        position: static;
        width: 100%;
    }

    .ab4-img::before {
        display: none;
    }

    .ab4-ul li {
        margin: 15px 0;
        box-shadow: 0 0 13px rgba(0,0,0,0.1);
    }

    .ab4-ul {
        margin: -15px 0;
        box-shadow: none;
    }

    .ab6-ul li {
        float: none;
        width: 100%;
        padding: 0;
    }

    .ab6-ul {
        margin: -15px 0;
    }

        .ab6-ul li:nth-child(3) {
            transform: none;
        }

        .ab6-ul li:hover .ab6-txt, .ab6-ul li:hover > div::before, .ab6-ul li:hover > div::after, .ab6-ul li:hover .ab6-txt::before, .ab6-ul li:hover .ab6-txt::after {
            display: none;
        }

        .ab6-ul li:hover .ab6-img {
            transform: none;
        }

    .abtbanner-font .lprobanner-hr {
        display: none;
    }

    .abtbanner-font p {
        display: none;
    }

    .abtbanner-font {
        width: 100%;
        text-align: center;
    }

        .abtbanner-font h3 {
            font-size: 20px;
            line-height: 32px;
        }

        .abtbanner-font h4 {
            font-size: 16px;
        }
        .ab6-txt{opacity:1;transform:none;}
    .ab6-txt p, .ab6-txt h3, .ab6-txt i, .ab6-txt .ab6-more{opacity:1;color:#fff;}
    .ab6-more{border-color:#fff;}
    .ab6-more span{color:#fff;}
    .ab6-more span em{display:none;}
    .ab6-more span{padding:5px 24px;}
.ab6-txt::after{background: rgba(0, 0, 0, 0.47);}
.ab6-ul li:hover .ab6-txt{display:block;}
}

@media (max-width: 360px) {
    .ab2-ul li p {
        height: 72px;
    }
}
/* ======================== product-sp ====================== */
@keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes myfirst {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

.product-sp {
}

.prosp-one {
}

.prosp1-con {
    margin-top: 45px;
}

.prosp1-ul {
    background: url(../image/prosp1-ba_03.png)no-repeat center top 10px;
    background-size: 100% 100%;
    height: 679px;
    width: 100%;
    position: relative;
}

.prosp1-li {
    float: left;
    width: 25%;
    padding: 0 45px;
    position: absolute;
}

.prosp1-txt {
    text-align: center;
}

.prosp1-li:nth-child(even) .prosp1-txt {
    margin-top: 10px;
}

.prosp1-li:nth-child(odd) .prosp1-txt {
    margin-bottom: 10px;
}

.prosp1-txt h3 {
    font-size: 22px;
    line-height: 32px;
    color: #333;
    margin-bottom: 10px;
    transition: ease .5s;
}

.prosp1-li:hover .prosp1-txt h3 {
    color: #f0bb44;
}

.prosp1-txt p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    height: 96px;
}

.prosp1-icon {
    width: 220px;
    height: 220px;
    padding: 10px;
    border-radius: 50%;
    transition: ease .5s;
    margin: 0 auto;
    position: relative;
}

    .prosp1-icon img {
        width: 100%;
        transition: ease .8s;
        position: relative;
    }

    .prosp1-icon::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        border-radius: 50%;
        border: 1px dashed #f0bb44;
        animation: myfirst 20s linear infinite;
        opacity: 0;
        background: #fff;
        overflow: hidden;
        transition: ease .5s;
    }

.prosp1-li:hover .prosp1-icon::before {
    opacity: 1;
}

.prosp1-li:hover .prosp1-icon img {
    transform: scale(1.05)
}

.prosp1-li:nth-child(odd) {
    position: static;
}

.prosp1-li:nth-child(even) {
    top: 50%;
}

.prosp1-li1 {
    margin-left: -40px;
}

.prosp1-li2 {
    transform: translateX(50%);
}

.prosp1-li3 {
    margin-left: 30px;
}

.prosp1-li4 {
    left: 50%;
    transform: translateX(-50%);
}

.prosp1-li6 {
    right: 0;
    transform: translateX(-50%);
}

.prosp1-ul.prosp1-ulapp {
    display: none;
}

.prosp-two {
    background: #f5f5f5;
}

.prosp2-con {
}

.prosp2-nav {
    position: relative;
    width: 100%;
    margin-top: 45px;
}

.prosp2-pagination {
    text-align: center;
}

.prosp2-page {
    display: inline-block;
    width: auto;
    height: auto;
    opacity: 1;
    transition: ease .5s;
    background: none;
    padding: 0 50px;
    position: relative;
}

.prosp2-icon {
    width: 100px;
    height: 51px;
    overflow: hidden;
    margin: 0 auto 10px;
    position: relative;
    background: #f5f5f5;
    z-index: 4;
}

.prosp2-page::before, .prosp2-page::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 1px;
    background: #39241e;
    right: -35%;
    top: 25px;
    margin-top: 4px;
}

.prosp2-page::after {
    right: auto;
    left: -35%;
}

.prosp2-page.swiper-pagination-bullet-active::before {
    background: #f0bb44;
    z-index: 4;
}

.prosp2-page.swiper-pagination-bullet-active .prosp2-icon span:nth-child(4) {
    background: #f0bb44;
    border-color: #f0bb44;
}

.prosp2-icon span {
    display: block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    border: 1px solid #39241e;
    transition: ease .5s;
    position: absolute;
    top: 50%;
}

    .prosp2-icon span:nth-child(1) {
        left: 0px;
    }

    .prosp2-icon span:nth-child(4) {
        right: 0px;
    }

.prosp2-icon img {
    max-width: 100%;
    transition: ease .5s;
}

.prosp2-page.swiper-pagination-bullet-active .prosp2-icon img {
    transform: translateY(-100%);
}

.prosp2-page a {
    display: block;
    font-size: 16px;
    line-height: 32px;
    color: #3b2620;
    text-align: center;
}

.prosp2-swiper {
    margin-top: 45px;
}

.prosp2-slide {
}

.prosp2-img {
    float: right;
    width: 50%;
    overflow: hidden;
}

    .prosp2-img img {
        width: 100%;
        transition: ease .5s;
    }

.prosp2-font {
    float: left;
    width: 52.14%;
    margin-right: -30px;
    background: rgba(244,237,229,1);
    margin-top: 30px;
    padding: 50px 40px;
}

    .prosp2-font h3 {
        font-size: 30px;
        line-height: 40px;
        color: #333;
        margin-bottom: 30px;
        position: relative;
        padding-bottom: 30px;
    }

        .prosp2-font h3::before {
            position: absolute;
            content: "";
            width: 60px;
            height: 2px;
            background: #333;
            bottom: 0;
            left: 0;
        }

.prosp2-p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    max-height: 272px;
}

    .prosp2-p p {
        margin-top: 30px;
    }

        .prosp2-p p:first-child {
            margin-top: 0;
        }

.prosp-three {
    background: #efe0cf;
}

.prosp3-con {
    margin-top: 45px;
}

.prosp3-ul {
}




.prosp-four {
    padding-bottom: 0;
}

.prosp4-con {
    margin-top: 55px;
}

.prosp4-list {
}

.prosp4-ul {
    float: left;
    border: 1px solid #dcdcdc;
    border-collapse: collapse;
    border-top: none;
}

    .prosp4-ul li {
        border-bottom: 1px solid #dcdcdc;
        padding: 0 38px;
    }

        .prosp4-ul li.prosp-li2 {
            height: 105px;
        }

        .prosp4-ul li.prosp-li3 {
            height: 138px;
        }

        .prosp4-ul li.prosp-li4 {
            height: 106px;
        }

        .prosp4-ul li.prosp-li5 {
            height: 138px;
        }

        .prosp4-ul li:last-child {
            border-bottom: none;
        }

.prosp4-list1 {
    width: 180px;
}

.prosp4-list h3 {
    font-size: 20px;
    line-height: 30px;
    color: #333;
}

.prosp4-list p {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    padding-right: 2px;
    max-height: 90px;
}

.prosp4-ul li.prosp-top h3 {
    color: #fff;
    text-align: center;
}

.prosp4-ul li.prosp-top {
    background: #39241e;
    padding: 20px 10px;
}

.prosp4-list2 {
    width: 390px;
    border-right: none;
    border-left: none;
}

.prosp4-list3 {
    width: 420px;
    border: none;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
    padding-bottom: 20px;
}

    .prosp4-list3 li.prosp-top {
        background: #f0bb44;
        padding-top: 30px;
        margin-top: -10px;
    }

        .prosp4-list3 li.prosp-top h3 {
            font-size: 24px;
            color: #333;
        }

    .prosp4-list3 li {
        padding: 0 30px;
        border-bottom: none;
    }

        .prosp4-list3 li > div {
            border-bottom: 1px solid #dcdcdc;
            height: 100%;
        }

        .prosp4-list3 li:last-child > div {
            border-bottom: none;
        }

.prosp4-list4 {
    width: 410px;
    border-left: none;
}

.prosp4-list.prosp4-listhide {
    display: none;
    position: relative;
    background: #fff;
    z-index: 6;
}

    .prosp4-list.prosp4-listhide .prosp4-ul {
        margin-top: -20px;
    }

    .prosp4-list.prosp4-listhide .prosp4-list3 .prosp-li2 {
        border-top: 1px solid #dcdcdc;
    }

    .prosp4-list.prosp4-listhide.on {
        display: block;
    }

.prosp4-mo {
    display: block;
    text-align: center;
    margin-top: 45px;
}

    .prosp4-mo span {
        display: inline-block;
        font-size: 16px;
        line-height: 30px;
        color: #333;
        position: relative;
        padding-right: 30px;
    }

        .prosp4-mo span::before {
            position: absolute;
            content: "";
            width: 18px;
            height: 18px;
            background: url(../image/prosp4-mo.png)no-repeat center;
            right: 0;
            top: 5px;
            animation: myfirst 4s linear infinite;
        }

.prosp4-tab {
    border: 1px solid #dcdcdc;
    border-top: none;
    width: 1200px;
}

    .prosp4-tab tbody {
        border: none;
    }

    .prosp4-tab.prosp4-list h3, .prosp4-tab.prosp4-list p {
        white-space: normal;
        max-height: none;
    }

.prosp4-list th {
    background: #39241e;
    height: 70px;
}

    .prosp4-list th:nth-child(2), .prosp4-list th:nth-child(4) {
        border: none;
    }

    .prosp4-list th h3 {
        color: #fff;
    }

    .prosp4-list th.prosp4-sp {
        background: #f0bb44;
        border: none;
        position: relative;
    }

.prosp4-list td.prosp4-sp1 {
    border: none;
    position: relative;
    padding: 0;
}

.prosp4-sp1 {
}

.prosp4-list td.prosp4-sp {
    position: relative;
}

    .prosp4-list td.prosp4-sp::before {
        position: absolute;
        content: "";
        width: 38px;
        height: 2px;
        background: #fff;
        left: 0;
        bottom: -1px;
    }

    .prosp4-list td.prosp4-sp::after {
        position: absolute;
        content: "";
        width: 38px;
        height: 2px;
        background: #fff;
        right: 0;
        bottom: -1px;
    }

.prosp4-list td.prosp4-sp1::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 25px;
    background: #fff;
    top: 100%;
    left: 0;
    margin-top: -5px;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
}

.prosp4-be {
    padding: 22px 32px;
    position: relative;
    z-index: 4;
    background: #fff;
    overflow: hidden;
}

.prosp4-list th.prosp4-sp::before {
    position: absolute;
    content: "";
    width: 100%;
    height: 10px;
    background: #f0bb44;
    top: -10px;
    left: 0;
}

.prosp4-list th.prosp4-sp h3 {
    color: #333;
    font-size: 24px;
}

.prosp4-list th:nth-child(1) {
    width: 180px;
}

.prosp4-list th:nth-child(2) {
    width: 390px;
}

.prosp4-list th:nth-child(3) {
    width: 420px;
}

.prosp4-list th:nth-child(4) {
    width: 410px;
}

.prosp4-list td {
    padding: 22px 32px;
}

.prosp4-conapp {
    display: none;
    overflow-x: auto;
    overflow-y: hidden;
    padding-bottom: 10px;
}

    .prosp4-conapp::-webkit-scrollbar {
        height: 5px;
        background-color: transparent;
    }

    .prosp4-conapp::-webkit-scrollbar-thumb {
        background-color: rgba(230,197,156,1);
        border-radius: 10px;
    }

.prosp-fiv {
}

.prosp5-con {
    margin-top: 45px;
}

.prosp5-swiper {
    position: relative;
    background: #3d2a26;
}

.prosp5-slide {
}

.prosp5-img {
    float: right;
    overflow: hidden;
    width: 57.14%;
}

    .prosp5-img img {
        width: 100%;
        transition: ease .5s;
    }

.prosp5-txt {
    float: left;
    width: 42.86%;
    padding: 58px;
}

    .prosp5-txt h3 {
        font-size: 22px;
        line-height: 32px;
        color: #fff;
        margin-bottom: 10px;
    }

    .prosp5-txt p {
        font-size: 16px;
        line-height: 30px;
        color: rgba(255,255,255,0.8);
        max-height: 180px;
    }

.prosp5-swiper .swiper-button-next, .prosp5-swiper .swiper-button-prev {
    position: static;
    width: 30px;
    height: 30px;
    background: url(../image/prosp5-left.png)no-repeat center;
    opacity: 1;
    margin: 0;
    margin-top: 10px;
    cursor: pointer;
}

.prosp5-swiper .swiper-button-next {
    transform: rotate(180deg);
    float: right;
}

.prosp5-swiper .swiper-button-prev {
    float: left;
}

.prosp5-swiper .swiper-pagination {
    position: relative;
    color: #fff;
    display: inline-block;
    width: auto;
    font-size: 16px;
    line-height: 30px;
    padding: 0 10px;
    padding-top: 16px;
}

.prosp5-page {
    border: 2px solid #fff;
    position: absolute;
    left: 60px;
    bottom: 60px;
    text-align: center;
    width: 172px;
    z-index: 4;
}

.prosp5-swiper .swiper-pagination-current {
    position: absolute;
    top: 13px;
    left: 0;
}

.prosp5-swiper .swiper-pagination-total {
    position: absolute;
    bottom: -6px;
    right: 0;
}

.prosp5-slide:hover .prosp5-img img {
    transform: scale(1.04);
}

.prosp5-bot {
    padding: 1px 100px 45px;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
}

.prosp5-tit {
    text-align: center;
}

    .prosp5-tit h3 {
        font-size: 30px;
        line-height: 40px;
        color: #412922;
        font-weight: lighter;
    }

    .prosp5-tit p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
        font-family: "OPENSANS-REGULAR";
    }

.prosp5-ul {
    margin-top: 45px;
}

    .prosp5-ul li {
        float: left;
        width: 50%;
        padding: 0 60px;
    }

        .prosp5-ul li > div {
            border-bottom: 1px solid #c3c3c3;
            padding-bottom: 15px;
        }

        .prosp5-ul li:nth-child(3) > div, .prosp5-ul li:nth-child(4) > div {
            padding-bottom: 0;
            padding-top: 15px;
            border-bottom: none;
        }

        .prosp5-ul li:nth-child(even) {
            border-left: 1px solid #c3c3c3;
        }

.prosp5-p {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    position: relative;
    padding-left: 25px;
    transition: ease .5s;
}

    .prosp5-p::before {
        position: absolute;
        content: "";
        width: 11px;
        height: 11px;
        border-radius: 50%;
        border: 2px solid #3d2a26;
        left: 0;
        top: 10px;
        transition: ease .5s;
    }

.prosp5-ul li:hover .prosp5-p {
    color: #f0bb44;
}

    .prosp5-ul li:hover .prosp5-p::before {
        border-color: #f0bb44;
    }


.prosp-six {
    background: #f5f5f5;
}

    .prosp-six .about-tit p {
        width: 73%;
        margin: 0 auto;
    }

.prosp6-con {
    margin-top: 45px;
}

.prosp6-ul {
    margin: 0 -15px;
}

    .prosp6-ul li {
        float: left;
        width: 33.33%;
        padding: 0 15px;
    }

        .prosp6-ul li > div {
            width: 100%;
        }

.prosp6-img {
    position: relative;
    transform-style: preserve-3d;
    transition: ease .5s;
}

.prosp6-blo {
    overflow: hidden;
    opacity: 0;
    transition: all 0.60s ease-in-out 0s;
}

    .prosp6-blo img {
        width: 100%;
    }

.prosp6-hid {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /*background: #f0bb44;*/
    opacity: 1;
    transform: translateY(0) rotateX(0);
    transition: all 0.6s ease-in-out 0s;
}

.prosp6-icon {
    width: 50px;
    height: 50px;
    overflow: hidden;
    margin: 0 auto 20px;
}

    .prosp6-icon img {
        width: 100%;
        transition: ease .5s;
    }

.prosp6-ul li:hover .prosp6-icon img {
    transform: translateY(-100%);
}

.prosp6-h3 {
    font-size: 20px;
    line-height: 32px;
    color: #333;
    text-align: center;
    transition: ease .5s;
}

.prosp6-ul li:hover .prosp6-h3 {
    color: #f0bb44;
}

.prosp6-txt {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: center;
    padding: 110px 28px 0;
}
/* .prosp6-ul li:hover .prosp6-hid{transform: translateY(-100%) rotateX(90deg);  transform-origin: bottom center; opacity: 0;}
.prosp6-ul li:hover .prosp6-blo{opacity: 1;} */

.prosp6-hid {
    transform: translate3d(0, 0, 80px);
}
/* .prosp6-blo{transform: rotateX(90deg) translate3d(0, 0, 80px);} */
.prosp6-ul li:hover .prosp6-img { /* transform: rotateX(-90deg); */
}

.prosp-seven {
    background: #f5f5f5;
    padding-top: 0;
}

    .prosp-seven .about-tit p {
        width: 81%;
        margin: 0 auto;
    }

    .prosp-seven .about-tit span, .prosp-six .about-tit span {
        background: transparent;
    }

.prosp7-con {
    margin-top: 45px;
}

.prosp7-ul {
}

    .prosp7-ul li {
        float: left;
        width: 20%;
        text-align: center;
        padding: 0 20px;
    }

    .prosp7-ul .proinfo2-icon1 {
        border-color: #47342e;
    }

    .prosp7-ul .proinfo2-icon2 {
        border: 1px solid #f0bb44;
    }

.prosp7-txt {
    font-size: 16px;
    line-height: 32px;
    color: #333;
}

.prosp7-ul li:hover .proinfo2-icon1 {
    transform: rotateY(90deg);
    opacity: 0;
    visibility: hidden;
}

.prosp7-ul li:hover .proinfo2-icon2 {
    transform: rotateY(0);
    visibility: visible;
    opacity: 1;
}


.prosp-eight {
}

.prosp8-con {
    margin-top: 45px;
}

.prosp8-ul {
    margin: 0 -15px;
}

    .prosp8-ul li {
        float: left;
        width: 33.33%;
        padding: 0 15px;
    }

        .prosp8-ul li > div {
            width: 100%;
            background: #fff;
        }

.prosp8-img {
    overflow: hidden;
}

    .prosp8-img img {
        width: 100%;
        transition: ease .5s;
    }

.prosp8-txt {
    background: #fff;
    transition: ease .5s;
    text-align: center;
    padding: 45px 28px;
    box-shadow: 0 0 13px rgba(0,0,0,0.1);
}

    .prosp8-txt h3 {
        font-size: 20px;
        line-height: 32px;
        color: #333;
        margin-bottom: 10px;
    }

    .prosp8-txt p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
        transition: eae .5s;
        height: 96px;
    }

.prosp8-ul li:hover .prosp8-img img {
    transform: scale(1.04);
}

.prosp8-ul li:hover .prosp8-txt {
    background: #f0bb44;
}

    .prosp8-ul li:hover .prosp8-txt p {
        color: #333;
    }

@media (max-width: 1459px) {
    .prosp1-icon {
        width: 200px;
        height: 200px;
    }

    .prosp1-txt p {
        height: 128px;
    }

    .prosp2-p {
        max-height: 205px;
    }

    .prosp8-txt p {
        height: 128px;
    }

    .prosp5-txt p {
        max-height: 120px;
    }

    .prosp4-list1 {
        width: 160px;
    }

    .prosp4-ul li {
        padding: 0 20px;
    }

    .prosp4-list2 {
        width: 330px;
    }

    .prosp4-list3 {
        width: 360px;
    }

    .prosp4-list4 {
        width: 350px;
    }
}

@media (max-width: 1259px) {

    .prosp2-p {
        max-height: 136px;
    }

    .prosp5-img {
        float: none;
        width: 100%;
    }

    .prosp5-txt {
        width: 100%;
        float: none;
        padding-bottom: 140px;
    }

    .prosp6-h3 {
        font-size: 19px;
    }
    /* .prosp6-hid{padding: 16px 18px;} */
    .prosp6-txt {
        padding: 110px 18px 0;
    }

    .prosp8-txt p {
        height: 96px;
    }

    .prosp8-txt h3 {
        height: 64px;
    }

    .prosp3-ul .prosp8-txt h3 {
        height: auto;
    }

    .prosp8-txt {
        padding: 32px 28px;
    }

    .prosp1-ul {
        background: none;
        display: none;
    }

        .prosp1-ul.prosp1-ulapp {
            display: block;
            margin: -15px 0;
            height: auto;
        }

    .prosp1-li {
        width: 33.33%;
        position: static;
        padding: 0 30px;
        margin: 15px 0;
    }

    .prosp1-li1 {
        margin-left: 0;
    }

    .prosp1-li2 {
        transform: none;
    }

    .prosp1-li3 {
        margin-left: 0;
    }

    .prosp1-li4 {
        transform: none;
    }

    .prosp1-li6 {
        transform: none;
    }

    .prosp1-icon {
        width: 180px;
        height: 180px;
    }

    .prosp1-li:nth-child(odd) .prosp1-txt {
        margin-bottom: 0;
        margin-top: 10px;
    }

    .prosp1-li:last-child {
        transform: translateX(100%);
    }

    .prosp5-txt p {
        max-height: none;
        height: auto;
    }

    .prosp4-con {
        display: none !important;
    }

        .prosp4-con.prosp4-conapp {
            display: block !important;
        }

    .prosp4-list td.prosp4-sp1::before, .prosp4-list td.prosp4-sp::after, .prosp4-list td.prosp4-sp::before {
        display: none;
    }

    .prosp4-list th:nth-child(1) {
        width: 200px;
    }

    .prosp4-list td {
        padding: 20px 18px;
    }

    .prosp6-hid {
        transform: translate3d(0, 0, 62px);
    }

    .prosp6-blo {
        transform: rotateX(90deg) translate3d(0, 0, 62px);
    }

    .prosp2-font h3 {
        font-size: 26px;
        margin-bottom: 15px;
        padding-bottom: 15px;
    }
}

@media (max-width: 991px) {
    .prosp2-img {
        float: none;
        width: 100%;
    }

    .prosp2-font {
        float: none;
        width: 100%;
        margin-top: 0;
        margin-right: 0;
    }

    .prosp2-p {
        max-height: none;
        height: auto;
    }

    .prosp8-ul li {
        width: 50%;
        margin: 15px 0;
    }

    .prosp8-ul {
        margin: -15px;
    }

        .prosp8-ul li:last-child {
            transform: translateX(50%);
        }

    .prosp5-ul li {
        padding: 0 30px;
    }

    .prosp5-bot {
        padding: 45px 30px 50px;
    }

    .prosp5-ul {
        margin-top: 30px;
    }

    .prosp6-ul {
        margin: -15px;
    }

        .prosp6-ul li {
            width: 50%;
            margin: 15px 0;
        }

            .prosp6-ul li:last-child {
                transform: translateX(50%);
            }
    /* .prosp6-hid {  padding: 27px 20px;} */
    .prosp7-ul li {
        width: 33.33%;
        margin: 15px 0;
    }

    .prosp7-ul {
        margin: -15px 0;
    }

    .prosp7-txt {
        height: 96px;
    }

    .prosp7-ul li:nth-child(4), .prosp7-ul li:nth-child(5) {
        transform: translateX(50%);
    }

    .prosp6-hid {
        transform: translate3d(0, 0, 73px);
    }

    .prosp6-blo {
        transform: rotateX(90deg) translate3d(0, 0, 73px);
    }
}

@media (max-width: 767px) {
    .prosp1-con, .prosp2-nav, .prosp2-swiper, .prosp3-con, .prosp5-con, .prosp7-con, .prosp6-con, .prosp8-con {
        margin-top: 30px;
    }

    .prosp1-icon {
        width: 120px;
        height: 120px;
        padding: 7px;
    }

    .prosp1-txt h3 {
        font-size: 18px;
    }

    .prosp1-txt p {
        font-size: 15px;
        line-height: 30px;
        height: 120px;
    }

    .prosp1-li {
        padding: 0 15px;
    }

    .prosp2-page {
        padding: 0 20px;
    }

    .prosp1-txt h3 {
        margin-bottom: 2px;
    }

    .prosp2-page a {
        font-size: 15px;
        line-height: 30px;
    }

    .prosp2-font h3 {
        font-size: 18px;
        line-height: 30px;
        margin-bottom: 15px;
    }

    .prosp2-p {
        font-size: 15px;
        line-height: 28px;
    }

        .prosp2-p p {
            margin-top: 10px;
        }

    .prosp2-font {
        padding: 30px 25px;
    }

    .prosp8-ul li {
        padding: 0 10px;
        margin: 10px 0;
    }

    .prosp8-ul {
        margin: -10px;
    }

    .prosp8-txt h3 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .prosp8-txt p {
        font-size: 15px;
        line-height: 30px;
    }

    .prosp8-txt {
        padding: 30px 25px;
    }

    .prosp5-txt h3 {
        font-size: 18px;
    }

    .prosp5-txt p {
        font-size: 15px;
        line-height: 28px;
    }

    .prosp5-tit h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .prosp5-bot {
        padding: 30px 20px 40px;
    }

    .prosp5-ul {
        margin-top: 20px;
    }

    .prosp5-p {
        font-size: 15px;
        line-height: 30px;
    }

    .prosp5-ul li > div {
        padding-bottom: 8px;
    }

    .prosp5-ul li:nth-child(3) > div, .prosp5-ul li:nth-child(4) > div {
        padding-top: 8px;
    }

    .prosp-six .about-tit p, .prosp-seven .about-tit p {
        width: 100%;
    }

    .prosp6-h3 {
        font-size: 18px;
    }

    .prosp5-txt {
        padding: 30px;
        padding-bottom: 90px;
    }

    .prosp5-swiper .swiper-pagination {
        font-size: 15px;
    }

    .prosp5-swiper .swiper-pagination-current, .prosp5-swiper .swiper-pagination-total {
        position: static;
    }

    .prosp5-page {
        bottom: 30px;
        left: 30px;
    }

    .prosp5-swiper .swiper-pagination {
        padding-top: 0;
        width: 60%;
        margin: 15px auto 0;
    }

    .prosp5-swiper .swiper-button-next, .prosp5-swiper .swiper-button-prev {
        position: absolute;
        top: 50%;
        margin-top: -15px;
    }

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

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

    .prosp4-list h3 {
        font-size: 16px;
    }

    .prosp4-list p {
        font-size: 14px;
    }

    .prosp4-list th.prosp4-sp h3 {
        font-size: 19px;
    }

    .prosp4-list td {
        padding: 15px;
    }

    .prosp4-tab {
        width: 900px;
    }

    .prosp4-mo {
        margin-top: 20px;
    }

    .prosp6-hid {
        transform: translate3d(0, 0, 70px);
    }

    .prosp6-blo {
        transform: rotateX(90deg) translate3d(0, 0, 70px);
    }

    .prosp4-con.prosp4-conapp {
        margin-top: 25px;
    }
}

@media (max-width: 640px) {
    .prosp8-ul li {
        width: 100%;
        float: none;
        padding: 0;
        margin: 15px 0;
    }

    .prosp8-ul {
        margin: -15px 0;
    }

    .prosp8-txt h3 {
        height: auto;
    }

    .prosp8-txt p {
        height: auto;
    }

    .prosp8-ul li:last-child {
        transform: none;
    }

    .prosp7-ul li {
        width: 100%;
        float: none;
        margin: 15px 0;
    }

    .prosp7-ul {
        margin: -15px 0;
    }

        .prosp7-ul li:nth-child(4), .prosp7-ul li:nth-child(5) {
            transform: none;
        }

    .prosp7-txt {
        height: auto;
    }

    .proinfo2-icon {
        margin-bottom: 10px;
    }

    .prosp6-ul li {
        float: none;
        width: 100%;
        padding: 0;
    }

    .prosp6-ul {
        margin: -15px 0;
    }

        .prosp6-ul li:last-child {
            transform: none;
        }

    .prosp6-hid {
        position: static;
        padding: 20px 30px 10px;
    }

    .prosp6-blo {
        opacity: 1;
    }

    .prosp6-ul li:hover .prosp6-hid {
        transform: none;
        opacity: 1;
    }

    .prosp5-ul li {
        float: none;
        width: 100%;
        padding: 0 15px;
    }

        .prosp5-ul li:nth-child(3) > div, .prosp5-ul li:nth-child(4) > div {
            border-bottom: 1px solid #c3c3c3;
            padding-bottom: 8px;
        }

        .prosp5-ul li:nth-child(even) {
            border-left: none;
        }

    .prosp2-page {
        margin: 10px 0;
    }

    .prosp2-pagination {
        margin: -10px 0;
    }

    .prosp2-icon span {
        display: none;
    }

    .prosp2-page::before, .prosp2-page::after {
        display: none;
    }

    .prosp2-icon {
        width: 40px;
        height: 40px;
    }

    .prosp2-page {
        padding: 0 10px;
    }

        .prosp2-page.swiper-pagination-bullet-active .prosp2-icon img {
            transform: translateX(-100%);
        }

    .prosp2-nav {
        overflow-x: auto;
        white-space: nowrap;
        overflow-y: hidden;
    }

    .prosp2-font, .prosp8-txt, .prosp5-bot {
        padding: 30px 15px;
    }

    .prosp8-txt {
        padding: 20px 15px;
    }

    .prosp5-txt {
        padding: 30px 15px 90px;
    }

    .prosp5-page {
        left: 15px;
    }

    .prosp6-txt {
        padding: 10px 15px;
    }

    .prosp1-li {
        width: 100%;
        float: none;
    }

    .prosp1-txt p {
        height: auto;
    }

    .prosp1-li:nth-child(even) {
        position: static;
    }

    .prosp1-li:last-child {
        transform: none;
    }

    .prosp1-con, .prosp2-nav, .prosp2-swiper, .prosp3-con, .prosp5-con, .prosp7-con, .prosp6-con, .prosp8-con {
        margin-top: 20px;
    }

    .prosp6-blo {
        transform: none;
    }

    .prosp6-ul li:hover .prosp6-img {
        transform: none;
    }
}

@media (max-width: 414px) {
}

/* ========================== college2(木蜡油微课堂) ======================== */
.lcollege2-font {
    text-align: center;
}

    .lcollege2-font p {
        width: 46%;
        margin: 0 auto;
        font-size: 16px;
        line-height: 30px;
        color: rgba(255,255,255,.9);
    }

    .lcollege2-font h3 {
        font-weight: lighter;
        margin-bottom: 30px;
    }

.college2 {
    padding-top: 50px;
}

.college2-ul {
}

@media (max-width: 767px) {
    .college2 {
        padding-top: 40px;
    }
}


/* ====================== college2info ===================== */

@media (max-width: 640px) {
}



/* ======================== college ============================ */

/* ======================== college ============================ */
@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
}

.college {
}

.college-one {
}

.collegeon-con {
    margin-top: 45px;
}

.collegeon-img {
    float: left;
    width: 50%;
    padding: 50px;
    overflow: hidden;
    position: relative;
}

    .collegeon-img::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 274px;
        background: url(../image/collegeon-bf.png)no-repeat left top;
        background-size: 100%;
        left: 0;
        top: 0;
    }

.collegeon-img1 {
    overflow: hidden;
}

.collegeon-img img {
    width: 100%;
    position: relative;
    animation: scle2 8s linear infinite;
    transition: ease .5s;
}

.collegeon-txt {
    float: right;
    width: 50%;
    padding-top: 100px;
}

    .collegeon-txt h3 {
        font-size: 24px;
        line-height: 40px;
        color: #333;
    }

    .collegeon-txt span {
        display: block;
        width: 40px;
        height: 2px;
        background: #f0bb44;
        margin: 20px 0;
    }

.collegeon-p {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    padding-right: 0;
    max-height: 200px;
    text-align: justify;
}

.collegeon-bot {
    margin-top: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 115px 100px;
}

.collegeon-botxt {
    width: 58%;
}

    .collegeon-botxt h3 {
        font-size: 24px;
        line-height: 40px;
        color: #fff;
        margin-bottom: 10px;
    }

    .collegeon-botxt p {
        font-size: 16px;
        line-height: 40px;
        color: rgba(255,255,255,.7);
    }

.college-two {
    padding: 0;
}

.collegetw-con {
    position: relative;
    margin-top: 45px;
}

    .collegetw-con .swiper-container {
        padding-top: 50px;
    }

.collegetw-slide {
    background: #f3f3f3;
    padding: 80px 30px;
}

.collegetw-con .swiper-slide-active .collegetw-slide {
    background: #f0bb44;
    margin-top: -50px;
    padding: 50px 30px;
}

.collegetw-txt {
    text-align: center;
}

.collegetw-tit {
    font-size: 24px;
    line-height: 32px;
    color: #333;
}

.collegetw-txt span {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #39241e;
    margin: 15px auto;
}

.collegetw-p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-align: justify;
    text-align-last: center;
    padding-right: 0;
}

.collegetw-img {
    display: none;
    margin-top: 40px;
    overflow: hidden;
}

.collegetw-con .swiper-slide-active .collegetw-img {
    display: block;
}

.collegetw-img img {
    width: 100%;
}

.collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
    background: transparent;
    width: 48px;
    height: 48px;
    border: 1px solid #666;
    line-height: 48px;
    font-size: 18px;
    color: #666;
    text-align: center;
    font-weight: bold;
    transition: ease .5s;
    top: auto;
    bottom: 30px;
}

    .collegetw-con .swiper-button-next:hover, .collegetw-con .swiper-button-prev:hover {
        border-color: #f0bb44;
        background-color: #f0bb44;
        color: #341e1a;
    }

.collegetw-con .swiper-button-prev {
    left: 33.33%;
    margin-left: -80px;
}

.collegetw-con .swiper-button-next {
    right: 33.33%;
    margin-right: -80px;
}

.collegetw-con .swiper-pagination {
    display: none;
    bottom: 0;
    width: 100%;
}

.collegetw-con .swiper-pagination-bullet {
    opacity: 1;
    width: 6px;
    height: 6px;
    background: #311d17;
    position: relative;
    margin: 0 6px;
}

    .collegetw-con .swiper-pagination-bullet::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311D17;
        transition: ease .5s;
        opacity: 0;
        top: -3px;
        left: -3px;
    }

.collegetw-con .swiper-pagination-bullet-active {
    margin: 0 8px;
}

    .collegetw-con .swiper-pagination-bullet-active::before {
        opacity: 1;
    }

.college-three {
    padding-bottom: 0;
}

.college-thrtit {
}

.collegethr-con {
    margin-top: 45px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    padding-top: 100px;
}

.collegethr-ba {
    position: relative;
}

    .collegethr-ba::before {
        position: absolute;
        content: "";
        width: 50%;
        height: 100%;
        background-color: #fff;
        right: 0;
        bottom: 0;
    }

.collegethr-t {
    padding-left: 280px;
}

.collegethr-txt {
    background-color: #fff;
    padding: 85px 0px 85px 80px;
    position: relative;
}

    .collegethr-txt h3 {
        font-size: 24px;
        line-height: 40px;
        color: #333;
    }

    .collegethr-txt span {
        display: block;
        width: 70px;
        height: 2px;
        background-color: #f0bb44;
        margin: 20px 0;
    }

.collegethr-p {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    text-align: justify;
    overflow-y: auto;
    height: 210px;
}

    .collegethr-p::-webkit-scrollbar {
        width: 2px;
        background-color: transparent;
    }

    .collegethr-p::-webkit-scrollbar-thumb {
        background-color: rgba(230,197,156,1);
        border-radius: 10px;
    }

    .collegethr-p p {
        margin-top: 50px;
    }

        .collegethr-p p:first-child {
            margin-top: 0;
        }

.college-four {
}

.collegefou-con {
    position: relative;
    margin-top: 45px;
    padding-bottom: 50px;
}

.collegefou-slide {
    display: block;
}

.sollegefou-img {
    overflow: hidden;
}

    .sollegefou-img img {
        width: 100%;
        transition: ease .5s;
    }

.collegefou-con .swiper-container {
    padding: 10px;
}

.collegefou-txt {
    font-size: 20px;
    line-height: 30px;
    color: #222;
    text-align: center;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    padding: 25px;
    background: #fff;
    transition: ease .5s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.collegefou-slide:hover .collegefou-txt {
    background-color: #ffc001;
}

.collegefou-slide:hover .sollegefou-img img {
    transform: scale(1.04);
}

.collegefou-con .swiper-pagination {
    width: 100%;
    bottom: 0;
}

.collegefou-con .swiper-pagination-bullet {
    opacity: 1;
    width: 6px;
    height: 6px;
    background: #311d17;
    position: relative;
    margin: 0 6px;
}

    .collegefou-con .swiper-pagination-bullet::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311D17;
        transition: ease .5s;
        opacity: 0;
        top: -3px;
        left: -3px;
    }

.collegefou-con .swiper-pagination-bullet-active {
    margin: 0 8px;
}

    .collegefou-con .swiper-pagination-bullet-active::before {
        opacity: 1;
    }



@media (max-width: 1919px) {
    .collegetw-con {
        padding-bottom: 30px;
    }
}

@media (max-width: 1459px) {
    .collegeon-txt {
        padding-top: 50px;
    }

    .collegeon-img {
        padding: 40px;
    }

    .collegethr-p {
        padding-right: 5px;
    }

        .collegethr-p p {
            margin-top: 20px;
        }
}

@media (max-width: 1259px) {
    .collegetw-con {
        padding-bottom: 80px;
    }

    .collegeon-botxt {
        width: 80%;
    }

    .collegeon-p {
        padding-right: 5px;
        max-height: 160px;
    }

    .collegethr-txt {
        padding: 45px 0px 45px 50px;
    }

    .collegethr-p p {
        margin-top: 10px;
    }

    .collegethr-p {
        height: 158px;
    }

    .lcollege2-font p {
        width: 55%;
    }
}

@media (max-width: 991px) {
    .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
        top: 50%;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    .collegetw-con .swiper-button-prev {
        left: 0;
        margin: 0;
    }

    .collegetw-con .swiper-button-next {
        right: 0;
        margin: 0;
    }

    .collegetw-con {
        padding: 0 50px;
    }

    .collegeon-img {
        padding: 30px;
    }

    .collegeon-txt {
        padding-top: 0;
    }

    .collegeon-bot {
        padding: 90px 60px;
    }

    .collegeon-botxt {
        width: 100%;
    }

    .lcollege2-font p {
        width: 72%;
    }
}

@media (max-width: 767px) {
    .collegeon-img {
        float: none;
        width: 100%;
    }

    .collegeon-txt {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .collegeon-p {
        font-size: 15px;
        padding-right: 0;
        height: auto;
        max-height: none;
        line-height: 30px;
    }

    .collegeon-txt span {
        margin: 10px 0;
    }

    .collegeon-txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .collegeon-con, .collegetw-con, .collegethr-con {
        margin-top: 20px;
    }

    .collegeon-bot {
        margin-top: 40px;
        padding: 50px 30px;
    }

    .collegeon-botxt h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .collegetw-tit {
        font-size: 20px;
    }

    .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
        display: none;
    }

    .collegetw-con .swiper-pagination {
        display: block;
    }

    .collegetw-con {
        padding: 0 0 40px;
    }

    .collegetw-txt span {
        margin: 10px auto;
    }

    .collegeon-botxt p {
        line-height: 30px;
        font-size: 15px;
    }

    .collegetw-img {
        margin-top: 20px;
    }

    .collegetw-con .swiper-slide-active .collegetw-slide {
        padding: 40px 30px;
    }

    .collegethr-con {
        padding-top: 60px;
    }

    .collegethr-p {
        height: auto;
    }

    .collegethr-t {
        padding-left: 60px;
    }

    .collegethr-p {
        font-size: 15px;
        line-height: 30px;
    }

    .collegefou-txt {
        font-size: 16px;
        padding: 15px 20px;
    }

    .collegefou-con {
        padding-bottom: 30px;
        margin-top: 15px;
    }

    .collegethr-txt h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .collegethr-txt span {
        margin: 12px 0;
        width: 50px;
    }

    .collegethr-txt {
        padding: 30px 0px 25px 35px;
    }

    .collegeon-p {
        font-size: 15px;
    }

    .lcollege2-font p {
        width: 76%;
    }

    .lcollege2-font h3 {
        margin-bottom: 15px;
    }
}

@media (max-width: 640px) {
    .collegeon-bot {
        padding: 50px 25px;
    }

    .collegethr-ba::before {
        display: none;
    }

    .collegethr-t {
        padding-left: 15px;
    }

    .collegethr-txt {
        padding: 30px 25px;
    }

    .collegethr-con {
        padding: 40px 0;
    }

    .collegetw-con .swiper-slide-active .collegetw-slide {
        padding: 35px 25px;
    }

    .collegeon-img {
        padding: 15px 0 15px 15px;
    }

    .lcollege2-font p {
        width: 100%;
        display: none;
    }

    .lcollege2-font h3 {
        margin-bottom: 10px;
    }

    .collegeon-bot {
        margin-top: 30px;
    }
}

@media (max-width: 365px) {
    .lcollege2-font h3 {
        margin-bottom: 0;
    }
}

.collegeon-img {
    transition: all 2s .3s;
    transform: translate(-80px,0px);
}

.collegeon-txt h3, .collegeon-txt span, .collegeon-p {
    transition: all 2s .3s;
    transform: translate(80px,0px);
}

.sco.active .collegeon-img {
    transform: translate(0,0);
}

.sco.active .collegeon-txt h3, .sco.active .collegeon-txt span, .sco.active .collegeon-p {
    transform: translate(0,0);
}

.collegeon-bot {
    transition: all 2s .3s;
    transform: translate(0px,80px);
}

.collegethr-txt h3, .collegethr-txt span, .collegethr-p {
    transition: all 2s .3s;
    transform: translate(0px,-50px);
    opacity: 0;
}

.collegethr-txt span {
    transition: all 1s 3s;
}

.collegethr-p {
    transition: all 1.5s 3s;
}

.sco.active .collegethr-txt h3, .sco.active .collegethr-txt span, .sco.active .collegethr-p {
    opacity: 1;
    transform: translate(0,0);
}


.sco.active .collegeon-bot, .sco.active .collegetw-img {
    transform: translate(0,0);
}

.collegeon-botxt h3, .collegeon-botxt p {
    transform: translate(0px,80px);
    opacity: 0;
}

.collegeon-botxt h3 {
    transition: all 1s 1s;
}

.collegeon-botxt p {
    transition: all 1.5s 1.5s;
}

.sco.active .collegeon-botxt h3, .sco.active .collegeon-botxt p {
    opacity: 1;
    transform: translate(0,0);
}



.collegetw-img {
}

.collegetw-con .swiper-slide-active .collegetw-slide {
    animation-duration: 1s;
}


.sollegefou-img {
    transition: all 2s .3s;
    transform: translate(0px,-50px);
}

.sco.active .sollegefou-img, .sco.active .collegefou-txt {
    transform: translate(0,0);
}

.collegefou-txt {
    transition: all 2s .3s;
    transform: translate(0px,50px);
}



/* ====================== collegeinfo ================= */
.collegeinfo {
}

.collegeinfo-tit {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    text-align: center;
}

.collegeinfo-one {
    margin-top: 45px;
    background: #f5f5f5;
}

.collegeinfo1-img {
    width: 48.21%;
    float: left;
    overflow: hidden;
}

    .collegeinfo1-img img {
        width: 100%;
        animation: scle2 8s linear infinite;
    }

.collegeinfo1-txt {
    float: right;
    width: 51.79%;
    padding: 45px 55px;
}

    .collegeinfo1-txt h3 {
        font-size: 24px;
        line-height: 30px;
        color: #2e1d18;
        margin-bottom: 15px;
    }

.collegeinfo1-p {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    max-height: 200px;
}

.collegeinfo-two {
    margin-top: 50px;
}

.collegeinfo2-ul {
    margin: 0 -25px;
}

    .collegeinfo2-ul li {
        float: left;
        width: 50%;
        padding: 0 25px;
    }

        .collegeinfo2-ul li > div {
            width: 100%;
            overflow: hidden;
        }

        .collegeinfo2-ul li img {
            width: 100%;
            transition: ease .5s;
        }

        .collegeinfo2-ul li:hover img {
            transform: scale(1.04);
        }



    .collegeinfo2-ul li {
        transition: all 2s .3s;
        transform: translate(0px,50px);
    }

.sco.active .collegeinfo2-ul li {
    transform: translate(0,0);
}

.collegeinfo2-ul li:nth-child(1) {
    transition: all 3s;
}

@media (max-width: 1459px) {
    .collegeinfo1-p {
        max-height: 150px;
    }

    .collegeinfo-one .proinfo-more {
        margin-top: 30px;
    }
}

@media (max-width: 1259px) {
    .collegeinfo1-p {
        max-height: 102px;
        line-height: 34px;
    }

    .collegeinfo1-txt {
        padding: 30px 40px;
    }
}

@media (max-width: 991px) {
    .collegeinfo1-img {
        float: none;
        width: 100%;
    }

    .collegeinfo1-txt {
        float: none;
        width: 100%;
    }

    .collegeinfo1-p {
        max-height: none;
        height: auto;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .collegeinfo-tit {
        font-size: 23px;
    }

    .collegeinfo-one {
        margin-top: 20px;
    }

    .collegeinfo1-txt h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .collegeinfo1-p {
        font-size: 15px;
    }

    .collegeinfo1-txt {
        padding: 30px 25px;
    }

    .collegeinfo-one .proinfo-more {
        margin-top: 20px;
    }

    .collegeinfo2-ul li {
        padding: 0 15px;
    }

    .collegeinfo2-ul {
        margin: 0 -15px;
    }

    .collegeinfo-two {
        margin-top: 30px;
    }
}

@media (max-width: 640px) {
    .collegeinfo2-ul li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 15px 0;
    }

    .collegeinfo2-ul {
        margin: -15px 0;
    }
}



/* ====================== collegeinfo ================= */
.collegeinfo {
}

.collegeinfo-tit {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    text-align: center;
}

.collegeinfo-one {
    margin-top: 45px;
    background: #f5f5f5;
}

.collegeinfo1-img {
    width: 48.21%;
    float: left;
    overflow: hidden;
}

    .collegeinfo1-img img {
        width: 100%;
        animation: scle2 8s linear infinite;
    }

.collegeinfo1-txt {
    float: right;
    width: 51.79%;
    padding: 45px 55px;
}

    .collegeinfo1-txt h3 {
        font-size: 24px;
        line-height: 30px;
        color: #2e1d18;
        margin-bottom: 15px;
    }

.collegeinfo1-p {
    font-size: 16px;
    line-height: 40px;
    color: #333;
    max-height: 200px;
}

.collegeinfo-two {
    margin-top: 50px;
}

.collegeinfo2-ul {
    margin: 0 -25px;
}

    .collegeinfo2-ul li {
        float: left;
        width: 50%;
        padding: 10px 25px;
    }

        .collegeinfo2-ul li > div {
            width: 100%;
            overflow: hidden;
        }

        .collegeinfo2-ul li img {
            width: 100%;
            transition: ease .5s;
        }

        .collegeinfo2-ul li:hover img {
            transform: scale(1.04);
        }



    .collegeinfo2-ul li {
        transition: all 2s .3s;
        transform: translate(0px,50px);
    }

.sco.active .collegeinfo2-ul li {
    transform: translate(0,0);
}

.collegeinfo2-ul li:nth-child(1) {
    transition: all 3s;
}

@media (max-width: 1459px) {
    .collegeinfo1-p {
        max-height: 150px;
    }

    .collegeinfo-one .proinfo-more {
        margin-top: 30px;
    }
}

@media (max-width: 1259px) {
    .collegeinfo1-p {
        max-height: 102px;
        line-height: 34px;
    }

    .collegeinfo1-txt {
        padding: 30px 40px;
    }
}

@media (max-width: 991px) {
    .collegeinfo1-img {
        float: none;
        width: 100%;
    }

    .collegeinfo1-txt {
        float: none;
        width: 100%;
    }

    .collegeinfo1-p {
        max-height: none;
        height: auto;
        padding-right: 0;
    }
}

@media (max-width: 767px) {
    .collegeinfo-tit {
        font-size: 23px;
    }

    .collegeinfo-one {
        margin-top: 20px;
    }

    .collegeinfo1-txt h3 {
        font-size: 20px;
        margin-bottom: 10px;
    }

    .collegeinfo1-p {
        font-size: 15px;
    }

    .collegeinfo1-txt {
        padding: 30px 25px;
    }

    .collegeinfo-one .proinfo-more {
        margin-top: 20px;
    }

    .collegeinfo2-ul li {
        padding: 0 15px;
    }

    .collegeinfo2-ul {
        margin: 0 -15px;
    }

    .collegeinfo-two {
        margin-top: 30px;
    }
}

@media (max-width: 640px) {
    .collegeinfo2-ul li {
        float: none;
        width: 100%;
        padding: 0;
        margin: 15px 0;
    }

    .collegeinfo2-ul {
        margin: -15px 0;
    }
}


/* ===================== collegenew ========================== */
.collegenew {
}

.collegenew-one {
}

.collegenew1-img, .collegenew2-ul {
    margin-top: 45px;
}

    .collegenew1-img img {
        width: 100%;
    }

.collegenew1-txt {
    padding: 43px 50px 28px;
    border: 1px solid #dcdcdc;
    border-top: none;
}

    .collegenew1-txt p {
        font-size: 18px;
        line-height: 30px;
        color: #333;
        margin-bottom: 18px;
    }

    .collegenew1-txt .box1 {
        float: left;
        max-width: 55%;
    }

    .collegenew1-txt .box2 {
        float: right;
        max-width: 42.96%;
    }

.collegenew1-btn {
    font-size: 0;
    margin: 25px -10px -10px;
}

    .collegenew1-btn a {
        display: inline-block;
        color: #39241e;
        height: 50px;
        margin: 10px;
    }

        .collegenew1-btn a span {
            padding: 12px 0;
        }

        .collegenew1-btn a:hover {
            color: #39241e;
        }

            .collegenew1-btn a:hover span {
                border-color: #f0bb44;
            }

        .collegenew1-btn a::before {
            border-color: transparent transparent transparent #f0bb44;
        }

        .collegenew1-btn a::after {
            border-color: transparent #f0bb44 transparent transparent;
        }

        .collegenew1-btn a.collegenewbtn-bm span {
            position: relative;
            padding-left: 30px;
        }

.collegenewbtn-bm span::before {
    position: absolute;
    content: "";
    width: 24px;
    height: 24px;
    background: url(../image/collegenew-btn.png)no-repeat center;
    background-size: 100% 100%;
    left: 35px;
    top: 50%;
    margin-top: -12px;
}

.collegenew-two {
    margin-top: 74px;
}

.collegenew2-ul {
    margin: 25px -15px -20px;
}

.collegenew2-ul1 {
}

.collegenew2-ul ul {
}

.collegenew2-ul li {
    float: left;
    width: 33.33%;
    padding: 0 15px;
    margin: 20px 0;
}

.collegenew-hideli {
    display: none;
}

.collegenew2-ul li a {
    display: block;
}

.collegenew2-img {
    overflow: hidden;
}

    .collegenew2-img img {
        width: 100%;
        transition: ease .5s;
    }

.collegenew2-txt {
    font-size: 22px;
    line-height: 30px;
    color: #2e1d18;
    text-align: center;
    background: #fff;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
    padding: 43px 20px;
}

.collegenew2-ul li:hover .collegenew2-img img {
    transform: scale(1.04);
}

@media(max-width:1459px) {
    .collegenew1-txt p {
        font-size: 16px;
    }

    .collegenew2-txt {
        font-size: 20px;
    }
}

@media (max-width: 1259px) {
    .collegenew2-txt {
        padding: 30px 20px;
    }

    .collegenew1-txt p {
        margin-bottom: 10px;
    }
}

@media (max-width: 991px) {
    .collegenew1-txt .box1 {
        float: none;
        max-width: none;
        width: 100%;
    }

    .collegenew1-txt .box2 {
        float: none;
        max-width: none;
        width: 100%;
    }

    .collegenew2-ul li {
        width: 50%;
    }
}

@media (max-width: 767px) {
    .collegenew1-img, .collegenew2-ul {
        margin-top: 20px;
    }

    .collegenew2-ul {
        margin-top: 10px;
    }

    .collegenew1-txt p {
        font-size: 16px;
        margin-bottom: 5px;
    }

    .collegenew1-txt {
        padding: 30px 25px;
    }

    .collegenew1-btn a span {
        padding: 5px 0;
    }

    .collegenew1-btn a {
        height: 36px;
    }

    .collegenewbtn-bm span::before {
        height: 20px;
        width: 20px;
        margin-top: -10px;
        left: 25px;
    }

    .collegenew1-btn {
        margin: 10px -10px -10px;
    }

    .collegenew2-txt {
        font-size: 17px;
        padding: 15px 20px;
    }

    .collegenew2-ul li {
        margin: 12px 0;
    }

    .collegenew2-ul {
        margin: 15px -15px -12px;
    }

    .collegenew-two {
        margin-top: 40px;
    }
}

@media (max-width: 640px) {
    .collegenew2-ul li {
        width: 100%;
        float: none;
        padding: 0;
    }

    .collegenew2-ul {
        margin: 15px 0px -12px;
    }
}


/* ================= service =============== */
.service {
}

.service-dec {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: center;
    width: 85%;
    margin: 35px auto 0;
}

.service-menu {
    font-size: 0;
    text-align: center;
    margin-top: 70px;
}

    .service-menu ul {
        margin: 0 -20px;
    }

    .service-menu li {
        float: left;
        width: 25%;
        padding: 0 20px;
    }

    .service-menu a {
        display: block;
        border: 1px solid #d2d2d2;
        transition: ease .5s;
    }

.sermenu-txt {
    padding: 60px 25px;
}

    .sermenu-txt h3 {
        font-size: 24px;
        line-height: 32px;
        color: #333;
        transition: ease .5s;
    }

    .sermenu-txt span {
        display: inline-block;
        width: 30px;
        height: 2px;
        background: #ffc001;
        margin: 25px auto;
    }

    .sermenu-txt p {
        font-size: 16px;
        line-height: 32px;
        color: #666;
        text-align: justify;
        text-align-last: center;
        height: 128px;
    }

.sermenu-btn {
    transition: ease .5s;
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: center;
    border-top: 1px solid #d2d2d2;
    padding: 15px;
    transition: ease .5s;
}

.service-menu li:hover .sermenu-btn {
    background: #f0bb44;
    color: #333;
}

.service-menu li:hover a {
    box-shadow: 0 0 13px rgba(0,0,0,.1);
}

.service-menu li:hover .sermenu-txt h3 {
    color: #f0bb44;
}

.service-con {
    margin-top: 40px;
}

.service-ul {
}

    .service-ul li {
        position: relative;
        padding: 40px 0;
    }

        .service-ul li:last-child {
            padding-bottom: 0;
        }

.service-img {
    float: left;
    width: 60%;
    overflow: hidden;
}

    .service-img img {
        width: 100%;
        transition: ease .5s;
    }

.service-ul li:hover .service-img img {
    transform: scale(1.04);
}

.service-txt {
    position: absolute;
    float: right;
    width: 40%;
    right: 0;
    top: 0;
    height: 100%;
    padding-left: 65px;
}

.service-ul li:nth-child(even) .service-img {
    float: right;
    width: 50%;
}

.service-ul li:nth-child(even) .service-txt {
    right: auto;
    left: 0;
    width: 50%;
    padding-left: 0;
    padding-right: 65px;
}

.service-ul li:nth-child(3) {
    border-top: 1px solid #e5e5e5;
}

.service-txt > div {
    width: 100%;
    height: 100%;
}

.service-txt h3 {
    font-size: 30px;
    line-height: 40px;
    color: #333;
}

.service-txt span {
    display: block;
    position: relative;
    font-size: 18px;
    line-height: 32px;
    color: #555;
    padding-left: 90px;
    margin: 20px 0;
}

    .service-txt span::before {
        position: absolute;
        content: "";
        width: 70px;
        height: 1px;
        background: #ffc001;
        left: 0;
        top: 15px;
    }

.service-p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
    text-align: justify;
    height: 128px;
}



@media (max-width: 1459px) {
    .service-p {
        height: 160px;
    }

    .sermenu-txt p {
        font-size: 15px;
        line-height: 26px;
    }

    .service-txt h3 {
        font-size: 27px;
    }
}

@media (max-width: 1259px) {
    .service-p {
        height: 128px;
    }

    .service-txt {
        padding-left: 30px;
    }

    .service-ul li:nth-child(even) .service-txt {
        padding-right: 30px;
    }

    .service-menu li {
        padding: 0 15px;
    }

    .service-menu ul {
        margin: 0 -15px;
    }

    .sermenu-txt p {
        height: 192px;
    }
}

@media (max-width: 991px) {
    .service-menu li {
        width: 50%;
        margin: 15px 0;
    }

    .service-menu ul {
        margin: -15px;
    }

    .sermenu-txt p {
        height: 128px;
    }

    .sermenu-txt {
        padding: 40px 25px;
    }

    .service-img, .service-ul li:nth-child(even) .service-img {
        float: none;
        width: 100%;
    }

    .service-txt, .service-ul li:nth-child(even) .service-txt {
        position: static;
        width: 100%;
        padding: 0;
        margin-top: 20px;
    }

    .service-p {
        height: auto;
    }
}

@media (max-width: 767px) {
    .service-dec {
        width: 90%;
        margin-top: 10px;
    }

    .sermenu-txt h3 {
        font-size: 19px;
    }

    .sermenu-txt span {
        margin: 10px auto;
    }

    .sermenu-txt p {
        height: auto;
    }

    .service-menu li {
        float: none;
        width: 100%;
        padding: 0;
    }

    .service-menu ul {
        margin: -15px 0;
    }

    .sermenu-txt {
        padding: 30px 25px;
    }

        .sermenu-txt p, .sermenu-btn, .service-p {
            font-size: 15px;
            line-height: 30px;
        }

    .sermenu-btn {
        padding: 10px 15px;
    }

    .service-txt h3 {
        font-size: 21px;
    }

    .service-txt span {
        padding-left: 50px;
        margin: 5px 0;
        font-size: 17px;
    }

        .service-txt span::before {
            width: 35px;
        }

    .service-ul li {
        padding: 20px 0;
    }

    .service-con {
        margin-top: 15px;
    }

    .service-menu {
        margin-top: 25px;
    }
}

@media (max-width: 767px) {
    .service-dec {
        width: 100%;
    }
}

/* ----------------------植物宝---------------------------- */
.service-menu ul.zwb .sermenu-txt {
    padding: 30px 25px 100px;
}

.service-menu ul.zwb li:hover a {
    background-color: #f0bb44;
}

.service-menu ul.zwb li:hover .sermenu-txt h3 {
    color: #fff;
}

.service-menu ul.zwb li:hover .sermenu-txt span {
    background: #fff;
}

.service-menu ul.zwb li:hover .sermenu-txt p {
    color: #fff;
}

.ny-padd.zwb {
    padding: 100px 0 50px 0;
}

    .ny-padd.zwb .pri5-ul li p {
        height: 150px;
        overflow-y: auto;
    }

        .ny-padd.zwb .pri5-ul li p::-webkit-scrollbar {
            width: 2px;
            background-color: #fff;
        }

        .ny-padd.zwb .pri5-ul li p::-webkit-scrollbar-thumb {
            background-color: rgba(230,197,156,1);
            border-radius: 10px;
        }

    .ny-padd.zwb .ab6-ul li {
        width: 25%;
    }

@media (max-width:1459px) {
    .service-menu ul.zwb a {
        min-height: 380px;
    }

    .ny-padd.zwb {
        padding: 60px 0 30px 0;
    }
}

@media (max-width:991px) {
    .service-menu ul.zwb .sermenu-txt {
        padding: 30px 25px;
    }

    .service-menu ul.zwb a {
        min-height: 300px;
    }

    .ny-padd.zwb .ab6-ul li {
        width: 50%;
    }

        .ny-padd.zwb .ab6-ul li:nth-child(3) {
            transform: none;
        }
}

@media (max-width:767px) {

    .service-menu ul.zwb a {
        min-height: 100%;
    }

    .ny-padd.zwb {
        padding: 55px 0 30px 0;
    }
}

@media (max-width:640px) {

    .ny-padd.zwb .pri5-ul li p {
        height: auto;
    }

    .ny-padd.zwb .ab6-ul li {
        width: 100%;
    }

        .ny-padd.zwb .ab6-ul li:hover .ab6-img {
            transform: none;
        }
}

/* ========================= service-net ===================== */
@keyframes scale {
    0% {
        opacity: 1;
        -webkit-transform: scale(0);
        -moz-transform: scale(0);
        -ms-transform: scale(0);
        transform: scale(0);
    }

    70% {
        opacity: 1;
    }

    100% {
        opacity: 0;
        -webkit-transform: scale(1);
        -moz-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1);
    }
}

.servicenet {
    padding-top: 93px;
}

.servicenet-one {
    margin-top: 45px;
    padding-bottom: 80px;
}

.map_box {
}

.servicenet .map_box {
    float: left;
    width: 66.14%;
    position: relative;
}

    .servicenet .map_box img {
        display: block;
        width: 100%;
    }

    .servicenet .map_box .dot {
        position: absolute;
        width: 88px;
        height: 88px;
        -webkit-transform: translate(-50%, -50%);
        -moz-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
        transform: translate(-50%, -50%);
    }

        .servicenet .map_box .dot h4 {
            opacity: 0;
            font-size: 16px;
            line-height: 30px;
            color: #39241E;
            margin-top: 28px;
            position: absolute;
            left: -50%;
            white-space: nowrap;
            top: 0;
            transform: translateX(0px);
        }

        .servicenet .map_box .dot.active h4 {
            opacity: 1;
        }

        .servicenet .map_box .dot:before {
            content: '';
            width: 16px;
            height: 16px;
            background-color: rgba(57,36,30,.4);
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 2;
        }

        .servicenet .map_box .dot:after {
            content: '';
            width: 6px;
            height: 6px;
            background-color: #39241e;
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -moz-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            border-radius: 50%;
            z-index: 3;
        }

        .servicenet .map_box .dot span {
            width: 100%;
            height: 100%;
            position: absolute;
            top: 0;
            left: 0;
            border: 1px solid rgba(255,192,1,.7);
            border-radius: 50%;
            z-index: 1;
            opacity: 0;
            -webkit-transform: scale(0);
            -moz-transform: scale(0);
            -ms-transform: scale(0);
            transform: scale(0);
        }

        .servicenet .map_box .dot.on::after {
            background-color: rgba(255,192,1,1);
        }

        .servicenet .map_box .dot.on::before {
            background-color: rgba(255,192,1,.4);
        }

        .servicenet .map_box .dot.active span {
            -webkit-animation: scale 2s linear infinite;
            -moz-animation: scale 2s linear infinite;
            -ms-animation: scale 2s linear infinite;
            animation: scale 2s linear infinite;
        }

        .servicenet .map_box .dot span:nth-of-type(2) {
            animation-delay: .7s;
        }

        .servicenet .map_box .dot span:nth-of-type(3) {
            animation-delay: 1.4s;
        }

        .servicenet .map_box .dot:nth-of-type(1) {
            top: 18.81%;
            left: 87.47%;
        }

        .servicenet .map_box .dot:nth-of-type(2) {
            top: 25.4%;
            left: 85.2%;
        }

        .servicenet .map_box .dot:nth-of-type(3) {
            top: 38.03%;
            left: 78.61%;
        }

        .servicenet .map_box .dot:nth-of-type(4) {
            top: 44.35%;
            left: 70.51%;
        }

        .servicenet .map_box .dot:nth-of-type(5) {
            top: 47.44%;
            left: 74.94%;
        }

        .servicenet .map_box .dot:nth-of-type(6) {
            top: 49.73%;
            left: 70.51%;
        }

        .servicenet .map_box .dot:nth-of-type(7) {
            top: 50.94%;
            left: 71.92%;
        }

        .servicenet .map_box .dot:nth-of-type(8) {
            top: 54.56%;
            left: 69.11%;
        }

        .servicenet .map_box .dot:nth-of-type(9) {
            top: 58.6%;
            left: 84.23%;
        }

        .servicenet .map_box .dot:nth-of-type(10) {
            top: 60.48%;
            left: 81.74%;
        }

        .servicenet .map_box .dot:nth-of-type(11) {
            top: 61%;
            left: 83.8%;
        }

        .servicenet .map_box .dot:nth-of-type(12) {
            top: 63.17%;
            left: 82.5%;
        }

        .servicenet .map_box .dot:nth-of-type(13) {
            top: 65.45%;
            left: 50.75%;
        }

        .servicenet .map_box .dot:nth-of-type(14) {
            top: 65.45%;
            left: 69.97%;
        }

        .servicenet .map_box .dot:nth-of-type(15) {
            top: 65.59%;
            left: 85.63%;
        }

        .servicenet .map_box .dot:nth-of-type(16) {
            top: 68.14%;
            left: 82.28%;
        }

        .servicenet .map_box .dot:nth-of-type(17) {
            top: 68.54%;
            left: 83.9%;
        }

        .servicenet .map_box .dot:nth-of-type(18) {
            top: 69.35%;
            left: 78.61%;
        }

        .servicenet .map_box .dot:nth-of-type(19) {
            top: 69.89%;
            left: 57.55%;
        }

        .servicenet .map_box .dot:nth-of-type(20) {
            top: 79.97%;
            left: 81.64%;
        }

        .servicenet .map_box .dot:nth-of-type(21) {
            top: 80.10%;
            left: 77.75%;
        }

        .servicenet .map_box .dot:nth-of-type(22) {
            top: 80.24%;
            left: 79.58%;
        }

        .servicenet .map_box .dot:nth-of-type(23) {
            top: 80.24%;
            left: 64.79%;
        }

        .servicenet .map_box .dot:nth-of-type(24) {
            top: 80.51%;
            left: 49.56%;
        }

        .servicenet .map_box .dot:nth-of-type(25) {
            top: 87.36%;
            left: 73.11%;
        }

        .servicenet .map_box .dot:nth-of-type(26) {
            top: 71.37%;
            left: 70.30%;
        }

.servicenet1-mapsearch {
    float: right;
    width: 31.8%;
    padding-top: 12.5%;
}

.servicenet1-tit {
    font-size: 24px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background-color: #39241e;
    padding: 25px;
}

.servicenet1-input {
    box-shadow: 0 0 13px rgba(0,0,0,.1);
    background: #fff;
    width: 100%;
    padding: 20px 33px 60px;
}

    .servicenet1-input input {
        font-size: 18px;
        line-height: 36px;
        color: #333;
        border: 1px solid #eee;
        width: 100%;
        padding: 6px 20px;
        margin-top: 30px;
    }

        .servicenet1-input input::-webkit-input-placeholder {
            color: #333;
        }

.servicenet1-sub {
    display: block;
    cursor: pointer;
    font-size: 16px;
    line-height: 24px;
    color: #39241e;
    text-align: center;
    background-color: #f0bb44;
    margin: 0 auto;
    margin-top: 50px;
    width: 160px;
    height: 52px;
}

    .servicenet1-sub span {
        border-color: transparent;
    }

.servicenet-two {
    display: none;
}

    .servicenet-two.on {
        display: block;
    }

.servicenet2-con {
    display: block;
    position: relative;
    height: 100%;
}

.servicenet2-img {
    float: left;
    width: 48.21%;
    overflow: hidden;
}

    .servicenet2-img img {
        width: 100%;
    }

.servicenet2-txt {
    float: right;
    width: 51.79%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background-color: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
    padding: 60px;
    padding-top: 66px;
}

    .servicenet2-txt h3 {
        font-size: 30px;
        line-height: 40px;
        color: #333;
        margin-bottom: 15px;
    }

.servicenet2-p {
    font-size: 16px;
    line-height: 40px;
    color: #666;
}

    .servicenet2-p span {
        display: block;
        float: left;
        color: #333;
    }

    .servicenet2-p p {
        display: inline-block;
        max-width: 69%;
    }

.servicenet2-span {
    color: #39241e;
    margin-top: 36px;
}

.servicenet2-ap {
    max-height: 160px;
}

@media (max-width: 1459px) {
    .servicenet {
        padding-top: 54px;
    }

    .servicenet2-ap {
        max-height: 116px;
    }

    .servicenet2-p p {
        max-width: 81%;
    }
}

@media (max-width: 1259px) {
    .servicenet1-input {
        padding: 0 25px 30px;
    }

    .servicenet1-sub span {
        padding: 8px 0;
    }

    .servicenet1-sub {
        height: 42px;
        margin-top: 25px;
    }

    .servicenet1-tit {
        font-size: 22px;
        padding: 18px;
    }

    .servicenet2-span {
        height: 42px;
    }

        .servicenet2-span span {
            padding: 8px 0;
        }

    .servicenet2-txt {
        padding: 40px;
        padding-top: 40px;
    }

        .servicenet2-txt h3 {
            font-size: 26px;
            margin-bottom: 5px;
        }

    .servicenet2-p p {
        max-width: 77%;
    }

    .servicenet2-ap {
        max-height: 90px;
    }
}

@media (max-width: 991px) {
    .servicenet .map_box, .servicenet2-img {
        float: none;
        width: 100%;
    }

    .servicenet1-mapsearch {
        float: none;
        width: 100%;
        margin-top: 30px;
        padding-top: 0;
    }

    .servicenet2-txt {
        position: static;
        width: 100%;
    }

    .servicenet2-ap {
        max-height: none;
        height: auto;
        padding-right: 0;
    }

    .servicenet2-p p {
        max-width: 65%;
    }
}

@media (max-width: 767px) {
    .servicenet-one {
        margin-top: 30px;
        padding-bottom: 40px;
    }

    .servicenet {
        padding-top: 55px;
    }

    .servicenet1-tit {
        font-size: 20px;
        padding: 15px;
    }

    .servicenet1-input input {
        font-size: 16px;
        margin-top: 20px;
        padding: 6px 15px;
    }

    .servicenet1-input {
        padding: 20px 25px 40px;
    }

    .servicenet2-txt h3 {
        font-size: 21px;
        line-height: 30px;
    }

    .servicenet2-p {
        font-size: 16px;
        line-height: 32px;
    }

        .servicenet2-p p {
            max-width: none;
        }

        .servicenet2-p span {
            float: none;
        }

    .servicenet2-span {
        margin-top: 25px;
    }

    .servicenet2-txt {
        padding: 40px 25px;
    }

    .servicenet .map_box .dot h4 {
        font-size: 14px;
        line-height: 24px;
        margin-top: 32px;
    }
}


/* =================== team =================== */
.team-one {
}

.team1-con {
    margin-top: 45px;
}

.team1-img {
    float: left;
    width: 48.21%;
    overflow: hidden;
    position: relative;
}

    .team1-img img {
        width: 100%;
        transition: ease .5s;
    }

    .team1-img:hover img {
        transform: scale(1.04);
    }

.team1-txt {
    float: right;
    width: 55.35%;
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
    padding: 53px 50px 64px;
    padding-left: 115px;
    margin-left: -50px;
    margin-top: 40px;
}

.team1-txt1 {
    margin-top: 36px;
}

    .team1-txt1:first-child {
        margin-top: 0;
    }

.team1-txt h3 {
    font-size: 30px;
    line-height: 40px;
    color: #333;
    font-weight: lighter;
    margin-bottom: 18px;
}

.team1-txt p {
    font-size: 16px;
    line-height: 30px;
    color: #555;
}

.team-two {
    padding-bottom: 0;
    padding-top: 94px;
}

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

.team2-dec {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: center;
    width: 67%;
    margin: 42px auto 0;
}

.team2-img {
    margin-top: 43px;
}

.team2-img1 {
    display: none;
}

    .team2-img1.on {
        display: block;
    }

.team2-ul {
    margin: -15px;
}

    .team2-ul li {
        float: left;
        width: 33.33%;
        padding: 15px;
        overflow: hidden;
    }

        .team2-ul li img {
            width: 100%;
            transition: ease .5s;
        }

        .team2-ul li:hover img {
            transform: scale(1.04);
        }


@media (max-width: 1259px) {
    .team1-txt {
        padding-left: 80px;
    }

    .team2-dec {
        width: 83%;
    }
}

@media (max-width: 991px) {
    .team1-img, .team1-txt {
        width: 100%;
        float: none;
    }

    .team1-txt {
        margin: 0;
        padding: 40px;
    }

        .team1-txt h3 {
            font-size: 27px;
        }

    .team2-dec {
        width: 100%;
    }
}

@media (max-width: 767px) {
    .team1-con, .team2-dec {
        margin-top: 20px;
    }

    .team1-txt h3 {
        font-size: 20px;
        line-height: 30px;
        margin-bottom: 5px;
    }

    .team1-txt p {
        font-size: 15px;
    }

    .team1-txt {
        padding: 40px 25px;
    }

    .team1-txt1 {
        margin-top: 20px;
    }

    .team-two {
        padding-top: 40px;
    }

    .team2-dec {
        font-size: 15px;
        width: 90%;
        margin-top: 10px;
    }

    .team2-ul li {
        width: 50%;
        padding: 5px;
    }

    .team2-ul {
        margin: -5px;
    }

    .team2-img {
        margin-top: 20px;
    }

    .team2-top {
        margin-top: 10px;
    }

    .team2-ul li:hover img {
        transform: none;
    }
}

@media (max-width: 320px) {
    .team2-ul li {
        width: 100%;
        padding: 0;
        float: none;
        margin: 15px 0;
    }

    .team2-ul {
        margin: -15px 0;
    }
}


/* =================== appinfomo ================== */
.appinfomo {
}

.appinfomo-one {
}

.appinfomo1-con {
    margin-top: 75px;
}

.appinfomo-one .team1-txt {
    margin-top: -35px;
    padding: 105px 50px;
    padding-left: 100px;
}

    .appinfomo-one .team1-txt h3 {
        font-size: 24px;
        font-weight: normal;
        margin-bottom: 15px;
    }

    .appinfomo-one .team1-txt p {
        margin-bottom: 30px;
    }

.appinfomo-one .team1-img img {
    animation: scle2 8s linear infinite;
}

.appinfomo-two {
    padding-top: 0px;
}

    .appinfomo-two .newsinfo-bot {
        margin-top: 0px;
    }

.newsinfo-bot.clearfix {
    margin-top: 50px;
}

.appinfomo-two .newsinfo-page {
    margin-top: 30px;
    padding-top: 20px;
    border-top: 1px solid #e5e5e5;
}

.appinfo .appinfomo-two .newsinfo-page {
    margin-bottom: 50px;
}

.appinfomo2-ul {
    margin: -25px;
}

    .appinfomo2-ul li {
        float: left;
        width: 50%;
        padding: 25px;
    }

        .appinfomo2-ul li > div {
            overflow: hidden;
        }

        .appinfomo2-ul li img {
            width: 100%;
            transition: ease .5s;
        }

        .appinfomo2-ul li:hover img {
            transform: scale(1.04);
        }

@media (max-width: 1259px) {
    .appinfomo-one .team1-txt {
        padding-left: 80px;
    }
}

@media (max-width: 991px) {
    .appinfomo-one .team1-txt {
        padding: 40px;
        margin: 0;
    }

    .appinfomo2-ul li {
        padding: 15px;
    }

    .appinfomo2-ul {
        margin: -15px;
    }
}

@media (max-width: 767px) {
    .appinfomo-one .team1-txt {
        padding: 40px 25px;
        margin: 0;
    }

        .appinfomo-one .team1-txt h3 {
            font-size: 20px;
            line-height: 30px;
        }

        .appinfomo-one .team1-txt p {
            margin-bottom: 10px;
        }

    .appinfomo-two {
        padding-top: 40px;
    }

        .appinfomo-two .newsinfo-bot {
            margin-top: 25px;
        }

    .appinfomo1-con {
        margin-top: 20px;
    }
}

@media (max-width: 320px) {
    .appinfomo2-ul li {
        width: 100%;
        float: none;
        margin: 15px 0;
        padding: 0;
    }

    .appinfomo2-ul {
        margin: -15px 0;
    }
}


/* =================== appinfo ================== */
.appinfo {
}

    .appinfo .appinfomo-two {
        padding-top: 0px;
    }

.appinfo-one {
    padding-top: 93px;
}

.appinfo-dec {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    text-align: center;
    margin-top: 30px;
}

.appinfo1-swiper {
    position: relative;
    margin-top: 38px;
    padding-bottom: 60px;
}

.appinfo1-slide {
    display: block;
}

.appinfo1-img {
    width: 100%;
    overflow: hidden;
}

    .appinfo1-img img {
        width: 100%;
    }

.appinfo1-swiper .swiper-pagination {
    width: 100%;
    bottom: 0;
}

.appinfo1-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #311d17;
    margin: 0 9px;
    opacity: 1;
}

.appinfo1-swiper .swiper-pagination-bullet-active {
    position: relative;
}

    .appinfo1-swiper .swiper-pagination-bullet-active::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311d17;
        left: -3px;
        top: -3px;
    }

.appinfo-two {
    background-repeat: repeat;
    background-size: cover;
    background-position: center;
}

.appinfo2-con {
    margin-top: 40px;
}

.appinfo2-ul {
    margin: 0 -40px;
}

    .appinfo2-ul li {
        float: left;
        width: 33.3%;
        text-align: center;
        padding: 0 40px;
    }

.appinfo2-icon {
    width: 116px;
    height: 133px;
    margin: 0 auto 25px;
    transition: ease .5s;
    position: relative;
}

.appinfo2-ul li:hover .appinfo2-icon {
    transform: translateY(-10px);
}

.appinfo2-icon img {
    width: 100%;
    transition: ease .5s;
}

.appinfo2-icon::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 100%;
    top: 0;
    left: -150px;
    overflow: hidden;
    background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
    background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
    -webkit-transform: skewX(-25deg);
    -moz-transform: skewX(-25deg)
}

.appinfo2-ul li:hover .appinfo2-icon::before {
    left: 150%;
    transition: left 1s ease 0s;
}


.appinfo2-ul li h3 {
    font-size: 24px;
    line-height: 30px;
    color: #222;
    margin-bottom: 10px;
}

.appinfo2-ul li p {
    font-size: 16px;
    line-height: 24px;
    color: #666;
}

.appinfo-three {
    padding: 0px 0 50px 0;
}

.appinfo3-swiper {
    margin-top: 42px;
    position: relative;
    padding-bottom: 65px;
}

.appinfo3-slide {
    display: block;
    padding-top: 35px;
}

.appinfo3-img {
    float: left;
    width: 48.21%;
    overflow: hidden;
}

    .appinfo3-img img {
        width: 100%;
        animation: scle2 6s linear infinite;
    }

.appinfo3-txt {
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
    float: right;
    width: 55%;
    margin-left: -45px;
    margin-top: -35px;
    padding: 50px 90px 40px 105px;
    max-height: 575px;
}

    .appinfo3-txt ul {
    }

    .appinfo3-txt li {
        margin-bottom: 35px;
    }

        .appinfo3-txt li:last-child {
            margin-bottom: 0;
        }

.appinfo3-icon {
    width: 60px;
    height: 60px;
    overflow: hidden;
    position: relative;
    float: left;
}

    .appinfo3-icon img {
        width: 100%;
    }

    .appinfo3-icon::before {
        content: "";
        position: absolute;
        width: 200px;
        height: 100%;
        top: 0;
        left: -150px;
        overflow: hidden;
        background: -moz-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
        background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(50%, rgba(255, 255, 255, .2)), color-stop(100%, rgba(255, 255, 255, 0)));
        background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
        background: -o-linear-gradient(left, rgba(255, 255, 255, 0)0, rgba(255, 255, 255, .2)50%, rgba(255, 255, 255, 0)100%);
        -webkit-transform: skewX(-25deg);
        -moz-transform: skewX(-25deg)
    }

.appinfo3-txt li:hover .appinfo3-icon::before {
    left: 150%;
    transition: left 1s ease 0s;
}

.appinfo3-t {
    margin-left: 100px;
    padding: 10px 0;
}

    .appinfo3-t h3 {
        font-size: 24px;
        line-height: 30px;
        color: #321f1a;
        margin-bottom: 10px;
    }

    .appinfo3-t p {
        font-size: 16px;
        line-height: 22px;
        color: #444;
    }

.appinfo3-swiper .swiper-pagination {
    width: 100%;
    bottom: 0;
}

.appinfo3-swiper .swiper-pagination-bullet {
    width: 6px;
    height: 6px;
    background-color: #311d17;
    margin: 0 9px;
    opacity: 1;
}

.appinfo3-swiper .swiper-pagination-bullet-active {
    position: relative;
}

    .appinfo3-swiper .swiper-pagination-bullet-active::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311d17;
        left: -3px;
        top: -3px;
    }


.appinfo3-swiper .swiper-button-prev, .appinfo3-swiper .swiper-button-next {
    width: 55px;
    height: 55px;
    background: none;
    border-radius: 50%;
    font-size: 18px;
    line-height: 55px;
    color: #f0bb44;
    font-weight: bold;
    transition: ease .5s;
    text-align: center;
    border: 1px solid #f0bb44;
    opacity: 1;
    margin-top: -55px;
}

    .appinfo3-swiper .swiper-button-prev:hover, .appinfo3-swiper .swiper-button-next:hover {
        background: #f0bb44;
        color: #222;
    }

.appinfo3-swiper .swiper-button-prev {
    left: -75px;
}

.appinfo3-swiper .swiper-button-next {
    right: -75px;
}


@media (max-width: 1559px) {
    .appinfo3-swiper {
        padding: 0 65px 65px;
    }

        .appinfo3-swiper .swiper-button-prev {
            left: 0;
        }

        .appinfo3-swiper .swiper-button-next {
            right: 0;
        }

    .appinfo-dec {
        font-size: 15px;
        line-height: 30px;
    }

    .appinfo2-ul li h3 {
        font-size: 20px;
    }

    .appinfo2-ul li p {
        font-size: 14px;
    }

    .appinfo3-t h3 {
        font-size: 20px;
    }
}

@media (max-width: 1459px) {
    .appinfo3-txt li {
        margin-bottom: 20px;
    }

    .appinfo-one {
        padding-top: 54px;
    }

    .appinfo3-txt {
        padding-left: 80px;
    }
}

@media (max-width: 1259px) {
    .appinfo3-txt {
        padding-left: 80px;
    }

    .appinfo3-img, .appinfo3-txt {
        float: none;
        width: 100%;
    }

    .appinfo3-txt {
        max-height: none;
        height: auto;
        margin: 0;
        padding: 50px;
    }

        .appinfo3-txt li {
            margin-bottom: 25px;
        }

    .appinfo2-ul li {
        padding: 0 20px;
    }

    .appinfo2-ul {
        margin: 0 -20px;
    }

    .appinfo3-slide {
        padding-top: 0;
    }
}

@media (max-width: 991px) {
    .appinfo2-ul li {
        width: 50%;
        margin: 15px 0;
    }

    .appinfo2-ul {
        margin: -15px -20px;
    }
}

@media (max-width: 767px) {
    .appinfo-one {
        padding-top: 40px;
    }

    .appinfo3-swiper .swiper-button-prev, .appinfo3-swiper .swiper-button-next {
        display: none;
    }

    .appinfo-dec {
        margin-top: 10px;
        line-height: 32px;
        font-size: 15px;
    }

    .appinfo1-swiper {
        margin-top: 20px;
        padding-bottom: 40px;
    }

    .appinfo2-ul li h3 {
        font-size: 19px;
    }

    .appinfo2-icon {
        width: 80px;
        height: 92px;
        margin: 0 auto 10px;
    }

    .appinfo3-swiper {
        margin-top: 20px;
        padding: 0 0 40px;
    }

    .appinfo2-con {
        margin-top: 20px;
    }

    .appinfo3-icon {
        width: 70px;
        height: 70px;
    }

    .appinfo3-t h3 {
        font-size: 19px;
        margin-bottom: 5px;
    }

    .appinfo3-t {
        margin-left: 85px;
    }

    .appinfo3-txt {
        padding: 40px 30px;
    }

        .appinfo3-txt li {
            margin-bottom: 15px;
        }

    .appinfo3-t p {
        font-size: 15px;
    }
}

@media (max-width: 640px) {
    .appinfo2-ul li {
        float: none;
        width: 100%;
    }

    .appinfo-three {
        padding: 40px 0 10px;
    }

    .appinfo3-txt {
        padding: 40px 30px 25px;
    }
}

/* ===================== appli ============== */
.applibanner-ul {
    margin-top: 42px;
    padding: 0 68px;
}

    .applibanner-ul ul {
        margin: 0 -10px;
    }

    .applibanner-ul li {
        float: left;
        width: 25%;
        text-align: left;
        padding: 0 10px;
    }

        .applibanner-ul li > div {
            background: rgba(255,255,255,0.05);
            padding: 20px 35px;
        }

        .applibanner-ul li h3 {
            font-size: 16px;
            line-height: 30px;
            color: #fff;
            letter-spacing: 3px;
            margin-bottom: 0px;
        }

            .applibanner-ul li h3 span {
                display: inline-block;
                font-size: 50px;
                line-height: 50px;
                font-family: "REDUCTO-CONDENSED-SSI-CONDENSED";
            }

        .applibanner-ul li p {
            width: 100%;
        }

.appli {
}

.appli-ul {
    margin-bottom: 25px;
}

    .appli-ul.pro-ul li a::before {
        background: rgba(0,0,0,0.6);
    }

    .appli-ul .pro-txt {
        padding-top: 194px;
    }

@media (max-width: 1459px) {
    .appli-ul .pro-txt {
        padding-top: 160px;
    }

    .applibanner-ul li > div {
        padding: 20px;
    }
}

@media (max-width: 1259px) {
    .appli-ul .pro-txt {
        padding-top: 120px;
    }

    .lapplibanner {
        height: 600px;
    }

    .applibanner-ul li {
        width: 50%;
        margin: 10px 0;
    }

    .applibanner-ul ul {
        margin: -10px;
    }
}

@media (max-width: 991px) {
    .appli-ul .pro-txt, .appli-ul li:hover .pro-txt {
        padding-top: 60px;
    }

    .applibanner-ul li h3 span {
        font-size: 38px;
        line-height: 40px;
    }

    .applibanner-ul {
        margin-top: 20px;
    }

        .applibanner-ul li > div {
            padding: 15px 20px;
        }

    .lapplibanner {
        height: 500px;
    }
}

@media (max-width: 767px) {
    .appli-ul .pro-txt, .appli-ul li:hover .pro-txt {
        padding-top: 45px;
    }

    .applibanner-ul {
        display: none;
    }

    .appli-ul {
        margin-bottom: 10px;
    }
}

@media (max-width: 640px) {
    .lapplibanner {
        height: auto;
    }

    .pro-ul li:hover .pro-ic {
        display: none;
    }

    .appli-ul .pro-txt, .appli-ul li:hover .pro-txt {
        padding: 15px;
    }
}

/* ==================== partnerinfo ===================== */
.partnerinfo {
}

.partner-dec {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    text-align: center;
    width: 71%;
    margin: 35px auto 0;
}

.partner-one {
    padding-top: 93px;
}

.partner1-con {
    margin-top: 40px;
}

.partner1-ul {
    margin: 0 -25px;
}

    .partner1-ul li {
        float: left;
        width: 50%;
        padding: 0 25px;
    }

.partner1-img {
    overflow: hidden;
}

    .partner1-img img {
        width: 100%;
        transition: ease .5s;
    }

.partner1-ul li:hover .partner1-img img {
    transform: scale(1.04);
}

.partner-two {
    background-color: #f6f6f6;
}

.partner2-con {
    margin-top: 40px;
}

.partner2-ul {
    margin: -15px;
}

    .partner2-ul li {
        float: left;
        width: 33.33%;
        padding: 15px;
    }

        .partner2-ul li > div {
            position: relative;
            background: #fff;
            overflow: hidden;
            padding: 40px 40px 35px;
        }

            .partner2-ul li > div::before {
                position: absolute;
                content: "";
                width: 100%;
                height: 100%; /*background: #f0bb44;*/
                left: -100%;
                top: 0;
                transition: ease .5s;
            }

        .partner2-ul li:hover > div::before {
            left: 0;
        }

        .partner2-ul li h3 {
            font-size: 20px;
            line-height: 36px;
            color: #333;
            text-align: center;
            position: relative;
        }

.partner2-icon {
    width: 80px;
    height: 80px;
    overflow: hidden;
    margin: 0 auto 25px;
    position: relative;
}

    .partner2-icon img {
        width: 100%;
        transition: ease .5s;
    }

.partner2-ul li:hover .partner2-icon img {
    transform: translateY(-100%);
}

.partner-three {
}

.partner3-con {
    position: relative;
    margin-top: 40px;
}

.partner3-img {
    float: left;
    overflow: hidden;
    width: 49.28%;
}

    .partner3-img img {
        width: 100%;
        transition: ease .5s;
    }

.partner3-con:hover .partner3-img img {
    transform: scale(1.05);
}

.partner3-txt {
    float: right;
    width: 50.72%;
    background-color: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
    position: absolute;
    right: 0;
    top: 0;
    height: 100%;
    padding: 70px 50px;
}

.partner3-p {
    font-size: 16px;
    line-height: 36px;
    color: #666;
    max-height: 180px;
}

.partner3-btn {
    background-color: #f0bb44;
    margin-top: 40px;
}

    .partner3-btn span {
        border-color: #f0bb44;
    }

.partner-four {
    padding-top: 0;
}

.partner4-con {
    margin-top: 40px;
}

.partner4-ul {
    margin: -15px;
}

    .partner4-ul li {
        float: left;
        width: 33.33%;
        padding: 15px;
    }

        .partner4-ul li > div {
            width: 100%;
        }

.partner4-img {
    overflow: hidden;
}

    .partner4-img img {
        width: 100%;
        transition: ease .5s;
    }

.partner4-txt {
    font-size: 16px;
    line-height: 32px;
    color: #333;
    background-color: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
    padding: 30px;
    text-align: justify;
    text-align-last: center;
    transition: ease .5s;
}

.partner4-ul li:hover .partner4-txt {
    background-color: #f0bb44;
}

.partner4-ul li:hover .partner4-img img {
    transform: scale(1.05);
}

.partner-four .newsinfo-bot {
    margin: -60px 0 0px;
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 30px;
}

@media (max-width: 1459px) {
    .partner-one {
        padding-top: 54px;
    }

    .partner3-p {
        max-height: 144px;
    }

    .partner-dec {
        width: 79%;
    }
}

@media (max-width: 1259px) {
    .partner2-ul li h3 {
        height: 72px;
    }

    .partner-dec {
        width: 87%;
    }

    .partner3-img {
        float: none;
        width: 100%;
    }

    .partner3-txt {
        float: none;
        width: 100%;
        position: static;
        padding: 50px 40px;
    }

    .partner3-p {
        max-height: none;
        height: auto;
        padding: 0;
    }

    .partner3-btn {
        margin-top: 25px;
    }
}

@media (max-width: 991px) {
    .partner2-ul li {
        width: 50%;
    }

    .partner4-ul li {
        width: 50%;
    }

        .partner4-ul li:nth-child(3) {
            transform: translateX(50%);
        }

    .partner-dec {
        margin: 10px auto 0;
    }

    .partner1-ul li {
        padding: 0 15px;
    }

    .partner1-ul {
        margin: 0 -15px;
    }
}

@media (max-width: 767px) {
    .partner-one {
        padding-top: 40px;
    }

    .partner-dec {
        width: 95%;
        font-size: 15px;
    }

    .partner1-con, .partner2-con, .partner3-con, .partner4-con {
        margin-top: 20px;
    }

    .partner2-icon {
        width: 70px;
        height: 70px;
        margin: 0 auto 15px;
    }

    .partner2-ul li h3 {
        font-size: 16px;
        line-height: 30px;
        height: auto;
    }

    .partner1-ul li {
        padding: 0 10px;
    }

    .partner1-ul {
        margin: 0 -10px;
    }

    .partner2-ul li {
        padding: 10px 0;
        float: none;
        width: 100%;
    }

    .partner2-ul {
        margin: -10px 0;
    }

    .partner3-txt {
        padding: 30px 25px;
    }

    .partner3-p {
        font-size: 15px;
        line-height: 32px;
    }

    .partner3-btn {
        margin-top: 20px;
    }

    .partner4-txt {
        font-size: 15px;
        padding: 30px 25px;
        height: 188px;
    }

    .partner-four .newsinfo-bot {
        margin: 0px 0 0px;
    }
}

@media (max-width: 640px) {
    .partner4-ul li {
        width: 100%;
        float: none;
        padding: 15px 0;
    }

        .partner4-ul li:nth-child(3) {
            transform: none;
        }

    .partner4-ul {
        margin: -15px 0;
    }

    .partner4-txt {
        height: auto;
    }

    .partner-four {
        padding-top: 40px;
    }

    .partner1-ul li {
        width: 100%;
        float: none;
        padding: 0;
        margin: 15px 0;
    }

    .partner1-ul {
        margin: -15px 0;
    }

    .partner-four .newsinfo-bot {
        margin: -50px 0 0;
        padding-bottom: 30px;
    }
}


/* ======================== partner ===================== */
.partnerli {
}

.partnerli-one {
}

.partnerli1-con {
    margin-top: 40px;
}

.partnerli1-ul {
}

    .partnerli1-ul li {
        padding-bottom: 50px;
    }

        .partnerli1-ul li a {
            display: block;
        }

.partnerli1-img {
    float: left;
    width: 56.42%;
    position: relative;
}

    .partnerli1-img .banner-more {
        bottom: auto;
        top: 50%;
        transform: rotate(270deg);
        z-index: 3;
        margin-top: -18px;
    }

.partnerli1-ul li:nth-child(even) .partnerli1-img .banner-more {
    transform: rotate(90deg);
}

.partnerli1-img::before {
    position: absolute;
    content: "";
    width: 104%;
    height: 100%;
    background: url(../image/partnerli1-ba.png)no-repeat center;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    margin-top: 50px;
    transition: ease .5s;
}

.partnerli1-img::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 100%;
    background: url(../image/partnerli1-aft.png)no-repeat center;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    transition: ease .5s;
}

.partnerli1-img img {
    width: 100%;
    position: relative;
}

.partnerli1-ul li:hover .partnerli1-img::before {
    background-image: url(../image/partnerli1-ba1.png);
}

.partnerli1-txt {
    float: right;
    width: 43.58%;
    padding-left: 100px;
    padding-top: 93px;
}

.partnerli1-num {
    display: block;
    font-family: "DINNEUZEITGROTESKSTD-LIGHT";
    position: relative;
    font-size: 48px;
    line-height: 50px;
    color: #333;
    transition: ease .5s;
    margin-bottom: 28px;
}

    .partnerli1-num::before {
        position: absolute;
        content: "";
        width: 0px;
        height: 2px;
        background-color: #ffc001;
        left: -104px;
        top: 50%;
        margin-top: -1px;
        transition: ease .5s;
    }

.partnerli1-ul li:hover .partnerli1-num {
    color: #f0bb44;
}

    .partnerli1-ul li:hover .partnerli1-num::before {
        width: 75px;
    }

.partnerli1-txt h3 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.partnerli1-txt h4 {
    display: none;
    font-size: 20px;
    line-height: 40px;
    color: #f0bb44;
    margin: 15px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.partnerli1-txt p {
    margin-top: 25px;
    font-size: 16px;
    line-height: 30px;
    color: #666;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.partnerli1-btn {
    background-color: transparent;
    margin-top: 38px;
    height: 50px;
}

    .partnerli1-btn span {
        font-family: inherit;
        font-size: 16px;
        line-height: 30px;
        padding: 9px 0;
        border-color: #39241e;
    }

    .partnerli1-btn:hover span {
        border-color: #f0bb44;
    }

    .partnerli1-btn:hover {
        color: #39241e;
    }

    .partnerli1-btn::before {
        border-color: transparent transparent transparent #f0bb44;
    }

    .partnerli1-btn::after {
        border-color: transparent #f0bb44 transparent transparent;
    }

.partnerli1-ul li:nth-child(even) {
    padding-top: 50px;
    margin-bottom: 50px;
}

    .partnerli1-ul li:nth-child(even) .partnerli1-img {
        float: right;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-txt {
        float: left;
        padding-left: 0;
        padding-right: 100px;
        padding-top: 35px;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-img::before {
        transform: rotate(180deg);
        margin-top: -50px;
        left: auto;
        right: 0;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-num::before {
        left: auto;
        right: -187px;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-img::after {
        left: auto;
        right: 0;
        transform: rotate(180deg);
    }

.partnerli1-ul li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

.partnerli-two {
    background: #f7f7f7;
}

.partnerli2-menu {
    text-align: center;
    margin: 40px -50px 0;
    font-size: 0;
}

    .partnerli2-menu a {
        display: inline-block;
        font-size: 18px;
        color: #333;
        line-height: 90px;
        width: 90px;
        height: 90px;
        border-radius: 50%;
        background-color: #e8e8e8;
        transition: ease .5s;
        text-align: center;
        margin: 0 50px;
        position: relative;
    }

        .partnerli2-menu a::before {
            position: absolute;
            content: "";
            width: 100px;
            height: 1px;
            background: #eeeeee;
            right: -100px;
            top: 50%;
        }

        .partnerli2-menu a:last-child::before {
            display: none;
        }

        .partnerli2-menu a.on {
            background-color: #ffc001;
        }

.partnerli2-con {
}

.partnerli2-con1 {
    display: none;
}

    .partnerli2-con1.on {
        display: block;
    }

.partnerli2-top {
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    text-align: center;
    padding: 80px 30px 165px;
    margin-top: 50px;
}

    .partnerli2-top h3 {
        font-size: 36px;
        line-height: 40px;
        color: #fff;
        margin-bottom: 10px;
    }

    .partnerli2-top p {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

.partnerli2-btn {
    color: #fff;
    margin: 20px auto 0;
}

    .partnerli2-btn::before {
        border-color: transparent transparent transparent #ffc001;
    }

    .partnerli2-btn::after {
        border-color: transparent #ffc001 transparent transparent;
    }

    .partnerli2-btn span {
        border-color: #fff;
    }

    .partnerli2-btn:hover span {
        border-color: #ffc001;
    }

.partnerli2-bot {
    padding: 0 100px;
    margin-top: -80px;
}

.partnerli2-ul {
    background: #fff;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
}

    .partnerli2-ul li {
        float: left;
        width: 33.33%;
        padding: 40px 75px 30px;
    }

        .partnerli2-ul li > div {
        }

.partnerli2-icon {
    width: 70px;
    height: 70px;
    position: relative;
    margin: 0 auto 20px;
    transition: ease .5s;
}

    .partnerli2-icon img {
        width: 100%;
        position: relative;
        z-index: 3;
    }

.partnerli2-icona img {
    z-index: 2;
    margin-left: 5px;
    margin-top: 8px;
}

.partnerli2-ul li:hover .partnerli2-icon {
    transform: translateY(-10px);
}

.partnerli2-icona {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.partnerli2-txt {
    text-align: center;
}

    .partnerli2-txt h3 {
        font-size: 24px;
        line-height: 32px;
        color: #333;
        margin-bottom: 10px;
        transition: ease .5s;
    }

.partnerli2-ul li:hover .partnerli2-txt h3 {
    color: #ffc001;
}

.partnerli2-txt p {
    font-size: 16px;
    line-height: 32px;
    color: #666;
}


@media (max-width: 1459px) {
    .partnerli1-txt {
        padding-top: 40px;
    }

    .partnerli1-ul li:hover .partnerli1-num::before {
        width: 50px;
    }

    .partnerli1-num::before {
        left: -80px;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-num::before {
        right: -194px;
    }

    .partnerli1-txt h3 {
        font-size: 22px;
    }

    .partnerli1-txt h4 {
        font-size: 18px;
    }

    .partner2-ul li h3 {
        font-size: 18px;
    }

    .partner3-p, .partner4-txt {
        line-height: 28px;
    }
}

@media (max-width: 1259px) {
    .partnerli1-txt {
        padding-top: 0;
        padding-left: 60px;
    }

    .partnerli1-num::before {
        display: none;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-txt {
        padding-right: 60px;
        padding-top: 0;
    }

    .partnerli1-num {
        margin-bottom: 10px;
    }

    .partnerli1-txt h4 {
        margin: 5px 0;
    }

    .partnerli1-btn {
        margin-top: 30px;
    }

    .partnerli2-ul li {
        padding: 40px 30px 30px;
    }
}

@media (max-width: 991px) {
    .partnerli1-img::before {
        margin-top: 30px;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-img::before {
        margin-top: -30px;
    }

    .partnerli1-ul li:nth-child(even) {
        padding-top: 30px;
        margin-bottom: 30px;
    }

    .partnerli1-ul li {
        padding-bottom: 30px;
    }

    .partnerli1-txt {
        padding-left: 40px;
    }

    .partnerli1-ul li:nth-child(even) .partnerli1-txt {
        padding-right: 40px;
    }

    .partnerli1-txt p {
        -webkit-line-clamp: 1;
    }

    .partnerli1-btn, .partnerli2-btn {
        width: 120px;
        height: 38px;
    }

        .partnerli1-btn span {
            padding: 3px 0;
        }

        .partnerli2-btn span {
            padding: 6px 0;
        }

    .partnerli1-num {
        font-size: 42px;
    }

    .partnerli2-top h3 {
        font-size: 29px;
    }

    .partnerli2-ul li {
        width: 50%;
    }

    .partnerli2-bot {
        padding: 0 50px;
    }

    .partnerli2-ul li:nth-child(3) {
        transform: translateX(50%);
        padding-top: 0;
    }
}

@media (max-width: 767px) {
    .partnerli1-img, .partnerli1-ul li:nth-child(even) .partnerli1-img {
        float: none;
        width: 100%;
    }

    .partnerli1-txt, .partnerli1-ul li:nth-child(even) .partnerli1-txt {
        float: none;
        width: 100%;
        padding: 0;
        margin-top: 50px;
        padding-bottom: 20px;
    }

    .partnerli1-ul li {
        padding: 0 30px;
    }

        .partnerli1-ul li:nth-child(odd) {
            padding-left: 0;
        }

        .partnerli1-ul li:nth-child(even) {
            padding-right: 0;
        }

            .partnerli1-ul li:nth-child(even) .partnerli1-txt {
                margin-left: -30px;
                margin-top: 20px;
            }

    .partnerli1-con {
        margin-top: 20px;
    }

    .partnerli2-top {
        margin-top: 30px;
        padding: 80px 15px 150px;
    }

    .partnerli2-menu a {
        width: 52px;
        height: 52px;
        line-height: 52px;
        margin: 0 30px;
        font-size: 15px;
    }

    .partnerli1-num {
        font-size: 30px;
        line-height: 40px;
    }

    .partnerli1-txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .partnerli1-txt h4 {
        font-size: 18px;
        line-height: 30px;
    }

    .partnerli1-btn {
        margin-top: 20px;
    }

    .partnerli1-ul li:nth-child(even) {
        margin-bottom: 0;
    }

    .partnerli2-menu {
        margin: 15px -30px 0;
    }

    .partnerli2-icon {
        width: 55px;
        height: 55px;
        margin: 0 auto 15px;
    }

    .partnerli2-txt h3 {
        font-size: 18px;
        margin-bottom: 3px;
    }

    .partnerli2-txt p {
        font-size: 15px;
        line-height: 28px;
    }

    .partnerli2-top h3 {
        font-size: 21px;
        line-height: 30px;
    }
}

@media (max-width: 640px) {
    .partnerli2-ul li {
        width: 100%;
        float: none;
        padding: 15px 30px;
    }

    .partnerli2-bot {
        padding: 0 50px;
    }

    .partnerli2-ul li:nth-child(3) {
        transform: none;
        padding-top: 15px;
    }

    .partnerli2-ul {
        padding: 25px 0;
    }

    .partnerli2-bot {
        padding: 0;
        margin-top: 0;
    }

    .partnerli2-top {
        padding: 80px 15px;
    }
}

.header.on {
    height: 90px;
    background-color: #fff;
}

    .header.on .header-top {
        display: none;
    }

    .header.on .logo img {
        margin-top: 10px;
        width: 89px;
        height: 67px;
    }

.header .logo {
    margin: 0 36px;
}

.header.on .logo {
    margin: 0 69px;
}

.navbar2 {
    float: right;
}

.header.on .navitem > a {
    color: #333;
    padding: 25px 32px;
}

    .header.on .navitem > a::before {
        background: #cfcfcf;
    }

.header.on .navitem:hover > a, .header.on .navitem.active > a {
    color: #f0bb44;
}

@media (max-width: 1459px) {
    .header.on .logo {
        margin: 0 74px;
    }

    .header .logo {
        margin: 0 67px;
    }

    .header.on .navitem > a {
        padding: 25px 23px;
    }
}

.header-navbaron {
    display: none;
}

.header.on .header-navbar {
    display: none;
}

    .header.on .header-navbar.header-navbaron {
        display: block;
    }
/*===============下拉==============*/

.pro-dropmenu {
    background: #39241e;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 100%;
}

#primeau:hover .pro-dropmenu {
    display: block;
}
/*.navitem.primeau:hover .pro-dropmenu {
    display: block;
}*/
/*.header.on .pro-dropmenu{display: block;}*/
.dropdown-navbar {
}

.dropdown-li {
    float: left;
    width: 20%;
}

    .dropdown-li > a::before {
        position: absolute;
        content: "";
        width: 1px;
        height: 42px;
        background: rgba(255,255,255,.2);
        right: 0;
        top: 14px;
    }

    .dropdown-li:first-child > a::after {
        position: absolute;
        content: "";
        width: 1px;
        height: 42px;
        background: rgba(255,255,255,.2);
        left: 0;
        top: 14px;
    }
    /* .dropdown-li:last-child>a::before{display: none;} */
    .dropdown-li > a {
        display: block;
        padding: 14px 59px;
        position: relative;
    }

.drop-icon {
    width: 42px;
    height: 42px;
    float: left;
    position: relative;
    background: #fff;
    overflow: hidden;
    border-radius: 50%;
}

    .drop-icon::before {
        position: absolute;
        content: "";
        width: 100%;
        height: 100%;
        background: #f0bb44;
        border-radius: 50%;
        top: 100%;
        left: 0;
        transition: ease .5s;
    }

.dropdown-li > a:hover .drop-icon::before {
    top: 0;
}

.drop-txt {
    margin-left: 60px;
}

    .drop-txt h3 {
        font-size: 16px;
        line-height: 30px;
        color: #fff;
    }

    .drop-txt span {
        display: block;
        font-size: 12px;
        line-height: 12px;
        color: #fff;
    }

.dropdown-li > a:hover .drop-icon img {
    transform: translateY(-100%);
}

.drop-icon img {
    width: 100%;
    position: relative;
    transition: ease .5s;
}

.prodrop-hide {
    position: absolute;
    display: none;
    top: 100%;
    left: 0;
    background: #fff;
    width: 100%;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    z-index: 1100;
    min-height: 117px;
    padding: 37px 0;
    box-shadow: 0 0 13px rgba(0,0,0,.1);
}

.dropdown-li:hover .prodrop-hide {
    display: block;
}

.prodphide-ul {
    text-align: center;
    width: 100%;
}

.prodphide-item {
    display: inline-block;
    margin: 0 60px;
}

    .prodphide-item > a {
        display: block;
        font-size: 16px;
        line-height: 30px;
        color: #333;
        border-bottom: 1px solid #d2d2d2;
        padding-bottom: 12px;
        transition: ease .5s;
        position: relative;
    }

        .prodphide-item > a::before {
            position: absolute;
            content: "";
            width: 0;
            height: 1px;
            background: #f0bb44;
            transition: ease .5s;
            left: 50%;
            bottom: 0;
            transform: translateX(-50%);
        }

        .prodphide-item > a:hover::before {
            width: 100%;
        }

        .prodphide-item > a:hover {
            color: #f0bb44;
        }



.dropdown-menu {
    position: absolute;
    top: 100%;
    z-index: 1100;
    background: #fff;
    -webkit-transition: none;
    -o-transition: none;
    transition: none;
    height: auto;
    display: none;
    overflow: hidden;
    width: 100%;
    left: 0;
    margin-top: 0;
    -ms-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -o-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    -webkit-box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.05);
}

.navitem:hover .dropdown-menu {
    display: block;
    visibility: visible;
}

    .navitem:hover .dropdown-menu.menu1 { /*display: none;*/
        visibility: visible;
    }

.dropdown-menu.menu1 {
    display: none;
}

.dropdown-menu.on {
    display: block;
}
/* .category-item:hover .dropdown-menu.single{max-height: 450px;opacity: 1;} */
.dropdown-menu ul {
    padding: 25px 0 15px;
    text-align: center;
}
/*dropdown-menu.menu1 ul {
    padding: 15px 0 15px;
    text-align: center;
}*/
.dropdown-menu li {
    float: none;
    padding: 0 30px;
    display: inline-block;
}

    .dropdown-menu li:first-child {
    }

    .dropdown-menu li a {
        display: block;
        font-size: 17px;
        line-height: 30px;
        color: #333;
        transition: ease .5s;
    }

    .dropdown-menu li:hover a, .dropdown-menu.prodropdown-menu li:hover a {
        color: #f0bb44;
    }

.navitem.drop > a::after {
    position: absolute;
    content: "";
    width: 21px;
    height: 12px;
    background: url(http://www.shinemax.net/PC/images/drop-aft_03.png)no-repeat center bottom;
    left: 50%;
    top: 100%;
    margin-left: -10px;
    margin-top: 0;
    z-index: 1201;
    opacity: 0;
    transition: ease .1s;
}

.navitem.drop:hover > a::after {
    opacity: 1;
    margin-left: 2px;
}

.navitem.active.drop:hover > a::after {
    margin-left: -8px;
}

.dropdown-menu.prodropdown-menu {
    background: #39241e;
}

    .dropdown-menu.prodropdown-menu ul {
        padding: 25px 0;
    }

    .dropdown-menu.prodropdown-menu li a {
        color: #fff;
    }

@media (max-width:1459px) {
    .dropdown-li > a {
        padding: 14px 40px;
    }
}

@media (max-width:1170px) {
}


.yzm {
    display: box;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: inline-flex;
    line-height: 50px;
    margin-top: 20px;
}

@media(max-width: 767px) {
    #random {
        font-size: 22px !important;
        width: 60px !important;
        height: auto !important;
    }

    #yzm {
        height: 36px !important;
        margin-top: 2px !important;
        margin-left: 10px !important;
        font-size: 16px;
    }
}

.lmenu {
    animation: none !important;
}

/* ======================== 2020.5.28college ============================ */
@keyframes scle2 {
    from {
        transform: scale(1);
    }

    50% {
        transform: scale(1.05);
    }

    to {
        transform: scale(1.1);
    }
}

.college {
}

.college-one {
}

.collegeon-con {
    margin-top: 45px;
}

.collegeon-img {
    float: left;
    width: 50%;
    padding: 50px;
    overflow: hidden;
    position: relative;
}

    .collegeon-img::before {
        position: absolute;
        content: "";
        height: 100%;
        width: 274px;
        background: url(../image/collegeon-bf.png)no-repeat left top;
        background-size: 100%;
        left: 0;
        top: 0;
    }

.collegeon-img1 {
    overflow: hidden;
}

.collegeon-img img {
    width: 100%;
    position: relative;
    animation: scle2 8s linear infinite;
    transition: ease .5s;
}

.collegeon-txt {
    float: right;
    width: 50%;
    padding-top: 100px;
}

    .collegeon-txt h3 {
        font-size: 24px;
        line-height: 40px;
        color: #333;
    }

    .collegeon-txt span {
        display: block;
        width: 40px;
        height: 2px;
        background: #f0bb44;
        margin: 20px 0;
    }

.collegeon-p {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    padding-right: 0;
    max-height: 200px;
    text-align: justify;
}

.collegeon-bot {
    margin-top: 100px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    padding: 115px 100px;
}

.collegeon-botxt {
    width: 58%;
}

    .collegeon-botxt h3 {
        font-size: 24px;
        line-height: 40px;
        color: #fff;
        margin-bottom: 10px;
    }

    .collegeon-botxt p {
        font-size: 16px;
        line-height: 40px;
        color: rgba(255,255,255,.7);
    }

.college-two {
    padding: 0;
}

.collegetw-con {
    position: relative;
    margin-top: 45px;
}

    .collegetw-con .collegetwtop {
        padding-top: 50px;
    }

.collegetw-slide {
    background: #f3f3f3;
    padding: 80px 30px;
}

.collegetw-con .swiper-slide-active .collegetw-slide {
    background: #f0bb44;
    margin-top: -50px;
    padding: 50px 30px;
}

.collegetw-txt {
    text-align: center;
}

.collegetw-tit {
    font-size: 24px;
    line-height: 32px;
    color: #333;
}

.collegetw-txt span {
    display: block;
    width: 40px;
    height: 1px;
    background-color: #39241e;
    margin: 15px auto;
}

.collegetw-p {
    font-size: 16px;
    line-height: 32px;
    color: #444;
    text-align: justify;
    text-align-last: center;
    padding-right: 0;
}

.collegetw-img {
    display: none;
    margin-top: 40px;
    overflow: hidden;
}

.collegetw-con .swiper-slide-active .collegetw-img {
    display: block;
}

.collegetw-img img {
    width: 100%;
}

.collegetwbot {
    width: 33.33%;
    margin: 0 auto;
    padding: 0 30px;
}

.collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
    background: transparent;
    width: 48px;
    height: 48px;
    border: 1px solid #666;
    line-height: 48px;
    font-size: 18px;
    color: #666;
    text-align: center;
    font-weight: bold;
    transition: ease .5s;
    top: auto;
    bottom: 30px;
}

    .collegetw-con .swiper-button-next:hover, .collegetw-con .swiper-button-prev:hover {
        border-color: #f0bb44;
        background-color: #f0bb44;
        color: #341e1a;
    }

.collegetw-con .swiper-button-prev {
    left: 33.33%;
    margin-left: -80px;
}

.collegetw-con .swiper-button-next {
    right: 33.33%;
    margin-right: -80px;
}

.collegetw-con .swiper-pagination {
    display: none;
    bottom: 0;
    width: 100%;
}

.collegetw-con .swiper-pagination-bullet {
    opacity: 1;
    width: 6px;
    height: 6px;
    background: #311d17;
    position: relative;
    margin: 0 6px;
}

    .collegetw-con .swiper-pagination-bullet::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311D17;
        transition: ease .5s;
        opacity: 0;
        top: -3px;
        left: -3px;
    }

.collegetw-con .swiper-pagination-bullet-active {
    margin: 0 8px;
}

    .collegetw-con .swiper-pagination-bullet-active::before {
        opacity: 1;
    }

.college-three {
    padding-bottom: 0;
}

.college-thrtit {
}

.collegethr-con {
    margin-top: 45px;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    position: relative;
    padding-top: 100px;
}

.collegethr-ba {
    position: relative;
}

    .collegethr-ba::before {
        position: absolute;
        content: "";
        width: 50%;
        height: 100%;
        background-color: #fff;
        right: 0;
        bottom: 0;
    }

.collegethr-t {
    padding-left: 280px;
}

.collegethr-txt {
    background-color: #fff;
    padding: 85px 0px 85px 80px;
    position: relative;
}

    .collegethr-txt h3 {
        font-size: 24px;
        line-height: 40px;
        color: #333;
    }

    .collegethr-txt span {
        display: block;
        width: 70px;
        height: 2px;
        background-color: #f0bb44;
        margin: 20px 0;
    }

.collegethr-p {
    font-size: 16px;
    line-height: 40px;
    color: #666;
    text-align: justify;
    overflow-y: auto;
    height: 210px;
}

    .collegethr-p::-webkit-scrollbar {
        width: 2px;
        background-color: transparent;
    }

    .collegethr-p::-webkit-scrollbar-thumb {
        background-color: rgba(230,197,156,1);
        border-radius: 10px;
    }

    .collegethr-p p {
        margin-top: 50px;
    }

        .collegethr-p p:first-child {
            margin-top: 0;
        }

.college-four {
}

.collegefou-con {
    position: relative;
    margin-top: 45px;
    padding-bottom: 50px;
}

.collegefou-slide {
    display: block;
}

.sollegefou-img {
    overflow: hidden;
}

    .sollegefou-img img {
        width: 100%;
        transition: ease .5s;
    }

.collegefou-con .swiper-container {
    padding: 10px;
}

.collegefou-txt {
    font-size: 20px;
    line-height: 30px;
    color: #222;
    text-align: center;
    box-shadow: 0 0 8px rgba(0,0,0,0.1);
    padding: 25px;
    background: #fff;
    transition: ease .5s;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.collegefou-slide:hover .collegefou-txt {
    background-color: #ffc001;
}

.collegefou-slide:hover .sollegefou-img img {
    transform: scale(1.04);
}

.collegefou-con .swiper-pagination {
    width: 100%;
    bottom: 0;
}

.collegefou-con .swiper-pagination-bullet {
    opacity: 1;
    width: 6px;
    height: 6px;
    background: #311d17;
    position: relative;
    margin: 0 6px;
}

    .collegefou-con .swiper-pagination-bullet::before {
        position: absolute;
        content: "";
        width: 12px;
        height: 12px;
        border-radius: 50%;
        border: 1px solid #311D17;
        transition: ease .5s;
        opacity: 0;
        top: -3px;
        left: -3px;
    }

.collegefou-con .swiper-pagination-bullet-active {
    margin: 0 8px;
}

    .collegefou-con .swiper-pagination-bullet-active::before {
        opacity: 1;
    }



@media (max-width: 1919px) {
    .collegetw-con {
        padding-bottom: 60px;
    }
}

@media (max-width: 1459px) {
    .collegeon-txt {
        padding-top: 50px;
    }

    .collegeon-img {
        padding: 40px;
    }

    .collegethr-p {
        padding-right: 5px;
    }

        .collegethr-p p {
            margin-top: 20px;
        }

    .collegethr-t {
        padding-left: 530px;
    }

    .collegethr-p {
        font-size: 14px;
        line-height: 30px;
    }

    .collegetw-p {
        font-size: 14px;
    }

    .collegetw-tit {
        font-size: 20px;
    }
}

@media (max-width: 1259px) {
    .collegetw-con {
        padding-bottom: 80px;
    }

    .collegeon-botxt {
        width: 80%;
    }

    .collegeon-p {
        padding-right: 5px;
        max-height: 160px;
    }

    .collegethr-txt {
        padding: 45px 0px 45px 50px;
    }

    .collegethr-p p {
        margin-top: 10px;
    }

    .collegethr-p {
        height: 158px;
    }

    .lcollege2-font p {
        width: 55%;
    }
}

@media (max-width: 991px) {
    .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
        top: 50%;
        width: 36px;
        height: 36px;
        line-height: 36px;
    }

    .collegetw-con .swiper-button-prev {
        left: 0;
        margin: 0;
    }

    .collegetw-con .swiper-button-next {
        right: 0;
        margin: 0;
    }

    .collegetw-con {
        padding: 0 50px;
    }

    .collegeon-img {
        padding: 30px;
    }

    .collegeon-txt {
        padding-top: 0;
    }

    .collegeon-bot {
        padding: 90px 60px;
    }

    .collegeon-botxt {
        width: 100%;
    }

    .lcollege2-font p {
        width: 72%;
    }
}

@media (max-width: 767px) {
    .collegeon-img {
        float: none;
        width: 100%;
    }

    .collegeon-txt {
        float: none;
        width: 100%;
        margin-top: 20px;
    }

    .collegeon-p {
        font-size: 15px;
        padding-right: 0;
        height: auto;
        max-height: none;
        line-height: 30px;
    }

    .collegeon-txt span {
        margin: 10px 0;
    }

    .collegeon-txt h3 {
        font-size: 20px;
        line-height: 30px;
    }

    .collegeon-con, .collegetw-con, .collegethr-con {
        margin-top: 20px;
    }

    .collegeon-bot {
        margin-top: 40px;
        padding: 50px 30px;
    }

    .collegeon-botxt h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .collegetw-tit {
        font-size: 20px;
    }

    .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
        display: none;
    }

    .collegetw-con .swiper-pagination {
        display: block;
    }

    .collegetw-con {
        padding: 0 0 40px;
    }

    .collegetw-txt span {
        margin: 10px auto;
    }

    .collegeon-botxt p {
        line-height: 30px;
        font-size: 15px;
    }

    .collegetw-img {
        margin-top: 20px;
    }

    .collegetw-con .swiper-slide-active .collegetw-slide, .collegetw-con .swiper-slide .collegetw-slide {
        padding: 40px 30px;
    }

    .collegethr-con {
        padding-top: 60px;
    }

    .collegethr-p {
        height: auto;
    }

    .collegethr-t {
        padding-left: 60px;
    }

    .collegethr-p {
        font-size: 15px;
        line-height: 30px;
    }

    .collegefou-txt {
        font-size: 16px;
        padding: 15px 20px;
    }

    .collegefou-con {
        padding-bottom: 30px;
        margin-top: 15px;
    }

    .collegethr-txt h3 {
        font-size: 19px;
        line-height: 30px;
    }

    .collegethr-txt span {
        margin: 12px 0;
        width: 50px;
    }

    .collegethr-txt {
        padding: 30px 0px 25px 35px;
    }

    .collegeon-p {
        font-size: 15px;
    }

    .lcollege2-font p {
        width: 76%;
        display: none;
    }

    .lcollege2-font h3 {
        margin-bottom: 15px;
    }
}

@media (max-width: 640px) {
    .collegeon-bot {
        padding: 50px 25px;
    }

    .collegethr-ba::before {
        display: none;
    }

    .collegethr-t {
        padding-left: 15px;
    }

    .collegethr-txt {
        padding: 30px 25px;
    }

    .collegethr-con {
        padding: 40px 0;
    }

    .collegetw-con .swiper-slide-active .collegetw-slide {
        padding: 35px 25px;
    }

    .collegeon-img {
        padding: 15px 0 15px 15px;
    }

    .lcollege2-font p {
        width: 100%;
        display: block;
        display: none;
    }

    .lcollege2-font h3 {
        margin-bottom: 10px;
    }

    .collegeon-bot {
        margin-top: 30px;
    }
}

@media (max-width: 365px) {
    .lcollege2-font h3 {
        margin-bottom: 0;
    }
}

.collegeon-img {
    transition: all 2s .3s;
    transform: translate(-80px,0px);
}

.collegeon-txt h3, .collegeon-txt span, .collegeon-p {
    transition: all 2s .3s;
    transform: translate(80px,0px);
}

.sco.active .collegeon-img {
    transform: translate(0,0);
}

.sco.active .collegeon-txt h3, .sco.active .collegeon-txt span, .sco.active .collegeon-p {
    transform: translate(0,0);
}

.collegeon-bot {
    transition: all 2s .3s;
    transform: translate(0px,80px);
}

.collegethr-txt h3, .collegethr-txt span, .collegethr-p {
    transition: all 2s .3s;
    transform: translate(0px,-50px);
    opacity: 0;
}

.collegethr-txt span {
    transition: all 1s .5s;
}

.collegethr-p {
    transition: all 1.5s 1s;
}

.sco.active .collegethr-txt h3, .sco.active .collegethr-txt span, .sco.active .collegethr-p {
    opacity: 1;
    transform: translate(0,0);
}


.sco.active .collegeon-bot, .sco.active .collegetw-img {
    transform: translate(0,0);
}

.collegeon-botxt h3, .collegeon-botxt p {
    transform: translate(0px,80px);
    opacity: 0;
}

.collegeon-botxt h3 {
    transition: all 1s 1s;
}

.collegeon-botxt p {
    transition: all 1.5s 1.5s;
}

.sco.active .collegeon-botxt h3, .sco.active .collegeon-botxt p {
    opacity: 1;
    transform: translate(0,0);
}



.collegetw-img {
}

.collegetw-con .swiper-slide-active .collegetw-slide {
    animation-duration: 1s;
}


.sollegefou-img {
    transition: all 2s .3s;
    transform: translate(0px,-50px);
}

.sco.active .sollegefou-img, .sco.active .collegefou-txt {
    transform: translate(0,0);
}

.collegefou-txt {
    transition: all 2s .3s;
    transform: translate(0px,50px);
}



.collegetw-con::before {
    position: absolute;
    content: "";
    width: 33.33%;
    height: 100%;
    background-color: #f0bb44;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: 5;
}

.collegetw-con::after {
    position: absolute;
    content: "";
    width: 100%;
    height: 383px;
    background: #f3f3f3;
    top: 50px;
    left: 0;
}

.collegetw-slide {
    background: none;
}

.collegetw-con .swiper-slide-active .collegetw-slide {
    background: none;
}

.collegetw-con .swiper-wrapper {
    z-index: 100;
}

.collegetw-p {
    min-height: 160px;
}
/* .collegetw-img{height: 200px;} */
.collegetw-img img {
    height: 100%;
    display: inline-block;
    max-width: 100%;
}

.collegetwbot {
    margin-top: -160px;
}

.collegetw-con .swiper-container {
    z-index: 11;
}

.collegetw-con {
    padding-bottom: 60px;
}

@media (max-width:1459px) {
    .collegetw-p {
        min-height: 192px;
    }

    .collegetw-con::after {
        height: 415px;
    }
    /* .collegetw-img{height: 167px;} */
}

@media (max-width:1259px) {
    .collegetw-p {
        min-height: 256px;
    }

    .collegetw-con::after {
        height: 479px;
    }
    /* .collegetw-img{height: 125px;} */
    .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
        bottom: 0;
    }

    .collegetw-con {
        padding-bottom: 60px;
    }
}

@media (max-width:991px) {
    .collegetw-p {
        min-height: 256px;
    }

    .collegetw-con::before {
        width: 50%;
        left: 0;
        transform: none;
    }

    .collegetwbot {
        width: 50%;
        margin: 0;
        margin: 0px;
        margin-top: -160px;
    }

    .collegetw-con {
        padding: 0 0 60px;
    }

        .collegetw-con .swiper-button-next {
            right: -36px;
        }

        .collegetw-con .swiper-button-prev {
            left: -36px;
        }

        .collegetw-con .swiper-pagination {
            display: block;
            transform: translateY(30px);
        }

        .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
            display: none;
        }
}

@media (max-width:767px) {
    .collegetw-p {
        min-height: 0;
        height: auto;
    }

    .collegetw-con::before {
        width: 100%;
        left: 0;
        transform: none;
    }

    .collegetw-img {
        display: block;
    }

    .collegetw-slide {
        background: none;
    }

    .collegetwbot {
        margin-top: 0;
        width: 100%;
        padding: 0 0px;
    }
    /* .collegetw-img{height: auto;} */
    .collegetw-con {
        padding: 0 30px 40px;
    }

        .collegetw-con .swiper-slide-active .collegetw-slide, .collegetw-con .swiper-slide .collegetw-slide {
            padding: 40px 0 10px;
        }

    .college-two {
        padding-bottom: 30px;
    }

    .collegetw-con .swiper-pagination {
        margin-left: -30px;
        transform: translateY(30px);
    }

    .collegetw-con::after {
        display: none;
    }
}







/* 2020.6.15update */

.home-title span, .collegeinfo-tit i {
    display: inline-block;
    position: relative;
    font-style: normal;
    padding: 0 32px;
}

    .home-title span::before, .home-title span::after,
    .about-tit h3 i::before, .about-tit h3 i::after,
    .proinfo-tit h3 i::before, .proinfo-tit h3 i::after,
    .collegeinfo-tit i::before, .collegeinfo-tit i::after {
        position: absolute;
        content: "";
        width: 23px;
        height: 12px;
        background-size: 100% 100% !important;
        top: 50%;
        transform: translateY(-50%);
    }

.about-tit h3 i, .proinfo-tit h3 i {
    font-style: normal;
    display: inline-block;
    position: relative;
    padding: 0 32px;
}

    .home-title span::before, .about-tit h3 i::before,
    .proinfo-tit h3 i::before, .collegeinfo-tit i::before {
        background: url(../image/tit-bef.png)no-repeat center;
        left: 0;
    }

    .home-title span::after, .about-tit h3 i::after,
    .proinfo-tit h3 i::after, .collegeinfo-tit i::after {
        background: url(../image/tit-aft.png)no-repeat center;
        right: 0;
    }

/*.about-tit h3 i, .proinfo-tit h3 i {
    font-style: normal;
    display: inline-block;
    position: relative;
    padding: 0 32px;
}*/

.home-title span::before, .home-title span::after,
.about-tit h3 em::before, .about-tit h3 em::after,
.proinfo-tit h3 em::before, .proinfo-tit h3 em::after,
.collegeinfo-tit em::before, .collegeinfo-tit em::after {
    position: absolute;
    content: "";
    width: 23px;
    height: 12px;
    background-size: 100% 100% !important;
    top: 50%;
    transform: translateY(-50%);
}

.home-title span::before, .about-tit h3 em::before,
.proinfo-tit h3 em::before, .collegeinfo-tit em::before {
    background: url(../image/tit-bef.png)no-repeat center;
    left: 0;
}

.home-title span::after, .about-tit h3 em::after,
.proinfo-tit h3 em::after, .collegeinfo-tit em::after {
    background: url(../image/tit-aft.png)no-repeat center;
    right: 0;
}

.about-tit h3 em, .proinfo-tit h3 em {
    font-style: normal;
    display: inline-block;
    position: relative;
    padding: 0 32px;
}


.collegetw-con::after {
    height: 100%;
    top: 0;
}

.servnet-img {
    display: none;
    position: absolute;
    width: 286px;
    left: 50%;
    transform: translateX(-50%) translateY(0%);
    bottom: 150%;
}

.servicenet .map_box .dot h4 {
    bottom: -7px;
    top: auto;
    left: auto;
    right: 100%;
    margin-right: 15px;
}

.servicenet .map_box .dot.on .servnet-img {
    display: block;
}

.servnet-img img {
    display: inline-block;
    max-width: 100%;
}

.servicenet .map_box .dot span {
    width: 88px;
    height: 88px;
    position: absolute;
    top: -37px;
    left: -37px;
}

.servicenet .map_box .dot {
    width: 16px;
    height: 16px;
}

    .servicenet .map_box .dot.on h4 {
        opacity: 1;
    }

    .servicenet .map_box .dot.on span {
        -webkit-animation: scale 2s linear infinite;
        -moz-animation: scale 2s linear infinite;
        -ms-animation: scale 2s linear infinite;
        animation: scale 2s linear infinite;
    }

    .servicenet .map_box .dot span:nth-of-type(2) {
        animation-delay: .7s;
    }

    .servicenet .map_box .dot span:nth-of-type(3) {
        animation-delay: 1.4s;
    }

.collegetw-conpc {
}

    .collegetw-conpc .collegetw-img {
        display: block;
    }

.collegetw-conapp {
    display: none;
}

.collegetw-ul {
    position: relative;
    z-index: 6;
}

    .collegetw-ul li {
        float: left;
        width: 33.33%;
        background: #f3f3f3;
        position: relative;
    }

        .collegetw-ul li::before {
            position: absolute;
            content: "";
            width: 0;
            height: 0;
            background: #f0bb44;
            left: 50%;
            top: 50%;
            transform: translateX(-50%) translateY(-50%);
            transition: ease .5s;
            transform-origin: center center;
        }

        .collegetw-ul li:hover::before {
            width: 100%;
            height: 100%;
        }

.collegetw-slide {
    position: relative;
    z-index: 7;
}

.collegetw-conpc::before, .collegetw-conpc::after {
    display: none;
}

@media (max-width:1459px) {
    .servnet-img {
        width: 200px;
    }
}

@media (max-width:1259px) {
    .servnet-img {
        width: 160px;
    }

    .collegetw-con .swiper-button-next, .collegetw-con .swiper-button-prev {
        bottom: 20px;
    }

    .collegethr-p {
        transition: all .5s .5s;
    }
}

@media (max-width:991px) {
    .collegetw-conpc {
        display: none;
    }

    .collegetw-conapp {
        display: block;
    }
}

@media (max-width:767px) {
    .servicenet .map_box .dot.on .servnet-img {
        /* display: none; */
    }

    .home-title span::before, .home-title span::after,
    .about-tit h3 i::before, .about-tit h3 i::after,
    .proinfo-tit h3 i::before, .proinfo-tit h3 i::after,
    .collegeinfo-tit i::before, .collegeinfo-tit i::after {
        width: 18px;
        height: 8px;
    }

    .about-tit h3 i, .proinfo-tit h3 i,
    .home-title span, .collegeinfo-tit i {
        padding: 0 25px;
    }
}

.dropdown-menu.prodropdown-menu ul {
    padding: 0;
    text-align: center;
}

.dropdown-menu.prodropdown-menu li a {
    padding: 20px 20px;
}

.dropdown-menu.prodropdown-menu li {
    /*padding: 0;*/
    padding: 0 15px;
    display: inline-block;
    float: none;
}






.home-about .home-title span::before {
    background-image: url(../image/tit-bef1.png);
}

.home-about .home-title span::after {
    background-image: url(../image/tit-aft1.png);
}




.proinfo-two .proinfo-tit h3 i::before,
.prosp-three .proinfo-tit h3 i::before,
.about-two .proinfo-tit h3 i::before {
    background-image: url(../image/tit-bef1.png);
}

.proinfo-two .proinfo-tit h3 i::after,
.prosp-three .proinfo-tit h3 i::after,
.about-two .proinfo-tit h3 i::after {
    background-image: url(../image/tit-aft1.png);
}




.proinfo-two .proinfo-tit h3 em::before,
.about-two .proinfo-tit h3 em::before {
    background-image: url(../image/tit-bef1.png);
}

.proinfo-two .proinfo-tit h3 em::after,
.about-two .proinfo-tit h3 em::after {
    background-image: url(../image/tit-aft1.png);
}


@media (max-width:767px) {
    /* .servicenet .map_box .dot.on .servnet-img{display: none;} */
    .home-title span::before, .home-title span::after,
    .about-tit h3 i::before, .about-tit h3 i::after,
    .proinfo-tit h3 i::before, .proinfo-tit h3 i::after,
    .collegeinfo-tit i::before, .collegeinfo-tit i::after {
        width: 18px;
        height: 8px;
    }

    .about-tit h3 i, .proinfo-tit h3 i,
    .home-title span, .collegeinfo-tit i {
        padding: 0 25px;
    }

        .home-title span::before, .home-title span::after, .about-tit h3 i::before, .about-tit h3 i::after, .proinfo-tit h3 i::before, .proinfo-tit h3 i::after, .collegeinfo-tit i::before, .collegeinfo-tit i::after {
            top: 15px;
        }
}

@media (max-width:767px) {
    /* .servicenet .map_box .dot.on .servnet-img{display: none;} */
    .home-title span::before, .home-title span::after,
    .about-tit h3 em::before, .about-tit h3 em::after,
    .proinfo-tit h3 em::before, .proinfo-tit h3 em::after,
    .collegeinfo-tit em::before, .collegeinfo-tit em::after {
        width: 18px;
        height: 8px;
    }

    .about-tit h3 em, .proinfo-tit h3 em,
    .home-title span, .collegeinfo-tit em {
        padding: 0 25px;
    }

        .home-title span::before, .home-title span::after, .about-tit h3 em::before, .about-tit h3 em::after, .proinfo-tit h3 em::before, .proinfo-tit h3 em::after, .collegeinfo-tit em::before, .collegeinfo-tit em::after {
            top: 15px;
        }
}

.homeappli-swip.job .swiper-slide {
    padding-right: 20px;
}

    .homeappli-swip.job .swiper-slide p {
        font-size: 22px;
    }

@media(max-width:1460px) {
    .homeappli-swip.job .swiper-slide p {
        font-size: 18px;
    }
}

@media(max-width:767px) {
    .homeappli-swip.job .swiper-slide p {
        font-size: 16px;
    }
}

@media(max-width:640px) {
    .homeappli-swip.job .swiper-slide {
        padding-right: 0px;
    }
}

.servicenet .map_box .servnet-img h4 {
    bottom: 0;
    top: auto;
    left: auto;
    right: 0;
    margin-right: 0;
    width: 100%;
    text-align: center;
    background: linear-gradient(to bottom,transparent,#000);
    color: #fff;
}



.proinfo-tit.gls p {
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
}

@media (max-width:1459px) {
    .proinfo-tit.gls p {
        width: 90%;
    }
}

@media (max-width:767px) {
    .proinfo-tit.gls p {
        width: 100%;
    }
}


.zcfw-one {
    padding: 73px 0;
}

.zcfwone-con {
    margin-top: 46px;
}

.zcfwone-ul {
    margin: 0 -10px;
}

    .zcfwone-ul li {
        float: left;
        width: 33.3%;
        padding: 0 15px;
    }

        .zcfwone-ul li > div {
            border: 1px solid #ededed;
        }

.zcfwone-img {
    overflow: hidden;
}

    .zcfwone-img img {
        width: 100%;
        transition: ease .5s;
    }

.zcfwone-txt {
    padding: 16px 13px 39px 15px;
}

    .zcfwone-txt span {
        display: inline-block;
        font-family: 'din-b';
        font-size: 50px;
        line-height: 60px;
        color: transparent;
        background: linear-gradient(to bottom,#ffc001,#fff);
        -webkit-background-clip: text;
    }

    .zcfwone-txt p {
        font-size: 16px;
        line-height: 28px;
        color: #666;
        height: 56px;
        margin-top: 10px;
    }

.zcfwone-ul li:hover .zcfwone-img img {
    transform: scale(1.05);
}

@media(max-width:991px) {
    .zcfwone-ul li {
        width: 50%;
        margin: 15px 0;
    }

        .zcfwone-ul li:nth-child(3) {
            transform: translateX(50%);
        }
}

@media(max-width:640px) {
    .zcfwone-ul li {
        width: 100%;
        margin: 15px 0;
    }

        .zcfwone-ul li:nth-child(3) {
            transform: none;
        }
}




.pri1-right.gls {
    padding: 30px 60px 30px;
    height: 510px;
    overflow-y: auto;
}


    .pri1-right.gls .proinfo1-p {
        max-height: 100%;
    }


@media(max-width:1260px) {
    .pri1-right.gls {
        height: 330px;
    }
}

@media(max-width:991px) {
    .pri1-right.gls {
        height: auto;
    }
}


#protable {
    margin-top: 45px;
    width: 100% !important;
    overflow-x: auto;
}

    #protable tr {
        border: 1px solid #333 !important;
    }

        #protable tr td {
            /* text-align: center !important; */
            width: auto !important;
            border: 1px solid #333 !important;
            /* min-width: 50%; */
        }
            /* #protable tr td p{text-align: center !important;} */
            #protable tr td span {
                font-size: 14px !important;
                font-family: "microsoft yahei" !important;
                /* text-align: left !important; */
            }


.section .prosp7-swiper .swiper-button-next, .section .prosp7-swiper .swiper-button-prev {
    background: none;
}

.section .prosp7-swiper .icon-right:before, .section .prosp7-swiper .icon-left:before {
    content: none;
}

/* 2020.8.29植物宝 */
.lzwb-one{}
.lzwb-one{position: relative;}
.lzwb-one::before{content: "";position: absolute;width: 100%;height: 388px; background: url(../image/med1-back.png)no-repeat center;background-size: 334px 388px;bottom: 0;left: 0;}

.lzwb-medical1{margin-top: 98px;}
.medical-one-cont{margin-top: -22px;}
.medical-one-cont>div{position: relative;}
.medical-one-cont h3{font-size: 20px;color: #333;position: absolute;border-radius: 3px;text-overflow: ellipsis;  overflow: hidden;white-space: nowrap; max-width: 90%;}
.medical-one-cont h3>div{display: inline-block;overflow: hidden;background: #efefef;padding: 12px 20px;transition: ease .5s;}
.medical-one-cont h3:hover>div{background-color: #f0bb44;}
.medical-one-cont h3 span{display: inline-block;font-size: 26px;}
.medical-one-left1{position: static !important;margin-left: 205px;background: none !important;}

.medical-one-left2{margin-left: 120px;margin-top: 20px;position: static !important;}
.medical-one-left3{position: static !important; margin-top: 70px;margin-left: 66px;}
.medical-one-left4{position: static !important;margin-left: 250px;margin-top: 10px; background: none !important;}
.medical-one-right1{right: 240px;top:-20px;}
.medical-one-right2{right: 25px;top: 100px;background: none !important;}
.medical-one-right3{right: 358px;top: 175px;background: none !important;}
.medical-one-right4{right: 60px;top: 265px;}
.lzwb1-mo{width: 214px;background-color: #f0bb44;color: #fff;border-color: #f0bb44;margin-bottom: -15px;}
.lzwb1-mo:hover{border-color: #39241e;}
.lzwb1-mo span{font-size: 16px;color: #fff;padding: 10px 24px 10px 28px;}
.lzwb1-mo span i{background-image: url(../image/viewmo1.png);margin-left: 12px;}
.lzwb1-mo span label{background-image: url(../image/viewmo1.png);margin-left: 12px;}
.view-more span label {
    font-style: normal;
    background: url(../image/viewmo1.png)no-repeat center;
    transition: ease .5s;
    display: inline-block;
    width: 10px;
    height: 9px;
    margin-left: 10px;
}
.lzwb-three{}
.lzwb-medical3{margin-top: 45px;}
.medical-four-con{}
.medical-four-con ul{}
.medical-four-con li{float: left;width: 25%;position: relative;padding: 32px 0;text-align: center;}
.medical-four-con li:nth-child(5),
.medical-four-con li:nth-child(6),
.medical-four-con li:nth-child(7){}
.medical-four-con li::before{content: "";position: absolute;width: 72px;height: 11px;right: -40px;top: 30%;background: url(../image/med4-bef.png)no-repeat center right;}
.med4-txt{display: inline-block;width: 111px;height: 100px; text-align: center;transition: ease .5s;position: relative;}
.med4-txt::before{content: "";position: absolute;width: 100%;height: 100%;background: url(../image/med4-ba1.png)no-repeat center;transition: ease .5s;left: 0;top: 0;}
.med4-txt h2{ font-size: 56px;color: #000; font-family: "mon-sb";transition: ease .5s;position: relative;z-index: 2;padding: 10px 0;}

.medical-four-con li:hover .med4-txt h2{color: #fff;}
.medical-four-con li:hover .med4-txt::before{transform: rotateY(180deg);background-image:  url(../image/med4-ba2.png);}
.medical-four-con li h3{font-size: 24px;color: #333;margin: 20px 0 10px;}
.medical-four-con li p{font-size: 16px;color: #666;}

  .medical-four-con li:nth-child(4n)::before{display: none;}
  .medical-four-con li:last-child::before{display: none;}
.med4-font{padding: 0 40px;}
.med4-font p{height: 72px;}
.lzwb3-icon{position: relative;height: 100px;width: 48px;line-height: 100px;margin: 0 auto;overflow: hidden;}
.lzwb3-icon img{display: inline-block; max-width: 100%;transition: ease .5s;}
 .medical-four-con li:hover .lzwb3-icon img{transform: translateY(-100px);}
@media(max-width:1459px){
.medical-one-left1{margin-left: 120px;}
.medical-one-left2{margin-left: 80px;}
.medical-one-left3{margin-left: 40px;}
.medical-one-left4{margin-left: 100px;}
.medical-one-right1{right: 120px;}
.medical-one-right2{right: 0px;}
.medical-one-right3{right: 238px;}
.medical-four-con li{padding: 32px 10px;}
.medical-one-right4{right: 30px;}
.medical-one-cont h3 span{font-size: 24px;}
.medical-four-con li h3{font-size: 22px;}
.med4-font{padding: 0 25px;}
.med4-font p{height: 132px;}
}
@media(max-width:1259px){
	.medical-one-left1{margin-left: 0px;}
	.medical-one-left2{margin-left: 30px;}
	.medical-one-left3{margin-left: 0px;margin-top: 50px;}
	.medical-one-right1{right: 50px;}
	.medical-one-right2{right: 0;}
	.medical-one-right3{right: 20px;}
	.medical-one-right4{right: 0px;}
	.medical-one-cont h3 span{font-size: 22px;}
	.medical-one-cont h3{font-size: 16px;}
	.medical-one-left4{margin-left: 0;margin-top: 40px;}
	.med4-font{padding: 0 5px;}
	.medical-four-con li h3{font-size: 20px;}
	.med4-font p{height: 72px;}
}
@media(max-width:1025px){
	.medical-one-cont h3 span{font-size: 22px;}
	.medical-one-cont h3{font-size: 18px;}
	.medical-one-left1{margin-left: 47px;}
	.medical-one-left2{margin-left: 0;}
	.medical-one-left3{margin-left: 0px;}
	/* .medical-one-right1{right: -20px;}
	.medical-one-right2{right: -50px;}
	.medical-one-right3{right: -10px;} */
	.medical-four-con li{width: 33.33%;}
	.medical-four-con li:nth-child(4)::before{display: block;}
	.medical-four-con li:nth-child(3)::before,.medical-four-con li:nth-child(6)::before{display: none;}
	.med4-txt{font-size: 50px;width: 100px;height: 90px;background-size: 100% 100%;}
	.lzwb3-icon{height: 90px;line-height: 90px;}
	.medical-four-con li:hover .lzwb3-icon img{transform: translateY(-90px);}
	.med4-txt::before{background-size: 100px 90px;}
}
@media(max-width:991px){
	.lzwb-one::before{background: none;}
	.lzwb1-mo{margin-bottom: 0;margin-top: 40px;}
}
@media(max-width:767px){
.medical-one-right1,.medical-one-right2,.medical-one-right3{right: 0px;}
.medical-one-cont{margin-top: 0;}
.medical-one-cont h3{position: static;margin-top: 15px;}
.medical-one-left1>div,.medical-one-right2>div{background: #efefef !important;}
.medical-one-cont h3{font-size: 16px;}
.medical-one-cont h3>div{padding: 8px 10px;}
.medical-one-cont h3 span, .medical-four-con li h3{font-size: 18px;}
.medical-one-cont{margin-top: 20px;}
.medical-one-left3{margin-top: 20px;margin-right: 0;margin-left: auto;}
.medical-one-right1{margin-top: 20px;margin-left: 20px;}
.medical-one-right2{margin-right: 0;margin-left: auto;}
.medical-one-right3{}
.medical-one-left2{margin-left: 15px;}
.medical-one-right4{margin-left: 40px;}
.medical-one-left4{margin-left: 50px;}
.medical-four-con li{width: 50%;padding: 12px 10px;}
.medical-four-con li p{font-size: 14px;}
.med4-txt{font-size: 36px;width: 80px;height: 70px;}
.lzwb3-icon{height: 70px;line-height: 70px;padding: 0 6px;}
.medical-four-con li:hover .lzwb3-icon img{transform: translateY(-70px);}
.medical-four-con li::before{top: 22%;right: -35px;}
.medical-four-con li:nth-child(odd)::before{display: block !important;}
.medical-four-con li:nth-child(even)::before,.medical-four-con li:last-child::before{display: none !important;}
.medical-four-con li p{height: 63px;}
.medical-four-con li h3{margin: 12px 0 5px;}
.med4-txt h2{padding: 8px 0;font-size: 36px;}
.med4-txt::before{background-size: 80px 70px;}
.medical-one-cont h3{position: static;}
.lzwb-medical1{margin-top: 20px;}
.lzwb1-mo{margin-top: 30px;width: 190px;}
.lzwb1-mo span{padding: 6px 24px 6px 28px;font-size: 14px;}
.lzwb-medical3{margin-top: 30px;}
}
@media(max-width:640px){
	.medical-four-con li p{height: 84px;}
	.med4-font{padding: 0;}
}
@media(max-width:360px){
	.medical-one-cont h3{margin-left: 0;max-width: 100%;}
	.medical-four-con li{width: 100%;}
	.medical-four-con ul{margin: -15px 0 0;}
	.medical-four-con li:nth-child(odd)::before{display: none !important;margin-top: 15px;}
	.medical-four-con li p{height: auto;}
}
@media(max-width:320px){
	.medical-four-con li::before{background-size: 45px 8px;right: -22px;}
}

/*2020091*/
.dbimgh {
    position: relative;
}

    .dbimgh img {
        position: absolute;
        display: none;
        width: 134px;
        height: 134px;
    }

    .dbimgh:hover img {
        display: block;
        right: -140%;
    }

/*20200916*/
.wysms-pd01 {
    background-color: white;
}

.wysms-pd02 {
    border: 2px solid #fff;
    position: absolute;
    left: 60px;
    bottom: 220px;
    text-align: center;
    width: 172px;
    z-index: 4;
}

.wysms-pd03 {
}

@media (max-width: 1200px) {
    .wysms-pd02 {
        left: 60px;
        bottom: 240px;
    }

    .wysms-pd03 {
        min-height: 400px;
    }
}

@media (max-width: 991px) {
    .wysms-pd02 {
        left: 60px;
        bottom: 230px;
    }

    .wysms-pd03 {
    }
}

@media (max-width: 767px) {
    .wysms-pd02 {
        left: 15px;
        bottom: 257px;
    }

    .wysms-pd03 {
        min-height: 320px;
    }
}

@media (max-width: 640px) {
    .wysms-pd03 {
        min-height: 420px;
    }
}

/*首页发展历程*/
@media (max-width:1440px) {
    .homehistory-img {
        top: -0%;
    }
}

/*新应用案例*/
.newapp {
    margin-bottom: 0px;
    margin-top: 40px;
}

    .newapp li {
        width: 20%;
        text-align: center;
        padding: 25px 0px;
    }

    .newapp .newapp-images2 {
        display: none;
        /* transform: translateY(-100%); */
    }

    .newapp .newapp-images {
        /* transform: translateY(50%); */
        margin: auto;
        transition: ease .5s;
        display: inline-block;
        /* height: 60px; */
    }



    .newapp .newapp-label {
        display: block;
        /* background: url(/PC/images/jiajuxian.png) no-repeat 50% 0px; */
        width: 120px;
        height: 120px;
        text-align: center;
        line-height: 120px;
        border: 1px dashed #39241e;
        border-radius: 50%;
        margin: 0 auto;
        overflow: hidden;
        padding: 0 5%;
    }

    .newapp .newapp-p {
        font-size: 18px;
        text-align: center;
        width: 100%;
        padding: 20px 30px 0px 30px;
        min-height: 74px;
    }

    .newapp .newapp-label:hover {
        /* background: url(/PC/images/jiajuyuan.png) no-repeat 50% 0px; */
        background-color: #39241e;
    }

        .newapp .newapp-label:hover .newapp-images1 {
            /* display: none; */
        }

        .newapp .newapp-label:hover .newapp-images2 {
            display: block;
            transform: translateY(-90px);
        }

.appli-ul.pro-ul li a::before {
    background: none;
    position: relative;
}

@media (max-width:767px) {
    .newapp li {
        width: 50%;
        text-align: center;
        padding: 25px 0px;
        float: left;
        margin: 0px;
    }

    .newappnone {
        display: none;
    }
}

/*新关于我们*/
.newconent li {
    width: 33.3%;
}

.newconent-tel {
    width: 48% !important;
    padding-left: 72px !important;
    margin-top: 4% !important;
}

    .newconent-tel span {
    }

    .newconent-tel p {
        font-weight: bolder !important;
        font-size: 32px !important;
        color: #f0bb44 !important;
        line-height: 42px !important;
    }

.contact1-ul li.newconent-tel::before {
    background-image: url(../image/newtel2.png);
    height: 58px;
    width: 58px;
    border-radius: 50px;
    margin-top: 12px;
    border: 2px solid #f0bb44;
    left: 0px;
}

.newconent .jxw {
    padding-left: 0px;
    width: 18%;
}

    .newconent .jxw:before {
        width: 0px;
    }

.dbgj {
    position: fixed;
    right: 2px;
    top: 35%;
    left: auto;
    bottom: auto;
    margin: -25px 0 0 0;
    margin-top: -76px;
    width: 150px;
    display: none;
    z-index: 9999;
}

    .dbgj img {
        width: 150px;
    }

@media (max-width: 767px) {
    .newconent li {
        width: 100%;
    }

    .newconent-tel {
        width: 100% !important;
        padding-left: 72px !important;
    }

    .dbgj {
        width: 100px;
    }

        .dbgj img {
            width: 100px;
        }

    .pc-banner .swiper-pagination {
        width: 100%;
        bottom: 10px;
        /* display: none; */
    }
}

.dbgj:hover p {
    background-color: #39241e;
    font-weight: bold;
}

.dbgj p {
    cursor: grab;
    color: white;
    text-align: center;
    background-color: #b5b5b5;
    width: 80px;
    margin: auto;
    border-radius: 4px;
}

.wysms0922 .prosp8-txt {
    margin-bottom: 20px;
    padding: 30px 20px;
}

    .wysms0922 .prosp8-txt p {
        height: 64px;
    }

@media (max-width:1459px) {

    .contact-three {
        margin: 10px 0 40px;
    }

    .contact3-con {
        margin-top: 20px;
    }

    .jxw img {
        width: 180px !important;
    }

    .contact1-ul li {
        float: left;
        width: 50%;
        margin-top: 10px;
        position: relative;
        padding-left: 52px;
    }

    .newconent-tel {
        width: 48% !important;
        padding-left: 72px !important;
        margin-top: 4% !important;
    }

    .wysms0922 .prosp8-txt {
        margin-bottom: 20px;
        padding: 30px 20px;
    }

        .wysms0922 .prosp8-txt p {
            height: 64px;
        }
}

@media (max-width:1260px) {
    .wysms0922 .prosp8-txt {
        margin-bottom: 20px;
        padding: 30px 20px;
    }

        .wysms0922 .prosp8-txt p {
            height: 64px;
        }

    .contact-three {
        margin: 10px 0 40px;
    }

    .contact3-con {
        margin-top: 20px;
    }

    .jxw img {
        width: 170px !important;
    }

    .contact1-ul li {
        float: left;
        width: 50%;
        margin-top: 20px;
        position: relative;
        padding-left: 52px;
    }

    .newconent-tel {
        width: 48% !important;
        padding-left: 72px !important;
        margin-top: 4% !important;
    }
}

@media (max-width:767px) {


    .newconent .jxw {
        padding-left: 0px;
        width: 100%;
        text-align: center;
    }

    .newconent-tel {
        width: 100% !important;
        padding-left: 72px !important;
        margin-top: 4% !important;
    }
}


.collegefou-con .swiper-button-next, .prosp2-swiper .swiper-button-next {
    right: -60px;
}
.collegefou-con .swiper-button-prev, .prosp2-swiper .swiper-button-prev{
    left: -60px;
}
.collegefou-con .swiper-button-next,
.collegefou-con .swiper-button-prev, .prosp2-swiper .swiper-button-next,
.prosp2-swiper .swiper-button-prev {
    background: transparent;
    width: 48px;
    height: 48px;
    border: 1px solid #666;
    line-height: 48px;
    font-size: 18px;
    color: #666;
    text-align: center;
    font-weight: bold;
    transition: ease .5s;
    margin-top: -50px;
    border-radius: 50%;
}
    .collegefou-con .swiper-button-next:hover,
    .collegefou-con .swiper-button-prev:hover, .prosp2-swiper .swiper-button-next:hover,
    .prosp2-swiper .swiper-button-prev:hover {
        border-color: #f0bb44;
        background-color: #f0bb44;
        color: #341e1a;
    }
			.collegefou-con .swiper-pagination{margin: 0 -60px;}
.prosp2-swiper{position:relative;}
@media (max-width:1919px) {
    .collegefou-con .swiper-button-next, .prosp2-swiper .swiper-button-next{
        right: 0px;
    }
    .collegefou-con .swiper-button-prev, .prosp2-swiper .swiper-button-prev {
        left: 0px;
    }
				.collegefou-con{padding: 0 60px 50px;}
    .prosp2-swiper{padding:0 60px;}
			}
			@media (max-width:767px) {
				.collegefou-con{padding: 0 0px 30px;}
				.collegefou-con .swiper-button-next,
				.collegefou-con .swiper-button-prev{display: none;}
				.collegefou-con .swiper-pagination{margin: 0px;}
                .prosp2-swiper{padding: 0px;}
                    .prosp2-swiper .swiper-button-next,
                    .prosp2-swiper .swiper-button-prev{/* display:none; */margin-top: -50%;}
			}