*{margin: 0; padding: 0;}
li{list-style:none;}
a{text-decoration: none;}
h1,h2,h3,h4,h5,h6{margin: 0;}
a:hover{text-decoration: none;}
a:link{text-decoration: none;}
a:visited{text-decoration: none;}
body{box-sizing: border-box;font-family: Source Han Sans CN;}
i{font-style: normal;}

#bot {
    width: 3.77rem;
    height: 9.41rem;
    position: absolute;
    top: 17.22rem;
    right: 0;
    background: url(../img/d.png) no-repeat;
    background-size: 100% 100%;
}

/*banner部分*/
#banner{width: 100%;height: 10rem;position: relative;display: flex;flex-direction: row;justify-content: center;align-items: center;overflow: hidden;margin-bottom: 1.4rem;}
#banner>img{width: 100%;height: auto;}

#bncircle{width: 6.57rem;height: 6.57rem;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;top: 1.5rem;left: 0.1rem;z-index: 1;}
#bncircle>img{width: 6.57rem;height: 6.57rem;}

#bnwz{width: 11.69rem;height: 3.4rem;position: absolute;display: flex;flex-direction: row;justify-content: center;align-items: center;top:2.75rem;left:2.37rem;z-index: 2;}
#bnwz>img{width: 11.69rem;height: 3.4rem;}

#hengfu{width: 16.75rem;height: 1.12rem;background: url(../img/bnblock.png) no-repeat;background-size: contain;position: absolute;top:6.6rem;right:0rem;z-index: 2;}
#hengfu>p{width:100%;height:100%;text-align: left;color: #FFFFFF;font-size: 0.45rem;line-height: 1.12rem;}

/*第一块轮播图*/

#container{margin: 0 auto;width: 16.9rem;height: 9.35rem; position: relative;}
#swiperbox1{margin: 0 auto;width: 16rem;height: 7.35rem;}
#photoswiper .swiper-button-prev{top:-1.5rem;}
#photoswiper .swiper-button-next{top:-1.5rem;}

#photo_btn{margin: auto;margin-top:0.5rem;width: 1.96rem;height: 0.68rem;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#photo_btn>div>img{width: 0.14rem;height: 0.23rem;}
#photo_btn_left{width: 0.68rem;height: 0.68rem;background: #E50000;border-radius: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;}
#photo_btn_right{width: 0.68rem;height: 0.68rem;background: #E50000;border-radius: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;}
.disabled{box-shadow: 0 0 10px rgba(0, 0, 0, .2);background: #FFFFFF !important;}

.bianjiao{width: 2.99rem;height: 2.18rem;}
#left_bottom{left:0;bottom: 2.44rem;background: url(../img/left_bottom.png) no-repeat;background-size: contain;position: absolute;}
#right_top{right: 0;top: 0.44rem;background: url(../img/right_top.png) no-repeat;background-size: contain;position: absolute;}
#swiperbox1 .swiper-container {
    width: 100%;
    height: 7.35rem;
}
#swiperbox1 .swiper-slide {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}
#swiperbox1 .swiper-slide img {
    max-width: 100%;
    max-height: 100%;
    object-fit: cover;
}

.swp1_text{
    position: absolute;
    width: 9.37rem;
    height: 1.22rem;
    bottom: -0.01rem;
    left: 2.48rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: contain;
    font-size: 0.32rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 1.22rem;
    padding: 0 0.36rem;
    display: none;
}

/* 现场风采 */
.more{
    width: 100%;
    display: flex;
}
.more a{
    width: 2rem;
    background-color: #E50000;
    color: #fff;
    font-size: 0.2rem;
    display:inline;
    margin: 0 auto;
    padding: 0.1rem 0.2rem;
    margin-top: 0.8rem;
    text-align: center;
}
#site_charm {
    position: relative;
    margin: 0 1.6rem;
    margin-bottom: 1.6rem;
}

#site_charm .topic img {
    max-width: 3.82rem;
    max-height: 1.52rem;
}

