/*YQtitle*/
.YQtitle{font-size:0.48rem;text-align:center;line-height:1;padding:1.1rem 0 0.8rem 0;color:#333333;}
@media screen and (max-width: 1680px) {
    .YQtitle{font-size:0.4rem;padding:1rem 0 0.7rem 0;}
}
@media screen and (max-width: 1440px){
    .YQtitle{font-size: 36px;}
}
@media screen and (max-width: 1250px){
    .YQtitle{font-size:0.3rem;padding:0.9rem 0 0.6rem 0;}
}
@media screen and (max-width: 768px) {
    .YQtitle{font-size:22px;padding:0.7rem 0 0.5rem 0;}
}

/*YQintroOnes*/
.YQintroOnes{overflow: hidden;width: 100%;padding-top:1.1rem;}
.YQintroOnes  .video-boxs{height: 4.2rem;overflow: hidden;width: 100%;}
.YQintroOnes .intros{margin-top: .6rem;padding-bottom: .9rem;overflow: hidden;}
.YQintroOnes .intros p{padding-top: .25rem;color: #333;font-size: 20px;line-height: 1.8;text-indent: .35rem;}
.YQintroOnes  .video-boxs a{display: block;width: 100%;height: 100%;position: relative;overflow: hidden;}
.YQintroOnes  .video-boxs div.cover{width: 100%;height: 100%;position: absolute;background: rgba(0,0,0,.4);top:0;z-index: -1;left:0;}
.YQintroOnes  .video-boxs span.play{display: block;width: 59px;height: 59px;background: url(../images/play.png) no-repeat center;position: absolute;z-index: 5;top:40%;margin-top: -30px;margin-left: -30px;left:50%;}
.YQintroOnes  .video-boxs a p.txt{color:#fff;font-size:36px;text-align: center;width: 100%;position: absolute;top:2.3rem;left: 0;z-index: 6;height:.5rem;line-height: .5rem;}

/*YQintroTwos*/
.YQintroTwos{width:100%;overflow: hidden;padding: 0 0 1.6rem 0;position: relative;}
.YQintroTwos .twostitle{font-size:0.48rem;color:#333333;text-align: left;line-height:1;padding:1rem 0 0.4rem;}
.YQintroTwos .twostitles{font-size:22px;color:#333333;text-align: left;line-height:1;padding:0 0 0.4rem ;}
.YQintroTwos::before{content:'' ;display:block;width: 38%;height: 100%;background: #f7f7f7;position:absolute;top: 0;left: 0;z-index: -1;}
.YQintroTwos .YQintroTwosbox{width: 100%;overflow: hidden;}
.YQintroTwos .YQintroTwosbox .leftpic{width: 43%;overflow: hidden;position: relative;}
.YQintroTwos .YQintroTwosbox .leftpic .imgs{width: 100%;overflow: hidden;}
.YQintroTwos .YQintroTwosbox .leftpic .imgs img{width:100%;}
.YQintroTwos .YQintroTwosbox .leftpic a{display: block;position: absolute;bottom: 1.2rem;right: .7rem;color: #fff;font-size: .24rem;border: 1px solid #fff;background: url(../images/downs.png) no-repeat .25rem center;height: .55rem;width: 2rem;border-radius: .3rem;text-indent: .7rem;line-height: .55rem;}
.YQintroTwos .YQintroTwosbox .leftpic a:hover {border-color: #03B9C5;background-color: #03B9C5;}
.YQintroTwos .YQintroTwosbox  .right-txt{width:48%;}
.YQintroTwos .YQintroTwosbox  .right-txt p{font-size: 22px;color: #000000;padding: .1rem 0;line-height: 1.7;}
.YQintroTwos .YQintroTwosbox  .right-txt p span{color: #03B9C5;font-weight: 600;display: inline-block;width: 1.3rem;text-align:right}
.YQintroTwos .YQintroTwosbox  .right-txt p em{display: inline-block;text-align: left;width: calc(100% - 1.3rem);}
.YQtitle{font-size:0.45rem;text-align:center;line-height:1;padding:1.1rem 0 0.8rem 0;color:#333333;}
.YQintroTwos .YQintroTwosbox .rightpic{width:55%;}
.YQintroTwos .YQintroTwosbox .rightpic .imgs img{width:100%;}
@media screen and (max-width: 1680px) {
    .YQintroTwos{padding-bottom:1.3rem;}
    .YQtitle{font-size:35px;}
    .YQintroTwos .YQintroTwosbox .right-txt{width:50%;}
    .YQintroTwos .YQintroTwosbox .right-txt p{font-size:20px;}
    .YQintroTwos .twostitle{font-size:35px;padding:0.8rem 0 0.4rem;}
    .YQintroTwos .twostitles{padding:0 0 0.3rem;}
}
@media screen and (max-width: 1440px){
    .YQintroTwos{padding-bottom:1.1rem;}
    .YQtitle{font-size:32px;}
    .YQintroTwos .YQintroTwosbox .right-txt{width:55%;}
    .YQintroTwos .YQintroTwosbox .right-txt p{font-size:17px;padding:0.08rem 0;}
    .YQintroTwos .twostitle{font-size: 32px;padding:0.6rem 0 0.3rem;}
   .YQintroTwos .twostitles{font-size: 32px;padding:0 0 0.3rem;;}
}
@media screen and (max-width: 1250px){

    .YQintroTwos{padding-bottom:1.1rem;}
    .YQintroTwos .YQintroTwosbox .right-txt{width:60%;}
    .YQintroTwos .YQintroTwosbox .right-txt p{font-size:18px;padding:0.05rem 0;}
    .YQintroTwos  .twostitle{font-size:28px;padding:0.5rem 0 0.25rem;}
     .YQintroTwos  .twostitles{font-size:28px;padding:0 0 0.3rem;;}
}
@media screen and (max-width: 1150px){
    .YQintroTwos .YQintroTwosbox .right-txt{width:62%;}
    .YQintroTwos .YQintroTwosbox .right-txt p{font-size:16px;padding:0.03rem 0;}
}
@media screen and (max-width: 900px) {
    .YQintroTwosbox{display: block;}
    .YQintroTwos .twostitle{text-align:center;}
     .YQintroTwos .twostitles{text-align:center;}
    .YQintroTwos .YQintroTwosbox .right-txt{width:100%;background:#fff;padding:0.1rem 0;}
    .YQintroTwos .YQintroTwosbox .right-txt p{display: block;padding:0.1rem 0;}
    .YQintroTwos .YQintroTwosbox .right-txt p span{width:100px;display: block;float:left;}
    .YQintroTwos .YQintroTwosbox .right-txt p em{width:auto;display: block;margin-left:100px;}
    .YQintroTwos .YQintroTwosbox .leftpic{width:100%;}
    .YQintroTwos .YQintroTwosbox .rightpic{width:100%;}
}



/**YQintroThrees*/
.YQintroThrees{width: 100%;overflow: hidden;padding: 1rem 0;background: url(../images/about/process-bg.png) no-repeat center;background-size: cover;}
.YQintroThrees .title dt{font-size:0.48rem;color:#fff;line-height:1;}
.YQintroThrees .title dd{font-size:0.30rem;color:#fff;line-height:1;margin-top:0.35rem;}
.YQintroThrees .content{margin-right:300px;margin-top:60px;overflow: hidden;display:none;}
.YQintroThrees .content.on{display:block;}
.YQintroThrees .process-boxs{position: relative;}
.YQintroThrees .content dl{background:rgba(0,0,0,0.3);margin-right:3%;padding:20px;border-radius:10px;box-sizing:border-box;}
.YQintroThrees .content dt{color:#FFFFFF;font-size:30px;}
.YQintroThrees .content dd{font-size:19px;color:#fff;line-height:1.64;margin-top:20px;height:300px;overflow-y:auto;}
.YQintroThrees .content dd p{position: relative;text-indent:20px;}
.YQintroThrees .content dd p::after{content:"";width:10px;height:10px;background: #EBE725;position:absolute;left:0;top:13px;border-radius:5px;}
.YQintroThrees .tab{width:250px;right:0;top:50%;position:absolute;height:300px;margin-top:-170px;}
.YQintroThrees .tab{border-left:1px solid #1FCDDB;right:-25px;}
.YQintroThrees .tab .swiper-slide{height:33%;font-size:20px;color:#fff;opacity:0.5;transition: all 0.4s ease-out;cursor: pointer;padding-left:25px;text-indent:30px;}
.YQintroThrees .tab .swiper-slide-next{font-size:36px !important;opacity:1 !important;transition: all 0.4s ease-out;font-weight:700;}
.YQintroThrees .tab .swiper-container{height:100%;left:-25px;}
.YQintroThrees .tab .swiper-wrapper{height:100%;}
.YQintroThrees .tab .btn{width:40px; height:40px; cursor: pointer;border:1px solid #00B3C3;border-radius:50%;text-align:center;font-size:18px;color:#fff;left:-21px;background-color:#1FCDDB;position:absolute;z-index:8;top:-40px;font-weight:700;}
.YQintroThrees .tab .next{bottom:0;transform: rotate(180deg);top:auto;bottom:-40px;}
.YQintroThrees .tab .swiper-slide::after{content:"";width:10px;height:1px;background:#fff;left:19px;position:absolute;}
.YQintroThrees .tab .swiper-slide-next::after{width:38px;height:29px;background:none;top:50%;margin-top:-14.5px;background:url(../images/zx.png) no-repeat center center;left:0;}
.YQintroThrees .tab .swiper-slide-next::after{background-size:100% 100%;top:50%;margin-top:-14.5px;}

@media screen and (max-width: 1680px) {
    .YQintroThrees .title dt{font-size:35px;}
    .YQintroThrees .title dd{font-size:0.28rem;margin-top:0.3rem;}
    .YQintroThrees .content{margin-top:40px;}
    .YQintroThrees .content dl{padding:15px;padding-top:20px;}
    .YQintroThrees .content dt{font-size:26px;}
    .YQintroThrees .content dd{font-size:18px;min-height:280px;}
    .YQintroThrees .tab .swiper-slide-next{font-size:30px !important;}
}
@media screen and (max-width: 1440px){
    .YQintroThrees .title dt{font-size:32px;}
}
@media screen and (max-width: 1250px){
    .YQintroThrees .title dt{font-size:32px;}
    .YQintroThrees .title dd{font-size:0.26rem;margin-top:0.2rem;}
    .YQintroThrees .content{margin-right:200px;margin-top:30px;}
    .YQintroThrees .content dl{padding:15px;padding-top:20px;}
    .YQintroThrees .content dt{font-size:24px;}
    .YQintroThrees .content dd{font-size:16px;min-height:250px;}
    .YQintroThrees .tab{width:200px;}
    .YQintroThrees .tab .swiper-slide-next{font-size:24px !important;}
}

@media screen and (max-width: 900px){
    .YQintroThrees .tab{width:70px;}
    .YQintroThrees .content{margin-right:90px;}
    .YQintroThrees .tab .swiper-slide-next::after{width:25px;height:18px;margin-top:-9px;left:10px;}
    .YQintroThrees .tab .swiper-slide{font-size:12px;text-indent:5px;}
    .YQintroThrees .tab .swiper-slide span{display:block;width:200px;transform:rotate(90deg);position: relative;left:-20px;white-space:nowrap;}
    .YQintroThrees .tab .swiper-slide-next{font-size:16px !important;}
    .YQintroThrees .title dt{font-size:32px;}
    .YQintroThrees .title dd{font-size:0.20rem;margin-top:0.1rem;}
    .YQintroThrees .content{margin-top:10px;}
    .YQintroThrees .content dt{font-size:18px;}
    .YQintroThrees .content dd{min-height:240px;margin-top:10px;}
}


/*YQintroFour*/
.YQintroFours{width: 100%;padding:.0rem 0 .8rem 0;overflow: hidden;background: #fff;}
.YQintroFours .title{font-size:48px;text-align:center;line-height:1;padding:110px 0 50px 0;}
.YQintroFours ul{overflow:hidden;margin-top:0.60rem;}
.YQintroFours ul li{width:23.5%;margin-bottom:0.3rem;float:left;margin-right:2%;overflow: hidden;}
.YQintroFours ul li:nth-child(4n+4){margin-right:0;}
.YQintroFours ul li a{padding: .3rem;width:100%;overflow: hidden;display: block;background: #F5F5F5;box-sizing: border-box;}
.YQintroFours ul li a div.img{width:100% ;height: 2.10rem;overflow: hidden;}
.YQintroFours ul li a .text{line-height: .4rem;width: 100%;height: .4rem;overflow: hidden;white-space: nowrap;text-align: center;font-size: 0.15rem;color: #000;margin-top: .15rem;}
.YQintroFours ul li a:hover div.img img{transform: scale(1.05);}
.YQintroFours ul li a:hover .text{color: #03B9C5;}

@media screen and (max-width: 1440px){
    /****关于高能***/
    .YQintroOnes .video-boxs a p.txt{font-size:.28rem}
    .YQintroOnes{padding-top: .8rem;}
    .YQintroOnes .intros p{font-size: 18px;} 
    .YQintroFours ul li:nth-child(4n+4){margin-right:1.5%;}
    .YQintroFours ul li:nth-child(3n+3){margin-right:0;}
    .YQintroFours ul li{width:32.3333%;margin-bottom:0.3rem;float:left;margin-right:1.5%;overflow: hidden;}
}
@media screen and (max-width: 1250px){
    .twostitle,.YQintroThrees .YQintroThreestit{font-size: .3rem;}
    .YQintroFours ul li a .text{font-size:18px;}
}
@media screen and (max-width: 1080px) {
    .YQintroTwos{padding-top: 0;background: #f7f7f7;padding-bottom: .6rem;}
    .YQintroOnes{padding-top: .6rem;}
    .YQintroOnes .intros{margin-top: .2rem;}
    .YQintroOnes .intros *{font-size:14px !important;}
    .YQintroFours .title{font-size:35px;padding:60px 0 50px 0;}
    .YQintroFours ul li{width: 48%;margin-right:4%;}
    .YQintroFours ul li:nth-child(3n+3){margin-right:4%}
    .YQintroFours ul li:nth-child(2n+2){margin-right:0;}
    .YQintroFours ul li a .text{font-size: 16px;}
}   

@media screen and (max-width: 768px) {
    .YQintroOnes .intros p{font-size: 14px;}
}