@-webkit-keyframes fadeBot {
    from {
        -webkit-transform: translate3d(0, 0, 0)
    }
    to {
        -webkit-transform: translate3d(0, -100%, 0)
    }
}

@keyframes fadeBot {
    from {
        transform: translate3d(0, 0, 0);
        z-index: 1
    }
    to {
        transform: translate3d(0, -100%, 0);
        z-index: 1
    }
}

@-webkit-keyframes fadeTop {
    from {
        -webkit-transform: translate3d(0, -100%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeTop {
    from {
        transform: translate3d(0, -100%, 0);
        z-index: 1
    }
    to {
        transform: translate3d(0, 0, 0);
        z-index: 1
    }
}


/* 案例 */

#head {
    border-bottom: 1px solid #f0f0f0;
    background-color: #ffffff;
}


/* sec4 */

#section4 {
    padding-top: 100px;
    background: #ffffff;
}

.swiper-box {
    padding: 0;
    height: 52rem;
}

.sec-tit {
    padding: 70px 0;
    font-size: 46px;
    color: #000000;
    font-weight: bold;
    background-color: #ffffff;
    text-align: center;
}

.sec4-slide1 {
    position: relative;
}

.hidden-title {
    position: absolute;
    bottom: 40px;
    left: 3.75rem;
    opacity: 1;
    visibility: visible;
    transition-duration: 0.5s;
    z-index: 5;
}

.hidden-title.hidden {
    opacity: 0;
    transition: all 0.3s ease-out 0s;
    visibility: hidden;
}

.hidden-title>p:first-child {
    color: #ffffff;
    font-size: 2.875rem;
    font-family: 'arial';
    font-weight: bold;
    margin-bottom: 0;
}

.hidden-title>p:last-child {
    color: #ffffff;
    font-size: 1.5rem;
    margin-bottom: 0;
}

.visible-title {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
    opacity: 0;
    transition: all 0.5s ease-out 0s;
    visibility: hidden;
    z-index: 5;
}

.visible-title.show {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.5s;
}

.visible-title>div {
    text-align: center;
    white-space: nowrap;
}

.visible-title>img {
    display: block;
    margin: 0 auto 8px;
    width: 18rem;
    min-width: 140px;
}

.visible-title>div>span {
    color: #ffffff;
    font-size: 1.5rem;
    letter-spacing: 1px;
    height: 35px;
    display: inline-block;
    line-height: 32px;
}

.visible-title>div>span:first-child {
    display: inline-block;
    margin-right: 1.5rem;
    padding-right: 1.5rem;
    background: url(http://wzzimages.beijingyunpeng.cn/lb-title-bg.png) no-repeat right center;
}

.hidden-bg {
    position: absolute;
    z-index: 3;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: all 0.2s linear 0s;
    visibility: hidden;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, .7);
}

.hidden-bg.show {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.2s;
}

.sec4-slide1>a {
    display: block;
    height: 100%;
}

.sec4-slide1>a>img {
    /*height: 100%;*/
    width: 100%;
    display: block;
}

.sec4-sw1 {
    height: 100%;
}

.sec4-sw2,
.sec4-sw3 {
    height: 50%;
}

#section5 {
    background-color: #ffffff;
}

.sec5-box {
    width: 85%;
    margin: 0 auto;
    padding: 6.25rem 0;
}

.sec5-title {
    /*font-size: 3.375rem;*/
    font-size: 2.9rem;
    font-weight: 450;
    color: #000000;
    text-align: center;
    margin-bottom: 1.2rem;
}

.projectCliak {
    border: 1px solid #333333;
    margin: 0 auto;
    width: 26.25rem;
    text-align: center;
    padding: 6px 0;
    cursor: default;
}

.projectCliak a {
    font-size: 1.6875rem;
    color: #fe0000;
    display: block;
}

.projectCliak:hover {
    background-color: #fe0000;
    border: 1px solid #fe0000;
}

.projectCliak:hover a {
    color: #ffffff;
}


/* sec6 */

.sec6-content {
    position: relative;
    width: 100%;
    height: 100%;
}

.sec6-swiper {
    height: 100%;
}


/* .sec3-slide>img {	width: 100%;	height: 100%;} */

.sec6-slide {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}

.sec6-slide>img {
    max-height: 815px;
}

.sec6-titBox {
    position: absolute;
    top: 11.5625rem;
    left: 7.5%;
    z-index: 8;
}

.sec6-titBox .tit1,
.sec6-titBox .tit2 {
    font-size: 3.75rem;
    font-weight: 450;
    color: #ffffff;
    letter-spacing: 8px;
}

.sec6-titBox .tit3 {
    margin-top: 3rem;
}

.sec6-titBox.act .tit1 {
    -webkit-animation: fadeP .8s linear;
    animation: fadeP .8s linear;
}

.sec6-titBox.act .tit2 {
    -webkit-animation: fadeP .8s linear;
    animation: fadeP .8s linear;
}

.sec6-titBox.act .tit3 {
    -webkit-animation: fadeP 1s linear;
    animation: fadeP 1s linear;
}

@-webkit-keyframes fadeP {
    from {
        -webkit-transform: translate3d(0, 200%, 0)
    }
    to {
        -webkit-transform: translate3d(0, 0, 0)
    }
}

@keyframes fadeP {
    from {
        transform: translate3d(0, 200%, 0);
    }
    to {
        transform: translate3d(0, 0, 0);
    }
}

