*{margin: 0;padding: 0;}
#cnDragon{max-width: 1920px;margin: 0 auto;}
#cnDragon .img_pc{display: inline-block;}
#cnDragon .img_h5{display: none;}
#cnDragon .imgBox{font-size: 0;}
#cnDragon .imgBox img{width: 100%;height: auto;}

#cnDragon .bg_Box2{position: relative;}
#cnDragon .bg_Box2 .content{position: absolute;top: 58px;left: 50%;transform: translateX(-50%); width: 72.917%;}
#cnDragon .bg_Box2 .content .Biography{display: flex;flex-direction: column;align-items: center;width: 100%;box-shadow: 40px 46px 76px 0px rgba(0,0,0,0.12);margin-bottom: 90px;border-radius: 20px;overflow: hidden;background: url('https://www.xencelabs.com.cn/Uploads/images/xencelabs/detail/cnDragon/renwu_bg.png') no-repeat;background-size: 100% 100%;padding: 98px 0;background-color: #FFFFFF;}
#cnDragon .bg_Box2 .content .Biography .renwu{width: 120px;height: 120px;margin-bottom: 24px;}
#cnDragon .bg_Box2 .content .Biography .name{font-size: 36px;margin-bottom: 60px;font-weight: bold;}
#cnDragon .bg_Box2 .content .Biography .Introduction{font-size: 20px;line-height: 2.5;text-align: center;}
#cnDragon .bg_Box2 .content .video{position: relative;width: 100%;margin-bottom: 140px;background-color: #f5f5f5;position: relative;border-radius: 20px;overflow: hidden;box-shadow: 40px 46px 76px 0px rgba(0,0,0,0.12);}
#cnDragon .bg_Box2 .content .video .play_icon{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);width: 60px;height: 60px;cursor: pointer;}
#cnDragon .bg_Box2 .content .icon1{width: 49%;margin:  0 auto 77px;}
#cnDragon .bg_Box2 .content .text{font-size: 20px;text-align: center;color: #000000;}
#cnDragon .bg_Box2 .content .text p{line-height: 2.5;}
#cnDragon .bg_Box2 .content .text p.p1{margin-bottom: 48px;}
#cnDragon .bg_Box2 .content .text p.p2{margin-bottom: 48px;}
#cnDragon .bg_Box2 .content .text p.p3{margin-bottom: 48px;}
#cnDragon .bg_Box2 .content .icon2{width: 31.857%;margin:  0 auto 10%;}
#cnDragon .bg_Box2 .content .productBox{width: 100%;display: flex;background-color: #FFFFFF;border-radius: 20px;overflow: hidden;box-shadow: 40px 46px 76px 0px rgba(0,0,0,0.12);}
#cnDragon .bg_Box2 .content .productBox .left{width: 57.15%;background-color: #f5f5f5;}
#cnDragon .bg_Box2 .content .productBox .right{width: 42.85%;padding: 64px 40px 0 60px;position: relative;box-sizing: border-box;}
#cnDragon .bg_Box2 .content .productBox .right .title{font-size: 36px;display: flex;align-items: center;font-weight: bold;flex-wrap: wrap;}
#cnDragon .bg_Box2 .content .productBox .right .title .minT{font-size: 16px;padding: 9px 24px;border-radius: 48px;border: 1px solid #000000;font-weight: normal;margin-bottom: 18px;}
#cnDragon .bg_Box2 .content .productBox .right .title .maxT{margin-bottom: 18px;margin-right: 16px;}
#cnDragon .bg_Box2 .content .productBox .right .yellowBox{width: 30px;height: 6px;background-color: #FFCB05;margin: 30px 0 48px;}
#cnDragon .bg_Box2 .content .productBox .right .PackageBox{font-size: 18px;}
#cnDragon .bg_Box2 .content .productBox .right .PackageBox p{margin-bottom: 22px;}
#cnDragon .bg_Box2 .content .productBox .right .PackageBox p:last-child{margin-bottom: 0;}
#cnDragon .bg_Box2 .content .productBox .right .more{position: absolute;bottom: 43px;right: 46px;font-size: 18px;font-weight: bold;text-decoration: dashed;color: #000000;}
#cnDragon .bg_Box2 .content .productBox .right .more::after{content: '';display: block;width: 100%;height: 1px;background-color: #FFCB05;margin-top: 4px;}
#cnDragon .bg_Box2 .content .productBox.productBox1{margin-bottom: 82px;}
#cnDragon .bg_Box2 .content .productBox.productBox2{flex-direction: row-reverse;}

