.block-adventage { padding-bottom: 74px; } .y-row { min-width: 1000px; max-width: 1200px; margin-left: auto; margin-right: auto; zoom: 1; } .block-adventage .adventage-list { border: 1px solid rgba(151, 151, 151, 0.2); border-radius: 5px; box-shadow: 0 8px 20px 1px rgba(0, 0, 0, 0.08); height: 360px; } .block-adventage .adventage-list .adventage { float: left; position: relative; width: 25%; height: 360px; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); transition: all 1s cubic-bezier(0.4, 0, 0.2, 1); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; } .y-clear { zoom: 1; } .block-adventage .adventage-list .adventage .cover { position: absolute; height: 100%; width: 100%; left: 0; top: 0; } .block-adventage .adventage-list .adventage .icon { position: relative; top: 0; margin: 104px auto 0; width: 80px; height: 80px; background-repeat: no-repeat; background-size: contain; -webkit-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); } .block-adventage .adventage-list .manage .icon { background-image: url("../images/icon-manage.png"); } .block-adventage .adventage-list .manage.active .icon { background-image: url("../images/icon-manage-active.png"); } .block-adventage .adventage-list .safe .icon { background-image: url("../images/icon-safe.png"); } .block-adventage .adventage-list .safe.active .icon { background-image: url("../images/icon-safe-active.png"); } .block-adventage .adventage-list .lessmoney .icon { background-image: url("../images/icon-lessmoney.png"); } .block-adventage .adventage-list .lessmoney.active .icon { background-image: url("../images/icon-lessmoney-active.png"); } .block-adventage .adventage-list .server .icon { background-image: url("../images/icon-server.png"); } .block-adventage .adventage-list .server.active .icon { background-image: url("../images/icon-server-active.png"); } .block-adventage .adventage-list .adventage.active .icon { top: -30px; } .block-adventage .adventage-list .adventage .title { position: relative; top: 0; margin-top: 56px; font-size: 18px; color: #212121; -webkit-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); } .block-adventage .adventage-list .adventage .desc { position: relative; top: 0; margin-top: 30px; padding: 0 40px; text-align: center; color: #fff; opacity: 0; font-size:12px; -webkit-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); } .block-adventage .adventage-list .adventage:before { content: " "; position: absolute; top: 0; right: 0; height: 100%; border-right: 1px solid rgba(151, 151, 151, 0.2); } .block-adventage .adventage-list .adventage.active .img { opacity: 1; } .block-adventage .adventage-list .adventage .img { position: relative; width: 100%; height: 100%; opacity: 0; -webkit-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); -moz-transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); transition: all 0.65s cubic-bezier(0.4, 0, 0.2, 1); } .clear{ clear:both} .block-adventage .adventage-list .adventage.active .img { opacity: 1; } .block-adventage .adventage-list .adventage.active .icon { top: -30px; } .block-adventage .adventage-list .adventage.active .title { top: -30px; color: #fff; } .block-adventage .adventage-list .adventage.active .desc { top: -30px; opacity: 1; } .block-row { width: 1200px; margin:0 auto; } .vc_col-sm-2 { width: 230px; float: left; box-sizing: border-box; border: 1px solid #ededed; margin: 5px; padding: 30px 15px 15px 15px; } .tr-button { margin: 0 auto; width: 160px; background: #1580e4; color: #fff; padding: 10px 30px; text-align: center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; position: relative; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; border-radius: 5px; opacity:0.8; font-size: 14px; box-sizing:border-box; } .tr-button:hover { opacity:0.5; } .nmb4 .milestone-number:after { content: '单/秒'; font-size: 20px; display: inline-block; margin-left: 5px; vertical-align: middle; color: #1580e4; margin-top: 5px; } .nmb2 .milestone-number:before,.nmb3 .milestone-number:before, .nmb4 .milestone-number:before{ content: '+'; font-size: 30px; display: inline-block; margin-left: 5px; vertical-align: middle; color: #1580e4; margin-top: -10px; } .nmb1 .milestone-number:before { content: '一'; font-size: 20px; display: inline-block; margin-left: 5px; vertical-align: middle; color: #1580e4; font-weight: bold; margin-top: -10px; } .nmb2 .milestone-number:after,.nmb3 .milestone-number:after ,.nmb1 .milestone-number:after { content: '%'; font-size: 24px; display: inline-block; margin-left: 5px; vertical-align: middle; color: #1580e4; margin-top: 5px; } .casebg { background: #f9f9f9; } .vc_col-sm-6 { width: 50%; float:left; } .xt11 a { color: #ffffff; text-decoration: none; } .xt11 a:hover { color: #1580e4; } .vc_col-sm-6 .title { font-size:20px; margin-bottom:20px; font-weight:bold; color:#333333; } .vc_col-sm-6 .info { font-size:15px; height:72px; overflow:hidden; } .indexcase { padding-top: 20px; padding-bottom: 20px; width: 100%; margin: 0 auto; } .indexcase dl { width: 25%; height: 17.5vw; float: left; position: relative; } .indexcase dl dt { width: 100%; height: 100%; } .indexcase dl dt img { width: 100%; height: 100%; display: block; } .indexcase dl dd { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #00c1de; display: none; } .intitle { font-size: 18px; color: #333333; } .intime { font-size: 14px; margin-bottom: 10px; margin-top: 5px; color: #999999; } .page-section-31 { background-attachment: scroll; background-color: #2587ee; background-position: center top; background-repeat: no-repeat; } .fancy-titless-span { font-size: 32px; text-align: center; line-height: 100%; letter-spacing: 0px; color: #ffffff; font-weight: inherit; padding-bottom: 40px; padding-top: 40px; } .all-mhk .vc_col-sm-2 { width: 16%; border:none; } .mk-image { margin-bottom:10px } .mk-fancy-title { font-size: 18px; text-align: center; line-height: 24px; letter-spacing: 0px; color: #ffffff; font-weight: inherit; margin-bottom: 10px; margin-top: 10px; } #field_jpbwa3 { height: 40px; padding-left: 10px; border: 0; border-radius: 5px; width: 160px !important; margin-right:10px; } #field_7cztv3 { height: 40px; padding-left: 10px; border: 0; border-radius: 5px; } fieldset { border: 0 solid #000; margin: 0; padding: 0 0 15px 0; background-color: transparent; } .frm_primary_label { display: none; } legend.frm_hidden { display: none !important; } #frm_field_300_container { margin-top: -60px; margin-left: 170px; } .form-field { margin-bottom: 20px; } .frm_button_submit { background: #00ccfe; padding: 9px; color: #fff; width: 140px; text-align:center; display:inline-block; border-radius: 5px; box-shadow: none; margin-left:10px; margin-right:10px; border: 0; height: 40px; font-size: 16px; vertical-align: bottom; cursor: pointer; } .frm_button_submit:hover{ background: #005abc; color:#fff; } .nbn-button3 { vertical-align: bottom; display:inline-block; border: 1px solid #fff; color: #fff; padding: 9px 38px; text-align: center; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-property: color; transition-property: color; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; cursor: pointer; border-radius: 5px; } .fancy-zxrxtitle-span { font-size: 24px; text-align: center; letter-spacing: 0px; color: #ffffff; font-weight: inherit; padding-bottom: 40px; } .nbn-button3:hover:before, .nbn-button3:focus:before, .nbn-button3:active:before { -webkit-transform: scaleX(1); transform: scaleX(1); } .nbn-button3:before { content: ""; position: absolute; z-index: -1; top: 0; left: 0; right: 0; bottom: 0; background:#005abc; border: 1px solid #005abc; -webkit-transform: scaleX(0); transform: scaleX(0); -webkit-transform-origin: 0 50%; transform-origin: 0 50%; -webkit-transition-property: transform; transition-property: transform; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; } .nbn-button3:hover, .nbn-button3:focus, .nbn-button3:active { color: white; border: 1px solid #005abc; }