.sec6-titBox .tit3 a {
    color: #ffffff;
    font-size: 1.25rem;
    font-weight: 300;
    display: inline-block;
    padding-right: 25px;
    background: url(http://wzzimages.beijingyunpeng.cn/lylTit.png) no-repeat right center;
}

.sec6-bot {
    position: relative;
    bottom: 0;
    padding: 5rem 7.5%;
    z-index: 5;
    width: 100%;
    background: url(http://wzzimages.beijingyunpeng.cn/sec6-bg.png) no-repeat;
    background-size: cover;
}

.sec6-con .tit1 {
    color: #ffffff;
    font-size: 3.25rem;
    line-height: 55px;
    letter-spacing: 3px;
    white-space: nowrap;
}

.sec6-con .tit2 {
    color: #ffffff;
    font-size: 1.375rem;
    letter-spacing: 2px;
    white-space: nowrap;
    font-weight: lighter;
    line-height: 50px;
}

.sec6-con1 .tit2 {
    color: #ffffff;
    font-size: 2rem;
    font-weight: bold;
}

.sec6-con1 .tit1 {
    font-family: "arial";
}

.sec6-con {
    padding: 0;
}

.sec6-con1 {
    border-right: 1px solid #ffffff;
}

.sec6-con2 {
    border-right: 1px solid #ffffff;
}


/* 服务service */

#service1 {
    position: relative;
    padding-top: 100px;
    background-color: #ffffff;
    text-align: center;
}

.ser1-box {
    padding: 5rem 0;
}

.ser1-title1 {
    font-size: 4.6875rem;
    color: #333333;
    margin-bottom: 8px;
}

.ser1-title2 {
    font-size: 1.25rem;
    color: #666666;
    font-weight: lighter;
}

.service-con {
    background-color: #ffffff;
}

.service-list {
    position: relative;
    padding: 0;
    height: 27.8125rem;
    /*overflow: hidden;*/
}

.ser-title {
    position: absolute;
}

.show-title>span {
    font-size: 2rem;
    color: #ffffff;
    display: inline-block;
    padding-left: 30px;
}

.show-title>.span1 {
    background: url(http://wzzimages.beijingyunpeng.cn/tuoyuan.png) no-repeat left center;
}

.hidden-ser {
    display: flex;
    margin-top: 12px;
    padding-left: 30px;
    opacity: 0;
    transition: all 0.2s linear 0s;
}

.hidden-ser.show {
    opacity: 1;
    visibility: visible;
    transition-duration: 0.2s;
}

.hidden-ser div a {
    color: #ffffff;
    font-size: 16px;
    display: inline-block;
    white-space: nowrap;
    padding: 0 15px;
    background: url(http://wzzimages.beijingyunpeng.cn/ser-titBg.png) no-repeat right center;
}

.hidden-ser div:last-child a {
    padding-right: 0;
    background: none;
}

.hidden-ser div:first-child a {
    padding-left: 0;
}

.service-list:nth-child(1) .ser-title {
    top: 6.25rem;
    right: 5rem;
    text-align: right;
}

.service-list:nth-child(2) .ser-title {
    left: 5rem;
    bottom: 6.875rem;
}

.service-list:nth-child(3) .ser-title {
    top: 6.25rem;
    right: 5rem;
    text-align: right;
}

.service-list:nth-child(4) .ser-title {
    left: 5rem;
    bottom: 6.875rem;
}

.service-list:nth-child(5) .ser-title {
    top: 6.25rem;
    right: 5rem;
    text-align: right;
}

.service-list:nth-child(6) .ser-title {
    left: 5rem;
    bottom: 6.875rem;
}

.service-list:nth-child(7) .ser-title {
    top: 6.25rem;
    right: 5rem;
    text-align: right;
}

.service-list:nth-child(8) .ser-title {
    left: 5rem;
    bottom: 6.875rem;
}

#service2 {
    position: relative;
    width: 100%;
    background-color: #ffffff;
}

.ser2-box {
    padding: 7.5rem 0;
    text-align: center;
}

.sec2-title {
    font-size: 2.9rem;
    font-weight: 450;
    color: #333333;
}

.sec2-title2 {
    font-size: 1.125rem;
    color: #666666;
    font-weight: lighter;
    margin-top: 6px;
    margin-bottom: 3rem;
}

.sec2-ewm {
    display: flex;
    justify-content: center;
    margin-top: 4.375rem;
}

.sec2-ewm>div {
    margin: 0 20px;
}

.sec2-ewm>div p {
    margin: 10px 0 0 0;
}


/* 我们 */

.our-banner {
    padding-top: 105px;
    height: 100vh;
    background: #ffffff;
    position: relative;
}

.our-banner-Box {
    height: 100%;
    background: url(http://wzzimages.beijingyunpeng.cn/pub13.png) no-repeat center center;
    background-size: cover;
}

.our-ban-titBox {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.our-ban-titBox .tit1 {
    font-size: 5rem;
    color: #ffffff;
    white-space: nowrap;
}

.our-ban-titBox .tit2 {
    font-size: 1.25rem;
    color: #ffffff;
    font-weight: lighter;
    white-space: nowrap;
    margin-top: 15px;
}

.our-border-div {
    width: 12px;
    height: 15rem;
    position: absolute;
    left: 50%;
    bottom: 0%;
    display: flex;
    flex-direction: column;
    transform: translate3d(-50%, 0, 0);
}

.our-border-div>img {
    display: block;
    margin: 0 auto;
}

.our-border-box {
    width: 1px;
    height: 100%;
    margin: 0 auto;
    background-color: #b7b5b5;
}

.our-section1 {
    background-color: #ffffff;
    text-align: center;
    padding: 12.5rem 0 5rem 0;
    /*font-size: 3rem;*/
    font-size: 2.9rem;
    font-weight: 450;
    color: #000000;
    position: relative;
}

.section1-border-div {
    width: 12px;
    height: 10rem;
    position: absolute;
    left: 50%;
    top: 0%;
    display: flex;
    flex-direction: column;
    transform: translate3d(-50%, 0, 0);
}

.section1-border-box {
    width: 1px;
    height: 100%;
    margin: 0 auto;
    background-color: #dedede;
}


/* our-sec2 */

.our-section2 {
    width: 100%;
    background: #ffffff url(http://wzzimages.beijingyunpeng.cn/our1.png) no-repeat;
    padding-bottom: 10rem;
}

.our-sec2-box {
    width: 85%;
    margin: 0 auto;
}

.our-sec2-tit {
    padding: 4rem 0 6rem 40px;
}

.our-sec2-tit>.tit1 {
    font-size: 5.75rem;
    color: #ffffff;
}

.our-sec2-tit>.tit2 {
    font-size: 1.375rem;
    color: #ffffff;
}

.our-sec2-cons {
    height: 37.5rem;
}

.our-sec2-cons:nth-child(1) {
    background: url(http://wzzimages.beijingyunpeng.cn/wezs-bg1.jpg) no-repeat center center;
    background-size: contain;
}

.our-sec2-cons:nth-child(2) {
    background: url(http://wzzimages.beijingyunpeng.cn/our2.png) no-repeat center center;
    background-size: contain;
}

.our-sec2-cons:nth-child(3) {
    background: url(http://wzzimages.beijingyunpeng.cn/our3.png) no-repeat center center;
    background-size: contain;
}

.ourSec2-con {
    width: 100%;
    height: 100%;
    padding: 4.25rem 4.25rem;
}

.ourSec2-con .tit1 {
    font-size: 3.25rem;
    color: #ffffff;
    margin-bottom: 2.125rem;
}

.ourSec2-con .tit2 {
    font-size: 1.375rem;
    color: #ffffff;
    font-weight: lighter;
    line-height: 2.875rem;
}

.ourSec2-con .tit2 span {
    display: block;
}

.our-section3 {
    position: relative;
    width: 100%;
}

.our-section3>.tit {
    font-size: 3.875rem;
    color: #000000;
    text-align: center;
    padding: 0 0 5rem 0;
    background-color: #ffffff;
}

.banner1 {
    /*background: #ffffff url(http://wzzimages.beijingyunpeng.cn/we-reqing.jpg) no-repeat bottom center;*/
    height: 100vh;
    width: 100vw;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: -1;
    /*background-size: cover;*/
}

.banner1.hide {
    display: none;
}

.banner2 {
    /*background: #ffffff url(http://wzzimages.beijingyunpeng.cn/we-reqing.jpg) no-repeat bottom center;*/
    height: 100vh;
    width: 100vw;
    position: relative;
    z-index: 2;
    /*background-size: cover;*/
}

.stripe-container {
    /* margin: 100vh 0 100px; */
    top: 0 !important;
    position: relative;
    width: 100%;
    height: 100vh;
    overflow: hidden;
    /*background: #ffffff url(http://wzzimages.beijingyunpeng.cn/we-reqing.jpg) no-repeat bottom center;*/
    /*background-size: cover;*/
}

.content {
    padding-top: 104vh;
    margin-top: 93px;
}

.stripe-container .grow {
    height: 100%;
    position: absolute;
    width: 0vw;
    top: 0;
    right: 0;
    overflow: hidden;
}

.stripe-container .stripe {
    width: 100vw;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    /*background: #ffffff url(http://wzzimages.beijingyunpeng.cn/we-reqing.jpg) no-repeat;*/
    /*background-size: cover;*/
}

.banner-con {
    position: absolute;
    width: 100%;
    top: 40%;
    left: 0;
    transform: translate3d(0, -50%, 0);
}

.banner-con>p {
    color: #ffffff;
}

.banner-con p:first-child {
    font-size: 5.125rem;
    font-weight: 450;
}

.banner-con>p {
    font-size: 1.25rem;
    font-weight: lighter;
}

.our-section4 {
    position: relative;
    width: 100%;
    padding: 5rem 0;
    background-color: #ffffff;
}

.our-section4 .titBox {
    width: 100%;
    padding: 0 0 5rem 0;
    text-align: center;
}

.our-sec4-con {
    margin: 0 -15px;
}

.our-section4 .titBox .tit1 {
    font-size: 3.875rem;
    color: #333333;
}

.our-section4 .titBox .tit2 {
    font-size: 20px;
    color: #000000;
    font-weight: lighter;
}

.tyBox {
    width: 85%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.tyBox2 {
    width: 72%;
    margin: 0 auto;
    height: 100%;
    position: relative;
}

.our-sec4-list {
    margin-bottom: 1.875rem;
}

.our-sec4-lists {
    width: 100%;
    height: 100%;
    border: 1px solid #eeeeee;
    padding: 2.5rem;
}

.our-sec4-lists .title {
    font-size: 1.75rem;
    color: #333333;
}

.our-sec4-lists .money {
    font-size: 1.125rem;
    color: #d7201a;
}

.our-sec4-lists p span {
    display: block;
    font-size: 14px;
    color: #666666;
    line-height: 26px;
}

.our-section5 {
    width: 100%;
    padding: 5rem 0;
    position: relative;
    background-color: #f4f4f4;
}

.our-section5 .titBox {
    width: 100%;
    padding: 0 0 3rem 0;
}

.our-section5 .titBox .tit1 {
    font-size: 3.875rem;
    color: #000000;
}

.our-section5 .titBox .tit2 {
    font-size: 20px;
    color: #000000;
    font-weight: lighter;
}

.our-section5-con .rows {
    margin: 0 -15px;
}

.our-sec5-img {
    margin: 20px 0;
    padding: 0 10px;
}

.our-sec5-img a {
    display: block;
}

.our-sec5-img a img {
    width: 100%;
}


/* 案例css */

.filter {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: #fe5757;
    animation: colorChange 30s ease-in-out infinite;
    animation-fill-mode: both;
    mix-blend-mode: overlay;
}

@keyframes colorChange {
    0%,
    100% {
        opacity: 0;
    }
    50% {
        opacity: .9;
    }
}

.landscape {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 100%;
    /*background-image:url(http://wzzimages.beijingyunpeng.cn/Trees-Landscape-Silhouette.png);	*/
    background-image: url(http://wzzimages.beijingyunpeng.cn/xkbg.png);
    background-size: 1000px 250px;
    background-repeat: repeat-x;
    background-position: center bottom;
}

#canvas {
    width: 100%;
    height: 100vh;
}

.pro-banner {
    position: relative;
    width: 100%;
    height: 100vh;
    z-index: 6;
}

.proBan-con {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 7.5%;
    transform: translateY(-50%);
}

.proBan-con .tit1 {
    font-size: 4.6875rem;
    color: #ffffff;
    margin-bottom: 1rem;
}

.proBan-con .tit2 {
    font-size: 20px;
    color: #ffffff;
    font-weight: lighter;
}

.proBan-con .box {
    display: flex;
    margin: 4rem 0 3rem 0;
}

.proBan-con .box span,
.proBan-con .box a {
    display: inline-block;
    padding: 0.9375rem 1.375rem;
    border: 1px solid #ffffff;
    margin-right: 10px;
    color: #ffffff;
    font-size: 1.125rem;
    font-weight: lighter;
    cursor: default;
}

.proBan-con .phone-time {
    background: url(http://wzzimages.beijingyunpeng.cn/dianhua.png) no-repeat left center;
    padding-left: 35px;
    font-size: 1.25rem;
    color: #ffffff;
    font-weight: lighter;
}

.pro-sec {
    height: 0;
    background-size: cover !important;
    min-height: 400px;
    position: relative;
    width: 100%;
    padding-bottom: 31.5%;
    overflow: hidden;
    background-repeat: no-repeat;
    background-position: center;
}

.pro-sec:nth-child(odd) {
    background-attachment: fixed;
}

.pro-sec .tyBox {
    height: 37.5rem;
    min-height: 400px;
}

.pro-sec1 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub1.png) no-repeat;
}

.pro-sec2 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub2.png) no-repeat;
}

.pro-sec3 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub3.png) no-repeat;
}

.pro-sec4 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub4.png) no-repeat;
}

.pro-sec5 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub5.png) no-repeat;
}