#site_charm .topic {
    width: 3.82rem;
    height: 1.52rem;
}

#site_charm .video {
    position: relative;
}

#site_charm .video .topic img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

#site_charm .video .title {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: .78rem;
}

#site_charm .video .title .left {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_left.png) no-repeat;
    background-size: 100%;
}

#site_charm .video .title .center {
    width: 6.17rem;
    height: 0.92rem;
    background: #E50000;
    position: absolute;
    top: .21rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: .46rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #FFFFFF;
    line-height: .92rem;
}

#site_charm .video .title .right {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_right.png) no-repeat;
    background-size: 100%;
    margin-top: .83rem;
}

#site_charm .video .video_centent {
    width: 100%;
    margin-top: .63rem;
    display: flex;
    justify-content: space-between;
}

#site_charm .video .video_centent .video_left {
    width: 9rem;
    height: 8.21rem;
    overflow: hidden;
}

#site_charm .video .video_centent .video_left_top {
    width: 9rem;
    height: 6rem;
    margin-bottom: .5rem;
    position: relative;
}

#site_charm .video .video_centent .video_left .video_left_top img {
    max-width: 100%;
    max-height: 100%;
    /* object-fit: cover; */
}

#site_charm .video .video_centent .video_left .video_left_bottom {
    width: 9rem;
    height: 1.2rem;
    background: url(../img/xcfc1.png) no-repeat;
    background-size: 100% 100%;
    font-size: 0.28rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    padding-left: 0.68rem;
    display: flex;
    align-items: center;
    position: absolute;
    bottom: 0;

}

#site_charm .video_right {
    width: 6.8rem;
    display: flex;
    flex-wrap:wrap;
    justify-content: space-around;
}

.video_small{width: 3.3rem;height: 4.02rem;position: relative;}

.video_small>img {
    width: 3.3rem;
    height: 4.02rem;
    object-fit: cover;
}

.bofang {
    width: .81rem;
    height: .81rem;
    background: url(../img/bofang.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    cursor: pointer;
}

#site_charm .video .jiao {
    width: 2.99rem;
    height: 2.18rem;
    background: url(../img/video-jiao.png) no-repeat;
    position: absolute;
    right: -0.2rem;
    bottom: -0.4rem;
    background-size: cover;
}

footer {
    overflow: hidden;
    padding: 0 1.60rem;
    background: url(../img/footer-bg.png) no-repeat;
    background-size: 100%;
    margin-top: -0.02rem;
}

footer .topbox {
    height: 1.69rem;
    box-sizing: border-box;
    border-bottom: 0.01rem solid #59616D;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

footer .topbox p {
    font-size: 0.18rem;
    color: #fff;
}

footer .topbox p a {
    font-size: 0.18rem;
    color: #fff;
    margin: 0.05rem;
}

footer .topbox .icon {}

footer .topbox .icon img {
    width: 0.48rem;
    height: auto;
}

footer .botbox {
    height: 0.97rem;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}

footer .botbox p {
    font-size: 0.16rem;
    color: #fff;
}

#shadowbox {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1000;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.8);
    justify-content: center;
    align-items: center;
}
.playModal{
    width: 70%;
    max-height: 5rem;
    background-color: #000;
    margin-top: -2rem;
}
.playModal .videoPlay{
    width: 100%;
    height: 100%;
}
.playModal .closeModal{
    width: 100%;
    height: 0.4rem;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    cursor: pointer;
    margin-top: -0.3rem;
}

.playModal .closeModal img{ width: 0.4rem;height: 0.4rem;}

#inspiring{
    position: relative;
    margin: 0 1.6rem;
}
#inspiring .lz .title {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: .78rem;
}

#inspiring .lz .title .left {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_left.png) no-repeat;
    background-size: 100%;
}

#inspiring .lz .title .center {
    width: 6.17rem;
    height: 0.92rem;
    background: #E50000;
    position: absolute;
    top: .21rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: .46rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #FFFFFF;
    line-height: .92rem;
}

