/* 公司概况 */
.company-info{
    background: url(/assets/web4/images/about/company-bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin-top: 50px;
    padding-bottom: 150px;
}
.company-info h3{
    font-size: 34px;
    color: #333;
    font-weight: 400; 
    margin-bottom: 30px;
}
.company-info .company-desc{
    font-size: 15px;
    color: #333;
    line-height: 22px;
    /* width:80%; */
}
.company-info .company-image{
    text-align: right;
}
.company-info .company-image img{
    width: 80%;
}
.company-ys{
    background: url(/assets/web4/images/about/company-ys-bg.png) no-repeat;
    background-size: 100% 100%;
    background-position: center;
    margin-bottom: 50px;
}
.company-ys .company-ys-content{
    display: flex;
}
.company-ys .company-ys-content .item{
    background-color: rgb(3 37 101 / 50%);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    min-height: 360px;
    width: 20%;
    justify-content: center;
    flex-direction: column;
    border-right: 1px solid #aaa;
    transition: all 500ms ;
    cursor: pointer;
    padding: 0 20px;
}
.company-ys .company-ys-content .item:last-child{
    border: none;
}
.company-ys .company-ys-content .item img{
    width: 80px;
    /* height: 80px; */
}
.company-ys .company-ys-content .item .two{
    display: none;
}
.company-ys .company-ys-content .item h4{
    color: #fff;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 22px;
}
.company-ys .company-ys-content .item p{
    display: none;
    font-size: 12px;
    color: #FFFFFF;
    font-size: 13px;
}
.company-ys .company-ys-content .item:hover{
    transform: scale(1.2);
    border: none;
    background-color: rgba(1, 23, 63, .9);
    border-radius: 10px;
}
.company-ys .company-ys-content .item:hover .one{
    display: none;
}
.company-ys .company-ys-content .item:hover .two{
    display: block;
}
.company-ys .company-ys-content .item:hover p{
    display: block;
}
.company-lc{
    padding-bottom: 50px;
}
.company-lc h3{
    font-size: 27px;
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}
.company-lc .company-lc-menu{
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
}
.company-lc-menu .menu-content{
    display: flex;
    background-color: #F4F5F8;
    border-radius: 20px;
    padding: 3px;
}
.company-lc-menu .menu-content span{
    padding: 10px 30px;
    cursor: pointer;
    font-weight: 400; 
    color: #333;
    font-size: 18px;
}
.company-lc-menu .menu-content span.active{
    color: #00004f;
    background-color: #fff;
    border-radius: 20px;
    box-shadow: 0 0 5px rgba(0, 0, 0, .2);
}
.company-lc .company-lc-desc{
    margin-bottom: 50px;
}
.company-lc .company-lc-desc p{
    text-align: center;
    font-size: 15px;
    color: #333;
}
.company-lc .company-lc-list .swiper-slide{
    width: 25%;
}
.company-lc .company-lc-list .item{
    padding: 40px 40px;
    position: relative;
}
.company-lc .company-lc-list .item p{
    font-size: 15px;
}
.company-lc .company-lc-list .item::before{
    content: '';
    background: url(/assets/web4/images/about/sj1.png) no-repeat;
    background-size: 100%;
    width: 20px;
    height: 20px;
    top: 5px;
    left: 50px;
    position: absolute;
}
.company-lc .company-lc-list .item h4{
    margin-bottom: 10px;
    font-size: 22px;
    color: #333;
}
.company-lc .company-lc-list .swiper-slide-active .item::before{
    background: url(/assets/web4/images/about/sj2.png) no-repeat;
    background-size: 100%;
}
.company-lc .company-lc-list .swiper-slide-active .item p{
    color: #00004f;
}
.company-lc .company-lc-list .swiper-slide-active .item h4{
    color: #00004f;
}
.company-lc  .swiper-button-prev, .company-lc .swiper-button-next{
    top: 22px;
    width: 28px;
    height: 28px;
    background-size: 100%;
}
.company-lc  .swiper-button-prev{
    background-image: url(/assets/web4/images/about/left.png);
    left: 0;
}
.company-lc  .swiper-button-next{
    background-image: url(/assets/web4/images/about/right.png);
    right: 0;
}
.company-lc .swiper-button-next.swiper-button-disabled{
    background-image: url(/assets/web4/images/about/right-disable.png);
    opacity: 1;
}
.company-lc .swiper-button-prev.swiper-button-disabled{
    background-image: url(/assets/web4/images/about/left-disable.png);
    opacity: 1;
}
.zhou{
    height: 1px;
    background-color: #eee;
    width: 100%;
    margin-bottom: -15px;
}
.company-yyzz{
    background-color: #F9FAFC;
    padding: 50px 0;
}
.company-yyzz h3{
    text-align: center;
    font-size: 27px;
    color: #333;
    margin-bottom: 30px;
}
.company-yyzz .swiper-slide{
    width: 25%;
}
.company-yyzz .swiper-slide .item {
    text-align: center;
    cursor: pointer;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    min-height: 180px;
    transition: all 500ms;
    padding: 50px 0;
}
.company-yyzz .swiper-slide .item p{
    font-size: 15px;
    color: #333;
}

.company-yyzz .swiper-slide .item:hover{
    color: #00004f;
    transform: scale(1.3);
}
.company-yyzz .swiper-slide .item img{
    width: 60%;
    margin-bottom: 10px;
}
.company-yyzz .swiper-container{
    background:url(/assets/web4/images/about/zjdz.png) no-repeat;
    background-size: 100%;
    background-position: bottom;
    margin: 0 50px;
}
.company-yyzz-content{
    position: relative;
}

.company-yyzz .swiper-button-prev{
    background-image: url(/assets/web4/images/home/product-btn-left.png);
    left: ;
}
.company-yyzz .swiper-button-next{
    background-image: url(/assets/web4/images/home/product-btn-right.png);
}
.company-menu{
    padding:50px 0;
}
.company-menu .item{
    display: flex;
    justify-content: center;
    align-items: center;
}
.company-menu .item img{
    width: 80px;
    /* height:70px; */
    margin-bottom: 20px;
}
.company-menu .item img:hover{
    animation-name: jump;
  animation-duration: 1s;
}

@keyframes jump {
    0% {
      transform: rotateY(0) ;
    }
    50% {
      transform: rotateY(180deg); 
    }
    100% {
      transform: rotateY(0) ; 
    }
  }
.company-menu .item h3{
    font-size: 18px;
    color: #000;
    text-align: center;
}
.company-menu .item:hover h3{
    color: #00004f;
}
.company-menu a:hover{
    text-decoration: none;
}
.huibox{
    width: 750px;
}
.join-menu{
    margin-bottom: 50px;
    width: 100%;
    background-color: #fff;
    z-index: 100;
}
.join-menu.isStuck{
    border-bottom:1px solid #eee;
}
.join-menu ul{
    border-bottom:1px solid #eee;
    display: flex;
    margin: 0;
    padding: 0;
}
.join-menu ul li a{
    padding: 20px;
    font-size: 18px;
    color: #333;
    display: inline-block;
}
.join-menu ul li.active{
    border-bottom: 2px solid #00004f;
}
.join-menu ul li.active a{
    font-weight: 400; 
    color: #00004f;
}
.join-menu ul li a:hover{
    font-weight: 400; 
    color: #00004f;
    text-decoration: none;
}
.join-info .title{
    font-size: 34px;
    font-weight: 400; 
    color: #333;
    margin-bottom: 30px;
    text-align: center;
}
.join-cz{
    background: url(/assets/web4/images/about/join-cz-banner.png) no-repeat;
    background-size: 100%;
    padding: 50px 0;
    margin: 50px 0;
    height: 500px;
    margin-bottom: 350px;
}
.join-cz-info{
    margin-bottom: 50px;
}
.join-cz .title{
    font-size: 27px;
    font-weight: 400; 
    margin-bottom: 30px;
    text-align: center;
    color: #fff;
}
.join-cz .desc{
    text-align: center;
    color: #fff;
    font-size: 15px;
    line-height: 30px;
}
.join-cz-tuwen{
    display: flex;
}
.join-cz-tuwen .cz-tuwen-image{
    width: 50%;
    margin-top: 80px;
    z-index: 2;
    position: relative;
}
.join-cz-tuwen .cz-tuwen-image img{
    width: 100%;
    opacity: 0;
    transition: all .5s;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 20px;
}
.join-cz-tuwen .cz-tuwen-image img.active{
    opacity: 1;
}
.join-cz-tuwen .cz-tuwen-text{
    width: 50%;
    background-color: #F6F7F9;
    padding: 80px 30px 80px 100px;
    border-radius: 10px;
    margin-left: -60px;
    min-height: 500px;
}
.join-cz-tuwen .cz-tuwen-text h4{
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 40px;
    color: #333;
    cursor: pointer;
    font-weight: normal;
    transition: all .5s;
    position: relative;
    z-index: 1;
}
.join-cz-tuwen .cz-tuwen-text p{
    color: #333;
    font-size: 15px;
    height: 0px;
    transition: all .5s;
    opacity: 0;
}
.join-cz-tuwen .cz-tuwen-text .active h4{
    color: #333;
    font-weight: 400; 
    font-size: 22px;
    font-weight: 400;
}
.join-cz-tuwen .cz-tuwen-text .active p{
    height: 60px;
    opacity: 1;
}
.tuwen-item{
    margin-bottom: 10px;
}
.join-fl {
    margin-bottom: 100px;
}
.join-fl .join-fl-info {
    margin-bottom: 50px;
}
.join-fl .join-fl-info h3{
    color: #333;
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center;
    font-weight: 400; 
}
.join-fl .join-fl-info p{
    color: #333;
    font-size: 15px;
    text-align: center;
}
.join-fl-list{
    background:url(/assets/web4/images/about/fuli-banner.png) no-repeat;
    background-size: cover;
    padding: 80px 0;
}
.join-fl-list .item{
    text-align: center;
    padding: 0 30px;
}
.join-fl-list .item img{
    width: 100px;
    height: 85px;
    margin-bottom: 20px;
}
.join-fl-list .item  h4{
    color: #fff;
    font-size: 20px;
    margin-bottom: 20px;
}
.join-fl-list .item .fuli-content{
    display: flex;
    flex-wrap: wrap;
}
.join-fl-list .item .fuli-content p{
    width: 50%;
    color: #fff;
    font-size: 15px;
}
.join-work{
    margin-bottom: 100px;
}
.join-work .container{
    display: flex;
}
.join-work .join-work-left,.join-work .join-work-right{
    width: 50%;
}
.join-work .join-work-left img{
    width: 100%;
}
.join-work .join-work-right{
    position: relative;
}
.join-work .work-text{
    position: absolute;
    top: 40px;
    left: 0;
    background-color: #F4F5F7;
    width: 200%;
    padding: 50px;
}
.join-work .work-text h3{
    color: #333;
    font-size: 27px;
    margin-bottom: 30px;
}
.join-work .work-text h4{
    font-size: 22px;
    color: #333;
    margin-bottom: 10px;
}
.join-work .work-text p{
    width: 400px;
    color: #333;
    font-size: 15px;
}
.join-life{
    margin-bottom: 100px;
}
.join-life .title{
    color: #333;
    font-size: 27px;
    margin-bottom: 30px;
    text-align: center;
}
.join-life .desc{
    color: #333;
    font-size: 15px;
    text-align: center;
}
.join-life .join-life-list{
    margin-top: 50px;
}
.join-life .join-life-list .item img{
    width: 100%;
}
.join-life .join-life-list .item{
    position: relative;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer;
}
.join-life .join-life-list .item .item-text{
    position: absolute;
    width: 100%;
    height: 100%;
    color: #fff;
    top: 580px;
    left: 50%;
    transform: translate(-50%,-50%);
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background-color: rgba(0, 0, 0, .8);
    opacity: 1;
    transition: all 1s ease-in-out;
}
.join-life .join-life-list .item:hover .item-text{
    top: 50%;
}
.join-life .join-life-list .item .item-text h4{
    font-size: 22px;
    font-weight: 400; 
    margin-bottom: 20px;
}
.join-life .join-life-list .item .item-text p{
    font-size: 15px;
    line-height: 32px;
}
.join-us{
    position: relative;
}
.join-us img{
    width: 100%;
}
.join-us .content{
    position: absolute;
    top: 50%;
    left: 50%;
    width: 90%;
    text-align: center;
    transform: translate(-50%,-50%);
}
.join-us .content h3{
    color: #fff;
    font-size: 38px;
    margin-bottom: 30px;
}
.join-us .content p{
    font-size: 18px;
    line-height: 40px;
    color: #fff;
}
.join-us .content a{
    margin-top: 50px;
    font-size: 18px;
    padding: 10px 50px 10px 30px;
    background-color: #00004f;
    border-radius: 20px;
    position: relative;
    border: none;
    display: inline-block;
    color: #fff;
}
.join-us .content a::after{
    position: absolute;
    top: 20px;
    right: 20px;
    content: '';
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #fff;
    transition: all .5s;
}
.join-us .content a:hover{
    text-decoration: none;
    background-color: #213D95;
}
.join-us .content a:hover::after{
    position: absolute;
    content: '';
    top: 6px;
    right: 5px;
    width: 33px;
    height: 33px;
    background: url(/assets/web4/images/home/banner-btn.png) no-repeat;
    background-size: 100%;
}
.join-video{
    width: 100%;
    /* display: none; */
}
.values-tuwen .cz-tuwen-image{
    margin-left: -50px;
}
.values-tuwen  .cz-tuwen-text{
    padding: 80px 100px 80px 30px;
}
.values-cz{
    background: url(/assets/web4/images/about/values-tuwen-bg.png) no-repeat;
    background-size: 100%;
}
.bigimg .zg{
    position: absolute;
    height: 99.5%;
    width: 100%;
    background-color: rgb(0 0 79 / 25%);
    z-index: 1;
    top: 0;
}
.bigimgtxt p{
    font-size: 22px;
    margin-bottom: 30px;
    margin-top: -10px;
}
.guangaoflex h3{
    font-weight: 400;
    font-size: 22px;
    z-index: 1;
    padding-left: 40px;
    margin-bottom: 40px;
}
.values-info-box .guangaoflextit{
    margin-bottom: 20px;
}
.values-cz .join-cz-info{
    margin-top: 80px;
    margin-bottom: 80px;
}
.company-menu .item a{
    text-align: center;
    display: inline-block;
}
.join-banner-btn{
    position: absolute;
    bottom: 50px;
    left: 50%;
    transform: translate(-50%,0);
    z-index: 2;
}
.join-banner-btn button{
    position: relative;
    border: 1px solid #fff;
    font-size: 15px;
    border-radius: 20px;
    padding: 8px 40px 8px 25px;
    margin-top: 20px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    background: unset;
}
.join-banner-btn button::after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    position: absolute;
    top: 15px;
    right: 15px;
    background-color: #fff;
    transition: all 500ms;
}
.join-banner-btn button:hover::after {
    top: 6px;
    right: 7px;
    width: 27px;
    height: 27px;
    background: url(/assets/web4/images/btn-jiantou-b.png) no-repeat;
    background-size: 100%;
}
.smart-box{
    position: fixed;
    top: 50%;
    left: 50%;
    display: none;
    padding: 20px;
    background-color: #fff;
    border-radius: 20px;
    transform: translate(-50%,-50%);
    z-index: 10000;
}
.smart-box .smart-video{
    width: 800px;
    /* height: 150px; */
}
.smart-main{
    position: relative;
}
.smart-main img{
    position: absolute;
    top: -20px;
    right: -20px;
    width: 30px;
    height: 30px;
    cursor: pointer;
}
.join-banner-title span{
    display: inline-block;
    margin: 0 30px;
}
.values-tuwen .cz-tuwen-text{
    margin-left: 30px;
}
@media(max-width:1280px) {
    .join-cz-tuwen .cz-tuwen-text .active p{
        height: 100px;
    }
    .company-ys .company-ys-content .item h4{
        font-size: 18px;
    }
    .company-ys .company-ys-content .item p{
        font-size: 12px;
    }

}
@media(max-width:992px) {
    .join-menu ul li a{
        font-size: 14px;
        padding: 10px 20px;
    }
    .join-cz-tuwen .cz-tuwen-text{
		padding: 20px 20px 20px 80px;
        min-height: 400px;
	}
    .join-fl-list .item{
        margin-bottom: 20px;
    }
    .join-work .container{
        flex-direction: column;
    }
    .join-work .join-work-left, .join-work .join-work-right{
        width: 100%;
    }
    .join-work .work-text{
        width: 100%;
        position: static;
    }
    .join-life .join-life-list .item .item-text h4{
        font-size: 16px;
        margin-bottom: 10px;
    }
    .join-life .join-life-list .item .item-text p{
        font-size: 12px;
        line-height: 24px;
        padding: 0 5px;
    }
    .join-us .content h3{
        font-size: 30px;
    }
    .join-us .content p{
        font-size: 16px;
        line-height: 32px;
    }
    .join-us .content a{
        margin-top: 20px;
    }
    .bigimgtxt > div:nth-child(1){
        font-size: 26px;
    }
    .company-ys .company-ys-content .item{
        min-height: 250px;
        padding: 0 10px;
    }
    .company-ys .company-ys-content .item img{
        width: 50px;
    }
    .company-ys .company-ys-content .item h4{
        font-size: 16px;
        margin-top: 10px;
    }
    .company-ys .company-ys-content .item p{
        font-size: 12px;
    }
    .company-info .company-desc{
        margin-bottom: 20px;
        font-size: 12px;
    }
    .company-info .company-image img{
        width: 100%;
    }
    .company-info{
        padding-bottom: 30px;
    }
    .values-cz .cz-tuwen-text{
        padding: 40px 80px 40px 20px;
    }
    .join-cz{
        margin-bottom: 250px;
    }
    .join-cz-tuwen .cz-tuwen-text p{
        font-size: 12px;
    }
    .join-cz-tuwen .cz-tuwen-text .active p{
        height: 80px;
    }
    .values-tuwen .cz-tuwen-image{
        /* margin: 0; */
    }
    .join-cz-tuwen .cz-tuwen-text h4{
        line-height: 22px;
    }
    .join-cz-tuwen .cz-tuwen-text .active h4{
        font-size: 16px;
    }
}
@media(max-width:768px) {
    .join-us .content p{
        font-size: 14px;
    }
    .company-info{
        padding-bottom: 30px;
    }
    .company-info h3{
        font-size: 24px;
    }
    .company-info .company-desc{
        width: 100%;
        margin-bottom: 20px;
    }
    .company-ys .company-ys-content{
        flex-wrap: wrap;
        justify-content: center;
    }
    .company-ys{
        background-image: unset;
    }
    .company-ys{
        background: url(/assets/web4/images/about/company-ys-bg_h5.png) no-repeat;
        background-size: 100% 100%;
    }
    .company-ys .company-ys-content .item{
        width: 100%;
        min-height:unset;
        padding: 20px 10px;
        background-color:rgba(7, 30, 119, 0.8);
        flex-direction: row;    
        flex-wrap: nowrap;  
        border:none ;
    }
    .company-ys .company-ys-content .item:nth-child(even){
        background-color:rgba(7, 30, 119, 0.1);
    }
    .company-ys .company-ys-content .item p{
        display: block;
    }
    .company-ys .company-ys-content .item .text{
        margin-left: 10px;
    }
    .company-ys .container{
        padding: 0;
    }
    .company-lc .company-lc-desc p{
        font-size: 12px;
    }
    .company-lc .company-lc-list .swiper-slide{
        width: 100%;
    }
    .company-lc h3{
        font-size: 24px;
    }
    .company-yyzz .swiper-slide{
        width: 100%;
    }
    .company-yyzz .swiper-slide .item:hover{
        transform: scale(1);
    }
    .company-ys .company-ys-content .item:hover{
        transform: scale(1);
    }
    .company-menu .item img{
        width: 50px;
    }
    .company-menu .item h3{
        font-size: 14px;
    }
    .bigimgtxt>div:nth-child(1){
        text-align: center;
    }
    .join-info .title{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .join-menu{
        margin-bottom: 30px;
    }
    .join-cz .title{
        font-size: 28px;
    }
    .join-cz{
        background-position: center;
        background-size: cover;
    }
    .join-cz .desc{
        font-size: 14px;
    }
    .join-cz-tuwen{
        flex-direction: column;
    }
    .join-cz-tuwen .cz-tuwen-image{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 20px;
    }
    .join-cz-info{
        margin-bottom: 20px;
    }
    .join-cz-tuwen .cz-tuwen-text{
        width: 100%;
        margin: 0;
    }
    .join-cz-tuwen .cz-tuwen-text{
        padding: 20px;
        height: auto;
        margin-top: 20px;
    }
    .join-cz-tuwen .cz-tuwen-text h4{
        font-size: 18px;
    }
    .join-cz-tuwen .cz-tuwen-text p{
        font-size: 12px;
    }
    .join-cz-tuwen .cz-tuwen-text li{
        font-size: 16px;
    }
    .join-fl .join-fl-info h3{
        font-size: 28px;
    }
    .join-fl .join-fl-info p{
        font-size: 14px;
        padding: 0 10px;
        line-height: 28px;
        text-align: center;
    }
    .join-fl-list .item img{
        width: 80px;
        height: 70px;
        margin-bottom: 10px;
    }
    .join-fl-list{
        padding: 30px 0;
    }
    .join-fl-list .item{
        padding: 0 0;
        margin-bottom: 20px;
    }
    .join-fl-list .item h4{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .join-fl-list .item .fuli-content p{
        font-size: 12px;
    }
    .join-work .container{
        flex-direction:column;
    }
    .join-work .join-work-left, .join-work .join-work-right{
        width: 100%;
    }
    .join-work .join-work-left{
        margin-bottom: 10px;
    }
    .join-work .work-text{
        padding: 10px;
        position: unset;
        width: 100%;
    }
    .join-work .work-text h3{
        font-size: 24px;
        margin-bottom: 10px;
    }
    .join-work .work-text h4{
        font-size: 18px;
    }
    .join-work .work-text p{
        width: 100%;
        font-size: 14px;
    }
    .join-work{
        margin-bottom: 30px;
    }
    .join-life .title{
        font-size: 28px;
        margin-bottom: 10px;
    }
    .join-life .desc{
        font-size: 14px;
        line-height: 24px;
    }
    .join-life .join-life-list .item{
        margin-bottom: 20px;
    }
    .join-menu{
        overflow: auto;
    }
    .join-menu ul{
        width: 800px;
    }
    .join-cz{
        margin-top: 20px;
        height: 750px;
    }
    .join-fl{
        margin: 30px;
    }
    .join-life{
        margin-bottom: 30px;
    }
    
    .join-life .join-life-list .item .item-text h4{
        font-size: 20px;
        margin-bottom: 10px;
    }
    .join-life .join-life-list .item .item-text p{
        font-size: 15px;
        line-height: 32px;
        padding: 0 5px;
    }
    /* .join-us img{
        width: 300%;
    } */
    .join-us img:first-child{
        display: none;
    }
    .join-us .content{
        width: 80%;
    }
    .join-banner-title span{
        font-size: 16px;
        margin: 0 10px;
    }
    .join-banner-btn{
        bottom: 20px;
    }
    .join-banner-btn button{
        font-size: 12px;
        padding: 5px 30px 5px 20px;
    }
    .join-banner-btn button::after{
        width: 5px;
        height: 5px;
        top: 11px;
        right: 12px;
    }
    .join-banner-btn button:hover::after{
        top: 3px;
        right: 3px;
        width: 20px;
        height: 20px 
    }
    .values-cz .join-cz-info{
        margin: 20px 0;
    }
    .values-cz{
        height: 600px;
        margin-top: 20px;
    }
    .join-cz-tuwen .cz-tuwen-image{
        height: 190px;
    }
    .smart-box .smart-video{
        width: 100%;
    }
    .smart-box{
        width: 90%;
        z-index: 10000;
    }
    .join-banner-btn{
        display: none;
    }
    .values-tuwen .cz-tuwen-image{
        margin-left: 0;
    }
}