@media screen and (max-width: 1920px){
    #cnDragon .bg_Box2 .content{top: 3.02vw;}
    #cnDragon .bg_Box2 .content .Biography{box-shadow: 2.083vw 2.395vw 3.958vw 0px rgba(0,0,0,0.12);margin-bottom: 4.6875vw;border-radius: 1.041666vw;padding: 5.104vw 0;}
    #cnDragon .bg_Box2 .content .Biography .renwu{width: 6.25vw;height: 6.25vw;margin-bottom: 1.25vw;}
    #cnDragon .bg_Box2 .content .Biography .name{font-size: 1.875vw;margin-bottom: 3.125vw;}
    #cnDragon .bg_Box2 .content .Biography .Introduction{font-size: 1.041vw;line-height: 2.5;}
    #cnDragon .bg_Box2 .content .video{box-shadow: 2.083vw 2.395vw 3.958vw 0px rgba(0,0,0,0.12);}
    #cnDragon .bg_Box2 .content .video .play_icon{width: 3.125vw;}
    #cnDragon .bg_Box2 .content .video1{margin-bottom: 7.292vw;}
    #cnDragon .bg_Box2 .content .icon1{margin:  0 auto 4vw;}
    #cnDragon .bg_Box2 .content .text{font-size: 1.041666vw;}
    #cnDragon .bg_Box2 .content .text p.p1{margin-bottom: 2.5vw;}
    #cnDragon .bg_Box2 .content .text p.p2{margin-bottom: 2.5vw;}
    #cnDragon .bg_Box2 .content .text p.p3{margin-bottom: 2.5vw;}
    #cnDragon .bg_Box2 .content .video2{margin-bottom: 9.375vw;}
    #cnDragon .bg_Box2 .content .icon2{margin:  0 auto 7.291vw;}
    #cnDragon .bg_Box2 .content .productBox{border-radius: 1.041666vw;;box-shadow: 2.083vw 2.395vw 3.958vw 0px rgba(0,0,0,0.12);}
    #cnDragon .bg_Box2 .content .productBox .right{padding: 3.333vw 2vw 0 3.125vw;}
    #cnDragon .bg_Box2 .content .productBox .right .title{font-size: 1.875vw;}
    #cnDragon .bg_Box2 .content .productBox .right .title .minT{font-size: 0.8333vw;padding: 0.46875vw 1.25vw;border-radius: 2.5vw;margin-bottom: 0.9375vw;}
    #cnDragon .bg_Box2 .content .productBox .right .title .maxT{margin-bottom: 0.9375vw;margin-right: 0.8333vw;}
    #cnDragon .bg_Box2 .content .productBox .right .yellowBox{width: 1.5625vw;height: 0.3125vw;margin: 1.5625vw 0 2.5vw;}
    #cnDragon .bg_Box2 .content .productBox .right .PackageBox{font-size: 0.9375vw;}
    #cnDragon .bg_Box2 .content .productBox .right .PackageBox p{margin-bottom: 1.145vw;}
    #cnDragon .bg_Box2 .content .productBox .right .more{bottom: 2.1875vw;right: 2.395vw;font-size: 0.9375vw;}
    #cnDragon .bg_Box2 .content .productBox.productBox1{margin-bottom: 4.27vw;}
}

