*{margin:0;padding:0} body{line-height:1.4;min-width:1280px;font-family:Source Han Sans SC,Helvetica!important;} li,ul{list-style:none;margin-bottom:0} a{outline:none;-webkit-tap-highlight-color:transparent} a,a:focus,a:hover{text-decoration:none} .h1,.h2,.h3,h1,h2,h3{margin-top:0;margin-bottom:0} img{border:none;vertical-align:middle} .clear:after{content:""} .clear:after,.float-clear{display:block;height:0;clear:both} article,aside,figure,footer,header,main,nav,section{display:block} strong{font-weight:400}address{font-style:normal} .body-header .nav-container{min-width:1280px;position:relative;left:0;right:0;top:0;z-index:2} .body-header .nav-container .nav-bg{position:absolute;display:block;left:0;right:0;top:0;height:96px;background-color:#1d1d1d} .body-header .nav-container .nav-wrapper{position:relative;z-index:2;margin:0 auto;width:100%;box-shadow:0 0 6px rgba(0, 0, 0, 0.6);} .body-header .nav-container .nav-wrapper.marginBottom{margin-bottom:150px} .body-header .logo-container{float:left;*width:330px;margin-left:4%} .body-header .logo-container .logo{margin:23px 0;width:190px} .body-header .logo-container .title{display:inline-block;*display:inline;vertical-align:middle;margin-left:10px;padding-left:10px;line-height:1;font-weight:200;color:#fff;font-size:18px;letter-spacing:5px} .body-header .nav-list{float:right;margin-right:5%} .body-header .nav-list>li{float:left;font-size:16px} .body-header .nav-list>li a{display:block;position:relative;padding:0 15px;white-space:nowrap;color:#fff;font-weight:200} .body-header .nav-list>li a .more,.body-header .nav-list>li a .more_active{width:60px;height:6px;background-image:url("/assets/v2-images/nav-saas-icons.png");position:absolute;bottom:10px;left:0;right:0;margin:0 auto} .body-header .nav-list>li a .more{background-position:0 23px} .body-header .nav-list>li a .more_active{background-position:0 6px;display:none} .body-header .nav-list>li>a{padding-top: 36px; /*line-height:95px*/} .body-header .nav-list .second{display: none;} .body-header .nav-list li:hover .second{display: block;margin-top: 5px;} .body-header .nav-list li:hover .first{display: none;} .body-header .nav-list>li .sub-nav{display:none;height:150px;width:100%;overflow:hidden;z-index:1;font-size:14px;margin-top:95px;position:absolute;z-index:0;left:0;top:0;right:0;bottom:0;background-color:#2e2e2e} .body-header .nav-list>li .sub-nav.subShow{display:block} .body-header .nav-list>li .sub-nav ul{position:absolute;left:500px;right:0;margin:auto;z-index:1;display:flex;justify-content:center;align-items:center;height:100%} .body-header .nav-list>li .sub-nav ul.left0{left:0} .body-header .nav-list>li .sub-nav ul.width-940{width:940px} .body-header .nav-list>li .sub-nav ul.width-770{width:770px} .body-header .nav-list>li .sub-nav ul:after{display:block;clear:both;content:"";visibility:hidden;height:0} .body-header .nav-list>li .sub-nav ul li{float:left;text-align:center;flex:1;box-sizing:border-box} .body-header .nav-list>li .sub-nav ul li a{cursor:pointer} .body-header .nav-list>li .sub-nav ul li a div.pros{height:80px;background-image:url("/assets/v2-images/nav-pro-icons.png");margin:0 auto} .body-header .nav-list>li .sub-nav ul li a div.saas{width:60px;height:60px;background-image:url("/assets/v2-images/nav-saas-icons.png");margin:0 auto} .body-header .nav-list>li .sub-nav ul li a div.eq.vmax{width:40px;background-position:0 0} .body-header .nav-list>li .sub-nav ul li a div.eq.voffice{width:34px;background-position:-100px 0} .body-header .nav-list>li .sub-nav ul li a div.eq.vmix{width:50px;background-position:-187px 0} .body-header .nav-list>li .sub-nav ul li a div.eq.varm{width:56px;background-position:-308px 0} .body-header .nav-list>li .sub-nav ul li a div.eq.vrfid{width:34px;background-position:-440px 0} .body-header .nav-list>li .sub-nav ul li a div.eq.vclassic{width:40px;background-position:221px 0} .body-header .nav-list>li .sub-nav ul li a div.eq.vstar{width:56px;background-position:122px 0} .body-header .nav-list>li .sub-nav ul li a div.eq.vos{background-position:0 -71px} .body-header .nav-list>li .sub-nav ul li a div.eq.yoli{height:36px;background-position:0 -143px;margin-top:24px} .body-header .nav-list>li .sub-nav ul li a div.eq.oyopoint{background-position:0 308px} .body-header .nav-list>li .sub-nav ul li a div.eq.fyopoint{background-position:0 166px} .body-header .nav-list>li .sub-nav ul li a div.eq_active{display:none} .body-header .nav-list>li .sub-nav ul li a div.eq_active.vmax{width:40px;background-position:-50px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.voffice{width:34px;background-position:-143px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.vmix{width:50px;background-position:-248px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.varm{width:56px;background-position:-374px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.vrfid{width:34px;background-position:-484px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.vclassic{width:40px;background-position:172px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.vstar{width:56px;background-position:56px 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.vos{background-position:0 0} .body-header .nav-list>li .sub-nav ul li a div.eq_active.yoli{height:36px;background-position:0 -182px;margin-top:24px} .body-header .nav-list>li .sub-nav ul li a div.eq_active.oyopoint{background-position:0 237px} .body-header .nav-list>li .sub-nav ul li a div.eq_active.fyopoint{background-position:0 95px} .body-header .nav-list>li .sub-nav ul li a p{padding-top:10px} .body-header .nav-list>li .sub-nav ul li:hover>a{color:#E7283B} .body-header .nav-list>li .sub-nav ul li:hover>a .eq{display:none} .body-header .nav-list>li .sub-nav ul li:hover>a .eq_active{display:block} .body-header .nav-list>li .sub-nav ul>li.active>a{color:#E7283B} .body-header .nav-list>li .sub-nav ul>li.active>a .eq{display:none} .body-header .nav-list>li .sub-nav ul>li.active>a .eq_active{display:block} .body-header .nav-list>li:hover>a{color:#E7283B} .body-header .nav-list>li:hover>a .more{display:none} .body-header .nav-list>li:hover>a .more_active{display:inline} .body-header .nav-list>li.active>a{color:#E7283B;} .body-header .nav-list>li.active>a .more{display:none} .body-header .nav-list>li.active>a .more_active{display:block} .body-header .nav-list .slogan-container{position:relative;z-index:1;margin:0 auto;width:1280px} .body-header .nav-list .slogan-container .slogan-wrapper{padding-top:210px;margin-left:200px;color:#fff;text-shadow:0 0 3px rgba(0,0,0,.3)} .body-header .nav-list .slogan-container .slogan-wrapper h2{margin-bottom:30px;font-size:38px} .body-header .nav-list .slogan-container .slogan-wrapper p{margin-bottom:10px;font-size:26px;letter-spacing:6px;line-height:20px} .mobile-nav-container{display:none;position:fixed;z-index:1000;top:0;left:0;height:100%;width:100%;overflow:hidden;background-color:#1a1a1a;color:#fff;background-size:contain;transition:height .2s ease-in} .mobile-nav-container.close{height:11.7vw} .mobile-nav-header{position:relative;background-color:#0e0e0e;text-align:center} .mobile-nav-header .icon-menu{position:absolute;left:0;top:50%;width:11.7vw;height:11.7vw;line-height:11.7vw;font-size:7vw;transition:transform .2s ease-in;transform:translateY(-50%)} .mobile-nav-header .icon-menu:active{background-color:hsla(0,0%,100%,.1)} .mobile-nav-header img{height:8.1vw;padding:1.8vw 0} .mobile-nav-wrapper{position:relative;padding-left:8.8vw} .mobile-nav-wrapper:before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background-color:#575757;transform:scaleY(.5)} .mobile-nav-wrapper li{position:relative} .mobile-nav-wrapper li:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background-color:#575757;transform:scaleY(.5);transform-origin:50% 100%} .mobile-nav-wrapper li h2{font-weight:300;font-size:4.5vw} .mobile-nav-wrapper li h2 a{display:block;padding:2vw 0 2vw 6vw;color:#fff;letter-spacing:.2vw;outline:none;-webkit-tap-highlight-color:transparent} .mobile-nav-wrapper li h2 a:active{background-color:#e7283b} /*#pageMain li {list-style: none;line-height: 22px; }*/ #pageBox {padding: 10px 0 0 0;margin-right: 30px;} #pageBox span {display: inline-block;width: 60px; height: 24px; line-height: 24px;text-align: center; color: #fff;background: #e7283b; border-radius:15px;} #pageNav {display: inline-block;width: 768px;} #pageNav a {display: inline-block;width: 24px; height: 24px;line-height: 24px;text-align: center;color: #3a87ad;text-decoration: none; } #pageNav a.active, #pageNav a:hover {background: #e7283b;color: #EFEFEF;opacity: 0.6;} #prev:hover {cursor: pointer; } #next:hover {cursor: pointer;} #pageBox1 {padding: 10px 0 0 0;margin-right: 30px;} #pageBox1 span {display: inline-block;width: 60px; height: 24px; line-height: 24px;text-align: center; color: #fff;background: #e7283b; border-radius:15px;} #pageNav1 {display: inline-block;width: 768px;} #pageNav1 a {display: inline-block;width: 24px; height: 24px;line-height: 24px;text-align: center;color: #3a87ad;text-decoration: none; } #pageNav1 a.active, #pageNav1 a:hover {background: #e7283b;color: #EFEFEF;opacity: 0.6;} #prev1:hover {cursor: pointer; } #next1:hover {cursor: pointer;} @media screen and (max-width:768px){ .body-header .banner-wrapper{height:11.7vw;background-color:#2e3132} .body-header .banner-wrapper .banner{top:11.7vw} .body-header .banner-wrapper .banner img:first-of-type{display:none} .body-header .banner-wrapper .banner img:nth-child(2){display:block} .body-header .banner-wrapper .nav-container{display:none} .body-header .banner-wrapper .mobile-nav-container{display:block} .body-header .banner-wrapper .slogan-container{padding-top:11.7vw}} .body-footer{background-color:#f3f3f3;color:#000;font-size:14px} .body-footer .service{position:fixed;z-index:998;right:0;top:50%;margin-top:-150px;box-shadow:0 0 3px 0 rgba(0,0,0,.1)} @media screen and (min-width:0px){ .body-footer .service{margin-top:0;transform:translateY(-50%)}} .body-footer .service>a,.body-footer .service>span{display:block;position:relative;width:70px;height:80px;*height:40px;padding-top:20px;background-color:#e7283b;border-bottom:1px solid #fff;text-align:center;color:#fff;text-shadow:1px 1px 1px rgba(0,0,0,.05);transition:all .15s ease-in;cursor:pointer} @media screen and (min-width:0px){ .body-footer .service>a,.body-footer .service>span{background-color:#e7283b;border-bottom:1px solid hsla(0,0%,100%,.7)}} .body-footer .service>a#go-top,.body-footer .service>span#go-top{padding:0;height:70px;*padding-top:20px;*height:40px} .body-footer .service>a:last-of-type,.body-footer .service>span:last-of-type{border-bottom:none} .body-footer .service>a>p,.body-footer .service>span>p{transition:all .15s ease-in} .body-footer .service>a>p .iconfont,.body-footer .service>span>p .iconfont{font-size:30px} .body-footer .service>a>p span,.body-footer .service>span>p span{display:block;font-size:12px} .body-footer .service>a>.number,.body-footer .service>span>.number{display:none;position:absolute;right:70px;top:28%;*top:14%;padding:10px 15px;background-color:#000;border-radius:4px;white-space:nowrap;text-align:right;font-size:20px;opacity:0;transform:translate(100%,-50%) scale(0);transform-origin:10% 50%;transition:all .15s ease-in} @media screen and (min-width:0px){ .body-footer .service>a>.number,.body-footer .service>span>.number{display:block;top:50%;background-color:rgba(0,0,0,.75)}} .body-footer .service>a>.number:after,.body-footer .service>span>.number:after{content:"";position:absolute;width:0;height:0;border:7px solid rgba(0,0,0,.75);border-left-color:transparent;border-bottom-color:transparent;transform:rotate(45deg) translateY(-10px);right:0;top:50%} .body-footer .service>a>.wechat-container,.body-footer .service>span>.wechat-container{padding:10px;top:-110%;*top:-210%} @media screen and (min-width:0px){ .body-footer .service>a>.wechat-container,.body-footer .service>span>.wechat-container{top:50%} } .body-footer .service>a>.wechat-container>div,.body-footer .service>span>.wechat-container>div{text-align:center} .body-footer .service>a>.wechat-container>div.mobile-hide,.body-footer .service>span>.wechat-container>div.mobile-hide{display:block} .body-footer .service>a>.wechat-container .qrcode_sales,.body-footer .service>span>.wechat-container .qrcode_sales{width:256px} .body-footer .service>a:hover,.body-footer .service>span:hover{background-color:#e7283b} .body-footer .service>a:hover>p,.body-footer .service>span:hover>p{transform:scale(1.1)} .body-footer .service>a:hover>.number,.body-footer .service>span:hover>.number{display:block;opacity:1;transform:translate(-6%,-50%) scale(1)} .body-footer .service>a:hover>.wechat-container,.body-footer .service>span:hover>.wechat-container{display:block} .body-footer>ul{margin:0 auto;width:1280px} .body-footer>ul>li{float:left;padding-left:60px;padding-right:60px} .body-footer>ul>li .box{padding:80px 0 0 30px} .body-footer>ul>li .box .title{margin-bottom:15px;height:38px;line-height:38px;color:#000;font-size:18px;font-weight:400} .body-footer>ul>li .box a{line-height:2;display:block;color:#000;text-decoration:none} .body-footer>ul>li .box a.mobile-footer-content{display:none} .body-footer>ul>li.qrcode{position:relative;padding-right:20px} .body-footer>ul>li.qrcode>img{display:block;margin-top:90px;width:150px} .body-footer>ul>li.qrcode:before{content:"";width:1px;height:100px;background-color:#ccc;position:absolute;top:120px;left:20px;display:block} .body-footer>ul>li.contact-us{padding:0;font-size:16px;color:#666} .body-footer>ul>li.contact-us p{line-height:2.8} .body-footer .bottom-logo{margin:0 auto;width:1280px;border-bottom:1px solid #ccc} .body-footer .bottom-logo img{display:block;margin:0 auto;padding:20px} .body-footer .copyright{padding:0 0 10px;text-align:center;font-size:12px;color:#999;clear:both;padding-top:20px;padding-bottom:50px} .body-footer .copyright a{color:#999} .body-footer .copyright a:hover{text-decoration:underline} .body-footer #mobile-show{transition:all .25s ease-in} .body-footer #mobile-show .layer{width:100%;height:100%;position:fixed;top:0;background-color:rgba(0,0,0,.8);z-index:999} .body-footer #mobile-show .layer p{margin-top:50%;text-align:center} .body-footer #mobile-show .layer img{position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;width:50%} .body-footer #mobile-show .layer span{display:inline-block;width:20px;height:20px;border:1px solid #fff;border-radius:20px;text-align:center;position:absolute;top:auto;bottom:20vh;color:#fff;right:0;left:0;margin:auto} .body-footer .wx_hide{display:none}.body-footer .wx_show{display:block} @media screen and (max-width:768px){ .body-footer>ul{width:100vw;display:flex;justify-content:space-between;flex-direction:row-reverse} .body-footer>ul li{font-size:3vw} .body-footer>ul li:first-child,.body-footer>ul li:nth-child(2),.body-footer>ul li:nth-child(3){display:none} .body-footer>ul li.qrcode{padding:0;margin-right:49px} .body-footer>ul li.qrcode:before{content:none} .body-footer>ul li.qrcode img{width:25vw;margin-top:12vw} .body-footer>ul li.contact-us{font-size:4vw} .body-footer>ul li.contact-us header{display: none;} .body-footer>ul li.contact-us .box{padding-left:0;padding-top:10vw} .body-footer>ul li.contact-us p{line-height:2.5} .body-footer>ul li .mobile-footer-content{display:block} .body-footer .bottom-logo{width:100%} .body-footer .bottom-logo img{width:30vw;padding:10px} .body-footer .copyright{position:relative;margin:0 auto;width:84vw;padding-top:3vw;font-size:2.9vw} .body-footer .copyright a{display:block} .body-footer .service{transform:scale(.7) translateY(-50%);transform-origin:100% 50%} } @media screen and (max-width:768px){body{min-width:320px}}