#inspiring .lz .title .right {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_right.png) no-repeat;
    background-size: 100%;
    margin-top: .83rem;
}

#inspiring .lz .content {
    width: 16.95rem;
    height: 100%;
    position: relative;
    display: flex;
    overflow: auto;
    margin-top: 0.4rem;
    margin-bottom: 2rem;
}

#inspiring .lz .content .character {
    width: 5.25rem;
    height: 5.5rem;
    position: relative;
}

#inspiring .lz .content .character2 {
    width: 5.25rem;
    height: 5.5rem;
    position: relative;
}

#inspiring .lz .content .character3 {
    width: 5.25rem;
    height: 5.5rem;
    position: relative;
}


#inspiring .lz .content .character .character_bot {
    width: 5.22rem;
    height: 3.22rem;
    background: url(../img/character1.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
}

#inspiring .lz .content .character2 .character_bot {
    width: 5.22rem;
    height: 3.22rem;
    background: url(../img/character2.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
}

#inspiring .lz .content .character3 .character_bot {
    width: 5.22rem;
    height: 3.22rem;
    background: url(../img/character3.png);
    background-size: 100% 100%;
    position: absolute;
    bottom: 0;
}

#inspiring .lz .content .character img {
    width: 2.9rem;
    height: 4.52rem;
    z-index: 2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}


#inspiring .lz .content .character2 img {
    width: 4.52rem;
    height: 2.9rem;
    z-index: 2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#inspiring .lz .content .character3 img {
    width: 4.52rem;
    height: 2.9rem;
    z-index: 2;
    display: block;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

#dragswipter{height: 6.4rem;}
#dragswipter .swiper-scrollbar{bottom: 0rem !important;}
.swiper-scrollbar-drag {
    background: #e50000;
}

/* 高清图片 */

#definition_Pictures {
    position: relative;
    margin: 0 1.6rem;
    margin-bottom: 0rem;
}
#definition_Pictures .gqtp .title {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: .78rem;
}

#definition_Pictures .gqtp .title .left {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_left.png) no-repeat;
    background-size: 100%;
}

#definition_Pictures .gqtp .title .center {
    width: 6.17rem;
    height: 0.92rem;
    background: #E50000;
    position: absolute;
    top: .21rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: .46rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #FFFFFF;
    line-height: .92rem;
}

#definition_Pictures .gqtp .title .right {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_right.png) no-repeat;
    background-size: 100%;
    margin-top: .83rem;
}

#definition_Pictures .gqtp .content {
    margin-top: 1.11rem;
    display: flex;
    justify-content: space-between;
}

#definition_Pictures .gqtp .content .tp_left {
    width: 7.9rem;

}

#definition_Pictures .gqtp .content .tp_left_top {
    width: 7.9rem;
    height: 4.52rem;
    position: relative;
}

#definition_Pictures .gqtp .content .tp_left_top img {
    width: 7.9rem;
}

#definition_Pictures .gqtp .content .tp_left .tp_left_top .tp_text {
    width: 100%;
    height: 0.84rem;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 0.84rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 0 .36rem;
}

#definition_Pictures .gqtp .content .tp_left_bot {
    width: 7.9rem;
    height: 4.52rem;
    display: flex;
    justify-content: space-between;
}

#definition_Pictures .gqtp .content .tp_left_bot .tp_left_bot_left {
    width: 3.82rem;
    height: 4.52rem;
    position: relative;
}

#definition_Pictures .gqtp .content .tp_left_bot .tp_left_bot_left img {
    width: 3.82rem;
}

#definition_Pictures .gqtp .content .tp_left .tp_left_bot_left .tp_text {
    width: 3.82rem;
    height: 0.84rem;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 0.84rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 0 .36rem;
}

#definition_Pictures .gqtp .content .tp_left .tp_left_bot_right {
    width: 3.82rem;
    height: 4.52rem;
    position: relative;
}

