.header1{
    display:none
}
@media only all and (max-width: 768px){
    .header1{
        display:block
    }
}
 header{
    position:fixed;
    top:0;
    left:0;
    background-color:#fff
}
header.headerHeight{
    -webkit-transform:translateY(-120px);
    -moz-transform:translateY(-120px);
    -ms-transform:translateY(-120px);
    -o-transform:translateY(-120px);
    transform:translateY(-120px)
}
@media only all and (max-width: 1440px){
    header.headerHeight{
        -webkit-transform:translateY(-70px);
        -moz-transform:translateY(-70px);
        -ms-transform:translateY(-70px);
        -o-transform:translateY(-70px);
        transform:translateY(-70px)
    }
}
header .logo{
    margin-top:24px
}
@media only all and (max-width: 1440px){
    header .logo{
        margin-top:8px
    }
}
header .logo .logo1{
    display:none
}
header .logo .logo2{
    display:block
}
header nav .item .nav1{
    color:#666;
    padding-top:45px;
    padding-bottom:45px
}
@media only all and (max-width: 1440px){
    header nav .item .nav1{
        padding-top:20px;
        padding-bottom:20px
    }
}
header nav .item .nav1.active{
    color:#000
}
header nav .item .nav1.active .lines{
    opacity:1
}
header nav .item:hover .nav1{
    color:#000
}
header nav .item:hover .nav1 .lines{
    opacity:1
}
.content{
    width:100%;
    background-color:#f2f2f2;
    padding-top:40px;
    padding-bottom:119px;
    margin-top:120px
}
@media only all and (max-width: 1440px){
    .content{
        margin-top:70px;
        padding-bottom:60px
    }
}
@media only all and (max-width: 768px){
    .content{
        margin-top:60px
    }
}
@media only all and (max-width: 414px){
    .content{
        margin-top:55px;
        padding-top:20px;
        padding-bottom:30px
    }
}
.content .content-con{
    width:1400px;
    margin:0 auto
}
@media only all and (max-width: 1440px){
    .content .content-con{
        width:1200px
    }
}
@media only all and (max-width: 1280px){
    .content .content-con{
        width:1000px
    }
}
@media only all and (max-width: 1024px){
    .content .content-con{
        width:770px
    }
}
@media only all and (max-width: 768px){
    .content .content-con{
        width:100%;
        padding-left:10px;
        padding-right:10px;
        -moz-box-sizing:border-box;
        -webkit-box-sizing:border-box;
        -o-box-sizing:border-box;
        -ms-box-sizing:border-box;
        box-sizing:border-box
    }
}
.content .content-con .swiper1{
    width:100%
}
.content .content-con .swiper1 .swiper-slide{
    width:100%
}
.content .content-con .swiper1 .swiper-slide .img{
    width:100%
}
.content .content-con .swiper1 .swiper-slide .text{
    position:absolute;
    font-size:30px;
    line-height:1;
    color:#fff;
    top:39px;
    left:40px
}
@media only all and (max-width: 1440px){
    .content .content-con .swiper1 .swiper-slide .text{
        font-size:24px
    }
}
@media only all and (max-width: 1024px){
    .content .content-con .swiper1 .swiper-slide .text{
        font-size:20px
    }
}
@media only all and (max-width: 414px){
    .content .content-con .swiper1 .swiper-slide .text{
        font-size:16px;
        top:20px;
        left:10px
    }
}
.content .content-con .swiper1 .swiper-button-prev{
    width:29px;
    height:54px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("/assets/img/activityImg/left-arrow.png");
    left:42px;
    margin-top:-27px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    transition:all 0.4s;
    opacity:0.3
}
@media only all and (max-width: 1440px){
    .content .content-con .swiper1 .swiper-button-prev{
        width:20.3px;
        height:37.8px;
        margin-top:-19px;
        left:20px
    }
}
@media only all and (max-width: 414px){
    .content .content-con .swiper1 .swiper-button-prev{
        width:14.5px;
        height:27px;
        margin-top:-13.5px;
        left:10px
    }
}
.content .content-con .swiper1 .swiper-button-prev:hover{
    opacity:0.9
}
.content .content-con .swiper1 .swiper-button-next{
    width:29px;
    height:54px;
    background-size:cover;
    background-repeat:no-repeat;
    background-position:center;
    background-image:url("/assets/img/activityImg/right-arrow.png");
    right:42px;
    margin-top:-27px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    transition:all 0.4s;
    opacity:0.3
}
@media only all and (max-width: 1440px){
    .content .content-con .swiper1 .swiper-button-next{
        width:20.3px;
        height:37.8px;
        margin-top:-19px;
        right:20px
    }
}
@media only all and (max-width: 414px){
    .content .content-con .swiper1 .swiper-button-next{
        width:14.5px;
        height:27px;
        margin-top:-13.5px;
        right:10px
    }
}
.content .content-con .swiper1 .swiper-button-next:hover{
    opacity:0.9
}
.content .content-con .commit-tit{
    font-size:30px;
    line-height:1;
    color:#333;
    margin-top:80px;
    margin-bottom:30px
}
@media only all and (max-width: 1440px){
    .content .content-con .commit-tit{
        font-size:24px;
        margin-top:50px;
        margin-bottom:20px
    }
}
@media only all and (max-width: 1024px){
    .content .content-con .commit-tit{
        font-size:20px;
        margin-top:30px;
        margin-bottom:10px
    }
}
.content .content-con .works .works-con .item{
    font-size:0;
    padding-bottom:60px;
    border-bottom:1px solid rgba(0,0,0,0.1)
}
@media only all and (max-width: 414px){
    .content .content-con .works .works-con .item{
        padding-bottom:30px
    }
}
.content .content-con .works .works-con .item .item-tit{
    width:100%;
    margin-bottom:40px
}
@media only all and (max-width: 414px){
    .content .content-con .works .works-con .item .item-tit{
        margin-bottom:20px
    }
}
.content .content-con .works .works-con .item .item-tit .item-banner{
    width:100%
}
.content .content-con .works .works-con .item .item-con .list{
    width:31%;
    display:inline-block;
    vertical-align:top;
    margin-right:3.5%;
    margin-bottom:40px
}
@media only all and (max-width: 414px){
    .content .content-con .works .works-con .item .item-con .list{
        width:100%;
        margin-right:0;
        margin-bottom:20px
    }
}
.content .content-con .works .works-con .item .item-con .list:nth-child(3n){
    margin-right:0
}
.content .content-con .works .works-con .item .item-con .list .img{
    width:100%;
    overflow:hidden;
    position:relative
}
.content .content-con .works .works-con .item .item-con .list .img .img-con{
    width:100%;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    transition:all 0.4s
}
.content .content-con .works .works-con .item .item-con .list .img .shadows{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    background-color:rgba(0,0,0,0.3);
    opacity:0;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s
}
.content .content-con .works .works-con .item .item-con .list .img .htx{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    padding-left:10px;
    padding-right:10px;
    color:#fff;
    display:-webkit-box;
    display:-webkit-flex;
    display:-moz-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-flex-wrap:wrap;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -webkit-align-items:center;
    -moz-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-align-content:center;
    align-content:center;
    box-sizing:border-box;
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    -ms-transition:all 0.3s;
    transition:all 0.3s;
    opacity:0
}
.content .content-con .works .works-con .item .item-con .list .img .htx em{
    display:block;
    width:100%;
    text-align:center;
    font-size:12px
}
.content .content-con .works .works-con .item .item-con .list .text{
    height:80px;
    overflow:hidden
}
@media only all and (max-width: 1024px){
    .content .content-con .works .works-con .item .item-con .list .text{
        height:40px
    }
}
.content .content-con .works .works-con .item .item-con .list .text .text-con1{
    height:100%;
    width:100%;
    text-align:center;
    background-color:#fff
}
@media only all and (max-width: 768px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con1{
        display:none
    }
}
.content .content-con .works .works-con .item .item-con .list .text .text-con1 .names{
    font-size:16px;
    line-height:30px;
    color:#333;
    padding-top:26px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    width:100%;
    -webkit-transition:all 0.2s;
    -o-transition:all 0.2s;
    -moz-transition:all 0.2s;
    transition:all 0.2s;
    opacity:1
}
@media only all and (max-width: 1440px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con1 .names{
        font-size:14px
    }
}
@media only all and (max-width: 1024px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con1 .names{
        padding-top:6px
    }
}
.content .content-con .works .works-con .item .item-con .list .text .text-con{
    width:100%;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    height:100%;
    background-color:#fff;
    padding-left:30px;
    padding-right:30px;
    position:relative;
    z-index:1;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    transition:all 0.4s
}
@media only all and (max-width: 1024px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con{
        padding-left:10px;
        padding-right:10px
    }
}
.content .content-con .works .works-con .item .item-con .list .text .text-con .names{
    font-size:16px;
    line-height:30px;
    color:#333;
    padding-top:26px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    text-align:center
}
@media only all and (max-width: 1440px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con .names{
        font-size:14px
    }
}
@media only all and (max-width: 1024px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con .names{
        padding-top:6px
    }
}
.content .content-con .works .works-con .item .item-con .list .text .text-con .price{
    font-size:16px;
    line-height:30px;
    font-weight:bold;
    color:#ffc000;
    padding-top:26px
}
@media only all and (max-width: 1440px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con .price{
        font-size:14px
    }
}
@media only all and (max-width: 1024px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con .price{
        padding-top:6px
    }
}
@media only all and (max-width: 768px){
    .content .content-con .works .works-con .item .item-con .list .text .text-con .text-con{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
.content .content-con .works .works-con .item .item-con .list:hover{
    box-shadow:3px 3px 8px #e6e6e6, -3px 3px 8px #e6e6e6
}
.content .content-con .works .works-con .item .item-con .list:hover .img .img-con{
    -webkit-transform:scale(1.02);
    -moz-transform:scale(1.02);
    -ms-transform:scale(1.02);
    -o-transform:scale(1.02);
    transform:scale(1.02)
}
.content .content-con .works .works-con .item .item-con .list:hover .img .shadows{
    opacity:1
}
.content .content-con .works .works-con .item .item-con .list:hover .img .htx{
    opacity:1
}
.content .content-con .works .works-con .item .item-con .list:hover .text .text-con1 .names{
    opacity:0
}
.content .content-con .works .works-con .item .item-con .list:hover .text .text-con{
    -webkit-transform:translateY(-80px);
    -moz-transform:translateY(-80px);
    -ms-transform:translateY(-80px);
    -o-transform:translateY(-80px);
    transform:translateY(-80px)
}
@media only all and (max-width: 1024px){
    .content .content-con .works .works-con .item .item-con .list:hover .text .text-con{
        -webkit-transform:translateY(-40px);
        -moz-transform:translateY(-40px);
        -ms-transform:translateY(-40px);
        -o-transform:translateY(-40px);
        transform:translateY(-40px)
    }
}
@media only all and (max-width: 768px){
    .content .content-con .works .works-con .item .item-con .list:hover .text .text-con{
        -webkit-transform:translateY(0);
        -moz-transform:translateY(0);
        -ms-transform:translateY(0);
        -o-transform:translateY(0);
        transform:translateY(0)
    }
}
.content .content-con .works .works-con .item .more-btn{
    display:block;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    width:180px;
    height:50px;
    line-height:50px;
    background-color:#000;
    color:#fff;
    text-align:left;
    padding-left:19px;
    position:relative;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    transition:all 0.4s;
    margin:0 auto;
    font-size:14px
}
@media only all and (max-width: 1440px){
    .content .content-con .works .works-con .item .more-btn{
        width:150px;
        height:45px;
        line-height:45px;
        padding-left:15px
    }
}
@media only all and (max-width: 414px){
    .content .content-con .works .works-con .item .more-btn{
        font-size:12px;
        width:125px;
        height:40px;
        line-height:40px;
        padding-left:15px
    }
}
.content .content-con .works .works-con .item .more-btn:before{
    position:absolute;
    content:'';
    width:60px;
    height:1px;
    background-color:#ff6d24;
    top:50%;
    right:-21px;
    -webkit-transition:all 0.4s;
    -o-transition:all 0.4s;
    -moz-transition:all 0.4s;
    transition:all 0.4s
}
@media only all and (max-width: 1440px){
    .content .content-con .works .works-con .item .more-btn:before{
        width:50px;
        right:-25px
    }
}
@media only all and (max-width: 414px){
    .content .content-con .works .works-con .item .more-btn:before{
        width:40px;
        right:-20px
    }
}
.content .content-con .works .works-con .item .more-btn:hover:before{
    right:-30px
}
@media only all and (max-width: 414px){
    .content .content-con .works .works-con .item .more-btn:hover:before{
        right:-20px
    }
}
/*# sourceMappingURL=activity.css.map */