.pro-sec6 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub6.png) no-repeat;
}

.pro-sec7 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub7.png) no-repeat;
}

.pro-sec8 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub8.png) no-repeat;
}

.pro-sec9 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub9.png) no-repeat;
}

.pro-sec10 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub10.png) no-repeat;
}

.pro-sec11 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub11.png) no-repeat;
}

.pro-sec12 {
    background: url(http://wzzimages.beijingyunpeng.cn/pub12.png) no-repeat;
}

.prosec-con {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-58%);
    transform: translateY(-58%);
    height: auto;
    width: 50%;
    color: #ffffff;
}

.prosec-con1 {
    right: 0;
}

.prosec-con2 {
    left: 0;
}

.prosec-con3 {
    text-align: center;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.prosec-con3 .pro-icon {
    justify-content: center;
}

.prosec-con4 {
    right: 0;
}

.prosec-con5 {
    left: 0;
}

.prosec-con6 {
    text-align: center;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.prosec-con6 .pro-icon {
    justify-content: center;
}

.prosec-con7 {
    right: 0;
}

.prosec-con8 {
    left: 0;
}

.prosec-con9 {
    text-align: center;
    width: 70%;
    left: 50%;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
}

.prosec-con9 .pro-icon {
    justify-content: center;
}

.prosec-con10 {
    right: 0;
}

.prosec-con11 {
    left: 0;
}

.prosec-con12 {
    right: 0;
}

.protit {
    /*font-size: 3.25rem;*/
    font-size: 2.9rem;
    font-weight: 450;
    margin-bottom: 1rem;
}

.pro-con {}

.pro-con span {
    display: block;
    line-height: 2.25rem;
    font-size: 1.25rem;
    font-weight: lighter;
}

.pro-icon {
    display: flex;
    margin-top: 3.875rem;
}

.pro-icon-list {
    text-align: center;
    height: 5rem;
    min-height: 70px;
    position: relative;
    min-width: 86px;
    margin: 0 3.375rem;
    white-space: nowrap;
}

.pro-icon-list:first-child {
    margin-left: 0;
}

.pro-icon-list:last-child {
    margin-right: 0;
}

.pro-icon-list p {
    position: absolute;
    width: 100%;
    bottom: 0;
    margin-bottom: 0;
    font-size: 1.125rem;
    font-weight: lighter;
}

.icon-spin:hover {
    animation: icon-spin .5s 1 linear;
}

@keyframes icon-spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
    50% {
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    100% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg);
    }
}