#definition_Pictures .gqtp .content .tp_left_bot .tp_left_bot_right img {
    width: 3.82rem;
    height: 4.52rem;
}

#definition_Pictures .gqtp .content .tp_left .tp_left_bot_right .tp_text {
    width: 3.82rem;
    height: 0.84rem;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 0.84rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 0 .36rem;
}


#definition_Pictures .gqtp .content .tp_right {
    width: 7.9rem;

}

#definition_Pictures .gqtp .content .tp_right_bot {
    width: 7.9rem;
    height: 4.52rem;
    position: relative;
}

#definition_Pictures .gqtp .content .tp_right_bot img {
    width: 7.9rem;
}

#definition_Pictures .gqtp .content .tp_right .tp_right_bot .tp_text {
    width: 100%;
    height: 0.84rem;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 0.84rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 0 .36rem;
}

#definition_Pictures .gqtp .content .tp_right_top {
    width: 7.9rem;
    height: 4.52rem;
    display: flex;
    justify-content: space-between;
}

#definition_Pictures .gqtp .content .tp_right_top .tp_right_top_left {
    width: 3.82rem;
    height: 4.52rem;
    position: relative;
}

#definition_Pictures .gqtp .content .tp_right_top .tp_right_top_left img {
    width: 3.82rem;
}

#definition_Pictures .gqtp .content .tp_right .tp_right_top_left .tp_text {
    width: 3.82rem;
    height: 0.84rem;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 0.84rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 0 .36rem;
}

#definition_Pictures .gqtp .content .tp_right .tp_right_top_right {
    width: 3.82rem;
    height: 4.52rem;
    position: relative;
}

#definition_Pictures .gqtp .content .tp_right_top .tp_right_top_right img {
    width: 3.82rem;
    height: 4.52rem;
}

#definition_Pictures .gqtp .content .tp_right .tp_right_top_right .tp_text {
    width: 3.82rem;
    height: 0.84rem;
    font-size: 0.22rem;
    font-family: Source Han Sans CN;
    color: #FFFFFF;
    line-height: 0.84rem;
    background: url(../img/text_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 99;
    padding: 0 .36rem;
}

/* 精彩创作 */
#Boutique_creation {
    position: relative;
    margin: 0 1.6rem;
    margin-top: 1rem;
    z-index: 99;
    height: 17.2rem;
}

#Boutique_creation .topic img {
    max-width: 3.82rem;
    max-height: 1.52rem;
}

#Boutique_creation .topic {
    width: 3.82rem;
    height: 1.52rem;
}

#Boutique_creation .title {
    width: 100%;
    position: relative;
    display: flex;
    justify-content: space-between;
    margin-top: .18rem;
}

#Boutique_creation .title .left {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_left.png) no-repeat;
    background-size: 100%;
}

#Boutique_creation .title .center {
    width: 6.17rem;
    height: 0.92rem;
    background: #E50000;
    position: absolute;
    top: .21rem;
    left: 50%;
    transform: translate(-50%, 0);
    text-align: center;
    font-size: .46rem;
    font-family: AlibabaPuHuiTi_2_75_SemiBold;
    color: #FFFFFF;
    line-height: .92rem;
}

#Boutique_creation .title .right {
    width: 5.8rem;
    height: 0.49rem;
    background: url(../img/title_right.png) no-repeat;
    background-size: 100%;
    margin-top: .83rem;
}
.bg{
    width: 100%;
    height: 12.52rem;
    background: url(../img/jpcx_bg.png) no-repeat;
    background-size: 100% 100%;
    position: absolute;
    top: 65.3rem;
    left:-1px;
}

#Boutique_creation .content {
    display: flex;
    flex-wrap:wrap;
    margin-top: 0.4rem;
    justify-content: space-between;
}

#Boutique_creation .content  .photo {
    width: 4.82rem;
    height: 5.65rem;
}

#Boutique_creation .content  .photo img {
    width: 4.82rem;
    height: 4.82rem;
}