@media screen and (max-width: 750px){
    #cnDragon .img_pc{display: none;}
    #cnDragon .img_h5{display: inline-block;}
    #cnDragon .bg_Box2 .content{width: 94.666667%;top: 11vw;}
    #cnDragon .bg_Box2 .content .Biography{margin-bottom: 14.93vw;box-shadow: 5.333vw 6.133vw 10.133vw 0px rgba(0,0,0,0.12);border-radius: 2.666vw;background: url('https://www.xencelabs.com.cn/Uploads/images/xencelabs/detail/cnDragon/h5/renwu_bg.png') no-repeat;background-size: 100% 100%; padding: 12.8vw 0 15.3vw;}
    #cnDragon .bg_Box2 .content .Biography .renwu{width: 23.46vw;height: 23.46vw;margin-bottom: 3.733vw;}
    #cnDragon .bg_Box2 .content .Biography .name{font-size: 5.333vw;margin-bottom: 9.6vw;}
    #cnDragon .bg_Box2 .content .Biography .Introduction{font-size: 3.2vw;line-height: 2.5;}
    #cnDragon .bg_Box2 .content .video{box-shadow: 5.333vw 6.133vw 10.133vw 0px rgba(0,0,0,0.12);}
    #cnDragon .bg_Box2 .content .video .play_icon{width: 8vw;}
    #cnDragon .bg_Box2 .content .video1{margin-bottom: 11.466vw;}
    #cnDragon .bg_Box2 .content .icon1{width: 100%;}
    #cnDragon .bg_Box2 .content .icon1{margin: 0 auto 16vw;}
    #cnDragon .bg_Box2 .content .text{font-size: 3.2vw;}
    #cnDragon .bg_Box2 .content .text p.p1{margin-bottom: 8vw;}
    #cnDragon .bg_Box2 .content .text p.p2{margin-bottom: 8vw;}
    #cnDragon .bg_Box2 .content .text p.p3{margin-bottom: 18.5vw;}
    #cnDragon .bg_Box2 .content .video2{margin-bottom: 13.866vw;}
    #cnDragon .bg_Box2 .content .icon2{width: 62.817%;}
    #cnDragon .bg_Box2 .content .productBox{flex-direction: column;border-radius: 2.666vw;box-shadow: 5.333vw 6.133vw 10.133vw 0px rgba(0,0,0,0.12);}
    #cnDragon .bg_Box2 .content .productBox .left{width: 100%;}
    #cnDragon .bg_Box2 .content .productBox .right{width: 100%;}
    #cnDragon .bg_Box2 .content .productBox.productBox1{margin-bottom: 8.266vw;}
    #cnDragon .bg_Box2 .content .productBox.productBox2{flex-direction: column;}
    #cnDragon .bg_Box2 .content .productBox .right{padding: 6.666vw 0 7.2vw 5.866vw;}
    #cnDragon .bg_Box2 .content .productBox .right .title .maxT{font-size: 5.333vw;margin-right: 2.666vw;margin-bottom: 3.2vw;}
    #cnDragon .bg_Box2 .content .productBox .right .title .minT{font-size: 2.666vw;padding: 1.333vw 2.8vw;border-radius: 64px;margin-bottom: 3.2vw;}
    #cnDragon .bg_Box2 .content .productBox .right .yellowBox{width: 4vw;height: 0.8vw;margin: 2.666vw 0 6.666vw;}
    #cnDragon .bg_Box2 .content .productBox .right .PackageBox p{font-size: 3.2vw;}
    #cnDragon .bg_Box2 .content .productBox .right .more{font-size: 3.2vw;right: 5.866vw;bottom: 7.2vw;}
}

/* ÊÓƵµ¯´° */
.ArtSer_12_text_1{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);width: 100vw;height: 100vh;z-index: 999;display: none;}
.ArtSer_12_text_2{position: fixed;top: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);width: 100%;height: 100%;z-index: 999;display: none;}   
.ArtSer_12_text2{width: 70vw;height: 39.375vw; position: relative;top: 50%;left: 50%;transform: translate(-50%,-50%);background: #fff;z-index: 8;}
.ArtSer_12_text2_biaoge{width: 100%;height: 100%;z-index: 2;}
.ArtSer_12_video{position: relative;width: 100%;height: 100%;}
.ArtSer_12_video2{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.ArtSer_12_text2_biaoge::-webkit-scrollbar{width:10px;height:16px;}
.ArtSer_12_text2_biaoge::-webkit-scrollbar-track{border-radius:5px;}
.ArtSer_12_text2_biaoge::-webkit-scrollbar-thumb{border-radius:5px;background:#d8d8d8;}
.ArtSer_12_colse_icon{position: absolute;right: -24px;top: -24px;width: 20px;height: 20px;cursor: pointer;}
@media screen and (max-width: 750px){
    .ArtSer_12_text2{width: 86vw;height: 48.375vw;}
    .ArtSer_12_colse_icon{width: 4.2666vw;height: 4.2666vw;top: -4.2666vw;right: -4.2666vw;}
}