/* 新闻中心 */

.new-banner {
    position: relative;
    padding-top: 92px;
    width: 100%;
    height: auto;
}

.new-ban-titBox {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translate3d(0, -50%, 0);
    z-index: 3;
}

.new-ban-titBox .tit1 {
    font-size: 3.25rem;
    color: #ffffff;
    line-height: 70px;
}

.new-ban-titBox .tit2 {
    font-size: 12px;
    color: #ffffff;
    font-family: "arial";
}

.new-ban-titBox>div:nth-child(3) {
    margin-top: 2rem;
}

.new-section {
    background-color: #ffffff;
}

.new-list {
    padding: 3rem 0;
}

.new-list:nth-child(odd) {
    background-color: #f4f4f4;
}

.new-list:nth-child(even) {
    background-color: #ffffff;
}

.new-list:hover {
    background-color: #fe0000;
    transition: all 0.5s linear 0s;
}

.new-list:hover .new-time span,
.new-list:hover .new-title a {
    color: #ffffff !important;
}

.new-time {
    position: relative;
}

.new-timebox {
    position: absolute;
    width: auto;
    top: 50%;
    transform: translate3d(-50%, -50%, 0);
    left: 50%;
}

.new-time span {
    display: block;
}

.new-time span:first-child {
    font-size: 2.5rem;
    color: #000000;
}

