#mobile .swiper-container-top{
    width: 100%;
    height:10rem ;
    overflow: hidden;
}
#mobile .swiper-container-top .swiper-wrapper{
    width: 100%;
    height:10rem ;
}
#mobile .swiper-container-top .swiper-wrapper .swiper-slide{
    width: 100%!important;
    height: 10rem;
}
#mobile .swiper-container-top .swiper-wrapper .swiper-slide>a>img{
    display: block;
    width: 100%;
    height: 100%;
}
#mobile .swiper-container-top .swp5{
    top: 10.6rem;
    height: .4rem;
}
#mobile .swiper-container-top .swiper-pagination-bullet.swiper-pagination-bullet-active{
    opacity: 1;
    background: #D33C21;
    height: .19rem;
    width:.427rem;
    border-radius: .2rem;
}
#mobile .swiper-container-top .swiper-pagination-bullet{
    background: #DDDDDD;
    opacity: 1;
    height: .187rem;
    width:.187rem;
    border-radius: 50%;
    margin:0 .1rem;
}
#mobile .pc_slide{
    display: none;
}
#pc .swiper-container-top .swiper-wrapper{
    display: none;
}
#pc .swp5{
    display: none;
}
#mobile .rectFont_span{
    width: 100%;
    bottom: 0;
    padding: .133rem .4rem;
}
#mobile .rect640Big .title{
    margin-bottom:.9rem;
    width: 100%;
    font-size: .373rem;
    color: #FFFFFF;
    line-height: .533rem;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.rect640 {
    width: 640px;
    height: 640px;
    overflow: hidden;
    position: relative;
}

.rect640Big .title {
    margin-bottom: 20px;
    width: 400px;
    font-size: 18px;
    color: #FFFFFF;
    line-height: 30px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
#mobile .rect640Big .desc{
    display: none;
}
.rect640Big .desc {
    width: 600px;
    font-size: 12px;
    color: #FFFFFF;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}

.rectFont_span{
    position: absolute;
    left: 0;
    bottom: -60px;
    z-index: 2;
    padding: 0 20px 20px 20px;
    background:-webkit-linear-gradient(bottom, #000, transparent);
    background:-o-linear-gradient(bottom, #000, transparent);
    background:-moz-linear-gradient(bottom, #000, transparent);
    background:linear-gradient(bottom, #000, transparent);
    transition: bottom .3s ease-in-out;
    -webkit-transition: bottom .3s ease-in-out;
    -moz-transition: bottom .3s ease-in-out;
    -o-transition: bottom .3s ease-in-out;
    cursor: pointer;
}
.rect640Big:hover .rectFont_span, .rect320:hover .rectFont_span{
    bottom: 0;
}
#mobile .rect640 .swiperBgSpan{
    display: block;
    width: 100%;
    height: 100%;
}
#mobile .rect640 .swiperBgSpan>img{
    display: block;
    width: 100%;
    height: 100%;
}
.rect640 .swiperBgSpan{
    display: block;
    width: 100%;
    height: auto;
}
.rect640 img{
    display: block;
    width: 100%;
    height: auto;
}

#mobile .entry_section {
    width: 100%;
    margin: .533rem auto 0;
    position: relative;
}
.entry_section {
    width: 1280px;
    margin: 80px auto 0;
    position: relative;
}
#mobile .entry{
    font-size: .427rem;
    height: .96rem;
    line-height: .587rem;
    padding-bottom: .373rem;
}
.entry {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    align-items: center;
    font-size: 24px;
    color: #333333;
    letter-spacing: 1px;
    margin: 0 auto;
    text-align: center;
    height: 52px;
    line-height: 32px;
    padding-bottom: 20px;
    font-weight: bold;
}
.entry::before {
    content: '\20';
    width: 300px;
    height: 1px;
    margin-right: 25px;
    background-color: #eee;
}
.entry::after {
    content: '\20';
    width: 300px;
    height: 1px;
    margin-left: 25px;
    background-color: #eee;
}
#mobile .entry::before, #mobile .entry::after {
    visibility: hidden;
    width: 0;
}
#mobile .entry_desc {
   display: none;
}
.entry_desc {
    font-size: 16px;
    line-height: 20px;
    color: #333333;
    text-align: center;
    margin: 0 auto;
    padding: 0 0 20px 0;
    overflow: hidden;
}
.entry_desc span{
    position: relative;
    display: inline;
    padding: 0 18px 0 0;
}
.entry_desc span::after{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    content: '\20';
    visibility: visible;

}
.entry_desc span:last-child::after{
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    content: '、';
    visibility: hidden;

}
#mobile .w33p  {
    width:4.27rem!important;
    height: 100%;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: rgba(0,0,0,.1);
    margin-right: .1rem;
    display: inline-block;
    float: none;
}
#mobile .swiper-wrapper>div:last-child{
    margin-right: .4rem;
}
#pc .w33p {
    width: 427px;
    height: 486px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    border-right: 1px solid rgba(255, 255, 255, .5);
}
#pc .w33p:last-child{
    border: 0;
}
#mobile .w33p .logo {
    width: .667rem;
    height: .96rem;
    text-align: center;
    vertical-align: middle;
    padding-bottom: .16rem;
    margin: .63rem auto .267rem auto;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
    ;
}
#mobile .w33p .logo>img{
    display: block;
    width:100%;
    height: 100%;
}
.w33p .logo {
    width: 200px;
    height: 140px;
    text-align: center;
    vertical-align: middle;
    padding-bottom: 20px;
    margin: 80px auto 40px auto;
    overflow: hidden;
    border-bottom: 1px solid #D8D8D8;
    ;
}


