.page .page-content{padding:40px;color:#333}.page .page-content .page-title{font-size:38px;line-height:60px;text-align:center}.page .page-content .page-slug{font-size:24px;text-align:center;color:#00b0d6}.p1{height:800px}.control{position:absolute;width:50px;top:50%;outline:none}.control .arrow{width:100%}.control.left{left:0}.control.right{right:0}.p2{height:auto}.p2 .p2-content .page-title{padding-top:60px}.p2 .p2-content .img-bg{padding:50px 0}.p2 .p2-content .img-bg .about-thb{width:100%}.p2 .p2-content .p2-about-us .about-content{padding:40px 120px;line-height:1.5;text-align:justify}.p3{height:720px}.p3 .page-bg{background-position:50%}.p3 .p3-content{background:rgba(0,0,0,.7)}.p3 .p3-content .page-title{color:#fff}.p3 .p3-content .process-list{position:relative;height:380px;padding:20px 50px}.p3 .p3-content .process-list .swiper-container{padding:40px 0;height:100%;width:100%;font-size:14px;color:#fff}.p3 .p3-content .process-list .swiper-container .swiper-slide{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;padding:50px 30px}.p3 .p3-content .process-list .swiper-container .swiper-slide .slide-title{padding-bottom:20px;font-size:28px;line-height:45px;color:#00b0d6}.p3 .p3-content .process-list .swiper-container .swiper-slide .slide-item{padding-left:20px;padding-bottom:5px;display:flex;align-items:center}.p3 .p3-content .process-list .swiper-container .swiper-slide .slide-item li{max-width:340px!important}.p3 .p3-content .process-list .swiper-container .swiper-slide:after,.p3 .p3-content .process-list .swiper-container .swiper-slide:before{position:absolute;left:0;bottom:40px;content:"";width:100%;height:0;border-bottom:1px dashed #b3b4b4}.p3 .p3-content .process-list .swiper-container .swiper-slide:after{left:15%;bottom:34px;width:70%;height:12px;border-radius:6px;background:#00b0d6;border-bottom:none}.p4{height:900px}.p4 .page-title{padding-top:30px}.p4 .p4-content{padding:50px 40px}.p4 .p4-content .brian-list{margin-top:30px;position:relative;height:500px}.p4 .p4-content .brian-list .swiper-container{width:100%;height:100%}.p4 .p4-content .brian-list .swiper-container .swiper-slide{padding:50px}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item{position:relative;width:100%;padding-top:100%;height:0;border-radius:50%;overflow:hidden}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item .bg-img{position:absolute;left:0;top:0;width:100%;height:100%}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item .item-mask{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;position:absolute;left:0;top:0;padding:60px;width:100%;height:100%;color:#fff;opacity:0;background:rgba(0,0,0,.7);transition:all .5s}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item .item-mask .job{position:relative;padding-bottom:5px;font-size:18px}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item .item-mask .job:after{content:"";position:absolute;left:50%;bottom:0;width:25%;height:1px;background:#00b0d6;transform:translate(-50%)}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item .item-mask .en-name{font-size:16px;line-height:25px}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item .item-mask .mask-desc{font-size:14px}.p4 .p4-content .brian-list .swiper-container .swiper-slide .brian-item:hover .item-mask{opacity:1;transition:all .5s}.p5{height:1080px}.p5 .page-content{background:rgba(0,0,0,.75)}.p5 .page-content .page-title{color:#fff}.p5 .news-list{padding:100px 0;justify-content:space-between}.p5 .news-list .bg-img{position:absolute;left:0;top:0}.p5 .news-list .news-left{position:relative;justify-content:space-between;width:calc((300% - 180px)/5 + 20px)}.p5 .news-list .news-left .news-item{position:relative;margin-bottom:20px;padding-top:calc((100% - 20px)/2*2/3);width:calc((100% - 20px)/2);height:0}.p5 .news-list .news-left .news-item:nth-child(odd) .news-desc{left:0;right:100%}.p5 .news-list .news-left .news-item:nth-child(2n) .news-desc{right:0;left:100%}.p5 .news-list .news-left .news-item:first-child .news-desc,.p5 .news-list .news-left .news-item:nth-child(2) .news-desc{top:0;height:100%}.p5 .news-list .news-left .news-item:nth-child(3) .news-desc,.p5 .news-list .news-left .news-item:nth-child(4) .news-desc{height:100%;bottom:0}.p5 .news-list .news-left .news-item:hover .news-desc{transition:all .8s}.p5 .news-list .news-left .news-item:hover .news-desc .news-desc-content{opacity:1;transition:all 1s .8s}.p5 .news-list .news-left .news-item:hover:nth-child(odd) .news-desc{right:0}.p5 .news-list .news-left .news-item:hover:nth-child(2n) .news-desc{left:0}.p5 .news-list .news-desc{position:absolute;height:100%;right:20px;font-size:14px;color:#fff;background:rgba(0,0,0,.7);transition:all .5s;overflow:hidden}.p5 .news-list .news-desc .news-desc-content{width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;padding:20px;opacity:0;transition:all .5s}.p5 .news-list .news-desc .news-title{font-size:16px}.p5 .news-list .news-desc .time{padding:10px 0;display:flex;align-items:center}.p5 .news-list .news-desc .time i{margin-right:5px}.p5 .news-list .news-desc .to-detail{align-self:flex-end;padding:10px}.p5 .news-list .news-right{position:relative;width:calc((200% - 120px)/5 + 20px);height:0;padding-top:calc((200% - 120px)/5 + 20px)}.p5 .news-list .news-right .news-desc{left:0;bottom:0;width:100%;height:0}.p5 .news-list .news-right:hover .news-desc{height:100%;transition:all .8s}.p5 .news-list .news-right:hover .news-desc .news-desc-content{opacity:1;transition:all 1s .8s}.p5 .link{color:#fff}.p6{height:900px}.p6 .page-title{padding-top:30px}.p6 .page-content{padding:50px 40px}.p6 .page-content .honer-list{margin-top:80px;padding:0 190px;position:relative;height:600px}.p6 .page-content .honer-list .honer-swiper-container{padding:80px 0;width:100%;height:100%;overflow:hidden}.p6 .page-content .honer-list .honer-swiper-container .swiper-slide{width:280px;height:380px}.p6 .page-content .honer-list .honer-swiper-container .swiper-slide.swiper-slide-active:hover .honer-item{transform:scale(1.4);transition:all .3s}.p6 .page-content .honer-list .honer-swiper-container .swiper-slide .honer-item{width:100%;height:100%;transition:all .3s}.p6 .page-content .honer-list .honer-swiper-container .swiper-slide .honer-item img{width:100%;height:100%}.modal-mask{display:none;position:fixed;left:0;top:0;width:100vw;height:100vh;background:rgba(0,0,0,.8);z-index:999;transition:all .3s}.modal-mask.active{display:flex;align-items:center;justify-content:center;transition:all .3s}.modal-mask .brian-mask-content{display:none;width:1080px;height:580px;background:#fff;border-radius:10px;overflow:hidden}.modal-mask .brian-mask-content.active{display:flex}.modal-mask .brian-mask-content .bmc{height:100%;width:calc(50% - 5px)}.modal-mask .brian-mask-content .bmc-right{padding:50px}.modal-mask .brian-mask-content .bmc-right .close-modal{align-self:flex-end;cursor:pointer}.modal-mask .brian-mask-content .bmc-right .modal-info{padding-right:40px}.modal-mask .brian-mask-content .bmc-right .modal-info .m-name{font-size:16px;font-weight:700}.modal-mask .brian-mask-content .bmc-right .modal-info .m-en-desc{padding:10px 0;font-size:15px}.modal-mask .brian-mask-content .bmc-right .modal-info .m-desc{padding:10px 0;font-size:14px;line-height:1.5;max-height:10em;overflow:hidden;border-top:1px dashed #4c4948;border-bottom:1px dashed #4c4948}.modal-mask .brian-mask-content .bmc-right .modal-info .m-pics{margin-top:10px;width:100%}.modal-mask .brian-mask-content .bmc-right .modal-info .m-pics .thumb{margin-right:25px;height:135px;width:calc((100% - 50px)/3);background-position:50%;background-size:cover;background-repeat:no-repeat}.modal-mask .brian-mask-content .bmc-right .modal-info .m-pics .thumb:last-child{margin-right:0}