#Boutique_creation .content  .photo .photo_text {
    color: #FFFFFF;
    font-size: .22rem;
}

#photo_btn2{margin: auto;margin-top:0.5rem;width: 1.96rem;height: 0.68rem;display: flex;flex-direction: row;justify-content: space-between;align-items: center;}
#photo_btn2>div>img{width: 0.14rem;height: 0.23rem;}
#photo_btn_left2{width: 0.68rem;height: 0.68rem;border:2px solid #FFFFFF;border-radius: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;}
#photo_btn_right2{width: 0.68rem;height: 0.68rem;border:2px solid #FFFFFF;border-radius: 50%;display: flex;flex-direction: row;justify-content: center;align-items: center;cursor: pointer;}

/* 媒体创新 */
#medium{
    width: 100%;
    height:9.36rem;
    background: url(../img/bg.png) no-repeat;
    background-size: contain;
    position: relative;
    margin-top: 0.5rem;
}
#medium .mediumtopic img{
    max-width: 3.82rem;
    max-height: 1.52rem;
    margin-left: 1.17rem;
    margin-top: 1.41rem;
}
#medium .content{
    display: flex;
    margin-left: 1.59rem;
    margin-top: 0.2rem;
}
#medium .left .left_top{
    width: 9.66rem;
    height: 2.02rem;
    display: flex;
}
#medium .left .left_top a img{
    width: 3.22rem;
    /*height: 2.02rem;*/
}
#medium .left .left_bot{
    width: 9.66rem;
    height: 2.02rem;
    display: flex;

}
#medium .left .left_bot a img{
    width: 3.22rem;
    /*height: 2.02rem;*/
}
#medium .right{
    position: absolute;
    top: 1.41rem;
    right: 1.59rem;
}
#medium .right img{
    width: 5.11rem;
    /*height: 6.32rem;*/
}

#hbjiao{
    left: 1.2rem;
    bottom: 1.45rem;
    background: url(../img/hbjiao.png) no-repeat;
    background-size: contain;
    position: absolute;
    width: 2.31rem;
    height: 2.02rem;
}

@media only screen and (max-width: 768px) {
    /*第一个轮播按钮调整*/
    #photo_btn{width: 4rem;margin-top: 0.8rem;}
    #photo_btn>div>img{width: 0.32rem;height: 0.54rem;}
    #photo_btn_left{width: 1rem;height: 1rem;}
    #photo_btn_right{width: 1rem;height: 1rem;}

    #photo_btn2{width: 4rem;margin-top: 0.8rem;}
    #photo_btn2>div>img{width: 0.32rem;height: 0.54rem;}
    #photo_btn_left2{width: 1rem;height: 1rem;border: 1px solid #ffffff;}
    #photo_btn_right2{width: 1rem;height: 1rem;border: 1px solid #ffffff;}

    #Boutique_creation .content .photo .photo_text {
        font-size: 0.3rem;
        margin-top: -0.2rem;
    }

    .playModal{
        width: 80%;
        max-height: 5rem;
        background-color: #000;
        margin-top: -2rem;
    }

    .playModal .closeModal{height: 1.5rem;}

    .playModal .closeModal img{ width: 1.5rem;height: 1.5rem;}

    .tp_text{
        font-size: 0.3rem !important;
        padding: 0 0.1rem !important;
        overflow: hidden;
    }

    .bg{width: 100.5%}

    footer .topbox {
        margin-top: 1rem;
    }
    footer .topbox p{font-size: 0.7rem;}
    footer .topbox p a{font-size: 0.7rem;}

    footer{background-size: cover;}
    footer .topbox{flex-direction: column;height:5rem;justify-content:initial;}
    footer .topbox p{font-size: 0.7rem; line-height: 1rem;}
    footer .topbox .icon{margin-left: 10rem;}
    footer .topbox .icon img{width: 1.5rem;}
    footer .botbox{height: 7rem;flex-direction: column;justify-content: space-around;}
    footer .botbox p{font-size: 0.7rem;line-height: 1rem;}
}