.new-time span:last-child {
    font-size: 1.375rem;
    color: #999999;
}

.new-img a {
    display: block;
}

.new-title a {
    display: block;
    padding: 0 2rem;
}

.new-title a:first-child {
    font-size: 2.25rem;
    color: #333333;
}

.new-title a:last-child {
    font-size: 1.125rem;
    color: #333333;
    margin-top: 2rem;
}


/* 商城 */

.mall-ban-titBox {
    position: absolute;
    width: 72%;
    left: 10%;
    top: 45%;
    transform: translate3d(0, -50%, 0);
    z-index: 3;
}

.mall-ban-titBox .tit1 {
    font-size: 4.2rem;
    color: #ffffff;
    margin-bottom: 1.2rem;
}

.mall-ban-titBox .tit2 {
    /*font-size: 1.2rem;*/
    font-size: 1.8rem;
    color: #ffffff;
    line-height: 2.25rem;
}

.mall-ban-titBox .tit3 {
    margin-top: 2rem;
    display: inline-block;
}

.mall-ban-titBox .tit3 a {
    display: inline-block;
    width: 11.875rem;
    height: 52px;
    line-height: 50px;
    font-size: 16px;
    color: #000000;
    background-color: #ffffff;
    min-width: 140px;
    margin: 0 auto;
    /*border-radius: 5px;*/
    text-align: center;
}

.mall-ban-titBox .tit3 a:hover {
    background-color: #d6211a;
    color: #ffffff;
    transition: all 0.2s linear 0s;
}


/* .mall-ban-titBox .tit3 a {	display: inline-block;	width: 11.875rem;	height: 52px;	line-height: 50px;	font-size: 16px;	color: #ffffff;	background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);	background-size: 400%;	min-width: 140px;	margin: 0 auto;	border-radius: 5px;	text-align: center;	text-transform: uppercase;}.mall-ban-titBox .tit3 a::before{	content: "";	position: absolute;	left: -3px;	right: -3px;	top: -3px;	bottom: -3px;	border: 1px solid red;	width: auto;	background: linear-gradient(90deg,#03a9f4,#f441a5,#ffeb3b,#03a9f4);	background-size: 400%;	border-radius: 5px;	filter: blur(20px);	z-index: -1;}.mall-ban-titBox .tit3 a:hover{	animation: sun 8s infinite;}.mall-ban-titBox .tit3 a:hover::before{	animation: sun 8s infinite;}@keyframes sun{	100%{		background-position: -400% 0;	}	to{}} */

.mallPage {
    display: flex;
    left: 50% !important;
    transform: translateX(-50%);
    width: auto !important;
    z-index: 9;
    bottom: 5rem !important;
}

.mallPage span {
    /*width: 30px;*/
    /*height: 3px;*/
    background-color: #fff;
    display: block;
    margin: 0 5px !important;
    cursor: pointer;
}

.mallPage span.swiper-pagination-bullet-active {
    /*width: 55px;*/
    opacity: 1 !important;
    background-color: #d7201b;
    /*-webkit-animation: fadeBg 4s linear;*/
    /*animation: fadeBg 4s linear;*/
}


/*.mallpageBg {*/


/*	display: flex;*/


/*	left: 50%;*/


/*	transform: translateX(-50%);*/


/*	width: auto;*/


/*	z-index: 8;*/


/*	position: absolute;*/


/*	bottom: 110px;*/


/*}*/


/*.mallpageBg span {*/


/*	width: 30px;*/


/*	height: 3px;*/


/*	background-color: #fff;*/


/*	display: block;*/


/*	margin: 0 5px;*/


/*	cursor: pointer;*/


/*}*/


/*@-webkit-keyframes fadeBg {*/


/*	from {*/


/*		background-color: #d7201b;*/


/*		width: 0px;*/


/*		opacity: 1;*/


/*	}*/


/*	to {*/


/*		background-color: #d7201b;*/


/*		width: 55px;*/


/*		opacity: 1;*/


/*	}*/


/*}*/


/*@keyframes fadeBg {*/


/*	from {*/


/*		background-color: #d7201b;*/


/*		width: 0px;*/


/*		opacity: 1;*/


/*	}*/


/*	to {*/


/*		background-color: #d7201b;*/


/*		width: 55px;*/


/*		opacity: 1;*/


/*	}*/


/*}*/


/*.mallpageBg span.active {*/


/*	width: 55px;*/


/*	background: #ffffff;*/


/*}*/

.mall-ty {
    padding: 6.25rem 0;
    position: relative;
}

.mall-section1 {
    background-color: #ffffff;
}

.mall-sec1-titBox {
    margin-bottom: 0.9375rem;
}

.mall-sec1-titBox .tit1 {
    /*font-size: 2.375rem;*/
    font-size: 2.9rem;
    font-weight: 450;
    color: #333333;
    margin-bottom: 1rem;
}

