.about{padding-top:90px;padding-bottom:80px}.about .row{width:100%}.about .row .about-left{width:50%;padding-left:10%;padding-right:5%}.about .row .about-left .title{font-size:46px;color:#333333}.about .row .about-left .subtitle{font-size:46px;color:#0a5ab1;position:relative}.about .row .about-left .subtitle::before{display:block;content:"";background-color:#0a5ab1;width:80px;height:1px;position:absolute;left:0;top:75px}.about .row .about-left .subtitle::after{display:block;content:"";position:absolute;width:120px;height:1px;background-color:#0d72f8;left:80px;top:75px;display:inline-block}.about .row .about-left .content{margin-top:67px;line-height:1.5;font-size:18px;height:269px;overflow:auto;letter-spacing:1.7px}.about .row .about-left .content img{display:none}.about .row .about-left .content::-webkit-scrollbar{width:5px;height:1px}.about .row .about-left .content::-webkit-scrollbar-thumb{border-radius:10px;-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);background:#0a5ab1}.about .row .about-left .content::-webkit-scrollbar-track{-webkit-box-shadow:inset 0 0 5px rgba(0,0,0,0.2);border-radius:10px;background:#EDEDED}.about .row .wrap{width:85%;margin:0 auto;margin-top:80px;display:flex;box-shadow:0 0 5px #dddddd}.about .row .wrap .box{margin:20px 0;flex:1;text-align:center}.about .row .wrap .box .num{color:#0a5ab1;font-size:55px}.about .row .wrap .box .num .jia{display:inline-block;font-size:22px;-webkit-transform:translateY(-35px);transform:translateY(-35px)}.about .row .wrap .box .name{font-size:16px;color:#666666}.about .row .about-right{width:50%}.about .row .about-right .about-video{width:100%;margin-top:100px;height:auto;position:relative;cursor:pointer}.about .row .about-right .about-video .box{width:100%;padding-bottom:67%;height:0;position:relative}.about .row .about-right .about-video .box .cover{width:100%;height:100%;position:absolute}.about .row .about-right .about-video .video{width:100%;height:100%}.about .row .about-right .about-video .play{display:block;width:100%;height:100%;background-color:rgba(0,0,0,0.4);position:absolute;left:0;top:0}.about .row .about-right .about-video .play img{width:90px;height:90px;position:absolute;left:50%;top:50%;margin-top:-45px;margin-left:-45px;display:block}.about .row .about-right .about-video:hover .play{display:block}.about-pic{width:85%;margin:0 auto}.about-pic .top-img{width:100%;height:auto}.about-swiper{width:100%;margin-top:20px}.about-swiper ul li{width:30%;margin-right:5%}.about-swiper ul li .box{width:100%;padding-bottom:76%;height:0;position:relative}.about-swiper ul li .box img{width:100%;height:100%;position:absolute}.about-swiper ul li:nth-last-child(1){margin-right:0}.about-swiper .product-scrollbar .swiper-scrollbar-drag{background-color:#0a5ab1}.about-swiper .about-next,.about-swiper .about-prev{width:40px;height:40px;background-color:rgba(255,255,255,0.8);font-size:25px;color:#666666;border-radius:50%}.about-swiper .about-next::after,.about-swiper .about-prev::after{font-size:inherit}.about .title-img{width:542px}.about .row .about-left .subtitle{margin-top:-35px}.about .row .about-left .content{height:400px}.about-ent{margin-top:100px;background:url("../images/about_page.png") 100% 100% no-repeat;padding:57px}.about-ent .title{font-size:46px;color:#ffffff;position:relative;width:85%;margin:0 auto}.about-ent .title::before{display:block;content:"";background-color:#0a5ab1;width:80px;height:1px;position:absolute;left:0;top:75px}.about-ent .title::after{display:block;content:"";position:absolute;width:120px;height:1px;background-color:#0d72f8;left:80px;top:75px}.about-ent .row{margin:0 auto;width:85%;height:80%;margin-top:60px}.about-ent .row .col{width:25%;overflow:hidden;transition:all .2s linear}.about-ent .row .col .content{margin-top:40%;color:#ffffff;text-align:center;width:100%;height:340px;transition:all .2s linear}.about-ent .row .col .content .icon{display:inline-block;width:100px;height:100px;border:1px solid #fff;border-radius:50%;position:relative}.about-ent .row .col .content .icon img{width:60%;height:60%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.about-ent .row .col .content .a-title{font-size:24px;position:relative;margin-top:35px}.about-ent .row .col .content .a-title::after{display:block;content:"";width:35px;height:2px;background-color:#ffffff;margin:0 auto;margin-top:26px}.about-ent .row .col .content .desc{font-size:14px;margin-top:26px;padding:0 20px;line-height:26px}.about-ent .row .col:hover{background-color:rgba(240,23,8,0.8)}.about-ent .row .col:hover .content{-webkit-transform:translateY(-10%);transform:translateY(-10%)}.about-ry{background:url("../images/about_ry.png") 100% 100% no-repeat;padding-top:30px;padding-bottom:60px}.about-ry .ry{width:85%;margin:0 auto;position:relative}.about-ry .title{position:relative}.about-ry .title::before{display:block;content:"";background-color:#0a5ab1;width:80px;height:1px;position:absolute;left:0;top:100px}.about-ry .title::after{display:block;content:"";position:absolute;width:120px;height:1px;background-color:#0d72f8;left:80px;top:100px}.about-ry .title .title-img{width:542px}.about-ry .title h1{font-size:40px;color:#0a5ab1;margin-top:-35px;letter-spacing:5px}.about-ry .title h1 span{font-size:22px;color:#666666}.about-ry .pro{width:100%}.about-ry .pro::after{display:block;clear:both;content:""}.about-ry .pro .item{margin:0 1.6%;margin-top:60px;width:30%;position:relative;float:left}.about-ry .pro .item .box{width:100%;padding-bottom:62%;height:0;position:relative}.about-ry .pro .item .box>img{width:100%;height:100%;position:absolute}.about-ry .pro .item .pro-name{font-size:24px;color:#666666;text-align:center;margin-top:5px}.about-ry .pro .item .pro-bg{background-color:rgba(240,41,26,0.5);height:85%;height:calc(94% - 36px);width:94%;position:absolute;left:3%;top:3%;color:#ffffff;-webkit-transform:scale(0);transform:scale(0);transition:all .5s}.about-ry .pro .item .pro-bg>p{position:absolute;bottom:5px;left:0;width:100%;text-align:center}.about-ry .pro .item .pro-bg>img{width:15%;height:15%;position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.about-ry .pro .item:hover .pro-bg{-webkit-transform:scale(1);transform:scale(1)}.about-mobile-box{display:none}@media (max-width:992px){.about .row .about-video{margin-top:30px}.about-swiper ul li{width:45%;height:auto;margin-right:10%}.about-ent .row .col{width:50%}.about-ent .row .col .content{height:280px}.about-ent .row .col:hover .content{-webkit-transform:translateY(0);transform:translateY(0)}.about .row .about-right .about-video{margin-top:60px}.about-pic{margin-top:20px;width:92%}.about-ent{padding:10px}.about-ent .row .col .content .icon{width:80px;height:80px}.about-ent .row .col .content{margin-top:10px}.about .row .wrap{margin-top:20px}.about .row .about-right{display:none}.about-mobile-box{display:block;width:100%;padding-bottom:67%;height:0;position:relative;margin-top:20px}.about-mobile-box>img{width:100%;height:100%;position:absolute}.about{padding-bottom:40px}}@media (max-width:768px){.about{padding-top:35px;padding-bottom:45px}.about .row .about-left .title{font-size:18px}.about .row .about-left .subtitle{font-size:16px}.about .row .about-left .subtitle::after,.about .row .about-left .subtitle::before{top:30px}.about .row .about-left .subtitle::before{width:40px}.about .row .about-left .subtitle::after{width:60px;left:40px}.about .row .about-left .content{font-size:16px;margin-top:35px}.about .row .wrap{margin-top:0;width:95%}.about .row .wrap .box .name{font-size:12px}.about .row .about-left .wrap .box .num .jia{-webkit-transform:translateY(0);transform:translateY(0)}.about-ent .title,.about-ry .title{font-size:14px}.about-ent .title::after,.about-ry .title::after,.about-ent .title::before,.about-ry .title::before{top:30px}.about-ent .title::before,.about-ry .title::before{width:40px}.about-ent .title::after,.about-ry .title::after{width:60px;left:40px}.about-ry .title img{width:60%}.about-ent .title{font-size:20px}.about-ent{padding:0;padding-top:20px;margin-top:20px}.about-ent .row{margin-top:20px}.about-ent .row .col .content{margin-top:20px}.about-swiper ul li{width:48%;height:auto;margin-right:4%}.about-ry .ry{width:95%}.about-ry .title h1 span{font-size:13px}.about-ry{margin-bottom:0}.about-ry .title h1{letter-spacing:0}.about-ry .title .title-img,.about .title-img{width:60%}.about-ry .pro .item{width:46%;margin:0 2%;margin-top:27px}.about-ry .pro{width:100%;justify-content:space-between}.about-ry .pro .item .pro-name{font-size:16px}.about-ent .row .col .content .icon{display:inline-block;width:60px;height:60px}.about-ent .row .col .content .a-title{font-size:16px}.about-ent .row .col .content .desc{font-size:14px}.about-ry .title h1{font-size:20px;margin-top:-24px}.about .row .about-right .about-video{margin-top:30px}.about .row .wrap .box .num{font-size:22px}.about .row .wrap .box .num span:nth-last-child(1){font-size:12px !important}.about .row .wrap .box .num .jia{-webkit-transform:translateY(-14px);transform:translateY(-14px);font-size:12px !important}.about{padding-bottom:0}.about .row .about-left .content{font-size:14px;overflow:auto}.about .row .about-left .content p span{font-size:14px !important}.about-swiper .about-next,.about-swiper .about-prev{display:none}}