*{margin:0;padding:0;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-text-size-adjust:none;-webkit-user-select:none;-ms-user-select:none;user-select:none;font-family:Arial, "微软雅黑";}
img{display:block;border:none;max-width:100%;vertical-align:middle;height:auto;}
body,p,form,input,button,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6{margin:0;padding:0;list-style:none;}
input,textarea,select{-webkit-user-select:text;-ms-user-select:text;user-select:text;-webkit-appearance:none;}
textarea:focus::-webkit-input-placeholder { color: transparent; }
textarea:focus::-moz-placeholder{ color: transparent; }

textarea:focus:-moz-placeholder{ color: transparent; }

input:focus::-webkit-input-placeholder { color: transparent; }

input:focus::-moz-placeholder{ color: transparent; }

input:focus:-moz-placeholder{ color: transparent; }
table{border-collapse:collapse;}
input,select,textarea{outline:none;border:none;background:none;}
a{outline:0;border: none;cursor:pointer;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;text-decoration:none;}
a:link,a:active,a:visited{text-decoration:none;}
li,ol{list-style:none;}
h1,h2,h3,h4,h5,p,pre{font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
.clear{clear:both;height:0;font-size:0;line-height:0;visibility:hidden; overflow:hidden;}
.fl{float:left;}
.fr{float:right;}
html{max-width:750px;width:100%;margin:0 auto;overflow-x: hidden;}
body{width:100%;overflow-x: hidden;-webkit-text-size-adjust:none;font-family: -apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
.header{width:7.5rem;height:0.88rem;padding:0 0.3rem;position: fixed;top:0;left:50%;margin-left:-3.75rem;display: flex;align-items: center;justify-content: space-between;box-sizing: border-box;z-index:5;}
.header .logo{width:2.5rem;height:0.56rem;background: url("../images/cloud/logo1.png") no-repeat;background-size: 100%;}
.header .nav-icon{position:relative;width:0.52rem;height:0.88rem;background: url("../images/cloud/nav-icon1.png") right center no-repeat;background-size: 100%;}
.header.fixed{background: #fff;box-shadow: 0 0 15px rgba(120,183,255,.3);}
.header.fixed .logo{background-image: url("../images/cloud/logo2.png");}
.header.fixed .nav-icon{background-image: url("../images/cloud/nav-icon2.png");}

.nav-box{width:7.5rem;height:100%;position: fixed;left:50%;top:0.88rem;margin-left:-3.75rem;background: rgba(0,0,0,.5);z-index: 100;}
.nav-box .nav-con{width:2.26rem;position: absolute;top:5px;right:0.07rem;}
.nav-box img{display:block;width:0.76rem;margin-left:1.4rem;}
.nav-box ul{display:block;margin-top:-11px;background: #fff;border-radius: 10px;width:2.26rem;padding:0.2rem 0;}
.nav-box ul li{height:0.8rem;line-height: 0.8rem;}
.nav-box ul li a{text-align: center;display: block;font-size: 0.28rem;color:#4d4d4d;position: relative;}
.nav-box ul li a::after{content:'';width:1.22rem;height:0.02rem;position: absolute;bottom:0.02rem;left:50%;margin-left:-0.62rem;background: #e8e6e6;}
.nav-box ul li:last-child a::after{width:0;}
.date{width:7.2rem;height:1.5rem;margin:-0.75rem auto 0 auto;background: #fff;border-radius: 10px;box-shadow: 0px 0 15px rgba(120,183,255,.3);position: relative;
    z-index:2; }
.date ul{width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;}
.date ul li{flex:1;display: flex;flex-direction:column;align-items: center;border-right:1px solid #ebebeb;}
.date ul li:last-child{border-right:0;}
.date ul li .tit{position: relative;display: flex;align-items:center;margin-bottom:0.13rem;}
.date ul li .tit h3{font-size: 0.38rem;color:#000;}
.date ul li .tit span{font-size:0.23rem;color:#000;margin-left:0.05rem;}
.date ul li p{font-size: 0.24rem;color:#000;font-weight: 400;}

/*circle*/
.circle{padding:0.3rem 0 0.7rem;}
.circle .circle-con{position:relative;width:100%;height:6.3rem;}
.circle .circle-box{position: absolute;top:0;width:100%;height:100%;}
.circle .circle-box img{position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.circle .circle-box .img1{width:3.3rem;height:3.3rem;animation: circle 3s 0.5s infinite; }
.circle .circle-box .img2{width:4.3rem;height:4.3rem;animation: circle 5s 0.5s infinite; }
.circle .circle-box .img3{width:5.3rem;height:5.3rem;animation: circle 7s 0.5s infinite; }
.circle .circle-box .img4{width:6.3rem;height:6.3rem;animation: circle 9s 0.5s infinite; }
.circle .text-bg{width:1.7rem;height:1.7rem;background: #fff;border-radius: 50%;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;box-shadow: 0 0 38px rgba(167,207,255,.5);animation: shadow 3s 0.5s infinite;}
.circle .text-blue-bg{display:flex;align-items:center;justify-content:center;width:1.5rem;height:1.5rem;background: #2589ff;border-radius: 50%;position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.circle .text-blue-bg h3{font-size: 0.24rem;color:#fff;text-align: center;}
.circle .text{ position: absolute;width:100%;height:100%;}
.circle .text .img{position:absolute;width:auto;height:0.6rem;}
/*.circle .text img{height:0.7rem;width:auto;box-shadow: 0 0 24px rgba(167,207,255,0.5); border-radius: 20px;}*/
.circle .text .img p{font-size:0.26rem;line-height:0.6rem;background:#fff;box-shadow: 0 0 24px rgba(167,207,255,0.5); border-radius: 25px;padding:0 0.2rem 0 0.3rem;}
.circle .text .img .circle-icon{box-shadow:none;border-radius:0;width:0.5rem;height:0.5rem;position: absolute;top:50%;margin-top:-0.25rem;left:-0.25rem;}
.circle .text .p1{top:0.2rem;left:0.8rem;animation:move 4s 0.5s infinite;}
.circle .text .p2{top:1.1rem;right:0.4rem;animation:move2 4s 0.5s infinite;}
.circle .text .p3{top:2rem;left:0.65rem;animation:move 5s 0.5s infinite;}
.circle .text .p5{top:2.9rem;right:0.35rem;animation:move2 5s 0.5s infinite;}
.circle .text .p6{top:3.8rem;left:0.6rem;animation:move 6s 0.5s infinite;}
.circle .text .p7{top:4.7rem;right:0.4rem;animation:move2 6s 0.5s infinite;}
.circle .text .p8{top:5.6rem;left:0.65rem;animation:move 4s 0.5s infinite;}

@keyframes shadow { 0% { box-shadow: 0 0 24px rgba(167,207,255,0.5); } 50% {box-shadow: 0 0 38px rgba(167,207,255,1); } 100% { box-shadow: 0 0 38px rgba(167,207,255,0.5);} }
@keyframes circle{ 0% { transform: rotateZ(0deg);} 100%{transform: rotateZ(-360deg);}}
@keyframes move { 0% { transform: translateX(-10px); } 50% { transform: translateX(0px); } 100% { transform: translateX(-10px);}}
@keyframes move2 { 0% { transform: translateX(10px); } 50% { transform: translateX(0px); } 100% { transform: translateX(10px);}}

.b-tit h3{text-align:center;font-size: 0.36rem;line-height:0.85rem;color:#333;position: relative;}
.b-tit h3:after{content:'';width:0.6rem;height:1.5px;background:#2589ff;position: absolute;bottom:1.5px;left:50%;margin-left:-0.3rem;}
.b-tit p{padding-top:5px;text-align:center;font-size: 0.24rem;color:#1a1a1a;}

.service{background: #f7f6f6;padding:0.5rem 0 0.2rem;height:11.63rem;box-sizing: border-box;}
.service .service-con{margin:0.65rem auto 0;}
.service .service-con li{margin:0 auto 0.48rem;width:6.3rem;position: relative;}
.service .service-con li::after{content:'';width:0.1rem;height:0.4rem;position: absolute;top:100%;left:0;right:0;margin:0.04rem auto;background: url("../images/cloud/service-after.png") no-repeat;background-size: 100%;}
.service .service-con li:last-child::after{width:0;}
.service .service-con li .con{width:100%;height:1.7rem;background:#fff;border-radius: 15px;box-shadow:0 0 20px rgba(120,183,255,.1);display: flex;align-items: center;padding-left:1.15rem;box-sizing:border-box;}
.service .service-con li img{margin-right:0.65rem;width:1.07rem;height:auto;}
.service .service-con li .text{height:0.85rem;display: flex;flex-direction: column;justify-content: space-between;}
.service .service-con li .text h3 {color:#666;font-size: 0.3rem;font-weight: bold;}
.service .service-con li .text h3 span{font-style: italic;font-weight:400;font-size: 0.36rem;color:#686868;margin-right:0.25rem;}
.service .service-con li .text p{color:#848586;font-size: 0.24rem;font-weight: 400;}

.station{padding:0.56rem 0;width:100%;height:8.29rem;box-sizing: border-box;background:#fff url("../images/cloud/station-bg.jpg") no-repeat top left;background-size: 100%;}
.station .b-tit h3{color:#fff;}
.station .b-tit h3:after{background:#fff;}
.station .con{margin-top:0.3rem;position: relative;}
.station .con .img2{margin-top:-2.5rem;}
.station .con p{font-size: 0.24rem;color:#0076ff;background: #fff;border-radius: 20px;line-height:0.35rem;padding:0 0.17rem;position: absolute;}
.station .con .text1{top:-0.04rem;left:1.8rem;}
.station .con .text2{top:0.06rem;right:1.56rem;}

.visitor{background: #f7f6f6;padding-top:0.56rem;height:17.02rem;box-sizing: border-box;}
.visitor .visitor-con{display: flex;flex-direction:column;align-items: center;}
.visitor .visitor-con .tit{display:inline-block;margin:0.3rem auto 0.35rem;font-size: 0.3rem;line-height: 0.52rem;text-align:center;padding:0 0.4rem;border-radius: 15px;background: #258aff;color:#fff;}
.visitor .visitor-con .con1{position: relative;}
.visitor .visitor-con .con1 .icon{position: absolute;width:1.58rem;}
.visitor .visitor-con .con1 .icon1{left:0.95rem;top:1.33rem;}
.visitor .visitor-con .con1 .icon2{right:0.74rem;top:1.8rem;}
.visitor-swiper{width:6.4rem;margin:0 auto;}
.visitor-swiper .swiper-slide{width:100%;}
.visitor-swiper .swiper-slide img{width:100%;margin:0 auto;}
.visitor-swiper .swiper-pagination{position: relative;margin-top:0.16rem;}
.visitor-swiper .swiper-pagination-bullet{width:0.43rem;height:0.13rem;border-radius: 20px;opacity:1;background: #d2deee;}
.visitor-swiper .swiper-pagination-bullet-active{background-color: #258aff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 0.15rem;}

.customer{padding:0.6rem 0 1.1rem;height:8.5rem;box-sizing: border-box;background:url("../images/cloud/customer-bg.png") no-repeat bottom left;background-size: 100%; position: relative;}
.customer .con{position: relative;}
.customer .con .img{padding-top:2.75rem;height:3.07rem;}
.customer .con .text-box{position: absolute;top:0.1rem;left:0;width:100%;}
.customer .con .text-box .list{position: absolute;}
.customer .con .text-box .list p{display:inline-block;color:#323232;font-size: 0.24rem; line-height:0.3rem;padding:0 0.1rem;border-radius:10px;border:1px solid #e8f2fe;}
.customer .con .text-box .list i{ display:block;position:relative;width:0.08rem;height:0.08rem;background: #2589ff;border-radius: 50%;margin:0.17rem auto 0;}
.customer .con .text-box .list i:after{content: "";  display:block;width: 0.18rem;  height: 0.18rem;  position: absolute;  top: 0px;  right: 0px;  bottom: 0px;  left: -0.045rem;  margin: auto;  border-radius: 50%;  animation: fwordsyou 2.5s 0.4s infinite;}
.customer .con .text-box .list:after{content:'';display:block;width:1px;margin:auto;background: linear-gradient(to bottom, #2589ff, transparent); }
.customer .con .text-box .list1{top:1.2rem;left:0.3rem;}
.customer .con .text-box .list1:after{height:1.6rem;}
.customer .con .text-box .list2{top:0.4rem;left:1rem;}
.customer .con .text-box .list2:after{height:2.2rem;}
.customer .con .text-box .list3{top:2rem;left:2.4rem;}
.customer .con .text-box .list3:after{height:1.2rem;}
.customer .con .text-box .list4{top:1.3rem;right:0.01rem;}
.customer .con .text-box .list4:after{height:0.9rem;}
.customer .circle-text{position: absolute;bottom:-0.1rem;left:0;width:100%;}
.customer .circle-text div{animation:move3 6s 0.5s infinite;position:absolute;border-radius: 50%;background: linear-gradient(180deg,#fafbff,#f6f8fe);box-shadow:0 0 5px rgba(207,229,255,.2);display: flex; align-items: center;  justify-content: center;}
.customer .circle-text div p{text-align: center;color:#7b9cfd;}
.customer .circle-text .span1{width:0.82rem;height:0.82rem;bottom:0.36rem;left:0.77rem;}
.customer .circle-text .span1 p{font-size: 0.26rem;}
.customer .circle-text .span2{animation:move3 7s 0s infinite;width:0.75rem;height:0.75rem;bottom:0.63rem;left:2.3rem;}
.customer .circle-text .span2 p{font-size: 0.24rem}
.customer .circle-text .span3{animation:move3 5s 0.2s infinite;width:0.75rem;height:0.75rem;bottom:0.24rem;left:3.6rem;}
.customer .circle-text .span3 p{font-size: 0.24rem}
.customer .circle-text .span4{animation:move3 6s 0.4s infinite;width:0.76rem;height:0.76rem;bottom:0.23rem;right:1.3rem;}
.customer .circle-text .span4 p{font-size: 0.24rem}
.customer .circle-text .span5{animation:move3 7s 0s infinite;width:0.82rem;height:0.82rem;bottom:0.54rem;right:0.18rem;}
.customer .circle-text .span5 p{font-size: 0.26rem;}
@keyframes fwordsyou { 0% {transform: scale(0); opacity: 1; background: rgba(37,137,255,0.9); } 100% { opacity: 0; transform: scale(2); background: rgba(37,137,255,0.3);}}
@keyframes move3 { 0% { transform: translateY(-10px); } 50% { transform: translateY(0px); } 100% { transform: translateY(-10px);}}

.project{padding:0.63rem 0 0.1rem;height:10.99rem;box-sizing: border-box;}
.project .con{margin-top: 0.3rem;overflow: hidden;padding:0 0.1rem;}
.project .con li{position:relative;float:left;width:46%;padding:0.32rem 0.15rem 0.32rem 0.32rem;margin:0.2rem 2% 0.4rem;background: #fff;border-radius: 10px;box-shadow: 0 0 15px rgba(120,183,255,.3);box-sizing: border-box;}
.project .con li .tit{height:0.6rem;display: flex;align-items: center; padding-bottom:0.05rem;position: relative;}
.project .con li .tit img{width:0.4rem;margin-right:0.1rem;}
.project .con li .tit:after{content:'';position:absolute;top:100%;left:0;display:block;width:0.52rem;height:1.5px;background: #258aff;}
.project .con li .tit h3{font-size: 0.26rem;color:#2e2e2e;}
.project .con li .text{height:0.9rem;margin-top:0.12rem;font-size: 0.24rem;color:#2e2e2e;line-height: 0.3rem;}
.project .con li:after{content:'';position: absolute;bottom:0px;left:5px;width:100%;height:2px;background: linear-gradient(to right,#258aff,#fff);}

.partner{padding:0.4rem 0  0.3rem;height:7.51rem;box-sizing: border-box;background: url("../images/cloud/partner-bg.png") bottom left no-repeat;background-size: 100%;}
.partner .con{height:5.06rem;margin-top:0.5rem;padding:0 0.25rem;position: relative;}
.partner .con .list{width:100%;height:1.57rem;display: flex;align-items: center;justify-content: center;}
.partner .con a{width:1.37rem;height:1.57rem;overflow: hidden;float:left;margin:0 -0.02rem;background:url("../images/cloud/partner-img.png") no-repeat top left;background-size: 100%;position: relative;}
.partner .con a .left{width:1.33rem;height:100%;transform: rotate(60deg);overflow: hidden;margin:0 auto;}
.partner .con a .right{width:1.33rem;height:100%;transform: rotate(60deg);overflow: hidden;margin:0 auto;}
.partner .con a .img{margin:0 auto;transform: rotate(-120deg);overflow:hidden;width:1.33rem;height:100%;display: flex;justify-content: center;  align-items: center;overflow: hidden;}
.partner .con a img{width:1.1rem;}
.partner .con .list2{position: absolute;top:1.16rem;left:0;}
.partner .con .list3{position: absolute;top:2.33rem;left:0;}
.partner .con .list4{position: absolute;top:3.5rem;left:0;}
.cost{padding:0.3rem 0 0.4rem;height:13.74rem;box-sizing: border-box;background: #f7f6f6;}
.cost .con{width:7.3rem;margin:0.28rem auto 0;overflow:hidden;display: flex;}
.cost .con .left{flex:1; border-right: 0.02rem solid #f7f6f6;}
.cost .con .right{flex:1; border-left: 0.02rem solid #f7f6f6;}
.cost .con .left .top{display: flex;}
.cost .con .left .top .top-left{width:55%; border-right: 0.02rem solid #f7f6f6;}
.cost .con .left .top .top-left p{font-weight: bold;}
.cost .con .left .top .top-right{width:45%;border-left: 0.02rem solid #f7f6f6;}
.cost .con .tit{font-size: 0.24rem;color:#333;text-align: center;line-height: 0.7rem;background: #ebf0f5;border-bottom:0.04rem solid #f7f6f6;}
.cost .con .left .top p{font-size: 0.24rem;color:#333;text-align: center;height:1.45rem;line-height: 1.45rem;background: #fff;border-bottom:0.04rem solid #f7f6f6;}
.cost .con .left .down p{font-size: 0.26rem;color:#333;text-align: center;height:1.45rem;line-height: 1.45rem;background: #fff;border-bottom:0.04rem solid #f7f6f6;display: flex;align-items: center;justify-content: center;}
.cost .con .left .down p img{width:1.3rem;}
.cost .con .right .p{height:1.45rem;padding:0 0.05rem;background: #fff;border-bottom:0.04rem solid #f7f6f6;display: flex;align-items: center;justify-content: center;}
.cost .con .right p{font-size: 0.24rem;color:#333;}
.cost .con .right .p a{margin-left: 0.15rem;  line-height: 0.4rem;  width: 1.55rem;  text-align: center;  font-size: 0.24rem;  color: #fff;  border-radius: 20px;  background: linear-gradient(to right,#2589ff,#00bbff);  animation: zoomIn 1.2s linear 1.2s infinite alternate; }
.cost .con .right .p .line{color:#333;font-size: 0.26rem;position: relative;}
.cost .con .right .p .line:after{content:'';position: absolute;top:8px;left:-5px;width:110%;height:110%;transform: rotate(14deg);border-top:0.02rem solid #333;}

.cost .con .left .down .p1,.cost .con .right .p1{height:1rem;}
.cost .con .left .down .p1{line-height: 1rem;}
.cost .con .left .top .p2,.cost .con .right .p2{height:1.6rem;}
.cost .con .left .top .p2{line-height:1.6rem;}
@keyframes zoomIn { 0% { transform: scale(0.8); } 50% { transform: scale(1); } 100% { transform: scale(0.8); } }

.footer{background: #151621;padding:0.4rem 0.6rem 1.15rem;display: flex;align-items: center;justify-content: space-between;}
.footer .left .phone{display: flex;align-items: center;}
.footer .left .phone img{width:0.74rem;margin-right:0.1rem;}
.footer .left .phone .text h3{font-size: 0.24rem;color:#fff;font-weight: 400;}
.footer .left .phone .text a{display:block;font-size: 0.46rem;color:#fff;font-weight: bold;margin-top:0.15rem;}
.footer .left .add{margin-top:0.45rem;}
.footer .left .add h3{color:#fff;font-size: 0.24rem;}
.footer .left .add p{color:#fff;font-size: 0.24rem;margin-top:0.15rem;}
.footer .right{width:1.55rem;}
.footer .right img{width:100%;}
.footer .right p{font-size: 0.24rem;color:#fff;margin-top:0.12rem;text-align: center;}

.btns{width:100%;height:0.75rem;position:fixed;z-index:99;bottom:0;left:0;border-top:1px solid #fff;display: flex;align-items: center;background: #0074fc;}
.btns a{display:block;flex:1;border-right:1px solid #fff;text-align: center;line-height: 0.75rem;color: #fff;font-size:0.3rem;}
.btns a:last-child{border-right:0;}

.saas-list-banner img{width:100%;}
.saas-list-con{margin:0 3%;}
.saas-list-con .saas-list-tit{margin:0.35rem 0;font-size: 0.34rem;}
.saas-list-con .saas-list-box{margin-bottom:0.4rem;width:100%;padding:0.2rem;box-sizing:border-box;background: #fff;border-radius:8px;box-shadow: 0 0 10px rgba(16,92,255,.2);}
.saas-list-con .saas-list-box a{display:block;}
.saas-list-con .saas-list-box .saas-list-ltit{margin-bottom:0.15rem;display: flex;align-items: center;justify-content: space-between;}
.saas-list-con .saas-list-box .saas-list-ltit h3{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;background: url("../images/cloud/saas-list-icon.png") no-repeat center left;background-size: 0.3rem;padding-left:0.5rem;color:#1e1e1e;font-size: 0.32rem;}
.saas-list-con .saas-list-box .saas-list-ltit h3 span{margin-left:0.3rem;font-weight: normal;}
.saas-list-con .saas-list-box .saas-list-ltit .saas-list-more{margin-left:5px;width:1.7rem;display: flex;align-items: center;justify-content: flex-end;}
.saas-list-con .saas-list-box .saas-list-ltit .saas-list-more p{color:#1e1e1e;font-size:0.3rem;margin-right:3px;}
.saas-list-con .saas-list-box .saas-list-ltit .saas-list-more img{width:0.3rem;}
.saas-list-con .saas-list-box .saas-list-text{padding-left:0.5rem;}
.saas-list-con .saas-list-box .saas-list-text h3{color:#1e1e1e;font-size: 0.3rem;margin-bottom:0.15rem;line-height: 0.4rem;}
.saas-list-con .saas-list-box .saas-list-text .p{font-weight:500;color:#1e1e1e;font-size: 0.28rem;margin-bottom:0.15rem;line-height: 0.48rem;white-space: pre-wrap;}

.return-head{padding:0 3%;background:#fff;border-bottom:1px solid #eee;position: relative;}
.return-head h3{height:45px;line-height: 45px; color: #272536;font-size:17px;text-align: center;font-weight: normal;font-family: '微软雅黑';}
.return-head .return-icon{display:block;position: absolute;top:50%;left:3%;height:24px;margin-top:-12px;}
.return-head .return-icon img{height:100%;width:auto;vertical-align: middle;}
.saas-detail-con{ margin-top:20px;padding:0 4%;}
.saas-detail-con .tit{ font-size: 22px; font-weight: 400;  color: #323232; letter-spacing: .034em;line-height: 1.4;margin-bottom: 10px;}
.saas-detail-con .time{color:#999;font-size: 14px;line-height: 20px;padding-bottom:5px;border-bottom:1px solid #e8e7e7;}
.saas-detail-con .text{margin:20px 0;}
.saas-detail-con .text p{line-height: 25px;font-size: 15px;color:#333;}
.saas-detail-con .text img{display:block;max-width:100%;height:auto!important;margin:8px auto;}

/*视频*/
.video{padding-bottom:0.4rem;}
.video .video-con ul{margin:0.3rem 0.16rem;overflow: hidden;}
.video-detail .video-con ul{margin:0.4rem 0.07rem;}
.video .video-con ul li{float:left;background:#fff;width:46%;border:2px solid #7db9ff;box-sizing: border-box;box-shadow: 0 0 8px rgba(37,138,255,.4);margin:2.5% 2%;}
.video .video-con ul li:nth-child(2n){margin-right:0;}
.video .video-con ul li .video-img{width:100%;height:1.75rem;position: relative;}
/*.video .video-con ul li .video-img video{width: 100%;height: 100%;object-fit: fill;display: block;}*/
.video .video-con ul li .video-img .video-fm{display:block;width:100%;height:100%;}
.video .video-con ul li .video-img .video-btn{display:block;position: absolute;top:0;left:0;right:0;bottom:0;margin:auto;width:0.65rem;}
.video .video-con ul li .video-text{padding:0 0.15rem;}
.video .video-con ul li .video-text .video-tit{position: relative;padding-left:0.65rem;}
.video .video-con ul li .video-text .video-tit .video-logo{position:absolute;top:-0.22rem;left:0;width:0.6rem;height:0.6rem;border-radius:50%;background: rgba(255,255,255,.3);}
.video .video-con ul li .video-text .video-tit .video-logo img{display:block;width:0.5rem;height:0.5rem;margin:0.05rem auto;border-radius:50%;}
.video .video-con ul li .video-text .video-tit h3{font-weight:normal;line-height: 0.45rem;color:#2b2b2b;font-size: 0.26rem;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.video .video-con ul li .video-text .video-wz{position: relative;}
.video .video-con ul li .video-text .video-wz p{text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:0.35rem;height:0.7rem;padding:0 0.15rem;margin:0.15rem 0;color:#2b2b2b;font-size: 0.24rem;}
.video .video-con ul li .video-text .video-wz img{display:block;position: absolute;width:0.15rem;}
.video .video-con ul li .video-text .video-wz .img1{top:0;left:0;}
.video .video-con ul li .video-text .video-wz .img2{bottom:0;right:0;}
.video .video-con ul li .video-h3{color:#2b2b2b;font-size: 0.26rem;text-align: center;padding:0.2rem;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.video .video-con .video-more{width:2.48rem;margin:0 auto;}
.video .video-con .video-more a{display:block;background: #258aff;width:100%;text-align:center;line-height: 0.56rem;color:#fff;font-size: 0.24rem;}

/*视频弹窗*/
.video-pop{ z-index: 100;position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.65);display: none;overflow: hidden;align-items: center;justify-content: center;}
.video-pop .videos{position: absolute;top:0;right:0;bottom:0;left:0;margin:auto;}
.video-pop .videos .vclose { position: absolute;  right: 1%;  top: 2%;  width: 0.45rem !important;  height: 0.45rem !important;}

.pagination{margin:20px;display: inline-block;text-align: center;}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #2589ff;
    border-color: #2589ff;
}
.pagination>li{display: inline;}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 8px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #2589ff;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
    font-size:14px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #2589ff;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}