/*公共部分*/ body{font-family:PingFangSC-light,"Source Sans Pro","Helvetica Neue",Arial,"Hiragino Sans GB","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif;font-size:14px;color:#181931;background-color:#fff;} a{color:#7B7B86;text-decoration:none;transition:All 0.3s ease-in-out; -webkit-transition:All 0.3s ease-in-out; -moz-transition:All 0.3s ease-in-out; -o-transition:All 0.3s ease-in-out;} a:hover{color:#3986ee;text-decoration:none} li{list-style-type:none} .clear{clear:both;width:0;height:0;font-size:0;line-height:0;} a.link-blue{color: #3986ee;} a.link-blue:hover{text-decoration: underline;} .table-warp{margin:0px 15px;} .table-warp a.btn-more{display: block;height: 40px;border: 1px solid #dddddd;border-top-width: 1px;border-top-style: solid;border-top-color: rgb(221, 221, 221);border-top: none;color: #3986ee;text-align: center;line-height: 40px;} .table-warp a.btn-more:hover{background: #eff8ff;} .table{border-collapse: collapse;color:#7B7B86;width: 100%;} .table td{height: 40px;font-size: 14px;border: 1px solid #dddddd; text-align: center;} .table td img.icon{width: 20px;height: 20px;} .table td b{font-size: 16px;color: #181931;font-weight: normal;} /*栅格&响应式*/ .row{margin-right: 0; margin-left: 0;} .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{position: relative; min-height: 1px;} .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{float: left;} .col-xs-12{width: 100%;} .col-xs-11{width: 91.66666667%;} .col-xs-10{width: 83.33333333%;} .col-xs-9{width: 75%;} .col-xs-8{width: 66.66666667%;} .col-xs-7{width: 58.33333333%;} .col-xs-6{width: 50%;} .col-xs-5{width: 41.66666667%;} .col-xs-4{width: 33.33333333%;} .col-xs-3{width: 25%;} .col-xs-2{width: 16.66666667%;} .col-xs-1{width: 8.33333333%;} .col-xs-offset-12{margin-left: 100%;} .col-xs-offset-11{margin-left: 91.66666667%;} .col-xs-offset-10{margin-left: 83.33333333%;} .col-xs-offset-9{margin-left: 75%;} .col-xs-offset-8{margin-left: 66.66666667%;} .col-xs-offset-7{margin-left: 58.33333333%;} .col-xs-offset-6{margin-left: 50%;} .col-xs-offset-5{margin-left: 41.66666667%;} .col-xs-offset-4{margin-left: 33.33333333%;} .col-xs-offset-3{margin-left: 25%;} .col-xs-offset-2{margin-left: 16.66666667%;} .col-xs-offset-1{margin-left: 8.33333333%;} .col-xs-offset-0{margin-left: 0;} @media (min-width: 768px){.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{float: left;} .col-sm-12{width: 100%;} .col-sm-11{width: 91.66666667%;} .col-sm-10{width: 83.33333333%;} .col-sm-9{width: 75%;} .col-sm-8{width: 66.66666667%;} .col-sm-7{width: 58.33333333%;} .col-sm-6{width: 50%;} .col-sm-5{width: 41.66666667%;} .col-sm-4{width: 33.33333333%;} .col-sm-3{width: 25%;} .col-sm-2{width: 16.66666667%;} .col-sm-1{width: 8.33333333%;} .col-sm-pull-12{right: 100%;} .col-sm-pull-11{right: 91.66666667%;} .col-sm-pull-10{right: 83.33333333%;} .col-sm-pull-9{right: 75%;} .col-sm-pull-8{right: 66.66666667%;} .col-sm-pull-7{right: 58.33333333%;} .col-sm-pull-6{right: 50%;} .col-sm-pull-5{right: 41.66666667%;} .col-sm-pull-4{right: 33.33333333%;} .col-sm-pull-3{right: 25%;} .col-sm-pull-2{right: 16.66666667%;} .col-sm-pull-1{right: 8.33333333%;} .col-sm-pull-0{right: auto;} .col-sm-offset-12{margin-left: 100%;} .col-sm-offset-11{margin-left: 91.66666667%;} .col-sm-offset-10{margin-left: 83.33333333%;} .col-sm-offset-9{margin-left: 75%;} .col-sm-offset-8{margin-left: 66.66666667%;} .col-sm-offset-7{margin-left: 58.33333333%;} .col-sm-offset-6{margin-left: 50%;} .col-sm-offset-5{margin-left: 41.66666667%;} .col-sm-offset-4{margin-left: 33.33333333%;} .col-sm-offset-3{margin-left: 25%;} .col-sm-offset-2{margin-left: 16.66666667%;} .col-sm-offset-1{margin-left: 8.33333333%;} .col-sm-offset-0{margin-left: 0;}} @media (min-width: 992px){.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{float: left;} .col-md-12{width: 100%;} .col-md-11{width: 91.66666667%;} .col-md-10{width: 83.33333333%;} .col-md-9{width: 75%;} .col-md-8{width: 66.66666667%;} .col-md-7{width: 58.33333333%;} .col-md-6{width: 50%;} .col-md-5{width: 41.66666667%;} .col-md-4{width: 33.33333333%;} .col-md-3{width: 25%;} .col-md-2{width: 16.66666667%;} .col-md-1{width: 8.33333333%;} .col-md-pull-12{right: 100%;} .col-md-pull-11{right: 91.66666667%;} .col-md-pull-10{right: 83.33333333%;} .col-md-pull-9{right: 75%;} .col-md-pull-8{right: 66.66666667%;} .col-md-pull-7{right: 58.33333333%;} .col-md-pull-6{right: 50%;} .col-md-pull-5{right: 41.66666667%;} .col-md-pull-4{right: 33.33333333%;} .col-md-pull-3{right: 25%;} .col-md-pull-2{right: 16.66666667%;} .col-md-pull-1{right: 8.33333333%;} .col-md-pull-0{right: auto;} .col-md-offset-12{margin-left: 100%;} .col-md-offset-11{margin-left: 91.66666667%;} .col-md-offset-10{margin-left: 83.33333333%;} .col-md-offset-9{margin-left: 75%;} .col-md-offset-8{margin-left: 66.66666667%;} .col-md-offset-7{margin-left: 58.33333333%;} .col-md-offset-6{margin-left: 50%;} .col-md-offset-5{margin-left: 41.66666667%;} .col-md-offset-4{margin-left: 33.33333333%;} .col-md-offset-3{margin-left: 25%;} .col-md-offset-2{margin-left: 16.66666667%;} .col-md-offset-1{margin-left: 8.33333333%;} .col-md-offset-0{margin-left: 0;}} @media (min-width: 1200px){.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{float: left;} .col-lg-12{width: 100%;} .col-lg-11{width: 91.66666667%;} .col-lg-10{width: 83.33333333%;} .col-lg-9{width: 75%;} .col-lg-8{width: 66.66666667%;} .col-lg-7{width: 58.33333333%;} .col-lg-6{width: 50%;} .col-lg-5{width: 41.66666667%;} .col-lg-4{width: 33.33333333%;} .col-lg-3{width: 25%;} .col-lg-2{width: 16.66666667%;} .col-lg-1{width: 8.33333333%;} .col-lg-pull-12{right: 100%;} .col-lg-pull-11{right: 91.66666667%;} .col-lg-pull-10{right: 83.33333333%;} .col-lg-pull-9{right: 75%;} .col-lg-pull-8{right: 66.66666667%;} .col-lg-pull-7{right: 58.33333333%;} .col-lg-pull-6{right: 50%;} .col-lg-pull-5{right: 41.66666667%;} .col-lg-pull-4{right: 33.33333333%;} .col-lg-pull-3{right: 25%;} .col-lg-pull-2{right: 16.66666667%;} .col-lg-pull-1{right: 8.33333333%;} .col-lg-pull-0{right: auto;} .col-lg-offset-12{margin-left: 100%;} .col-lg-offset-11{margin-left: 91.66666667%;} .col-lg-offset-10{margin-left: 83.33333333%;} .col-lg-offset-9{margin-left: 75%;} .col-lg-offset-8{margin-left: 66.66666667%;} .col-lg-offset-7{margin-left: 58.33333333%;} .col-lg-offset-6{margin-left: 50%;} .col-lg-offset-5{margin-left: 41.66666667%;} .col-lg-offset-4{margin-left: 33.33333333%;} .col-lg-offset-3{margin-left: 25%;} .col-lg-offset-2{margin-left: 16.66666667%;} .col-lg-offset-1{margin-left: 8.33333333%;} .col-lg-offset-0{margin-left: 0;}} *{margin: 0; padding: 0; border: 0;} .nav-warp{height:57px;width: 100%;position: fixed;top:40px;z-index: 9999;} .nav-warp-top{top: 0;} .nav-warp .main-warp{max-width: 1400px;} .nav{height:56px;width: 100%;-webkit-transition-property: background-color;-webkit-transition-duration: 0.5s;-webkit-transition-timing-function: ease; position: relative;box-shadow: 0px 0px 2px rgba(229,234,241,0.2);background:rgba(0,0,0,0.3);} .nav-fixed{top: -56px;-webkit-transition-property: background-color;-webkit-transition-duration:2s;-webkit-transition-timing-function: ease;height: 56px;background: rgba(0,0,0,0.6);} .nav-fixed .login{} .top-info{line-height: 40px;overflow: hidden;} .top-info .main-warp{max-width: 1400px;} .top-info .top-info-ul {float: left; display: flex;flex-wrap: wrap;} .top-info .top-info-ul li{padding: 0 15px;position: relative;} .top-info .top-info-ul li:not(:last-child)::before{display: block;content: '';position: absolute;width: 1px;height: 15px;background-color: #ccc; top: 31%;right: 0;} .top-info .top-tel{float: right;} .top-info .top-tel h1{float: left;line-height: 35px;} .top-info .top-tel span{font-size: 14px;} .top-info .top-tel strong{font-size: 18px; color: #e7032a;} .top-info .top-tel h1 strong em{font-style:italic;display:inline-block;text-align:center;opacity:1;filter:alpha(opacity=100);transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;} .top-info .top-tel h1 strong em.in{opacity:0.2;filter:alpha(opacity=20);transform:scale(0.3);-webkit-transform:scale(0.3);-moz-transform:scale(0.3);-o-transform:scale(0.3);} .top-info .top-tel i{display: inline-block; margin-left: 20px; animation:mymove1 linear infinite 3.8s; -webkit-animation:mymove1 linear infinite 3.8s; /* Safari and Chrome */ } @keyframes mymove1 { 0% { transform: scale(0.7); -webkit-transform: scale(0.7); } 45% { transform: scale(1.05); -webkit-transform: scale(1.05); } 80% { transform: scale(0.95); -webkit-transform: scale(0.95); } 100% { transform: scale(1); -webkit-transform: scale(1); } } .form_list{position:absolute;right:50%;top:85px;width:380px;height:80%;z-index:100;background:#fff;background:rgba(255,255,255,0.8);margin-right:-600px;} .form_list .form_d{padding:14px 24px;} .form_list .form_d dl{font-size:14px;} .form_list .form_d dl dt{font-size:26px;text-align:center;color:#666;font-weight:normal;padding-top:24px;margin-bottom:24px;} .form_list .form_d dl dd{width:100%;clear:both;content:'';display:table;margin-bottom:35px;} .form_list .form_d dl dd span{float:left;min-width:72px;font-size:14px;color:#666;height:34px;line-height:34px;text-align:right;margin-right:4px;} .form_list .form_d dl dd .text{float:left;border:1px solid #dedede;padding:6px 10px;font-size:14px;font-family:'微软雅黑';color:#666;width:220px;margin-right:6px;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;} .form_list .form_d dl dd .text:hover,.form_list .form_d dl dd .text.active{border:1px solid #ff5f64;color:#ff5f64;font-size:14px;font-family:'微软雅黑';box-shadow:inset 0 0 6px 1px rgba(193,41,46,0.2);-webkit-box-shadow:inset 0 0 6px 1px rgba(193,41,46,0.2);-moz-box-shadow:inset 0 0 6px 1px rgba(193,41,46,0.2);-o-box-shadow:inset 0 0 6px 1px rgba(193,41,46,0.2);} .form_list .form_d dl dd .text.active{animation:Shake_dh 0.4s ease-out;-webkit-animation:Shake_dh 0.4s ease-out;-moz-animation:Shake_dh 0.4s ease-out;-o-animation:Shake_dh 0.4s ease-out;} .form_list .form_d dl dd i{float:left;color:red;height:34px;line-height:30px} .form_list .form_d dl dd .text.code{width:107px;margin-right:10px;} .form_list .form_d dl dd .code_img{float:left;width:100px;height:32px;background:#fff;border:1px solid #dedede;margin-right:6px;} .form_list .form_d dl dd .btn_sub{padding:14px;color:#fff;font-weight:bold;background:#c1292e;width:316px;font-size:14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-o-transition:0.4s ease-out;} .form_list .form_d dl dd .btn_sub:hover{opacity:0.8;filter:alpha(opacity=80);} #cssmenu>ul>li.btn-free-div{position:absolute;right:105px;display: block;height: 30px;text-align: center;top: 13px;} #cssmenu>ul>li.btn-free-div a{font-size: 14px;color: #fff;height: 30px;line-height:30px;display: block;float: right;margin-left:15px;border-radius:28px;} #cssmenu>ul>li.btn-free-div a:hover{color: #3986ee;background: #fff;} #cssmenu>ul>li.btn-free-div a.reg{color: #fff;background: linear-gradient(90deg, #0DCCFF 0%, #4760FF 100%);padding:0 16px} #cssmenu>ul>li.btn-free-div a.reg:hover{background-color: #fff;color: #fff;} #cssmenu>ul>li.btn-free-div .login-icon{font-size: 14px;color: #fff;height: 30px;line-height:28px;border-radius:28px;display: block;float: right;margin-left:15px;padding: 0 15px;cursor: pointer;-webkit-transition-property: background-color;-webkit-transition-duration:0.2s;-webkit-transition-timing-function: ease;} #cssmenu>ul>li.btn-free-div .login-icon:hover{background: linear-gradient(90deg, #0DCCFF 0%, #4760FF 100%);color: #fff;} #cssmenu>ul>li.btn-free-div .login-icon .iframe-login{position: absolute;width: 305px;height: 325px;background:#fff;right: 0px;top:43px; display: none; z-index:10000;-webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; -webkit-transition-delay: .2s; -o-transition-delay: .2s; transition-delay: .2s; -webkit-box-shadow: 0 2px 16px 0 rgba(153,153,153,.6); box-shadow: 0 2px 16px 0 rgba(153,153,153,.6);} #cssmenu>ul>li.btn-free-div .login-icon .iframe-login iframe{width:304px;height: 320px;} #cssmenu>ul>li.btn-free-div span{float: left;color: #3986ee; margin:2px 10px 0 0;font-size: 14px;background:url(../image/ico-tel.png) left center no-repeat;background-size:20px 20px;padding:6px 0px 6px 30px;} #cssmenu>ul>li.btn-free-div span font{color: #fff;font-size: 16px;} #cssmenu .nav-product{width:1920px;background: #fff;display:inline-block;margin-left:-524px;border-top:1px solid #dddddd;padding:0 335px 50px 335px;} #cssmenu .nav-product h3{text-align: left;padding:0;color:#252B3A;font-weight:400;font-size:18px;padding-bottom:5px;} #cssmenu .nav-product .menu{border-right:1px solid #dddddd;} #cssmenu .nav-product .border-0{border-right: 0;} #cssmenu .nav-product .menu .list{margin-top:40px;} #cssmenu .nav-product .menu .row{display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;margin-right: -15px;margin-left: -15px;} #cssmenu .nav-product .menu .col{-ms-flex-preferred-size: 0;flex-basis: 0;-ms-flex-positive: 1;flex-grow: 1;max-width: 100%;} #cssmenu .nav-product .menu .list .line{border-right:1px solid #E5EAF1;padding:0 28px;} #cssmenu .nav-product .menu .list .item{padding-top:20px;} #cssmenu .nav-product .menu .list .item p{font-size:14px;color:#464964;line-height:18px;} #cssmenu .nav-product .menu .list .item p.des{line-height:24px;overflow:hidden;} #cssmenu .nav-product .menu .list .item p.des1{height:24px;line-height:24px;overflow:hidden;} #cssmenu .nav-product .menu .list:last-child .line{border-right:none;} #cssmenu .nav-product .menu .list a{display: block; padding:0px 20px 0px 0;line-height:25px;color: #252B3A;font-size: 14px;text-align: left;} #cssmenu .nav-product .menu .list .item p.des a,#cssmenu .nav-product .menu .list .item p.des1 a{padding:0px;line-height:inherit;font-size:14px;color:#464964;font-weight:400;width: 30%; display: inline-block;position:relative;top:1px;} #cssmenu .nav-product .menu .list a:hover,#cssmenu .nav-product .menu .list .item p.des a:hover,#cssmenu .nav-product .menu .list .item p.des1 a:hover{color:#3986ee;} #cssmenu .nav-product .menu .list a.product-space{margin-top:30px;} #cssmenu .nav-product .menu .list a b{padding:0;} #cssmenu .nav-product .menu .list b{display: block;padding:10px 0 10px 0;line-height:18px;font-size:16px;text-align: center;} #cssmenu .nav-product .menu .list a span.tag{color: #3986EE;} #cssmenu .nav-product .menu .list a span.tag i{background: #f7402d;height: 14px;display: inline-block;color: #fff;font-size:12px;text-align: center;line-height:14px;border-radius:3px; margin-left:5px;padding:0 3px;font-weight: normal;font-style: normal;vertical-align:super} #cssmenu .nav-product .menu .list a.w50{float: left;padding-left:0;padding-right:0; text-align: center;width: 50%;} #cssmenu .nav-product .menu .list a.w50 img{width: 100%;} #cssmenu .nav-product .menu .list a.ad{background-image: linear-gradient(45deg, #3f99ec, #787eff); margin:20px;text-align: center;color: #fff;padding: 20px 0;} #cssmenu .nav-product .menu .list a.ad:hover{background-image: linear-gradient(45deg, #787eff, #3f99ec);} #cssmenu .nav-product .menu .list a.ad b.tag{color: #fff;font-size: 18px;text-indent: 20px;} #cssmenu .nav-product .menu .list a.ad b.tag i{text-indent: 0;} #cssmenu .nav-product .menu .list h3 a{padding:0;font-size:16px;color:#181931;} #cssmenu .nav-product .menu .list h3 a:hover{color:#3986ee;} #cssmenu .nav-video{margin-left:-1170px;overflow: hidden;} #cssmenu .nav-service{margin-left:-815px;overflow: hidden;} #cssmenu .nav-service .menu .list .line{height:180px;} #cssmenu .nav-case{margin-left:-910px;overflow: hidden;} #cssmenu .nav-case .menu .list .line{} #cssmenu .nav-case .menu .item{padding-top:20px!important;} #cssmenu .nav-product .hotline{position: relative;padding-left: 80px;margin:30px 0 0 40px;} #cssmenu .nav-product .hotline i{width:64px;height:64px;display: block;position: absolute;left:0;top:0;background-size:100%; background: url(../image/index-hotline.png) center no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/index-hotline.png', sizingMethod='scale');} #cssmenu .nav-product .hotline span{ display: block;line-height:32px;} #cssmenu .nav-product .hotline span {color: #8A8E99;} #cssmenu .nav-product .hotline span b{font-size: 16px;font-weight: normal;display: block;color:#181931;} .nav-fixed #cssmenu>ul>li.btn-free-div{display: block;} .main-warp{width: 100%; max-width: 1200px; margin: 0 auto;} .nav-warp .login{height:36px; text-align: right; background:#212427;color: #aaaaaa;line-height: 36px;} .nav-warp .login a,.nav-warp .nav .login span.hotline{height: 24px; line-height: 24px;display:block;float: right;padding:0 10px;margin-top:6px;} .nav-warp .login span.hotline font{color:#fff;font-weight: bold;} .nav-warp .login a.btn-free,.nav-warp .login a.btn-reg{color:#249eff; margin-left:5px;} .nav-warp .login a.btn-free:hover,.nav-warp .login a.btn-reg:hover{color:#3986ee;} .nav-warp .login a.btn-singup{color:#fff;} .nav-warp .login a.btn-singup:hover{color: #dddddd;} .nav-warp .login .login-icon{display:block;float: right;position: relative;width:145px;padding-right:10px;} .nav-warp .login .login-icon span{display:inline-block;*display:inline;zoom:1;float: left;} .nav-warp .login .login-icon a{width: 20px; height: 20px;padding: 2px;display:inline-block;*display:inline;zoom:1;} .nav-warp .login .login-icon a i{border-radius: 3px; background: #181931; display: block;width: 20px; height: 20px;} .nav-warp .login .login-icon a i img{width: 20px; height: 20px;} .nav-warp .login .login-icon a:hover i{background: #8A8E99;} .nav-warp .login .login-icon .iframe-login{position: absolute;width: 305px;height: 325px;border:1px solid #989077;background:#fff;box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);-webkit-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);-moz-box-shadow: 0px 1px 3px 0 rgba(0,0,0,0.3);right: 0px;top:36px; display: none; z-index:10000;} .nav-warp .login .login-icon .iframe-login iframe{width:304px;height: 320px;} .nav-warp .login .login-icon .btn-drive{display:none;} .sub-nav{ background: #fff;box-shadow: 0px 0px 14px 0px rgba(95, 126, 209, 0.2);width:100%;display: inline;white-space: nowrap;overflow-x:auto;float:left;overflow-y:hidden; margin-bottom:60px;} .sub-nav li{display:inline-block;*display:inline;zoom:1;color: #fff;font-size: 16px; line-height: 60px;} .sub-nav li a{display: block;height:60px;color: #181931; text-align: center;padding: 0 20px;} .sub-nav li a.cur,.sub-nav li a:hover{border-bottom:2px solid #3986ee;color: #3986ee;} .sub-nav-lg{background-color: rgba(0,0,0,0.4);margin-top: -70px;} .sub-nav-lg li a{display: block;height:70px;line-height: 70px;color: #fff;font-size: 18px;} /*首页*/ .slider {position: relative;width: 100%;height: auto;overflow: hidden;} /*盒子带容器*/ .slides {height: auto; /* Simple clear fix */ overflow: hidden; /** * Prevent blinking issue * Not tested. Experimental. */ -webkit-backface-visibility: hidden; -webkit-transform-style: preserve-3d; /** * Here is CSS transitions * responsible for slider animation in modern broswers */ -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000); } .slide {height: auto;float: left;clear: none;width:100%;} .slider-arrows {} .slider-arrow {position: absolute;display: block;margin-bottom: -20px;width: 40px;height: 40px;line-height: 40px;text-decoration: none;text-align: center;color: #fff;font-size: 2em;background-color: #181931;background-color: rgba(50,50,50,.3);border-radius: 50%;} /*左右按钮样式及放置位置*/ .slider-arrow--right {bottom: 50%;right: 30px;} .slider-arrow--left {bottom: 50%;left: 30px;} /* background:url(img/.png) no-repeat; */ .slider-nav {position: absolute;bottom: 30px;} .slider-nav__item {width:30px;height:6px;float: left;clear: none;display: block;margin: 0 5px;background:#cccccc;opacity: 0.6;} .slider-nav__item:hover {background: #fff;opacity: 0.6;} .slider-nav__item--current {background: #fff;opacity:1;} /*被选中后的样式*/ .slide .box {width: 100%;height:600px;background-color:#324a5a;color: #fff;text-transform: capitalize;vertical-align: middle;background-position: center center} .slide .box .main-warp{position: relative;} .slide .box .main-warp .anmation-index-pic{position: absolute;} .slide .box .main-warp .anmation-index-pic0{top:222px;right:-47px;z-index:1;} .slide .box .main-warp .anmation-index-pic1{top:150px;left:680px;z-index:2;} .slide .box .main-warp .anmation-index-pic2{top:362px;left:585px;z-index:2;} .slide .box .main-warp .anmation-index-pic3{top:220px;right:28px;z-index:2;} .slide .box .main-warp .anmation-index-pic4{top:365px;right:15px;z-index: 8;} .slide .box .main-warp .anmation-index-pic5{top:265px;right:235px;z-index:3;} .slide .box .main-warp .anmation-index-pic6{top:154px;right:332px;z-index:2;} .slide .box .main-warp .anmation-index-pic7{top:216px;right:-60px;z-index:2;} .slide .box .main-warp .anmation-index-pic8{top:207px;right:178px;z-index:2;} .slide .box .main-warp .anmation-index-pic9{top:432px;right:8px;z-index: 10;} .slide .box .main-warp .anmation-index-pic10{top:426px;left:498px;z-index:2;} .slide .box .main-warp .anmation-index-pic11{top:96px;right:228px;z-index:5;transition: All 0.4s ease-in-out;-webkit-animation:scaleout 2s infinite ease-in-out;animation:scaleout 2s infinite ease-in-out;} @keyframes scaleout { 0% { transform:scale(1.0); -webkit-transform:scale(1.0); opacity:0; } 10% { transform:scale(1.1); -webkit-transform:scale(1.1); opacity:1; } 100% { transform:scale(1.15); -webkit-transform:scale(1.15); opacity:0; } } .slide .box .main-warp .anmation-index-rub12{top:450px;right:232px;} .slide .box .main-warp .anmation-index-rub13{top:457px;right:278px;} .slide .box .main-warp .anmation-index-rub14{top:452px;right:280px;} .slide .box .main-warp .anmation-index-rub15{top:160px;right:162px;} .slide .box .main-warp .anmation-index-rub16{top:167px;right:208px;} .slide .box .main-warp .anmation-index-rub17{top:162px;right:210px;} .slide .box .main-warp .anmation-index-pic12{z-index: 2;} .slide .box .main-warp .anmation-index-pic13{z-index: 4;transition: All 0.4s ease-in-out;-webkit-animation:scaleout 2s infinite ease-in-out;animation:scaleout 2s infinite ease-in-out;} @keyframes scaleout { 0% { transform:scale(1.0); -webkit-transform:scale(1.0); opacity:0; } 10% { transform:scale(1.05); -webkit-transform:scale(1.05); opacity:1; } 100% { transform:scale(1.1); -webkit-transform:scale(1.1); opacity:0; } } .slide .box .main-warp .anmation-index-pic14{transition: All 0.4s ease-in-out;z-index: 3;-webkit-animation: animal 3s infinite linear;-webkit-transform-origin: center center;-ms-transform-origin: center center;transform-origin: center center;} @keyframes animal { 0%{ transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); transform:rotateY(0deg); } 100%{ transform: rotateY(-360deg); -ms-transform: rotateY(-360deg); -webkit-transform: rotateY(-360deg); transform:rotateY(-360deg); } } .slide .box h1,.slide .box b{font-size:42px;padding-top:200px;display:block;-webkit-transition-property:padding-top;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .slide .box p{font-size:18px;display: block;margin:16px 0 20px 0;} .slide .box a.btn{display: block;border:1px solid #fff;width: 160px;height: 40px;line-height:40px;font-size:16px;color: #fff;text-align: center;margin-top:40px;border-radius:40px;} .slide .box a.btn:hover{background: #3986ee;color: #fff;} .slide-logo{overflow: hidden;margin: 0 10px;} .slide-logo .slides .slide .box {width: 100%;height:60px;background: none;} .slide-logo .slides .slide .box .left{width: 49.5%;float: left;} .slide-logo .slides .slide .box .right{width: 49.5%;float: right; text-align: right;} .slide-logo .slides .slide .box .right img, .slide-logo .slides .slide .box .left img{width: 100%; margin-bottom: 5px;} .slide-logo .slider-nav2 {padding-top:20px; float:right; margin-right:43%; } .slide-logo .slider-nav__item2 {width:40px;height:4px;float: left;clear: none;display: block;margin: 0 5px;background:#dddddd;} .slide-logo .slider-nav__item2:hover {background: #3986ee;opacity: 0.6;} .slide-logo .slider-nav__item--current2 {background: #3986ee;opacity:1;} /*被选中后的样式*/ .slide-product{background-position:center top;position: relative;} .slide-product .product-bg{background-position:top center;height:780px;background-color:rgba(0,0,0,0.4);} .slide-product .product-bg-videoconference{background-image:url('../image/index-product-videoconference.jpg')} .slide-product .product-bg-live{background-image:url('../image/index-product-live.jpg')} .slide-product .text{width: auto;margin:0 25% 0 10%;color: #fff;bottom:30px;opacity:1;} .slide-product .text h1{font-size:36px;padding-top:580px;display:block;-webkit-transition-property:padding-top;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .slide-product .text p{font-size: 16px;line-height:26px;} .slide-product .text a.btn{display: block;border:1px solid #fff;width: 160px;height: 40px;border-radius:40px;line-height:40px;font-size:16px;color: #fff;text-align: center;opacity:0;margin-top:40px;-webkit-transition-property:opacity margin-top;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .slide-product .text a.btn:hover{background: #fff;color: #7B7B86;} .slide-product:hover{background-color: #181931;} .slide-product:hover .product-bg{background-color:rgba(0,0,0,0.5);} .slide-product:hover .text{opacity:1;} .slide-product:hover h1{padding-top:530px;} .slide-product:hover .text a.btn{opacity:1;margin-top:20px} .section{padding:60px 0;} .section h2{font-size: 32px; text-align: center;color: #181931;font-weight: 700; padding-bottom: 48px;width: 80%;margin: 0 auto;} .section h3{font-size: 20px; text-align: center;color: #181931;font-weight: 700; padding:20px; border-bottom: 1px dotted #dddddd; margin-bottom: 30px;} .section h2 i{display: block;width:90%;margin:0 auto;font-size: 16px;line-height:20px;font-weight: normal; font-style: normal;color: #8A8E99;padding-top:10px;} .section h2 i.msg_left{text-align: left;} .section h2 a{color: #3986ee;font-size: 16px;} .section h2 a:hover{text-decoration: underline;} .section .txt{line-height: 28px;font-size: 14px;} .section .img{width:70%; margin:0 auto; display: block;} .section-bg-black{background: #f5f5f5;padding-top:60px; margin-bottom: 20px;} .section-bg-blue{background: #46d7fb;padding-top:60px; margin-bottom: 20px;} .section-bg-blue h2{color: #fff;} .btn-section-more{border:1px solid #3986ee;display: inline-block;margin:15px 0;height:30px;line-height: 30px;color: #3986ee;padding:0 20px;border-radius:30px;} .btn-section-more:hover{background-color: #3986ee;color: #fff;} .index-em-bg{height:420px;} .index-em-bg h2{font-size:50px;font-weight: bold;} .index-em-bg h2 em{display: block;width: 100%;font-style: normal;font-size:30px; font-weight: normal;color: #8A8E99;} .index-em-bg p{width:700px; margin: 0 auto; text-align: center;} .index-em-bg a{display: block;border: 1px solid #3986ee;width: 160px;height: 40px;line-height: 40px;font-size: 16px;color: #3986ee;text-align: center; margin: 40px auto;} .index-em-bg a:hover{background: #3986ee;color: #fff;} .index-em{ text-align: center;} .index-em img{width:70%;} a.btn-h5-login{width: 100%; background: #3986ee;height: 40px;line-height: 40px;color: #fff;font-size:16px;display: none; text-align: center; margin-top: 55px;} .index-video{text-align: center; position: relative;} .index-video img{width:100%;} .index-video a{position: absolute;width:180px;height:180px;background-image:url(../image/icon-play.png); left: 50%;top:50%;margin: -85px 0 0 -88px;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/icon-play.png', sizingMethod='scale');} .index-video a:hover{background-image:url(../image/icon-play-hover.png); background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../image/icon-play-hover.png', sizingMethod='scale');} .index-video i{position: absolute;width: 100%;color: #fff; text-align: center;top: 20px;font-size:24px;font-style: normal} .index-login-tips{width: 597px;height: 445px;position:absolute;right:0;top:25px;z-index: 100000; background:url('../image/index-login-tip.png');display: none;} .index-login-tips .btn-close{width:130px;display: inline-block; height:40px; line-height: 40px; text-align: center; background: #3986ee;color: #fff; margin: 300px 0 0 355px;} .index-login-tips .btn-close:hover{background: #0364BD;} .index-data{} .index-data .em,.index-data .mail,.index-data .meet,.index-data .webcast{display: block; margin:15px 10px;position: relative;height:160px; text-align: center;} .index-data b{display: block; font-size:48px;font-weight: normal; height: 80px;padding-top: 30px;} .index-data b font{font-size: 18px;font-weight: normal;} .index-data p{font-size: 14px;color:#7B7B86;} .index-data .em{background: #e9f5ff;} .index-data .em b{color: #31a3ff;} .index-data .mail{background: #fff1f1;} .index-data .mail b{color: #eb4856;} .index-data .meet{background: #f1ffe3;} .index-data .meet b{color: #4ab10c;} .index-data .webcast{background: #fff4df;} .index-data .webcast b{color: #ef9a07;} /*解决方案*/ .index-solution{background-size:1920px 1080px;background-position: top center;padding:60px 0;background-color:#1f2935;} .index-solution-0{background-image: url(https://www.263.net/r/cms/www/web2018/img/index-solution-bg1.jpg);} .index-solution-1{background-image: url(https://www.263.net/r/cms/www/web2018/img/index-solution-bg2.jpg);} .index-solution-2{background-image: url(https://www.263.net/r/cms/www/web2018/img/index-solution-bg3.jpg);} .index-solution h2{color: #fff; } .index-solution .left-nav{width:300px;float: left;} .index-solution .left-nav ul li{color: #fff;height: 40px;display: block;text-align: center;line-height: 40px; margin-top:10px;cursor: pointer;} .index-solution .left-nav ul .cur,.index-solution .left-nav ul .cur:hover{background-color: rgba(255,255,255,0.4);} .index-solution .left-nav ul li:hover{background-color: rgba(255,255,255,0.1);} .index-solution .con{padding-left:330px;color: #fff;} .index-solution .con h3{color: #fff;border:none;text-align: left;padding: 0;margin: 0;margin-top: 5px;} .index-solution .con h4{color: #fff;margin:30px 0 10px 0;font-size:16px;font-weight: normal;} .index-solution .con .keyword{color: #8A8E99;padding:5px 0 20px 0;display: block;} .index-solution .con .btn{display: block;margin-top:20px;} .index-solution .con .btn li{display:inline-block} .index-solution .con .btn li a{height: 40px;width:140px; text-align: center;line-height: 40px;color: #3986ee;border:1px solid #3986ee;display: inline-block;} .index-solution .con .btn li a.btn-free{background-color: #3986ee;color: #fff;} .index-solution .con .btn li a:hover{background-color: #0072FF;border-color: #0072FF;color: #fff;} .index-solution .con .custom-logo li{display: block;width:50%;float: left;} .index-solution .con .custom-logo li img{width:97%;} .index-solution .con .custom-case li{display: block;width:50%;float: left;} .index-solution .con .custom-case li .box{width:97%;background-color: rgba(255,255,255,0.1);min-height: 100px;position: relative;} .index-solution .con .custom-case li .box p{display: block;padding:20px;color: #fff;text-align: justify;} .index-solution .con .custom-case li .box p a{display: inline-block;color: #3986ee;margin-right: 15px;} .index-solution .con .custom-case li .box img{position: absolute;right: 10px;bottom:10px;width:150px;opacity:0.7;} /*奖项*/ .index-honour{background-color:#1c1e39;padding:40px 0;} .index-honour .item{text-align: center;} .index-honour .item img{width:25%;} .index-honour .item span{display: block;padding: 0 20px;color:#898b9f;font-size:12px;margin-top:5px;} .index-free{background:url(../image/reg-banner-newbg.jpg) center center repeat;background-attachment: fixed;font-size:18px; text-align: center;padding:30px 0;} .index-free p{color: #fff;font-size: 28px; margin: 20px auto 20px auto} .index-free a{display: block;font-size: 16px; margin:10px auto;color: #fff; border:1px solid #fff;height: 40px;line-height: 40px;width:180px;border-radius:40px;} .index-free a:hover{background: linear-gradient(90deg, #0DCCFF 0%, #4760FF 100%);color: #fff;border:1px solid #4760FF;} .friendLink{background:#eeeeee;padding: 20px 0;} .friendLink .list{position: relative;padding-left:80px;} .friendLink font{display: inline-block;color: #181931;position:absolute;left:10px;top: 2px;} .friendLink a{color: #7B7B86;display: inline-block; margin:2px 10px;} .friendLink a:hover{color: #3986ee;} .footer{background: #1c1e39;padding-top:0px;padding-bottom:40px;} .footer-main{padding-bottom:40px;} .footer-main div:nth-child(9),.footer-main div:nth-child(6),.footer-main div:nth-child(7){padding-right:0px;} .footer a{color: #898b9f;} .footer a:hover{color:#fff;text-decoration:underline;} .footer .hotline{position: relative;} .footer .hotline i{width:64px;height:64px;display: block;position: absolute;left:0;top:0;background-size:100%; background: url(../image/index-hotline.png) center no-repeat;background-size: cover;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/index-hotline.png', sizingMethod='scale');} .footer .hotline ul{ display: block;} .footer .hotline ul li{color: #fff; margin-bottom: 10px;font-size:16px;} .footer .hotline ul li b{font-size: 24px;font-weight: normal;display: block;color:#fff;line-height:36px;margin-bottom:20px;} .footer .hotline i{background:none;} .footer .middle-line{width:7%;padding-right:0px;} .footer .middle-line span{display: block;width:1px;height:225px; border-left:1px #37395a solid} .footer .links{} .footer .links i{color: #fff;font-style: normal;display: block;padding-bottom: 15px;font-size:16px;} .footer .links li{position: relative;} .footer .links li a{color: #898b9f;font-size: 14px;line-height:32px;} .footer .links li a:hover{color:#fff;text-decoration:underline;} .main-warpcoy .copyright{color: #898b9f;font-size: 12px; padding-top:15px; margin-top: 20px;border-top:1px solid #37395A;} .footer .copyright{color: #898b9f;font-size: 12px; padding-top:15px; margin-top: 20px;border-top:1px solid #37395A;} .footer .copyright .lang{ text-align: right;} .footer .qr-code{border-radius:5px;position:absolute;left:0;margin-top:3px;background:url(../image/footer-qrcode.png) no-repeat;width:100px;height:100px;background-size: 100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/footer-qrcode.png', sizingMethod='scale');} .footer .copyright .f-link{overflow: hidden;padding-top: 20px;} .footer .copyright .f-link p{float: left;} .footer .copyright .f-link p a{padding-left: 10px; padding-right: 10px;} /*产品*/ .product-banner{height: 400px; background-position:top center;background-repeat: no-repeat;color: #fff;} .product-banner .info {padding-top:180px;width:60%;} .product-banner .info h1{font-size:48px; font-weight: normal;color:#181931;} .product-banner .info p{font-size: 14px; padding: 10px 0 30px 0; display: block;max-width: 600px;color: #181931;} .product-banner .info a.btn-free{width:140px;height:40px; line-height: 40px; text-align: center;color: #fff;border:1px solid #3986ee;background-color: #3986ee;font-size: 16px;display: block;border-radius:40px;} .product-banner .info a.btn-free:hover{background:none;color:#3986ee;} .product-banner .product-btn-group{display: flex;} .product-banner .product-btn-group a{margin-right:20px;text-align: center;} .product-banner .info-black {padding-top:150px;width:60%;} .product-banner .info-black h1{font-size:48px; font-weight: normal;color: #fff;} .product-banner .info-black p{font-size: 14px; padding: 20px 0 50px 0; display: block;color:#fff;max-width: 600px;} .product-banner .info-black a.btn-speek,.product-banner .info-black a.btn-free,.product-banner .info-black a.btn-free-link,.cloudDesc-btn-group a.btn-speek,.service-activity-des .tex-button a,.cloudDesc-btn-group a.btn-free{width:140px;height:40px; line-height:40px; text-align: center;color: #fff;border:1px solid #3986ee;font-size: 16px;display: block;background:#3986ee;border-radius:40px;} .product-banner .info-black a.btn-speek:hover,.product-banner .info-black a.btn-free:hover,.product-banner .info-black a.btn-free-link:hover,.cloudDesc-btn-group a.btn-speek:hover,.service-activity-des .tex-button a:hover,.cloudDesc-btn-group a.btn-free:hover{background:none;color:#3986ee;border-color: #3986ee;} .medium-banner{height: 240px; background-position:top center;background-repeat: no-repeat;color: #fff;margin-top:0px;} .medium-banner .info {padding-top:135px;} .medium-banner .info h1{font-size:48px; font-weight: normal;} .medium-banner .info p{font-size: 14px; padding: 10px 0 30px 0; display: none;} .medium-banner .info h1 i{font-size:16px;font-weight: normal;font-style: normal;text-indent: 20px;display: inline-block;} .medium-banner .info-black h1{color: #181931;} .min-banner{height:537px; background-position:top center;background-repeat: no-repeat;color: #fff;} .min-banner .info {padding-top:180px;width:40%;} .min-banner .info h1{font-size:48px; font-weight: normal;} .min-banner .info p{font-size: 14px; padding: 20px 0 50px 0; display: block;max-width: 600px;} .mini-banner{height:150px;background-position:top center;background-repeat: no-repeat;color: #fff;background:#373A41;position: relative;} .mini-banner .info {padding-top:100px;width:100%;} .mini-banner .info h1,.mini-banner .info b{font-size:32px; font-weight: normal;} .mini-banner .info h1 i,.mini-banner .info b i{font-size:12px;font-style: normal;display: inline-block;padding-left: 15px;} .mini-banner .info h1 i a,.mini-banner .info b i a{color: #3986ee;padding-left: 5px;} .mini-banner .info h1 i a:hover,.mini-banner .info b i a:hover{color: #8A8E99;} .product-advantage{height: 160px;} .product-advantage .list{height: 160px;border-right:1px solid #dddddd; text-align: center;} .product-advantage .list img{width: 60px; margin-top:40px;} .product-advantage .list span{text-align:center;font-size: 16px;display: block;box-sizing:border-box;padding: 0 5px;} .product-advantage .border-0{border:0} .product-advantage-desc{}/*带描述*/ .product-advantage-desc .list{border-right:1px solid #dddddd; text-align: center;} .product-advantage-desc .list img{width: 60px; margin-top:20px;margin-bottom:20px;} .product-advantage-desc .list h4{font-size: 20px;padding:10px 0;font-weight:700;color:#181931;} .product-advantage-desc .list p{min-height:82px;font-size: 15px;display: block;box-sizing:border-box;padding: 5px 20px;color: #181931;word-break: break-all;line-height: 24px;font-weight:400;} .product-advantage-desc .list p i{color: #181931;} .product-advantage-desc .list p.center{text-align: left;} .product-advantage-desc .list .text-center{text-align: center;} .product-advantage-desc .border-0{border:0} .product-advantage-desc .large-icon{border:0} .product-advantage-desc .large-icon img{width:100px;} .product-text-info p{display: block; margin:30px 20px; line-height: 25px; font-size: 14px;color: #7B7B86;} .product-functions{padding-top: 30px;} .product-functions .list{height:120px;} .product-functions .list h4{border-left:4px solid #3986ee;padding-left:10px; margin-left: 10px; line-height:18px;font-size: 18px;color: #181931;font-weight: normal;} .product-functions .list p{padding:10px 15px 10px 25px;color: #7B7B86; text-align: justify;word-break:break-all;line-height:24px;} .product-pic-section img{width: 100%;} .product-pic-section p{display: block;width: 80%;text-align: center;padding-bottom:30px; margin: 0 auto;color: #7B7B86;font-size: 16px;} .product-pic-section p.msg_left{text-align:left;} .product-custom .list{margin:0 10px 10px 10px; background: #fff;padding:30px;position: relative; height: 340px;} .product-custom .list img{width: 100%;} .product-custom .list b{display: block;padding: 10px 0;font-size:18px; font-weight: normal;} .product-custom .list p{color: #8A8E99; } .product-custom .list .bottom{position: absolute;bottom: 0;height:50px;color: #8A8E99; line-height: 50px;border-top:1px dotted #dddddd;width: 100%; left:0;box-sizing:border-box;font-size: 12px;text-indent:30px} .product-custom .list .bottom span{position: absolute;right:30px;top: 0;} .product-custom .list .bottom a{color: #3986ee;} .product-custom .list .bottom a:hover{color: #181931;} .product-img-list{text-align: center;} .product-img-list h4{font-size: 16px;padding-top:15px;} .product-img-list p{display: block;padding:10px 15px 20px 15px;color: #7B7B86;} .product-img-list img{margin-top: 20px;width:60%;max-width: 180px;} .product-buy .list{margin:0 10px 10px 10px;padding:30px 0 30px 40px;position: relative;border: 1px solid #dddddd;background: #fff;z-index: 0;} .product-buy .list .title{ text-align: center;padding:20px 0 40px 0} .product-buy .list .title h4{font-size:24px;color: #181931;font-weight: normal;} .product-buy .list .title p{font-size: 12px;color: #7B7B86;} .product-buy .list .description{color: #8A8E99;line-height: 30px;} .product-buy .list .description i{font-size: 18px;color: #181931; font-style: normal;} .product-buy .list .description span{font-size: 14px;color: #181931;} .product-buy .list a{width: 136px; height: 40px;line-height: 40px; text-align: center;display: block;margin:40px auto 20px auto;border-radius:40px;} .product-buy .list a.btn-free,.product-buy .list a.btn-free-link{ background: #3986ee;color: #fff;} .product-buy .list a.btn-free:hover,.product-buy .list a.btn-free-link:hover{background: #006ec5;} .product-buy .list a.btn-buy{ background:#4AB10C;color: #fff;} .product-buy .list a.btn-buy:hover{background: #40a503;} .product-buy-cloudcard .list{padding-left:0;} .product-buy-cloudcard .list .description{color: #8A8E99;text-align: center;} .product-buy-cloudcard .list .description img{width:80%;} .product-buy-cloudcard .list .description i.price{color: #ff3300;font-weight: bold;font-size:24px;} .product-buy .commend{position: relative;z-index: 100;} .product-buy .commend .list{background: #3986ee;border:0; position: absolute;width: 110%;z-index: 10; left:-10%;top:-20px;padding:50px 40px;box-sizing:border-box;*width:370px;} .product-buy .commend .list .title h4,.product-buy .commend .list .description span,.product-buy .commend .list .description i{color: #fff;} .product-buy .commend .list .title p,.product-buy .commend .list .description{color: #96d1ff;} .product-buy .commend .list a.btn-free,.product-buy .commend .list a.btn-free-link{border:1px solid #fff;color: #fff;background: #3986ee;} .product-buy .commend .list a.btn-free:hover,.product-buy .commend .list a.btn-free-link:hover{background: #006ec5;} /*产品页新闻区*/ .product-news {padding-top:20px;} .product-news b{font-weight: normal;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display: block;width:90%;} .product-news .img-news .list {width: 90%;} .product-news .img-news .list img{width: 100%;display: block;} .product-news .img-news .list a.title{background:#181931;display: block; text-align: center;color: #fff;font-size: 18px;padding:20px 10px;} .product-news .img-news .list a.title:hover{background: #3986ee;border-color:#3986ee;} .product-news .img-news .list a p{display: block; padding: 5px;font-size: 12px; text-align: left;color: #8A8E99;} .product-news .img-news .list a p span{color: #7B7B86;font-style: italic;} .product-news .img-news .list a:hover p{color: #fff;} .product-news .img-news .list a:hover p span{color:#add7ff} .product-news ul li{display: block;margin-bottom:20px;padding:5px;} .product-news ul li:hover{ background: #f5f5f5;} .product-news ul li b{border-left:4px solid #3986ee; padding-left:10px;} .product-news ul li a{display:block;color: #181931;font-size:18px;} .product-news ul li a:hover{color: #3986ee;} .product-news ul li a span{color:#8A8E99;font-style:italic;font-size: 12px;display: block;padding-left:15px; padding-bottom: 5px;} .product-news ul li a p{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding-left:15px;color:#181931;} .product-news a.btn-more{height: 32px;line-height: 32px;background: #F5F5F5;border:1px solid #dddddd;display: block; text-align: center;} .product-news a.btn-more:hover{color: #3986ee;border-color:#3986ee;background: #fff;} .section-img-txt .img{width:50%; float: left; text-align: left;box-sizing:border-box;} .section-img-txt .img img{width:80%;} .section-img-txt .txt{width: 50%; float: right;font-size: 14px;color: #7B7B86;padding:100px 30px 0 0;box-sizing:border-box;} .section-img-txt .txt h4{font-size:24px;color: #181931; display: block;padding:10px 0; font-weight: normal;} .section-img-txt .txt h4 i{display: block;font-size: 16px;font-weight: normal; font-style: normal;color: #8A8E99;} .section-img-txt .txt b{color: #181931;font-weight: normal;} .section-img-txt .txt p{margin:10px 0;display: block;} .section-img-txt .list{width:45%; float: right;font-size: 14px;color: #7B7B86;padding:30px 30px 0 0;box-sizing:border-box;} .section-img-txt .list li {display: block; padding: 10px 20px 10px 20px;position: relative;border-radius:5px;} .section-img-txt .list li i{display: none;width:20px;height: 20px;position: absolute;left:-10px;transform:rotate(45deg);top:50%;background-color: #3986ee;margin-top:-10px;} .section-img-txt .list li.active{background-color: #3986ee;} .section-img-txt .list li.active i{display:block;} .section-img-txt .list li.active h4,.section-img-txt .list li.active p{color: #fff;} .section-img-txt .list li h4{font-size:18px;padding:10px 0; font-weight: normal;color: #181931;} .section-img-txt .list li p{margin-top: 0;margin-bottom: 10px;} .section-img-right .img{float:right; text-align: right;} .section-img-right .txt{float: left;padding:100px 0 0 30px;} .section-img-right .list {float:right;width:50%;} .section-img-right .list li i{right:-10px;left: auto;} .section-img-txt-min .img{text-align: center;} .section-img-txt-min .img img{width:60%; margin: 10px auto 20px 0;} .section-img-txt-min .txt{font-size: 16px;padding-top:70px;} .section-img-txt-min .txt h4{padding-left: 0; margin-bottom: 0;padding: 0;} .section-nav{display: block;border-bottom: 1px solid #dddddd; text-align: center;margin-bottom: 40px;} .section-nav li{display: inline-block;padding:10px 20px;margin-bottom: -2px;font-size: 18px;color: #8A8E99;cursor: pointer;} .section-nav li:hover{color: #181931;} .section-nav li.cur{border-bottom:4px solid #3986ee;font-weight: bold;color: #181931;} .section-nav-con .section-img-txt .txt{padding-top: 0;} .section-nav-con .section-img-txt .txt h4{font-size: 18px;margin-top:20px;} /*邮箱*/ .mail-banner{background-image: url(../image/banner-mail.jpg);} .mail-service{height: 300px; background: url(../image/mail-service-bg.png) no-repeat top center;padding-top: 60px;} .mail-service h2{color:#fff;} .mail-service ul{position: relative;color: #fff;font-size: 16px; padding-left:200px; display: block;margin:30px 0 0 100px; } .mail-service ul .img{position: absolute;left:0px;top:-10px;width:150px; text-align: center;font-size: 18px;} .mail-service ul .img img{width: 110px;height: 110px;margin-top:10px;} .mail-service ul li{position: relative;padding-left: 20px;display: block;height:30px; line-height:30px;} .mail-service ul li span{color: #ffe400;font-size: 40px; display: inline-block;position: absolute;left:0;top: 0;} .mail-products{} .mail-products a{display: block;padding:25px 20px 20px 20px;margin:0px 5% 10px 5%;background-color: #fff;border:1px solid #dbdbdb;min-height:160px;box-shadow:0 5px 10px rgba(0,0,0,0);margin-top:0;transition-property: margin-top box-shadow;transition-duration:0.5s;} .mail-products a h3{font-size: 18px;padding: 0;border: none;text-align: left;display: inline-block;margin-bottom: 10px;font-weight: bold;vertical-align: middle;} .mail-products a h3 img{width:30px;display:inline-block;vertical-align:middle;margin-right:10px;} .mail-products a p{font-size:14px;text-align: justify;line-height: 22px;} .mail-products a:hover{box-shadow:0 5px 10px rgba(0,0,0,0.2);margin-top:-10px;transition-property: margin-top box-shadow;transition-duration:0.5s;border-color: #cccccc;} .mail-faq-list{text-align: center;} .mail-faq-list a{display:inline-block;width:40%;max-width:150px;border:1px solid #dddddd;height: 36px;line-height:36px;text-align: center;margin:10px 0 0 0;} .mail-faq-list a:hover{border-color:#3986ee;} .mail-reg {background-color: #3587f6;color: #fff;} .mail-reg .main-warp h2{color: #fff;} .mail-reg .main-warp .list{position:relative;padding-left:120px;margin: 30px 0;} .mail-reg .main-warp .list img{position: absolute;left:0;width:100px;top:-20px;} .mail-reg .main-warp .list b{font-size: 20px;} .mail-reg .main-warp a.btn-free{display: block;font-size: 16px;margin: 10px auto;color: #3986ee;background-color: #fff;border: 1px solid #fff;height: 40px;line-height: 40px;width: 180px;border-radius: 40px;text-align: center;} .mail-customer-say{background-image:url(../image/mail-pic61.jpg);background-position: center center;} .mail-customer-say .list{text-align: center;font-size: 16px;vertical-align:middle;} .mail-customer-say .list font{text-indent:30px;} .mail-customer-say .list i{font-size:72px;font-family:Arial, Helvetica, sans-serif;color: #8A8E99;vertical-align:middle;} .mail-customer-say .list img{width: 200px;} .mail-customer-say .slide-custom{overflow: hidden;} .mail-customer-say .slide-custom .slides .slide .box {width: 100%;height:60px;background: none;} .mail-customer-say .slide-custom .slides .slide .box .left{width: 49.5%;float: left;} .mail-customer-say .slide-custom .slides .slide .box .right{width: 49.5%;float: right; text-align: right;} .mail-customer-say .slide-custom .slides .slide .box .right img, .slide-logo .slides .slide .box .left img{width: 100%; margin-bottom: 5px;} .mail-customer-say .slide-custom .slider-nav2 {position: absolute;} .mail-customer-say .slide-custom .slider-nav__item2 {width:40px;height:4px;float: left;clear: none;display: block;margin: 0 5px;background:#dddddd;} .mail-customer-say .slide-custom .slider-nav__item2:hover {background: #3986ee;opacity: 0.6;} .mail-customer-say .slide-custom .slider-nav__item--current2 {background: #3986ee;opacity:1;} .slide-banner {overflow: hidden;} .slide-banner .slides .slide .box {width: 100%;height:60px;background: none;} .slide-banner .slides .slide .box .left{width: 49.5%;float: left;} .slide-banner .slides .slide .box .right{width: 49.5%;float: right; text-align: right;} .slide-banner .slides .slide .box .right img, .slide-logo .slides .slide .box .left img{width: 100%; margin-bottom: 5px;} .slide-banner .slider-nav2 {position:absolute;margin-top:-40px;} .slide-banner .slider-nav__item2 {width:40px;height:4px;float: left;clear: none;display: block;margin: 0 5px;background:#dddddd;} .slide-banner .slider-nav__item2:hover {background: #3986ee;opacity: 0.6;} .slide-banner .slider-nav__item--current2 {background: #3986ee;opacity:1;} /*云归档*/ .archive-banner{background-image: url(../image/banner-archive.jpg);} .archive-text-info{background: url(../image/archive-info-bg.jpg); background-position: center center;} /*云网关*/ .gateway-banner{background-image: url(../image/banner-gateway.jpg);} /*网盘*/ .drive-banner{background-image: url(../image/banner-drive.jpg);} .drive-function-img{width:95%; margin: 0 auto;padding-top:50px;} .drive-function-img img{width: 100%;} /*会议*/ .aftificial-flow{padding:0 0 30px 0;} .aftificial-flow h4{font-size: 16px;font-weight: normal;border-bottom:1px solid #3986ee;color:#3986ee; height:90px;line-height:120px;position: relative;text-indent:100px;} .aftificial-flow h4 i{width:80px;height:80px;border-radius: 80px;border:1px solid #3986ee;display: block;left:-5px;top:38px;background: #fff;position: absolute;text-align: center;line-height:40px;font-size:40px;text-indent:0;line-height: 80px;} .aftificial-flow h4 b{font-size: 24px;font-weight:normal;} .aftificial-flow p{font-size: 14px;display: block;padding: 40px 20px 0 0;line-height:30px;} .aftificial-flow p span{color: #3986ee;} .aftificial-flow p b{font-size:16px;} .aftificial-flow .line-h{height: 30px;} .aftificial-flow .f2 h4,.aftificial-flow .f2 p span,.aftificial-flow .f2 h4 i{color: #40A503;border-color: #40A503;} .aftificial-flow .f3 h4,.aftificial-flow .f3 p span,.aftificial-flow .f3 h4 i{color: #ff890b;border-color: #ff890b;} .aftificial-flow .f4 h4,.aftificial-flow .f4 p span,.aftificial-flow .f4 h4 i{color: #00b2d8;border-color: #00b2d8} .aftificial-flow .f5 h4,.aftificial-flow .f5 p span,.aftificial-flow .f5 h4 i{color: #099dfb;border-color: #099dfb} .faq-list li{display: block;margin: 0 10px; padding:10px 10px 6px 10px;cursor: default;} .faq-list li b{font-weight:normal;color:#7b7b86;font-size: 16px;cursor:pointer;} .faq-list li b:hover{color: #3986ee;} .faq-list li b span{font-size:12px;display: inline-block;padding-right: 5px;color: #181931} .faq-list li p{font-size: 14px;color: #7B7B86;padding:5px 0 5px 12px;display: none;} .faq-list li.cur{background: #f5f5f5;} .faq-list li.cur b{font-weight: bold;cursor: default;color: #181931;} .faq-list li.cur b:hover{color: #181931;} .faq-list li.cur p{display: block;} .faq-list li.cur p img{width:98%;} /*云卡*/ .cloudcard-footer{height:250px;background-image: url(../image/cloudcard-footer.jpg);padding-top: 100px;} .cloudcard-footer p{text-align: center;font-size:20px;padding: 10px;font-weight: bold;} .cloudcard-footer p .logo{width:30%; margin-top: 40px;} .cloudcard-escort{display: none;} .cloudcard-escort h2{ border-top: 5px solid #3986ee;width: 100%; padding:40px 0;margin-top: 20px;} .cloudcard-escort .list{text-align: center;} .cloudcard-escort .list h3{margin-bottom:10px;} .cloudcard-escort .list img{width:60%;} /*sip*/ .sip-p2{height:500px;background:url(../image/sip-p2.jpg) top center no-repeat;overflow: hidden;position: relative;} .sip-p2 img{position:absolute;left: 50%;margin-left: -530px;top:-50px;} .sip-p2 h2{margin-top:200px;} .sip-p3{height:500px;background:url(../image/sip-p4.jpg) top center no-repeat;overflow: hidden;position: relative;} .sip-p3 .h2{text-align: left;padding: 0;margin: 0 0 30px 0;} .sip-p4{height:450px;background:url(../image/sip-p5.jpg) top center no-repeat;overflow: hidden;position: relative;} .sip-p4 .h2{text-align:right;padding: 0;margin: 0 0 30px 0;width: auto;margin-top:30px;} /*硬件*/ .hard-p1 .item{background-image: linear-gradient(to right ,#efefef,#e1e1e1);margin-bottom:20px;} .hard-p1 .item h4{font-size:30px;margin-top: 10px;} .hard-p1 .item p{font-size:24px;} .hard-p1 .item a.btn-detail{width:124px;height:40px; line-height: 40px; text-align: center;color: #181931;border:1px solid #181931;font-size: 14px;display:inline-block;border-radius:40px;} .hard-p1 .item a.btn-detail:hover{background:#3986ee;color:#fff;border-color: #3986ee;} .hard-p1 .item .txt{padding:100px 0 0 100px;} .hard-p1 .item .txt a.btn-detail{margin-top:20px;} .hard-p1 .item .right{padding: 100px 100px 0 0;text-align: right;} .hard-p1 .item img{width: 100%;} .hard-p1 .last{margin-bottom: 0;} .hard-p2 .item{background-color: #fff;margin: 20px;text-align: center;position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.05);} .hard-p2 .item img{width:80%;margin-top: 24px;} .hard-p2 .item h4{font-size:20px;} .hard-p2 .item p{text-align: left;display: block;padding:5px 20px 30px 20px;font-size: 16px;min-height: 100px;color: #7B7B86;text-align: justify;} .hard-p2 .item .btn{} /*智能硬件*/ .hard-vcs6-banner{height:770px;background: url(../image/hard-vcs6-bannerbg.jpg) no-repeat top center; text-align: center;position: relative;padding-top: 100px;margin-top:0} .hard-vcs6-banner h1{font-size: 48px;color:#3986ee; margin-top: 50px;} .hard-vcs6-banner h2{font-size: 48px;color:#181931; font-weight: normal;} .hard-vcs6-banner .r360{width: 525px;height:202px;background:url(../image/hard-vcs6-banner360.png) no-repeat center center;position: absolute; left:100px; top: 200px;} .hard-vcs6-banner .threesixty{position:relative;overflow:hidden;margin:-140px auto 0 auto}.threesixty .threesixty_images{display:none;list-style:none;margin:0;padding:0;float: left;}.threesixty .threesixty_images img{position:absolute;top:0;width:100%;height:auto}.threesixty .threesixty_images img.previous-image{visibility:hidden;width:0}.threesixty .threesixty_images img.current-image{visibility:visible;width:100%}.threesixty .spinner{width:60px;display:block;margin:0 auto;height:30px;background:#181931;background:rgba(0,0,0,.7);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.threesixty .spinner span{font-family:Arial,ms trebuchet,sans-serif;font-size:12px;font-weight:bolder;color:#fff;text-align:center;line-height:30px;display:block}.threesixty .nav_bar{position:absolute;top:10px;right:10px;z-index:11}.threesixty .nav_bar a{display:block;width:32px;height:32px;float:left;background:url(https://www.263.net/assets/sprites.png) no-repeat;text-indent:-99999px}.threesixty .nav_bar a.nav_bar_play{background-position:0 0!important}.threesixty .nav_bar a.nav_bar_previous{background-position:0 -73px!important}.threesixty .nav_bar a.nav_bar_stop{background-position:0 -37px!important}.threesixty .nav_bar a.nav_bar_next{background-position:0 -104px!important}.threesixty:-webkit-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px}.threesixty:-moz-full-screen{background:#fff;width:100%;height:100%;margin-top:0;padding-top:200px} .hard-vcs6-banner .threesixty .tips{bottom:130px;color:#9da9af;position:absolute;left:50%;margin-left:-100px;} .hard-vcs6-banner .vcs6{ text-align: center;margin-top:50px;} .hard-vcs6-banner .desc{background:rgba(0,120,215,0.9); height: 200px;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #e6f4ff;line-height:26px;} .hard-vcs6-banner .desc p{display: block; padding: 20px; margin-top:20px;} .hard-vcs6-banner .desc img{width: 270px;} .hard-vcs6-p1{height: 600px;background:url(../image/hard-vcs6-4.png) no-repeat center bottom #1f2f3c;position: relative;} .hard-vcs6-p1 h2{font-size:36px;color:#fff; font-weight: normal; padding-bottom: 15px; margin-top: 100px;} .hard-vcs6-p1 .desc{font-size: 16px; text-align: center;color: #fff;width:750px; margin: 0 auto;line-height:26px;} .hard-vcs6-p1 .img{position: absolute;bottom: 0; width:100%;height:300px;width:1000px; left: 50%; margin-left:-500px;} .hard-vcs6-p1 .quick-warp{width: 100%;position: relative;} .hard-vcs6-p1 .quick-warp .hdmi{width: 88px;height:81px;background: #edca09; position: absolute;left:178px;top:11px; text-align:center; padding-top:20px;} .hard-vcs6-p1 .quick-warp .hdmi-line{width: 311px;height: 58px;position: absolute;top: 28px;left: -145px;} .hard-vcs6-p1 .quick-warp .dc{width:44px;height:37px;background: #edca09; position: absolute;right: 85px;top: 35px; text-align:center; padding-top:7px;} .hard-vcs6-p1 .quick-warp .dc-line{width: 311px;height: 58px;position: absolute;top:46px;right: -235px;} .hard-vcs6-p2{height: 485px;background: url(../image/hard-vcs6-10.jpg) no-repeat top center;position: relative;padding-top: 120px;} .hard-vcs6-p2 .computer{position: absolute;bottom:-4px;left: 50%; margin-left: -700px;} .hard-vcs6-p2 h2{font-size:36px;font-weight: normal;padding-bottom: 15px;} .hard-vcs6-p2 .desc{font-size: 16px;width: 500px;line-height:26px;} .hard-vcs6-p2 .screen{position: absolute;right: 50%;top: 146px;margin-right:-525px;} .hard-vcs6-p2 .wifi{position: absolute; bottom:235px;left: 50%; margin-left: -280px;} .hard-vcs6-p3{height:330px;background: url(../image/hard-vcs6-14.jpg) no-repeat top center;padding: 0; text-align: right; position: relative;padding-top: 240px;} .hard-vcs6-p3 h2{font-size:36px;color:#fff; font-weight: normal; padding-bottom: 15px;} .hard-vcs6-p3 .desc{font-size: 16px;color: #fff;width:550px;line-height:26px; float: right;} .hard-vcs6-p3 .img{position: absolute;left:50%;top: 205px;margin-left: -380px;} .hard-vcs6-p4{height:390px;background: url(../image/hard-vcs6-21.jpg) no-repeat top center;padding: 0; position: relative;padding-top: 240px;} .hard-vcs6-p4 h2{font-size:36px;font-weight: normal; padding-bottom: 15px;} .hard-vcs6-p4 .desc{font-size: 16px;width:550px;line-height:26px; } .hard-vcs6-p4 .img{position: absolute;left:50%;width:700px; top:0px; margin-left: -100px;} .hard-vcs6-p4 .img ul{display: block;width: 100%; position: relative;} .hard-vcs6-p4 .img ul li{position: absolute;} .hard-vcs6-p4 .img ul li.l1{top: 160px;left:50px;} .hard-vcs6-p4 .img ul li.l2{top: 90px;left: 300px;} .hard-vcs6-p4 .img ul li.l3{top: 145px;left: 560px;} .hard-vcs6-p4 .img ul li.l4{top: 350px;left: 270px;} .hard-vcs6-p4 .img ul li.l5{top: 400px;left: 540px;} .hard-vcs6-p5{height:620px;background:url(../image/hard-vcs6-22.jpg) no-repeat center bottom #fff;position: relative; text-align: center; padding-top: 100px;} .hard-vcs6-p5 h2{font-size:36px;font-weight: normal;padding-bottom: 15px;} .hard-vcs6-p5 .desc{font-size: 16px;line-height:26px; margin: 0 auto;} .hard-vcs6-p5 .country{background:#52abe9;width: 100%;position: absolute;bottom: 0;left: 0;font-size: 16px;color: #e6f4ff;line-height:26px; padding:30px 0;} .hard-vcs6-p5 .country{font-size: 14px;} .hard-vcs6-p5 .country h3{font-size: 20px; padding-bottom:10px;} .hard-vcs6-p5 .point{display: block;position: absolute;height: 200px;z-index: 100;} .hard-vcs6-p5 .point ul{display: block;position: relative;} .hard-vcs6-p5 .point li{background: #52abe9;width:12px;height:12px;border-radius:12px;display: block;position: absolute;} .hard-vcs6-p5 .point li.l1{top: 115px;left: 200px;} .hard-vcs6-p5 .point li.l2{top: 95px;left: 92px;} .hard-vcs6-p5 .point li.l3{top: 182px;left: 308px;} .hard-vcs6-p5 .point li.l4{top: 235px;left: 232px;} .hard-vcs6-p5 .point li.l5{top: 200px;left: 635px;} .hard-vcs6-p5 .point li.l6{top: 140px;left: 760px;} .hard-vcs6-p5 .point li.l7{top: 260px;left: 815px;} .hard-vcs6-p5 .point li.l8{top: 60px;left: 865px;} .hard-vcs6-p5 .point li.l9{top: 116px;left: 1002px;} .hard-vcs6-p5 .point li.l10{top: 130px;left: 1108px;} .hard-vcs6-p6{height:390px;background:#142435;padding: 0; position: relative;padding-top: 240px;color: #fff;} .hard-vcs6-p6 h2{font-size:36px;font-weight: normal; padding-bottom: 15px;} .hard-vcs6-p6 .desc{font-size: 16px;width:550px;line-height:26px; } .hard-vcs6-p6 .img{position: absolute;left:50%;width:700px; top:0px; margin-left:50px;} .hard-vcs6-p6 .img ul{display: block;width: 100%; position: relative;} .hard-vcs6-p6 .img ul li{position: absolute;} .hard-vcs6-p6 .img ul li.l4{top:250px;z-index: 1;} .hard-vcs6-p6 .img ul li.l3{top:200px;left: 170px; z-index: 10;} .hard-vcs6-p6 .img ul li.l2{top:180px;left: 120px; z-index:20;} .hard-vcs6-p6 .img ul li.l1{top:205px;left: 245px; z-index:30;} .hard-vcs6-p7{height:auto;background:url(../image/hard-vcs6-26.jpg) no-repeat center top #fff;position: relative; text-align: center; padding: 100px 0 70px 0;} .hard-vcs6-p7 h2{font-size:36px;font-weight: normal;padding-bottom: 15px;} .hard-vcs6-p7 .product{padding:40px 0;} .hard-vcs6-p7 .product .list img{width: 100%;} .hard-vcs6-p7 .product .list h3{font-size: 30px;} .hard-vcs6-p7 .product .list p{font-size: 16px;} .hard-vcs6-p7 .advantage{border-top:1px solid #dddddd; margin-top:30px;padding-top:30px;padding-bottom:60px;} .hard-vcs6-p7 .advantage div{text-align: left;} .hard-vcs6-p7 .advantage div p{display: block; position: relative;padding:10px 0 20px 50px;} .hard-vcs6-p7 .advantage div p i{border:2px solid #3986ee;width:32px;height: 32px;border-radius: 32px;display: inline-block; text-align: center;line-height: 32px;color: #3986ee;position: absolute;left:0;top:5px;font-style:normal;font-size:20px;} /*VCX-3*/ .hard-vcs3-banner{height:700px;background: url(../image/hard-vcs3-bannerbg.jpg) no-repeat top center; text-align: center;position: relative;padding-top: 100px;margin-top:0;overflow: hidden;} .hard-vcs3-banner h1{font-size: 48px;color:#3986ee; margin-top:80px;} .hard-vcs3-banner h2{font-size: 36px;color:#181931; font-weight: normal;} .hard-vcs3-banner .pic1{width:400px;position:absolute;left: 50%; margin-left: -350px;top: 20px;z-index: 20;} .hard-vcs3-banner .pic2{width:300px;position:absolute;left: 50%; margin-left:0px;top:80px;z-index: 10;} .hard-vcs3-banner .advantage li{width:50%;display: block; text-align: center;float: left;margin-top: 40px;} .hard-vcs3-banner .advantage li span{width:90px;height: 90px;display:inline-block;border-radius: 10px;background: #e8f1f6;} .hard-vcs3-banner .advantage li strong{color: #181931;font-size:18px;font-weight: normal;display: block;padding:5px 0;} .hard-vcs3-banner .advantage li p{width:85%;display:inline-block;font-size: 14px;color: #7B7B86;} .hard-vcs3-banner .advantage .icon img{width:100%;} .hard-vcs3-title{font-size: 36px;color: #181931;font-weight: normal;margin:90px 0 30px 0;} .hard-vcs3-desc{color:#8A8E99;font-size: 14px;} .hard-vcs3-desc i{position: absolute;left: 0;top:3px;width: 4px;height: 35px;border-radius: 4px;background: #2da2ff;} .hard-vcs3-desc strong{font-size: 16px;color: #181931;font-weight: normal;} .hard-vcs3-desc li{margin-bottom: 20px;display: block;position: relative;padding-left:20px;} .hard-vcs3-icons li{width: 64px;height: 64px;background-image:url(../image/hard-vcs3-icons.png);background-repeat: no-repeat;background-size:640px 64px;display: inline-block;border-radius: 5px;border: 1px solid #969fa9;margin-right: 10px;} .hard-vcs3-icons{margin-top:30px;} .hard-vcs3-icons li.icon1{background-position:0 0;} .hard-vcs3-icons li.icon2{background-position:-64px 0;} .hard-vcs3-icons li.icon3{background-position:-128px 0;} .hard-vcs3-icons li.icon4{background-position:-192px 0;} .hard-vcs3-icons li.icon5{background-position:-256px 0;} .hard-vcs3-icons li.icon6{background-position:-320px 0;} .hard-vcs3-icons li.icon7{background-position:-384px 0;} .hard-vcs3-icons li.icon8{background-position:-448px 0;} .hard-vcs3-icons li.icon9{background-position:-512px 0;} .hard-vcs3-icons li.icon10{background-position:-576px 0;} .hard-vcs3-p2{height:600px;background: url(../image/hard-vcs3-p2-bg.jpg) no-repeat top center;overflow: hidden;} .hard-vcs3-p3{height:600px;background: url(../image/hard-vcs3-p3-bg.jpg) no-repeat top center;overflow: hidden;} .hard-vcs3-p3 .hard-vcs3-title{margin-top:120px;} .hard-vcs3-p3 .pics{position: relative; margin-top: 100px;} .hard-vcs3-p3 .pics .pic1{position: absolute;left:253px;top:240px;} .hard-vcs3-p3 .pics .pic2{position: absolute;left: -50px;top: 200px;} .hard-vcs3-p3 .pics .pic3{position: absolute;left: 371px;top:52px;z-index: 20;} .hard-vcs3-p3 .pics .pic4{position: absolute;left: 348px;top:20px;z-index: 10;} .hard-vcs3-p4{height:600px;background: url(../image/hard-vcs3-p4-bg.jpg) no-repeat top center;overflow: hidden;} .hard-vcs3-p4 .hard-vcs3-title,.hard-vcs3-p4 .hard-vcs3-desc strong{color: #fff;} .hard-vcs3-p4 .hard-vcs3-desc{color: #aaaaaa;} .hard-vcs3-p4 .hard-vcs3-title{margin-top:120px;} .hard-vcs3-p4 .pics{position: relative; margin-top: 100px;} .hard-vcs3-p4 .pics .pic1{position: absolute;left:-20px;top:32px;z-index:10;} .hard-vcs3-p4 .pics .pic2{position: absolute;left:250px;top:90px;z-index:20;} .hard-vcs3-p4 .pics .pic3{position: absolute;left:220px;top:220px;z-index:30;} .hard-vcs3-p4 .pics .pic4{position: absolute;left:280px;top:277px;z-index:40;} .hard-vcs3-p5{height:600px;background: url(../image/hard-vcs3-p5-bg.jpg) no-repeat top center;overflow: hidden;} .hard-vcs3-p5 .hard-vcs3-title{margin-top:140px;} .hard-vcs3-p5 .pics{position: relative; margin-top: 100px;} .hard-vcs3-p5 .pics .pic1{position: absolute;left:190px;top:60px;z-index:10;} .hard-vcs3-p5 .pics .pic2{position: absolute;left:-20px;top:5px;z-index:20;} .hard-vcs3-p6{height:600px;background: url(../image/hard-vcs3-p6-bg.jpg) no-repeat top center;overflow: hidden;} .hard-vcs3-p6 .hard-vcs3-title{margin-bottom:10px;color: #fff; text-align: center;} .hard-vcs3-p6 .hard-vcs3-desc{color: #aaaaaa;text-align: center;} .hard-vcs3-p6 .icons{padding-top:40px;} .hard-vcs3-p6 .icons .icon{background:rgba(0,0,0,0.5);width:90%;text-align: center;color:#fff;padding:20px 0;margin:5px auto;} .hard-vcs3-p6 .icons .icon span{background-image:url(../image/hard-vcs3-icons2.png);background-repeat: no-repeat;background-size:1000px 80px;display: inline-block;width: 100px;height: 80px;} .hard-vcs3-p6 .icons .icon .icon1{background-position:0 0;} .hard-vcs3-p6 .icons .icon .icon2{background-position:-100px 0;} .hard-vcs3-p6 .icons .icon .icon3{background-position:-200px 0;} .hard-vcs3-p6 .icons .icon .icon4{background-position:-300px 0;} .hard-vcs3-p6 .icons .icon .icon5{background-position:-400px 0;} .hard-vcs3-p6 .icons .icon .icon6{background-position:-500px 0;} .hard-vcs3-p6 .icons .icon .icon7{background-position:-600px 0;} .hard-vcs3-p6 .icons .icon .icon8{background-position:-700px 0;} .hard-vcs3-p6 .icons .icon .icon9{background-position:-800px 0;} .hard-vcs3-p6 .icons .icon .icon10{background-position:-900px 0;} .hard-vcs3-p7{background:#f2fcff;overflow: hidden;padding-bottom:50px;} .hard-vcs3-p7 .hard-vcs3-title{margin-bottom:10px;text-align: center;} .hard-vcs3-p7 .hard-vcs3-desc{text-align: center;} .hard-vcs3-p7 .pics .pic{text-align: center;position: relative;width:90%;margin: 10px auto;} .hard-vcs3-p7 .pics .pic img{width: 100%;line-height: 0;} .hard-vcs3-p7 .pics .pic i{position: absolute;z-index: 10;height: 40px;background:rgba(0,120,215,0.9);width: 100%;bottom:4px;color: #fff;font-style: normal;line-height: 40px;} /*云视*/ .cloudv-banner{background-color:#29588c;overflow: hidden;background: linear-gradient(to right, #0b416f 0%,#027aff 100%);} .cloudv-banner .main-warp{position:relative;} .cloudv-banner .main-warp .pic{position: absolute;right: 0;top: 0;} .cloudv-banner .main-warp .pic img{position: absolute;right: 0;top: 0;} .cloudv-banner .main-warp .pic img.logo{right:250px;top:190px;z-index:20;} .cloudv-banner .main-warp .pic img.bg{top:10px;} .cloudv-banner .main-warp .pic img.hard1{top:25px;right:75px;} .cloudv-banner .main-warp .pic img.hard2{top:95px;right: 179px;} .cloudv-banner .main-warp .pic img.hard3{top:45px;right: 70px;} .cloudv-p1 .list {border:1px solid #dddddd;border-radius:10px;margin:10px 30px;overflow: hidden;} .cloudv-p1 .list img{width: 100%;} .cloudv-p1 .list h4{text-align: center;font-size: 16px;padding-top: 20px;} .cloudv-p1 .list p{display: block;margin: 20px;min-height:50px;} .section-img-txt .txt .cloudv-h4 b{font-size:32px; font-weight: bold;display: inline-block;padding-bottom: 10px;} /*Banner*/ .training-banner{background-image: url(../image/banner-training.jpg);} .doubleTeacher-banner{background-image: url(../image/banner-doubleTeacher.jpg);} .eschool-banner{background-image: url(../image/banner-eschool.jpg);} .famousTeacher-banner{background-image: url(../image/banner-famousTeacher.jpg);} .famousSchool-banner{background-image: url(../image/banner-famousSchool.jpg);} .wisdomEducation-banner{background-image: url(../image/banner-wisdomEducation.jpg);} .emergencyTeaching-banner{background-image:url(../image/banner-emergencyTeaching.png);} .parentsCommittee-banner{background-image:url(../image/banner-parentsCommittee.png);} .largeClass-banner{background-image: url(../image/banner-largeClass.jpg);} .smallClass-banner{background-image: url(../image/banner-smallClass.jpg);} .financial-banner{background-image: url(../image/banner-financial.jpg);} .financial-function-img{width:100%; margin: 0 auto;padding-top:20px;} .financial-function-img img{width: 100%;} .cloudcard-banner{background-image: url(../image/banner-cloudcard.jpg);} .marketing-banner{background-image: url(../image/banner-marketing.jpg);} .live-banner{background-image: url(../image/banner-live.jpg);} .live2-banner{background-image: url(../image/banner-m-live2.jpg);} .standardconference-banner{background-image: url(../image/banner-standardconference2.jpg);} .webconference-banner{background-image: url(../image/banner-webconference.jpg);} .videoconference-banner{background-image: url(../image/banner-videoconference2.jpg);} .artificial-banner{background-image: url(../image/banner-artificial.jpg);} .webinar-banner{background-image: url(../image/banner-webinar.jpg);} .enterprise-banner{background-image: url(../image/banner-enterprise.jpg);} .event-banner{background-image: url(../image/banner-event.jpg);} .annual-banner{background-image: url(../image/banner-annual.jpg);} .meeting-banner{background-image: url(../image/banner-meeting.jpg);} .mobile-banner{background-image: url(../image/banner-mobile.jpg);} .blog-banner{background-image: url(../image/banner-blog.jpg);} .blog-detail-banner{background-image: url(../image/banner-blog-detail.jpg);} .about-banner{background-image: url(../image/banner-about1.jpg);} .help-banner{background-image: url(../image/banner-help.png);} .solution-edu-banner{background-image: url(../image/banner-solution-edu.jpg);} .solution-edu-banner2{background-image: url(../image/banner-solution-edu2.jpg);} .solution-finance-banner{background-image: url(../image/banner-solution-finance.jpg);} .solution-medical-banner{background-image: url(../image/banner-solution-medical.jpg);} .solution-event-banner{background-image: url(../image/banner-solution-event.jpg);} .solution-school-banner{background-image: url(../image/banner-solution-school.jpg);} .solution-consultant-banner{background-image: url(../image/banner-solution-consultant.jpg);} .em-banner{background-image: url(../image/banner-em.jpg);} .hybridcloud-banner{background-image: url(../image/banner-hybridcloud.jpg);} .news-banner{background-image: url(../image/banner-news.jpg);} .success-banner{background-image: url(../image/banner-success.jpg);} .joinus-banner{background-image: url(../image/banner-joinus.jpg);} .contact-banner{background-image: url(../image/banner-contact.jpg);} .sip-banner{background-image: url(../image/banner-sip.jpg);} .hard-banner{background-image: url(../image/banner-hard.jpg);} .integration-banner{background-image: url(../image/banner-integration.jpg);} .localarchive-banner{background-image: url(../image/banner-localarchive.jpg);} /*解决方案*/ .solution-text-info{background: url(../image/solution-eduinfo-bg.jpg); background-position: center center; text-align: center;font-size:16px} .solution-text-info p{display: block;padding:50px 20px;} .solution-nav{width: 100%;height:180px;z-index: 100;background-image: url(../image/banner-help.png);position: static;-webkit-transition-property:height;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .solution-nav h3{font-size: 26px;font-weight: normal;padding-top:75px; display: block;color: #fff;} .solution-nav ul{display: block;padding-top: 75px;} .solution-nav ul li{height: 40px;line-height: 40px;text-align: center;display: inline-block;*display:inline;zoom:1;margin-right:10px;} .solution-nav ul li a{display: block;height:40px;font-size: 16px;padding: 0 30px;background: #fff;border-radius:40px;} .solution-nav ul li a:hover{background:#EFF8FF;} .solution-nav ul li a.cur{background:#3986ee;color: #fff;} .follow-fixed{position: fixed;height:140px;-webkit-transition-property:height;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .solution-company{padding-top: 20px;} .solution-company .info{padding-right:40px;font-size: 14px;} .solution-company h3{font-size:font-size:24px} .solution-company .info .logo{text-align: center;border: 1px solid #dddddd;margin-bottom: 10px;line-height: 0;} .solution-company .info .logo img{width: 100%;} .solution-company .info .desc{color: #7B7B86;} .solution-company .info .desc b{color: #181931;} .solution-company .info .icon{padding-top: 20px;} .solution-company .info .icon ul li{display: block;float: left;width:20%; text-align: center;font-size: 12px;} .solution-company .info .icon ul li img{width:80%;} .solution-company .info .icon i{display: block;font-style: normal;padding:0 0 8px 8px;font-size: 16px;} .solution-company .solution{padding-left:40px;} .solution-company .solution h4{padding:8px 15px; line-height:18px;font-size: 16px;color: #fff;background:#3986ee;font-weight: normal;display: inline-block; border-radius:3px;} .solution-company .solution .h4-red{background: #f35b3c} .solution-company .solution p{padding:10px 15px 10px 0px;color: #7B7B86; text-align: justify;word-break:break-all;line-height:24px;} .solution-company .solution b{font-size: 16px;color: #181931;display:inline-block;padding-bottom:5px;} .solution-event-p1{background: url(../image/solution-event-p1.jpg) no-repeat top center;} .solution-event-p1 img{width: 100%; margin-bottom: 30px;} .solution-event-p1 em{border-left: 4px solid #3986ee;padding-left: 10px;margin-left: 10px;line-height:20px;font-size: 16px;color: #181931;font-weight: normal;display: block;font-style: normal;} .solution-event-part .section-img-txt .img img{width: 90%;} .solution-event-part a.btn-free{font-size: 14px;height: 30px;line-height:28px;display:inline-block;color: #3986ee;border: 1px solid #3986ee;padding:5px 20px; margin-top: 10px;} .solution-event-part a.btn-free:hover{color: #fff;border: 1px solid #3986ee;background: #3986ee;} .solution-edu-ys2 h4{font-size:18px;padding-left: 30px; margin-top: 15px;} .solution-edu-ys .list{background-color:#ebf0fc;padding:15px;margin:20px;} .solution-edu-ys .list p{display: block;margin:20px 60px 0 20px;line-height: 32px;} .solution-edu-ys .list p b{font-size: 18px;} .solution-edu-ys .list img{float: right;} .solution-edu-ys2 .list{margin:0 20px;background: #fff;} .solution-edu-ys2 .list p{display: block;margin:30px 0 0 100px;line-height:24px;} .solution-edu-ys2 .list p b{font-size: 18px;line-height: 36px;} .solution-edu-ys2 .list p.small{margin:30px 0 0 70px;font-size: 14px;} .solution-edu-ys2 .list p.small span{line-height:24px;padding-top:8px;display: block;} .solution-edu-ys2 .list img{float: left;margin-top:-10px;} .solution-edu-ys2 .list .top0{margin-top:0;} .solution-edu-ys3 .list{background-color:#fff;padding:15px;margin:20px;} .solution-edu-ys3 .list p{display: block;margin:20px 20px 0 140px;line-height:24px;} .solution-edu-ys3 .list p b{font-size: 18px;} .solution-edu-ys3 .list img{float: left;margin:25px 0 0 20px;} /*下载*/ .download-banner{background-image: url(../image/banner-download.jpg);} .download-list{box-sizing:border-box;} .download-list .info {padding-left:90px;font-size: 14px;position: relative;} .download-list .info img{position: absolute;width: 70px;height: 70px;left:0px;top: 0;} .download-list .info h4{color:#181931;font-size:24px;font-weight: normal;} .download-list .info p{color: #464964;min-height:60px;margin-top:10px;} .download-list .list{padding-top: 30px;padding-left:90px;} .download-list .list a.btn-down{width: 130px;height: 30px; line-height:30px; text-align: center;font-size: 14px;border:1px solid #3986ee; display:inline-block; margin-right:10px;color:#3986ee;border-radius:4px;} .download-list .list a.btn-down:hover{color: #fff;background: #3986ee;} .download-list .list p{font-size: 14px;color: #464964;padding-top: 20px;} .download-list .list p a{color: #3986ee; display: inline-block;margin-top: 10px;} .download-list .list p a:hover{text-decoration: underline;} .download-list .list .qr-code{margin-top: 10px;} .download-list .middle-line span{height:240px;border-right:1px dashed#464964;margin-left:40px;width:1px;opacity: 0.3;display: block;} /* 20210813 */ .download-blue-bg{background:#F6F8FF;} .download-copyright-section{background:url(../image/download-copyright-bg.png) center bottom no-repeat;padding-top:0px;} .download-copyright-section .main-warp div{padding-top:160px;color:#fff;position:relative;top:10px;} .download-copyright-section .main-warp div a{color:#fff;} .download-copyright-section .main-warp div a:hover{text-decoration:underline;} .download-list .download-box h4{font-size:24px;font-weight:500;} .download-list .download-box-tex {padding-left: 90px;font-size: 14px;position: relative;padding-right:60px;min-height:120px;} .download-list .download-box-tex h4{margin-bottom:8px;} .download-list .download-box-tex img {position: absolute;width: 72px;height: 72px;left: 0px;top: 4px;} .download-list .download-box-tex1{margin-top:70px;} .download-list .download-box-tex2{margin-top:50px;} .download-list .download-box-shawx{background: #fff;box-shadow: 0px 5px 20px 0px rgba(219, 232, 246, 0.75);border-radius: 10px;text-align:center;margin-right:20px;padding:30px 20px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;position:relative;} .download-list .download-box-shawx:hover{transform: translate(0, -10px);-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);-o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);} .download-list .download-box-shawx h4{font-size:20px;margin-top:10px;} .download-list .download-box-shawx .mobile p{padding:2px 0px;text-align:center;font-size:16px;} .download-list .download-box-shawx .mobile{display: none;height: 100%;position:absolute;left:0;top:0;background: #fff;width:100%;} .download-list .download-box-shawx .mobile .qrcode{padding-top:35px;padding-bottom:10px;} .download-list .download-box-shawx:hover .mobile{display: block;} .download-list .download-box-shawx p{padding:20px 0;text-align: left;font-size:12px;} .download-list .download-box-shawx a.btn-down{width: 100%;height: 30px; line-height:30px; text-align: center;font-size: 14px;border:1px solid #3986ee; display:inline-block;color:#3986ee;border-radius:4px;} .download-list .download-box-shawx:hover a.btn-down{color: #fff;background: #3986ee;} .download-list-box{margin:20px 20px 0 20px;} /*博客*/ .blog-list{ margin-top: 15px;margin-left: 15px;margin-right: 15px; overflow: hidden; padding-bottom: 15px; border-bottom: 1px #eee solid;} .blog-list a{display: flex;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease} .blog-list .img{flex: 0 0 20%; height: 150px;background: #3986ee;background-position: center center;border-radius: 5px;background-size:100%;-webkit-transition-property: background-size;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;position: relative;overflow: hidden;background-repeat: no-repeat;background-size: cover;} .blog-list .img i{width: 50px;height: 50px; display: block;position: absolute;left:20px;bottom:20px;background-repeat: no-repeat;background-size:100%;-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease;transition: all .25s ease} .blog-list .img i.video{background-image:url(../image/blog-icon-video.png);} .blog-list .txt{border-top:0;padding: 10px 20px 20px 20px;flex: 0 0 80%;} .blog-list .txt h4{color: #181931;font-size: 18px;font-weight: normal;padding:10px 0;height: 22px; overflow: hidden;white-space:nowrap; text-overflow:ellipsis;} .blog-list .txt p:last-child{color: #8A8E99;font-size: 12px;display: block;height:36px;overflow: hidden;white-space:nowrap; text-overflow:ellipsis;} .blog-list:hover{-webkit-box-shadow: 0 0px 10px rgba(20,34,67,.1);-moz-box-shadow: 0 0px 10px 0 rgba(20,34,67,.1);box-shadow: 0 0px 10px 0 rgba(20,34,67,.1);border-radius:5px;} .blog-list:hover .txt h4{color:#3986EE;} .blog-list .img{-webkit-transition: all .25s ease;-moz-transition: all .25s ease;-ms-transition: all .25s ease;-o-transition: all .25s ease; transition: all .25s ease} .blog-list:hover .img {-webkit-transform: scale(1.1);-ms-transform: scale(1.1);transform: scale(1.1);} .blog-list:hover .img i.video{left:38px;} .blog-detail{padding:70px 50px;background: #fff;} .blog-detail h1{text-align: left;width: 100%;padding-bottom:10px;font-size:26px;color: #181931;font-weight: normal;} .blog-detail h2{text-align: left;width: 100%;padding-bottom:10px;} .blog-detail .time{color: #8A8E99;font-size: 12px;border-bottom:1px solid #dddddd;padding-bottom: 10px;} .blog-detail .desc{font-size: 12px;color: #8A8E99;padding:20px;background: #f5f5f5; margin: 20px 0;line-height: 24px;} .blog-detail .desc b{color: #181931;font-weight: normal;} .blog-detail .content{line-height:32px;font-size: 16px;} .blog-detail .content p{margin-bottom: 16px;display: block;color: #181931;} .blog-detail .content img{margin: 0 auto;max-width:60%;} .blog-detail .content strong{font-size:20px;margin-top:20px;color: #181931;} .blog-detail .recommend-news{border-top:1px dotted #dddddd;margin-top:60px;padding-top: 20px;} .blog-detail .recommend-news ul li strong{color:#181931;} .blog-detail .recommend-news ul li{color:#8A8E99;display:block;padding:10px 0;} .blog-detail .recommend{padding-top: 30px;} .blog-detail .recommend li{width: 32%;margin: 10px 10px 0 0;float: left; background: #f5f5f5;} .blog-detail .recommend li a{display: block;padding-left: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .blog-detail .share{border-top:1px solid #dddddd;margin-top:40px;padding-top:20px; text-align: center;vertical-align: top;height: 50px;display:none} .blog-detail .share a{height: 64px;width: 64px;display: inline-block;float: right;margin:6px;} .blog-detail .share span{height: 64px;width: 64px;display: inline-block;line-height: 64px;color: #8A8E99;float: right;} .blog-detail .share .bds_button_more{background-image: url(../image/share-icon-weixin.png);background-size: 100%;background-position: 0 0;} .blog-detail .share .bds_button_weixin{background-image: url(../image/share-icon-weixin.png);background-size: 100%;background-position: 0 0;} .blog-detail .share .bds_button_weixin:hover{background-image: url(../image/share-icon-weixin-hover.png);background-position: 0 0;} .blog-detail .share .bds_button_tsina{background-image: url(../image/share-icon-weibo.png);background-size: 100%;background-position: 0 0;} .blog-detail .share .bds_button_tsina:hover{background-image: url(../image/share-icon-weibo-hover.png);background-position: 0 0;} .blog-detail .share .bds_button_more{background-image: url(../image/share-icon-more.png);background-size: 100%;background-position: 0 0;} .new_page{display: block; text-align: center;padding: 30px 0;} .new_page a{display: inline-block;padding:5px 20px; text-align: center;border:1px solid #3986ee;color:#3986ee;margin: 0 5px} .new_page a:hover{color: #fff; background: #3986ee;} .new_page select{border:1px solid #dddddd;} /*新闻*/ .news-list{padding:10px;background: #fff;} .news-list li{display: block;border-bottom:1px solid #dddddd;padding:30px 0; text-align: left;min-height:120px;} .news-list li .desc{line-height:24px;} .news-list li .desc span{font-size:16px;font-family:arial;} .news-list li h3{text-align:left;padding:1px 0 1px 0;border-bottom:0;margin-bottom: 10px;font-size:24px;color: #181931;} .news-list li h3.title{background: url(../image/banner-cooper-ico.png) no-repeat left center;padding:1px 0 1px 40px;} .news-list li h3.ico1{background-position:0 0;} .news-list li h3.ico2{background-position:0 -36px;} .news-list li h3.ico3{background-position:0 -74px;} .news-list li h3 a{font-size:24px;color: #181931;text-align: left;} .news-list li .desc a{color:#7B7B86 ;display: inline-block;padding-bottom:10px;} .news-list li h3 a:hover,.news-list li .desc a:hover{color:#3986ee;} .news-list li .time{color: #8A8E99;font-size: 12px;} .news-list .border-0{border:none;} .news-nav{display: block;position: absolute; bottom: -50px;font-size: 12px;color: #8A8E99;} .news-nav li{display:inline-block;float:left;} .news-nav a{color: #181931;text-decoration: none;} .news-nav a:hover{color: #3986ee;} /*关于*/ .about-ry{overflow-x: scroll;} .about-info{padding:5px 10px;} .about-info img{width: 100%;} .about-history .aftificial-flow h4{height: 43px;line-height:30px;text-indent:0px;} .about-history .aftificial-flow h4 i{width:10px;height: 10px;} /*帮助*/ .helpcenter-bg{background: url(../image/help-bg.png) top center no-repeat;min-height: 400px;} .helpcenter-bg .iframe-box{padding:15px;position: relative;height:510px;width:610px;overflow:hidden;} .helpcenter-bg .iframe{padding: 0;width: 1500PX;height:600px;margin-left: -445px;margin-top:-45px;} .helpcenter-bg .service-info{background: #fff;padding:20px;color: #7B7B86; margin-bottom:10px;overflow: hidden;position:relative;} .helpcenter-bg .service-info b{font-size: 16px;font-weight:normal;color: #181931;} .helpcenter-bg .service-info h2{font-size: 18px;padding:10px 0 0px 0;text-align: left;width: 100%;} .helpcenter-bg .service-info .bg-yun-1{background: url(../image/help-yun-1.png) no-repeat;width:100px;height: 132px;background-size:100%;position: absolute;bottom: -40px;right: 20px;} .helpcenter-bg .service-info .bg-yun-2{background: url(../image/help-yun-2.png) no-repeat;width:100px;height: 182px;background-size:100%;position: absolute;bottom: -40px;right: 20px;} .helpcenter-bg .service-info .bg-yun-3{background: url(../image/help-yun-3.png) no-repeat;width:100px;height: 157px;background-size:100%;position: absolute;bottom: -40px;right: 20px;} .helpcenter-product-service{width:800px; position:fixed;z-index: 20000;left: 50%;top:80px;height: 80%; margin-left: -400px; background: #fff;display: none;} .helpcenter-product-service h2{ text-align: center;font-size:24px;padding:30px 0 20px 0;position: relative;} .helpcenter-product-service .con{height:78%; overflow: auto;} .helpcenter-product-service .con b{display: block; font-weight: normal;font-size: 18px; padding: 10px 0 10px 0; text-align: center;background: #3986ee;width: 700px; margin: 10px auto;color:#fff} .helpcenter-product-service .btn-close{width:30px;height:30px;display:block;background:url(../image/btn-fixed-close.png);background-size:100%;position:absolute;right: 20px;top: 20px;cursor:pointer;z-index: 100;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close.png', sizingMethod='scale');} .helpcenter-product-service .btn-close:hover{background:url(../image/btn-fixed-close-hover.png);background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close-hover.png', sizingMethod='scale');} .helpcenter-video{background:url(../image/helpcenter-video-bg.jpg) top center;margin: 80px;padding: 0;} .helpcenter-video .box{height: 460px;width: 840px;float: right;background: #008cff;margin:250px 80px 100px 0; border-radius:30px;position: relative;} .helpcenter-video .box .left-img{position: absolute;width:525px;height:680px;background:url(../image/helpcenter-video-left.png);top:-120px;left: -270px;} .helpcenter-video .box .title{margin:80px 0 45px 200px;} .helpcenter-video .box .warnning{width: 375px;height:105px;border-radius:15px; margin:15px 0 0 230px; background:url(../image/helpcenter-video-warning.png) no-repeat #ff7e00;background-position:30px 30px;color: #fff;font-size: 16px; padding:25px 0 0 145px;position: relative; display: none;} .helpcenter-video .box .warnning span{display: block;font-size:48px;line-height: 48px;padding-top: 12px;} .helpcenter-video .box .warnning i{font-size: 18px;font-style: normal; display: block;padding-top: 12px;line-height:30px;} .helpcenter-video .box .warnning .countdown{position: absolute;bottom: 40px;color: #ff7e00;background: #fff600;width: 45px;height: 45px;line-height: 45px;text-align: center;font-size: 45px;font-weight: bold;left: 43px;display: none;} .helpcenter-video .box .join .submit{width: 390px;height: 75px;line-height: 75px; color: #181931;font-size:32px;background: linear-gradient(#fff,#e7e7e7);box-shadow:0 3px 6px 0 rgba(0,0,0,.15);display: block;margin: 20px 0 0 300px;border-radius: 10px; text-align: center;} .helpcenter-video .box .join em{display: inline-block;height: 26px; line-height: 26px;padding-left:30px;background: url(../image/helpcenter-video-clock.png) no-repeat left center; margin-left:285px; color:#96D1FF;font-style: normal;font-size: 16px;margin-top:30px;} .helpcenter-video .box .join .form{margin-left: 300px;margin-top: -200px;display: none;} /*帮助中心*/ .sub-menu{border: 1px solid #dddddd;margin-right:30px;background-color: #fff;} .sub-menu h3{font-size:16px;margin-bottom:0px;} .sub-menu h3 a{display: none;} .sub-menu ul{display:block;text-indent:20px;padding:15px 0;} /* .sub-menu ul li{display: ;} */ .sub-menu ul li a{height:36px;display: block;line-height: 36px;} .sub-menu ul li a:hover{background-color: #f5f5f5;} .sub-menu ul li.cur a{background-color: #0078D6;color: #fff;} .service-list {padding:10px;background: #fff;} .service-list h2{font-size:24px; text-align: left;border-bottom:1px solid #dddddd;width:100%;padding-bottom: 20px;margin-bottom: 30px;} .service-list li{display: block;line-height:32px;text-align: left} .service-list li a{color:#181931 ;display: inline-block;padding-bottom:15px;font-size:16px} .service-list li a:hover {color:#3986ee;} .service-list li .qa-con{display: none;} .service-list li.active{background-color: #F5F5F5;padding:25px 20px;margin-bottom:15px;} .service-list li.active a{font-size: 18px;font-weight: bold;color: #181931;padding-bottom: 20px;} .service-list li.active .qa-con{padding-left:10px;line-height: 24px;display: block;word-break:break-all;} .service-list li .time{color: #8A8E99;font-size: 12px;} .service-list .border-0{border:none;} /* 为什么选择 */ .index-why-item{margin-top: 30px;padding: 10px;} .index-why-icon{float: left;} .why-icon{display: inline-block;background: url(../picture/icon.png)no-repeat 0 0;width: 80px;height: 80px;} .why-icon-1{background-position: 0 -162px;} .why-icon-2{background-position: 0 -252px;} .why-icon-3{background-position: 0 -342px;} .why-icon-4{background-position: 0 -432px;} .why-icon-5{background-position: 0 -522px;} .why-icon-6{background-position: 0 -612px;} .index-why-wd{padding-left: 100px;margin-top: 5px;} .index-why-wd p:nth-child(1){font-size: 16px;font-weight: 600;} .index-why-wd p:nth-child(2){margin-top: 10px;} /* price */ .haigui-price .haigui-price-container .haigui-price-header h2 { font-weight:500; font-size:32px; line-height:45px; text-align:center; color:#111f33 } .haigui-price .haigui-price-container .haigui-price-header p { font-weight:400; font-size:16px; line-height:34px; height:34px; color:#787e87; text-align:center; margin-top:4px } .haigui-price .haigui-price-container .haigui-price-header p span { font-size:24px; display:inline-block; vertical-align:bottom; margin: 0 5px } .haigui-price .haigui-price-container .haigui-price-header p span.old { margin-left:7px; color:#acb3b8; position:relative; width:80px } .haigui-price .haigui-price-container .haigui-price-header p span.old:before { display:block; position:absolute; top:17px; width:80px; border-top:1px solid #787e87; content:"" } .haigui-price .haigui-price-container .haigui-price-body { border-radius:8px; border:2px solid #38c299; background:#fff url(../image/price-bg.png) no-repeat; background-size: cover; margin: 30px 40px; padding: 30px 40px; box-sizing: border-box; } .haigui-price .haigui-price-container .haigui-price-body .accounts,.haigui-price .haigui-price-container .haigui-price-body .years { height:50px; line-height:48px; background:#eceff4; border:1px solid #dfe3e6; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:0 10px 0 16px; margin-bottom: 10px; } .haigui-price .haigui-price-container .haigui-price-body .accounts label,.haigui-price .haigui-price-container .haigui-price-body .years label { display:inline-block; font-weight:400; font-size:18px } .haigui-price .haigui-price-container .haigui-price-body .accounts .accounts-num-controller,.haigui-price .haigui-price-container .haigui-price-body .accounts .years-num-controller,.haigui-price .haigui-price-container .haigui-price-body .years .accounts-num-controller,.haigui-price .haigui-price-container .haigui-price-body .years .years-num-controller { float:right } .haigui-price .haigui-price-container .haigui-price-body .accounts .accounts-num-controller span,.haigui-price .haigui-price-container .haigui-price-body .accounts .years-num-controller span,.haigui-price .haigui-price-container .haigui-price-body .years .accounts-num-controller span,.haigui-price .haigui-price-container .haigui-price-body .years .years-num-controller span { display:inline-block; width:30px; height:30px; vertical-align:middle; cursor:pointer } .haigui-price .haigui-price-container .haigui-price-body .accounts .accounts-num-controller span.minus,.haigui-price .haigui-price-container .haigui-price-body .accounts .years-num-controller span.minus,.haigui-price .haigui-price-container .haigui-price-body .years .accounts-num-controller span.minus,.haigui-price .haigui-price-container .haigui-price-body .years .years-num-controller span.minus { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFmSURBVHgB7doxS8NAGMbx565BHG1x0yHQL9DNtY5uFT+BexD7SRTJ3k8gurl27ZZdhQztpFhHkZCzl8lB7iIp4fL2+UGmXId/c3fTCxAREQVD1V0YX68PUBQjDT1GQEqYLE8PH+uurxUcJ29jraLZZnGMMOUwmL6mfW+4N3iYvE+geg/oAGVw+pL25641Gh5G9W7QEUZhVh09B2ew/boBb+O/xFGBkWuBM9hAOX8cohLl2PXeu6WlYbB0DJaOwdIxWDoGS8dg6XYuOEJDRwON40E7/9vyo8Rq8zTROPjiZA9XZ/tow93TV/U0wTMsHS+t/7pffGPxXKANy4YXltU4eLWFm7NNPMPSMVg6BkvHYOkYLB2DpWOwdNr9Us/RMSV05nrvDC4iZMYOfXVHnnuG05zB+W3/UxtcoisMpr4l3jNcTbYZnAf+pXM7hbeV0cPfhsl6YlAGNbtl7xl79OxuBBERUbf8AAs9XHoUS5mNAAAAAElFTkSuQmCC); -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px } .haigui-price .haigui-price-container .haigui-price-body .accounts .accounts-num-controller span.minus.disabled,.haigui-price .haigui-price-container .haigui-price-body .accounts .years-num-controller span.minus.disabled,.haigui-price .haigui-price-container .haigui-price-body .years .accounts-num-controller span.minus.disabled,.haigui-price .haigui-price-container .haigui-price-body .years .years-num-controller span.minus.disabled { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFrSURBVHgB7dpBSsNAGIbhL9MsW5KtSKsD4rKoe6W9QT2CR+hJPIJH0CMUPYBFd1qIpHTfostkYpqVC5lEImXm7/dAVvkLeenMrAYgIiJyRtB0MEmSOAvDM2XUCA4pgnx+Mhg8NJ1vFPy+XI7CoHOHAsdwUYAPmGyqG4TXBi/SdNIJwnt4IR/rfn9mm1Co0VHhLXxRrsLt1rONWIMX6Wri7DL+zfZby3PGNmINDgpYf+wiU3Oo1i5paRgsHYOlY7B0DJaOwdIxWLq9Cw7R0nr9hc3mE7sQRT3EcRdttA5+eX3D49MzduHq8rx8LtAG97B0PLT+ajg8xdHgALsQxT201To4jrrV4wvuYekYLB2DpWOwdAyWjsHSMVg6a7BSZgbPKIO59b3tJbJsXl368kX5rVofWi+nWYO11msU+Q18YbJp3UjtHq5uthXFtdP/dPVt+fhfrh7+lKSriXHs7lZ1zpRbr1qNREREfvkG1eNUYRehBhEAAAAASUVORK5CYII=); -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px } .haigui-price .haigui-price-container .haigui-price-body .accounts .accounts-num-controller span.plus,.haigui-price .haigui-price-container .haigui-price-body .accounts .years-num-controller span.plus,.haigui-price .haigui-price-container .haigui-price-body .years .accounts-num-controller span.plus,.haigui-price .haigui-price-container .haigui-price-body .years .years-num-controller span.plus { background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAG6SURBVHgB7dq/T8JAFAfwb6+N0U2MmwxNmNzYXHF0Q/0L3ImR3dFdY9j5C/yxubKysTmISYcyacRNY2pPHpMguTtSvFwv75OwtI/hS/su78IBjDHGmDMC08L4bLyJLKsLiAYckkMOks72vWm9UeC49dIQQdSdFMdwUwKJ9nOnog2uDVxrvTYRhHcogUBif9ip9FQ1AhoyCC9REjJAd9p6CsrA9HQdfo0XiaMMdVWBMrBEoPyyi3LkDdV97SvtGw7suwgW7WwJHO+tzVy76X9h9JbDFquBq5PApwfrM9f6T5nVwNzDvuPAvuPAvuPAvuPRclk0LtIEZWJ3J/x7rRrCVDqZyIpOZYUD02w8Py4u4/xow7j2+uFz+imCe9h3vGgti/aztMUzQQvUfM9e3H7gMf02+n66gm1k4cCjgisnhe0PzX6wVeAe9h0H9h0H9h0H9h2Plv+JRsP57V1q8V8HYjXwaEFg27iHfceBZ2+KHkomhxio7isDZxEGkg59lUeSaA6nKQMnV5V3IXGCspBo60q0PTw92SZx6PiTTugU3kqOHv5Wa42bErlTZ7donaHWo7cRjDHGWLn8AGE5gpSJUxC2AAAAAElFTkSuQmCC); -webkit-background-size:30px 30px; -moz-background-size:30px 30px; background-size:30px 30px } .haigui-price .haigui-price-container .haigui-price-body .accounts .accounts-num-controller input,.haigui-price .haigui-price-container .haigui-price-body .accounts .years-num-controller input,.haigui-price .haigui-price-container .haigui-price-body .years .accounts-num-controller input,.haigui-price .haigui-price-container .haigui-price-body .years .years-num-controller input { width:60px; border:none; text-align:center; background:#eceff4; font-size:18px; line-height:25px; color:#111f33 } .haigui-price .haigui-price-container .haigui-price-body .price-main { -webkit-border-radius:8px; -moz-border-radius:8px; overflow:hidden; color:#74798b } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price label { font-size:18px; height:34px; line-height:34px; display:inline-block; position:relative } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price label span { position:absolute; height:1px; left:0; right:0; top:17px; background:#74798b } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price div { float:right; position:relative } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price div span { display:inline-block; vertical-align:middle; height:34px; line-height:34px } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price div span.yuan { font-weight:500; font-size:18px } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price div span.num { font-weight:500; font-size:24px; margin-left:6px } .haigui-price .haigui-price-container .haigui-price-body .price-main .base-price div span.border { position:absolute; height:1px; left:-6px; right:-6px; top:17px; background:#74798b } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left label { margin-top:6px; font-weight:500; font-size:24px; line-height:34px; color:#111f33; display:inline-block; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADAAAAAwCAYAAABXAvmHAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQXSURBVHgB7VpNbttGFH5vRrTdrtQbsCewunFrZFH6Bg5gpd1FOUGcE0Q+QdITRN4VsBfqCaxN4dQtEPkE4Q2qVaKYnJnMk0VGEofko0IyCJAPEEgOhvO+783j/D0BfEM+zPXv/vvrYx8aBEJDIPJGqiu6/6Cio+8OxyE0gEYErJD3l0VhUyJqF+Agn6AREWwB5s1xN4o8f+fgYppbJ598gkIRZGM+hy7dc4WyBajXJ6co8MXypSkYDDXoWyPNVGsRekrOSsinImKAh3QjAHoSzT5o4QOanlm+a7R5Jn+5fAkMdIALYfxErzXUI4MIeIwaiQhY8tyWfGv0TfJgjG0TjcMWkxa/otiHloDUI0ywBSy83hYEsJ3FEkAfl710oT34S5ulYAmI40573k/wzvM51VgCUJs2vb+A8hTLaaUCaGwXKJ5CyxAgH3PWUbkCKAbNv49e2OHxrX0MoADGmDP0oh/oR2M4MGDfOdcKnhRUCXal99bc9F8VCUEXcYh3nloDp8D4cF2TjvrnZIiIz6GAvPz5ckD38XV/ICS8ghJYoqO5is42Z2jclnjaAHn+p/FsjSD1XuT9DyXkE3BFLOwhDufx3XkiJA2heN7p2caH0OBw6SJPkBJ+BSaIoye9IHlOBXiHlxN7mUBF6LvOaaYw2n3sMOwkTzFuJ8kB8BF2Di5GycPaWkgpcyYlBlABFOvq9W8zsfthtChYhKEertapkTxxXPvwMx+xvunTijKAmlAnefvWRBxcHq2WZIZR6gWoCfWSJ26Q4ebcD9TRC3WTd3mf4JzIPrcX6ifv9j7BKQAl+rAlmiBfBJFT+By2QJPk7ejo5JQREN/0B1C+r82gBc8H0fVJsFkoHAWVvd9W2Lh6YU3ANt6vQn6bVesGMr2wNhNX9X4l8tlV60u7au0WrVpdWPbCBD5xvkdV71cNG7EbjzJlOzHr7GcDa72QCpBKTqiL7W3IaUVIcbVZ1tRQuYIZcezsxenpYCoAD/8MrUeHqOQRR4gNiZH571G66iwjz121FhG3386PC44r+4/co0XaC2sRD2yMkhE/r549bhyANgHH80aLZ+ur1sX+o4z4HxRqm5um1D6UGb0/sKXdUgBtwuAYd+6e5BFPUHoqQaFlw+UvaBkI6ryMPIF3MocmhLYRi5BTjSVAam8KLQMfXLBs8k7mbBjZS2l31oVF/oEJ9uk0tBhGBgzbWfzjdQ230BKsALYtfobG2G5FoDnBeseENjtjU0vmlj7wSKvpHuxRloYyL2XnSmEcwUMUpivQ5hxsNsa2tX//HvaWAtghxBYgTGc8V/NxUfLt7u/+UceDK8gXcZ/ke5C2MXG00fO+1yEwUXualQjkiPiyadYqcIj4ehLdCVZEzJr8q0GjIBFN/9njq8dHk51z0yYst+wAAAAASUVORK5CYII=) no-repeat 100%; -webkit-background-size:24px 24px; -moz-background-size:24px 24px; background-size:24px 24px; padding-right:15px } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left p { font-size:14px; line-height:22px; color:#38c299; margin-bottom:15px; clear: both; } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left p span { color:#ec2a2a; font-weight: bold; } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left h6 { font-size:14px; line-height:22px; color:#38c299; margin-bottom:15px; clear: both; } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left { float:left } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left span { display:inline-block; vertical-align:middle } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left span.yuan { font-weight:500; font-size:24px; line-height:34px; color:#acb3b8 } .haigui-price .haigui-price-container .haigui-price-body .price-main .preferential-price .left span.num { font-weight:500; font-size:32px; line-height:45px; color:#38c299; margin-left:8px } .haigui-price .haigui-price-container .haigui-price-body .btn__blue { margin: 0; color: #fff; } .haigui-price .haigui-price-container .haigui-price-body .btn__blue:after { position:absolute; content:""; width:70px; height:30px; top:-16px; right:-40px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAIwAAAA8CAYAAAC0ClJLAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAkTSURBVHgB7Z3PbxRlGMefmXa77ba22yItRtIfJFYP1LSYJhwghsBBojEaj14IRg9e9D8gnLziBU1MDB7UEwkhEi8Sg3BARNtQD7aNsEBBWmy7rbuU3W13fL/v7LvMDvPjnZ3Z7tK+n2QzZWZn33fn/b7P87zP+5RqJIkxcSxJFHuHNP119q9R9hok0pKkeAYx0mzsUuw1SUbxElHhnDZ2Ji1zp+b70RPHBkmPf8I++JgSyFZGO0NG7iQTTsrzXW4XuEXRW06QQZ+SYvug0Skq5k+6WRxHwXCrorX8zH4cJMV2JEVG/pCTtdHtJ5hYRpVYtj3cYBgTH47aL1RYGGVZFDaesjRlwfCYRWuZICUWRSUQzZiIaZ64JAS4SiyKpxksaYPDLUzJFd0ihcINIz8E12RaGC1+ghQKT2I8vaKVYpdlUii8ScPK6Dzdr1D4w7eGdHNvSKGQgGlFNzcSFQoZiqO6ueusUMigDepqB1oRgKROCkUAtoRgFi9P0eqN6vOOa7cXqJgr+L4vOzNHqdPn6eFPf1C1oB309f7Zy75t5uaXae7bi6y936lRaKaQ4AvVkt3vH/a8Xnycp/T1aXYsUGKgl5q72smP9XSWHt1ZoLU785SZneP3JseHaeeR1zzv22BtFVayvE1Z0FZuIc3beswEkFtY5u2B5Wt/0Y6DI+T+3QrsvgVqJEILpt5fKDNjDnhbv7NYMIthQfIrGd5XDJwYMKC3xkr3dlAYICJheSCqdfbayOUr2rK21z68m7pe3UPVgu+VexAs3xrf1U16PEZhCC2YoY/fln7vLWbOg97jx9KVP/mxs/TwV2/cpDyb0fbZbKdzZIjfE+8L/xDBBlzNVKVbjDEBx3u7+bGFtdPKXlG1l5m+S/MXfg10D5573QUj4wKiuMcJWA7MZgwIBAAwaMLqYTa3D79ILcx6YMASbGY/+OEqvw5XEFU/rKAvgxFOCJn2YLG8EG43CkILRoCAELNaBgSpXrT29fCB9uPhRTMY7HGIA/qPH2Wz2T1jsMEeYHMXebJ2e54WSxYMwM3w80xw1tht11v7KQoQ5FoDahEUIwaytmeN6yCWPp/2C+zeqEKHyASDWMJukt1YsgyCE7AWfoKB68nNpyusi5WmVm/TW8z5B66wXk4PGucLJfFEiVuQi/ioUYLfyAQj6B5/mQd0TohZ4rbygYX6V2LJisESovMzx3aaWluk39s20FfRV7jAxStTvE3r6gauLQoBwSJa2xPPA3HPziP7qBGIXDAtvUnfQXS9bpAUS8ylVTtAQYI+WK+YJc4ppDPl80GFKoPOxFzxuaXngT7Xor1qiFwwtQauSNb1eYHBr8UgYLUUJDfVObKHrdaG6FkhcsEgieY3oG4P1C/zCavy8KLpsjDYXn59gZnyJgdrggASWFdTVjCAbQPVCylovNEolkOWyAWDQW2Kew/8uos72fAJRO8xoSEw3HFwLzV3tnsODFZtXvAknsN5DGAbyQ8i4ppY8onbgrtyitEwSfBsXnjvIM/HCPQAMRWAhe0MkfALS+SC2Xl4n+sXmv3se350y1Pg4c99527OEVxi9vccGOEPzrMfLEh0GgwslWFdIAynfiYkZjzczvJv01yUEB4EYs3peOV3EHQHzf9gRYdUxH+s3xDdlhJMLekef0XaXXSwlZrTwCDzCsG4Lce9EJYRQhEWDMLDZ4l4XW8Nn8UVFFbNIBvpA7zw2V57T5tB5IJBHIINNzvC3WDWO1037/V2STLJPD9iXQl+lIkznDYpAQaui8U6SB+IGATWkV+LB3MxVsT+UJa1tTJ1s6I9TJYkS1lEsa0QhsgFg0yl1/Y/gsJbX5ynegHBYgBkluXIuVgD+Fgp39Lx0m563pYXEWKPhdhugNtJM1dnbw9WsefAXmoEIhMMklxeiKypTA7D77PCkujv45lpmHmv7QP0A/0WO8teG35iWyTM/hTiJ2wPiPZgbbxiunoQmWD47i97IRh8ziF+mMemHzs+x95Tbz/cygYGgnnEXI2XYMR3kiFfWq7HLSugoEAoblnyRiHSijsEgkhlYwlpr4ATMUOixtZDBrGszds2SyF2mco7JyA+62dvVSIVDGYHrAfM+PyFq9yqYGWBJbAoQ6hXogruR4A+II7JzN6rEAjEjvKHoPASTxagwlrVomSikYi8phfBGfIsEAcCRhRNiexsT51cEQR75+sfK8oqkNFFAP7otmkZhKCqCVpXp8ycUFt//a1nralJHkYUEcHCQDRieYi4AQmLzdo74QVWq1mek8HuNl5wiTxpxwSDFQnO4fr6ipnzCBqDwHJiyQ2wU7/ZoO21096rzo2cfA2yHzURjCgDEHELBgiuSSS8UPiE2YjlaZyXLUbzq1E8B1RaLqMqHysOkaBDkRFiK5wfOP4GbxPnIWhYHnEflrBBQKyGCdHukiisNWg7qmo6GUIJBgNUXMvzDT0UWSOItCe4drA0frI08yAguAe8x5otxfswUMiRxHuTbJA7yq6Bn5MU1KKl7KHA+mOtzYFosaWwxISMOAXpfGwfoE+itobX4NraMvto/kdd6esz5T6ZbWT554HeiOpVIED0A892ZervivacwPfza/v+2V8qYrgwhBLM8rXp8gOzYq2Kt2Ym+cYeSgrJFI8o6zSr+U1rZN80xPv9ftVEANcCq4K9Fvxsz4pi0zI7e5e3JXIw2Az8h1kdDL5TjAULlLH1KVGKVbIz9/gRlioq64LnaU8qdngstbEj79d2mOyznVCC6R4f5mnzaqrihXgEGGi4hTx+PYMfM2VT7wQ28dCudfbJiKvvzf189gpLgv72f3CU18c4xS+wjigKE4gYyLw2TAjKOiLMncDqWWujre1ZwaSQ3YSUnXAyaMbkR5J1bgrFFvlVWcXmoQSjCEJaCUYRACOlBKMIgD6pBKOQxyheUoJRBKBwTglGIYl2Bn9vQAlGIYehncRBCUbhj2F8ro19mcKPSjAKP1La2FflP+OoBKPwIkWGfsh6QglG4QYTi/GucEWCZ+5/b1BsCtyy2MUClIVRVMICXDISY05iAcrCKBhGmlmUb1iu5ZSbUARKMNsSJhDSUuw1iXQ/Ufs5beyUVA3n/8Nyd5RqLAVRAAAAAElFTkSuQmCC) no-repeat top; -webkit-background-size:contain; -moz-background-size:contain; background-size:contain } .haigui-price .haigui-price-container .haigui-price-footer { text-align:center } .haigui-price .haigui-price-container .haigui-price-footer p { margin-top:60px; font-size:18px; line-height:96px; height:100px; color:#787e87; display:none; background:#fff; border:2px solid #38c299; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px } .haigui-price .haigui-price-container .haigui-price-footer p span { color:#ec2a2a; cursor:pointer } .haigui-price .haigui-price-container .limit-tip{ display: inline-block; margin-left: 10px; margin-bottom: 5px; opacity: 0; color:#E12F2E; transition: all 0.3s linear; } .haigui-price .haigui-price-container .haigui-form-body { /* background: #fff url(../images/c72ad4824f82a549f298f7f50830ac84.png) no-repeat; */ /* -webkit-background-size: 900px 120px; -moz-background-size: 900px 120px; background-size: 900px 120px; */ background: #fff; padding: 30px 50px 20px; } .haigui-price .haigui-price-container .haigui-form-body h1{ font-size: 22px; margin-bottom: 10px; text-align: center; } .haigui-price .haigui-price-container .haigui-form-body h2{ font-size: 22px; color:#ec2a2a; margin-top: 10px; text-align: center; } #price .haigui-form-body .form-item { position: relative; margin-bottom: 16px } #price .haigui-form-body .form-item .form-item-label { position: absolute; z-index: 1; top: 1px; left: 1px; background-color: #f8f9fb; border: 1px solid #e1e3e6; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px 0 0 2px; -moz-border-radius: 2px 0 0 2px; border-radius: 2px 0 0 2px; width: 40px; height: 44px; -webkit-background-size: 22px 22px; -moz-background-size: 22px 22px; background-size: 22px 22px; background-position: 50%; background-repeat: no-repeat } #price .haigui-form-body .form-item .form-item-label.form-item-label-name { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJQSURBVHgB7ZhNbtNAFMffc41IugDfAB8hLBMJka4grHCBBStyg+QGLSdAPQFl1UVVGRaVJSREJFSFFeQIPkJW4LQwjzcuXQD+nDe1heTfauIP+ZfJeN77B6Cjo6NRECzyOvzq3ep9e8xDX38mwtUF4ur5ZBiDJawIa1Fve7NHRPOchxwmBC9tiIuFj6KlfxPhI/ye1QLiDcGOVNoBAXpmK8pq0i+m7wEBImFv+3wG1WSv8HmNz0GASJhITaEm6GzNQICx8HG0HEO92b2EyAtPzwZgiLEw8oPBEOVA88ISFKgYDDEW3uKCAIa44MZgiLFwwPspb+ILqE8cCPZi0ZJQBG+gJsQVDwSIhJ9MhoeKqLq0ogN9DwgQv3RPJ6Mpz9tB6YUsu/toJCoaGiu7xO7D0VwpCnLW9OIn9xA2ZDVW28srQm6I0kHSWwfB3TV0/EdYTxxeL/mjZAcW04ZGJHwcfRq7jnuf99YxNxcDIMzuL5DWSLoy4uoHXbx7Nrm3AENqC1/GoWRGwHEoT7CctEqaxKZawuH7zzPugfcFov8KIOwHD4aVq18l4TQN95NXfPEUrofKea9UWMve7m84t5FxD1uRStKllU7H9wZkNRxSMSwLqYXCJ9HZNO+/huuBBmUhtVAY0dmDhtEhtWiWc4X17IJJyJTCWbFolnOFEVEUxyXwL/si71ym8FHabWETL1oe/umHL3eyTmQK3yBqUzYlOf++k3U8UxidFtbu32B2Nc1ew4TtN905Dm7WQR0UT6Ilj5QPbYC4dpL+W+jo6GifXywH0P9sLOV+AAAAAElFTkSuQmCC) } #price .haigui-form-body .form-item .form-item-label.form-item-label-cname { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJUSURBVHgB7ZhLbtRAEIb/aiTiIIGGEzBXyAqFDWYVZYUciXUmN4ATYG4w3CCsWETJwAIZFigjITRig3KEuQEDGw9CdtG2eOTVcXdV5yXNt67u/t1dXX+7gAXnC0HB3ocvm0A1BFPPc8gUZPKNtfuvIMRAA9d5gNiGvh00hAKdYOIQsVFQ7jCCj5aY30CBSnDFFL54Vb+EAtWlaxi9n+wzkHoFEx9srD1YgQJdSlhq8FvfWK5JtbsNasGm/Lltd27WGUg0+zFPVPnbrgclWfZo5nP5msu2la10f1gHasFoxZCtrXxwRsjYftQLLLgGqMvaX/ZseYOjvNlFtmdl8uzK5PBu8XmAM2qxrdODO8vlABGIIhh043FnCHuaSwdxqgTVaWeQMQ8RAbXgnWKSej0xmXs7xacUSvROB4/d/RdrvGPdc2gnIP+jDol1oSpro9F+j5eTbyFjvpfJXU15072Hl5ZSBHL7VplCgUowGeosZycWrHTlTScYgsUFH3lkOIS8LiZ9tH/BwfTfffx6D0LEgm8GlLPjzH/NMwiRp4SHHTuHKmxaLNjLjp2ryuuxSLC3HbtQ2LRIsFHk7/85TAoBMsERLFY6R7A1S+zYhcSmg3dYYscuJDYdLNiYOH8O7VwCmw7PYcaFt1gPEyyYQDmaTrqeKREFN7fF7+HdYpIT4TlCsX24pilo5skwE7yLdQ94+wBicG5tb9NzyNja8la2vjqFkCiNFLvbgz+73XeETCsr9Mn66hhKonV+Gk6kifL4TyOq4IY2TZiftpPbS6U5/gWXwW9cNLbTK876uAAAAABJRU5ErkJggg==) } #price .haigui-form-body .form-item .form-item-label.form-item-label-pname { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFJSURBVHgB7dkxTgJBFMbx700MUHIEvQGUxhPQSaysCDfQE7CcwCOIlZURK2JnR6lH8Ah0IsV+zmCj2LyN7yWQvF9CQibD5s/sZItZIITDJk0m3y+Wx23BLYQ9ULr4J0LmG/L6cnD6rv2NOngbm/hqEfq7QFafNfva6ASllsiNeWxBdjvlrimpgwU8hxOK9LRz1cGu8iprp+5HcAMR7C2CvUWwtwj2FsHeIthbBHuLYG8R7C2CSUyFOCmf8h3GjmCIrKcXg7Pqx1D1sFjmsxJMYMR0hRPS7O8YZjBkGtxqtbk7toYt0+D15mO8O9ZJaQRDpntYJE0en5dc17jrlIGEUd7XFQyZBhf5yVDlI9lquzcIc/otIVxhD+hPLylv8EI+aafqV5gYu6xyvqZArrTT1cHDfEIutfRFOIeF7z//Uq45bPDKIIRD9wWkPFv6txrI+wAAAABJRU5ErkJggg==) } #price .haigui-form-body .form-item .form-item-label.form-item-label-sname { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFISURBVHgB7dYxTsMwFAbg9wqDu6BwAzhCJ1Q6dQEyJhwArsAN0hPQI7QXoCtMsCG2HiE3IBsBCT9ekLLlNU0U2x3eN1l5cvzrJbINoJRSKiSUCk8vH3cAv0sgjMCvHHCUpdcX66biSJxGNgsQtnLGiy+lohz4f2IgRGKjdgU+SBrYNQ3smgZ2rXNgS7TGL3OKBOfVeOh6G/lofn6nxgm8UBJP82q82bxGNDafQ9Zr6c20MVvnDhelKepxaUw0dL1N5w7zw9UPwaLkhU/G5SO/4H7Iek3qcOfAvgz2S4SmgV3TwK5pYNfkwEgFhJNLBTEwWXzYNdEZbhTxSSiWYU/iUU12cRvPMvDkGPqqOsFfgcOuwKN+gTksIs3T+HILnvXZJXK0OEmuZt7DVjoGxi1fwOf1BTyEvX8Jayk5+jZvSTIJud0ppVSLP8tPn1oV0GrGAAAAAElFTkSuQmCC) } #price .haigui-form-body .form-item .form-item-label em { color: #d90000; font-style: normal } /* #price .haigui-form-body .form-item .form-item-box { width: 440px; position: relative } */ #price .haigui-form-body .form-item .form-item-box .form-item-input input { width: 100%; text-indent: 52px; /* padding: 15px 12px 15px 52px; */ border: 1px solid #dfe3e6; border-left: none; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; font-size: 14px; height: 44px; color: #111f33; font-weight: 400 } #price .haigui-form-body .form-item .form-item-box .form-item-input input.is-error { border: 1px solid #d90000; border-left: none; color: #d90000 } #price .haigui-form-body .form-item .form-item-box .form-item-input input.is-error+.form-item-label { border: 1px solid #d90000 } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus,#price .haigui-form-body .form-item .form-item-box .form-item-input input:hover { border: 1px solid #ec2a2a; border-left: none } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus+.form-item-label,#price .haigui-form-body .form-item .form-item-box .form-item-input input:hover+.form-item-label { background-color: #ec2a2a; border: 1px solid #ec2a2a } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-name,#price .haigui-form-body .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-name { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGNSURBVHgB7ZiBTcMwEEV/EAN0BHcDNqBs0BHYoGxQmAA2KGwAE8AGZAOHCdoNjjslUQuy28bn2KnkJ51SXVvl9+snuStQKBSSUiEiRDTjw5LLdK1aqqqqBlNChHI9k58Nl8EUECFclk5js4vunD1H7KHoGRRcQccK+7yeg3z2AbkY6G7PFgqCHeYTLzDM3R6J0Q0C0URCk8UsgjU0CEQjuEY4DXLAWfyk4Vgo0EbiDcN5Qk7YsdcB7r5gCoiQixHbw4KW5M609BaIRNTxsof2Q86OR8sdChfEGBvHn0d27G1DJbi7mG655CjzgW++kBzXXX3wj/hCKqgd2tdcWwrHUoq1iU+wUgp1sUZsqHV1Q+NhKZbbndhvGh8bRTQdX99jI8aELwb85XtKz+MxTdUJwTK7GqRFboFz3yPdOw+Lu0gvVpBIeP8K8DoseYJiWVTSsMNz1xtOwdRerapVJgKGRf/8b/oikcvZQ+5cTZ9gg/w4b28+wVMYup0arl1Nzo4slvLSIA8i9h2FQiE/vxfACQaRGFH0AAAAAElFTkSuQmCC) } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-cname,#price .haigui-form-body .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-cname { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAF3SURBVHgB7djRUcMwDAbgP0yQTgAjsAHagGMCGIERGAEmADYoE2QERjAbpBsI+eq+QBosyY3NNd9dn+q0OlmREgOrhjHzvXxGzhfiNaglBaA1wuECPj0W5g34HXpb1CLbS6x3jZokgEER7CecvCURfSjWvqA2yVrPea0trnHfpO4Md123Q97Nt01r65PMXcX6nMnuENdgdU54vr29lrjhipFgHvhvjyigRB+ObjPWEFrBmX0YBbgzLIEQ8p7a+rTWpURJ0InWTioR8M2J1k7q4JBalbY2N54R7c0wQY/g4A04p539RKiFbS+hATXw/gnN6hJGnpIg2N3ByBOwpX4PCEbmtpZGrfUJbCetbQMDU4YV4/gY85i2lgTBj2BgDdg9Yq2/oa5h4zg+Rj2mLRkmlENQOouA23mZzJFGcmC/wEsersifPbHNmK5dfqdStt8UwQ7cwpEV788lwkyg8TtCa/h3mRTfftc73ZS05YdTnmcZDF9Y/SPfHEg/aY4NlEsAAAAASUVORK5CYII=) } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-pname,#price .haigui-form-body .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-pname { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADKSURBVHgB7djRCYMwFIXhm27QDdLJSiepTlQ6gSt0E93gNoE8+ODDKdyDsZ4PAiIm/EierpnIibh7Lmsqa/YYr3qmMbTYqNC1mRLd/gbLhHYk9MN6qvEsKaUr8mEvwVaCoZaLHYyC2RTMpmA2BbMpmE3BbApmUzCbgtkUXIxl3doabS/gfGHY2DcgGy2aY/LGvoxsRDuirwR1dlFFBz823t1tD457tmuQ2zME7fjrUdViHfgl+GM8b4vmRxtor6KjBts1dKLFinTqC3YS0XahwffLAAAAAElFTkSuQmCC) } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus+.form-item-label.form-item-label-sname,#price .haigui-form-body .form-item .form-item-box .form-item-input input:hover+.form-item-label.form-item-label-sname { background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACwAAAAsCAYAAAAehFoBAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADUSURBVHgB7djBDcIwDIVhhwnKBmUDRmEDWIENYJKKiRihbEA2MLGUQw6JDwETV3qfVFHJIH75QCOIAADAJWY+p+vN/7fKd7e6ghK8ppeZxoghhH1toAUzDZSCq2072hgEW0OwNQRb6wl+pEt+1A/5/tfzPsqjcy7eMxnMWXto9Ww4FveTwbwPty2ypbydxWCubhhnCWsItoZgawi2pgVHGufVGmjBV+2DhmRRd/oWt93Io0qo/MlyIa8qsUfyrIhduTjTupVjn5uIFSn0JGdYAgBw7QPZlNcUQVaGnwAAAABJRU5ErkJggg==) } #price .haigui-form-body .form-item .form-item-box .form-item-input input:focus { -webkit-box-shadow: 0 0 0 2px rgba(51,126,255,.2); -moz-box-shadow: 0 0 0 2px rgba(51,126,255,.2); box-shadow: 0 0 0 2px rgba(51,126,255,.2) } #price .haigui-form-body .form-item .form-item-box .form-item-input ul { position: absolute; width: 440px; padding: 8px 0; top: 52px; left: 0; z-index: 2; background: #fff; border: 1px solid #dfe3e6; -webkit-box-shadow: 0 2px 6px rgba(64,67,71,.1); -moz-box-shadow: 0 2px 6px rgba(64,67,71,.1); box-shadow: 0 2px 6px rgba(64,67,71,.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; max-height: 192px; display: none; overflow: auto } #price .haigui-form-body .form-item .form-item-box .form-item-input ul li { height: 44px; line-height: 44px; font-size: 14px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; padding: 0 12px } #price .haigui-form-body .form-item .form-item-box .form-item-input ul li:hover { background: #f2f2f2 } #price .haigui-form-body .form-item .form-item-box .form-item-input ul li span { color: #d90000 } #price .haigui-form-body .form-item .form-item-box .form-item-input .rf--label { display: inline-block } #price .haigui-form-body .form-item .form-item-box .form-item-input .rf--radio { display: none } #price .haigui-form-body .form-item .form-item-box .form-item-input .rf--radioInput { background-color: #fff; border: 1px solid #c2c2c2; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; display: inline-block; height: 16px; margin-right: 8px; margin-top: -2px; vertical-align: middle; width: 16px; line-height: 1 } #price .haigui-form-body .form-item .form-item-box .form-item-input .rf--radio:checked+.rf--radioInput:after { background-color: #045cc9; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; content: ""; display: inline-block; height: 8px; margin: 3px; width: 8px } #price .haigui-form-body .form-item .form-item-box .form-item-code { width: 120px; float: right } #price .haigui-form-body .form-item .form-item-box .form-item-code button { width: 100%; height: 44px; white-space: nowrap; background: #ec2a2a; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; color: #fff; -webkit-appearance: none; -moz-appearance: none; appearance: none; border: none; cursor: pointer; } #price .haigui-form-body .form-item .form-item-box .form-item-code button[disabled] { opacity: .3 } #price .haigui-form-body .form-item .form-item-box .form-item-err { position: absolute; top: 0; font-size: 14px; line-height: 20px; padding: 10px 0; right: -12px; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); color: #d90000 } #price .haigui-form-body .form-item.form-code-item .form-item-input { width: 260px; display: inline-block } #price .haigui-form-body .form-item.register-item-ct { margin-bottom: 20px; text-align: center } #price .haigui-form-body .form-item.register-item-ct .form-item-input { line-height: 20px; font-size: 14px } #price .haigui-form-body .form-item.register-item-ct .form-item-input a { color: #ec2a2a } #price .haigui-form-body .form-item.register-item-ct .form-item-input .form-item-err { padding: 0 } #price .haigui-form-body .form-item .form-submit-btn { display: inline-block; width: 100%; line-height: 40px; white-space: nowrap; cursor: pointer; background: #ec2a2a; border: none; color: #fff; -webkit-appearance: none; text-align: center; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none; -webkit-transition: .1s; -o-transition: .1s; -moz-transition: .1s; transition: .1s; -moz-user-select: none; -webkit-user-select: none; -ms-user-select: none; font-size: 16px; /* margin: 0 0 54px; */ -webkit-box-shadow: 0 4px 12px rgba(30,89,238,.3); -moz-box-shadow: 0 4px 12px rgba(30,89,238,.3); box-shadow: 0 4px 12px rgba(30,89,238,.3) } #price .haigui-form-body .form-item .form-submit-btn[disabled] { opacity: .3 } #price .haigui-form-body .form-item .form-submit-btn:hover { -webkit-box-shadow: 0 10px 30px rgba(30,89,238,.32); -moz-box-shadow: 0 10px 30px rgba(30,89,238,.32); box-shadow: 0 10px 30px rgba(30,89,238,.32) } /* 底部 */ .index-footb{background: url(../picture/footb-bj.jpg);} .index-footb h2{color: #fff;} .haigui-wrapper ul{display: flex;flex-wrap: wrap;justify-content: space-between;} .haigui-wrapper ul li{width: 20%;text-align: center;color: #fff;} .haigui-wrapper ul li h3{border: none;padding: 0;margin-bottom: 10px;color: #fff;} .haigui-wrapper a{ background: #0078d7;border: 0px solid #fff;text-align: center; -webkit-border-radius: 45px; -moz-border-radius: 45px;border-radius: 45px;display: block; margin: 59px auto 0; width: 220px; height: 44px;line-height: 42px;color: #fff;} /*右侧悬浮客服*/ a.btn-urgent{width:44px;padding:5px 0;background:#FF3300;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display: block;font-size: 14px;color: #fff;position:fixed;right:20px;z-index:110;margin-bottom: -220px;bottom: 50%; text-align: center;border-radius: 22px;} a.btn-urgent:hover{background: #e72e00;} .right-service{position: fixed;right:20px;bottom: 50%; margin-bottom: -85px;z-index: 100;} .right-service .btn{width:44px;height:145px;background:#00aeff;background: linear-gradient(#00aeff,#3986ee);text-align: center;color: #fff;font-size: 14px;line-height:16px;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);cursor: default;} .right-service .btn span{width:26px;height:26px;display: inline-block;margin:10PX 0;} .right-service .btn span img{width: 100%;} .right-service .btn:hover{background:#3986ee;background: linear-gradient(#3986ee,#00aeff);} .right-service .service-detail{position: relative;} .right-service .service-box{visibility:visible!important;bottom:0;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);display: none;} .right-service .service-box{box-sizing:border-box;position:absolute;bottom:0;width:260px;min-height:50px;padding:30px 20px;background:#fff;box-shadow:0 6px 12px 0 rgba(0,0,0,.15);z-index:4;bottom:-10;right:52px;} .right-service .service-box .box-close{position: absolute;right: 15px;top: 10px;cursor: pointer;width: 30px;height: 22px;padding-top: 8px;text-align: center;} .right-service .service-box .box-close img{width:14px;opacity:0.5;} .right-service .service-box .box-close:hover img{opacity:1;} .right-service .service-box .content{min-height:24px;padding-left:0;transition:all .3s;transition-delay:.1s} .right-service .service-box .content li{list-style:none;margin-bottom:20px} .right-service .service-box .content li:last-of-type{margin-bottom:0} .right-service .service-box .content .content-icon{width:40px;height:40px;display:inline-block;vertical-align:top;float: left;} .right-service .service-box .content .content-icon img{width:100%} .right-service .service-box .content .content-main{display:inline-block;vertical-align:top;margin-left:12px;float: left;} .right-service .service-box .content .content-main .content-title{font-size: 14px;color: #181931;} .right-service .service-box .content .content-main .content-desc{font-size: 12px;color: #8A8E99;} .right-service .service-box .content .content-main .content-phone{font-size: 18px;padding-bottom: 10px;} .right-service .service-box .content .content-main a .content-title{text-decoration:none;color:#3986ee;} .right-bar{position: fixed;left:1%;bottom: 65%; margin-bottom: 50px;z-index: 100;} .right-bar .warp{position: relative;} .right-bar .warp a{background:#fff;text-decoration: none; display: block;width:44px; height: 44px; margin-bottom: 10px;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.2);position:absolute;-webkit-transition-property:width background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;background-size:44px 44px;background-repeat: no-repeat;overflow:hidden;white-space:nowrap;} .right-bar .warp a:hover{box-sizing: content-box; width:80px;-webkit-transition-property:width background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;background-color:#fff;padding-left:50px;background-position-x:5px;} .right-bar .warp a span{display: none;font-size:15px;color: #007bd7;line-height: 44px;} .right-bar .warp a i{position: absolute;width:34px;height: 17px;background-size: 34px 17px;display: block;top:-7px;right: -12px;background-repeat:no-repeat;} .right-bar .warp a i.icon-new{background-image:url(../image/icon-rightbar-new.png);} .right-bar .warp a i.icon-service{background-image:url(../image/icon-rightbar-service.png);} .right-bar .warp a:hover span{display: block;} .right-bar .warp a.venoboxframe,.right-bar .warp a.btn-free-link{top:54px;background-image:url(../image/icon-rightbar-free2.png);overflow: visible;position: relative;} .right-bar .warp a.venoboxframe:hover,.right-bar .warp a.btn-free-link:hover{box-sizing: content-box; background-image: none; background-color:#007bd7;background-image:url(../image/icon-rightbar-free.png);animation-play-state:paused;background-size: 44px 44px; background-position:0 0;animation:frame2 1ms} .right-bar .warp a.venoboxframe:hover span{color: #fff;} .right-bar .warp a.btn-videoservice{top:54px;display:none;background-image:url(../image/icon-rightbar-video2.png);overflow: visible;} .right-bar .warp a.btn-videoservice:hover{} .right-bar .warp a.btn-qq{top: 162px;background-image:url(../image/qq.png);} .right-bar .warp a.btn-online{top:216px;overflow:visible;text-align: center;background-image:url(../image/wx.png);} .right-bar .warp a.btn-online p{line-height: 0;} .right-bar .warp a.btn-online span img{width: 130px;height: 130px;} .right-bar .warp a.btn-online:hover{width: 150px;height: 180px;padding-top: 10px;padding-left: 0;} .right-bar .warp a.btn-call{top:108px;background-image:url(../image/icon-rightbar-call2.png);} .right-bar .warp a.btn-call:hover{width:205px;} /*==========右边浮动==========*/ .right_Box2{background: #f5f5f5;border:1px #f20505 solid;padding: 0 12px;position: fixed;top:50%;left:1350px;margin-top:-140px;border-radius:16px;color: #888;text-align:center;z-index: 200;padding-bottom:40px;} .right_Box2 .right_Box2_logo{margin:12px 0;width: 66px;} .right_Box2 .right_Box2_txt1{font-size: 16px;color: #f20505;letter-spacing:2px;line-height: 100%;} .right_Box2 .right_Box2_weixin{width: 113px;height: 113px;margin: 12px 0 6px;} .right_Box2 .right_Box2_txt2{font-size: 16px; color: #f20505;text-align: left;} .right_Box2 .right_Box2_tell{background: #f20505;color: #fff;font-size:20px;position: absolute;left: 0;bottom: 10px;width: 100%;} @keyframes frame { 0% {background-position:0 0;}1.3% {background-position:-44px 0;}2.6% {background-position:-88px 0;}3.9000000000000004% {background-position:-132px 0;}5.2% {background-position:-176px 0;}6.5% {background-position:-220px 0;}7.800000000000001% {background-position:-264px 0;}9.1% {background-position:-308px 0;}10.4% {background-position:-352px 0;}11.700000000000001% {background-position:-396px 0;}13% {background-position:-440px 0;}14.3% {background-position:-484px 0;}15.600000000000001% {background-position:-528px 0;}16.900000000000002% {background-position:-572px 0;}18.2% {background-position:-616px 0;}19.5% {background-position:-660px 0;}20.8% {background-position:-704px 0;}22.1% {background-position:-748px 0;}23.400000000000002% {background-position:-792px 0;}24.7% {background-position:-836px 0;}26% {background-position:-880px 0;}27.3% {background-position:-924px 0;}28.6% {background-position:-968px 0;}29.900000000000002% {background-position:-1012px 0;}31.200000000000003% {background-position:-1056px 0;}32.5% {background-position:-1100px 0;}33.800000000000004% {background-position:-1144px 0;}35.1% {background-position:-1188px 0;}36.4% {background-position:-1232px 0;}37.7% {background-position:-1276px 0;}39% {background-position:-1320px 0;}40.300000000000004% {background-position:-1364px 0;}41.6% {background-position:-1408px 0;}42.9% {background-position:-1452px 0;}44.2% {background-position:-1496px 0;}45.5% {background-position:-1540px 0;}46.800000000000004% {background-position:-1584px 0;}48.1% {background-position:-1628px 0;}49.4% {background-position:-1672px 0;}50.7% {background-position:-1716px 0;}52% {background-position:-1760px 0;}53.300000000000004% {background-position:-1804px 0;}54.6% {background-position:-1848px 0;}55.9% {background-position:-1892px 0;}57.2% {background-position:-1936px 0;}58.5% {background-position:-1980px 0;}59.800000000000004% {background-position:-2024px 0;}61.1% {background-position:-2068px 0;}62.400000000000006% {background-position:-2112px 0;}63.7% {background-position:-2156px 0;}65% {background-position:-2200px 0;}66.3% {background-position:-2244px 0;}67.60000000000001% {background-position:-2288px 0;}68.9% {background-position:-2332px 0;}70.2% {background-position:-2376px 0;}71.5% {background-position:-2420px 0;}72.8% {background-position:-2464px 0;}74.10000000000001% {background-position:-2508px 0;}75.4% {background-position:-2552px 0;}76.7% {background-position:-2596px 0;}78% {background-position:-2640px 0;}79.3% {background-position:-2684px 0;}80.60000000000001% {background-position:-2728px 0;}81.9% {background-position:-2772px 0;}83.2% {background-position:-2816px 0;}84.5% {background-position:-2860px 0;}85.8% {background-position:-2904px 0;}87.10000000000001% {background-position:-2948px 0;}88.4% {background-position:-2992px 0;}89.7% {background-position:-3036px 0;}100% {background-position:-3080px 0;} } a.backToTop{position:fixed;width:44px; height:44px;border:0;bottom:80px;right:20px;background:#fff;cursor:pointer;box-shadow:0 1px 3px rgba(0,0,0,.2);-webkit-transition-property:background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;display: none;border-radius: 4px;z-index:1000;} a.backToTop:hover{border:0;background-color:#fff;-webkit-transition-property:background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} a.backToTop img{width: 100%;} /*浮窗*/ .overlay{width:100%;height:100%;background:#181931;position:fixed;top:0;left:0;opacity:0.5;filter:Alpha(Opacity=50);display:none;_position:absolute;z-index:15000;} .fixed-box{width:710px;/*height:570px;*/background:#fff;position:fixed;top:50%;left:50%;margin:-210px 0 0 -355px;_margin:-180px 0 0 -355px;z-index:20000;display:none;_position:absolute;padding:0 10px 4px 10px;box-sizing:border-box;} .fixed-box .btn-close{width:30px;height:30px;display:block;background:url(../image/btn-fixed-close.png);background-size:100%;position:absolute;right: 20px;top: 20px;cursor:pointer;z-index: 100;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close.png', sizingMethod='scale');} .fixed-box .btn-close:hover{background:url(../image/btn-fixed-close-hover.png);background-size:100%;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/r/cms/www/web2018/img/btn-fixed-close-hover.png', sizingMethod='scale');} .fixed-box h4{font-size: 18px;height: 60px;line-height: 60px;font-weight: normal; text-align: center;margin-top: 20px;} .video-box{width: 640px;} .video-box video{width: 100%;margin-bottom: 0;} /*销售查询*/ .topUp_box{width:100%;margin:65px 30px 0 0;position:relative;border: 1px solid #dddee5;} .topUp_box .formDetail{display:none;padding:0 0 20px 20px;} .topUp_box_top{width:723px;height:6px;display:block;background:url(https://www.263.net/r/cms/www/web2018/img/images_263/topUp_top.gif) no-repeat;position:absolute;top:0px;left:0px;} .topUp_box_bottom{width:723px;height:6px;display:block;background:url(https://www.263.net/r/cms/www/web2018/img/images_263/topUp_bottom.gif) no-repeat;position:absolute;bottom:0px;_bottom:-11px;left:0px;} .topUp_title{width:100%;height:46px;position:absolute;top:-45px;_top:-48px;left:0px;z-index:100;padding:0px;margin:0px;} .topUp_title li{width:40%;max-width:232px;height:44px;float:left;background:#f2f3f5;float:left;border-top-left-radius:4px;border-top-right-radius:4px;border:1px #dddee5 solid;border-bottom:1px #eaebf1 solid;padding:0;} .topUp_title li a{width:100%;height:44px;display:block;padding-top:3px;font-size:14px;color:#415660;text-align:center;line-height:300%;} /*.topUp_title li a:hover,*/.topUp_title_hover{background:#fff;border-top-left-radius:4px;border-top-right-radius:4px;} .topUp_title_dis{margin-left:3px;} .topUp_boxCont{height:60px;margin:0 auto;} .topUp_domain{width:105px;height:32px;display:block;float:left;font-size:14px;color:#282828;line-height:190%;text-align:right;} .topUp_input{width:90%;max-width:480px;height:32px;display:block;float:right;border:1px #cbcfd5 solid;background:#fff;line-height:200%;text-indent:4px;color:#8A8E99;} .topUp_explain{width:80%;max-width:480px;height:20px;display:block;float:right;font-size:12px;color:#67777f;} .topUp_input:active,.topUp_input:visited{border:1px #ff4d54 solid;box-shadow:1px 1px 2px #d5d4d4 inset;} .topUp_boxDis{padding-top:15px;} .topUp_boxHight{padding-top:0px;height: 32px;} .topUp_boxDis a{width:100px;height:32px;line-height:32px;text-align:center;display:block;background:#3986ee;color:#fff;margin-left:203px;} .topUp_boxDis a.lf105{letter-spacing:5px;font-size:14px; border:1px solid #CBCFD5;background:#F0F0F0;color:#67777F;margin-left:105px;} .topUp_boxHight_next{height:40px;padding-bottom:12px;} .topUp_boxDis a:hover {background:#006EC5;} .topUp_boxDis a:active {background:#006EC5;} .topUp_boxDis a.lf105:hover{border:1px solid #CBCFD5;background:#F0F0F0;} .topUp_boxDis a.lf105:active{border:1px solid #CBCFD5;background:#F0F0F0;} /*楠岃瘉鐮�*/ .topUp_boxDis a.identCode{background:#DAE8F3;display:block;width:90px;height:35px;color:#519BD3;border:1px solid #519BD3;position:absolute;left:280px;top:3px;margin:0 0 0 25px;font-size:18px;font-weight:bold;padding-top:5px;letter-spacing:3px;} .topUp_boxDis a.changeIdentCode{color: #0063E9;display: block;width:150px;height:20px;position:absolute;left:370px;top:20px;background:none;border:0;margin:0 0 0 25px;;text-align:left;padding-left:10px;} .topUp_boxDis a.changeIdentCode:hover{text-decoration: underline;} .topUp_boxDis .subBtn{width:82px;height:32px;line-height:32px;text-align:center;display:block;background:#ff8d00;border:1px solid #e07c00;color:#fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius:3px;margin-left:80px;margin-left:118px;cursor:pointer;} .topUp_boxDis .subBtn:hover {background:#ffa230;border:1px solid #ef9321;} .topUp_boxDetail{padding-top: 20px;} .topUp_boxDetail li{height: auto;display: inline-block;border:0;padding:0;min-height: 30px;} .topUp_boxDetail .tit li{font-size: 18px;font-weight: bold; padding:10px 0 10px 10px} .topUp_boxDetail .len285{width: 100px;color:#7B7B86;} .topUp_boxDetail div{display:block;padding:5px 0; background: #E9F5FF;margin:20px 20px 20px 0;} .topUp_boxDetail p a{color: #fff;float: right; display: block;background:#3986ee; text-align: center;padding: 3px 10px; margin-right: 20px;} .topUp_boxDetail .mar10{margin-left: 20px;} /*离线留言*/ .consult-offline-box{position: fixed;z-index:10000;bottom:5%;right: 20px;display: none;} .consult-offline{width: 189px;display: block;cursor: pointer;border: 0;} .consult-offline-confirm{position: fixed;z-index:10001;top:0;right:0;background-color:rgba(0,0,0,0.5);width: 100%;height: 100%;} .consult-offline-confirm .confirm-box{width:360px;height:500px;position: fixed;top: 50%;left: 50%;margin: -250px 0 0 -180px;z-index: 10002;border-radius:15px;overflow: hidden;} .consult-offline-confirm .confirm-box .list i.btn-close{width:30px;height:30px;background-image: url(../image/btn-fixed-close.png);display: block;float: right;background-size: 100%; margin-right: -10px;} .consult-offline-confirm .confirm-box .list i.btn-close:hover{background-image: url(../image/btn-fixed-close-hover.png)} .consult-offline-confirm .confirm-box .list{height:210px;display: block;padding: 20px 30px;background-image: url(../image/consult-offline-icon1.png);background-repeat: no-repeat;background-position: right bottom;background-size: 100px 100px;line-height: 24px;background-color: #fff;} .consult-offline-confirm .confirm-box .list b{font-size:24px;} .consult-offline-confirm .confirm-box .list a{height:36px;border-radius:36px;line-height:36px;background-color:#8ecb24;display:inline-block;text-align: center;padding: 0 40px; margin-top: 30px;color: #fff;} .consult-offline-confirm .confirm-box .list a:hover{background-color: #96e114;} .consult-offline-confirm .confirm-box .list-online{background-color:#0182dc;color: #fff;background-image: url(../image/consult-offline-icon2.png);} .consult-offline-confirm .confirm-box .list-online a{background-color:#8ecb24;} .consult-offline-confirm .confirm-box .list-online a:hover{background-color:#96e114;} .pc-show{display: block;} .case-row ul li{width:50%;float: left;} /*2021-pyf*/ .pc-hide{display:none;} .padding-0{padding:0px;} .padding-bottom-0{padding-bottom:0px;} .padding-bottom-20{padding-bottom:20px!important;} .padding-top-50 h1{padding-top:50px;} .height60{height:60px;} /* 案例--> */ .case_bg{background:#f9faff;} /* 案例banner */ .case-banner { background:#181931 url(../image/banner-case-finance.jpg) no-repeat; } .case-government-banner{background:#181931 url(../image/case-government-banner.jpg) no-repeat;} .case-consumer-banner{background:#181931 url(../image/case-consumer-banner.jpg) no-repeat;} .case-education-banner{background:#181931 url(../image/case-education-banner.jpg) no-repeat;} .case-realestate-banner{background:#181931 url(../image/case-realestate-banner.jpg) no-repeat;} .case-medicine-banner{background:#181931 url(../image/case-medicine-banner.jpg) no-repeat;} .case-manufacturing-banner{background:#181931 url(../image/case-manufacturing-banner.jpg) no-repeat;} .case-trade-banner{background:#181931 url(../image/case-trade-banner.jpg) no-repeat;} .case-energy-banner{background:#181931 url(../image/case-energy-banner.jpg) no-repeat;} .case-banner-bg{background: linear-gradient(90deg, #00050F 0%, rgba(0, 0, 0, 0.03) 20%, rgba(0, 0, 0, 0) 80%, #00050F 100%);height: 537px;} .section-pd0{padding-top:0px!important;} /*案例列表*/ .case-banner-main{height: 537px; background-position:top center;background-repeat: no-repeat;color: #fff;} .case-banner-main .info-black {padding-top:180px;width:100%;text-align:center;} .case-banner-main .info-black h1{font-size:48px; font-weight: normal;color: #fff;} .case-banner-main .info-black p{font-size: 14px; padding: 10px 0 30px 0; display: block;color:#fff;max-width: 600px;margin:0 auto;} .case-banner-main .info-black a.btn-free,.case-banner-main .info-black a.btn-free-link{width:140px;height:40px;margin:0 auto;line-height:40px; text-align: center;color: #fff;border:1px solid #3986ee;font-size: 18px;display: block;background:#3986ee;border-radius:30px;} .case-banner-main .info-black a.btn-free:hover,.case-banner-main .info-black a.btn-free-link:hover{background:none;color:#3986ee;border-color: #3986ee;} .case-main{width:100%;max-width: 1200px;} /* 面包屑 */ .case-breadcrumb{display: flex;height:55px;line-height:55px;} .case-breadcrumb img{height:14px;} .case-breadcrumb li.angle{padding:0px 10px;} .case-breadcrumb li a{color:#181931;} .case-breadcrumb li a:hover{color:#0078D7;text-decoration: underline;} .case-breadcrumb li.active{color:#0078D7;} .case-breadcrumb li img{position:relative;top:2px;} /* 案例左侧导航 */ .case-nav{background:#fff;border-radius: 5px;position: relative;z-index:1;} .case-line{position:absolute;background: #E1E6F0;width:1px;right:-40px;top:0;height:100%;z-index:2;} .case-nav ul{padding:0 10px;} .case-nav li{height:60px;line-height:60px;border-bottom:1px solid #eee;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .case-nav li a{display: block;padding:0 13px;font-size:16px;color:#181931;display: flex;justify-content:space-between;align-items:center;transition:All 0s ease-in-out; -webkit-transition:All 0s ease-in-out; -moz-transition:All 0s ease-in-out; -o-transition:All 0s ease-in-out;} .case-nav li.active{background:#3986EE;border-radius: 6px 6px 6px 0px;width:220px;position:relative;left:-10px} .case-nav li.active a{color:#fff;padding:0 23px;} .case-nav li i{display:none;} .case-nav li.active i{display:block;} .case-nav li.active:nth-child(1){background:#3986EE url(../image/ico_finance_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(2){background:#3986EE url(../image/ico_government_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(3){background:#3986EE url(../image/ico_education_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(4){background:#3986EE url(../image/ico_medicine_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(5){background:#3986EE url(../image/ico_manufacturing_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(6){background:#3986EE url(../image/ico_consumer_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(7){background:#3986EE url(../image/ico_realestate_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(8){background:#3986EE url(../image/ico_energy_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(9){background:#3986EE url(../image/ico_trade_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(10){background:#3986EE url(../image/ico_finance_bk.png) -20px center no-repeat;background-size:40%;} .case-nav li.active:nth-child(11){background:#3986EE url(../image/ico_finance_bk.png) -20px center no-repeat;background-size:40%;} /* 列表 */ .case-list .item img{width:100%;border-radius:4px;} .case-list .item{background:#fff;padding:25px;margin-left:70px;border-radius:4px;margin-bottom:20px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;} .case-list .item:hover{box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.05);border-radius:6px;} .case-list .item .txt{margin-left:35px;} .case-list .item .txt h4{font-size:24px;font-weight: bold;margin-bottom:18px;margin-top:5px;} .case-list .item .txt h4 a{color:#181931;} .case-list .item .txt h4 a:hover{text-decoration: underline;color:#0078D7;} .case-list .item .txt p{color:#181931;font-size:16px;} .case-list .item .txt p span{color:#7B7B86;} .case-list .item .txt p.txt-cutout{height:58px;overflow: hidden;margin-bottom:30px;} .case-list .item .txt a.btn-detail{border: 1px solid #0078D7;border-radius: 20px;color:#0078D7;padding:10px 30px;} .case-list .item .txt a.btn-detail:hover{background:#3986EE;color:#fff;} .overimg{ position: relative; display: block; /* overflow: hidden; */ box-shadow: 0 0 10px #FFF; } .light{ cursor:pointer; position: absolute; left: -320px; top: 0; width: 320px; height: 208px; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0)); transform: skewx(-25deg); -o-transform: skewx(-25deg); -moz-transform: skewx(-25deg); -webkit-transform: skewx(-25deg); } .case-list .item:hover .light{ left:320px; -moz-transition:0.4s; -o-transition:0.4s; -webkit-transition:0.4s; transition:0.4s; } /* 详情页 */ .case-detail-logo img{max-width:200px;width: auto;} .case-detail-logo{padding:70px 0;} .case-detail-xq h3{font-size:26px;color:#181931;border-bottom:none;text-align:left;padding:0px;margin-bottom:10px;} .case-detail-xq h4{font-size:18px;color:#8A8E99;} .case-detail-td li{margin:15px 0;overflow: hidden;} .case-detail-td li span{width:70px;float: left;border-left:2px solid #3986EE;padding-left:10px;} .case-detail-td li em{font-style: normal;float: left;width:116px;} .case-detail-td li em b{font-weight:400;display: block;padding-bottom:5px;} .case-detail-td li em a{color:#0078D7;padding-bottom:5px;display: block;} .case-detail-td li em a:hover{text-decoration:underline;} .case-detail-td li a{color:#0078D7;} .case-detail-td li a:hover{text-decoration:underline;} .case-detail-tig{margin:20px 0 50px 0;} .case-detail-tig span{background: #3986EE;border-radius: 4px;color:#fff;padding:6px 12px;display: inline-block;margin:0px 10px 8px 0px;} .case-detail-left{position: relative;z-index:1;} .case-detail-right{border-radius: 6px;} .case-detail-right .list{padding:50px;margin-left:70px;background: #fff;overflow: hidden;} .case-detail-right .item{margin-bottom:30px;display: flex;} .case-detail-right .item img{width:36px;} .case-detail-right .case-detail-tex img{width:100%;border-radius: 4px;} .case-detail-tex{margin-left:28px;} .case-detail-tex h4{font-size:18px;color:#252b3a;margin-bottom:14px;} .case-detail-tex p{font-size:16px;color:#464964;line-height:27px;} .case-detail-tex p em{font-size:6px;-webkit-transform:scale(0.8);font-style: normal;position:relative;top:-2px;} /* 案例--> */ /* 产品服务20210630--》 */ /* 中国电子云邮箱 */ .product-localized-banner { background:#181931 url(../image/banner-product-localized.jpg) center center no-repeat; } .product-localized-box{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);border-radius: 8px;margin:0 12px;min-height:250px;color:#fff;padding:60px 25px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .product-localized-box h4{font-weight:700;line-height:27px;font-size:20px;font-weight: bold;text-align: center;margin-bottom:30px;} .product-localized-box p{font-weight:400;font-size:14px;} .product-localized-box1{background:url(../image/product-localized-pic4.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-localized-box2{background:url(../image/product-localized-pic5.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-localized-box3{background:url(../image/product-localized-pic6.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-localized-box4{background:url(../image/product-localized-pic7.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-cloud-box1{background:url(../image/product-localized-pic5.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-cloud-box2{background:url(../image/product-cloud-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-cloud-box3{background:url(../image/product-cloud-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .product-cloud-box4{background:url(../image/product-cloud-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 34% auto, 100% 100%;} .product-localized-box:hover{background-position: 145px 245px, center center;background-size: 40% auto, 100% 100%;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.08);border-radius: 8px; transform: translate(0, -5px);-webkit-transform: translate(0, -5px);-moz-transform: translate(0, -5px);-o-transform: translate(0, -5px);-ms-transform: translate(0, -5px);} .localized-bg-black{background:url(../image/localized-bg-black.png) repeat center center fixed;background-size:1920px 1000px;} .localized-bg-black1{background:url(../image/localized-bg-black1.png) repeat center center fixed;background-size:1920px 601px;} .localized-sever-des .list{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .localized-sever-des .list:hover img{transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1); -ms-transform: scale(1.1);} /* 资质 */ .product-qualificat-desc img{height:198px;} .product-qualificat-desc .list{text-align: center;margin:0 10px;} .product-qualificat-desc .list .box-img{overflow: hidden;} .box-scale-img,.box{transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .product-qualificat-desc .list p{font-size:14px;line-height:18px;padding-top:15px;} /* 核心功能 */ .localized-btn-red{margin: 5px 0 0 0;height: 40px;line-height: 40px;padding: 0 35px;font-size: 16px;border: 1px solid #e6251f;display: inline-block;border-radius: 30px;color: #e6251f;} .localized-btn-red:hover{background-color: #e6251f;color: #fff;} .localized-btn-blue{margin: 5px 0 0 0;height: 40px;line-height: 40px;padding: 0 35px;font-size: 16px;display: inline-block;border-radius: 30px;color: #3986EE;background-color: #3986EE;color: #fff;border: 1px solid #3986EE;} .localized-btn-blue:hover{color: #3986EE;border: 1px solid #3986EE;background: #fff;} .localized-bg-white{background:#fff;} .localized-bg-black{background-color: #fff9f4; text-align: center;} .localized-bg-black h3{color: #3986ee;display: inline-block;border-bottom:2px solid #3986ee;padding-bottom: 10px;font-weight:700;} .localized-bg-black ul li{display: block;padding:30px 10px 30px 60px;background:#fff;margin:10px;text-align: left;border-radius: 8px;position: relative;min-height:85px;overflow: hidden;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);} .localized-bg-black ul li:hover,.localized-bg-black ul li.cur{background: linear-gradient(90deg, #0BBAFB 0%, #236EFF 100%);-webkit-transition-property:background;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;} .localized-bg-black ul li:hover,.localized-bg-black ul li.cur b,.localized-bg-black ul li.cur p{color:#fff;} .localized-bg-black ul li i{display:inline-block;width: 40px;height: 40px;background-size: 80px 800px;background-image: url(../image/product-localized-icon.png);background-repeat: no-repeat;position: absolute;left:10px;-webkit-transition-property:background-position;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .localized-bg-black ul li:hover i{-webkit-transition-property:background-position;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .localized-bg-black ul li span{width:120px;height:120px;display:block;background-size: 240px 2400px;background-image: url(../image/product-localized-icon.png);opacity:0;right: 10px;top:100px;position: absolute;} .localized-bg-black ul li:hover span{opacity:0.2;top:50px;-webkit-transition-property:top,opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;color: #fff;} .localized-bg-black ul li b{font-size:18px;display: block;margin-bottom: 4px;font-weight:bold;} .localized-bg-black ul li p{color:#7b7b86;} .localized-bg-black ul li:hover b,.localized-bg-black ul li:hover p{color:#fff;} .localized-bg-black ul li.item1 i{background-position:0 0;} .localized-bg-black ul li.item1:hover i{background-position:-40px 0;} .localized-bg-black ul li.item1 span{background-position:-120px 0;} .localized-bg-black ul li.item2 i{background-position:0 -40px;} .localized-bg-black ul li.item2:hover i{background-position:-40px -40px;} .localized-bg-black ul li.item2 span{background-position:-120px -120px;} .localized-bg-black ul li.item3 i{background-position:0 -80px;} .localized-bg-black ul li.item3:hover i{background-position:-40px -80px;} .localized-bg-black ul li.item3 span{background-position:-120px -240px;} .localized-bg-black ul li.item4 i{background-position:0 -124px;} .localized-bg-black ul li.item4:hover i{background-position:-40px -124px;} .localized-bg-black ul li.item4 span{background-position:-120px -370px;} .localized-bg-black ul li.item5 i{background-position:0 -170px;} .localized-bg-black ul li.item5:hover i{background-position:-40px -170px;} .localized-bg-black ul li.item5 span{background-position:-120px -500px;} .localized-bg-black ul li.item6 i{background-position:0 -210px;} .localized-bg-black ul li.item6:hover i{background-position:-40px -210px;} .localized-bg-black ul li.item6 span{background-position:-120px -625px;} .localized-bg-black ul li.item7 i{background-position:0 -250px;} .localized-bg-black ul li.item7:hover i{background-position:-40px -250px;} .localized-bg-black ul li.item7 span{background-position:-120px -750px;} .localized-bg-black ul li.item8 i{background-position:0 -295px;} .localized-bg-black ul li.item8:hover i{background-position:-40px -295px;} .localized-bg-black ul li.item8 span{background-position:-120px -885px;} .localized-bg-black ul li.item9 i{background-position:0 -340px;} .localized-bg-black ul li.item9:hover i{background-position:-40px -340px;} .localized-bg-black ul li.item9 span{background-position:-120px -1020px;} .localized-bg-black ul li.item10 i{background-position:0 -385px;} .localized-bg-black ul li.item10:hover i{background-position:-40px -385px;} .localized-bg-black ul li.item10 span{background-position:-120px -1155px;} .localized-bg-black ul li.cur i{background-position:-40px 0;} .localized-bg-black ul li.cur span{background-position:-120px 0;top:50px;opacity: 0.2;} .localized-bg-black ul li.toggle{padding:5px;min-height:auto;text-align: center;color:#fff;background:#3986EE;border-radius: 5px;cursor: pointer;} .ico-toggle-top{position:relative;top:-2px;} /* 水波特效 */ .section-wavesIE img{width:100%;} .section-waves{overflow: hidden;} .waves { position:relative; width: 100%; height:15vh; margin-bottom:-7px; /*Fix for safari gap*/ min-height:130px; max-height:150px; background:#fff; } .parallax > use { animation: move-forever 25s cubic-bezier(.55,.5,.45,.5) infinite; } .parallax > use:nth-child(1) { animation-delay: -2s; animation-duration: 7s; } .parallax > use:nth-child(2) { animation-delay: -3s; animation-duration: 10s; } .parallax > use:nth-child(3) { animation-delay: -4s; animation-duration: 13s; } .parallax > use:nth-child(4) { animation-delay: -5s; animation-duration: 20s; } @keyframes move-forever { 0% { transform: translate3d(-90px,0,0); } 100% { transform: translate3d(85px,0,0); } } /* 云邮 */ .product-cloud-banner { background:#181931 url(../image/banner-product-cloud.jpg) center center no-repeat; } .cloudMailbox-bg-black{background:#F5F5F5;background-size: 1920px 770px;} .cloudMailbox-bg-black1{background:#f9faff url(../image/cloudMailbox-desc-bg1.jpg) center center no-repeat;background-size: 1920px 591px;} .cloudMailbox-bg-black2{background:#fff url(../image/cloudMailbox-desc-bg2.jpg) center center repeat fixed;background-size: 1920px 2513px;} .cloudMailbox-realestate-bg-0{background:#181931 url(../image/cloudMailbox-realestate-bg-0.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-1{background:#181931 url(../image/cloudMailbox-realestate-bg-1.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-2{background:#181931 url(../image/cloudMailbox-realestate-bg-2.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-3{background:#181931 url(../image/cloudMailbox-realestate-bg-3.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-4{background:#181931 url(../image/cloudMailbox-realestate-bg-4.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-5{background:#181931 url(../image/cloudMailbox-realestate-bg-5.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-6{background:#181931 url(../image/cloudMailbox-realestate-bg-6.jpg) center center no-repeat;} .cloudMailbox-realestate-bg-7{background:#181931 url(../image/cloudMailbox-realestate-bg-7.jpg) center center no-repeat;} .product-cloudMailbox-desc{font-size:16px;} .product-cloud-desc{color:#fff;} .product-cloud-desc .shandx{background:rgba(0,24,75,0.8) url(../image/cloudMailbox-realestate-bg.png) center center repeat fixed;min-height:622px;position: relative;} .product-cloud-desc .shandx ul{padding-right:80px;margin-top:120px;} .product-cloud-desc .shandx ul li{font-size:18px;text-align: right;cursor: pointer;position: relative;width: auto;height:30px;padding-top:25px;} .product-cloud-desc .shandx ul li a{color:#fff;position: relative;} .product-cloud-desc .shandx ul li.cur{font-weight: 500;font-size: 21px;width: auto;height: 30px;} .product-cloud-desc .shandx ul li.cur a{color:#fff;padding-bottom:6px;} .product-cloud-desc .shandx ul li a:after{position: absolute; bottom: 0; left: 0; content: ''; height: 40px; width: 0px; border-bottom: solid 3px #3986ee; transition: all 0.3s ease-in-out; opacity: 1; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;} .product-cloud-desc .shandx ul li.cur a:after {width: 100%;} .product-cloudMailbox-desc .list{margin:0 15px;min-height: 470px;background: #fff;box-shadow: 0px 20px 20px 0px rgba(55, 69, 103, 0.1);border-radius: 8px;} .product-cloudMailbox-desc .list:hover{box-shadow: 0px 20px 20px 0px rgba(55, 69, 103, 0.2);} .product-cloudMailbox-desc .list:hover .txtButton1 a{background: linear-gradient(135deg, #43EA80, #45D79E);color:#fff;} .product-cloudMailbox-desc .list:hover .txtButton2 a{background: linear-gradient(135deg, #0BBAFB, #4285EC);color:#fff;} .product-cloudMailbox-desc .list:hover .txtButton3 a{background: linear-gradient(135deg, #F7CB6B, #FBA980);color:#fff;} .product-cloudMailbox-desc .list h4{font-size:24px;margin-bottom:10px;} .product-cloudMailbox-desc .list .txt{font-size:16px;padding:28px 40px;} .product-cloudMailbox-desc .list .txt b{font-size:40px;font-family: arial;} .product-cloudMailbox-desc .list .txt dl{overflow: hidden;padding:3px 0;} .product-cloudMailbox-desc .list .txt dl dt{width:80px;float:left;} .product-cloudMailbox-desc .list .txt dl dt span{display:inline-block;width:100%;} .product-cloudMailbox-desc .list .txt dl dd{padding-left:80px;} .product-cloudMailbox-desc .list .txt .txtBottom{margin:20px 0;} .product-cloudMailbox-desc .list .txt .txtButton a{width: 140px;height: 40px;line-height:40px;border-radius: 20px;display: block;margin: 0 auto;text-align: center;} .product-cloudMailbox-desc .list .header{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);border-radius: 8px 10px 0px 0px;padding:30px 40px;color:#fff;} .txtButton1 a{border: 1px solid #45D79E;color:#45D79E;} .txtButton2 a{background: linear-gradient(90deg, #0BBAFB 0%, #4285EC 100%);color:#fff;} .txtButton3 a{border: 1px solid #FBA980;color:#FBA980;} .txtButtonColor1{background: linear-gradient(135deg, #43EA80, #45D79E);} .txtButtonColor2{background: linear-gradient(135deg, #0BBAFB, #4285EC);} .txtButtonColor3{background: linear-gradient(135deg, #F7CB6B, #FBA980);} .product-cloudMailbox-desc1 .list{min-height:165px;border-radius: 8px;padding:25px 40px 30px 40px;margin:0px 15px 30px 15px;} .product-cloudMailbox-desc1 .mail-self .list{min-height: 415px;} .product-cloudMailbox-desc1 .list:hover h4,.product-cloudMailbox-desc1 .list:hover p{color:#fff;} .product-cloudMailbox-desc1 .list h4{font-size:18px;font-weight:700;padding:8px 0 10px 35px;} .product-cloudMailbox-desc1 .list p{font-size:16px;color:#818181;line-height:24px;margin:10px 0 20px 0;height:48px;overflow: hidden;} .product-cloudMailbox-desc1 .list:hover .btn-more-hide{display: block;} .btn-morer{width: 140px;height: 40px;text-align:center;line-height: 40px;background: #fff;border-radius: 20px;display: block;font-size:16px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;} .btn-more-hide{display:none;} .product-cloudMailbox-desc1 div:nth-child(1) .list h4{background:url(../image/mail-pic17.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(2) .list h4{background:url(../image/mail-pic18.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(3) .list h4{background:url(../image/mail-pic19.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(4) .list h4{background:url(../image/mail-pic20.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(1) .list{background:#ECF1F9 url(../image/cloud_recommend_ico.png) right 50px no-repeat;} .product-cloudMailbox-desc1 div:nth-child(2) .list{background:#ECF1F9 url(../image/cloud_recommend_ico1.png) right 50px no-repeat;} .product-cloudMailbox-desc1 div:nth-child(3) .list{background:#ECF1F9 url(../image/cloud_recommend_ico2.png) right 50px no-repeat;} .product-cloudMailbox-desc1 div:nth-child(4) .list{background:#ECF1F9 url(../image/cloud_recommend_ico3.png) right 50px no-repeat;} .product-cloudMailbox-desc1 div:nth-child(1) .list:hover{background:url(../image/cloud_recommend_ico_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);color:#fff;} .product-cloudMailbox-desc1 div:nth-child(2) .list:hover{background:url(../image/cloud_recommend_ico1_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);} .product-cloudMailbox-desc1 div:nth-child(3) .list:hover{background:url(../image/cloud_recommend_ico2_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);} .product-cloudMailbox-desc1 div:nth-child(4) .list:hover{background:url(../image/cloud_recommend_ico3_on.png) right 50px no-repeat, linear-gradient(90deg, #015EEA 0%, #00C0FA 100%);} .product-cloudMailbox-desc1 div:nth-child(1) .list:hover h4{background:url(../image/mail-pic17w.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(2) .list:hover h4{background:url(../image/mail-pic18w.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(3) .list:hover h4{background:url(../image/mail-pic19w.png) left center no-repeat;background-size: 26px 26px;} .product-cloudMailbox-desc1 div:nth-child(4) .list:hover h4{background:url(../image/mail-pic20w.png) left center no-repeat;background-size: 26px 26px;} #cloudDesc{margin:148px 26% 60px 110px;} #cloudDesc h3{font-size:20px;margin-bottom:10px;} #cloudDesc h4{font-size:18px;margin:8px 0;font-weight:400;} #cloudDesc p{font-size:16px;line-height:24px;color:#C6C8CF;} #cloudDesc .item{padding:5px 0;} .cloudDesc-btn-group{margin-top:20px;display: flex;} .cloudDesc-btn-group a{margin-right:20px;} .h2-absolute{position: absolute;width: 100%;top:60px;z-index: 2;text-align: center;color: #fff;font-size: 26px;font-weight: 700;} /* 自建邮箱 */ .bmail-banner{background-image: url(../image/banner-bmail.jpg);} .mailp-banner{background-image: url(../image/banner-mailp.jpg);} .mailys-banner{background-image: url(../image/banner-ysmail.jpg);} .symail-banner{background-image: url(../image/banner-symail.jpg);} .hdmail-banner{background-image: url(../image/banner-hdmail.jpg);} /* 云直播 */ .banner-live{background-image: url(../image/banner-live2.jpg);} /* 现场拍摄 */ .product-service-banner{background:#181931 url(../image/banner-product-service.jpg) center center no-repeat;} .service-scene-des img{width:100%;} .service-scene-des .list{margin:0 15px;position: relative;overflow: hidden;border-radius: 5px;height:180px} .service-scene-des .list:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);} .service-scene-des .list h4{font-size:16px;position: absolute;left:0;bottom:0;width:80%;color:#fff;line-height:50px;padding:0 10%;} .service-scene-des .list:hover h4{background:rgba(0,0,0,0.3);height:180px;line-height:180px;text-align:center;font-size:24px;} .service-activity-des .tex h4{font-size:24px;color:#3986EE;border-bottom:1px solid #E1E6F0;padding-bottom:20px;} .service-activity-des .row:hover img{opacity: 0.9;} .service-activity-des .tex p{color:#7B7B86;} .service-activity-des .tex{line-height:24px;margin:0 30px 0 20px;font-size:15px;} .service-activity-des .tex .tex-box{padding:10px 0;} .service-activity-des .tex .tex-box .item{padding:5px 0;} .service-activity-des .tex .tex-box .item em{color:#7b7b86;padding-left:10px;font-size:14px;font-style:normal;} .service-activity-des .tex .tex-button{display: flex;} .service-activity-des .tex .tex-button a{margin-right:20px;} .service-activity-des .pic img{width:100%;border-radius:8px;} .service-activity-des .pic{margin:0 20px 0 30px;} .service-activity-des .pic-top{padding-top:45px;} .service-activity-des .margin-0{margin:0 30px 0 20px;} .service-activity-des .margin-1{margin:0 20px 0 30px;} .service-help-desc{font-size:16px;;} .service-help-desc .list{margin:6px 15px;} .service-process-bg{background:#fff url(../image/service-process-bg.jpg) center center repeat fixed;background-size: 1920px 600px;} .service-process-desc .item{height: 190px;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);border-radius: 8px;margin:0 15px;overflow: hidden;} .service-process-desc div:nth-child(1) .item{background: linear-gradient(135deg, #0BBAFB, #236EFF);} .service-process-desc div:nth-child(2) .item{background: linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);} .service-process-desc div:nth-child(3) .item{background: linear-gradient(135deg, #7CD6FF, #24A9FF);} .service-process-desc div:nth-child(4) .item{background: linear-gradient(135deg, #F7CB6B, #FBA980);} .service-process-desc div:nth-child(5) .item{background: linear-gradient(-45deg, #7683D9, #D8A0FE);} .service-process-desc div:nth-child(6) .item{background: linear-gradient(135deg, #FF887C, #B6325F);} .service-process-desc div:nth-child(1).swiper-slide{background:url(../image/service-sanjiao.png) center center no-repeat;width:270px;height:200px;} .service-process-desc div:nth-child(2).swiper-slide{background:url(../image/service-sanjiao1.png) center center no-repeat;width:270px;height:200px;} .service-process-desc div:nth-child(3).swiper-slide{background:url(../image/service-sanjiao2.png) center center no-repeat;width:270px;height:200px;} .service-process-desc div:nth-child(4).swiper-slide{background:url(../image/service-sanjiao3.png) center center no-repeat;width:270px;height:200px;} .service-process-desc div:nth-child(5).swiper-slide{background:url(../image/service-sanjiao4.png) center center no-repeat;width:270px;height:200px;} .service-process-desc div:nth-child(6).swiper-slide{background:url(../image/service-sanjiao5.png) center center no-repeat;width:270px;height:200px;} .service-process-desc{height:248px;} .service-process-desc .swiper-wrapper{height:200px;} .service-process-desc .item i{width: 20px;height: 2px;background: #fff;display: block;margin:10px 20px;} .service-process-desc .item p{overflow: hidden;padding:0 20px;color: #fff;} .service-process-desc .item h4{font-size:20px;color: #fff;padding:0 20px;} .service-process-desc .item p span{color:#fff;font-weight: normal;opacity: 0.3;font-size:48px;float:right;margin-top:15px;font-weight:700;font-family:arial;} .service-process-desc .item:hover p span{background:#fff;-webkit-background-clip: text;-webkit-text-fill-color: transparent;color:#3986EE;opacity:1;} .service-process-desc .swiper-pagination-bullet{background:url(../image/service-download.png) 0 0 no-repeat;width:300px;height:16px;border-radius:0px;cursor: pointer;margin:0px!important;} .service-process-desc .item:hover h4{margin-top:0px;} .service-process-desc .item:hover .des{padding-top:0px;display: block;} /* 云视频 */ .product-terminal-banner{background:#181931 url(../image/banner-product-terminal.jpg) center center no-repeat;} .product-terminal-desc{text-align: center;} .product-terminal-desc img{width:96%;margin: 0 auto;} .box-img{overflow:hidden;} .product-terminal-desc .list h4{font-size:21px;padding:0 15px;line-height:40px;} .product-terminal-desc .list p{font-size:16px;color:#7B7B86;padding:0 15px;line-height:24px;word-wrap: break-word;white-space: normal; word-break: break-all;} .product-terminal-desc .list p.desc{padding-top:0px;} .product-terminal-desc .list h4.title{display: flex;margin-bottom:50px;justify-content:space-between} .product-terminal-desc .list h4.title a{width: 140px;height: 40px;background: #F4F4F4;border-radius: 20px;color:#3986EE;line-height:40px;font-weight:400;font-size:16px;text-align:center;} .product-terminal-desc .list:hover h4.title a{background:#3986EE;color:#fff;} .product-terminal-desc .list:hover img{transform: scale(1.1);-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-o-transform: scale(1.05);-ms-transform: scale(1.05);} .product-terminal-desc .list:hover .terminal-tigs{display: block;} .product-terminal-desc .list{position:relative;} .product-terminal-desc img.terminal-tigs{position: absolute;top:30px;left:40px;width:45px;display: none;} .product-terminal-bg-0{background:#fff url(../image/product-terminal-bg-0.jpg) center center no-repeat;} .product-terminal-bg-1{background:#fff url(../image/product-terminal-bg-1.jpg) center center no-repeat;} .product-terminal-bg-2{background:#fff url(../image/product-terminal-bg-2.jpg) center center no-repeat;} .product-terminal-bg-3{background:#fff url(../image/product-terminal-bg-3.jpg) center center no-repeat;} /* VCX-9Z */ .product-vcx9z-banner{background:#181931 url(../image/vcx9z_banner.jpg) center center no-repeat;} .product-vcx9z-section{background:#181931 url(../image/hard-vcs6-26.jpg) top center no-repeat;} .product-vcx9z-section2{background:#f9faff url(../image/vcx9z_section2.jpg) top center no-repeat;background-size: 1920px 1080px;height:860px;} .product-vcx9z-section3{background:#e6e9f0 url(../image/vcx9z_section3.jpg) top center no-repeat;background-size: 1920px 1080px;} .vcx9z-section3-img{background:url(../image/vcx9z-img3.png) bottom center no-repeat;height:855px;} .vcx9z-section3-img h2{color:#fff;padding-top:380px;} .vcx9z-section3-img p{color:#fff;text-align: center;font-size:18px;padding-top:40px;} .product-vcx9z-section4{background:#181931 url(../image/vcx9z_section4.jpg) top center no-repeat;background-size: 1920px 1080px;height:960px;} .vcx9z-section4-img .desc{margin:0 20px;text-align:center;color:#fff;} .vcx9z-section4-img .desc img{width:100%;} .vcx9z-section4-img p{padding-top:10px;} .vcx9z-section4-img .desc-img{text-align: center;position:relative;top:-70px;} /* .vcx9z-section4-img .desc-img img{width:100%;} */ .product-vcx9z-section5{background:url(../image/vcx9z_section5.png) top center no-repeat;background-size: 1920px 1080px;height:960px;} .product-vcx9z-section6{background:#d4dfe5 url(../image/vcx9z_section6.jpg) top center no-repeat;background-size: 1920px 1080px;} .product-vcx9z-section7{background: linear-gradient(135deg, #f5fefc, #e8f8f6)} .vcx9z-section7-img{background:url(../image/vcx9z-look.png) top center no-repeat;height:850px;position:relative;} .vcx9z_video{position:absolute;top:37%;left:0;} .vcx9z_phone{position:absolute;top:43%;right:90px;} .vcx9z_yk{position:absolute;bottom:0;right:0;} .product-vcx9z-section .list{text-align: center;margin:10px;} .product-vcx9z-section .list h4{font-size:20px;padding: 10px 0;color: #181931;font-weight: 700;} .product-vcx9z-section .list p{font-size:16px;word-break: break-all;padding:5px 20px;box-sizing: border-box;display: block;} .product-vcx9z-section .list img{width:100%;} @keyframes warn1 { 0% { transform: scale(0.1); -webkit-transform: scale(0.1); opacity: 0.0; } 25% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.3; } 50% { transform: scale(0.3); -webkit-transform: scale(0.3); opacity: 0.5; } 75% { transform: scale(0.5); -webkit-transform: scale(0.5); opacity: 0.8; } 100% { transform: scale(0.8); -webkit-transform: scale(0.8); opacity: 0.0; } } .containerHot {top:0px; position: relative; z-index:1; left:-50px; width: 120px; height: 120px; margin:0 auto; bottom:20px; color:#fff;} .containerHot .img{position:absolute;top:84px;left:85px;width:32px;height:32px;z-index:2;} .containerHot .img img{width:100%;} /* 产生动画（向外扩散变大）的圆圈 第一个圆 */ .pulse {position: absolute; width: 200px; height: 200px; left: 0; top: 0; background: #F56C6C; border: 1px solid #F56C6C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; animation: warn1 2s linear 0.5s infinite; box-shadow: 1px 1px 30px #F56C6C; /* 阴影效果 */ } /* 产生动画（向外扩散变大）的圆圈 第二个圆 */ .pulse1 {position: absolute; width: 200px; height: 200px; left: 0; top: 0; border: 1px solid #F56C6C; background: #F56C6C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; animation: warn1 2s linear 1s infinite; box-shadow: 1px 1px 30px #F56C6C; /* 阴影效果 */ } .pulse2 {position: absolute; width: 200px; height: 200px; left: 0; top: 0; background: #F56C6C; border: 1px solid #F56C6C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; animation: warn1 2s linear 1.5s infinite; box-shadow: 1px 1px 30px #F56C6C; /* 阴影效果 */ } .pulse3 {position: absolute; width: 200px; height: 200px; left: 0; top: 0; background: #F56C6C; border: 1px solid #F56C6C; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; z-index: 1; opacity: 0; animation: warn1 2s linear 2s infinite; box-shadow: 1px 1px 30px #F56C6C; /* 阴影效果 */ } /* 云课 */ .product-class-banner{background:#181931 url(../image/banner-product-class.jpg) center center no-repeat;} .PosHeaderNav{background:#00184B;height:60px;line-height: 60px;} .BannerNav{height:60px;line-height: 60px;} .PosHeaderNav a{display: block;font-size:16px;color:#fff;margin:0 7%;display:inline-block;height:58px;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;} .PosHeaderNav1 a{margin:0 5%!important;} .PosHeaderNav2 a{margin:0 4.2%!important;} .PosHeaderWrite{background:#fff;box-shadow: 0px 0px 14px 0px rgba(95, 126, 209, 0.2);} .PosHeaderWrite a{margin:0px;padding:0 20px;color:#181931;} .PosHeaderNav a:hover,.PosHeaderNav a.Act{border-bottom:2px solid #3986EE;} .PosFixed {position: fixed;top: 0px;z-index: 9999;width: 100%;} .product-class-section .list{margin:10px 15px;opacity:1;height:100%;} .product-class-section .list img{width:100%;border-radius:8px;} .product-class-section .list h4{font-size:16px;padding:10px 0;text-align: center;} .product-class-section .list:hover{transform: translate(0, -10px);-webkit-transform: translate(0, -10px);-moz-transform: translate(0, -10px);-o-transform: translate(0, -10px);-ms-transform: translate(0, -10px);opacity: 0.9;} .product-class-section1{display: flex;border-radius: 8px;height:350px;} .product-class-section1 .list{padding:110px 20px;text-align: center;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .product-class-section1 .list:hover{padding:46px 20px;height:100%;border-radius: 4px;} .product-class-section1 .list img{height:40px;} .product-class-section1 h4{font-size:18px;margin-top:25px;height:70px;} .ico_class_hover{display: none;} .product-class-section1 p{color:#FEFEFE;font-size:14px;display: none;line-height:21px;height:100px;text-align: left;} .product-class-section1 .meetBtn{display:none;} .product-class-section1 .class_box{flex: 1;background: #FBFBFB;} .product-class-section1 .class_box:hover{background:#3986EE url(../image/class_bg.png) center center no-repeat;} .product-class-section1 .class_box:hover .ico_class_hover{display: block;margin:0 auto;} .product-class-section1 .class_box:hover .meetBtn{display:block;} .product-class-section1 .class_box:hover h4{color:#fff;} .product-class-section1 .class_box:hover p{display: block;} .product-class-section1 .class_box:hover .ico_class{display: none;} .product-class-section3 #ulTabr{border-bottom:1px solid #E5EAF1;overflow: hidden;line-height:40px;} .product-class-section3 #ulTabr li{float:left;cursor: pointer;font-size:18px;margin:0 7%;} .product-class-section3 #ulTabr li.cur{border-bottom:3px solid #3986EE;color:#3986EE;} .product-class-section3 #xtDesc{overflow: hidden;margin-top:40px;} .product-class-section3 #xtDesc .list{margin:0 20px;} .product-class-section3 #xtDesc .list h4{font-size:26px;margin-top:50px;} .product-class-section3 #xtDesc .list p{color:#7b7b86;font-size:16px;padding:30px 0;} .product-class-section3 #xtDesc img{width:100%;} .cloudVideo-class-bg-0{background:#181931 url(../image/cloudVideo-class-bg-0.jpg) center center no-repeat;} .cloudVideo-class-bg-1{background:#181931 url(../image/cloudVideo-class-bg-1.jpg) center center no-repeat;} .cloudVideo-class-bg-2{background:#181931 url(../image/cloudVideo-class-bg-2.jpg) center center no-repeat;} /* 云会 */ .product-meet-banner{background:#181931 url(../image/banner-product-meet.jpg) center center no-repeat;} .product-meet-des .list{margin:0 20px;color:#fff;box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);border-radius: 8px;min-height:220px;padding:40px 30px;} .product-meet-des .list:hover{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.06);} .product-meet-des .list h4{font-size:20px;text-align:center;} .product-meet-des .list h4.sm-title{font-size:18px;padding-top:10px;} .product-meet-des .list p{font-size:16px;line-height:24px;padding:30px 0 40px 0;height:72px;overflow: hidden;} .product-meet-des .list1{background: linear-gradient(135deg, #0BBAFB, #236EFF);} .product-meet-des .list2{background: linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);} .product-meet-des .list3{background: linear-gradient(135deg, #7CD6FF, #24A9FF);} .product-meet-des .list4{background: linear-gradient(135deg, #F7CB6B, #FBA980);} .product-meet-des .list5{background: linear-gradient(-45deg, #7683D9, #D8A0FE);} .product-meet-des .list6{background: linear-gradient(135deg, #FF887C, #B6325F);} .product-meet-des .meetBtn a{margin:0 auto;background: none;border:1px solid #fff;color:#fff;} .product-meet-des .list:hover .meetBtn a{background:#fff;color:#3986EE;} /* 产品服务20210630--》 */ /* 解决方案 --<<*/ /* 企业培训 */ .solution-training-banner{background:#181931 url(../image/banner-solution-training.jpg) center center no-repeat;} .solution-training-des .list{margin-bottom:40px;min-height:175px;} .solution-training-des .list p{height:auto;padding-top:20px;padding-bottom:0px;} .solution-training-des1 .list{margin:0 20px;padding:50px 40px;color:#fff;font-size:14px;line-height:24px;min-height:135px;border-radius: 8px;} .solution-training-des1 .list1{background:url(../image/solution-training-img1.png) 0 0 no-repeat;background-size: cover;} .solution-training-des1 .list2{background:url(../image/solution-training-img2.png) 0 0 no-repeat;background-size: cover;} .solution-training-des1 .list h4{font-size:18px;padding:10px 0 10px 40px;} .solution-training-des1 .list p{margin-top:10px;min-height:72px;} .solution-training-des1 .list1 h4{background:url(../image/solution-training-img3.png) left center no-repeat;} .solution-training-des1 .list2 h4{background:url(../image/solution-training-img4.png) left center no-repeat;} .solution-training-black ul li i,.solution-training-black ul li span{background-image: url(../image/solution-training-icon.png);} .solution-training-bg-0 {background: #181931 url(../image/solution-training-bg-0.jpg) center center no-repeat;} .solution-training-bg-1 {background: #181931 url(../image/solution-training-bg-1.jpg) center center no-repeat;} .solution-training-bg-2 {background: #181931 url(../image/solution-training-bg-2.jpg) center center no-repeat;} .solution-training-des2,.solution-training-des1{overflow:hidden;} .solution-training-des2 .list{margin:0 20px;padding:30px 20px;color:#fff;font-size:14px;line-height:24px;min-height:205px;text-align:center;border-radius:8px;transition:All 0.4s ease-in-out;-webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .solution-training-des2 .list h4{font-size:18px;margin-top:65px;} .solution-training-des2 .list h5{font-size:16px;padding:15px 0 10px 0;} .solution-training-des2 .list p{font-size:14px;line-height:24px;height:90px;display: none;text-align: left;} .solution-training-des2 .list1{background:url(../image/solution-training-img5.png) 0 0 no-repeat;background-size: cover;} .solution-training-des2 .list2{background:url(../image/solution-training-img6.png) 0 0 no-repeat;background-size: cover;} .solution-training-des2 .list3{background:url(../image/solution-training-img7.png) 0 0 no-repeat;background-size: cover;} .solution-training-des2 .list4{background:url(../image/solution-training-img8.png) 0 0 no-repeat;background-size: cover;} .solution-training-des2 .list5{background:url(../image/solution-training-img9.png) 0 0 no-repeat;background-size: cover;} .solution-training-des2 .list6{background:url(../image/solution-training-img10.png) 0 0 no-repeat;background-size: cover;} .solution-training-des2 .list .meetBtn a{margin:0 auto;color:#fff;background: rgba(255,255,255,0.4);display: none;} .solution-training-des2 .list:hover p{display: block;} .solution-training-des2 .list:hover h4{margin-top:0px;} .solution-training-des2 .list:hover .meetBtn a{display: block;} .solution-training-des2 .list .meetBtn a:hover{background:#3986EE;} /* 政府-电子政务 */ .solution-e-commerce-banner{background:#181931 url(../image/banner-solution-e-commerce.jpg) center center no-repeat;} .solution-e-commerce-box1{background:url(../image/solution-e-commerce-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-e-commerce-box2{background:url(../image/solution-e-commerce-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-e-commerce-box3{background:url(../image/solution-e-commerce-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-e-commerce-box4{background:url(../image/solution-e-commerce-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-e-commerce-des1 .list a{color:#fff;} .solution-e-commerce-des1 .list h4{background:none;padding-left:0px;text-align: center;font-size:24px;} .solution-e-commerce-des1 .list1{background: url(../image/solution-e-commerce-des1.png) 0 0 no-repeat;background-size: cover;} .solution-e-commerce-des1 .list2{background: url(../image/solution-e-commerce-des2.png) 0 0 no-repeat;background-size: cover;} /* 活动会展-年会直播 */ .solution-activity-annuallive-banner{background:#181931 url(../image/banner-solution-activity-annuallive.jpg) center center no-repeat;} .solution_activity_img img{width:100%;} .solution_activity_img .list{margin:0 20px;} .solution-activity-box1{background:url(../image/solution-activity-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-activity-box2{background:url(../image/solution-activity-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-activity-box3{background:url(../image/solution-activity-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-activity-box4{background:url(../image/solution-activity-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} /* 展会直播 */ .solution-exhibition-banner{background:#181931 url(../image/banner-solution-exhibition.jpg) center center no-repeat;} .solution-exhibition-bg-0 {background: #181931 url(../image/solution-exhibition-bg-0.jpg) center center no-repeat;} /* 医药-科室会 */ .solution-medical-section-banner{background:#181931 url(../image/banner-solution-medical-section.jpg) center center no-repeat;} .solution-medical-box1,.solution-medical-box1:hover{background:url(../image/solution-e-commerce-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 195px 205px, center center;background-size: 35% auto, 100% 100%;margin:0 20px;min-height:200px;} .solution-medical-box2,.solution-medical-box2:hover{background:url(../image/solution-e-commerce-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 195px 205px, center center;background-size: 35% auto, 100% 100%;margin:0 20px;min-height:200px;} .solution-medical-box3,.solution-medical-box3:hover{background:url(../image/solution-medical-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 195px 205px, center center;background-size: 35% auto, 100% 100%;margin:0 20px;min-height:200px;} .solution-medical-des1 .list1{background: url(../image/solution-medical-img4.png) 0 0 no-repeat;background-size: cover;} .solution-medical-des1 .list2{background: url(../image/solution-medical-img5.png) 0 0 no-repeat;background-size: cover;} .solution-medical-des1 .list{padding:40px;} .solution-medical-des1 .list .meetBtn a,.solution-e-commerce-des1 .list .meetBtn a{margin:0 auto;background: rgba(255,255,255,0.4);color:#fff;} .solution-medical-des1 .list:hover .meetBtn a,.solution-e-commerce-des1 .list:hover .meetBtn a{background:#3986EE;} .solution-medical-des1 .list .meetBtn,.solution-e-commerce-des1 .list .meetBtn{margin-top:30px;} .solution-medical-des1 h4{text-align: center;background: none!important;padding:0 0 12px 0!important;font-size:24px!important;} .service-medical-des h4{margin-top:60px;} /* 学术研讨 */ .solution-medical-academic-banner{background:#181931 url(../image/banner-solution-medical-academic.jpg) center center no-repeat;} /* 手术直播 */ .solution-surgery-academic-banner{background:#181931 url(../image/banner-solution-medical-surgery.jpg) center center no-repeat;} /* 教培 */ .solution-pta-desc .list h4{font-size:24px;margin-top:80px;} .solution-pta-desc .list:hover h4{padding:20px 0;} .solution-training-pta-banner{background:rgb(194, 191, 191) url(../image/solution-training-pta-surgery.jpg) center center no-repeat;} .solution-training-pay-banner{background:#181931 url(../image/solution-training-pay-surgery.jpg) center center no-repeat;} .solution-medical-air-banner{background:#181931 url(../image/solution-medical-air.jpg) center center no-repeat;} .solution-openClass-banner{background:#181931 url(../image/solution-openClass-banner.jpg) center center no-repeat;} .training-pta-bg-0{background:#181931 url(../image/training-pta-bg-0.jpg) center center no-repeat;} .solution-payClass-box1,.solution-payClass-box1:hover{background:url(../image/solution-payClass-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 195px 205px, center center;background-size: 35% auto, 100% 100%;margin:0 20px;min-height:200px;} .solution-payClass-box2,.solution-payClass-box2:hover{background:url(../image/solution-e-commerce-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 195px 205px, center center;background-size: 35% auto, 100% 100%;margin:0 20px;min-height:200px;} .solution-payClass-des1 .list1{background: url(../image/solution-payClass-img1.png) 0 0 no-repeat;background-size: cover;} .solution-payClass-des1 .list2{background: url(../image/solution-payClass-img2.png) 0 0 no-repeat;background-size: cover;} .solution-payClass-des1 .list a{color:#fff;} .solution-payClass-des1 .list h4{text-align:left;font-size:20px!important;} .solution-payClass-des1 .list{min-height:80px;} .solution-air-box4 {background:url(../image/solution-air-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 248px, center center;background-size: 38% auto, 100% 100%;} .solution-air-bg-0{background:#181931 url(../image/solution-air-bg-0.jpg) center center no-repeat;} .solution-air-bg-1{background:#181931 url(../image/solution-air-bg-1.jpg) center center no-repeat;} .solution-air-bg-2{background:#181931 url(../image/solution-air-bg-2.jpg) center center no-repeat;} .air-bg-steps{background:url(../image/air-bg-steps.png) no-repeat center center;background-size:1920px 400px;} .air-steps-padding{padding:20px 0;text-align: center;} .solution-air-des1 .list a{color:#fff;} .solution-air-des1 .list .meetBtn a{margin:0 auto;background: rgba(255,255,255,0.4);color:#fff;display: none;} .solution-air-des1 .list .meetBtn a:hover{background:#3986ee;} .solution-air-des1 .list:hover p{display:block;} .solution-air-des1 .list:hover h4{padding-top:40px;} .solution-air-des1 .list:hover .meetBtn a{display:block;} .solution-air-des1 .list{padding:10px 40px;margin-bottom:30px;min-height:192px;} .solution-air-des1 .list h4{background:none;text-align: center;padding:0px;font-size:24px;padding-top:80px;} .solution-air-des1 .list p{display: none;height:58px;} .solution-air-des1 .list1 {background: url(../image/solution-air-img4.png) 0 0 no-repeat;background-size: cover;} .solution-air-des1 .list2 {background: url(../image/solution-air-img5.png) 0 0 no-repeat;background-size: cover;} .solution-air-des1 .list3 {background: url(../image/solution-air-img6.png) 0 0 no-repeat;background-size: cover;} .solution-air-des1 .list4 {background: url(../image/solution-air-img7.png) 0 0 no-repeat;background-size: cover;} .solution-openClass-bg-0{background:#181931 url(../image/solution-openClass-bg-0.jpg) center center no-repeat;} .solution-openClass-bg-1{background:#181931 url(../image/solution-openClass-bg-1.jpg) center center no-repeat;} .solution-openClass-bg-2{background:#181931 url(../image/solution-openClass-bg-2.jpg) center center no-repeat;} .solution-training-pay-black ul li i, .solution-training-pay-black ul li span {background-image: url(../image/solution-pay-icon.png);} .solution-openClass-black ul li i, .solution-openClass-black ul li span {background-image: url(../image/solution-openClass-icon.png);} /* 金融 */ .solution-finance-webinars-banner{background:#181931 url(../image/solution-finance-webinars.jpg) center center no-repeat;} .solution-finance-pdie-banner{background:#181931 url(../image/solution-finance-pdie.jpg) center center no-repeat} .solution-finance-live-banner{background:#181931 url(../image/solution-finance-live.jpg) center center no-repeat} .solution-webinars-des1 .list1{background: url(../image/solution-webinars-img1.png) 0 0 no-repeat;background-size: cover;} .solution-webinars-des1 .list2{background: url(../image/solution-webinars-img2.png) 0 0 no-repeat;background-size: cover;} .solution-webinars-des1 h4{text-align: left;font-size:20px!important;} .solution-webinars-des1 p{margin-top:0px!important;height:45px;line-height: 20px;} .solution-webinars-des1 .list .meetBtn{margin-top:10px!important;} .solution-webinars-des1 .list{padding:35px 40px;} .solution-webinars-des1 .list .meetBtn a{margin:inherit;} .solution-pdie-box1,.solution-pdie-box1:hover{background:url(../image/solution-pdie-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-pdie-box2,.solution-pdie-box2:hover{background:url(../image/solution-pdie-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-pdie-box3,.solution-pdie-box3:hover{background:url(../image/solution-pdie-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-pdie-box4,.solution-pdie-box4:hover{background:url(../image/solution-pdie-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 255px, center center;background-size: 38% auto, 100% 100%;} .solution-live-bg-0{background:#181931 url(../image/solution-live-bg-00.jpg) center center no-repeat;} .solution-live-bg-1{background:#181931 url(../image/solution-live-bg-1.jpg) center center no-repeat;} .solution-live-bg-2{background:#181931 url(../image/solution-openClass-bg-1.jpg) center center no-repeat;} .solution-live-black ul li i, .solution-live-black ul li span {background-image: url(../image/solution-live-icon.png);} /* 体制内教育 */ .solution-teacherClass-banner{background:#181931 url(../image/solution-teacherClass-banner.jpg) center center no-repeat;} .solution-mailClass-banner{background:#181931 url(../image/solution-mailClass-banner.jpg) center center no-repeat;} .solution-teacherClass-des1 .list{min-height:100px;} .solution-teacherClass-des1 .list a{color:#fff;} .solution-teacherClass-des1 .list h4{text-align: left;font-size:20px!important;} .solution-teacherClass-des1 .list1{background: url(../image/solution-teacherClass-img1.png) 0 0 no-repeat;background-size: cover;} .solution-teacherClass-des1 .list2{background: url(../image/solution-teacherClass-img2.png) 0 0 no-repeat;background-size: cover;} .solution-teacherClass-des1 .list3{background: url(../image/solution-teacherClass-img3.png) 0 0 no-repeat;background-size: cover;margin-top:40px;} .solution-teacherClass-des1 .list4{background: url(../image/solution-teacherClass-img4.png) 0 0 no-repeat;background-size: cover;margin-top:40px;} .solution-teacherClass-des1 .list5{background: url(../image/solution-teacherClass-img5.png) 0 0 no-repeat;background-size: cover;} .solution-teacherClass-des1 .list6{background: url(../image/solution-teacherClass-img6.png) 0 0 no-repeat;background-size: cover;} .solution-teacherClass-des1 .list7{background: url(../image/solution-teacherClass-img7.png) 0 0 no-repeat;background-size: cover;margin-top:40px;} .solution-teacherClass-des1 .list8{background: url(../image/solution-teacherClass-img8.png) 0 0 no-repeat;background-size: cover;margin-top:40px;} .solution-onlineClass-banner{background:#181931 url(../image/solution-onlineClass-banner.jpg) center center no-repeat;} .solution-onlineClass-box1 {background:url(../image/solution-onlineClass-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 258px, center center;background-size: 38% auto, 100% 100%;} .solution-onlineClass-box2 {background:url(../image/solution-onlineClass-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 258px, center center;background-size: 38% auto, 100% 100%;} .solution-onlineClass-box3 {background:url(../image/solution-onlineClass-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 258px, center center;background-size: 38% auto, 100% 100%;} .solution-onlineClass-box4 {background:url(../image/solution-onlineClass-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 248px, center center;background-size: 38% auto, 100% 100%;} .solution-mailClass-box1 {background:url(../image/solution-mailClass-box1.png) no-repeat, linear-gradient(135deg, #0BBAFB, #236EFF);background-position: 145px 258px, center center;background-size: 38% auto, 100% 100%;} .solution-mailClass-box2 {background:url(../image/solution-e-commerce-box2.png) no-repeat, linear-gradient(135deg, #84F5DE, #56E8F2, #4CC5F8);background-position: 145px 258px, center center;background-size: 38% auto, 100% 100%;} .solution-mailClass-box3 {background:url(../image/solution-e-commerce-box3.png) no-repeat, linear-gradient(135deg, #7CD6FF, #24A9FF);background-position: 145px 258px, center center;background-size: 38% auto, 100% 100%;} .solution-mailClass-box4 {background:url(../image/solution-air-box4.png) no-repeat, linear-gradient(135deg, #F7CB6B, #FBA980);background-position: 145px 252px, center center;background-size: 38% auto, 100% 100%;} .solution-onlineClass-black ul li i,.solution-onlineClass-black ul li span{background-image: url(../image/solution-onlineClass-icon.png);} /* 20210901---PYF---空中学校 */ .air-school-height40{height:40px;} .air-school-height20{height:20px;} .localized-bg-f2f7fe{background:#f2f7fe;} .product-advantage-desc .list h4.airschool-blue-title,.solution-airschool-model h4.airschool-blue-title{color:#3986EE;} .solution-airschool-banner{background:#181931 url(../image/solution-airschool-banner.jpg) center center no-repeat;} .solution-airschool-desc .list{border-radius: 10px;padding:20px 60px 0px 60px;margin:0 20px;background:#F2F7FE url(../image/solution-airschool-ico.png) no-repeat;border-right:none;} .solution-airschool-desc .list:hover{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.02);} .solution-airschool-desc .tex{background-position: right 52px;} .solution-airschool-desc .tex1{background-position: right -150px;} .solution-airschool-model{background: #F2F7FE;border-radius: 10px;margin:50px 20px 0px 20px;padding:40px 25px;} .solution-airschool-model .solution-airschool-part{display: flex;display: -ms-flex;} .solution-airschool-model .solution-airschool-item{border-radius:10px;color:#fff;flex:1;-ms-flex: 1;padding:35px 30px;margin:0 5px;position:relative;} .solution-airschool-model .solution-airschool-item:hover{transform:translate(0,-6px);-webkit-transform:translate(0,-6px);-moz-transform:translate(0,-6px);-o-transform:translate(0,-6px);-ms-transform:translate(0,-6px);} .solution-airschool-model .solution-airschool-item i{position: absolute;width:90px;height:100px;right:-10px;bottom:-20px;background:url(../image/solution-airschool-ico1.png) no-repeat;} .solution-airschool-model .solution-airschool-item h5{font-size:18px;padding-bottom:5px;} .solution-airschool-model .airschool-blue-title{max-width: 80%;margin:0 auto;text-align:center;font-size:20px;margin-bottom:25px;} .solution-airschool-item1{background: linear-gradient(90deg, #236EFF 0%, #0BBAFB 100%);} .solution-airschool-item2{background: linear-gradient(90deg, #02DAB6 0%, #45EDD1 100%);} .solution-airschool-item3{background: linear-gradient(90deg, #FF8322 0%, #FFC180 100%);} .solution-airschool-item4{background: linear-gradient(90deg, #E13D3D 0%, #FF8484 100%);} .solution-airschool-item5{background: linear-gradient(90deg, #785CB6 0%, #C377EF 100%);} .solution-airschool-model .solution-airschool-item1 i{background-position: 0 8px;} .solution-airschool-model .solution-airschool-item2 i{background-position: 0 -88px;} .solution-airschool-model .solution-airschool-item3 i{background-position: 0 -176px;} .solution-airschool-model .solution-airschool-item4 i{background-position: 0 -270px;} .solution-airschool-model .solution-airschool-item5 i{background-position: 0 -352px;} .solution-airschool-card .card{margin:0 20px;text-align: center;position:relative;} .solution-airschool-card .card i{background:url(../image/solution-airschool-more.png) no-repeat;position: absolute;right:-30px;top:180px;width:20px;height:13px;} .solution-airschool-card .card2 i{top:260px;} .solution-airschool-card .card p{height:50px;line-height:50px;border-radius:8px;margin:10px 0;font-size:16px;transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out;-moz-transition:All 0.4s ease-in-out;-o-transition:All 0.4s ease-in-out;} .solution-airschool-card .card p:hover{box-shadow: 0px 16px 16px 0px rgba(55, 69, 103, 0.04);font-weight:700;opacity: 0.8;transform:translate(0,-1px);-webkit-transform:translate(0,-1px);-moz-transform:translate(0,-1px);-o-transform:translate(0,-1px);-ms-transform:translate(0,-1px);} .solution-airschool-card .card p.title{color:#fff;font-size:18px;margin:30px 0;} .solution-airschool-card .card p.title1{background:#3986EE;color:#fff;font-size:20px;} .solution-airschool-card .card1 p{background:#c7dfff;color:#006cff;} .solution-airschool-card .card1 p.title{background:#3986ee;} .solution-airschool-card .card2 p{background:#ccf1db;color:#00b849;} .solution-airschool-card .card2 p.title{background:#00b849;} .solution-airschool-card .card3 p{background:#fff6e5;color:#ffa800;} .solution-airschool-card .card3 p.title{background:#ffa800;} .solution-airschool-card .card4 p{background:#e8f2ff;color:#009cff;} .solution-airschool-card .card4 p.title{background:#009cff;} /* 解决方案 --<<*/ /* 关于我们20210708--<< */ .about-why-banner{background:#181931 url(../image/banner-about-why.jpg) center center no-repeat;} .about-honour-desc{position: relative;} .about-honour-desc .picture {width: 100%;position: relative;height: 320px;overflow: hidden;background: url(../image/why-accept-picture.png) repeat-x left center;-webkit-animation: scrollToUp 30s linear infinite;animation: scrollToUp 30s linear infinite;-webkit-backface-visibility: hidden;background-size: 3490px 320px;} .about-honour-desc .picture:hover {-webkit-animation-play-state: paused;animation-play-state: paused} @-webkit-keyframes scrollToUp { 0% { background-position: 0 0 } 100% { background-position: -3490px 0 } } @keyframes scrollToUp { 0% { background-position: 0 0 } 100% { background-position: -3490px 0 } } .about-data-msg{width:70%;margin:0 auto;text-align: left;font-size:16px;line-height:24px;text-align: left;} .about-data-desc{background:url(../image/why-map.png) center center no-repeat;background-size: 1200px 356px;height:300px;padding:28px 200px;margin-top:50px;} .about-data-desc h4{color:#3986EE;font-size:24px;font-weight:inherit;} .about-data-desc h4 b{font-size:56px;font-family: arial;} .about-data-desc div:nth-child(2) .list{margin-top:80px;} .about-data-desc div:nth-child(3) .list{margin-top:50px;} /* 20210809 */ .box-width-img{width:100%;border-radius: 8px;} .about-info-tex{line-height:22px;} .about-info-tex p .blue{color:#3986EE;} .about-info-section{margin:0 20px;} .about-warp-section .row{position: relative;padding:30px 0;} .about-warp-section .row::after{content: '';background:url(../image/about-douhao-left.png) 0 0 no-repeat;width:98px;height:85px;position:absolute;left:-40px;top:-20px;z-index:-1;} .about-warp-section .row::before{content: '';background:url(../image/about-douhao-right.png) 0 0 no-repeat;width:98px;height:85px;position: absolute;right:-40px;bottom:-20px;z-index:-1;} .about-history-bg{background: #f5f8ff url(../image/about-history-bg.jpg) center bottom no-repeat;background-size: 1920px 2500px;} .about-history-more{text-align:center;font-size:18px;color:#3E89EF;padding:50px 0 0 0;cursor: pointer;} .team-section-bg{background: #2e7ae8 url(../image/team-section-bg.jpg) center center no-repeat;background-size: 1920px 100%;} .team-culture-section .blog-list{background: #fff;border-radius:8px;border:none;} .team-culture-section .blog-list .txt{border:none;} .team-culture-section .swiper-pagination{bottom:0px!important;} .team-culture-section .swiper-pagination-bullet-active{background:#fff!important;} /* 大事件时间轴 */ .timeline {position: relative;max-width: 840px;margin: 0 auto;padding-top: 20px;background-color: inherit;} .timeline:after {content: '';position: absolute;width: 5px;background-color: #B3D1FF;left: 50%;top: 0;bottom: 0;margin-left: -2px;} .timeline--first:after {top: 20px;} .entry {padding: 15px 20px 0px 20px;width: 42%;position: relative;background-color: inherit;} .entry--left{text-align: right;} .entry--right { margin-left: 53%;} .entry__content {position: relative;} .entry__content h4{padding-bottom:5px;font-size:30px;font-weight:700;font-family: Arial;} .entry__content p{color:#464964;font-size:16px;} .entry:before {content: " ";height: 0;position: absolute;top: 20px;width: 0;z-index: 1;} .entry:after {content: '';position: absolute;width: 8px;height: 8px;right: -34.25px;background-color: white;border: 3px solid #3986ee;top: 24px;border-radius: 50%;z-index: 1;} .entry--right:after {right: auto;left: -31.25px;} /* 关于我们-新闻中心 */ .newsAggr-section .news-cardlist{margin:0 20px;position: relative;} .newsAggr-section .news-cardlist::before{content: '';background:url(../image/about-news-right.png) 0 0 no-repeat;width:419px;height:115px;position: absolute;right:0;bottom:0;z-index:-1;} .newsAggr-section .news-cardlist li {border-bottom:1px solid #E5EAF1;} .newsAggr-section .news-cardlist li a {display: block; position: relative;padding: 32px 36px 32px 185px; font-size: 0; line-height: 44px;} .newsAggr-section .news-cardlist li a:before { content: ""; position: absolute; top: 32px; bottom: 32px; left: 185px; margin: 0; border-right: 1px solid #E5EAF1; } .newsAggr-section .news-cardlist li a .news-cardlist-date { position: absolute; top: 0; left: 0; bottom: 0; width: 138px; height: 44px; margin: auto 47px auto 0; color: #181931; } .newsAggr-section .news-cardlist li a .news-cardlist-date:before { content: ""; display: block; position: absolute; top: 12px; right: 40px; height: 22px; border-right: solid 1px #7B7B86; transform-origin: right top; transform: rotate(20deg); } .newsAggr-section .news-cardlist li a .news-cardlist-date .news-cardlist-date-day { position: absolute; top: 0; right: 46px; font-size: 40px; line-height: 40px; text-align: right; } .newsAggr-section .news-cardlist li a .news-cardlist-date .news-cardlist-date-day span { display: none; } .newsAggr-section .news-cardlist li a .news-cardlist-date .news-cardlist-date-month { position: absolute; top: 0; right: 0; font-size: 16px; line-height: 24px; text-align: right; } .newsAggr-section .news-cardlist li a .news-cardlist-date .news-cardlist-date-year { position: absolute; top: 28px; right: 0; font-size: 14px; line-height: 14px; text-align: right; } .newsAggr-section .news-cardlist li a .news-cardlist-content { display: inline-block; vertical-align: middle;padding-left: 52px; } .newsAggr-section .news-cardlist li a .news-cardlist-content .news-cardlist-title { font-weight: 700; font-size: 18px; line-height: 22px; color: #181931; overflow: hidden; text-overflow: ellipsis; transition: .2s; } .newsAggr-section .news-cardlist li a .news-cardlist-content .news-cardlist-paragraph { max-height: 44px; font-size: 14px; line-height: 22px; color: #7B7B86; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .newsAggr-section .news-cardlist li a .news-cardlist-content .news-cardlist-title + .news-cardlist-paragraph { margin-top: 8px; } .newsAggr-section .news-cardlist li a:hover .news-cardlist-title { color: #3986ee !important; } .newsAggr-section .news-cardlist li .link { position: absolute; right: 40px; bottom: 20px; font-size: 14px; line-height: 22px; } /* 关于我们20210708--》 */ /* 首页我们的客户--》 */ .pc-customer p{padding:15px 20px;} .pc-customer p:hover{background: #f9faff;} /* 首页我们的客户--》 */ /*2021-lxg*/ /*Banner优势*/ .index-advantage{position: absolute;bottom:-20px;width: 100%;} .index-advantage ul{display: block;background-color: #fff;box-shadow:rgba(0,0,0,0.2) 4px 4px 10px;height: 100px;border-radius:8px;} .index-advantage ul li{height:42px;display: block;width:33%;float: left;text-align: center;margin-top:32px;border-right:1px solid #dddddd;line-height:42px;font-size: 18px;} .index-advantage ul li:nth-child(3){border:none;} .index-advantage ul li i{width:30px;height: 30px;background-image: url(../image/index-advantage-icon.png);background-size:30px 90px;display:inline-block;vertical-align: middle;background-repeat: no-repeat;} .index-advantage ul li i.icon1{background-position: 0 0;} .index-advantage ul li i.icon2{background-position: 0 -30px;} .index-advantage ul li i.icon3{background-position: 0 -60px;} /*首页产品*/ .index-products{padding-top:80px;padding-bottom:0px;} .index-products .item{position: relative;box-sizing: border-box;background-color: #0063E9;height: 280px;background-color: #8A8E99;margin:12px;background-size:100%;-webkit-transition-property:background-size;-webkit-transition-duration:0.3s;-webkit-transition-timing-function: ease;background-position: center center;border-radius:8px;overflow: hidden;} .index-products .item:hover{background-size:110%;-webkit-transition-property:background-size;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;} .index-products .item:hover .footer-bar a.btn{background-color: #0063E9;color: #fff;} .index-products .item .con{position: absolute;width: 100%;height: 100%;background:rgba(0,24,75,0.6);color: #fff;box-sizing: border-box;padding: 24px;-webkit-transition-property:background;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .index-products .item:hover .con{background:rgba(0,24,75,0.8);-webkit-transition-property:background;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;background-position: center center} .index-products .item .con h2{color: #fff;font-size:24px;text-align: left;margin:16px 0 0 0;padding: 0;font-weight:800;-webkit-transition-property:font-size;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .index-products .item:hover .con h2{font-size:28px;-webkit-transition-property:font-size;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .index-products .item .con .slogan,.index-products .item .con .desc{padding-top: 16px;} .index-products .item .con .slogan{border-bottom:1px solid rgba(255,255,255,0.4);padding-bottom:16px;} .index-products .item .tag{background-color:rgba(0,0,0,0.4);padding:10px 10px 10px 26px;color: #464964;} .index-products .item .tag i{display: inline-block;padding:0 10px;border-right:1px solid #8A8E99;line-height:16px;font-style: normal;color: #e7eeff;} .index-products .item .tag i:first-child{padding-left:0;} .index-products .item .tag i:last-child{border:none} .index-products .item .footer-bar{position: absolute;bottom: 0;left:0;width:100%;z-index:10;} .index-products .item .footer-bar a.btn{width: 100%;height: 45px;line-height: 45px;text-align: center;background-color: #e7eeff;color: #3986ee;font-size:14px;display:block;} .index-products .item .footer-bar a.btn:hover{background-color: #3986ee;color: #fff;} .index-products .item-vison{height:580px;background-image:url(../image/index-products-bg-ys.jpg);background-repeat: no-repeat;background-position: center top;background-color: #fff;} .index-products .item-vison .con .slogan{border: none;} .index-products .item-vison .con h2{padding-top: 180px;} .index-products .item-vison .tag{background:none;padding:0;border: none;} .index-products .item-vison .tag i{color: #fff;} .index-products .item-yb{background-image:url(../image/index-products-bg-hard.jpg);} .index-products .item-qyyx{background-image:url(../image/index-products-bg-yxx.jpg);} .index-products .item-zjyx{background-image:url(../image/index-products-bg-zjyx.jpg);} .index-products .item-ywg{background-image:url(../image/index-products-bg-ywg.jpg);} .index-products .item-ygd{background-image:url(../image/index-products-bg-ygd.jpg);} .index-products .item-bdgd{background-image:url(../image/index-products-bg-bdgd.jpg);} .index-products .item-yjhhy{background-image:url(../image/index-products-bg-yjhhy.jpg);} .index-products .item-hard{background-image:url(../image/index-products-bg-yb.jpg);} .index-products .item-mail{background-image:url(../image/index-products-bg-mail.jpg);margin-top:20px;} .index-products .item-meet{background-image:url(../image/index-products-bg-meet.jpg);margin-top:20px;} .index-products .item-web{background-image:url(../image/index-products-bg-web.jpg);margin-top:20px;} /*解决方案*/ .index-solutions{width: ;} .index-solutions .item{margin: 12px;border:1px solid #e1e6f0;box-sizing: border-box;position: relative;height:260px;padding:30px;border-radius: 8px;overflow: hidden;transition: All 0.4s ease-in-out;-webkit-transition: All 0.4s ease-in-out;-moz-transition: All 0.4s ease-in-out;-o-transition: All 0.4s ease-in-out;} .index-solutions .item:hover{box-shadow: 0px 0px 14px 0px rgba(95, 126, 209, 0.2); transform: translate(0, -2px);-webkit-transform: translate(0, -2px);-moz-transform: translate(0, -2px);-o-transform: translate(0, -2px);-ms-transform: translate(0, -2px);} .index-solutions .item h2{font-size:20px;margin:0;width: 100%;text-align: left;padding-bottom:16px;border-bottom: 1px solid #e1e6f0;margin-bottom:20px;} .index-solutions .item h2 i{display: inline-block;width:25px;height:25px;background-image: url(../image/index-solutions-icons.png);background-size:25px 250px;background-repeat:no-repeat;vertical-align: middle;padding:0; margin-right:8px;} .index-solutions .item h2 i.icon-1{background-position: 0 0;} .index-solutions .item h2 i.icon-2{background-position: 0 -25px;} .index-solutions .item h2 i.icon-3{background-position: 0 -50px;} .index-solutions .item h2 i.icon-4{background-position: 0 -75px;} .index-solutions .item h2 i.icon-5{background-position: 0 -100px;} .index-solutions .item h2 i.icon-6{background-position: 0 -125px;} .index-solutions .item .desc b{color: #181931;font-size:16px;} .index-solutions .item .desc{color: #7b7b86;line-height:24px;} .index-solutions .item .footer-bar{position: absolute;bottom:0;left:0;height: 46px;width: 100%;} .index-solutions .item .footer-bar a{width: 50%;float: left;height: 46px;text-align: center;line-height: 46px;} .index-solutions .item .footer-bar a.btn-more{background-color: #e7eeff;color: #3986ee;} .index-solutions .item .footer-bar a.btn-chat{background-color: #3986ee;color: #fff;} .index-solutions .item .footer-bar a.btn-chat:hover{background-color: #0054dd;} /*场景*/ .index-scenes .left-img{background-size:100%;} .index-scenes .left-img li{height: 450px;background-position: right top;border-radius:8px 0 0 8px;box-sizing:border-box;color: #fff;padding: 36px 60px;position: relative;display: none;} .index-scenes .left-img li h2{text-align: left;color: #fff;font-size: 24px;width: 100%;padding:64px 0 0 0;font-weight: bold;} .index-scenes .left-img li p{text-align: left;color: #fff;font-size:16px;padding:18px 0} .index-scenes .left-img li .logo{width:160px;position: absolute;right:60px;bottom:40px;} .index-scenes .left-img li.img1{background-image:url(../image/index-scenes-img-1.jpg);} .index-scenes .left-img li.img2{background-image:url(../image/index-scenes-img-2.jpg);} .index-scenes .left-img li.img3{background-image:url(../image/index-scenes-img-3.jpg);} .index-scenes .left-img li.img4{background-image:url(../image/index-scenes-img-4.jpg);} .index-scenes .left-img li .tag a{background-color:rgba(57,134,238,0.3);display: inline-block;border-radius: 4px;padding: 4px 16px;color: #fff;font-size:12px; margin-top:8px;} .index-scenes .left-img li .tag a:hover{background-color: #0054dd;} .index-scenes .left-img li .footer-bar {position: absolute;bottom:64px;left:60px;} .index-scenes .left-img li .footer-bar a{display:inline-block;background-color: #3986ee;padding: 1px 1px;font-size: 16px;color: #fff;border-radius: 4px;margin-top: 64px;} .index-scenes .left-img li .footer-bar a:hover{background-color: #0054dd;} .index-scenes .right-nav{height: 450px;background-color:#e7eeff;border-radius: 0 8px 8px 0;position: relative;} .index-scenes .right-nav ul{position: absolute;bottom: 0;right: 0;width:70%;} .index-scenes .right-nav ul li{height: 60px;border-bottom: 1px solid #e1e6f0;text-align: center;line-height: 60px;font-size:16px;border-radius:8px 0 0 8px;background-color:rgba(57,134,238,0);-webkit-transition-property:background-color;-webkit-transition-duration:0.1s;-webkit-transition-timing-function: ease;cursor: pointer;} .index-scenes .right-nav ul li:hover{background-color:rgba(57,134,238,0.05);-webkit-transition-property:background-color;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;color: #3986ee;} .index-scenes .right-nav ul li.cur{background-color:rgba(57,134,238,1);color: #fff;font-weight: bold;font-size:20px;background-image:url(../image/index-scenes-arrow.png);background-repeat: no-repeat;background-size:30px 15px ;background-position:24px center;-webkit-transition-property:background-color;-webkit-transition-duration:0.1s;-webkit-transition-timing-function: ease;} .index-scenes .right-nav ul a{height:80px;line-height:80px;font-size: 14px;color:#3986ee;margin-left:16px;} .index-scenes .right-nav ul a i{display:inline-block;width: 20px;height: 10px;background-image:url(../image/index-scenes-arrow-blue.png);background-size:100%;vertical-align: middle;margin-left:24px;} /*数据*/ .index-num{} .index-num .item{text-align: center; margin-bottom: 24px;} .index-num .item b{display: block;font-size:56px;color: #3986ee;} .index-num .item b font{font-size:20px;font-weight: normal;} /*荣誉*/ .index-glory{background-image: url(../image/index-scenes-honour-bg.jpg);background-repeat: no-repeat;background-position: center center;background-color: #1a1c38;} .index-glory h2{color: #fff;} .index-glory .item{width:350px;height: 120px;background-image:url(../image/index-scenes-honour-img.png);display:block;margin: 0 auto 24px auto;} .index-glory .item-1{background-position:0 0 ;} .index-glory .item-2{background-position:0 -120px;} .index-glory .item-3{background-position:0 -240px;} .index-glory .item-4{background-position:0 -360px;} .index-glory .item-5{background-position:0 -480px;} .index-glory-icons{background-color: #fff;text-align: center;padding:80px 0 40px 0;} .index-glory-icons .item{text-align: center;margin-bottom:24px;} .index-glory-icons .item span{width:100px;height:80px;background-color: #f7f8fa;border-radius:100px;display:inline-block;padding-top: 20px;margin-bottom:24px;} .index-glory-icons .item span i{background-image:url(../image/index-scenes-honour-icons.png);display: inline-block;background-size: 60px 240px;width:60px;height: 60px;} .index-glory-icons .item span i.icon-1{background-position:0 0px;} .index-glory-icons .item span i.icon-2{background-position:0 -60px;} .index-glory-icons .item span i.icon-3{background-position:0 -120px;} .index-glory-icons .item span i.icon-4{background-position:0 -180px;} .index-glory-icons .item p{font-size: 16px;padding:0 20px;} /*技术实力*/ .index-technology {} .index-technology .item{width:480px;height:166px;background-size:100%;margin: 0 auto 24px auto;position: relative;border-radius: 8px;overflow: hidden;background-position:center center;-webkit-transition-property:background-size;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;} .index-technology .item h2{font-size:16px;position: absolute;color: #fff;width: 100%;box-sizing: border-box;text-align: left;padding: 0 32px;bottom: 0;background-image: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.8));height:64px;line-height:64px;-webkit-transition-property:font-size background-image;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .index-technology .item-1{background-image:url(../image/index-technology-img1.jpg);} .index-technology .item-2{background-image:url(../image/index-technology-img2.jpg);} .index-technology .item-3{background-image:url(../image/index-technology-img3.jpg);} .index-technology .item-4{background-image:url(../image/index-technology-img4.jpg);} .index-technology a.btn-more{display: inline-block;height: 46px;text-align: center;line-height: 46px;background-color: #3986ee;color: #fff; padding: 0 32px;font-size:16px;border-radius: 46px;margin: 40px 0;} .index-technology a.btn-more:hover{background-color: #0054DD;} .index-technology .item:hover h2{font-size:18px;background-image: linear-gradient(rgba(0,84,221,0),rgba(0,84,221,0.8));-webkit-transition-property:font-size background-image;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;font-weight: bold;} .index-technology .item:hover{background-size: 110%;-webkit-transition-property:background-size;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;} /*地图*/ .index-map{background-image: url(../image/index-map.jpg);background-repeat: no-repeat;background-position: center top;background-color: #0f1122;height: 480px;} .index-map h2{color: #fff;} .index-map .dot-box{position:relative;display: block;} .index-map .dot-box span.line{width:556px;height: 179px;background-size:556px 179px;display: block;background-image:url(../image/index-map-line.png);left:138px;top:24px;position: absolute;} .index-map .dot-box li {position: absolute;width:10px;height: 10px;z-index:10;} .index-map .dot-box li span{display:block;width:10px;height: 10px;position: relative;} .index-map .dot-box li i{-webkit-box-shadow: inset #00a4ff 0 0 5px;box-shadow: inset #00a4ff 0 0 5px;display: inline-block;border-radius: 10px;position: absolute;left:50%;top: 50%;} .index-map .dot-box li i:nth-child(1){width:6px;height: 6px; margin:-3px 0 0 -3px;animation:warn 2s ease-out .1s infinite;} .index-map .dot-box li i:nth-child(2){width:4px;height: 4px; margin:-2px 0 0 -2px;animation:warn 3s ease-out .1s infinite;} .index-map .dot-box li i:nth-child(3){width:2px;height: 2px; margin:-1px 0 0 -1px;animation:warn 2s ease-out .1s infinite;} .index-map .dot-box li i:nth-child(4){width:2px;height: 2px; margin:-1px 0 0 -1px;animation:warn 3s ease-out .1s infinite;} .index-map .dot-box li.dot-0{left: 616px;top:156px;transform: scale(2)} .index-map .dot-box li.dot-0 i{-webkit-box-shadow: inset #fff600 0 0 5px;box-shadow: inset #fff600 0 0 5px;} .index-map .dot-box li.dot-1{left: 237px;top: 32px;transform: scale(0.8)} .index-map .dot-box li.dot-2{left: 350px;top: 196px;transform: scale(1.2)} .index-map .dot-box li.dot-3{left: 134px;top: 179px;transform: scale(1)} .index-map .dot-box li.dot-4{left: 480px;top: 198px;transform: scale(0.6)} .index-map .dot-box li.dot-5{left: 655px;top: 93px;transform: scale(1.2)} .index-map .dot-box li.dot-6{left: 690px;top: 144px;transform: scale(0.8)} @-webkit-keyframes warn { 0% {opacity: 0;-webkit-transform: scale(.1);transform: scale(.1)} 5% {opacity: 8} to {opacity: 0;-webkit-transform: scale(10);transform: scale(10)} } @-webkit-keyframes warn2 { 0% {opacity: 0;-webkit-transform: scale(.1);transform: scale(.1)} 30% {opacity: 6} to {opacity: 0;-webkit-transform: scale(6);transform: scale(6)} } /*新闻*/ .index-news .news-list{border: 1px solid #e4e4e4;box-sizing: border-box;padding: 24px 24px 24px 32px;border-radius:8px;} .index-news .news-list .title{padding:10px 20px 24px 24px;} .index-news .news-list .title b{font-size: 20px;font-weight: normal;} .index-news .news-list .title a{float: right;margin-top: 8px;} .index-news .news-list .item {} .index-news .news-list .item a {margin-bottom: 15px; display: block;padding:0 24px;} .index-news .news-list .item a h4{color: #181931;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;font-weight:400;} .index-news .news-list .item p{overflow: hidden;padding:2px 0;text-overflow:ellipsis;white-space: nowrap;font-size: 14px;color: #7b7b86;} .index-news .news-list .item a:hover h4,.index-news .news-list .item a:hover p{color:#3986ee;} .index-news .news-list .item span{color:#8A8E99;} .index-news .news-list .img{width:100%;} .index-news .news-list .border{border-left: 1px solid #e4e4e4;} .index-news-wx h4{padding-top: 15px; color: #181931;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 400;} .index-news-wx p{line-height: 18px;margin-top: 15px;margin-bottom: 15px; text-overflow: -o-ellipsis-lastline; overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;} /*战略合作*/ .index-cooperate .index-cooperate-bg{height:400px;background:url("../image/index-cooperate-bg.jpg") center center no-repeat;} .index-cooperate .index-cooperate-bg .main-warp{position: relative;} .index-cooperate .index-cooperate-bg .logo-cec{position: absolute;top:175px;left:50%;width:250px;margin-left:-120px;} .index-cooperate .index-cooperate-bg .logo-lx{position: absolute;top:200px;left:50%;width:140px;margin-left:-450px;} .index-cooperate .index-cooperate-bg .logo-lenovo{position: absolute;top:85px;left:50%;width:150px;margin-left:-280px;} .index-cooperate .index-cooperate-bg .logo-ry{position: absolute;top:295px;margin-left:-240px;left:50%;width:150px;} .index-cooperate .index-cooperate-bg .logo-qax{position: absolute;top:260px;left:50%;width:200px;margin-left:100px;} .index-cooperate .index-cooperate-bg .logo-cx{position: absolute;top:125px;left:50%;width:200px;margin-left: 200px;} /*云播*/ .product-vshow-banner{background: #181931 url("../image/banner-product-vshow.jpg") center center no-repeat;} .product-vshow-p1 .item{box-shadow:rgba(0,0,0,0.1) 0 0 16px;border-radius:8px;box-sizing: border-box;padding: 32px;font-size:16px;line-height:24px;margin: 10px;-webkit-transition-property:margin-top;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .product-vshow-p1 .item h4{font-size:20px;text-align: center;padding:24px 0;} .product-vshow-p1 .item p{color:#7B7B86;line-height:24px;} .product-vshow-p1 .item a.btn-morer{margin: 0 auto;background: none;border: 1px solid #dddddd;color: #252b3a;margin-top:24px;} .product-vshow-p1 .item:hover a.btn-morer{color: #fff;border-color: #3986ee;background-color: #3986ee;} .product-vshow-p1 .item:hover{margin-top:-10px;-webkit-transition-property:margin-top;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .product-vshow-p1 .item .icon{width:60px;height: 60px;background-image: url("../image/product-vshow-icons.png");background-size:60px 480px;display: block;border-radius: 60px; margin: 0 auto;} .product-vshow-p1 .item .icon-1{background-position: 0 -300px;background-color:#ffecee;} .product-vshow-p1 .item .icon-2{background-position: 0 -360px;background-color:#e1f9f4;} .product-vshow-p1 .item .icon-3{background-position: 0 -420px;background-color:#eaf1ff;} .product-vshow-card2 .list-icon{background-image: url("../image/product-vshow-icons.png");background-size:24px 24px;display: block;padding-left:30px;} .product-vshow-card2 .card-bg{background-image:url("../image/product-vshow-img19.png");} .product-vshow-ts{} .product-vshow-ts .list li {margin-top: 20px;display: block;position: relative;min-height: 70px;padding:0 20px 0 100px;} .product-vshow-ts .list li h4{font-size:18px;margin-bottom: 8px;color: #181833;} .product-vshow-ts .list li p{color: #7B7B86;line-height:24px;} .product-vshow-ts .list li i{width:60px;height:60px;display: block;position: absolute;background-size:60px 480px;border-radius:60px;background-image:url("../image/product-vshow-icons.png");left:20px;} .product-vshow-ts .list li i.icon-1{background-position:0 0;background-color:#ffecef;} .product-vshow-ts .list li i.icon-2{background-position:0 -60px;background-color:#e0faf5;} .product-vshow-ts .list li i.icon-3{background-position:0 -120px;background-color:#e9f2ff;} .product-vshow-ts .list li i.icon-4{background-position:0 -180px;background-color:#fffaea;} .product-vshow-ts .list li i.icon-5{background-position:0 -240px;background-color:#f3e7ff;} /*云视*/ .product-vision-banner{background: #181931 url("../image/banner-webconference1.jpg") center center no-repeat;} .product-vison-button a{margin:0 4px;} .product-vison-button a.btn-primary{width: 140px;height: 40px;line-height: 40px;text-align: center;color: #fff;border: 1px solid #3986ee;font-size: 16px;display:inline-block;background: #3986ee;border-radius: 40px;} .product-vison-button a.btn-primary:hover{color:#fff;background-color:#0054DD;} .product-vison-button a.btn-second{width: 140px;height: 40px;line-height: 40px;text-align: center;border: 1px solid #3986ee;font-size: 16px;display: inline-block;border-radius: 40px;} .product-vison-button a.btn-second:hover{background:none;color:#fff;background: #3986ee;} .product-vshow-ts .list-vison li i{background-image:url("../image/product-vison-icons.png");background-size:60px 1080px;} .product-vshow-ts .list li i.icon-1{background-position:0 0;background-color:#ffecef;} .product-vshow-ts .list li i.icon-2{background-position:0 -60px;background-color:#e0faf5;} .product-vshow-ts .list li i.icon-3{background-position:0 -120px;background-color:#e9f2ff;} .product-vshow-ts .list li i.icon-4{background-position:0 -180px;background-color:#fffaeb;} .product-vshow-ts .list li i.icon-5{background-position:0 -240px;background-color:#f3e7ff;} .product-vshow-p1 .item-vison .icon{background-image: url("../image/product-vison-icons.png");background-size:60px 1080px;} .product-vshow-p1 .item-vison .icon-1{background-position: 0 -300px;background-color:#ffecee;} .product-vshow-p1 .item-vison .icon-2{background-position: 0 -360px;background-color:#e1f9f4;} .product-vshow-p1 .item-vison .icon-3{background-position: 0 -420px;background-color:#eaf1ff;} .product-vshow-p1 .item-vison .icon-4{background-position: 0 -480px;background-color:#ffecee;} .product-vshow-p1 .item-vison .icon-5{background-position: 0 -540px;background-color:#e1f9f4;} .product-vshow-p1 .item-vison .icon-6{background-position: 0 -600px;background-color:#eaf1ff;} .product-vshow-p1 .item-vison .icon-7{background-position: 0 -660px;background-color:#f3e7ff;} .product-vshow-p1 .item-vison .icon-8{background-position: 0 -720px;background-color:#fffaea;} .product-vshow-p1 .item-vison .icon-9{background-position: 0 -780px;background-color:#eaf1ff;} .product-vshow-p1 .item-vison .icon-10{background-position: 0 -840px;background-color:#ffecee;} .product-vshow-p1 .item-vison .icon-11{background-position: 0 -900px;background-color:#e1f9f4;} .product-vshow-p1 .item-vison .icon-12{background-position: 0 -960px;background-color:#eaf1ff;} .product-vshow-p1 .item-vison .icon-13{background-position: 0 -1020px;background-color:#f3e7ff;} .product-vison-air-bg-0{background-image:url("../image/product-vison-air-bg-0.jpg");background-color: #181931;} .product-vison-air-bg-1{background-image:url("../image/product-vison-air-bg-1.jpg");background-color: #181931;} .product-vison-air-bg-2{background-image:url("../image/product-vison-air-bg-2.jpg");background-color: #181931;} .product-vison-air-bg-3{background-image:url("../image/product-vison-air-bg-3.jpg");background-color: #181931;} .product-vison-service-card{box-sizing:border-box;margin: 10px;border-radius: 8px;} .product-vison-service-card .item {padding: 30px 0;text-align: center;color:#464964;line-height: 32px;box-shadow: none;margin: 4px;} .product-vison-service-card .item b{font-size:24px;color: #181931;} .product-vison-service-card .item1{background-color: #e0f8f4;} .product-vison-service-card .item2{background-color: #f3e7ff;} .product-vison-service-card .item3{background-color: #ffeced;} .product-vison-service-card .item4{background-color: #fff9ea;} .product-vison-service-card .item5{background-color: #e5e8f3;} .product-vison-service-card .item6{background-color: #ffedee;} /*党建*/ .solution-govcloud-banner{background-image: url("../image/banner-solution-govcloud.jpg");} .govcloud-btn-red{margin: 5px 0 0 0;height: 30px;line-height: 30px;padding: 0 30px;font-size: 14px;border: 1px solid #e6251f;display: inline-block;border-radius: 30px;color: #e6251f;} .govcloud-btn-red:hover{background-color: #e6251f;color: #fff;} .border-radius-8{border-radius:8px;} .govcloud-img-txt .txt h4{color: #cb1c1d;} .solution-govcloud-banner .info a.btn-free:hover{background-color: #cb1c1d;border-color: #fff;} .solution-govcloud-p1{background-color: #fff9f4; text-align: center;} .solution-govcloud-p1 h3{color: #cb1c1d;display: inline-block;border-bottom:2px solid #cb1c1d;padding-bottom: 10px;} .solution-govcloud-p1 ul li{display: block;padding:30px 80px 30px 100px;background:#fff;margin:10px;text-align: left;border-radius: 8px;position: relative;min-height:80px;overflow: hidden;margin-bottom:8px;} .solution-govcloud-p1 ul li:hover,.solution-govcloud-p1 ul li.cur{background:linear-gradient(90deg,#ffa252,#ff483b);-webkit-transition-property:background;-webkit-transition-duration:1s;-webkit-transition-timing-function: ease;color: #fff;} .solution-govcloud-p1 ul li i{display:inline-block;width: 40px;height: 40px;background-size: 80px 800px;background-image: url(../image/solution-govcloud-icon.png);background-repeat: no-repeat;position: absolute;left:40px;-webkit-transition-property:background-position;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .solution-govcloud-p1 ul li:hover i{-webkit-transition-property:background-position;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;} .solution-govcloud-p1 ul li span{width:120px;height:120px;display:block;background-size: 240px 2400px;background-image: url(../image/solution-govcloud-icon.png);opacity:0;right: 10px;top:100px;position: absolute;} .solution-govcloud-p1 ul li:hover span{opacity:0.2;top:50px;-webkit-transition-property:top,opacity;-webkit-transition-duration:0.5s;-webkit-transition-timing-function: ease;color: #fff;} .solution-govcloud-p1 ul li b{font-size:18px;display: block;margin-bottom: 4px;} .solution-govcloud-p1 ul li.item1 i{background-position:0 0;} .solution-govcloud-p1 ul li.item1:hover i{background-position:-40px 0;} .solution-govcloud-p1 ul li.item1 span{background-position:-120px 0;} .solution-govcloud-p1 ul li.item2 i{background-position:0 -40px;} .solution-govcloud-p1 ul li.item2:hover i{background-position:-40px -40px;} .solution-govcloud-p1 ul li.item2 span{background-position:-120px -120px;} .solution-govcloud-p1 ul li.item3 i{background-position:0 -80px;} .solution-govcloud-p1 ul li.item3:hover i{background-position:-40px -80px;} .solution-govcloud-p1 ul li.item3 span{background-position:-120px -240px;} .solution-govcloud-p1 ul li.item4 i{background-position:0 -120px;} .solution-govcloud-p1 ul li.item4:hover i{background-position:-40px -120px;} .solution-govcloud-p1 ul li.item4 span{background-position:-120px -360px;} .solution-govcloud-p1 ul li.item5 i{background-position:0 -160px;} .solution-govcloud-p1 ul li.item5:hover i{background-position:-40px -160px;} .solution-govcloud-p1 ul li.item5 span{background-position:-120px -480px;} .solution-govcloud-p1 ul li.item6 i{background-position:0 -200px;} .solution-govcloud-p1 ul li.item6:hover i{background-position:-40px -200px;} .solution-govcloud-p1 ul li.item6 span{background-position:-120px -600px;} .solution-govcloud-p1 ul li.item7 i{background-position:0 -240px;} .solution-govcloud-p1 ul li.item7:hover i{background-position:-40px -240px;} .solution-govcloud-p1 ul li.item7 span{background-position:-120px -720px;} .solution-govcloud-p1 ul li.item8 i{background-position:0 -280px;} .solution-govcloud-p1 ul li.item8:hover i{background-position:-40px -280px;} .solution-govcloud-p1 ul li.item8 span{background-position:-120px -840px;} .solution-govcloud-p2 {background:#f9faff} .solution-govcloud-p2 h3{color: #cb1c1d;display: inline-block;border-bottom:2px solid #cb1c1d;padding-bottom: 10px;} .solution-govcloud-p1 ul li.cur i{background-position:-40px 0;} .solution-govcloud-p1 ul li.cur span{background-position:-120px 0;top:50px;opacity: 0.2;} .section h2.bt{padding-bottom: 20px;} .section p.fbt{text-align: center;} .mail-price-box .price-table table{margin-top: 50px;width: 100%;border-right: 1px solid #fff;margin-bottom: 50px;} .mail-price-box .price-table table thead{background-color: #0063E9;line-height: 60px;color: #fff;} .mail-price-box .price-table table thead tr th{border-right: 1px solid #fff;} .mail-price-box .price-table table tr td{ text-align: center;border-left: 1px #fff solid;border-bottom: 1px solid #fff; line-height: 24px;padding-top: 10px;padding-bottom: 10px;} .mail-price-box .price-table table tr.odd{background-color: #eee;} .mail-price-box .price-table table tr td a{ display: inline-block; font-size: 14px;color: #fff;line-height: 30px;width: 60px;border-radius: 30px;background: #0063E9;position: relative;} .coup-box{text-align: center;} .sec-page-price-ys h3{border-bottom: none;line-height: 60px;margin-bottom: 0;padding: 0;} .sec-page-price-ys .ys-icon{width: 99px;height: 99px;margin: auto;margin-top: 30px;background-repeat: no-repeat;} .sec-page-price-ys .ys-icon01{background-image: url(../picture/advantage_ico1.png);} .sec-page-price-ys .ys-icon02{background-image: url(../picture/advantage_ico2.png);} .sec-page-price-ys .ys-icon03{background-image: url(../picture/advantage_ico3.png);} .sec-page-price-ys .ys-icon04{background-image: url(../picture/advantage_ico4.png);} .sec-page-price-ys .ys-icon05{background-image: url(../picture/advantage_ico5.png);} .sec-page-price-ys .ys-icon06{background-image: url(../picture/advantage_ico6.png);} .sec-page-price-ys p{padding: 0 50px;text-align: center;line-height: 30px;} .messageCon form{max-width: 500px;margin: auto;margin-top: 50px;} .messageCon form p{overflow: hidden;margin-top: 10px;margin-bottom: 10px;display: flex; align-items: center;} .messageCon form p .font,.messageCon form .p2{line-height: 43px;} .messageCon form p .font{display: inline-block; width: 80px;} .messageCon form p input.txt{width: 70%; border: 1px solid #eee;vertical-align: middle;line-height: 43px;padding-left: 10px;} .messageCon form p.p3 input.txt{width: 50%;} .messageCon form p.p4 button{width: 120px;line-height: 43px;background-color: #0063E9;color: #fff;margin: auto;margin-top: 20px;} @keyframes transformY_t14{ from { transform:translateY(0)} to { transform:translateY(-10px) } } .advantage-box .row{margin-left: -15px;margin-right: -15px;} .advantage-box .advantage-item{margin-left: 10px;margin-right: 10px; transition: 0.6s all; display: flex;justify-content: space-between; background-color: #0063E9;border-radius: 5px;padding: 20px;} .advantage-box .advantage-item:hover{animation:transformY 0.2s ease-out;animation: transformY_t14 0.2s ease-out forwards;} .advantage-box .advantage-item .adv-icon{width: 69px;height: 97px;} .advantage-box .advantage-item .adv-icon01{background-image: url(../picture/item01_img1.png);} .advantage-box .advantage-item .adv-icon02{background-image: url(../picture/item01_img2.png);} .advantage-box .advantage-item .adv-icon03{background-image: url(../picture/item01_img3.png);} .advantage-box .advantage-item .adv-wd{width: 80%;} .advantage-box .advantage-item .adv-wd h3{margin-bottom: 10px;padding: 0;border: none;text-align: left;color: #fff;} .advantage-box .advantage-item .adv-wd p{color: #fff;font-size: 12px;line-height: 24px;} .adv-box01{background-image: url(../picture/ys.png);} .adv-box01 ul li{ background: #fff; -webkit-box-shadow: 0 9px 36px rgba(47,56,111,.1); -moz-box-shadow: 0 9px 36px rgba(47,56,111,.1); box-shadow: 0 9px 36px rgba(47,56,111,.1); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 32px; margin: 0 30px; } .adv-box01 ul li i{display: inline-block; width: 56px;height: 56px;float: left;-webkit-background-size: 56px 56px;-moz-background-size: 56px 56px;background-size: 56px 56px;} .adv-box01 ul li .icon-1{ background-image: url(../picture/icon001.png); } .adv-box01 ul li .icon-2{ background-image: url(../picture/icon002.png); } .adv-box01 ul li .icon-3{ background-image: url(../picture/icon003.png); } .adv-box01 ul{overflow: hidden;margin-top: 30px;margin-bottom: 30px;} .adv-box01 ul li h3{border: none;text-align: left;margin-bottom: 0;padding: 0;padding-left: 73px;} .adv-box01 ul li p{padding-left: 73px;} .adv-box01 h6{text-align: center;} .adv-box02{background:#f0f2f2 url(../picture/item02_bg.png) no-repeat top center;padding-top: 320px!important;} .adv-box02 .adv-box02-item {padding: 10px;} .adv-box02 .adv-box02-item h3{border: none;margin-bottom: 10px;padding: 0;} .adv-box02 .adv-box02-item p{padding: 0 30px;text-align: center;} .adv-box03{display: flex; flex-wrap: wrap; justify-content: space-between;margin-top: 30px;} .adv-box03 .adv-box03-item{width: 16%;padding: 10px;margin: 10px;text-align: center;} .adv-box03 .adv-box03-item h3{margin-bottom: 10px;padding-bottom: 10px;} .adv-box03 .adv-box03-item p{color: #888;font-size: 12px;line-height: 24px;} .trial-box1 h3.fbt{margin-bottom: 30px;border: none;padding: 0;font-size: 30px;font-weight: 200;} .trial-box1 h3.fbt span{color: #da1b20;} .trial-box1 .trialForm{box-shadow: 0 0 18px #ccc;border-top-right-radius: 10px;border-bottom-right-radius: 10px; background: #fff; padding: 45px 60px 25px;} .trialForm{margin-bottom: 50px;} .trialForm .form p,.trialForm .form input,.trialForm .form .CodeImg{line-height: 38px;height: 38px;} .trialForm .form p{font-size: 16px;color: #666;padding-left:94px;padding-right:15px;position: relative;margin-bottom:20px;} .trialForm .form input{border: 1px #e9e9e9 solid;display: block;width: 90%;padding: 0 5%;} .trialForm .form span{position: absolute;left: 0;top:0;text-align: justify; text-align-last: justify;width: 88px;} .trialForm .form em{position: absolute;right: 0;top:0;color: #da1b20;} .trialForm .form .p2{padding-right: 148px;} .trialForm .form .CodeImg{width: 130px;position: absolute;right:15px;top:0} .trialForm #search-button{font-size: 18px;color: #fff;background: #da1b20;display: block;width: 100%;height: 50px;line-height: 50px;cursor: pointer;margin-top:30px;} .trialForm #search-button:hover{opacity:.9} .trial-box2 h2 span{color: #da1b20;} .trial-box2 .main-functions-info { background:#fef4f5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; border: 1px solid #ee4449; padding: 35px 0; margin-top: 21px; } .trial-box2 .main-functions-info p { text-align: center; line-height: 34px; color: #111f33; margin-top: 13px; font-size: 18px; } .trial-box2 .main-functions-info p span { display: inline-block; font-size: 24px; margin: 0 4px; vertical-align: bottom; } .trial-box2-table table { margin-top: 50px; font-size: 21px; font-weight: 500 } .trial-box2-table table thead tr { background: #f8f9fb } .trial-box2-table table thead tr th { height: 90px; line-height: 90px; padding: 0; color: #676c73; font-weight: 500;text-align: center; } .trial-box2-table table thead tr th:nth-child(2) { font-size: 24px; color: #fff; background: -webkit-gradient(linear,left top,right top,from(#ec2a2a),to(rgba(30, 220, 117, .58))); border-left: 4px solid #fff; border-right: 4px solid #fff; line-height: 40px; height: 40px; padding: 25px } .trial-box2-table table thead tr th:nth-child(2) i { background-image: url(../images/trialIco.png);background-repeat: no-repeat; -webkit-background-size: 40px 40px; -moz-background-size: 40px 40px; background-size: 40px 40px; display: inline-block; width: 40px; height: 40px; margin-right: 8px; vertical-align: top } .trial-box2-table table tbody tr { background: #f8f9fb } .trial-box2-table table tbody tr td { height: 80px; padding: 0; border: 1px solid #dfe3e6; position: relative } .trial-box2-table table tbody tr td:first-child { text-align: center } .trial-box2-table table tbody tr td:nth-child(2) { border: 4px solid #fff; border-top: none; border-bottom: 1px solid #da1b20; padding-left: 26px } .trial-box2-table table tbody tr td:nth-child(2) a { position: absolute; background-image: url(../image/trialImg.png); background-repeat: no-repeat; -webkit-background-size: 84px 89px; -moz-background-size: 84px 89px; background-size: 84px 89px; width: 84px; height: 89px; margin: 0; border: none; top: -8px; left: 546px; opacity: 0; -webkit-transition: opacity .3s; -o-transition: opacity .3s; -moz-transition: opacity .3s; transition: opacity .3s } .trial-box2-table table tbody tr td:last-child { padding-left: 20px; font-size: 16px } .trial-box2-table table tbody tr:nth-child(odd) { background: #eceff4 } .trial-box2-table table tbody tr:nth-child(odd) td:nth-child(2) { background-color: #fcebed } .trial-box2-table table tbody tr:nth-child(2n) td:nth-child(2) { background-color: #fafefd } .trial-box2-table table tbody tr.active td:nth-child(2) a,.trial-box2-table table tbody tr:hover td:nth-child(2) a { opacity: 1 } .trial-box2-table table tbody tr.active td:nth-child(2) span,.trial-box2-table table tbody tr:hover td:nth-child(2) span { color: #da1b20 } .trialBigImg{display: block;width: 100%;margin-top:100px;} .g-container-footer {height: 210px;background: url(../image/trialBigImg.png) no-repeat top;-webkit-background-size: 1920px 400px;-moz-background-size: 1920px 400px;background-size: 1920px 400px;padding-top: 185px;text-align: center;} .g-container-footer a { display: inline-block; width: 220px; height: 44px; line-height: 44px; text-align: center; background: #236def; color: #fff; font-weight: 600; font-size: 16px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; margin-top: 30px; } .g-container-footer a:hover { background: #4888fa; -webkit-box-shadow: 0 10px 30px rgba(30,89,238,.32); -moz-box-shadow: 0 10px 30px rgba(30,89,238,.32); box-shadow: 0 10px 30px rgba(30,89,238,.32) } .offers-box1 .offers-box1-pic img{width: 100%;margin-bottom: 30px;} .offers-box1 .text_cs{width:395px; margin: auto; padding:6px 0 0 5px;position:relative;} .offers-box1 .text_cs .text_cd{height:92px;background:#fedada;padding:16px 30px 16px 90px;overflow:hidden;} .offers-box1 .text_cs .text_cd h4{font-size:20px;color:#E10B0D;padding-bottom:6px;font-weight:bold;} .offers-box1 .text_cs .text_cd p{font-size:18px;color:#E03132;line-height:1.4;} .offers-box1 .text_cs .sp_b{position:absolute;left:0;top:0;display:block;width:80px;height:84px;background:url(../picture/yh4.png) no-repeat center;} .offers-box1 .text_cs .sp_b i{display:block;width:30px;height:30px;line-height:30px;text-align:center;font-size:18px;color:#fff;position:absolute;left:7px;top:8px;text-shadow:-1px 0 rgba(250,250,250,0.8),0 1px rgba(250,250,250,0.8),1px 0 rgba(250,250,250,0.8),0 -1px rgba(250,250,250,0.8);-webkit-text-shadow:-1px 0 rgba(250,250,250,0.8),0 1px rgba(250,250,250,0.8),1px 0 rgba(250,250,250,0.8),0 -1px rgba(250,250,250,0.8);-moz-text-shadow:-1px 0 rgba(250,250,250,0.8),0 1px rgba(250,250,250,0.8),1px 0 rgba(250,250,250,0.8),0 -1px rgba(250,250,250,0.8);-ms-text-shadow:-1px 0 rgba(250,250,250,0.8),0 1px rgba(250,250,250,0.8),1px 0 rgba(250,250,250,0.8),0 -1px rgba(250,250,250,0.8);-o-text-shadow:-1px 0 rgba(250,250,250,0.8),0 1px rgba(250,250,250,0.8),1px 0 rgba(250,250,250,0.8),0 -1px rgba(250,250,250,0.8);} .bz{padding: 30px 100px;} .offers-box2 .form_m{max-width: 800px;margin: auto;} .offers-box2 .form_m input{padding: 8px 10px; font-size: 14px;color: #666;width: 60%; border: 1px solid #dedede;} .offers-box2 .form_m input.input_2{width: 40%;} .offers-box2 .form_m .offers-box2-form-item{margin-bottom: 20px;} .offers-box2 .form_m .btn_tj2{float:left;width:100%;margin-bottom:20px;text-align:center;padding-top:16px;} .offers-box2 .form_m .btn_tj2 .btn_s1{display:inline-block;padding:12px 10px;font-size:16px;color:#fff;background:#aaa;min-width:200px;margin:0 40px;border:none; transition:0.4s ease-out;-webkit-transition:0.4s ease-out;-moz-transition:0.4s ease-out;-ms-transition:0.4s ease-out;-o-transition:0.4s ease-out;} .offers-box2 .form_m .btn_tj2 .btn_s1:hover{background:#0078d7;} .offers-box2 .form_m .btn_tj2 .btn_ons{background:#0078d7;} .offers-box2 .form_m .btn_tj2 .btn_ons:hover{opacity:0.8;filter:alpha(opacity=80);}