body,html{position:relative;height:100%}
.swiper-container{width:100%;height:100%}
.swiper-box{width:100%;height:100%}
.yunhao-news{background-image:url(../images/news/news-bg1.png?v=EvqLy5%2Fd3sBD7pa%2FFuQIog%3D%3D);background-size:cover;background-position:center;position:relative}
@media screen and (min-width:1500px){
.yunhao-case-icon{width:226px;height:210px;position:absolute;left:67%;top:0}
}
@media screen and (max-width:1500px){
.yunhao-case-icon{width:173px;height:161px;position:absolute;left:67%;top:0}
}
.yunhao-news-main{width:38.5%;height:55%;position:absolute;right:0;top:10%}
.yunhao-news-main-top{width:100%;height:66%}
.yunhao-news-main-o-17{background-color:rgba(0,0,0,.17)}
.yunhao-news-abu{width:60%;margin:34px 0 28px 28px}
.yunhao-news-abu-f{font-size:3.6rem;font-weight:400;color:#fff;text-indent:28px}
.yunhao-news-main-center{width:100%;height:17%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}
.yunhao-news-main-center li{width:33%;float:left;font-size:2rem;font-weight:400;color:#fff;text-align:center}
.yunhao-news-main-center li:first-child{text-align:left}
.yunhao-news-main-center li:last-child{text-align:right}
.yunhao-news-main-bottom{width:100%;height:60px}
.swiper-yunhao-app{background-image:url(../images/solution/solution-bg2.png?v=17eeZZbXHx8BzsxrVTHXDw%3D%3D);background-size:cover;background-position:center;position:relative}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-icon{width:25%;height:17%;margin-bottom:3%}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-list{width:100%;height:80%}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-list .swiper-yunhao-app-item{width:17.5%;height:81%;background:linear-gradient(-63deg,rgba(6,63,127,.6),rgba(31,122,218,.6));-webkit-box-shadow:0 10px 54px 0 #000;box-shadow:0 10px 54px 0 #000;border-radius:10px;float:left;margin-right:2.5%}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-list .swiper-yunhao-app-item:last-child{margin-right:0}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-list .swiper-yunhao-app-item .yunhao-app-img{display:block;width:56%;margin:12% auto 0 auto}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-list .swiper-yunhao-app-item .swiper-yunhao-app-title{font-size:1.5rem;font-weight:400;color:#fff;text-align:center;height:9%;line-height:40px}
.swiper-yunhao-app .swiper-yunhao-app-box .swiper-yunhao-app-list .swiper-yunhao-app-item .swiper-yunhao-app-content{width:78%;margin:4.7% auto 0 auto;font-size:1.3rem;font-weight:500;color:#aab9ca;line-height:20px}
.yunhao-case-title{width:18.6%;height:16.7%;position:absolute;left:0;top:-5%}
.yunhao-case-video{width:45%;height:100%;overflow:hidden;position:absolute;left:0;top:15%;z-index:2}
.yunhao-case-video-iytem{display:block;position:relative;cursor:pointer}
.yunhao-case-video-iytem .yunhao-case-video-cover{display:block;width:100%;height:100%}
.yunhao-case-video-iytem .yunhao-case-video-play{position:absolute;width:70px;height:70px;background-color:rgba(0,0,0,.28);left:0;top:0;right:0;bottom:0;margin:auto;border-radius:50%}
.yunhao-case-video-iytem .yunhao-case-video-play img{width:50%;height:50%;margin:25%}
.yunhao-case-video-iytem .yunhao-case-video-title{position:absolute;left:0;bottom:0;width:100%;height:50px;line-height:50px;font-size:1.6rem;background-color:rgba(0,0,0,.28);color:#fff;padding:0 20px}
.yunhao-case-video-iytem1{width:100%;height:53%;margin-bottom:3%}
.yunhao-case-video-iytem2{width:48%;height:26%;float:left}
.yunhao-case-video-iytem2 .yunhao-case-video-title{height:30px;line-height:30px;font-size:1.2rem}
.yunhao-case-video-iytem2 .yunhao-case-video-play{width:40px;height:40px}
.yunhao-case-video-iytem3{width:48%;height:26%;float:right}
.yunhao-case-video-iytem3 .yunhao-case-video-title{height:30px;line-height:30px;font-size:1.2rem}
.yunhao-case-video-iytem3 .yunhao-case-video-play{width:40px;height:40px}
.yunhao-case-article{width:60%;height:110%;background-color:rgba(0,0,0,.02);position:absolute;top:5%;right:0;padding-left:10%;padding-top:5%}
.yunhao-case-article-title{font-size:2rem;color:#333;position:relative;margin-bottom:3%}
.yunhao-case-article-title span{position:absolute;left:10%;top:30%;font-size:1.8rem;opacity:.14}
.article-list{display:block}
.article-list .article-item{width:100%;overflow:hidden;margin-bottom:14px}
.article-list .article-item a{display:block;width:100%;height:100%}
.article-list .article-item a .right{float:right}
.article-list .article-item a .right .article-name{color:#333}
.article-list .article-item a .right .article-name:hover{color:#d60000;text-decoration:underline}
.article-list .article-item a .right .article-time{color:#7f7f7f}
.article-list2 .article-item{width:100%;overflow:hidden;border-bottom:1px solid #efefef}
.article-list2 .article-item a{display:block;width:100%;height:100%}
.article-list2 .article-item .article-name{float:left;color:#333}
.article-list2 .article-item .article-name:hover{color:#d60000;text-decoration:underline}
.article-list2 .article-item .article-time{width:80px;color:#7f7f7f;text-align:right;float:right}
@media screen and (min-width:1500px){
.article-list{width:600px}
.article-list a img{width:131px;height:75px}
.article-list a .right{width:455px;height:75px}
.article-list a .right .article-name{font-size:16px;line-height:26px}
.article-list a .right .article-time{font-size:14px;margin-top:6px}
.article-list2{width:600px;margin-top:20px}
.article-list2 .article-item{padding:12px 0}
.article-list2 .article-item .article-name{width:350px;font-size:16px;line-height:24px}
.article-list2 .article-item .article-time{font-size:12px;line-height:18px;margin-top:6px}
}
@media screen and (max-width:1500px){
.article-list{width:430px}
.article-list .article-item a img{width:111px;height:55px}
.article-list .article-item a .right{width:305px;height:55px}
.article-list .article-item a .right .article-name{font-size:14px;line-height:18px}
.article-list .article-item a .right .article-time{font-size:12px;margin-top:6px}
.article-list2{width:430px;margin-top:20px}
.article-list2 .article-item{padding:12px 0}
.article-list2 .article-item .article-name{width:350px;font-size:14px;line-height:22px}
.article-list2 .article-item .article-time{font-size:12px;line-height:18px;margin-top:6px}
}
.red-block1{width:43%;height:42.3%;background-color:#d60000;position:absolute;left:-30%;top:91%}
.red-block2{width:6.3%;height:12.6%;background-color:#d60000;position:absolute;left:13%;top:91%}
.red-block3{width:4.1%;height:8.3%;background-color:#d60000;position:absolute;left:19.3%;top:103.5%}