.mall-sec1-titBox .tit2 span {
    font-size: 16px;
    color: #666666;
    display: block;
}

.mall-sec1-list {
    text-align: center;
    margin-top: 3.75rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.mall-sec1-list>div img {
    max-width: 5rem;
}

.mall-sec1-list:hover .icon-spins {
    animation: icon-spin .3s 1 linear;
}

.mall-sec1-list>p {
    margin: 1.2rem 0 1rem 0;
    font-size: 1.75rem;
    color: #333333;
}

.mall-sec1-list>span {
    display: block;
    font-size: 1rem;
    color: #666666;
}

.mall-section2 {
    background-color: #f4f4f4;
}

.mall-sec2-list {
    position: relative;
    margin-top: 1.875rem;
}

.mall-sec2-list p {
    position: absolute;
    bottom: 20px;
    left: 35px;
    font-size: 1.625rem;
    color: #ffffff;
    z-index: 2;
    margin-bottom: 0;
}

.mall-section3 {
    background-color: #ffffff;
}

.mall-sec3-list {
    padding: 0 10px;
    margin-top: 2.5rem;
}

.mall-sec3-lists {
    border: 1px solid #eeeeee;
    padding: 1.875rem;
    width: 100%;
    height: 100%;
}

.mall-sec3-lists:hover {
    border: 1px solid #d6211a;
}

.mall-sec3-lists p:first-child {
    font-size: 1.625rem;
    color: #333333;
}

.mall-sec3-lists p:last-child {
    font-size: 14px;
    color: #666666;
    margin-bottom: 0;
}

.mall-section4 {
    background-color: #f4f4f4;
}

.mall-sec4-list {
    margin-top: 2.5rem;
}

.mall-section4 .img-hide {
    border-radius: 10px 10px 0 0;
}

.mall-sec4-con {
    padding: 2.1875rem 1.875rem;
    background-color: #ffffff;
    border-radius: 0 0 10px 10px;
}

.mall-sec4-con .tit {
    font-size: 22px;
    color: #333333;
    margin-bottom: 0.875rem;
}

.mall-sec4-con ul>li {
    margin-bottom: 6px;
    background: url(http://wzzimages.beijingyunpeng.cn/smalldian.png) no-repeat left center;
    padding-left: 20px;
    white-space: nowrap;
    font-size: 14px;
    color: #666666;
}

.mall-section5 {
    background-color: #ffffff;
}

.mall-sec5-list {
    position: relative;
    margin-top: 2.5rem;
}

.mall-sec5-list .con {
    position: absolute;
    bottom: 25px;
    left: 45px;
    z-index: 2;
}

.mall-sec5-list .con span {
    display: block;
    color: #ffffff;
    font-size: 1.625rem;
}

.mall-section6 {
    background: url(http://wzzimages.beijingyunpeng.cn/mall-img14.jpg) no-repeat;
    background-size: cover;
}

.mall-section6>.mall-sec1-titBox .tit1 {
    color: #ffffff;
}

.mall-sec6-list {
    padding: 0;
    margin-top: 1.875rem;
    display: block;
    position: relative;
}

.mall-sec6-list p {
    position: absolute;
    margin-bottom: 0;
    top: 35px;
    left: 30px;
    font-size: 1.6rem;
    color: #ffffff;
    font-weight: 600;
}

.mall-sec6-list:first-child p {
    color: #ffffff;
}


/* 小程序 */

.applet-section1 {
    width: 100%;
    background-color: #ffffff;
}

.applet-sec1-list {
    margin-top: 2.5rem;
    text-align: center;
}

.applet-sec1-list .img-hide {
    border-radius: 5px;
}

.applet-sec1-list>.tit {
    font-size: 1.375rem;
    color: #333333;
    margin: 1rem 0 .7rem 0;
}

.applet-sec1-list>span {
    display: block;
    margin-bottom: 0.625rem;
    color: #666666;
    font-size: 1rem;
}

.applet-section2 {
    width: 100%;
    background: url(http://wzzimages.beijingyunpeng.cn/mall3.png) no-repeat;
    background-size: cover;
}

.white {
    display: flex;
}

.applet-section2 .mall-sec1-titBox {
    margin-bottom: 1.875rem !important;
}

.white div {
    color: #ffffff !important;
    margin-bottom: 0 !important;
}

.applet-sec2-more {
    display: block;
    margin-left: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    font-size: 1rem;
    color: #ffffff;
}

#applty-sec2-tab {
    display: flex;
    flex-direction: column;
    padding-left: 0;
}

#applty-sec2-tab li {
    color: #ffffff;
    line-height: 55px;
    height: 55px;
    background: url(http://wzzimages.beijingyunpeng.cn/applet-icon2.jpg.png) no-repeat right 10px center;
    padding-left: 10%;
    font-size: 1rem;
    font-weight: 600;
}

#applty-sec2-tab li.act {
    color: #000000;
    background: #ffffff url(http://wzzimages.beijingyunpeng.cn/applet-icon1.jpg.png) no-repeat right 10px center;
    border-bottom: 4px solid #dddddd;
}

#applty-sec2-con {
    padding-right: 0;
}

#applty-sec2-con li {
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    display: none;
    padding: 2.2rem;
    transition: all 1.3s ease-out 0s;
}

#applty-sec2-con li.act {
    display: block;
}

#applty-sec2-con li>.tit {
    font-size: 2rem;
    color: #333333;
    margin-bottom: 0.5rem;
}

#applty-sec2-con li>.con {
    font-size: 1rem;
    color: #666666;
    line-height: 28px;
}

