.supage-176{background:url(../image/index7-about-bg.png)no-repeat}.supage-176 .outer-container{width:12.5rem;margin:0 auto}@media screen and (max-width:1024px){.supage-176 .outer-container{width:100%;padding:0 .3rem}}.supage-176 .titles{margin:.5rem auto;text-align:center}.supage-176 .titles .titles-box{display:inline-block}.supage-176 .titles h3{float:left;margin:0 .3rem;font-size:.3rem;font-weight:700}.supage-176 .titles h3 i{color:#e2211a;margin-right:.2rem}.supage-176 .titles .line{width:.8rem;height:.01rem;background:#333;float:left;margin-top:.2rem}.supage-176 .titles .title-subtitle{color:#999;font-size:.16rem}.supage-176 .outer-container{position:relative}.supage-176 .i1-content{padding:.2rem 0 .9rem}.supage-176 .i1-content .left{width:6rem;float:left}@media screen and (max-width:1024px){.supage-176 .i1-content .left{width:100%}}.supage-176 .i1-content .left .left1{width:100%;float:none!important;clear:both;height:100%}.supage-176 .i1-content .left .swiper-container{height:4rem}.supage-176 .i1-content .left .aboutus-video{position:relative;height:100%}.supage-176 .i1-content .left .aboutus-video video{object-fit:cover;width:100%;height:100%;max-height:100%}.supage-176 .i1-content .left .aboutus-video .video_mask{width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,.2)}.supage-176 .i1-content .left .aboutus-video .video_play{position:absolute;left:50%;top:50%;height:auto;width:10%;margin-left:-5%;margin-top:-5%;cursor:pointer}.supage-176 .i1-content .right{width:6rem;background:#fff;position:absolute;right:0;height:100%;overflow-y:auto}.supage-176 .i1-content .right::-webkit-scrollbar{width:.06rem}.supage-176 .i1-content .right::-webkit-scrollbar-track{box-shadow:inset 0 0 .05rem rgba(0,0,0,.2);-webkit-box-shadow:inset 0 0 .05rem rgba(0,0,0,.2);background:#fff;border-radius:.1rem}.supage-176 .i1-content .right::-webkit-scrollbar-thumb{background:#b3b3b3;height:.5rem;border-radius:.1rem}@media screen and (max-width:1024px){.supage-176 .i1-content .right{width:100%;margin-top:.4rem;float:none!important;clear:both;position:relative!important}}.supage-176 .i1-content .right h5{font-size:.36rem;font-weight:700;margin-bottom:.06rem;color:#18305d}.supage-176 .i1-content .right .desc{padding:.2rem;position:relative}.supage-176 .i1-content .right .desc p{font-size:.18rem;line-height:.36rem;margin-bottom:.2rem}@media screen and (max-width:1024px){.supage-176 .i1-content .right .desc p{font-size:.28rem;line-height:.42rem}}.supage-176 .i1-content .right .desc a{line-height:.36rem;color:#fff;padding:.1rem .2rem;margin-top:.2rem;border-radius:.5rem;font-size:.16rem}@media screen and (max-width:1024px){.supage-176 .i1-content .right .desc a{font-size:.28rem;line-height:.42rem;text-align:center;margin:0 auto;display:block}}.supage-176 .i1-content .right .right-list{text-align:center;display:flex;flex-wrap:wrap}.supage-176 .i1-content .right .right-list li{padding:.4rem 0 .2rem;flex:1}@media screen and (max-width:1024px){.supage-176 .i1-content .right .right-list li{width:50%;margin-right:0;margin-bottom:.3rem;flex:inherit}}.supage-176 .i1-content .right .right-list li:last-child{margin:0}.supage-176 .i1-content .right .right-list li p{text-align:center}.supage-176 .i1-content .right .right-list li p i{font-size:.24rem;color:#333}@media screen and (max-width:1024px){.supage-176 .i1-content .right .right-list li p i{font-size:.32rem;margin:.1rem 0;display:block}}.supage-176 .i1-content .right .right-list li span{display:block;font-size:.14rem;color:#919191;text-align:center}@media screen and (max-width:1024px){.supage-176 .i1-content .right .right-list li span{font-size:.3rem}}.supage-176 .template_main_color{color:#e2211a}.supage-176 .template_main_back{background-color:#e2211a}.supage-176 .template_main_border{border-color:#e2211a}div.video-play{position:fixed;top:0;bottom:0;right:0;left:0;width:100%;height:100%;z-index:10001;display:none}div.video-bg{position:absolute;top:0;bottom:0;width:100%;z-index:1001;background:#0b0b0b;opacity:.8}div.video-wrap{z-index:1002;position:fixed;top:52%;left:50%;text-align:center;-webkit-transform:translate3d(-50%,-52%,0);transform:translate3d(-50%,-52%,0);width:10.24rem;height:5.76rem}@media screen and (max-width:1024px){div.video-wrap{width:90%;height:auto}}div.video-wrap video{max-width:100%;width:auto;height:auto}div.close-btn{cursor:pointer;font-size:.3rem;color:#fff;text-align:right;font-family:sans-serif;margin-right:-.1rem;margin-bottom:.1rem}