body{font:14px "microsoft yahei", Arial, Helvetica, sans-serif;}
/*1400*900*/

/*****************
-------首页-------
*****************/
/* banner */
.banner{transition:0.5s; position: relative;}
.banner .swiper-slide{background-position: bottom center; background-size: auto 100%; background-repeat: no-repeat;}
.banner .swiper-pagination-bullet{border: none; background: rgba(255,255,255,0.6);opacity:1;}
.banner .swiper-pagination-bullet-active {background-color:rgba(255,255,255,1);}
.banP{position: absolute;color:#FFF;left:0;right:0; margin: 0 auto;}
.banP img{display: block;}
.banPA{color:#FFF;background: #f58220;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
.banPA img{display: block;}
/*title*/
.title{ position: relative; z-index:1}
.title p{ color:rgba(181,181,181,0.27);text-align:center;position:absolute;width:100%;top:0;text-transform: uppercase; z-index:-1;font-weight:550;}
.title h3{color:#2d2d2d; text-align: center;font-weight:550;}
.titleJ img{width:100%; display: block;}
/*产品展示*/
.IndFln{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.IndFlnI img{width:100%; display: block;}
.IndFlnP{color:#2d2d2d;}
.IndFlnH{font-weight:550;}
.IndFlnP hr{height:0; border:none;}
.IndFlnM{color:#FFF; background:#f58220;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;}
/**/
.IndBacF{ background:#f8f8f8;}
@media screen and (min-width:1280px){
/* banner */
.banner{height:565px;}
.banner .swiper-slide{height:565px;}
.banner .swiper-pagination-bullet{ border-radius:6px; width:12px; height:12px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;}
.banner .swiper-pagination-bullets {bottom: 30px;}
.banner .swiper-pagination-bullet-active {width:40px;}
.banP{top:190px;width:1200px;}
.banP img{width:86px;}
.banP h3{line-height:60px;font-size:42px; margin:28px 0 20px;}
.banP p{line-height:26px; font-size:18px;}
.banPA{width:240px; margin-top:40px; height:46px;border-radius:23px;}
.banPA img{width:22px;margin-right:13px;}
.banPA p{ font-size:20px; line-height:30px;}
/*title*/
.title h3{line-height:40px;font-size:36px;  letter-spacing: 2px; padding-top:22px;}
.title p{font-size: 52px; line-height:52px;}
.titleJ{width:39px; margin:18px auto 0;}
/*产品展示*/
.IndPro{ width:1200px; margin:80px auto 60px;}
.IndFln{width:1200px; margin: 0 auto;}
.IndProN{ margin-top: 20px;}
.IndFlnI{width:642px;}
.IndFlnP{width:480px;}
.IndFlnH{ font-size:34px; line-height:45px;}
.IndFlnN{font-size:20px; line-height:35px; margin:28px 0 42px;}
.IndFlnP hr{width:188px;border-bottom:1px dotted #cacaca;}
.IndFlnM{width:165px; height: 54px; line-height:54px;margin-top: 40px; border-radius:27px;}
.IndFlnM p{ font-size:18px; line-height:25px; margin-right: 10px;}
.IndFlnM img{width:23px;}
.IndFlnM:hover{ box-shadow:0 0 5px #f58220}	
/**/
.IndBacF{padding:50px 0;}
.IndBacC{padding:90px 0;}
}
@media  screen and (max-width:1279px ) and ( min-width:960px){
/* banner */
.banner{height:400px;}
.banner .swiper-slide{height:400px;}
.banner .swiper-pagination-bullet{border-radius:4px; width:8px; height:8px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.banner .swiper-pagination-bullets {bottom:24px;}
.banner .swiper-pagination-bullet-active { background:#FFF; width:30px;}
.banP{top:120px;width:900px;}
.banP img{width:70px;}
.banP h3{line-height:45px;font-size:30px; margin:18px 0 15px;}
.banP p{line-height:20px; font-size:15px;}
.banPA{width:200px; margin-top:30px; height:38px;border-radius:19px;}
.banPA img{width:18px;margin-right:10px;}
.banPA p{ font-size:17px; line-height:30px;}
/*title*/
.title h3{line-height:30px;font-size:28px;letter-spacing: 2px; padding-top:16px;}
.title p{font-size:38px; line-height:38px;}
.titleJ{width:28px; margin:15px auto 0;}
/*产品展示*/
.IndPro{ width:900px; margin:60px auto 40px;}
.IndFln{width:900px; margin: 0 auto;}
.IndProN{ margin-top:15px;}
.IndFlnI{width:481px;}
.IndFlnP{width:366px;}
.IndFlnH{ font-size:26px; line-height:35px;}
.IndFlnN{font-size:15px; line-height:28px; margin:20px 0 30px;}
.IndFlnP hr{width:140px;border-bottom:1px dotted #cacaca;}
.IndFlnM{width:128px; height:44px; line-height:44px;margin-top:30px; border-radius:22px;}
.IndFlnM p{ font-size:15px; line-height:25px; margin-right:7px;}
.IndFlnM img{width:18px;}
.IndFlnM:hover{ box-shadow:0 0 5px #f58220}		
/**/
.IndBacF{padding:40px 0;}
.IndBacC{padding:70px 0;}	
}
@media  screen and (max-width:959px ) and ( min-width:640px){
/* banner */
.banner{height:300px;}
.banner .swiper-slide{height:300px;}	
.banner .swiper-pagination-bullet{ width:6px; height:6px;border-radius:3px;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 3px;}
.banner .swiper-pagination-bullets {bottom:18px;}
.banner .swiper-pagination-bullet-active { background:#FFF; width:20px;}	
.banP{top:100px;width:600px;}
.banP img{width:50px;}
.banP h3{line-height:32px;font-size:24px; margin:12px 0 10px;}
.banP p{line-height:17px; font-size:12px;}
.banPA{width:160px; margin-top:16px; height:30px;border-radius:15px;}
.banPA img{width:15px;margin-right:8px;}
.banPA p{ font-size:14px; line-height:20px;}
/*title*/
.title h3{line-height:24px;font-size:20px;letter-spacing: 2px; padding-top:10px;}
.title p{font-size:26px; line-height:26px;}
.titleJ{width:20px; margin:10px auto 0;}
/*产品展示*/
.IndPro{ width:600px; margin:40px auto 20px;}
.IndFln{width:600px; margin: 0 auto;}
.IndProN{ margin-top:10px;}
.IndFlnI{width:320px;}
.IndFlnP{width:250px;}
.IndFlnH{ font-size:18px; line-height:25px;}
.IndFlnN{font-size:12px; line-height:20px; margin:12px 0 20px;}
.IndFlnP hr{width:120px;border-bottom:1px dotted #cacaca;}
.IndFlnM{width:100px; height:30px; line-height:30px;margin-top:20px; border-radius:15px;}
.IndFlnM p{ font-size:12px; line-height:25px; margin-right:4px;}
.IndFlnM img{width:14px;}
/**/
.IndBacF{padding:30px 0;}
.IndBacC{padding:50px 0;}	
}
@media only screen and (max-width: 639px) {
/* banner */
.banner{height:1.8rem;}
.banner .swiper-slide{height:1.8rem;}
.banner .swiper-pagination-bullet{ width:0.04rem; height:0.04rem;border-radius:0.02rem;}
.banner .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 0.02rem;}
.banner .swiper-pagination-bullets {bottom:0.05rem;}
.banner .swiper-pagination-bullet-active { background:#FFF; width:0.15rem;}	
.banP{top:0.5rem;width:90%;}
.banP img{width:0.32rem;}
.banP h3{line-height:0.2rem;font-size:0.14rem; margin:0.08rem 0 0.06rem;}
.banP p{line-height:0.14rem; font-size:0.09rem;}
.banPA{width:1.2rem; margin-top:0.1rem; height:0.24rem;border-radius:0.12rem;}
.banPA img{width:0.12rem;margin-right:0.05rem;}
.banPA p{ font-size:0.11rem; line-height:0.2rem;}
/*title*/
.title h3{line-height:24px;font-size:20px;letter-spacing: 2px; padding-top:10px;}
.title p{font-size:26px; line-height:26px;}
.titleJ{width:20px; margin:10px auto 0;}
/*产品展示*/
.IndPro{ width:100%; margin:0.22rem auto 0.18rem;}
.IndFln{width:92%; padding:0.01rem 4%;}
.IndProN{ margin-top:10px;}
.IndFlnI{width:100%; margin:0.1rem 0;}
.IndFlnP{width:100%; padding:0.1rem 0}
.IndFlnH{ font-size:0.14rem; line-height:0.22rem;}
.IndFlnN{font-size:0.11rem; line-height:0.2rem; margin:0.1rem 0 0.2rem;}
.IndFlnP hr{width:30%;border-bottom:0.01rem dotted #cacaca;}
.IndFlnM{width:1rem; height:0.28rem; line-height:0.28rem;margin-top:0.2rem; border-radius:0.14rem;}
.IndFlnM p{ font-size:0.11rem; line-height:0.2rem; margin-right:0.04rem;}
.IndFlnM img{width:0.14rem;}	
/**/
.IndBacF{padding:0.1rem 0;}
.IndBacC{padding:0.15rem 0;}	
}

/*****************
------视频会议-----
*****************/
/*服务能力*/
.VidSerK{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.VidSerA{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center; position: relative;}
.VidSerA:before,.VidSerA:after{display: block;content: '';position: absolute; background:#dcdcdc;top:0; left:0;}
.VidSerA:before{ width:100%;}
.VidSerA:after{height:100%;}
.VidSerA img{display: block; margin: 0 auto;}
.VidSerA p{text-align: center; color:#000;width: 100%;}
/*应用场景*/
.VidAppK{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.VidAppA{display:block;color:#000;}
.VidAppI{overflow: hidden;}
.VidAppI img{width:100%; display: block;}
.VidAppA p{text-align:center;}
/*产品定价*/
.VidPriK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.VidPriA{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center; color:#2d2d2d;}
.VidPriI{background-repeat: no-repeat; background-position: 0 0; margin: 0 auto;}
.VidPriI1{background-image: url("../images/icon/iOS.png")}
.VidPriI2{background-image: url("../images/icon/Android.png")}
.VidPriI3{background-image: url("../images/icon/server.png")}
.VidPriI4{background-image: url("../images/icon/Code.png")}
.VidPriI5{background-image: url("../images/icon/aqanluo.png")}
.VidPriI6{background-image: url("../images/icon/pc.png")}
.VidPriA h4,.VidPriA h3{ width: 100%; text-align: center;}
@media screen and (min-width:1280px){
.VidbanW{width:710px}
/*服务能力*/
.VidSer{width:1200px; margin:90px auto 0; }
.VidSerK{width:1196px; margin:70px auto 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.VidSerA{height:300px; width:299px;}
.VidSerA:before{height:1px;}
.VidSerA:after{width:1px;}
.VidSerA img{width:81px;}
.VidSerA p{ font-size:26px;line-height:34px;margin-top:22px;}
/*应用场景*/
.VidApp{width:1200px; margin:70px auto 0;}
.VidAppK{width:1200px; margin:40px auto 0;}
.VidAppA{width:375px;margin-bottom:20px;margin-left: 37.5px;}
.VidAppA:nth-child(3n+1){ margin-left:0;}
.VidAppI{width:375px; height:403px;}
.VidAppA p{ padding:25px 15px 0; height:75px;font-size:22px; line-height:30px;}
.VidAppA:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1); color:#f58220;}
/*产品定价*/
.VidPri{ width:1200px; margin:60px auto 90px;}
.VidPriK{width:1200px; margin:50px auto 0;}
.VidPriA{width:283px; height:363px; border-radius:4px; margin-left:20px; border:1px solid #e5e5e5;}
.VidPriA:first-child{margin-left:0;}
.VidPriI{width:60px; height: 60px; background-size: 120px;}
.VidPriA h4{font-size:24px; line-height:50px; margin-top: 25px;}
.VidPriA h3{ font-size:34px; line-height:70px; margin:10px auto 20px;}
.VidPriA:hover{ background: #f58220; color:#FFF; box-shadow:0 0 17px rgba(245,130,32,0.5); border:1px solid #f58220;}
.VidPriA:hover .VidPriI{background-position:-60px 0;}
.VidPriA:hover .VidPriA h4{ font-weight:600;}
}
@media  screen and (max-width:1279px ) and ( min-width:960px){
.VidbanW{width:530px}
/*服务能力*/
.VidSer{width:900px; margin:65px auto 0; }
.VidSerK{width:896px; margin:45px auto 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.VidSerA{height:225px; width:224px}
.VidSerA:before{height:1px;}
.VidSerA:after{width:1px;}
.VidSerA img{width:60px;}
.VidSerA p{ font-size:19px;line-height:25px;margin-top:15px;}
/*应用场景*/
.VidApp{width:900px; margin:35px auto 0;}
.VidAppK{width:900px; margin:30px auto 0;}
.VidAppA{width:280px;margin-bottom:12px;margin-left:30px;}
.VidAppA:nth-child(3n+1){ margin-left:0;}
.VidAppI{width:280px; height:301px;}
.VidAppA p{ padding:15px 10px 0; height:55px;font-size:16px; line-height:25px;}
.VidAppA:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1); color:#f58220;}
/*产品定价*/
.VidPri{ width:900px; margin:40px auto 70px;}
.VidPriK{width:900px; margin:30px auto 0;}
.VidPriA{width:211px; height:283px; border-radius:4px; margin-left:16px; border:1px solid #e5e5e5;}
.VidPriA:first-child{margin-left:0;}
.VidPriI{width:50px; height: 50px; background-size: 100px;}
.VidPriA h4{font-size:18px; line-height:40px; margin-top:15px;}
.VidPriA h3{ font-size:24px; line-height:50px; margin:0 auto 20px;}
.VidPriA:hover{ background: #f58220; color:#FFF; box-shadow:0 0 17px rgba(245,130,32,0.5); border:1px solid #f58220;}
.VidPriA:hover .VidPriI{background-position:-50px 0;}
.VidPriA:hover .VidPriA h4{ font-weight:600;}
}
@media  screen and (max-width:959px ) and ( min-width:640px){
.VidbanW{width:380px}
/*服务能力*/
.VidSer{width:600px; margin:45px auto 0; }
.VidSerK{width:596px; margin:28px auto 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.VidSerA{height:150px; width:149px;}
.VidSerA:before{height:1px;}
.VidSerA:after{width:1px;}
.VidSerA img{width:42px;}
.VidSerA p{ font-size:15px;line-height:22px;margin-top:6px;}
/*应用场景*/
.VidApp{width:600px; margin:35px auto 0;}
.VidAppK{width:600px; margin:30px auto 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.VidAppA{width:286px;margin-bottom:12px;}
.VidAppI{width:286px; height:307px;}
.VidAppA p{ padding:15px 10px 0; height:55px;font-size:16px; line-height:25px;}
.VidAppA:hover{ box-shadow:0 0 10px rgba(0,0,0,0.1); color:#f58220;}
/*产品定价*/
.VidPri{ width:600px; margin:30px auto 30px;}
.VidPriK{width:600px; margin:20px auto 0;}
.VidPriA{width:139px; height:180px; border-radius:4px; margin-left:12px; border:1px solid #e5e5e5;}
.VidPriA:first-child{margin-left:0;}
.VidPriI{width:40px; height: 40px; background-size:80px;}
.VidPriA h4{font-size:15px; line-height:30px; margin-top:15px;}
.VidPriA h3{ font-size:18px; line-height:40px; margin:0 auto 10px;}
.VidPriA:hover{ background: #f58220; color:#FFF; box-shadow:0 0 17px rgba(245,130,32,0.5); border:1px solid #f58220;}
.VidPriA:hover .VidPriI{background-position:-40px 0;}
.VidPriA:hover .VidPriA h4{ font-weight:600;}
}
@media only screen and (max-width: 639px) {
.VidbanW{width:80%}
/*服务能力*/
.VidSer{width:100%; padding-top:0.24rem;}
.VidSerK{width:92%; margin:0.15rem auto 0; border-bottom:1px solid #dcdcdc; border-right:1px solid #dcdcdc;}
.VidSerA{height:1rem; width:50%;}
.VidSerA:before{height:1px;}
.VidSerA:after{width:1px;}
.VidSerA img{width:0.4rem;}
.VidSerA p{ font-size:0.13rem;line-height:0.22rem;margin-top:0.05rem;}
/*应用场景*/
.VidApp{width:100%; padding-top:0.35rem}
.VidAppK{width:92%; padding:0.15rem 4% 0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;}
.VidAppA{width:48%;margin-bottom:0.1rem;}
.VidAppI{width:100%;}
.VidAppA p{ padding:0.08rem 0 0;height:0.36rem;font-size:0.11rem;line-height:0.18rem;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow:hidden;}
/*产品定价*/
.VidPri{ width:100%; padding:0.2rem 0 0.25rem}
.VidPriK{width:92%;padding:0.1rem 4% 0;justify-content:space-between;}
.VidPriA{width:48%; height:1.2rem; border-radius:0.03rem;border:0.01rem solid #e5e5e5; margin-bottom:0.1rem;}
.VidPriI{width:0.35rem; height:0.35rem; background-size:0.7rem;}
.VidPriA h4{font-size:0.12rem; line-height:0.2rem; margin-top:0.1rem;}
.VidPriA h3{ font-size:0.15rem; line-height:0.3rem; font-weight:600;}
}
/*****************
------云直播-------
*****************/
/*全协议部署 延迟低至百毫秒级*/
.UliHotK{display:-webkit-box;display:-ms-flexbox;display:flex;flex-wrap:wrap;}
.UliHotA{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;align-items:center;flex-wrap:wrap;align-content:center; color:#212121;}
.UliHotA p{width:100%;text-align:center; }
.UliHotA1{ background:#fee2cd;}
.UliHotA2{ background:#badfe8;}
.UliHotA3{ background:#aaceff;}
.UliHotA4{ background:#dcdcdc;}
.UliHotA5{ background:#ffca65;}
/*案例展示*/
.UliCasK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;flex-wrap:wrap;}
.UliCasK img,.UliAppA img{width:100%; display: block;}
.UliCasK a{display: block;}
.UliCasR{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;align-content:space-between}
/**/
.UliAppK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.UliAppA{display: block; position: relative; color:#FFF;}
.UliAppAN{position: absolute;right:0;left:0; margin: 0 auto;transition:0.5s;}
.UliAppAN hr{ border:0; width:100%; height: 0; border-bottom:1px solid #FFF;display: none;}
.UliAppA:before,.UliAppA:after{display: block;content: '';position: absolute;top:0; left:0; height:100%;transition:0.5s;}
.UliAppA:before{ background:#19171a;width:100%;}
.UliAppA:after{width:1px; background: rgba(255,255,255,0.2)}
.UliAppA:first-child:after{width:0;}
.UliAppK .on:before{height:0;transition:0.5s;}
.UliAppK .on .UliAppAN{transition:0.5s;}

/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;align-content:center*/
@media screen and (min-width:1280px){
/*全协议部署 延迟低至百毫秒级*/
.UliHot{width:1200px; margin:90px auto 0;}
.UliHotK{width:1200px; margin:50px auto 0;}
.UliHotA{ width:384px; height:205px; border-radius:5px; margin-left:21px; margin-bottom: 21px;}
.UliHotA:nth-child(3n+1){margin-left:0}
.UliHotA p{font-size:34px; line-height:40px;}
/*案例展示*/
.UliCas{width:1200px; margin:80px auto 100px;}
.UliCasK{width:1200px; margin:60px auto 0;}
.UliCasAL{ width:443px; height:495px;}
.UliCasR{ width:745px;}
.UliCasAw{width:370px; height: 244px;}
.UliCasAf{width:745px;height: 243px;}
/**/
.UliAppK{width:1200px; margin:75px auto 0;}
.UliAppA{width:300px;}
.UliAppAN{width:230px;top:240px;}
.UliAppAN h3{ font-size:30px; line-height:50px;}
.UliAppAN hr{border-bottom:1px solid #FFF; margin:10px 0;}
.UliAppAN p{ font-size:14px; line-height:23px; padding-top:10px;}
.UliAppK .on .UliAppAN{top:220px;}
.UliAppK .on hr{display:block;}
}
@media  screen and (max-width:1279px ) and ( min-width:960px){
/*全协议部署 延迟低至百毫秒级*/
.UliHot{width:900px; margin:70px auto 0;}
.UliHotK{width:900px; margin:35px auto 0;}
.UliHotA{ width:290px; height:150px; border-radius:5px; margin-left:15px; margin-bottom:15px;}
.UliHotA:nth-child(3n+1){margin-left:0}
.UliHotA p{font-size:26px; line-height:35px;}
/*案例展示*/
.UliCas{width:900px; margin:60px auto 75px;}
.UliCasK{width:900px; margin:40px auto 0;}
.UliCasAL{ width:332px; height:371px;}
.UliCasR{ width:558px;}
.UliCasAw{width:277px; height:182px;}
.UliCasAf{width:558px;height:182px;}
/**/
.UliAppK{width:900px; margin:50px auto 0;}
.UliAppA{width:225px;}
.UliAppAN{width:175px;top:150px;}
.UliAppAN h3{ font-size:22px; line-height:40px;}
.UliAppAN hr{border-bottom:1px solid #FFF; margin:9px 0;}
.UliAppAN p{ font-size:13px; line-height:24px; padding-top:9px;}
.UliAppK .on .UliAppAN{top:135px;}	
.UliAppK .on hr{display:block;}
}
@media  screen and (max-width:959px ) and ( min-width:640px){
/*全协议部署 延迟低至百毫秒级*/
.UliHot{width:600px; margin:50px auto 0;}
.UliHotK{width:600px; margin:25px auto 0;}
.UliHotA{ width:192px; height:100px; border-radius:5px; margin-left:12px; margin-bottom:12px;}
.UliHotA:nth-child(3n+1){margin-left:0}
.UliHotA p{font-size:18px; line-height:25px;}
/*案例展示*/
.UliCas{width:600px; margin:40px auto 0;}
.UliCasK{width:600px; margin:20px auto 0;}
.UliCasAL{ width:221.5px; height:247.5px;}
.UliCasR{ width:372.5px;}
.UliCasAw{width:184px; height:121px;}
.UliCasAf{width:558px;height:122px;}
/**/
.UliAppK{width:600px; margin:25px auto 0;}
.UliAppA{width:150px;}
.UliAppAN{width:120px;top:90px;}
.UliAppAN h3{ font-size:16px; line-height:30px;}
.UliAppAN hr{border-bottom:1px solid #FFF; margin:6px 0;}
.UliAppAN p{ font-size:12px; line-height:22px; padding-top:6px;}
.UliAppA:before{height:0;}
.UliAppK .on .UliAppAN{top:90px;}
}
@media only screen and (max-width: 639px) {
/*全协议部署 延迟低至百毫秒级*/
.UliHot{width:100%; padding-top:0.25rem}
.UliHotK{width:92%; padding:0.13rem 4% 0;}
.UliHotA{ width:32%; height:0.6rem; border-radius:0.03rem; margin-left:1.5%; margin-bottom:0.05rem;}
.UliHotA:nth-child(3n+1){margin-left:0}
.UliHotA p{font-size:0.12rem; line-height:0.18rem;}
/*案例展示*/
.UliCas{width:100%; padding-top:0.25rem;}
.UliCasK{width:92%; padding:0.13rem 4% 0;}
.UliCasAL{ width:36.9%}
.UliCasR{ width:62.08%;}
.UliCasAw{width:49.2%;}
.UliCasAf{width:100%;}
/**/
.UliAppK{width:100%; padding-top:0.15rem;}
.UliAppA{width:50%; height:2.5rem; overflow: hidden;}
.UliAppAN{width:85%; top:0.4rem;}
.UliAppAN h3{ font-size:0.14rem; line-height:0.2rem;}
.UliAppAN hr{border-bottom:1px solid #FFF; margin:0.06rem 0 0;}
.UliAppAN p{ font-size:0.09rem; line-height:0.19rem; padding-top:0.06rem;}
.UliAppA:before{height:0;}
.UliAppK .on .UliAppAN{top:0.4rem;}	
}
/*****************
-----IM即时通讯----
*****************/
/*我们的服务不止于次*/
.ImiSerK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;flex-wrap:wrap;}
.ImiSerI{ margin:0 auto;}
.ImiSerI img{width:100%; display: block;}
.ImiSerN h3{ color:#2b2b2b;text-align: center;}
.ImiSerN p{color:#575757;}
/*IM增值功能*/
.ImiValK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;}
.ImiValA{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:flex-start;}
.ImiValI{background-image: url("../images/icon/ImiValI01.png");background-repeat: no-repeat; background-color:#e6e6e6;}
.ImiValI1{background-position: 0 0;}
.ImiValNr h3{color:#595959;font-weight:550;}
.ImiValNr p{color:#7c7c7c;}
.ImiValT img{width:100%; display: block;}
.ImiValN .on .ImiValI{ background-color:#f58323}
.ImiValN .on h3,.ImiValN .on p{color:#f58220;}
/*产品定价*/
.ImiPriK{position: relative;}
@media screen and (min-width:1280px){
/*我们的服务不止于次*/
.ImiSer{width:1200px; margin:90px auto 0;}
.ImiSerK{width:1200px; margin:110px auto 0;}
.ImiSerA{width:251px;}
.ImiSerI{width:200px;}
.ImiSerN{ padding-top: 30px;}
.ImiSerN h3{font-size:26px; line-height:40px;}
.ImiSerN p{ font-size:17px;line-height:28px; margin-top:15px;}
/*IM增值功能*/
.ImiVal{width:1200px; margin:90px auto 0;}
.ImiValK{width:1200px; margin:50px auto 0;}
.ImiValN{width:395px;}
.ImiValA{height:140px;width:395px;}
.ImiValI{width:52px; height:52px; background-size: 52px; border-radius:10px;box-shadow: 0 5px 10px rgba(245,130,32,0.1)}
.ImiValI2{background-position: 0 -52px;}
.ImiValI3{background-position: 0 -104px;}
.ImiValI4{background-position: 0 -156px;}
.ImiValI5{background-position: 0 -208px;}
.ImiValI6{background-position: 0 -260px;}
.ImiValNr{width:315px;}
.ImiValNr h3{ font-size:20px;line-height:30px;}
.ImiValNr p{ font-size:16px;line-height:25px; margin-top: 5px;}
.ImiValT{width:370px; height:604px;}
/**/
.ImiPriK{width:1200px; margin:80px auto 0;}
.ImiPriB{width:1200px;}
.ImiPriB .swiper-slide{width:285px;}
.Swinext,.Swiprev{width:40px; height: 48px;}
.Swinext:after, .Swiprev:after { font-size:34px;}
.Swinext{right:-40px;}
.Swiprev{left:-40px;}
}
@media  screen and (max-width:1279px ) and ( min-width:960px){
/*我们的服务不止于次*/
.ImiSer{width:900px; margin:70px auto 0;}
.ImiSerK{width:900px; margin:70px auto 0;}
.ImiSerA{width:200px;}
.ImiSerI{width:150px;}
.ImiSerN{ padding-top:20px;}
.ImiSerN h3{font-size:18px; line-height:30px;}
.ImiSerN p{ font-size:14px;line-height:23px; margin-top:10px;}
/*IM增值功能*/
.ImiVal{width:900px; margin:70px auto 0;}
.ImiValK{width:900px; margin:30px auto 0;}
.ImiValN{width:296px;}
.ImiValA{height:125px;width:296px;}
.ImiValI{width:40px; height:40px; background-size:40px; border-radius:10px;box-shadow: 0 5px 10px rgba(245,130,32,0.1)}
.ImiValI2{background-position: 0 -40px;}
.ImiValI3{background-position: 0 -80px;}
.ImiValI4{background-position: 0 -120px;}
.ImiValI5{background-position: 0 -160px;}
.ImiValI6{background-position: 0 -200px;}
.ImiValNr{width:230px;}
.ImiValNr h3{ font-size:16px;line-height:25px;}
.ImiValNr p{ font-size:14px;line-height:20px; margin-top:4px;}
.ImiValT{width:277px; height:452px;}
/**/
.ImiPriK{width:900px; margin:40px auto 0;}
.ImiPriB{width:900px;}
.ImiPriB .swiper-slide{width:213px;}
.Swinext,.Swiprev{width:35px; height: 40px;}
.Swinext:after, .Swiprev:after { font-size:30px;}
.Swinext{right:-35px;}
.Swiprev{left:-35px;}
}
@media  screen and (max-width:959px ) and ( min-width:640px){
/*我们的服务不止于次*/
.ImiSer{width:600px; margin:50px auto 0;}
.ImiSerK{width:600px; margin:40px auto 0;}
.ImiSerA{width:280px; margin-bottom:40px;}
.ImiSerI{width:150px;}
.ImiSerN{ padding-top:20px;}
.ImiSerN h3{font-size:18px; line-height:30px;}
.ImiSerN p{ font-size:14px;line-height:23px; margin-top:10px;}
/*IM增值功能*/
.ImiVal{width:600px; margin:20px auto 0;}
.ImiValK{width:600px; margin:15px auto 0;}
.ImiValN{width:100%;}
.ImiValA{width:100%; margin-bottom:15px;}
.ImiValI{width:45px; height:45px; background-size:45px; border-radius:10px;box-shadow: 0 5px 10px rgba(245,130,32,0.1)}
.ImiValI2{background-position: 0 -45px;}
.ImiValI3{background-position: 0 -90px;}
.ImiValI4{background-position: 0 -135px;}
.ImiValI5{background-position: 0 -180px;}
.ImiValI6{background-position: 0 -225px;}
.ImiValNr{width:530px;}
.ImiValNr h3{ font-size:16px;line-height:30px;}
.ImiValNr p{ font-size:14px;line-height:20px; margin-top:4px;}
.ImiValT{width:277px; height:452px; margin: 0 auto;}
/**/
.ImiPriK{width:600px; margin:20px auto 0;}
.ImiPriB{width:600px;}
.ImiPriB .swiper-slide{width:141px;}
.Swinext,.Swiprev{width:24px; height:30px;}
.Swinext:after, .Swiprev:after { font-size:24px;}
.Swinext{right:-24px;}
.Swiprev{left:-24px;}
}
@media only screen and (max-width: 639px) {
/*我们的服务不止于次*/
.ImiSer{width:100%; padding-top:0.25rem}
.ImiSerK{width:92%; padding:0.15rem 4% 0;}
.ImiSerA{width:48%; margin-bottom:0.2rem;}
.ImiSerI{width:70%;}
.ImiSerN{ padding-top:0.1rem;}
.ImiSerN h3{font-size:0.14rem; line-height:0.22rem;}
.ImiSerN p{ font-size:0.1rem;line-height:0.18rem; margin-top:0.05rem;}
/*IM增值功能*/
.ImiVal{width:100%; padding-top:0.1rem}
.ImiValK{width:92%; padding:0.1rem 4% 0;}
.ImiValN{width:100%;}
.ImiValA{width:100%; margin-bottom:0.15rem;}
.ImiValI{width:0.35rem; height:0.35rem; background-size:0.35rem; border-radius:0.1rem;box-shadow: 0 5px 10px rgba(245,130,32,0.1)}
.ImiValI2{background-position: 0 -0.35rem;}
.ImiValI3{background-position: 0 -0.7rem;}
.ImiValI4{background-position: 0 -1.05rem;}
.ImiValI5{background-position: 0 -1.4rem;}
.ImiValI6{background-position: 0 -1.75rem;}
.ImiValNr{width:83%;}
.ImiValNr h3{ font-size:0.13rem;line-height:0.2rem;}
.ImiValNr p{ font-size:0.1rem;line-height:0.17rem; margin-top:0.02rem;}
.ImiValT{width:70%; margin: 0 auto 0.1rem;}
/**/
.ImiPriK{width:100%; padding:0.15rem 0 0.05rem;}
.ImiPriB{width:90%; margin: 0 auto;}
.ImiPriB .swiper-slide{width:50%;}
.ImiPriB .swiper-slide a{width:98%; margin: 0 auto;}
.Swinext,.Swiprev{width:0.15rem; height:0.2rem;}
.Swinext:after, .Swiprev:after { font-size:0.13rem;}
.Swinext{right:0;}
.Swiprev{left:0;}

}



/*****************
------智能识别-----
*****************/
/*我们的服务不止于次*/
.IntSerI img,.IntAppA img{width:100%; display: block;}
/*应用场景*/
.IntAppK{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;flex-wrap:wrap;}
.IntAppA{overflow: hidden; position: relative; display: block;}

.IntAppA:before{display: block;content: '';position: absolute;bottom:0; left:0; height:40%;z-index:1; width: 100%; background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.6))}
.IntAppA p{width:100%; text-align: center;color:#FFF; font-weight:550;left:0; position: absolute; z-index:2;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}



/*display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;align-items:center;flex-wrap:wrap;align-content:center*/
@media screen and (min-width:1280px){
/*我们的服务不止于次*/
.IntSerI{width:163px; margin:0 auto 20px;}
/*应用场景*/
.IntAppK{width:1200px; margin:60px auto 0;}
.IntAppA{width:390px; height:317px;margin-bottom: 15px; margin-left: 15px;}
.IntAppA:nth-child(3n+1){margin-left:0}
.IntAppA p{font-size:24px;line-height:30px; bottom:20px;}


}
@media  screen and (max-width:1279px ) and ( min-width:960px){
/*我们的服务不止于次*/
.IntSerI{width:116px; margin:0 auto 12px;}
/*应用场景*/
.IntAppK{width:900px; margin:40px auto 0;}
.IntAppA{width:294px; height:238px;margin-bottom:9px; margin-left:9px;}
.IntAppA:nth-child(3n+1){margin-left:0}
.IntAppA p{font-size:18px;line-height:25px; bottom:20px;}
}
@media  screen and (max-width:959px ) and ( min-width:640px){
/*我们的服务不止于次*/
.IntSerI{width:100px; margin:0 auto 8px;}
/*应用场景*/
.IntAppK{width:600px; margin:20px auto 0;}
.IntAppA{width:194px; height:157px;margin-bottom:9px; margin-left:9px;}
.IntAppA:nth-child(3n+1){margin-left:0}
.IntAppA p{font-size:14px;line-height:20px; bottom:12px;}
}
@media only screen and (max-width: 639px) {
/*我们的服务不止于次*/
.IntSerI{width:40%; margin:0 auto 0.06rem;}
/*应用场景*/
.IntAppK{width:92%; padding:0.15rem 4% 0;justify-content:space-between;}
.IntAppA{width:48%; margin-bottom:0.1rem;}
.IntAppA p{font-size:0.11rem;line-height:0.18rem; bottom:0.06rem;}
}