.applty-sec2-icon {
    margin-top: 15px;
}

.applty-iconList {
    justify-content: center;
    display: flex;
    flex-direction: column;
    text-align: center;
    width: 14% !important;
    margin: 20px 0 .7rem 0;
    position: relative;
}

.applty-iconList>div {
    margin-top: auto;
    white-space: nowrap;
    font-size: 1rem;
}

.applty-iconList img {
    /*max-width: 3.4375rem;*/
    display: block;
    margin: 0 auto 8px;
}

.applet-section3 {
    background-color: #ffffff;
}

.applet-sec3-listBox {
    text-align: center;
    background-color: #f4f4f4;
    border-radius: 10px;
    padding: 2.1875rem 0;
    width: 100%;
    height: 100%;
}

.applet-sec3-list {
    margin-top: 1.875rem;
}

.applet-sec3-listBox span {
    display: block;
    font-size: 14px;
    color: #666666;
}

.applet-sec3-listBox .tit {
    font-size: 1.375rem;
    color: #333333;
}

.applet-sec3-listBox .icon-spins {
    max-width: 5rem;
    margin-bottom: 1rem;
}

.applet-sec3-listBox:hover .icon-spins {
    animation: icon-spin .3s 1 linear;
}

.applet-section4 {
    background-color: #f4f4f4;
}

.applet-sec4-list {
    margin-top: 1.875rem;
}

.applet-sec4-list .img-hide {
    border-radius: 5px 5px 0 0;
}

.applet-sec4-list .con {
    padding: 2.1875rem 1.5625rem 3.75rem 1.5625rem;
    background-color: #ffffff;
    border-radius: 0 0 5px 5px;
}

.applet-sec4-list .con>.tit {
    font-size: 1.375rem;
    color: #333333;
    margin-bottom: 1rem;
}

.applet-sec4-list .con>span {
    font-size: 14px;
    color: #666666;
    display: block;
    line-height: 24px;
}

.applet-section5 {
    background-color: #ffffff;
}

.applet-sec5-list {
    margin-top: 1.875rem;
    text-align: center;
}

.applet-sec5-list>.con .tit {
    font-size: 1.375rem;
    color: #333333;
    margin: 12px 0;
}

.applet-sec5-list>.con span {
    font-size: 14px;
    color: #666666;
    display: block;
    line-height: 24px;
}

