@charset "UTF-8";

.about .abox1 .box .item .t2 p{ color:#000;}
.about .abox1 .box .item .t1 p{ color:#000;}

.about-banner{width: 100%; position: relative;}
.about-banner .img{width: 100%; height: 8.6rem; display: flex;}
@media (max-width: 500px){.about-banner .img{height: 6rem;}}
.about-banner .img img{width: 100%; height: 100%; object-fit: cover;}
.about-banner .about-box{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; position: absolute; left: 50%; top:44%; transform: translate(-50%, -50%);}
@media (max-width: 1600px){.about-banner .about-box{width: 84%;}}
@media (max-width: 1280px){.about-banner .about-box{width: 90%;}}
@media (max-width: 500px){.about-banner .about-box{position: relative; left: initial; top: initial; transform: translate(0, 0); margin: auto; padding: 0.5rem 0;}}
.about-banner .about-box .box1{width:61%;}


@media (max-width: 500px){.about-banner .about-box .box1{width: 100%;}}
.about-banner .about-box .box1 .icon{width: 66px; height: 48px;}
.about-banner .about-box .box1 .icon img{width: 100%; height: 100%;}
.about-banner .about-box .box1 .title{font-size: 0.3rem; color: #FEFEFE; line-height: 0.4rem; font-weight: lighter;  text-transform: capitalize;}
.about-banner .about-box .box1 .title b{display: block; margin-bottom: 10px;}
.about-box .box1 .title b{font-weight: bold; font-size: 36px; letter-spacing: 1px; display: block; font-family: 'Montserrat-Extra-Bold', Microsoft Yahei, Arial; text-align: left; color:#fff;}
@media (max-width: 500px){.about-banner .about-box .box1 .title{color: #111;}}
.about-banner .about-box .box1 .txt{color: #FFFFFF; line-height:28px; height: 1.7rem; overflow-y: auto; margin-top: 0.4rem; padding-right: 0.3rem; /* 滚动条 */     font-family: "han";}

.about-banner .about-box .box1 .txt::-webkit-scrollbar{width: 3px;}
.about-banner .about-box .box1 .txt::-webkit-scrollbar-track{background: rgba(0, 0, 0, 0.08); border-radius: 2px;}
.about-banner .about-box .box1 .txt::-webkit-scrollbar-thumb{background: #fff; border-radius: 25px;}
.about-banner .about-box .box1 .txt::-webkit-scrollbar-corner{background: #fff;}


.ab7 .alt .tc::-webkit-scrollbar{width: 4px;height: 1px;}
.ab7 .alt .tc::-webkit-scrollbar-thumb{background: #000;}
.ab7 .alt .tc::-webkit-scrollbar-track{background: #fff;}

.about-banner .about-box .box1 .txt p{color: #FFFFFF; margin-bottom:5px;}
@media (max-width: 1600px){.about-banner .about-box .box1 .txt{line-height: 28px;}}
@media (max-width: 1440px){.about-banner .about-box .box1 .txt{line-height: 26px;}}
@media (max-width: 1366px){.about-banner .about-box .box1 .txt{line-height: 24px;}}
@media (max-width: 500px){.about-banner .about-box .box1 .txt{margin-top: 0.2rem; color: #333;}}


.about-banner .about-box .box2{width: 47%; background: rgba(217, 0, 18, 0.85); border-radius: 0.1rem; display: flex; flex-wrap: wrap; padding: 0.3rem 0.5rem;}
@media (max-width: 500px){.about-banner .about-box .box2{width: 100%; padding: 0.2rem 0.2rem; margin-top: 0.5rem;}}
.about-banner .about-box .box2 .item{width: 50%; color: #fff; padding: 0.5rem 0;}
.about-banner .about-box .box2 .item:last-child{display: flex; align-items: center; justify-content: center;}
@media (max-width: 500px){.about-banner .about-box .box2 .item{padding: 0.2rem 0;}}
.about-banner .about-box .box2 .item .num{font-size: 24px; display: flex; justify-content: center; font-weight: bold;}
.about-banner .about-box .box2 .item .num span{font-size: 0.62rem; line-height: 0.62rem; font-weight: initial;}
.about-banner .about-box .box2 .item .txt{text-align: center;}
.about-banner .about-box .box2 .item .icon{width: 0.66rem; height: 0.48rem; margin: auto; display: flex;}
.about{width: 100%;}
.about .abox1{width: 100%; background: #f5f5f5; position: relative;}
@media (max-width: 500px){.about .abox1{padding-top: 1rem;}}
.about .abox1 .box{margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; position: relative;}
.box{max-width: inherit !important; min-width: inherit !important;}
@media (max-width: 1600px){.about .abox1 .box{width: 84%;}}
@media (max-width: 1280px){.about .abox1 .box{width: 90%;}}
.about .abox1 .box .item{width:48%; background: #fff; border-radius: 0.1rem; display: flex; align-items: center; padding: 0.5rem 0 0.5rem 0.65rem; margin-top: -1.3rem;}
@media (max-width: 768px){.about .abox1 .box .item{padding: 0.5rem; flex-wrap: wrap;}}
@media (max-width: 500px){.about .abox1 .box .item{margin-top: 0; width: 100%; margin-bottom: 0.3rem;} .about .abox1 .box .item:nth-child(2){margin-bottom: 0;}}
.about .abox1 .box .item .t1{flex-shrink: 0; font-size:1.1vw; font-weight: bold; color: #001961; line-height: 1; font-family: "Microsoft YaHei";}
.about .abox1 .box .item .t1 img{width: 0.7rem; display: block; margin:0 auto 0.1rem;}
.about .abox1 .box .item .t2{width: 100%; margin-left: 0.5rem; font-size:1.25vw; color: #000; line-height:36px;}
@media (max-width: 1600px){.about .abox1 .box .item .t2{font-size: 20px; line-height: 34px;}}
@media (max-width: 1440px){.about .abox1 .box .item .t2{font-size: 18px; line-height: 32px;}}
@media (max-width: 1366px){.about .abox1 .box .item .t2{font-size: 16px; line-height: 30px;}}
@media (max-width: 768px){.about .abox1 .box .item .t2{margin-left: 0; margin-top: 0.3rem;}}
.about .abox2{width: 100%; background: #f5f5f5; padding: 1.2rem 0;}
.about .abox2 .box{ margin: auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
@media (max-width: 1600px){.about .abox2 .box{width: 84%;}}
@media (max-width: 1280px){.about .abox2 .box{width: 90%;}}
.about .abox2 .box .left{width: 47%; padding-top: 35px; padding-left: 0.7rem; position: relative;}
@media (max-width: 500px){.about .abox2 .box .left{display: none;}}
.about .abox2 .box .left .line{width: 0.05rem; height: 100%; background: #DDDDDD; border-radius: 0.03rem; position: absolute; left: 0; top: 0;}
.about .abox2 .box .left .line span{height: 40%; background: #001961; border-radius: 3px; width: 100%; position: absolute; left: 0; top: 0; transition: all ease-in 0.5s;}
@media (max-width: 768px){.about .abox2 .box .left .line span{height: 45%;}}
.about .abox2 .box .left ul li{width: 100%; margin-bottom: 0.5rem; cursor: pointer;}
.about .abox2 .box .left ul li .t1{font-size:1.7vw; line-height: 1;}
.about .abox2 .box .left ul li .t2{line-height:30px; color: #333; margin-top: 0.14rem; display: none;  height:121px; overflow-y: auto; font-size:0.9vw;}
.about .abox2 .box .left ul li.on .t1{color: #001961;}
.about .abox2 .box .left ul li.on .t2{display: block;}
.about .abox2 .box .img{width: 47%;}
@media (max-width: 500px){.about .abox2 .box .img{display: none;}}
.about .abox2 .box .img ul li{width: 100%; border-radius: 0.1rem; overflow: hidden; display: none;}
.about .abox2 .box .img ul li.on{display: block;}
.about .abox2 .box .img ul li img{width: 100%;}
.about .abox2 .box .mobile-list{width: 100%; display: none;}
@media (max-width: 500px){.about .abox2 .box .mobile-list{display: block;}}
.about .abox2 .box .mobile-list .swiper{width: 100%; height: 100%; overflow: hidden;}
.about .abox2 .box .mobile-list .swiper .swiper-slide{width: 100%; position: relative;}
.about .abox2 .box .mobile-list .swiper .swiper-slide .imgs{width: 100%; height: 4rem; border-radius: 0.1rem; overflow: hidden;}
.about .abox2 .box .mobile-list .swiper .swiper-slide .txt{width: 100%; /*position: absolute;*/ /*left: 0;*/ /*bottom: 0;*/ /*z-index: 2;*/ font-size: 0.28rem; color: #333; line-height: 0.38rem; margin-top: 0.2rem; /*background: rgba(0, 0, 0, 0.1);*/}
@media (max-width: 500px){.about .abox2 .box .mobile-list .swiper .swiper-slide .txt{font-size: 18px; line-height: 28px;}}
.about .abox2 .box .mobile-list .swiper .swiper-slide .t2{margin-top: 0.2rem; font-size: 14px; line-height: 24px; color: #666;}
.about .abox3{width: 100%;padding: 1.2rem 0;}
.about .abox3 .top .title{text-align: center;color: #161B27;font-size: 0.36rem;line-height: 0.5rem;}
.about .abox3 .top .title span{color: #001961;}
.about .abox3 .list{margin-top: 0.5rem;}
.about .abox3 .list .g-about-fz-b{width: 100%;margin-bottom: 0.5rem;height: 100px;position: relative;z-index: 1;}
.about .abox3 .list .g-about-fz-b::after{content: '';position: absolute;height: 1px;background: #E3E3E3;width: 100%;top: 50%;left: 0;z-index: -1;}
.about .abox3 .list .g-about-fz-b-box{padding: 0 1.3rem;height: 100%;}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b-box{padding: 0 5%;}}
.about .abox3 .list .g-about-fz-b-box .swiper-container{width: 100%;height: 100%;overflow: hidden;}
.about .abox3 .list .g-fzb{position: relative;cursor: pointer;height: 100%;}
.about .abox3 .list .g-fzb i{position: absolute;left: 50%;transform: translateX(-50%);}
.about .abox3 .list .g-fzb .i1{width: 10px;height: 10px;background: #E4E4E4;border-radius: 50%;left: 50%;top: 50%;transform: translate(-50%, -50%);}
@media (max-width: 500px){.about .abox3 .list .g-fzb .i1{left: 0;transform: translate(0, -50%);}}
.about .abox3 .list .g-fzb .i2{width: 40px;height: 40px;border: 2px solid #ee7700;border-radius: 50%;opacity: 0;}
.about .abox3 .list .g-fzb p{color: #ccc;text-align: center;position: absolute;left: 53%;transform: translateX(-50%);top: calc(50% + 20px);font-weight: bold;}
@media (max-width: 500px){.about .abox3 .list .g-fzb p{left: 50%;transform: translateX(-75%);font-weight: initial;}}
.about .abox3 .list .g-about-fz-b .x-s-bot{display: flex;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{width: 60px;height: 60px;border-radius: 50%;position: absolute;cursor: pointer;background: #001961;transition: 0.5s all;margin-right: 20px;left: 0;top: 50%;transform: translateY(-50%);z-index: 100;border: 2px solid #001961;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{width: 50px;height: 50px;}}
@media (max-width: 767px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{width: 40px;height: 40px;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1{display: none;}}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1:hover{background: #001961;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1:hover::before{background: url(../images/arrow8.png) no-repeat center;background-size: 100% 100%;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1::before{content: "";width: 10px;height: 16px;background: url(../images/arrow8.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.5s all;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-prev1::before{width: 10px;height: 14px;}}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{width: 60px;height: 60px;border-radius: 50%;position: absolute;cursor: pointer;background: #001961;transition: 0.5s all;right: 0;top: 50%;transform: translateY(-50%);z-index: 100;border: 2px solid #001961;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{width: 50px;height: 50px;}}
@media (max-width: 767px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{width: 40px;height: 40px;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1{display: none;}}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1:hover{background-color: #001961;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1:hover::before{background: url(../images/arrow9.png) no-repeat center;background-size: 100% 100%;}
.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1::before{content: "";width: 10px;height: 16px;background: url(../images/arrow9.png) no-repeat center;background-size: 100% 100%;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);transition: 0.5s all;}
@media (max-width: 1580px){.about .abox3 .list .g-about-fz-b .x-s-bot .swiper-button-next1::before{width: 10px;height: 14px;}}
.about .abox3 .list .g-about-fz-b .x-s-bot{position: absolute;top: 50%;left: 50%;transform: translateX(-50%);z-index: 100;}
.about .abox3 .list .g-about-fz-b .swiper-slide{width: calc((100% - 7rem)/9) !important;}
@media (max-width: 768px){.about .abox3 .list .g-about-fz-b .swiper-slide{width: calc((100% - 5.76rem)/4) !important;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .swiper-slide{width: calc((100% - 2.5rem)/4) !important;}}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active{width: 7.76rem !important;}
@media (max-width: 768px){.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active{width: 5.76rem !important;}}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active{width: 2.5rem !important;}}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{color: #001961;top: 50%;transform: translate(0, -50%);font-size:1rem;padding: 0;  font-family: "DIN-BOLD";}
@media (max-width: 500px){.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb p{font-size: 0.5rem;left: 11px;font-weight: bold;}}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb .i2{opacity: 1;}
.about .abox3 .list .g-about-fz-b .swiper-slide-thumb-active .g-fzb .i1{background: #001961;}
.about .abox3 .list .g-about-fz-box{background: #fff;padding: 0.82rem 0 0.9rem;}
.about .abox3 .list .g-about-fz-t{overflow: hidden;}
@media (max-width: 768px){.about .abox3 .list .g-about-fz-t{padding: 0;}}
.about .abox3 .list .g-fz{display: flex;justify-content: space-between; width:80%; margin:auto;}
@media (max-width: 768px){.about .abox3 .list .g-fz{padding: 0 5%;}}
@media (max-width: 500px){.about .abox3 .list .g-fz{flex-wrap: wrap;}}
.about .abox3 .list .g-fz-l{width: 50%;display: flex;flex-direction: column;padding: 0.52rem 0 0 0.7rem;align-items: flex-start;line-height: 36px;}
@media (max-width: 1600px){.about .abox3 .list .g-fz-l{line-height: 34px;}}
@media (max-width: 1440px){.about .abox3 .list .g-fz-l{line-height: 32px;}}
@media (max-width: 1366px){.about .abox3 .list .g-fz-l{line-height: 30px;}}
@media (max-width: 1280px){.about .abox3 .list .g-fz-l{line-height: 28px;}}
@media (max-width: 1024px){.about .abox3 .list .g-fz-l{line-height: 26px;}}
@media (max-width: 768px){.about .abox3 .list .g-fz-l{padding: 0 0 0 0.3rem;}}
@media (max-width: 500px){.about .abox3 .list .g-fz-l{width: 100%;padding: 0;margin-top: 0.3rem;}}
.about .abox3 .list .g-fz-r{width: 50%;height: 4.5rem;border-radius: 0.1rem;overflow: hidden;}
@media (max-width: 768px){.about .abox3 .list .g-fz-r{height: 3.1rem;}}
@media (max-width: 500px){.about .abox3 .list .g-fz-r{width: 100%;height: 4rem;}}
.about .abox3 .list .g-fz-r img{width: 100%;height: 100%;object-fit: cover;}
.about .abox3 .list .g-fz-l p{color: #666;padding: 0 20px;border-radius: 5px;transition: all 0.6s;}
.about .abox3 .list .g-fz-l p span{width: 8px;height: 8px;border: 2px solid #001961;border-radius: 50%;opacity: 0;display: inline-block;}
.about .abox3 .list .g-fz-l p:hover{color: #111;font-size: 18px;font-weight: bold;}
.about .abox3 .list .g-fz-l p:hover span{opacity: 1;}
@media screen and (max-width: 1580px){.about .abox3 .list .g-fz-l p:hover{font-size: 16px;}}
.about .abox4{width: 100%; background: url(../images/about-bg.jpg) center center no-repeat; background-size: cover; padding: 1.17rem 0;}
.about .abox4 .top{width: 100%;}
.about .abox4 .top .title{font-size: 0.36rem; line-height: 0.4rem; color: #111; text-align: center; margin-bottom:50px; font-family: 'Montserrat-Extra-Bold', Microsoft Yahei, Arial;}
.about .abox4 .top .title span{color: #001961;}
.about .abox4 .top .txt{max-width: 860px; color: #666; line-height: 30px; margin: 0.2rem auto 0; text-align: center;}
@media (max-width: 1600px){.about .abox4 .top .txt{line-height: 28px;}}
@media (max-width: 1440px){.about .abox4 .top .txt{line-height: 26px;}}
@media (max-width: 1366px){.about .abox4 .top .txt{line-height: 24px;}}
.about .abox4 .list{width: 100%; margin-top: 0.45rem;}
.about .abox4 .list .swiper{width: 100%; overflow: hidden; height: 2.4rem;}
.about .abox4 .list .swiper .swiper-wrapper{-webkit-transition-timing-function: linear; -moz-transition-timing-function: linear; -ms-transition-timing-function: linear; -o-transition-timing-function: linear; transition-timing-function: linear;}
.about .abox4 .list .swiper .swiper-slide{-webkit-filter: grayscale(100%); /* Chrome, Safari, Opera */ filter: grayscale(100%); border-radius: 0.1rem; padding: 0 0.4rem; display: flex; justify-content: center; align-items: center; height: calc(100% / 2);}
.about .abox4 .list .swiper .swiper-slide img{max-width: 100%; max-height: 100%;}
.about .abox4 .list .swiper .swiper-slide:hover{background: #fff; -webkit-filter: grayscale(0); /* Chrome, Safari, Opera */ filter: grayscale(0);}
@media (max-width: 500px){.about .abox4 .list .swiper .swiper-slide{padding: 0.2rem;}}
.about .abox4 .list .ckbox{width: 100%; display: flex; justify-content: center; align-items: center; margin-top: 0.14rem; display: none;}
.about .abox4 .list .ckbox .prev{width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.about .abox4 .list .ckbox .prev img{width: 13px;}
.about .abox4 .list .ckbox .next{width: 54px; height: 54px; display: flex; justify-content: center; align-items: center; cursor: pointer;}
.about .abox4 .list .ckbox .next img{width: 13px;}



.whsl{position: relative;}
.whsl_tle{text-align: center;}
.whsl_tleh{font-size: 48px;}
.whsl_tleimg img{margin: 20px auto 0;}
.whsl_p{margin: 45px auto;width: 100%;/* text-align: center;*/font-size: 16px;color: #777777;line-height: 28px;}
.whsl_p p{margin-bottom: 5px;}
.whsl_p p:nth-child(even){margin-left: 2em;}
.whsl_t{display: flex; margin:auto;}
.whsl_t>div{width:100%;}
.whsl_l{display: flex;flex-wrap: wrap;}
.whsl_l .whsl_la{position: relative;margin-right: 20px;width: calc(33% - 20px);overflow: hidden;margin-top: 20px;}
/*.whsl_l .whsl_la:nth-child(-n + 2){margin-top: 0;}*/
.whsl_la img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.whsl_la:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.whsl_ladw{position: absolute;bottom: 0;left: 0;width: 100%;height: 50px;line-height: 50px;text-align: center;background-color: rgba(0, 0, 0, .5);color: #fff;font-size: 16px;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.whsl_la:hover .whsl_ladw{background-color: #001961;}
.whsl_r{position: relative;overflow: hidden;}
.whsl_r img{width: 100%;height: 100%;object-fit: cover;transition: all .4s;-webkit-transition: all .4s;-moz-transition: all .4s;-ms-transition: all .4s;-o-transition: all .4s;}
.whsl_r:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);}
.whsl_rdw{position: absolute;bottom: 125px;right: 0;display: flex;height: 110px;background-color: rgba(0, 0, 0, .8);}
.whsl_rdwl{width: 270px;display: flex;flex-direction: column;justify-content: center;text-align: center;}
.whsl_rdwlh{font-weight: 700;font-size: 24px;color: #fff;}
.whsl_rdwlp{font-size: 16px;color: #fff;opacity: .8;}
.whsl_rdwr{width: 100px;display: flex;align-items: center;justify-content: center;background-color: rgba(16, 110, 203, .8);}
.whsl_rdwr i{font-size: 45px;color: #fff;}
@media screen and (max-width: 1600px){/* 实力*/.whsl{margin-top: -20px;}
.whsl_tleh{font-size: 40px;}
.whsl_tleimg img{margin-top: 20px;}
.whsl_p{margin: 40px auto;width: 80%;font-size: 16px;line-height: 26px;}
.whsl_ladw{font-size: 16px;}
.whsl_rdw{bottom: 80px;}
.whsl_rdwlh{font-size: 26px;}
.whsl_rdwlp{font-size: 16px;}}@media screen and (max-width: 1400px){/* 实力*/.whsl_rdw{bottom: 60px;height: 100px;}
.whsl_tleh{font-size: 36px;}
.whsl_tleimg img{margin-top: 15px;}
.whsl_p{width: 85%;margin: 30px auto;}
.whsl_ladw{font-size: 14px;}
.whsl_rdwlh{font-size: 24px;}
.whsl_rdwlp{font-size: 14px;}}@media screen and (max-width: 1200px){/* 实力*/.whsl{margin-top: 0;}
.whsl_tleh{font-size: 32px;}
.whsl_tleimg img{margin-top: 12px;}
.whsl_p{font-size: 14px;line-height: 24px;}}@media screen and (max-width: 992px){/* 实力*/.whsl{margin: 0;}
.whsl_tleh{font-size: 30px;}
.whsl_tleimg img{margin-top: 10px;}
.whsl_p{margin: 25px auto;width: 90%;font-size: 13px;line-height: 23px;}
/* 优势*/.whsl_rdw{width: 100%;bottom: 0;}}@media screen and (max-width: 768px){/* 实力*/.whsl{margin-top: 50px;}
.whsl_tleh{font-size: 24px;}
.whsl_tleimg img{margin-top: 2px;max-width: 60%;}
.whsl_p{width: 100%;margin: 25px auto 20px;}
.whsl_t{flex-wrap: wrap;}
.whsl_t>div{width: 100%;}
.whsl_l .whsl_la{width: 49%;margin-right: 2%;margin-top: 10px;}
.whsl_l .whsl_la:nth-child(3n){margin-right: 0;}
.whsl_r{margin-top: 10px;}
.whsl_ladw{font-size: 12px;height: 40px;line-height: 40px;}
.whsl_rdwr i{font-size: 34px;}
.whsl_rdw{height: 80px;}
.whsl_rdwlh{font-size: 20px;}
.whsl_rdwlp{font-size: 12px;}}


.about .abox4 .top .title{text-align: center; color: #161B27; font-size: 0.46rem; line-height: 0.5rem;  text-transform: uppercase;}
.about .abox4 .top .title span{color: #001961;}


.picBox{position:relative;float:right;}

@media (min-width: 1210px){.cont87{width:98%;} .container{width: 90%;}
.pz_s{ height:640px;}
}
@media (min-width:1366px){.cont87{width:96%; padding-right: 15px;
    padding-left: 15px;} .container{width: 90%;}
.pz_s{ height:660px;}
}}
@media (min-width:1440px){.cont87{width: 94%;} .container{width:90%;}
.pz_s{ height:680px;}

}
@media (min-width: 1580px){.cont87{width: 92%;} .container{width:90%;}
.pz_s{ height:700px;}}
@media (min-width: 1600px){.cont87{width:92%;} .container{width:90%; margin:auto;}
.pz_s{ height:700px;}
}
@media (min-width: 1680px){.cont87{width:92%;} .container{width: 90%;}
.pz_s{ height:710px;}
}

@media (min-width: 1920px){.cont87{width:88.2%;}
.pz_s{ height:730px;}
}}}

	
	

.picBox .pic{width:auto;background:#fff; right:0px;}
.picBox .pic img{display:block;width:auto;transition:all 0.5s;}
.picBox .pic:hover img{opacity:0.8;}
.picBox .playerBtn{position:absolute; left:180px; bottom:12px;height:19px;text-align:center;cursor:pointer;overflow:hidden;transition:all 0.5s;}
.picBox .playerBtn i{display:block;margin:0 auto;width:17px;height:19px;background:url(../images/20221209083450_766398156.png) no-repeat center;background-size:100%;}
.picBox .playerBtn span{display:block;margin-top:0.625rem;font-size:1.125rem;color:#fff;}
/*picBox .playerBtn:hover{background:#a04405;}*/
.picBox .playerBtn:hover i{transform:rotate(360deg);transition:all 0.5s;}

/*--video-pop--*/
.video-pop{display:none;position:fixed;z-index:9999;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.5);}
.video-pop .inner{position:fixed;top:50%;left:50%;width:1000px;height:355px;background:#000;transform:translate(-50%,-50%);}
.video-pop .close{position:absolute;right:10px;top:10px;width:30px;height:30px;cursor:pointer;background:url(../images/20221209083450_994900742.png) no-repeat center;transition:all 0.5s;}
.video-pop .close:hover{transform:rotate(360deg);}
.video-pop #videoiframe{width:1000px;height:355px;overflow:hidden;}
.video-pop #videoiframe iframe{display:block;width:1000px;height:355px;}
@media (max-width:992px){
.video-pop .inner{width:90vw;height:54vw;}
.video-pop #videoiframe,.video-pop #videoiframe iframe{width:90vw;height:54vw;}
}


.info-wrap2-app{display: none;}
.info-wrap2{background: url(../images/20221206185738_879756734.jpg) no-repeat center;padding-top: 49px;}
.info-wrap2 li{float: left;width: 25%;text-align: center;overflow: hidden;position: relative;}

.info-wrap2 li i{display: inline-block;font-size: 20px; color: #fff; margin-top:14px;}
.info-wrap2 li p{font-size:60px;color: #fff;line-height: 76px; }
.info-wrap2 li i em{font-size:67px;color:#fff; font-family: "din"; font-weight: 500;font-style: normal;vertical-align: baseline;line-height: 76px;margin-right: 10px;}
.info-wrap2 li b{font-size: 18px;line-height: 30px;display: block;margin-top:5px; font-weight:normal;}

.info-wrap2 li::after{position: absolute;top: 43%;transform: translateY(-50%);right: 0;content: "";display: block;height: 202px;width: 1px;border-left: 1px solid rgba(255, 255, 255, .1);}
.info-wrap2 li:hover>img{animation: swing;animation-duration: 3s;cursor: pointer;}
.info-wrap2 h4{color: #fff;font-size:20px; margin:12px 0 18px;}
.info-wrap2 .info-font{color: #fff;text-align: center;position: relative;padding: 10px 100px 68px;}
/* .info-wrap2 .info-font img{display: block;margin: 0 auto;}*/.info-wrap2 .info-font>div{width: 100%;transition: all 2s;text-align: center;}
.info-wrap2 .info-font p{font-size: 16px;line-height: 28px;position: absolute;top: 27%;left: -100%;transform: translateY(-50%);width: 100%;padding: 0 90px;transition: all 5s;}
.info-wrap2 li:hover .info-font>div{transform: translateX(100%);}
.info-wrap2 li:hover p{transform: translate(100%,-50%);}


.picBox .playerBtn{width:200px; height:200px; bottom:60px; right:0;}
.picBox .playerBtn i{background:url(../images/20221209170311_330183357.png) no-repeat; width:20px; height:29px; margin-top:42px;  margin-top: 60px; margin-right: 111px;}

@keyframes warn {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.6;
    }
    100% {
        transform: scale(1);
    -webkit-transform: scale(1);
        opacity: 0.0;
    }
}
@keyframes warn1 {
    0% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.0;
    }
    25% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.1;
    }
    50% {
        transform: scale(0.3);
    -webkit-transform: scale(0.3);
        opacity: 0.3;
    }
    75% {
        transform: scale(0.5);
    -webkit-transform: scale(0.5);
        opacity: 0.6;
    }
    100% {
        transform: scale(0.8);
    -webkit-transform: scale(0.8);
        opacity: 0.0;
    }
}

.pulse{ position:absolute; top:50%; left:50%; z-index:-1; margin-top:-100px; margin-left:-100px; width:150px; height:150px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#001961; box-shadow:1px 1px 20px #001961; opacity:0; -webkit-animation:warn 2s ease-out 1s; -moz-animation:warn 12 ease-out 1s; animation:warn 2s ease-out 1s; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }
.pulse1{ position:absolute; top:50%; left:50%; z-index:-1; margin-top:-100px; margin-left:-100px; width:150px; height:150px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#001961; box-shadow:1px 1px 20px #001961; opacity:0; -webkit-animation:warn 2s ease-out; -moz-animation:warn 2s ease-out; animation:warn 2s ease-out; -webkit-animation-iteration-count:infinite; -moz-animation-iteration-count:infinite; animation-iteration-count:infinite; transform:scale(0); }
.imgmid{line-height: 19px;}