#header .logo .share_logo_span {
    display: none !important;
}
.w33p .logo img {
    width: 90.5px;
    height: 114.4px;
}
#pc .w33p .enter_li {
    display: none;
}
#mobile .w33p .enter_li {
    font-size: .26rem;
    color: #BBA45F;
    position: absolute;
    right: .133rem;
    bottom: .18rem;
}
#mobile .w33p .name {
    font-size: .32rem;

}
.w33p .name {
    font-size: 24px;
    color: #FFFFFF;
    letter-spacing: 1.22px;
    text-align: center;
}
#mobile .w33p .mask{
    padding: 0;
    display: none;
}
.w33p .popBg{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,.3);
}
.w33p .mask {
    width: 100%;
    height: 100%;
    background: url(../images/mask.png);
    background-size: cover;
    position: absolute;
    z-index: 5;
    padding: 40px;
    visibility: hidden;
}

.w33p .normal{
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 3;
    width: 100%;
    height: 100%;
}

#mobile .w33p:hover .mask {
    visibility: hidden;
}
#mobile .w33p:hover .normal {
    visibility: visible;
}
.w33p:hover .mask {
    visibility: visible;
}

.w33p:hover .normal {
    visibility: hidden;
}

.w33p .mask .icon {
    height: 90px;
}

.w33p .mask .icon img {
    height: 90px;
}

.w33p .mask .subname {
    display: inline-block;
    font-size: 32px;
    color: #FFFFFF;
    letter-spacing: 1.63px;
    line-height: 60px;
    height: 60px;
    width: auto;
    max-width: 100%;
    border-bottom: 1px solid #fff;
    white-space: normal;
    overflow: hidden;
    text-overflow: ellipsis;
}

.w33p .mask .desc {
    font-size: 18px;
    color: #FFFFFF;
    letter-spacing: 1.26px;
    height: auto;
    max-height: 76px;
    line-height: 25px;
    width: 200px;
    margin-top: 20px;
    overflow: hidden;
}

.w33p .mask .btn {
    margin-top: 40px;
    padding: 10px 15px;
    border-radius: 4px;
    border: 1px solid #fff;
    display: inline-block;
    color: #fff;
    font-size: 14px;
    cursor: pointer;
}
.w33p .mask .btn:hover{
    color: #a00000;
    background-color: rgba(255, 255, 255, 1);
}
#mobile .swiper-container{
    width:100%;
    height: 2.87rem ;
    box-shadow: inherit;
}

.specialServices{
    display: none;
}
#mobile .specialServices {
    display: block;
}
#mobile .specialServices .swiper-container{
    height: 2rem ;
}

#mobile .specialServicesPc {
    display: none;
}

.specialServicesPc_main {
    display: flex;
    display: -webkit-flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    height: auto;
}