.mall-section6.applet {
    background: url(http://wzzimages.beijingyunpeng.cn/applet-img18.jpg) no-repeat;
    background-size: cover;
}


/* app */

.app-img {
    max-height: 7.5rem !important;
    max-width: 8rem !important;
}

.app-imgBox {
    height: 7.5rem;
    min-height: 90px;
}

.app-container {
    padding: 50px 0;
    margin-top: 2.875rem;
}

.app-container .swiper-slide img {
    transform: scale(1);
}

.app-container .swiper-slide.swiper-slide-active {
    z-index: 2;
}

.app-container .swiper-slide.swiper-slide-active img {
    transform: scale(1.6);
    z-index: 2;
}

.app-container .swiper-button-prev {
    background: url(http://wzzimages.beijingyunpeng.cn/app-jt-l.png) no-repeat center center;
    left: 10px;
    transform: translate3d(0, -150%, 0);
}

.app-container .swiper-button-next {
    background: url(http://wzzimages.beijingyunpeng.cn/app-jt-r.png) no-repeat center center;
    right: 10px;
    transform: translate3d(0, -150%, 0);
}

.app-con {
    z-index: 3;
    width: 150%;
    position: relative;
    background-color: #ffffff;
    border-radius: 10px;
    transform: translate3d(-16.5%, 0, 0);
}

.app-container .swiper-slide .app-con {
    display: none;
}

.app-container .swiper-slide.swiper-slide-active .app-con {
    display: block;
}

.app-con {
    padding: 2.5rem;
}

.app-con .tit {
    font-size: 1.625rem;
    color: #333333;
}

.app-con span {
    font-size: 1rem;
    color: #666666;
    display: inline-block;
    margin: 10px 0 1.5rem 0;
}

.app-con-a {
    text-align: right;
}

.app-con-a a {
    font-size: 1rem;
    color: #333333;
    background: url(http://wzzimages.beijingyunpeng.cn/twoJt.png) no-repeat left center;
    display: inline-block;
    padding-left: 17px;
}

.app-con-a a:hover {
    color: #d6211a;
}

.app-sec3-tit {
    background-color: #f4f4f4;
    font-size: 1.625rem;
    color: #333333;
    height: 3.75rem;
    line-height: 3.75rem;
    margin-top: 1.875rem;
}

.app-border {
    position: relative;
    width: 100%;
    border-bottom: 4px solid #f4f4f4;
    height: 18px;
    margin-bottom: 1.875rem;
}

.app-border img {
    width: 2rem;
    min-width: 24px;
}

.app-sec3-list {
    padding: 0;
}


/* 新闻详情 */

.newContentBox {
    margin-top: 92px;
    padding-top: 6.25rem;
    background-color: #ffffff;
    min-height: 100vh;
}

.new-title {
    font-size: 2.625rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.con-time {
    font-size: 1.375rem;
    color: #333333;
    font-weight: bold;
    margin-bottom: 1.2rem;
}

.con-time span:last-child {
    color: #999999;
}

.new-content {
    border-top: 3px solid #000000;
    padding: 1.875rem 0;
    border-bottom: 1px solid #dddddd;
}

.new-content p {
    line-height: 30px;
}

.new-bottom {
    display: flex;
    padding: 2.5rem 0;
    font-size: 16px;
}

.new-bottom div a {
    color: #666666;
    font-size: 14px;
}

.new-bottom div:last-child {
    margin-left: auto;
}


/* 案例详情 */

.anli-bannerBox {
    position: relative;
    width: 100%;
    background-color: #ffffff;
    padding: 92px 0 0 0;
    height: 100vh;
}

.anli-con {
    position: absolute;
    width: 72%;
    left: 14%;
    opacity: 1;
    top: 50%;
    z-index: 3;
    color: #ffffff;
    transform: translateY(50%);
}


/* .anli-banner{position: fixed;top: 0;left: 0;z-index: -2;} */

.anli-banner {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    position: fixed;
    z-index: 2;
    width: 100%;
    height: 100vh;
}

.left_bar,
.right_bar {
    width: 14%;
    background: #ffffff;
    height: 100%;
    position: absolute;
    top: 0;
    transform: translateX(0);
}

.left_bar {
    left: 0;
}

.right_bar {
    right: 0;
}

.anli-con .tit1 {
    font-size: 2.875rem;
    margin-bottom: 1rem;
}

.anli-con .tit2 {
    font-size: 1rem;
    line-height: 30px;
}

.anli-contentBox {
    /*background-color: #ffffff;*/
    margin: 0 auto;
    position: relative;
    z-index: 2;
    /*padding-top: 100vh;*/
}

.casetxt-ml {
    position: fixed;
    z-index: 8;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 92%;
    height: 70px;
    transition: all 0.6s ease 0s;
    -webkit-transition: all 0.6s ease 0s;
    -moz-transition: all 0.6s ease 0s;
    -o-transition: all 0.6s ease 0s;
}

.ml-but {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 70px;
    height: 70px;
}

.ml-prev {
    left: 8%;
}

.ml-tit {
    left: 0;
    right: 0;
    margin: auto;
}

.ml-next {
    right: 8%;
}

.ml-but small {
    display: block;
    width: 70px;
    height: 70px;
    text-align: center;
    line-height: 70px;
    font-size: 0;
    border-radius: 100%;
    background-color: rgba(0, 0, 0, .4);
    position: absolute;
}

.ml-prev small {
    left: 0;
}

.ml-next small {
    right: 0;
}

.ml-but small img {
    display: inline-block;
    vertical-align: middle;
}

.mlbut-div {
    position: absolute;
    z-index: -1;
    top: 0;
    height: 70px;
    width: 70px;
    line-height: 70px;
    text-align: center;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .4);
    border-radius: 70px;
}

.mlbut-div span {
    font-size: 18px;
    color: #fff;
    text-transform: uppercase;
}

.ml-but .mlbut-div {
    width: 70px;
    opacity: 0;
}

.ml-prev .mlbut-div {
    right: 0px;
    padding-right: 50px;
}

.ml-tit .mlbut-div,
.ml-next .mlbut-div {
    padding-left: 50px;
    left: 0px;
}

.ml-but,
.ml-but small,
.ml-but .mlbut-div {
    transition: all 0.5s ease 0s;
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
}

.ml-buts,
.ml-buts small {
    width: 50px;
    height: 50px;
}

.ml-buts small {
    line-height: 50px;
}

.ml-buts.ml-prev small img,
.ml-buts.ml-next small img {
    width: 20px;
}

.ml-buts.ml-prev .mlbut-div {
    padding-right: 30px;
}

.ml-buts.ml-tit .mlbut-div,
.ml-buts.ml-next .mlbut-div {
    padding-left: 30px;
}

.ml-buts .mlbut-div {
    height: 50px;
    line-height: 50px;
}

.ml-but:hover {
    width: 230px;
}

.ml-but:hover small {
    background-color: #fe0000;
}

.ml-prev:hover small {
    left: 180px;
}

.ml-next:hover small {
    right: 180px;
}

.ml-but:hover .mlbut-div {
    width: 250px;
    opacity: 1;
}

.ml-buts:hover,
.ml-buts:hover .mlbut-div {
    width: 220px;
}

.anli-sec {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 10px 0;
}

.anli-sec img {
    margin: 0 auto;
    display: block;
    /*box-shadow: 0px 0px 50px #f4f4f4;*/
}

.anli-sec:nth-child(odd) {
    /*background-color: #ffffff;*/
}

.anli-sec:nth-child(even) {
    /*background-color: #f4f4f4;*/
}

.anli-sec-last {
    overflow: hidden;
    width: 100%;
    background-attachment: fixed;
    background-position-y: 25%;
    background-repeat: no-repeat;
    background-position-x: 50%;
    background-size: cover;
    position: relative;
    z-index: 2;
    height: 100%;
    max-height: 110vh;
}


/* map */

.map-section {
    width: 100%;
    padding: 120px 0;
    background-color: #f6f6f6;
}

.map-section-box {
    width: 90%;
    margin: 30px auto 0;
}

.map-listBox {
    padding: 0 5px;
}

.map-div {
    display: flex;
    height: 46px;
    line-height: 46px;
    margin-bottom: 10px;
    border: 1px solid #e4e4e4;
}

.map-number {
    width: 25%;
    text-align: center;
    background-color: #e4e4e4;
    border-right: 1px solid #e4e4e4;
    font-size: 16px;
}

.map-title {
    text-align: center;
    width: 75%;
}

.map-title a {
    font-size: 16px;
    color: #000;
}

@media (max-width:1500px) {
    #applty-sec2-con li>.tit {
        font-size: 26px;
    }
    #applty-sec2-con li>.con,
    .applet-sec2-more,
    #applty-sec2-tab li {
        font-size: 14px;
    }
    .applty-iconList>div {
        font-size: 12px;
    }
    #applty-sec2-tab {
        padding-right: 5px;
    }
}