.specialServicesPc_main .specialServicesPc_item{
    margin: 0 2px 2px 0;
    width: 424px;
    height: 200px;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 100% 100%;
    cursor: pointer;
}
.specialServicesPc_main .specialServicesPc_item:nth-child(3n){
    margin-right: 0 0 2px 0;
}

.specialServicesPc_item.servicesUrl1, .specialServices .servicesUrl1{
    background-image: url(../images/servicesUrl1_1.png);
}
.specialServicesPc_item.servicesUrl2, .specialServices .servicesUrl2{
    background-image: url(../images/servicesUrl2_1.png);
}
.specialServicesPc_item.servicesUrl3, .specialServices .servicesUrl3{
    background-image: url(../images/servicesUrl3_1.png);
}
.specialServicesPc_item.servicesUrl4, .specialServices .servicesUrl4{
    background-image: url(../images/servicesUrl4_1.png);
}
.specialServicesPc_item.servicesUrl5, .specialServices .servicesUrl5{
    background-image: url(../images/servicesUrl5_1.png);
}

.specialServicesPc_item.servicesUrl1:hover{
    background-image: url(../images/servicesUrl1_2.png);
}
.specialServicesPc_item.servicesUrl2:hover{
    background-image: url(../images/servicesUrl2_2.png);
}
.specialServicesPc_item.servicesUrl3:hover{
    background-image: url(../images/servicesUrl3_2.png);
}
.specialServicesPc_item.servicesUrl4:hover{
    background-image: url(../images/servicesUrl4_2.png);
}
.specialServicesPc_item.servicesUrl5:hover{
    background-image: url(../images/servicesUrl5_2.png);
}





/* 针对缺省样式 (必须的) */
#mobile .swiper-container::-webkit-scrollbar {
    width: 0;
    height:0px;
}
/* 滚动条的滑轨背景颜色 */
#mobile .swiper-container::-webkit-scrollbar-track {
    background-color: #fff;
    border-radius:0;
}
/* 滑块颜色 */
#mobile .swiper-container::-webkit-scrollbar-thumb {
    background-color: #fff;
    border-radius:0;
}
/*内层轨道的颜色*/
#mobile .swiper-container::-webkit-scrollbar-track-piece{
    background-color:#fff;
    border-radius:0;
}
.swiper-container {
    /* margin-top: 20px; */
    -webkit-box-shadow: 3px 3px 9px rgba(0,0,0,.3);
    box-shadow: 3px 3px 9px rgba(0,0,0,.3);
}
#mobile .slide-block {
    margin-top: 0;
    height: 100%;
    padding: 0 .4rem;
    width: 100%;
    overflow: auto;
    overflow-y: hidden;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap;
    font-size: 0;
    display: block;
    -webkit-box-sizing: inherit;
    -moz-box-sizing: inherit;
    box-sizing: inherit;
}
.slide-block {
    height: 486px;
}
#mobile .slide-prev, #mobile .slide-next{
    display:none;
}

.slide-prev.swiper-button-disabled {
    position: absolute;
    left: -60px;
    bottom: 220px;
    width: 13px;
    height: 21px;
    background: url(../images/prev_disabled.png);
    cursor: pointer;
}

.slide-next.swiper-button-disabled {
    position: absolute;
    right: -60px;
    bottom: 220px;
    width: 13px;
    height: 21px;
    background: url(../images/next_disabled.png);
    cursor: pointer;
}

@media screen and (max-width: 1439px) {
    .slide-prev.swiper-button-disabled {
        left: 20px;
        background: url(../images/prev_disabled_max1440.png);
        z-index: 10000;
    }
    .slide-prev:hover{
        background: url(../images/prev.png);
    }
    .slide-next.swiper-button-disabled {
        right: 20px;
        background: url(../images/next_disabled_max1440.png);
        z-index: 10000;
    }
    .slide-next:hover{
        background: url(../images/next.png);
    }
    
}

#mobile .fans {
    width: 100%;
    margin: .64rem 0;
    padding-bottom: 0;
}

.fans {
    width: 1280px;
    margin: 0 auto;
    margin-top: 80px;
    padding-bottom: 40px;
}

.fans .fans-view {
    margin: 0 auto;
    text-align: center
}
#mobile .fans .fans-view .fans-count{
    font-size: .533rem;
}

.fans .fans-view .fans-count {
    font-size: 28px;
    font-weight: bold;
    color: #E50113;
    letter-spacing: 1.5px;
    line-height: 58px;
    display: inline-block;
}
#mobile .fans .fans-view .fans-mark{
    font-size: .533rem;
}
.fans .fans-view .fans-mark {
    font-size: 18px;
    color: #515151;
    letter-spacing: 1.5px;
    display: inline-block;
}
#mobile .fans .fans-desc{
    font-size: .267rem;
    padding:.267rem .4rem .4rem .4rem;
    color: #515151;
    line-height: .4rem;
}
.fans .fans-desc {
    text-align: center;
    font-size: 16px;
}

.fans .fans-item-box {
    margin: 0 auto;
    margin-top: 80px;
}
#mobile .fans .fans-item-box{
    margin: 0 auto;
    margin-top: .7rem;
}
.fans .fans-item {
    width: 25%;
    float: left;
    text-align: center;
    position: relative;
}
.fans .fans-item-count {
    font-size: 28px;
    color: #515151;
    letter-spacing: 1.19px;
    padding: 20px;
    font-weight: bold;
}

#mobile .fans .fans-item-count {
    font-size: .373rem;
}
#mobile .fans .fans-item-desc {
    font-size: .267rem;
    color: #515151;
    letter-spacing: 1.29px;
    line-height: .4rem;
    padding: 0.1rem .5rem;
}
.fans .fans-item-desc {
    font-size: 12px;
    color: #515151;
    letter-spacing: 1.29px;
    padding: 20px;
}

.fans .fans-arrow {
    padding: 10px;
}
#mobile .fans .fans-arrow{
    padding: 0.133rem;
}
#mobile .fans .fans-icon{
    width: .533rem;
    height: .533rem;
    margin: 0 auto;
}
#mobile .fans .fans-icon>img{
    display: block;
    width: .533rem;
    height: .533rem;
}
.fans .fans-icon {
    cursor: pointer;
}
#mobile .fans .fans-qrcode {
    position: absolute;
    z-index: 3;
    top:-1.32rem;
    left: 18%;
    text-align: center;
    width: 1.7rem;
    height:auto;
}
#mobile .fans .fans-qrcode>img{
    display: block;
    width: 100%;
    height: 100%;
}
#mobile .fans-icon:hover .fans-qrcode {
    visibility: hidden;
}
#mobile .fans-icon:hover .fans-item-desc {
    visibility: hidden;
}
#mobile .fans-icon .fans-qrcode.showCode {
    visibility: visible;
}
/* #mobile .fans-icon:hover .normal {
    visibility: visible;
} */
.fans .fans-qrcode {
    position: absolute;
    z-index: 3;
    top: -70px;
    left: 0px;
    text-align: center;
    width: 100%;
    visibility: hidden;
}

.fans .fans-icon:hover .fans-qrcode {
    visibility: visible;
}
.fans .fans-icon:hover .fans-qrcode>img{
    display: block;
    width: 110px;
    height: 110px;
    margin:0 auto;
}
#mobile .fans .fans-qrcode .tips {
    padding: 0 15%;
    height: auto;
    font-size: .267rem;
    background-color: #fff;
    line-height: .4rem;
}

.fans .fans-qrcode .tips {
    height: 30px;
    line-height: 30px;
    font-size: 12px;
}


.slide-prev{
    position: absolute;
    left: -60px;
    bottom: 220px;
    width: 13px;
    height: 21px;
    background: url(../images/prev_disabled.png);
    cursor: pointer;
}
.slide-prev:hover{
    background: url(../images/prev.png);
}


.slide-next{
    position: absolute;
    right: -60px;
    bottom: 220px;
    width: 13px;
    height: 21px;
    background: url(../images/next_disabled.png);
    cursor: pointer;
}
.slide-next:hover {
    background: url(../images/next.png);
}
.rect640 img,.rect320 img{ transition: all 0.6s; }
.rect640 img:hover,.rect320 img:hover{ transform: scale(1.2); /* 放大1.2倍 */ }
.rect320 {
    display: block;
    width: 320px;
    height: 320px;
    overflow: hidden;
    position: relative;
}

.rect320 .desc {
    width: 280px;
    height: 40px;
    font-size: 10px;
    line-height: 20px;
    color: #fff;
    overflow: hidden;
}

.rect320 .title {
    margin-bottom: 15px;
    width: 280px;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}