@charset "utf-8"; /* * @Author: SiMeiyu * @Date: 2017-08-25 10:41:21 */ @import "https://at.alicdn.com/t/c/font_423572_q6i4r0us4ye.css"; .base { margin: 0; padding: 0; } /* pic 4:3 */ .pic4x3.auto { width: 100%; padding-top: 75%; overflow: hidden; position: relative; } .pic4x3.auto img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; } /* * @Author: SiMeiyu * @Date: 2017-09-21 10:22:58 */ *, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: "PingFangSC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; font-size: 14px; line-height: 1.42857; color: #333; background-color: #fff; -webkit-font-smoothing: antialiased; } .clearfix::after { content: ""; display: block; height: 0; line-height: 0; clear: both; zoom: 1; visibility: hidden; } ul, ol { list-style-type: none; margin: 0; padding: 0; } a { text-decoration: none; } a a:hover, a a:focus, a a:active { outline: none; text-decoration: none; } img { border: none; } /* 动画 */ @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @media (max-width: 1199px) { .container { width: 100%; } } @media (min-width: 1200px) { .container { width: 1200px; } } .btn-dashed { padding: 5px 20px; border: 1px dotted #b51018; border-radius: 32px; color: #b51018; background-color: transparent; transition: all 0.3s linear; } .btn-dashed:hover { color: #fff; background-color: #b51018; border-color: transparent; } .btn-red { padding: 8px 32px; color: #fff; border-radius: 32px; background-color: #b51018; border-color: transparent; transition: all 0.3s linear; } .btn-red:hover, .btn-red:link, .btn-red:visited { color: #fff; background-color: rgba(181, 16, 24, 0.8); } .text-red { color: #b51018; } .bg-Ivory { background-color: #f5f3f3; } .content { overflow: hidden; padding-top: 0; } .home .content { padding-top: 0; } /* 紫色渐变背景 */ .bg-purple-gradien { background-color: #272435; background-image: linear-gradient(135deg, #2f2032, #232b39); } /* 两边渐隐的border-bottom */ .bd-bottom { border-bottom: 1px solid #e0e0e0; position: relative; } @media (min-width: 1200px) { .bd-bottom::after, .bd-bottom::before { content: ''; position: absolute; bottom: -1px; width: 100px; height: 1px; } .bd-bottom::before { left: -100px; background-image: linear-gradient(90deg, transparent, #e0e0e0); } .bd-bottom::after { right: -100px; background-image: linear-gradient(90deg, #e0e0e0, transparent); } } @media (min-width: 768px) { .modal.in { display: -ms-flexbox !important; display: flex !important; display: -webkit-flex !important; -ms-flex-align: center; align-items: center; } } .modal-content { box-shadow: 0 5px 5px rgba(0, 0, 0, 0.2); border-radius: 0; border: none; } .modal-content .modal-header { padding: 8px 16px; line-height: 24px; border-bottom-color: #e0e0e0; border-color: #e0e0e0; margin: 0 16px; padding: 16px 0; } .modal-content .modal-header .modal-title { font-size: 16px; color: rgba(0, 0, 0, 0.65); } .modal-content .modal-header .close { color: rgba(0, 0, 0, 0.65); text-shadow: none; opacity: 0.3; transition: all 0.3s linear; } .modal-content .modal-header .close:hover { opacity: 0.5; } .modal-content .modal-body .form-group .label-control { text-align: right; line-height: 32px; } .modal-content .modal-footer { padding: 8px 16px; border-top-color: #e0e0e0; background-color: #fafafa; } .modal-confirm { width: 280px; } .modal-confirm .modal-header { padding: 12px 8px; } .modal-confirm .modal-body { padding: 24px; } .modal-confirm .modal-body .form-group .label-control { text-align: right; } .modal-confirm .confirm { padding-left: 32px; position: relative; } .modal-confirm .confirm > .iconfont { position: absolute; font-size: 24px; left: 0; line-height: 1; } .modal-warning .confirm > .iconfont { color: #f0a332; } .modal-danger .confirm > .iconfont { color: #eb5f5c; } .modal-primary .confirm > .iconfont { color: #2196f3; } .modal-success .confirm > .iconfont { color: #5ab55e; } /* ------------------ .header ------------------ */ .header { position: static; top: 0; left: 0; right: 0; z-index: 999; background: #b51018; background-image: url("../images/header_bg.png"); } .header.navFixed { background: rgba(181, 16, 24, 0.8); position: fixed; } .header .navbar-default { margin-bottom: 0; background: none; min-height: 64px; border: none; border-radius: 0; position: relative; } @media (max-width: 1920px) { .header .navbar-default { width: 100%; } } @media (min-width: 1921px) { .header .navbar-default { width: 1920px; } } @media (min-width: 992px) { .header .navbar-default .navbar-nav { float: right; } .header .navbar-default .navbar-nav .open-sub { display: none; } } @media (max-width: 991px) { .header .navbar-default .navbar-nav { padding: 6px 6px 3px; margin-top: 1px; border-radius: 0 0 5px 5px; float: none; } } .header .navbar-default .navbar-nav > li { position: relative; } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li { margin-bottom: 3px; float: none; } } .header .navbar-default .navbar-nav > li:not(:last-child)::after { display: none; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li:not(:last-child)::after { content: '/'; position: absolute; top: 50%; right: 0; margin-top: -10px; color: #e0e0e0; } } .header .navbar-default .navbar-nav > li > a { cursor: default; color: #fff; } .header .navbar-default .navbar-nav > li > a[href] { cursor: pointer; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li > a { padding: 21px 15px; line-height: 32px; font-size: 16px; color: rgba(255, 255, 255, 0.6); transition: all 0.3s linear; } } @media (min-width: 1367px) { .header .navbar-default .navbar-nav > li > a { padding: 21px 30px; } } @media (min-width: 1063px) and (max-width: 1366px) { .header .navbar-default .navbar-nav > li > a { padding: 21px 18px; } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li > a { padding-left: 59px; padding-bottom: 8px; padding-top: 8px; background-color: rgba(255, 255, 255, 0.3); color: rgba(255, 255, 255, 0.8); transition: all 0.3s linear; } } .header .navbar-default .navbar-nav > li:hover > a, .header .navbar-default .navbar-nav > li:focus > a, .header .navbar-default .navbar-nav > li.active > a { background: none; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li:hover > a, .header .navbar-default .navbar-nav > li:focus > a, .header .navbar-default .navbar-nav > li.active > a { color: #fff; } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li:hover > a, .header .navbar-default .navbar-nav > li:focus > a, .header .navbar-default .navbar-nav > li.active > a { color: #fff; } } .header .navbar-default .navbar-nav > li.active:first-child > a { color: #fff; font-weight: 700; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li.parent { position: relative; } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li.parent { position: static; } } .header .navbar-default .navbar-nav > li.parent .open-sub span { background-color: #fff; transition: all 0.3s linear; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li.parent:hover > a { transition: all 0.3s linear; position: relative; } } .header .navbar-default .navbar-nav > li.parent:hover .open-sub span { background-color: #fff; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li.parent:hover > ul.sub { display: block; transition: all 0.3s linear; } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li.parent.open > a { background-color: #b51018; color: #fff; transition: all 0.4s linear; } } .header .navbar-default .navbar-nav > li.parent.open > a .open-sub span { background-color: #fff; } .header .navbar-default .navbar-nav > li.parent.open > a .open-sub span + span { display: none; } .header .navbar-default .navbar-nav > li.parent > ul.sub { display: none; } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li.parent > ul.sub { position: absolute; z-index: 9; border-top: 1px solid #e6e6e6; box-shadow: 3px 3px 3px rgba(0, 0, 0, 0.1); border-top-color: transparent; background-color: rgba(48, 48, 48, 0.8); } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li.parent > ul.sub { position: static; padding: 6px 0 5px; background-color: rgba(48, 48, 48, 0.8); } .header .navbar-default .navbar-nav > li.parent > ul.sub > li { display: inline-block; width: 49%; } } @media (min-width: 992px) { .home .header .navbar-default .navbar-nav > li.parent > ul.sub { border-top-color: transparent; background-color: rgba(48, 48, 48, 0.8); } } .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a { display: block; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; text-decoration: none; transition: all 0.3s linear; } @media (min-width: 1367px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a { padding: 6px 40px 6px 26px; line-height: 28px; width: 100%; color: rgba(255, 255, 255, 0.6); border-left: 4px solid #252525; } } @media (min-width: 992px) and (max-width: 1366px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a { padding: 8px 40px 8px 26px; line-height: 28px; width: 100%; color: rgba(255, 255, 255, 0.6); border-left: 4px solid #252525; } } @media (min-width: 1200px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a { color: rgba(255, 255, 255, 0.6); border-color: #252525; background: none; padding-left: 26px; padding-right: 40px; } } @media (min-width: 1188px) { .home .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a { color: rgba(255, 255, 255, 0.6); border-color: #252525; background: none; padding-left: 26px; padding-right: 30px; } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a { padding-top: 2px; padding-bottom: 2px; padding-left: 15px; line-height: 22px; width: 100%; color: rgba(255, 255, 255, 0.8); } } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a:hover, .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a:focus, .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a.active { color: #ffffff; border-left-color: #b51018; background-color: rgba(255, 255, 255, 0.12); } } @media (max-width: 991px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a:hover, .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a:focus, .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a.active { opacity: 0.8; } } @media (min-width: 992px) { .home .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a:hover, .home .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a:focus, .home .header .navbar-default .navbar-nav > li.parent > ul.sub > li > a.active { color: #ffffff; border-left-color: #b51018; background-color: rgba(255, 255, 255, 0.12); } } @media (min-width: 992px) { .header .navbar-default .navbar-nav > li.parent > ul.sub > li:last-child > a { padding-bottom: 16px; } } .header .navbar-right { margin-right: 0 !important; } .header .navbar-right .navbar-right-quick { text-align: end; padding: 0 15px; } .header .navbar-right .navbar-right-quick .quick-btn { color: rgba(255, 255, 255, 0.6); display: inline-block; text-align: end; padding: 24px 0; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content { padding: 0 30px; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content > i { margin: 0 4px; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content .phone-border { padding: 0 15px; background-color: #fff; color: red; border-radius: 15px; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content .phone-border > i { margin: 0 4px; } @media (max-width: 1187px) { .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content { padding: 0 25px; } } .header .navbar-right .navbar-right-quick .quick-btn:hover { color: #fff; } .header .navbar-right .navbar-right-quick > a .quick-btn .quick-btn-content { border-left: 1px solid rgba(255, 255, 255, 0.6); } @media (max-width: 991px) { .header .navbar-right .navbar-right-quick { padding: 0; position: absolute; top: 0; left: 0; font-size: 12px; } .header .navbar-right .navbar-right-quick .quick-btn { padding: 5px 0; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content { padding: 0 5px !important; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content > i { display: none; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content .phone-border { padding: 0 5px !important; } .header .navbar-right .navbar-right-quick .quick-btn .quick-btn-content .phone-border > i { margin: 0 !important; } } .header .navbar-collapse { border-top: 1px dashed rgba(255, 255, 255, 0.5); } @media (max-width: 991px) { .header .navbar-collapse { position: absolute; z-index: 99; width: 100%; background: rgba(48, 48, 48, 0.8); border-top: none; } } @media (min-width: 768px) and (max-width: 991px) { .header .navbar-collapse { left: 0; } } @media (max-width: 767px) { .header .navbar-collapse { border-top-color: #555; } } @media (max-width: 991px) { .header .navbar-collapse.collapse { display: none!important; } } @media (max-width: 991px) { .header .navbar-collapse.collapse.in { display: block!important; } } .header .navbar-brand { height: auto; padding: 45px 10px; color: #fff; } @media (max-width: 991px) { .header .navbar-brand { padding: 33px 10px 14px; } } @media (max-width: 991px) { .header .navbar-header { float: none; } } .header .navbar-header .navbar-toggle { margin-top: 38px; margin-bottom: 25px; border-color: #d0121b; border-width: 0px; padding: 8px; margin-right: 0; border-radius: 0; opacity: 1; transition: all 0.3s linear; background-color: #d0121b; } @media (max-width: 991px) { .header .navbar-header .navbar-toggle { display: block; } } .header .navbar-header .navbar-toggle i.iconfont { font-size: 16px; color: #fff; transition: all 0.3s linear; font-weight: bold; } .header .navbar-header .navbar-toggle span.icon-bar { width: 16px; background-color: #d0121b; transition: all 0.3s linear; } .home .header .navbar-header .navbar-toggle span.icon-bar { background-color: rgba(255, 255, 255, 0.8); } .header .navbar-header .navbar-toggle:hover, .header .navbar-header .navbar-toggle:focus { opacity: 0.6; } .header.top { background: #535353; line-height: 30px; height: 30px; color: #fff; font-size: 12px; top: 0; z-index: 10000; } .header.top .navbar { min-height: 30px; } .header.top .top-left { float: left; padding: 0 10px; } .header.top .top-right { float: right; vertical-align: middle; height: 30px; } .header.top .top-right i { vertical-align: middle; font-size: 12px; margin-right: 4px; } .header.top .top-right .dropdown { display: inline-block; background: transparent; } .header.top .top-right .dropdown button { background: transparent; border: none; min-width: 100px; } .header.top .top-right .dropdown .dropdown-menu { right: 0; left: auto; padding: 0; min-width: 120px; text-align: center; background-color: rgba(48, 48, 48, 0.8); } .header.top .top-right .dropdown .dropdown-menu li { color: #666; padding: 5px 20px; cursor: pointer; border-color: #252525; background: none; padding-left: 26px; padding-right: 40px; border-left: 4px solid #252525; } .header.top .top-right .dropdown .dropdown-menu li a { color: rgba(255, 255, 255, 0.6); } .header.top .top-right .dropdown .dropdown-menu li:hover { color: #ffffff; border-left-color: #b51018; background-color: rgba(255, 255, 255, 0.12); } .header.top .top-right .dropdown .dropdown-menu li:hover a { background: transparent; } @media (max-width: 400px) { .header.top .top-right { float: left; } } .open-sub { bottom: 0; left: 0; position: absolute; top: 0; width: 55px; } .open-sub span { background: #1e1e1e; display: block; height: 2px; margin: 19px 0 0 15px; position: absolute; width: 16px; } .open-sub span + span { height: 16px; margin: 12px 0 0 22px; width: 2px; } @keyframes moveIn { 0% { background-color: #b51018; } 100% { background-color: rgba(181, 16, 24, 0.8); background-color: rgba(172, 15, 23, 0.85); } } @keyframes moveOut { 0% { background-color: rgba(181, 16, 24, 0.8); background-color: rgba(172, 15, 23, 0.85); } 100% { background-color: #b51018; } } body { padding-top: 146px; } @media (max-width: 991px) { body { padding-top: 102px; } } .header { background: none; position: fixed; z-index: 10010; } .header .open-sub { top: -2px; } @media (min-width: 1920px) { .header .navbar-default { width: 100%; } } @media (max-width: 1400px) and (min-width: 992px) { .header .navbar-right .navbar-collapse .navbar-nav > li:last-child .sub { right: 0; } } @media (max-width: 1150px) and (min-width: 992px) { .header .navbar-default .navbar-right { max-width: calc(100vw - 335px); } .header .navbar-default .navbar-right-quick { white-space: nowrap; } .header .navbar-default .navbar-collapse { padding-right: 0 !important; padding-left: 0 !important; } .header .navbar-default .navbar-nav { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; width: 100%; -ms-flex-pack: distribute; justify-content: space-around; } .header .navbar-default .navbar-nav > li { float: inherit; } .header .navbar-default .navbar-nav > li > a { padding-left: 1vw !important; padding-right: 1vw !important; white-space: nowrap; } } .header .navbar-header .navbar-toggle { background: none; border: none; right: 8px; border-radius: 4px; } .header .navbar-header .navbar-toggle:hover, .header .navbar-header .navbar-toggle:active, .header .navbar-header .navbar-toggle:focus, .header .navbar-header .navbar-toggle:not(.collapsed) { background-color: rgba(0, 0, 0, 0.3); opacity: 1; filter: alpha(opacity=100); } .header .navbar-header .navbar-toggle.visited, .header .navbar-header .navbar-toggle.collapsed { background: none; border: none; color: #fff; opacity: 1; filter: alpha(opacity=100); } @media (min-width: 992px) { .header .navbar-default { z-index: 50; background: #b51018 url("../images/header_bg.png") 0 0 repeat; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); animation: moveOut 0.3s infinite linear; animation-iteration-count: 1; animation-fill-mode: forwards; } .header.navFixed { background: none; } .header.navFixed .navbar-default { animation: moveIn 0.3s infinite linear; animation-iteration-count: 1; animation-fill-mode: forwards; } } @media (max-width: 991px) { .header .navbar-header { z-index: 50; background: #b51018 url("../images/header_bg.png") 0 0 repeat; -webkit-backdrop-filter: blur(10px); backdrop-filter: blur(10px); animation: moveOut 0.3s infinite linear; animation-iteration-count: 1; animation-fill-mode: forwards; } .header.navFixed { background: none; } .header.navFixed .navbar-header { animation: moveIn 0.3s infinite linear; animation-iteration-count: 1; animation-fill-mode: forwards; } .header .navbar-collapse { background: none; padding: 0; } .header .navbar-collapse.in { max-height: calc(100vh - 102px); } .header .navbar-collapse > ul { background-color: rgba(48, 48, 48, 0.8); padding: 16px !important; -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); margin: -1px 0 0 !important; } } .header ul.sub > li > a { -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); } #newBridge { z-index: 900 !important; } #newBridge #nb_toolbar_wrap:before { -webkit-backdrop-filter: blur(4px); backdrop-filter: blur(4px); border-top: none !important; } #newBridge #nb_toolbar_wrap a { border-radius: 20px; } #newBridge #nb_toolbar_wrap a:after { display: none; } @media (max-width: 650px) { .footer-tip { padding-bottom: 70px !important; } .online-consultation { display: none; } } /* ------------------ .footer ------------------ */ .footer { background-color: #b51018; } .footer .navbar-nav { margin-bottom: 30px; float: none; } @media (max-width: 559px) { .footer .navbar-nav { display: none; } } .footer .navbar-nav a { color: rgba(255, 255, 255, 0.8); transition: all 0.3s linear; } .footer .navbar-nav a:hover { text-decoration: none; color: #fff; } .footer .navbar-nav > li { margin-bottom: 40px; display: inline-block; float: left; } .footer .navbar-nav > li :last-child { margin: 0; } @media (min-width: 1200px) { .footer .navbar-nav > li { margin-right: 46px; } } @media (min-width: 992px) and (max-width: 1199px) { .footer .navbar-nav > li { margin-right: 20px; } } @media (min-width: 768px) and (max-width: 991px) { .footer .navbar-nav > li { margin-right: 60px; } } @media (max-width: 767px) { .footer .navbar-nav > li { margin-right: 26px; margin-left: 15px; } } .footer .navbar-nav > li > a { padding: 6px 0; background: #b51018; } .footer .navbar-nav > li > a:hover { background: none; } .footer .navbar-nav > li > a + ul { font-size: 12px; color: rgba(255, 255, 255, 0.6); } .footer .navbar-nav > li > ul > li { padding: 6px 0; } .footer .touchUs { position: relative; } @media (min-width: 992px) { .footer .touchUs { border-left: 1px solid rgba(255, 255, 255, 0.5); padding-left: 40px; padding-top: 10px; } } @media (min-width: 1200px) { .footer .touchUs { padding-left: 100px; } } .footer .touchUs .QRCode-list { text-align: center; } .footer .touchUs .QRCode-list li { display: inline-block; width: 32%; } .footer .touchUs .QRCode-list li .QRCode { border: 8px solid #fff; } .footer .touchUs .QRCode-list li p { color: #fff; margin-top: 10px; } .footer .touchUs .hotline { margin-bottom: 50px; } .footer .touchUs .hotline .btn { line-height: 24px; width: 200px; border: 3px solid #fff; margin-top: 10px; margin-left: 40px; } @media (max-width: 559px) { .footer .touchUs .hotline .btn { width: 130px; margin-top: 0; } } .footer .touchUs .hotline h4 { color: #fff; position: relative; font-size: 26px; font-weight: normal; padding-left: 42px; padding-top: 18px; height: 56px; margin-bottom: 22px; float: left; } @media (max-width: 559px) { .footer .touchUs .hotline h4 { margin: 0 0 24px 0; font-size: 22px; padding: 16px 0 0 36px; height: auto; } } .footer .touchUs .hotline h4 .iconfont { position: absolute; left: 0; top: 0; font-size: 46px; } @media (max-width: 559px) { .footer .touchUs .hotline h4 .iconfont { font-size: 32px; } } .footer .touchUs .hotline h4 small { position: absolute; left: 46px; top: 0; font-size: 14px; color: #fff; } .footer-tip { margin-top: 30px; padding: 20px 0; color: rgba(255, 255, 255, 0.5); font-size: 12px; background-color: rgba(0, 0, 0, 0.1); text-align: center; } @media (max-width: 559px) { .footer-tip { margin-top: 0; } } .footer-tip span { white-space: nowrap; font-weight: lighter; } .footer-tip span:nth-child(3) { margin-right: 8px; } .footer > .container { position: relative; padding-top: 40px; } .footer .go-head { position: absolute; display: block; top: -35px; right: 0; width: 64px; height: 64px; border-radius: 50%; border: 4px solid #fff; background-color: #b51018; color: #fff; transition: all 0.3s linear; } @media (max-width: 559px) { .footer .go-head { width: 48px; height: 48px; } } .footer .go-head::after { content: ''; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -4px; width: 16px; height: 16px; border-top: 3px solid #fff; border-left: 3px solid #fff; transform: rotate(45deg); } .footer .go-head:hover { background-color: #b51018; } .footer-adv { background: url("../images/footer/adv-bg.jpg") center center no-repeat; background-size: cover; color: #fff; text-align: center; padding: 50px 0; border-bottom: 4px solid #fff; } .footer-adv h2 { font-weight: bold; font-size: 40px; } .footer-adv h3 { font-size: 30px; margin-bottom: 24px; } .footer-adv a { display: inline-block; color: #fff; padding: 6px 36px; border: 2px solid #fff; border-radius: 20px; transition: all 0.3s; margin-bottom: 8px; } .footer-adv a:hover { background: #fff; color: #b51018; } .footer-adv a + a { margin-left: 16px; } @media (max-width: 580px) { .footer-adv h2 { font-size: 34px; } .footer-adv h3 { font-size: 24px; } } /* ------------------ .carousel 轮播图 ------------------ */ a:hover, a:link { text-decoration: none; } .carousel { z-index: 8; } .carousel-inner .item { background-size: cover; background-position: center; } @media (min-width: 1200px) { .carousel-inner .item { height: 353px; } } @media (min-width: 751px) and (max-width: 1199px) { .carousel-inner .item { height: 0; width: 100%; padding-bottom: 29.41666667%; } } @media (max-width: 750px) { .carousel-inner .item { height: 0; width: 100%; padding-bottom: 66.66666667%; } } .carousel-inner .item > a { display: block; width: 100%; height: 100%; } .carousel-inner .item .carousel-content { margin: 0 auto; padding-top: 80px; width: 1200px; } .carousel-inner .item .carousel-content img { float: left; margin-right: 50px; height: 210px; } .carousel-inner .item .carousel-content h3 { color: #d0121c; font-size: 34px; margin: 0; line-height: 1.6em; font-weight: bold; } .carousel-inner .item .carousel-content p { color: #d0121c; font-size: 24px; line-height: 1.5em; margin-bottom: 10px; } .carousel-inner .item .carousel-content p a { color: #fff; background-color: #595758; padding: 8px 40px; border-radius: 6px; font-size: 16px; } .carousel-inner .item .carousel-content p a:hover { background-color: #d0121c; } @media (max-width: 1200px) { .carousel-inner .item .carousel-content { padding-top: 50px; width: 90%; } .carousel-inner .item .carousel-content img { height: 160px; } .carousel-inner .item .carousel-content h3 { font-size: 24px; } .carousel-inner .item .carousel-content p { font-size: 16px; } .carousel-inner .item .carousel-content p a { font-size: 12px; } } @media (max-width: 750px) { .carousel-inner .item .carousel-content { padding-top: 30px; width: 90%; text-align: center; } .carousel-inner .item .carousel-content img { display: inline; float: none; margin-bottom: 20px; } .carousel-inner .item .carousel-content h3 { font-size: 18px; } .carousel-inner .item .carousel-content p { font-size: 14px; margin-top: 10px; } .carousel-inner .item .carousel-content p a { font-size: 12px; } } @media (max-width: 500px) { .carousel-inner .item .carousel-content { padding-top: 60px; } .carousel-inner .item .carousel-content img { display: none; } .carousel-inner .item .carousel-content h3, .carousel-inner .item .carousel-content p { font-size: 14px; } } .carousel-indicators { bottom: 30px; } @media (max-width: 750px) { .carousel-indicators { bottom: 15px; } } .carousel-indicators li { width: 10px; height: 10px; border-radius: 10px; margin: 0; border: none; background-color: #a5a4a4; transition: all 0.3s linear; } .carousel-indicators li:not(:last-child) { margin-right: 16px; } .carousel-indicators li.active { width: 24px; height: 10px; background-color: #b51018; } .content section .title { text-align: center; font-size: 40px; } .content section .title span { font-size: 22px; vertical-align: top; } @media (min-width: 768px) { .content section .title { font-size: 40px; } } @media (max-width: 767px) { .content section .title { font-size: 28px; } } @media (max-width: 559px) { .content section .title { font-size: 28px; padding: 16px 0; margin: 16px 0; } } @media (min-width: 768px) { .content section .title > .sub-title { font-size: 24px; } } @media (max-width: 767px) { .content section .title > .sub-title { font-size: 14px; } } /* 全云能力提供商 */ .ability { padding: 32px 0; background-color: #fff; border-top: 6px solid #b51018; color: #fff; text-align: center; position: relative; } @media (max-width: 768px) { .ability { padding: 0; } } .ability-bg { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .ability-bg-lighter { z-index: 1; transform: skewY(-1.5deg); background-color: #ae282b; } .ability-bg-lighter::before { content: ''; position: absolute; right: 32%; top: 0; z-index: 6; width: 2000px; height: 40px; border-top: 20px solid #a52529; border-left: 1000px solid #a52529; border-right: 1000px solid transparent; border-bottom: 20px solid transparent; } .ability-bg-lighter::after { content: ''; position: absolute; left: 32%; bottom: 0; z-index: 5; width: 2000px; height: 40px; border-bottom: 20px solid #a52529; border-right: 1000px solid #a52529; border-left: 1000px solid transparent; border-top: 20px solid transparent; } .ability-bg-darker { z-index: 0; transform: skewY(1.5deg); background-color: #a52529; } .ability .container { position: relative; z-index: 4; padding: 0; } @media (min-width: 992px) { .ability .title { margin: 85px 0 75px; } } @media (min-width: 768px) and (max-width: 991px) { .ability .title { margin: 65px 0 55px; } } @media (max-width: 767px) { .ability .title { margin: 65px 0 55px; } } .ability dl { height: 100%; display: block; text-align: left; padding: 16px; } .ability dl:hover { cursor: pointer; } @media (max-width: 767px) { .ability dl { padding: 16px 24px; } } .ability dl dt { font-size: 24px; font-weight: bold; padding: 6px 0 12px 0; color: #3a3a3a; } .ability dl dd p { font-size: 24px; font-weight: bold; color: #3a3a3a; width: 60%; line-height: 22px; padding: 0 0 12px 0; min-height: 78px; } .ability dl dd a { background: #b51018; padding: 8px 24px; border-radius: 16px; color: #fff; } .ability .ability_swiper { position: relative; padding: 0 60px; margin: 0 -60px; } @media (max-width: 1199px) { .ability .ability_swiper { padding: 0; margin: 0; } } .ability .swiper-container .swiper-wrapper { background: #fff; } .ability .swiper-container .swiper-wrapper .swiper-slide { background: #f5f3f3; height: 200px; position: relative; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon { display: block; background: url('../images/overview/newbg.png') no-repeat; position: absolute; right: 16px; bottom: 16px; z-index: 10002; width: 118px; height: 120px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-01 { background-position: -20px -290px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-02 { background-position: -138px -290px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-03 { background-position: -262px -290px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-04 { background-position: -377px -290px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-05 { background-position: -485px -290px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-06 { background-position: -590px -290px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-07 { background-position: -708px -295px; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-archer-01 { background: url('../images/overview/newbg-1.png') no-repeat; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-archer-02 { background: url('../images/overview/newbg-2.png') no-repeat; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-archer-03 { background: url('../images/overview/newbg-3.png') no-repeat; } .ability .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-archer-04 { background: url('../images/overview/newbg-4.png') no-repeat; } .ability .swiper-button-prev, .ability .swiper-button-next { background: none; color: #b51018; margin-top: -18px; width: 36px; height: 36px; padding: 0; } @media (max-width: 768px) { .ability .swiper-button-prev, .ability .swiper-button-next { width: 20px; height: 20px; margin-top: -10px; } } .ability .swiper-button-prev::before, .ability .swiper-button-next::before { display: none; } .ability .swiper-button-prev i.iconfont, .ability .swiper-button-next i.iconfont { font-size: 36px; } @media (max-width: 768px) { .ability .swiper-button-prev i.iconfont, .ability .swiper-button-next i.iconfont { font-size: 20px; } } .ability .swiper-button-prev { transform: rotate(180deg); margin-top: 0; } .ability .swiper-button-prev.swiper-button-disabled { background: none; color: #c6c4d0; } .ability .swiper-button-next.swiper-button-disabled { background: none; color: #c6c4d0; } .cloud_type .cloudUltra_swiper, .cloud_type .ops_swiper, .cloud_type .hyper_swiper, .cloud_type .vsna_swiper, .cloud_type .vcf_swiper { position: relative; padding: 0 60px; margin: 0 -60px; } @media (max-width: 1199px) { .cloud_type .cloudUltra_swiper, .cloud_type .ops_swiper, .cloud_type .hyper_swiper, .cloud_type .vsna_swiper, .cloud_type .vcf_swiper { padding: 0; margin: 0; } } .cloud_type .su_feature1 { position: relative; padding: 0 60px; margin: 0 -60px; } @media (max-width: 1199px) { .cloud_type .su_feature1 { padding: 0; margin: 0; } } .cloud_type .su_feature1 .swiper-container .swiper-wrapper { background: none; } .cloud_type .su_feature1 .swiper-container .swiper-wrapper .swiper-slide { height: 420px; padding: 0 12px; background: none; } .cloud_type .su_feature1 .swiper-container .swiper-wrapper .swiper-slide .su-img { text-align: center; margin: 24px 0 40px 0; height: 120px; } .cloud_type .su_feature1 .swiper-container .swiper-wrapper .swiper-slide .su-title { padding: 12px 0; font-size: 23px; text-align: center; margin: 0; } .cloud_type .su_feature1 .swiper-container .swiper-wrapper .swiper-slide .su-info { padding: 12px 0; line-height: 2; text-align: left; opacity: 0.6; } .cloud_type.list .swiper-container .swiper-wrapper .swiper-slide { background: none; height: auto; } .cloud_type .swiper-container .swiper-wrapper { background: #fff; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide { background: #f5f3f3; height: 200px; position: relative; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon { display: block; background: url('../images/newbg.png') no-repeat; position: absolute; right: 16px; bottom: 16px; z-index: 10002; width: 150px; height: 120px; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-01 { background-position: 0 0; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-02 { background-position: -150px 0; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-03 { background-position: -300px 0; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-04 { background-position: -450px 0; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-05 { background-position: -600px 0; } .cloud_type .swiper-container .swiper-wrapper .swiper-slide .abilityicon.icon-ability-06 { background-position: -600px -125px; } .cloud_type .swiper-button-prev, .cloud_type .swiper-button-next { background: none; color: #b51018; margin-top: -18px; width: 36px; height: 36px; padding: 0; } @media (max-width: 768px) { .cloud_type .swiper-button-prev, .cloud_type .swiper-button-next { width: 20px; height: 20px; margin-top: -10px; } } .cloud_type .swiper-button-prev::before, .cloud_type .swiper-button-next::before { display: none; } .cloud_type .swiper-button-prev i.iconfont, .cloud_type .swiper-button-next i.iconfont { font-size: 36px; } @media (max-width: 768px) { .cloud_type .swiper-button-prev i.iconfont, .cloud_type .swiper-button-next i.iconfont { font-size: 20px; } } .cloud_type .swiper-button-prev { transform: rotate(180deg); margin-top: 0; } .cloud_type .swiper-button-prev.swiper-button-disabled { background: none; color: #c6c4d0; } .cloud_type .swiper-button-next.swiper-button-disabled { background: none; color: #c6c4d0; } .active_tip { background: #b51018; padding: 12px 0; } .active_tip .container { position: relative; padding: 0 0 0 45px; } @media (max-width: 768px) { .active_tip .container { padding: 0 0 0 35px; } } .active_tip .container i.iconfont { color: #fff; display: block; position: absolute; left: 0; top: 20px; font-size: 24px; } .active_tip .container ul { margin: 0; } .active_tip .container ul li { line-height: 20px; font-size: 14px; padding-left: 10px; color: #fff; } @media (max-width: 768px) { .active_tip .container ul li { max-width: 80%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } .active_tip .container ul li a { color: #fff; cursor: pointer; } .active_tip .container ul li a:hover, .active_tip .container ul li a:link { text-decoration: none; } .active_tip .container ul li:before { content: ""; display: block; position: relative; background: #fff; width: 3px; height: 3px; left: -10px; top: 12px; border-radius: 5px; } .active_tip .container a.tip_more { position: absolute; top: 20px; right: 0px; color: #fff; border: 1px solid #fff; border-radius: 16px; padding: 6px 16px; } @media (max-width: 768px) { .active_tip .container a.tip_more { padding: 3px 8px; font-size: 12px; top: 23px; right: 2px; } } /* 云与大数据产品 */ .product { background-color: #272435; background-image: linear-gradient(135deg, #2f2032, #232b39); } .product .title { margin: 72px 0 40px; color: #fff; font-weight: normal; line-height: 1.26; } @media (max-width: 559px) { .product .title { margin-bottom: 24px; } } .product .title .sub-title { color: rgba(255, 255, 255, 0.5); } @media (min-width: 992px) { .product-img { padding-right: 30px; } } @media (max-width: 767px) { .product-img { width: 60%; margin-bottom: 40px; text-align: center; } } @media (max-width: 559px) { .product-img { text-align: center; width: 100%; margin-bottom: 16px; } } .product-img > img { width: 100%; height: auto; } @media (max-width: 559px) { .product-img > img { width: 60%; } } .mixUltra .tab-slid .title { margin-top: 80px; margin-bottom: 50px; color: #333; } .tab-slid .nav-tabs { position: relative; border-bottom-color: rgba(255, 255, 255, 0.1); text-align: center; } @media (max-width: 559px) { .tab-slid .nav-tabs { text-align: left; } } .bg-Ivory.tab-slid .nav-tabs { border-bottom-color: #e0e0e0; } .tab-slid .nav-tabs > .hover { content: ''; position: absolute; bottom: -1px; height: 2px; background-color: #b51018; transition: all 0.3s linear; } @media (min-width: 992px) { .tab-slid .nav-tabs > .hover { width: 200px; left: 50%; margin-left: -424px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > .hover { width: 25%; left: 0; } } @media (min-width: 440px) { .mixUltra .tab-slid .nav-tabs > .hover { width: 200px; left: 50%; margin-left: -208px; } } @media (max-width: 439px) { .mixUltra .tab-slid .nav-tabs > .hover { width: 50%; left: 0; } } .tab-slid .nav-tabs > li { float: none; margin: 0; display: inline-block; transition: all 0.3s linear; } @media (min-width: 992px) { .tab-slid .nav-tabs > li:not(:first-child) { padding-left: 16px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li { width: 25%; } } @media (max-width: 559px) { .tab-slid .nav-tabs > li { width: auto; } } .tab-slid .nav-tabs > li a { margin: 0; border-radius: 0; border: none; color: rgba(255, 255, 255, 0.6); text-align: center; white-space: nowrap; background: none; } @media (min-width: 992px) { .tab-slid .nav-tabs > li a { padding: 22px 32px; width: 200px; font-size: 20px; } } @media (min-width: 560px) and (max-width: 991px) { .tab-slid .nav-tabs > li a { padding: 22px 12px; font-size: 16px; } } @media (max-width: 559px) { .tab-slid .nav-tabs > li a { padding: 8px 4px; font-size: 12px; overflow: hidden; text-overflow: ellipsis; } } .bg-Ivory.tab-slid .nav-tabs > li a { color: #666; } @media (min-width: 992px) { .bg-Ivory.tab-slid .nav-tabs > li a { padding: 12px 16px; } } @media (max-width: 991px) { .bg-Ivory.tab-slid .nav-tabs > li a { padding: 12px 12px; } } .tab-slid .nav-tabs > li a:hover, .tab-slid .nav-tabs > li a:active, .tab-slid .nav-tabs > li a:visited { background: none; border: none; } .tab-slid .nav-tabs > li.active a { background: none; border: none; color: #fff; } .bg-Ivory.tab-slid .nav-tabs > li.active a { color: #333; } .tab-slid .nav-tabs > li:not(:first-child) { margin-left: -4px; } @media (min-width: 992px) { .tab-slid .nav-tabs > li:first-child:hover ~ .hover, .tab-slid .nav-tabs > li:first-child.active ~ .hover { margin-left: -424px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:first-child:hover ~ .hover, .tab-slid .nav-tabs > li:first-child.active ~ .hover { margin-left: 0; } } @media (min-width: 440px) { .mixUltra .tab-slid .nav-tabs > li:first-child:hover ~ .hover, .mixUltra .tab-slid .nav-tabs > li:first-child.active ~ .hover { margin-left: -208px; } } @media (max-width: 439px) { .mixUltra .tab-slid .nav-tabs > li:first-child:hover ~ .hover, .mixUltra .tab-slid .nav-tabs > li:first-child.active ~ .hover { margin-left: 0; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: -208px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: 25%; } } @media (min-width: 440px) { .mixUltra .tab-slid .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: 8px; } } @media (max-width: 439px) { .mixUltra .tab-slid .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: 50%; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:nth-child(3).active ~ .hover { margin-left: 8px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:nth-child(3).active ~ .hover { margin-left: 50%; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:nth-child(4).active ~ .hover { margin-left: 224px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:nth-child(4).active ~ .hover { margin-left: 75%; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:first-child:hover ~ .hover { margin-left: -424px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:first-child:hover ~ .hover { margin-left: 0; } } @media (min-width: 440px) { .mixUltra .tab-slid .nav-tabs > li:first-child:hover ~ .hover { margin-left: -208px; } } @media (max-width: 439px) { .mixUltra .tab-slid .nav-tabs > li:first-child:hover ~ .hover { margin-left: 0; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:nth-child(2):hover ~ .hover { margin-left: -208px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:nth-child(2):hover ~ .hover { margin-left: 25%; } } @media (min-width: 440px) { .mixUltra .tab-slid .nav-tabs > li:nth-child(2):hover ~ .hover { margin-left: 8px; } } @media (max-width: 439px) { .mixUltra .tab-slid .nav-tabs > li:nth-child(2):hover ~ .hover { margin-left: 50%; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:nth-child(3):hover ~ .hover { margin-left: 8px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:nth-child(3):hover ~ .hover { margin-left: 50%; } } @media (min-width: 992px) { .tab-slid .nav-tabs > li:nth-child(4):hover ~ .hover { margin-left: 224px; } } @media (max-width: 991px) { .tab-slid .nav-tabs > li:nth-child(4):hover ~ .hover { margin-left: 75%; } } .tab-slid.vsna_tab .title { margin-top: 80px; margin-bottom: 50px; color: #333; } .tab-slid.vsna_tab .nav-tabs { border-bottom-color: #e0e0e0; } .tab-slid.vsna_tab .nav-tabs > li a { width: auto; color: #333; } .tab-slid.vsna_tab .nav-tabs > li.active a { color: #333; } @media (min-width: 992px) { .tab-slid.vsna_tab .nav-tabs > li:first-child:hover ~ .hover, .tab-slid.vsna_tab .nav-tabs > li:first-child.active ~ .hover { margin-left: -565.5px; } } @media (max-width: 991px) { .tab-slid.vsna_tab .nav-tabs > li:first-child:hover ~ .hover, .tab-slid.vsna_tab .nav-tabs > li:first-child.active ~ .hover { margin-left: 0; } } @media (min-width: 992px) { .tab-slid.vsna_tab .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: -188.5px; } } @media (max-width: 991px) { .tab-slid.vsna_tab .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: 25%; } } @media (min-width: 992px) { .tab-slid.vsna_tab .nav-tabs > li:nth-child(3).active ~ .hover { margin-left: 197.33333333px; } } @media (max-width: 991px) { .tab-slid.vsna_tab .nav-tabs > li:nth-child(3).active ~ .hover { margin-left: 0; } } @media (min-width: 992px) { .tab-slid.vsna_tab .nav-tabs > .hover { width: 377px; left: 50%; margin-left: -778px; } } .tab-slid .tab-content { margin: 78px 0 100px; } @media (max-width: 559px) { .tab-slid .tab-content { margin: 42px 0 60px; } } .mixUltra .tab-slid .tab-content { margin-top: 50px; } .tab-slid .tab-content .info { color: #fff; border-left: 1px solid rgba(255, 255, 255, 0.05); } .bg-Ivory.tab-slid .tab-content .info { color: #666; } @media (min-width: 992px) { .tab-slid .tab-content .info { padding-left: 68px; } } @media (max-width: 991px) { .tab-slid .tab-content .info { padding-left: 30px; } } @media (min-width: 992px) and (max-width: 1199px) { .tab-slid .tab-content .info { height: 220px; } } @media (min-width: 1200px) { .tab-slid .tab-content .info { height: 188px; } } .tab-slid .tab-content .info p { line-height: 32px; margin-bottom: 92px; } @media (max-width: 559px) { .tab-slid .tab-content .info p { margin-bottom: 32px; font-size: 12px; } } .mixUltra .tab-slid .tab-content .info { border-left: none; text-align: center; color: #666; max-width: 880px; margin: 0 auto; padding: 0; height: auto; } .mixUltra .tab-slid .tab-content .commit { font-size: 12px; text-align: center; color: rgba(0, 0, 0, 0.3); margin-top: 20px; } /* 混合云管理平台 */ .mix-img { text-align: center; padding-bottom: 40px; } .mix-img > img { max-width: 100%; } /* 基于场景的定制化解决方案 */ .solution .container { padding: 0; } .solution .title { color: #272435; margin: 72px 0 50px; font-weight: normal; line-height: 1.26; text-align: center; } .solution .title .sub-title { color: #666; } .solution .row { margin-left: -12px; margin-right: -12px; } .solution .row > div { padding-left: 12px; padding-right: 12px; } .solution .row > div .rotation-item-default .iconfont { font-size: 62px; } .solution .solution_swiper, .solution .vsna_solution_swipper, .solution .solution_vcf_swiper { position: relative; margin: 0 -60px; padding: 0 60px; } @media (max-width: 1199px) { .solution .solution_swiper, .solution .vsna_solution_swipper, .solution .solution_vcf_swiper { margin: 0; padding: 0; } } .solution .solution_swiper .swiper-container, .solution .vsna_solution_swipper .swiper-container, .solution .solution_vcf_swiper .swiper-container { position: static; } .solution .solution_swiper .swiper-container .swiper-slide, .solution .vsna_solution_swipper .swiper-container .swiper-slide, .solution .solution_vcf_swiper .swiper-container .swiper-slide { background: #f5f3f3; } .solution .solution_swiper .swiper-button-prev, .solution .vsna_solution_swipper .swiper-button-prev, .solution .solution_vcf_swiper .swiper-button-prev, .solution .solution_swiper .swiper-button-next, .solution .vsna_solution_swipper .swiper-button-next, .solution .solution_vcf_swiper .swiper-button-next { background: none; color: #b51018; margin-top: -18px; width: 36px; height: 36px; padding: 0; } @media (max-width: 768px) { .solution .solution_swiper .swiper-button-prev, .solution .vsna_solution_swipper .swiper-button-prev, .solution .solution_vcf_swiper .swiper-button-prev, .solution .solution_swiper .swiper-button-next, .solution .vsna_solution_swipper .swiper-button-next, .solution .solution_vcf_swiper .swiper-button-next { color: rgba(255, 255, 255, 0.6); margin-top: -10px; width: 20px; height: 20px; } } .solution .solution_swiper .swiper-button-prev::before, .solution .vsna_solution_swipper .swiper-button-prev::before, .solution .solution_vcf_swiper .swiper-button-prev::before, .solution .solution_swiper .swiper-button-next::before, .solution .vsna_solution_swipper .swiper-button-next::before, .solution .solution_vcf_swiper .swiper-button-next::before { display: none; } .solution .solution_swiper .swiper-button-prev i.iconfont, .solution .vsna_solution_swipper .swiper-button-prev i.iconfont, .solution .solution_vcf_swiper .swiper-button-prev i.iconfont, .solution .solution_swiper .swiper-button-next i.iconfont, .solution .vsna_solution_swipper .swiper-button-next i.iconfont, .solution .solution_vcf_swiper .swiper-button-next i.iconfont { font-size: 36px; } @media (max-width: 768px) { .solution .solution_swiper .swiper-button-prev i.iconfont, .solution .vsna_solution_swipper .swiper-button-prev i.iconfont, .solution .solution_vcf_swiper .swiper-button-prev i.iconfont, .solution .solution_swiper .swiper-button-next i.iconfont, .solution .vsna_solution_swipper .swiper-button-next i.iconfont, .solution .solution_vcf_swiper .swiper-button-next i.iconfont { font-size: 20px; } } .solution .solution_swiper .swiper-button-prev, .solution .vsna_solution_swipper .swiper-button-prev, .solution .solution_vcf_swiper .swiper-button-prev { transform: rotate(180deg); margin-top: 0; } @media (max-width: 768px) { .solution .solution_swiper .swiper-button-prev, .solution .vsna_solution_swipper .swiper-button-prev, .solution .solution_vcf_swiper .swiper-button-prev { margin-top: 0; } } .solution .solution_swiper .swiper-button-prev.swiper-button-disabled, .solution .vsna_solution_swipper .swiper-button-prev.swiper-button-disabled, .solution .solution_vcf_swiper .swiper-button-prev.swiper-button-disabled { background: none; color: #c6c4d0; } .solution .solution_swiper .swiper-button-next.swiper-button-disabled, .solution .vsna_solution_swipper .swiper-button-next.swiper-button-disabled, .solution .solution_vcf_swiper .swiper-button-next.swiper-button-disabled { background: none; color: #c6c4d0; } .solution.scene .solution_swiper .swiper-container .swiper-slide { background: none; } .solution .vsna_solution_swipper .swiper-container, .solution .solution_vcf_swiper .swiper-container { position: static; } .solution .vsna_solution_swipper .swiper-container .swiper-slide, .solution .solution_vcf_swiper .swiper-container .swiper-slide { background: #fff; } .education_gift { padding: 80px 0; text-align: center; } .education_gift .education_ticket { width: 425px; height: 184px; background: url('../images/education_gift.png'); text-align: right; padding: 60px 185px 0 0; color: rgba(229, 103, 105, 0.5); font-size: 34px; float: left; line-height: 20px; } .education_gift .education_ticket p { color: #e56769; font-size: 60px; line-height: 1em; margin-top: 0; margin-bottom: 0; } .education_gift .education_ticket p span { font-size: 30px; } .education_gift > div { float: left; width: 50%; margin-left: 85px; text-align: left; } .education_gift > div h3 { color: rgba(0, 0, 0, 0.85); font-size: 28px; margin-bottom: 30px; } .education_gift > div div { color: rgba(0, 0, 0, 0.85); font-size: 16px; line-height: 1.8em; } .education_gift > div div span { color: #ff3d00; } .education_gift img { width: 80%; } .education_scenes { background: #f6f6f6; padding: 0px 0 32px; } .education_scenes .container p.solution-title span { font-weight: normal; font-size: 24px; vertical-align: middle; } .education_scenes .container .education_tab { width: 100%; border-bottom: 1px solid #403c4d; display: inline-block; } .education_scenes .container .education_tab li { display: inline-block; margin-bottom: -1px; padding: 18px 0; border-bottom: 2px solid transparent; } .education_scenes .container .education_tab li:last-child a { border-right: none; } .education_scenes .container .education_tab li a { border: none; padding: 0 36px; font-size: 20px; color: #343434; display: block; border-right: 1px solid rgba(39, 36, 53, 0.2); } .education_scenes .container .education_tab li a span { font-size: 16px; color: #000; opacity: 0.87; } .education_scenes .container .education_tab li a.active, .education_scenes .container .education_tab li a:hover { text-decoration: none; } .education_scenes .container .education_tab li a.active a, .education_scenes .container .education_tab li a:hover a { color: #fff; } .education_scenes .container .education_tab li a.active a span, .education_scenes .container .education_tab li a:hover a span { font-weight: bold; color: #fff; } .education_scenes .container .education_tab li a.active a:hover, .education_scenes .container .education_tab li a:hover a:hover { text-decoration: none; } .education_scenes .container .education_tab li.active, .education_scenes .container .education_tab li:hover { border-bottom: 2px solid #b51018; } .education_scenes .container .education_tab li.active a, .education_scenes .container .education_tab li:hover a { color: #b51018; } .education_scenes .container .education_tabpanel .tab-pane { padding: 32px 0 0; display: none; } .education_scenes .container .education_tabpanel .tab-pane.active { display: block; } .education_scenes .container .education_tabpanel .tab-pane dl { width: 100%; float: left; padding: 32px 26px 0px 100px; position: relative; min-height: 140px; } .education_scenes .container .education_tabpanel .tab-pane dl dt { text-align: center; padding: 0; position: absolute; left: 0; top: 26px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border { position: relative; width: 75px; height: 75px; padding: 3px 0; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont { background: url("../images/icon1.png") no-repeat; display: inline-block; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education1 { background-position: -186px -819px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education2 { background-position: -250px -819px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education3 { background-position: -319px -819px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education4 { background-position: 2px -891px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education5 { background-position: -62px -891px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education6 { background-position: -129px -891px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education7 { background-position: -197px -891px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education8 { background-position: -264px -893px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education9 { background-position: -329px -893px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education10 { background-position: 2px -957px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education11 { background-position: -58px -957px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education12 { background-position: -124px -957px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education13 { background-position: -190px -955px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education14 { background-position: -263px -955px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education15 { background-position: -341px -955px; } .education_scenes .container .education_tabpanel .tab-pane dl dt .fea_border .phfont.education16 { background-position: -1px -1024px; } .education_scenes .container .education_tabpanel .tab-pane dl dt i.phfont { width: 60px; height: 60px; } .education_scenes .container .education_tabpanel .tab-pane dl dd { text-align: left; } .education_scenes .container .education_tabpanel .tab-pane dl dd h4 { font-size: 16px; color: #343434; padding: 0; font-weight: normal; } .education_scenes .container .education_tabpanel .tab-pane dl dd p { font-size: 14px; color: #343434; opacity: 0.6; } .education_scenes .container > p { border-top: 1px solid #403c4d; padding-top: 38px; text-align: center; margin-top: 24px; } .solution_ability { background: url('../images/education_join.jpg') no-repeat; height: 200px; text-align: center; padding: 54px 0; } .solution_ability .ability_join { font-size: 24px; color: #fff; } .solution_ability .ability_join p { padding: 16px 0 0 0; } .solution_ability .ability_join p a { background: none; border-color: #fff; font-size: 14px; padding: 8px 32px; } @media (max-width: 1199px) { .education_gift .education_ticket { float: none; margin: 8px auto 64px; text-align: center; } .education_gift > div { float: none; margin: 0 auto; text-align: center; width: 70%; } .education_scenes .container { width: 90%; } .education_scenes .container .education_tab li { padding: 0 12px 12px; } } @media (max-width: 768px) { .education_gift .education_ticket { display: none; } .education_gift > div { width: 85%; text-align: left; } } @media (max-width: 480px) { .education_scenes .container .education_tab li { padding: 0 4px 6px; } .education_scenes .container .education_tab li a { font-size: 12px; } } .rotation { perspective: 600px; } .rotation .default { transform-style: preserve-3d; } @media (max-width: 768px) { .rotation .default { display: none; } } .rotation:hover .default { transform: rotateY(180deg); transition-delay: 0.2s; } .rotation:hover .hover { transform: rotateY(0deg); transition-delay: 0.2s; box-shadow: none; } .bg-DataUltra .rotation:hover .hover { box-shadow: 0 4px 30px rgba(181, 16, 24, 0.6); } .rotation .hover { transform-style: preserve-3d; transform: rotateY(-180deg); } @media (max-width: 768px) { .rotation .hover { transform: rotateY(0deg); border-top: 16px solid #fff; } } .rotation-item { padding-bottom: 125%; height: 0; position: relative; } .rotation-item-default.S-traffic { background: url("../images/S-traffic.jpg"); } .rotation-item-default.S-education { background: url("../images/S-education.jpg"); } .rotation-item-default.S-govement { background: url("../images/S-govement.jpg"); } .rotation-item-default.S-finance { background: url("../images/S-finance.jpg"); } .rotation-item-default.S-park { background: url("../images/S-park.jpg"); } .rotation-item-default.S-organ { background: url("../images/S-organ.jpg"); } .rotation-item-default.S-medical { background: url("../images/S-medical.jpg"); } @media (max-width: 559px) { .rotation-item { padding-bottom: 100%; } } .rotation-item-default, .rotation-item-hover { position: absolute; left: 0; right: 0; top: 0; bottom: 0; backface-visibility: hidden; -webkit-backface-visibility: hidden; transition: transform 0.6s ease-in-out; } .rotation-item-default { padding: 15px; text-align: center; background-position: 0 0; background-repeat: no-repeat; background-size: cover; z-index: 100; background-color: #fff; } @media (max-width: 768px) { .rotation-item-default { display: none; } } .rotation-item-default .iconfont { display: block; font-size: 46px; margin-top: 38%; margin-bottom: 32px; line-height: 1.1; color: #b51018; } @media (min-width: 992px) and (max-width: 1199px) { .rotation-item-default .iconfont { margin-top: 40%; font-size: 42px; } } @media (max-width: 767px) { .rotation-item-default .iconfont { margin-top: 30%; } } @media (min-width: 768px) and (max-width: 1199px) { .education .rotation-item-default .iconfont { margin-top: 40%; font-size: 42px; } } .rotation-item-default > .rotation-item-title { text-align: center; line-height: 1.4; } @media (min-width: 992px) and (max-width: 1199px) { .rotation-item-default > .rotation-item-title { font-size: 20px; } } .rotation-item-hover { background-color: #b51018; color: #fff; overflow: hidden; padding: 42px 24px 30px; z-index: 1; } @media (min-width: 992px) and (max-width: 1199px) { .rotation-item-hover { padding: 25px; } } @media (min-width: 992px) and (max-width: 1199px) { .rotation-item-hover > .rotation-item-title { font-size: 20px; text-align: left; } } .rotation-item-hover a { position: relative; z-index: 1; } .rotation-item-hover i.iconfont { position: absolute; font-size: 220px; bottom: -64px; right: -64px; color: #a1080c; z-index: 0; } .rotation-item-title { margin: 0; font-size: 24px; font-weight: normal; line-height: 1.4; position: relative; z-index: 2; } @media (min-width: 768px) and (max-width: 1199px) { .education .rotation-item-title { font-size: 20px; } } .rotation-item-info { color: rgba(255, 255, 255, 0.8); line-height: 1.8; text-align: justify; text-justify: distribute; margin-top: 20px; position: absolute; z-index: 111; top: 80px; left: 24px; width: 85%; } @media (min-width: 992px) and (max-width: 1199px) { .rotation-item-info { margin-top: 12px; line-height: 1.6; } } .col-sm-4 .rotation-item, .col-md-4 .rotation-item { padding-bottom: 91.62303665%; } @media (min-width: 1200px) { .col-sm-4 .rotation-item .rotation-item-default .iconfont, .col-md-4 .rotation-item .rotation-item-default .iconfont { margin-top: 30%; } } @media (min-width: 992px) and (max-width: 1199px) { .col-sm-4 .rotation-item .rotation-item-default .iconfont, .col-md-4 .rotation-item .rotation-item-default .iconfont { margin-top: 22%; } } @media (min-width: 992px) and (max-width: 1199px) { .col-sm-4 .rotation-item .rotation-item-hover, .col-md-4 .rotation-item .rotation-item-hover { padding: 26px 34px 30px; } } @media (min-width: 1200px) { .col-sm-4 .rotation-item .rotation-item-hover .rotation-item-title, .col-md-4 .rotation-item .rotation-item-hover .rotation-item-title { line-height: 2; } } @media (min-width: 992px) and (max-width: 1199px) { .col-sm-4 .rotation-item .rotation-item-hover .rotation-item-title, .col-md-4 .rotation-item .rotation-item-hover .rotation-item-title { margin-top: 10px; } } @media (min-width: 992px) { .col-sm-4 .rotation-item .rotation-item-info, .col-md-4 .rotation-item .rotation-item-info { line-height: 2; } } @media (max-width: 991px) { .col-sm-6 .rotation-item { padding-bottom: 91.62303665%; } } @media (max-width: 991px) { .col-sm-6 .rotation-item .rotation-item-default .iconfont { margin-top: 26%; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-4 .rotation-item { padding-bottom: 125%; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-4 .rotation-item .rotation-item-title { font-size: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .col-sm-4 .rotation-item .rotation-item-title { font-size: 22px; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-4 .rotation-item .rotation-item-hover { padding: 35px 30px 30px; } } @media (min-width: 768px) and (max-width: 991px) { .col-sm-4 .rotation-item .rotation-item-hover .rotation-item-info { margin-top: 16px; } } .home .rotation-item-default .rotation-item-title { color: #636363; } .home .rotation-item-hover { padding: 0; } .home .rotation-item-hover > a { background-color: #b51018; color: #fff; padding: 42px 24px 30px; position: relative; display: inline-block; width: 100%; height: 100%; } .cloud_type { padding: 40px 0 0 0; } .cloud_type .col-sm-4 .rotation-item, .cloud_type .col-md-4 .rotation-item, .cloud_type .swiper-slide .rotation-item { padding-bottom: 169px; } .cloud_type .col-sm-6 .rotation-item, .cloud_type .col-md-6 .rotation-item, .cloud_type .swiper-slide .rotation-item { padding-bottom: 169px; } .cloud_type .no-rotation { padding: 16px; } .cloud_type .no-rotation .rotation-item-default { height: 200px; } .cloud_type .no-rotation .rotation-item-default.private_01 { background: url('../images/private_img01.png') no-repeat center center; } .cloud_type .no-rotation .rotation-item-default.private_02 { background: url('../images/private_img02.png') no-repeat center center; } .cloud_type .no-rotation .rotation-item-default.private_03 { background: url('../images/private_img03.png') no-repeat center center; } .cloud_type .no-rotation .rotation-item-default.private_04 { background: url('../images/private_img07.png') no-repeat center center; } .cloud_type .no-rotation .rotation-item-default.private_05 { background: url('../images/private_img08.png') no-repeat center center; } .cloud_type .no-rotation .rotation-item-default.mix_01 { background: url('../images/mu_img01.jpg') no-repeat center center; } .cloud_type .no-rotation .rotation-item-default.mix_02 { background: url('../images/mu_img02.jpg') no-repeat center center; } .cloud_type .no-rotation .rotation-item-title { text-align: left; padding: 35px 0 0 0; } .cloud_type .no-rotation:hover .hover { box-shadow: none; padding: 16px; } .cloud_type .col-sm-4 .rotation-item .rotation-item-hover .rotation-item-title, .cloud_type .col-md-4 .rotation-item .rotation-item-hover .rotation-item-title, .cloud_type .swiper-slide .rotation-item .rotation-item-hover .rotation-item-title { line-height: 1.4; } .cloud_type .panel_tab { border-bottom: 1px solid #e0e0e0; } .cloud_type .panel_tab ul { text-align: center; border-top: 1px solid #e0e0e0; display: block; } .cloud_type .panel_tab ul.noflex { width: 470px; margin: 0 auto; height: 80px; clear: both; zoom: 1; } .cloud_type .panel_tab ul.noflex.hyper { width: 674px; } .cloud_type .panel_tab ul.noflex.hyper li { width: 33.33%; } @media (max-width: 559px) { .cloud_type .panel_tab ul.noflex.hyper { width: auto !important; } .cloud_type .panel_tab ul.noflex.hyper li small { font-size: 18px; } .cloud_type .panel_tab ul.noflex.hyper li small i { font-size: 12px; vertical-align: top; font-style: normal; } .cloud_type .panel_tab ul.noflex.hyper li.active { margin-top: -20px; } } .cloud_type .panel_tab ul.noflex li { width: 50%; padding: 12px 0; float: left; display: block; margin-left: 0 !important; } .cloud_type .panel_tab ul.noflex li.active { height: 105px; margin-bottom: -1px; } .cloud_type .panel_tab ul.noflex li.active:last-child { margin-left: -1px !important; } @media (max-width: 559px) { .cloud_type .panel_tab ul.noflex { height: auto; } .cloud_type .panel_tab ul.noflex li { height: auto; } .cloud_type .panel_tab ul.noflex li.active { height: 70px; } } .cloud_type .panel_tab ul li { width: 16.65%; padding: 12px 0 12px 5px; display: inline-block; margin-left: -3px; } .cloud_type .panel_tab ul li a { width: 100%; display: inline-block; border-right: 1px solid #e0e0e0; text-align: center; font-weight: 500; color: #636363; } .cloud_type .panel_tab ul li a span { font-size: 24px; } .cloud_type .panel_tab ul li a span i { font-style: normal; font-size: 12px; vertical-align: top; } .cloud_type .panel_tab ul li a p { font-size: 16px; min-height: 22px; margin: 0; } .cloud_type .panel_tab ul li a small { display: none; font-size: 12px; } .cloud_type .panel_tab ul li:last-child { border-right: 1px solid #e0e0e0; margin-left: -2px; } .cloud_type .panel_tab ul li:last-child a { border-right: none; } .cloud_type .panel_tab ul li:first-child { border-left: 1px solid #e0e0e0; } .cloud_type .panel_tab ul li.active { border-top: 1px solid #b51018; margin-top: -24px; margin-left: -6px; padding: 24px 0 12px 6px; margin-bottom: -1px; height: 94px; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; background: #fff; } .cloud_type .panel_tab ul li.active a { border-right: none; color: #b51018; } .cloud_type .panel_tab ul li.active:last-child { margin-left: -10px; } @media (max-width: 559px) { .cloud_type .panel_tab ul li { height: auto; width: auto; padding: 0; } .cloud_type .panel_tab ul li a { padding: 8px; } .cloud_type .panel_tab ul li a p, .cloud_type .panel_tab ul li a span { display: none; } .cloud_type .panel_tab ul li a small { display: block; } .cloud_type .panel_tab ul li.active { height: 60px; padding: 8px 0 12px 0; } } @media (max-width: 559px) { .cloud_type .panel_tab .container { padding: 0; } } .xinchuang-banner { margin: 72px 0 0; padding: 0 !important; } .xinchuang-banner > img { width: 100%; } /* 客户--他们都使用威斯尼斯人wns2299登录 */ .client .title { margin: 72px 0 50px; font-weight: normal; line-height: 1.26; text-align: center; } .client .title .text-red { opacity: 0.6; } .client .bg-grey { background: #f5f3f3; position: relative; padding: 0 0 0 300px; } @media (max-width: 768px) { .client .bg-grey { padding: 0 0 0 150px; } } .client .nav-tabs { position: absolute; left: 0; top: 0; border: none; text-align: left; z-index: 2; width: 278px; transform-style: preserve-3d; background: #b51018; height: 100%; } @media (max-width: 768px) { .client .nav-tabs { width: 140px; } } .client .nav-tabs > li { margin: 0; float: none; display: block; list-style: none; } .client .nav-tabs > li a { margin: 0; border: none; white-space: nowrap; line-height: 36px; font-size: 18px; color: #fff; padding: 8px 16px 8px 36px; cursor: pointer; } @media (max-width: 768px) { .client .nav-tabs > li a { padding: 4px 8px; font-size: 14px; } } .client .nav-tabs > li a:hover { background: #7c0107; } .client .nav-tabs > li a:active, .client .nav-tabs > li a:focus { background: #b51018; } .client .nav-tabs > li.active a { border: none; background: #7c0107; color: #fff; position: relative; } .client .nav-tabs > li.active a::before { content: ''; border-style: dashed solid dashed dashed; border-color: transparent #f5f3f3 transparent transparent; border-width: 10px; width: 0; height: 0; position: absolute; right: 0; top: 50%; margin-top: -10px; } .client .nav-tabs > li.case_more a { background: none; } .client .nav-tabs > li.case_more a:hover { background: none; } .client .tab-content { min-height: 480px; } .client-item { padding: 30px 30px 30px 0; border-left: 1px dotted rgba(255, 255, 255, 0.1); } @media (min-width: 1200px) { .client-item { height: 180px; } } @media (min-width: 992px) and (max-width: 1199px) { .client-item { height: 220px; } } @media (max-width: 768px) { .client-item { padding: 16px 10px 32px 0; } } .client-title { color: #fff; font-family: "Microsoft YaHei"; font-size: 18px; margin-top: 15px; margin-bottom: 20px; } .client-img { padding: 0 24px; text-align: center; } .client-img img { width: 100%; } @media (min-width: 992px) { .client-img { padding: 0 12px; } } @media (max-width: 991px) { .client-img { padding: 0 6px; } } @media (max-width: 559px) { .client-img { padding: 0; } } .client-icon { padding: 12px 24px; } @media (min-width: 992px) { .client-icon { padding: 12px; } } @media (max-width: 991px) { .client-icon { padding: 12px 6px; } } @media (max-width: 559px) { .client-icon { padding: 12px 0; } .client-icon img { max-width: 100%; } } .client-info { color: #3a3a3a; line-height: 1.8; font-family: "Microsoft YaHei"; padding: 0 24px; } @media (min-width: 992px) { .client-info { padding: 0 12px; } } @media (max-width: 991px) { .client-info { padding: 0 6px; } } @media (max-width: 559px) { .client-info { padding: 0; } } .client-logo { background-color: #393549; padding: 30px 20px 50px; overflow: hidden; margin-bottom: 20px; position: relative; } @media (max-width: 559px) { .client-logo { padding: 16px 0; } } .client-logo-list { margin: 0 auto; } .client-logo-list::after { content: ""; display: block; height: 0; line-height: 0; clear: both; zoom: 1; visibility: hidden; } @media (min-width: 992px) { .client-logo-list { width: 800px; } } @media (min-width: 768px) and (max-width: 991px) { .client-logo-list { width: 640px; } } @media (min-width: 560px) and (max-width: 767px) { .client-logo-list { width: 480px; } } @media (min-width: 360px) and (max-width: 559px) { .client-logo-list { width: 320px; } } @media (max-width: 359px) { .client-logo-list { width: 280px; } } .client-logo-list > li { padding: 10px; float: left; width: 160px; } @media (max-width: 559px) { .client-logo-list > li { width: 32%; padding: 2px; } } .client-logo-list > li > a { display: block; } .client-logo-list > li > a > img { width: 100%; height: auto; } .client a.learn_more { background: #b51018; padding: 8px 24px; border-radius: 16px; color: #fff; position: absolute; right: 36px; bottom: 24px; } @media (max-width: 768px) { .client a.learn_more { font-size: 12px; bottom: 8px; right: 16px; padding: 4px 12px; } } /* 最新动态 */ .news { background-color: #f5f3f3; padding-bottom: 40px; } .news .col-md-3 { padding: 0; } .news .title { padding: 40px 0; margin-top: 50px; margin-bottom: 42px; } .news-title { margin-top: 0; padding: 14px 0 20px 20px; font-size: 24px; border-bottom: 1px dotted #ccc; position: relative; } .news-title > a { color: #333; } .news-title > a:hover { text-decoration: none; color: #333; } .news-title::before { content: ''; position: absolute; left: 0; top: 50%; margin-top: -12px; width: 8px; height: 24px; background-color: #b51018; } .news-item { padding: 10px 24px; margin-bottom: 36px; transition: all 0.3s linear; font-family: "Microsoft YaHei"; } @media (max-width: 559px) { .news-item { padding: 8px 16px; margin: 0 0 16px 0; } } .news-item-title { margin: 20px 0 16px; max-width: 246px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .news-item-title a { font-size: 18px; font-weight: normal; text-decoration: none; color: #333; cursor: pointer; } .news-item-info { padding-bottom: 20px; border-bottom: 1px dotted #ccc; margin-bottom: 20px; } .news-item-info a { color: #666; line-height: 1.8; text-decoration: none; cursor: pointer; } .news-item .btn { margin-bottom: 18px; } .news-item:hover { background-color: #fff; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } .news-item dl { border-bottom: 1px dotted #ccc; padding: 0 0 20px 0; } .news-item dl dd a { cursor: pointer; color: #333; font-size: 15px; padding: 4px 0; display: block; } .news-item dl dd a i.iconfont { background: none; float: left; font-size: 12px; margin: 2px 8px 0 0; } .news-item dl dd a .news_lists { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 100%; } .news-item dl dd a:hover, .news-item dl dd a:link, .news-item dl dd a:visited { text-decoration: none; } .news-item dl dd a:hover { color: #d0121b; } .news-item dl dd a:hover i.iconfont { color: #d0121b; } .news-item dl dd a:hover i.iconfont::before { content: '\e691'; } .coopration .title { text-align: center; margin: 72px 0 35px; } .coopration dl { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin: 0; } @media (max-width: 1019px) { .coopration dl { display: inline-block; } .coopration dl dd { float: left; width: 50%; text-align: center; height: 105px; } .coopration dl dd a img { max-width: 100%; } } .coopration dl dd a { padding: 12px 0; display: inline-block; } .news_action { background: #fff; } .news_action .title { text-align: center; margin: 55px 0 50px; } .news_action dl { display: inline-block; width: 100%; } @media (max-width: 768px) { .news_action dl { display: block; } .news_action dl dd { width: 100%; margin: 0; } } .news_action dl dd { background: #f5f3f3; margin: 0 2% 0 0; width: 32%; float: left; } .news_action dl dd:last-child { margin: 0; } @media (max-width: 768px) { .news_action dl dd { width: 48%; } } @media (max-width: 478px) { .news_action dl dd { width: 100%; } } .news_action dl dd a .new-img img { max-width: 100%; } .news_action dl dd a h4 { color: #333; font-size: 18px; text-align: center; padding: 8px 0; } .news_action dl dd a p { font-size: 14px; color: #595757; line-height: 22px; padding: 0 12px 24px 12px; display: inline-block; } .news_action dl dd a p:hover, .news_action dl dd a p :link { text-decoration: none; } .news_action a.news_more { background: #b51018; padding: 8px 24px; border-radius: 16px; color: #fff; display: inline-block; margin: 0 0 22px 0; } .about_us { margin: 50px 0; } .about_us .container dl { display: inline-block; width: 100%; } @media (max-width: 768px) { .about_us .container dl { display: inline-block; width: 100%; } } .about_us .container dl dt { display: inline-block; width: 45%; padding: 0 1% 0 0; float: left; } .about_us .container dl dt img { max-width: 100%; } @media (max-width: 768px) { .about_us .container dl dt { width: 100%; } .about_us .container dl dt img { max-width: 100%; } } .about_us .container dl dd { width: 54%; float: left; padding: 0 24px; } @media (max-width: 768px) { .about_us .container dl dd { width: 100%; } } .about_us .container dl dd a .title { padding: 0 0 12px 0; color: #3a3a3a; } .about_us .container dl dd a p { line-height: 24px; color: #666; } /* 关于威斯尼斯人wns2299登录 */ .aboutUs { padding: 80px 0; font-family: "Microsoft YaHei"; } @media (max-width: 559px) { .aboutUs { padding: 16px 0; } } .aboutUs-data { margin: 20px 30px; max-width: 280px; max-height: 280px; } @media (max-width: 991px) { .aboutUs-data { margin: 0 auto 60px; } } .aboutUs-data > div { height: 0; padding-bottom: 100%; background: url(../images/aboutUs-img.png) center center / 92% 92% no-repeat; position: relative; } .aboutUs-data > div > ul { position: absolute; left: 0; top: 0; right: 0; bottom: 0; } .aboutUs-data > div > ul > li { position: absolute; text-align: center; } .aboutUs-data > div > ul > li:nth-child(1), .aboutUs-data > div > ul > li:nth-child(2) { left: 0; width: 100%; } .aboutUs-data > div > ul > li:nth-child(2) { bottom: 0; } .aboutUs-data > div > ul > li:nth-child(3), .aboutUs-data > div > ul > li:nth-child(4) { top: 50%; margin-top: -32px; } .aboutUs-data > div > ul > li:nth-child(4) { right: 0; } .aboutUs-data > div > ul > li > p { white-space: nowrap; margin: 0; } .aboutUs-data > div > ul > li > p:first-child { font-size: 32px; } .aboutUs-data > div > ul > li > p:first-child + p { color: #666; } .aboutUs .title { line-height: 1.2; } @media (min-width: 992px) { .aboutUs .title { text-align: left !important; } } .aboutUs-info { margin: 40px 0; line-height: 2; } @media (max-width: 559px) { .aboutUs-info { margin: 16px 0; } } /*Gartner*/ .gartner .aboutus .container { display: block ; } .gartner .aboutus .container h4 { margin-top: 30px; font-size: 24px; border-left: 5px solid #b2242b; padding-left: 24px; margin-bottom: 72px; } .gartner .aboutus .container .gartner-panel { padding: 0 32px; } .gartner .aboutus .container .gartner-panel img { float: left; margin-right: 64px; } .gartner .aboutus .container .gartner-panel .gartner-introduce b { font-size: 40px; display: block; line-height: 40px; margin-bottom: 16px; color: #4d4d4d; } .gartner .aboutus .container .gartner-panel .gartner-introduce span { font-size: 16px; margin-bottom: 36px; display: inline-block; color: #666; } .gartner .aboutus .container .gartner-panel .gartner-introduce p { line-height: 1.8em; margin-bottom: 12px; color: #666; } .gartner .aboutus .container .gartner-content { margin-top: 36px; padding-top: 24px; border-top: 1px #bfbfbf dotted; overflow: hidden; } .gartner .aboutus .container .gartner-content img { float: none; } .gartner .aboutus .container .gartner-content span { display: block; color: #00529b; font-size: 16px; margin-top: 16px; } .gartner .aboutus .container .gartner-content b { color: #4b4b4b; font-size: 16px; line-height: 40px; font-weight: normal; } .gartner .aboutus .container .gartner-content p { font-size: #666; line-height: 1.8em; margin-bottom: 24px; color: #666; } .gartner .aboutus .container .gartner-content dl { color: #666; } .gartner .aboutus .container .gartner-content dl dt { font-weight: normal; line-height: 1.8em; } .gartner .aboutus .container .gartner-content dl dd { line-height: 1.8em; } .gartner .aboutus .container .gartner-content h5 { font-size: 28px; line-height: 42px; margin: 0; } .gartner .aboutus .container .gartner-content .p-btn { text-align: right; } .gartner .aboutus .container .gartner-content .p-btn a { margin-left: 30px; } .gartner .aboutus .container .gartner-logo { text-align: right; background: #acabac; line-height: 90px; vertical-align: middle; clear: none; } .gartner .aboutus .container .gartner-logo img { float: none; margin-right: 50px; } @media (max-width: 768px) { .gartner .gartner-panel-img { text-align: center; } .gartner .aboutus .container .gartner-panel img { margin-right: 0; float: none; margin-bottom: 30px; } .gartner .gartner-introduce { text-align: center; } .gartner .gartner-introduce p { text-align: left; } .gartner .aboutus .container .gartner-content .p-btn { text-align: center; } .gartner .aboutus .container .gartner-content .p-btn a { margin-left: 0; margin-right: 10px; } .gartner .gartner-logo img { width: 100px; } } /* 产品-cloudUltra 使用场景 */ .scene { padding-bottom: 60px; } .scene .title { margin: 80px 0 60px; } .scene .rotation-item-hover .rotation-item-title { text-align: center; } .scene .calculate { background-image: url(../images/cloudUltra-img-01.png); } .scene .traffic { background-image: url(../images/cloudUltra-img-02.png); } .scene .autoDelivery { background-image: url(../images/cloudUltra-img-03.png); } .scene .mixCloud { background-image: url(../images/cloudUltra-img-04.png); } .scene .suBackup { background-image: url(../images/StorUltra-01.jpg); } .scene .suIntrust { background-image: url(../images/StorUltra-02.jpg); } .scene .suShare { background-image: url(../images/StorUltra-03.jpg); } .scene .suData { background-image: url(../images/StorUltra-04.jpg); } .scene .trafic_01 { background-image: url(../images/traffic-img-01.png); } .scene .trafic_02 { background-image: url(../images/traffic-img-02.png); } .scene .trafic_03 { background-image: url(../images/traffic-img-03.png); } .scene .parkCloud { background-image: url(../images/park-scene-01.png); } .scene .aplly { background-image: url(../images/park-scene-02.png); } .scene .communicate { background-image: url(../images/park-scene-03.png); } .scene .decision { background-image: url(../images/park-scene-04.png); } .scene .eduCloud { background-image: url(../images/edu-scene-01.png); } .scene .eduMemory { background-image: url(../images/edu-scene-02.png); } .scene .eduData { background-image: url(../images/edu-scene-03.png); } .scene .ecomShare { background-image: url(../images/e-commerce-01.jpg); } .scene .ecomCloud { background-image: url(../images/e-commerce-02.jpg); } .scene .ecomStore { background-image: url(../images/e-commerce-03.jpg); } .scene .finServe { background-image: url(../images/finance-01.png); } .scene .finStore { background-image: url(../images/finance-02.png); } .scene .finData { background-image: url(../images/finance-03.png); } .scene .mediHIS { background-image: url(../images/medical-01.png); } .scene .mediTreat { background-image: url(../images/medical-02.png); } .scene .mediPACS { background-image: url(../images/medical-03.png); } .scene .duSene { background-image: url(../images/dataUltra-img-1.jpg); } .scene .duCenter { background-image: url(../images/dataUltra-img-2.jpg); } .scene .dushop { background-image: url(../images/dataUltra-img-3.jpg); } .scene .duMix { background-image: url(../images/dataUltra-img-4.jpg); } .scene .police_01 { background-image: url(../images/police-bg01.png); } .scene .police_02 { background-image: url(../images/police-bg02.png); } .scene .police_03 { background-image: url(../images/police-bg03.png); } .scene .police_04 { background-image: url(../images/police-bg04.png); } .scene .mixbg01 { background-image: url(../images/mu-bg01.png); } .scene .mixbg02 { background-image: url(../images/mu-bg02.png); } .scene .mixbg03 { background-image: url(../images/mu-bg03.png); } .scene .vuLeft { background-image: url(../images/VMUltra-img-1.jpg); } .scene .vuCenter { background-image: url(../images/VMUltra-img-2.jpg); } .scene .vuRight { background-image: url(../images/VMUltra-img-3.jpg); } .scene .ops_01 { background-image: url(../images/ops_imgbg01.png); } .scene .ops_02 { background-image: url(../images/ops_imgbg02.png); } .scene .ops_03 { background-image: url(../images/ops_imgbg03.png); } .scene .ops_04 { background-image: url(../images/ops_imgbg04.png); } .scene .ops_05 { background-image: url(../images/ops_imgbg05.png); } .scene .ops_06 { background-image: url(../images/ops_imgbg06.png); } .scene .ops_bg01 { background-image: url(../images/ops_Bg01.png); } .scene .ops_bg02 { background-image: url(../images/ops_Bg02.png); } .scene .ops_bg03 { background-image: url(../images/ops_Bg03.png); } .scene .ops_bg04 { background-image: url(../images/ops_Bg04.png); } .scene .cu_01 { background-image: url(../images/cu_imgbg01.png); } .scene .cu_02 { background-image: url(../images/cu_imgbg02.png); } .scene .cu_03 { background-image: url(../images/cu_imgbg03.png); } .scene .cu_04 { background-image: url(../images/cu_imgbg04.png); } .scene .cu_05 { background-image: url(../images/cu_imgbg05.png); } .scene .cu_06 { background-image: url(../images/cu_imgbg06.png); } .scene .rotation-item-info.text-center { text-align: center; } .cloudUltra .scene .rotation-item-default.traffic .iconfont { font-size: 58px; line-height: 50px; } @media (min-width: 992px) and (max-width: 1199px) { .cloudUltra .scene .rotation-item-default.traffic .iconfont { margin-top: 40%; font-size: 50px; line-height: 46px; } } .e-commerce .scene .rotation-item-default .iconfont, .dataUltra .scene .rotation-item-default .iconfont { font-size: 54px; line-height: 54px; } .VMUltra_banner { padding-top: 32px; } .VMUltra_banner img { float: left; } @media (max-width: 768px) { .VMUltra_banner img { width: 100%; } } .VMUltra_banner div { text-align: left; } .VMUltra_banner div h2 { font-size: 40px; line-height: 1.8em; } @media (max-width: 768px) { .VMUltra_banner div h2 { font-size: 28px; } } .VMUltra_banner div p { font-size: 16px; line-height: 1.8em; margin-bottom: 48px; } .VMUltra_banner .modal-dialog { width: 545px; margin-top: 160px; } .VMUltra_banner .modal-dialog .modal-header { background: #edecf6; line-height: 64px; font-size: 20px; text-align: center; color: rgba(0, 0, 0, 0.85); border-radius: 10px 10px 0 0; margin: 0; padding: 16px; border-radius: 0; } .application_form { padding: 18px 40px 28px; } .application_form .form-group { position: relative; margin-bottom: 18px; } .application_form .form-group input.form-control { line-height: 36px; height: 36px; border: 1px #d9dee2 solid; } .application_form .form-group span.required { position: absolute; right: 12px; top: 7px; color: #ddd; display: inline-block; padding-left: 10px; background: #fff; } .application_form .form-group.info { text-align: center; color: rgba(0, 0, 0, 0.4); font-size: 14px; margin-top: -10px; } .application_form .form-group .checkbox { color: rgba(0, 0, 0, 0.65); padding-bottom: 16px; margin-top: 12px; border-bottom: 1px #ddd dotted; } .application_form .form-group .checkbox a { color: #b91f23; } .application_form .form-group .alert { padding: 8px 15px; } .application_form .form-group .alert span.glyphicon { color: #f0a332; } .application_form .form-group .btn { width: 100%; height: 48px; background-color: #b91f23; } .solution_grey .rotation-item-hover { position: relative; min-height: 339px; } .solution_grey .rotation:hover .hover { box-shadow: none; } #newBridge .icon-right-center { right: -1px !important; } #newBridge .nb-nodeboard-right-bottom { right: 0 !important; } .hyper_list h4.list-title { font-size: 20px; } @media (max-width: 559px) { .tab-slid.vsna_tab .nav-tabs > li { width: 33%; } .tab-slid.vsna_tab .nav-tabs > li span { display: none; } .tab-slid.vsna_tab .nav-tabs > li:nth-child(2).active ~ .hover { margin-left: 37%; } .tab-slid.vsna_tab .nav-tabs > li:nth-child(3).active ~ .hover { margin-left: 70%; } .online-consultation { display: none; } } .online-consultation { position: fixed; right: 0px; top: 50%; left: auto; bottom: auto; width: 200px; cursor: pointer; z-index: 10000; } .online-consultation dt { float: right; background: url(../images/online.png) no-repeat; height: 80px; width: 70px; background-size: 100%; margin-top: 10px; position: relative; z-index: 2; } .online-consultation dd { margin-bottom: 5px; transition: all 0.5s ease-in-out; opacity: 0; position: relative; left: 220px; z-index: 1; } .online-consultation dd a { background: url(../images/online1.png) no-repeat; background-size: 100%; width: 120px; height: 31px; font-size: 12px; text-align: center; line-height: 31px; color: #fff; padding-right: 28px; display: inline-block; } .online-consultation dd a { color: #fff; } .online-consultation dd.chat a { background-position: 0 0px; } .online-consultation dd.hotline a { background-position: 0 -38px; } .online-consultation dd.free a { background-position: 0 -73px; } .online-consultation:hover dd { opacity: 1; transform: translate(-220px, 0); } .en-consultation { display: none; } .nb-icon-inner-wrap { display: none; } @media (max-width: 1199px) { section.banners { padding-left: 0px !important; padding-right: 0px !important; } } .index-point .container { padding: 0 !important; } .index-point ul { display: -ms-flexbox; display: flex; padding: 40px 0; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: distribute; justify-content: space-around; } .index-point li { -ms-flex-positive: 1; flex-grow: 1; text-align: center; line-height: 1.6; } .index-point li:nth-last-child(n+2) { border-right: 1px dashed #a5a4a4; } .index-point i { display: block; width: 90px; height: 90px; background: url("../images/index-point-icon.png") no-repeat; margin: 0 auto; } .index-point li:nth-child(1) i { background-position: 0 0px !important; } .index-point li:nth-child(2) i { background-position: 0 -90px !important; } .index-point li:nth-child(3) i { background-position: 0 -180px !important; } .index-point li:nth-child(4) i { background-position: 0 -270px !important; } .index-point h5 { font-size: 20px; } .index-point h5 strong, .index-point h5 span { display: block; } .index-point h5 strong { font-size: 30px; line-height: 2; } @media (max-width: 1199px) { .index-point, .index-point .container { padding: 0 !important; } } @media (max-width: 991px) { .index-point h5 span { font-size: 18px; } } @media (max-width: 768px) { .index-point ul { -ms-flex-flow: row wrap; flex-flow: row wrap; } .index-point li { width: 50%; } .index-point li:nth-child(2) { border: none; } .index-point li:nth-child(-n+2) { padding-bottom: 24px; } .index-point li:nth-child(n+3) { border-top: 1px dashed #a5a4a4; padding-top: 24px; } } .active_tip .container { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; padding-left: 0; } .active_tip .container ul li { max-width: 98%; } .active_tip .icon-tips, .active_tip a.tip_more { position: relative !important; top: 0 !important; } .active_tip a.tip_more { margin-left: 8px; display: inline-block !important; color: #fff !important; padding: 6px 36px !important; border: 2px solid #fff !important; border-radius: 20px !important; transition: all 0.3s !important; } .active_tip a.tip_more:hover { background: #fff !important; color: #b51018 !important; } .active_tip .txtScroll-top { -ms-flex-positive: 1; flex-grow: 1; padding: 0 16px; max-width: 100%; } .active_tip .txtScroll-top a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 99%; } @media (min-width: 992px) { .active_tip .txtScroll-top { max-width: calc(100% - 400px); } } @media (min-width: 608px) and (max-width: 991px) { .active_tip .txtScroll-top { max-width: calc(100% - 220px); } } @media (min-width: 992px) { .active_tip .more { padding-top: 24px; } } @media (max-width: 991px) and (min-width: 608px) { .active_tip .more a { display: block !important; text-align: center; margin: 0; } .active_tip .more a + a { margin-top: 8px; } } @media (max-width: 607px) { .active_tip .container { -ms-flex-flow: row wrap; flex-flow: row wrap; } .active_tip .more { padding-top: 16px; } .active_tip .more a { margin-bottom: 8px; } } .index-mi-build { padding-bottom: 96px; } .index-mi-build .container { padding: 0; } .index-mi-build .title { padding: 48px 0; } .index-mi-build .con { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; height: 400px; } .index-mi-build h5 { white-space: nowrap; font-size: 24px; position: relative; margin-bottom: 32px; line-height: 1.4; } .index-mi-build h5:after { content: ""; width: 60px; height: 5px; border-radius: 6px; background: #b51018; position: absolute; bottom: -12px; left: 0; } .index-mi-build p { font-size: 16px; line-height: 1.8; position: relative; top: 0; opacity: 0; filter: alpha(opacity=0); } .index-mi-build .item { padding: 24px; width: 170px; overflow: hidden; background: center center no-repeat; position: relative; cursor: pointer; } .index-mi-build .item:nth-last-child(-n+5) { border-left: 2px solid #fff; } .index-mi-build .item:after { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; background: rgba(255, 255, 255, 0.5); z-index: 1; } .index-mi-build .item * { position: relative; z-index: 2; } .index-mi-build .item a { position: absolute; right: 24px; bottom: -48px; opacity: 0; filter: alpha(opacity=0); display: inline-block; color: #fff; padding: 6px 36px; background: #b51018; border-radius: 20px; transition: all 0.3s; } .index-mi-build .item a:hover { background: #860c12; color: #fff; } .index-mi-build .item.active { -ms-flex-positive: 1; flex-grow: 1; } .index-mi-build .item.active:after { background: rgba(255, 255, 255, 0); } .index-mi-build .item.active p { top: 32px; opacity: 1; filter: alpha(opacity=100); } .index-mi-build .item.active a { bottom: 24px; opacity: 1; filter: alpha(opacity=100); } .index-mi-build .item:nth-child(1) { background-image: url("../images/index-mi-build/01.jpg") !important; } .index-mi-build .item:nth-child(2) { background-image: url("../images/index-mi-build/02.jpg") !important; } .index-mi-build .item:nth-child(3) { background-image: url("../images/index-mi-build/03.jpg") !important; } .index-mi-build .item:nth-child(4) { background-image: url("../images/index-mi-build/04.jpg") !important; } .index-mi-build .item:nth-child(5) { background-image: url("../images/index-mi-build/05.jpg") !important; } .index-mi-build .item:nth-child(6) { background-image: url("../images/index-mi-build/06.jpg") !important; } .index-mi-build p, .index-mi-build .item, .index-mi-build .item:after { transition: all 0.3s; } .index-mi-build p { transition-delay: 0.2s; } @media (max-width: 1100px) and (min-width: 992px) { .index-mi-build .item:not(.active) { width: 145px; } } @media (max-width: 991px) and (min-width: 768px) { .index-mi-build .item { padding-left: 12px; padding-right: 12px; } .index-mi-build .item a { right: 12px; } .index-mi-build .item:not(.active) { width: 110px; } .index-mi-build .item:first-child:not(.active) { width: 130px; } .index-mi-build .item:last-child:not(.active) { width: 100px; } } @media (max-width: 767px) { .index-mi-build { padding-bottom: 40px; } .index-mi-build .con { display: block; height: auto; } .index-mi-build h5 { top: -4px; } .index-mi-build h5 br { display: none; } .index-mi-build .item { width: 100%; height: 100px; border-left: none !important; border-top: 2px solid #fff; } .index-mi-build .item, .index-mi-build .item.active { height: auto; padding-bottom: 64px; } .index-mi-build .item p, .index-mi-build .item.active p { top: 8px; padding-bottom: 16px; opacity: 1; filter: alpha(opacity=100); } .index-mi-build .item:after, .index-mi-build .item.active:after { display: none; } .index-mi-build .item a, .index-mi-build .item.active a { bottom: 24px; opacity: 1; filter: alpha(opacity=100); } } @media (max-width: 767px) { .index-tab-box .container { padding: 0; } } .index-tab-box .title { padding: 72px 0 48px; } .index-tab-box .con { position: relative; padding: 0 0 0 280px; } @media (max-width: 767px) { .index-tab-box .con { padding: 0 0 0 112px; } } .index-tab-box .nav-tabs { z-index: 2; position: absolute; left: 0; top: 0; bottom: 0; border: none; width: 280px; transform-style: preserve-3d; background: #b51018; } @media (max-width: 767px) { .index-tab-box .nav-tabs { width: 112px; } } .index-tab-box .nav-tabs > li { margin: 0; float: none; display: block; list-style: none; cursor: pointer; } .index-tab-box .nav-tabs > li a { margin: 0; white-space: nowrap; height: 48px; line-height: 48px; border: none; font-size: 18px; color: #fff; padding: 0 16px; cursor: pointer; border-radius: 0; } @media (max-width: 767px) { .index-tab-box .nav-tabs > li a { padding: 0 8px; font-size: 14px; } } .index-tab-box .nav-tabs > li a, .index-tab-box .nav-tabs > li a:hover, .index-tab-box .nav-tabs > li a:active, .index-tab-box .nav-tabs > li a:focus { background: none !important; } .index-tab-box .nav-tabs > li.active { background: #7c0107; } .index-tab-box .nav-tabs > li.active a { border: none; color: #fff; position: relative; } .index-tab-box .nav-tabs > li.active a, .index-tab-box .nav-tabs > li.active a:hover, .index-tab-box .nav-tabs > li.active a:active, .index-tab-box .nav-tabs > li.active a:focus { background: none !important; } .index-tab-box.scene { background: url("../images/index-scene/bg.jpg") center center no-repeat; background-size: cover; padding-bottom: 80px; } .index-tab-box.scene .title { color: #fff; margin: 0; } .index-tab-box.scene .title .sub-title { color: #fff; opacity: 0.6; filter: alpha(opacity=60); } .index-tab-box.scene .nav-tabs > li { padding: 0 16px; } .index-tab-box.scene .nav-tabs > li a { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); text-align: center; } .index-tab-box.scene .nav-tabs > li.active a { border-bottom: 1px dotted rgba(255, 255, 255, 0.5); } .index-tab-box.scene .nav-tabs > li:last-child a { border: none; } .index-tab-box.scene .tab-content, .index-tab-box.scene .tab-pane { height: 288px; } .index-tab-box.scene .item { width: 100%; height: 100%; background: center center no-repeat; background-size: cover; padding: 24px; } .index-tab-box.scene .item p { background-color: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(3px); backdrop-filter: blur(3px); color: #fff; padding: 16px; max-width: 680px; font-size: 16px; line-height: 1.6; } .index-tab-box.scene .item a { display: inline-block; color: #fff; padding: 6px 36px; background: #b51018; border-radius: 20px; transition: all 0.3s; position: absolute; right: 24px; bottom: 24px; } .index-tab-box.scene .item a:hover { background: #860c12; color: #fff; } .index-tab-box.case .con { background: #f5f3f3; } .index-tab-box.case .nav-tabs { padding: 24px 0; } .index-tab-box.case .nav-tabs > li a { text-align: left; text-indent: 2em; } @media (max-width: 767px) { .index-tab-box.case .nav-tabs > li a { text-indent: 0.5em; } } .index-tab-box.case .nav-tabs > li.active a:before { content: ''; position: absolute; left: 100%; top: 0; bottom: 0; width: 24px; background: #7c0107; } .index-tab-box.case .tab-content { min-height: 384px; padding: 16px 20px 64px 48px; } .index-tab-box.case .tab-pane { width: 100%; height: 100%; } .index-tab-box.case .item .list { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } .index-tab-box.case .item .list a { display: block; width: calc(20% - 12px); padding-top: 7%; border: 1px solid #666; margin: 12px 12px 0 0; border-radius: 6px; position: relative; } .index-tab-box.case .item .list img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: calc(100% - 16px); max-height: calc(100% - 16px); } @media (max-width: 991px) { .index-tab-box.case .item .list a { width: calc(25% - 12px); padding-top: 8%; } } @media (max-width: 892px) { .index-tab-box.case .item .list a { width: calc(33% - 12px); padding-top: 11%; } } @media (max-width: 768px) { .index-tab-box.case .item .list a { width: calc(25% - 12px); padding-top: 8%; } } @media (max-width: 668px) { .index-tab-box.case .item .list a { width: calc(33% - 12px); padding-top: 11%; } } @media (max-width: 530px) { .index-tab-box.case .item .list a { width: calc(50% - 12px); padding-top: 17%; } } .index-tab-box.case .more { position: absolute; right: 32px; bottom: 24px; } .index-tab-box.case .more a { display: inline-block; color: #fff; padding: 6px 36px; background: #b51018; border-radius: 20px; transition: all 0.3s; } .index-tab-box.case .more a:hover { background: #860c12; color: #fff; } .index-tab-box.case .more a + a { margin-left: 8px; } @media (max-width: 767px) { .index-tab-box.case .nav-tabs > li.active a:before { width: 16px; } .index-tab-box.case .tab-content { padding-left: 24px; padding-right: 8px; } .index-tab-box.case .more { right: 24px; } .index-tab-box.case .more a { font-size: 12px; padding: 4px 16px; } } .index-adv { margin-top: 96px; background: center center no-repeat; background-size: cover; } .index-adv .container { position: relative; padding: 0; padding-bottom: 24px; } .index-adv h2 { line-height: 1.4; padding-left: 80px; position: relative; } .index-adv .iconfont { position: absolute; left: 0; font-size: 24px; } .index-adv small { display: block; margin-top: 12px; line-height: 1.6; } .index-adv .more { position: absolute; right: 0; bottom: 32px; transition: all 0.3s; } @media (max-width: 767px) { .index-adv .container { padding-bottom: 32px; } .index-adv h2 { padding-bottom: 24px; font-size: 24px; } .index-adv .iconfont { top: 0; } .index-adv .more { position: relative; right: inherit; bottom: inherit; margin: 0 0 0 80px; } } .index-adv.custom-order { background-image: url("../images/index-custom-order-bg.jpg"); } .index-adv.custom-order h2 { color: #b51018; } .index-adv.custom-order .iconfont { top: 4px; color: #b51018; border: 2px solid #b51018; border-radius: 100%; width: 48px; height: 48px; text-align: center; line-height: 44px; } .index-adv.custom-order small { color: #333; } .index-adv.custom-order .more { display: inline-block; color: #b51018; padding: 6px 36px; border: 2px solid #b51018; border-radius: 20px; transition: all 0.3s; } .index-adv.custom-order .more:hover { background: #b51018; color: #fff; } .index-adv.service { background-image: url("../images/index-service-bg.jpg"); background-position: left bottom; } .index-adv.service h2 { color: #fff; } .index-adv.service .iconfont { color: #fff; font-size: 40px; top: -4px; } .index-adv.service small { color: #fff; opacity: 0.8; filter: alpha(opacity=80); } .index-adv.service .more { display: inline-block; color: #fff; padding: 6px 36px; border: 2px solid #fff; border-radius: 20px; transition: all 0.3s; } .index-adv.service .more:hover { background: #fff; color: #b51018; } .coopration { padding-bottom: 72px; } .coopration dl { -ms-flex-flow: row wrap !important; flex-flow: row wrap !important; display: -ms-flexbox !important; display: flex !important; -ms-flex-pack: start; justify-content: flex-start; position: relative; left: 4px; } .coopration dd { margin-bottom: 8px; border: 1px solid #000; width: calc(16.6% - 8px) !important; margin-right: 8px; padding-top: 5.5%; height: auto !important; position: relative; border-radius: 6px; float: inherit !important; } .coopration a { padding: 0; margin: 0; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% - 16px); height: calc(100% - 16px); overflow: hidden; } .coopration img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } @media (max-width: 991px) { .coopration dd { width: calc(20% - 8px) !important; padding-top: 6.8%; } } @media (max-width: 767px) { .coopration dd { width: calc(25% - 8px) !important; padding-top: 8.3%; } } @media (max-width: 568px) { .coopration dd { width: calc(33.3% - 8px) !important; padding-top: 11.1%; } } /* banner */ .banner { padding: 45px 0; background-position: center 0; background-repeat: no-repeat; background-size: cover; color: #343434; height: 275px; } @media (min-width: 768px) { .banner { background-position: center 0; } } @media (max-width: 767px) { .banner { background-position: 64% 0; } } .banner-title { font-size: 40px; margin-top: 30px; } .gartner .banner-title { margin-top: 10px; font-size: 34px; font-weight: 700; } .about .banner-title { font-size: 34px; font-weight: 700; } @media (max-width: 767px) { .cloudUltra .banner-title, .dataUltra .banner-title, .training_services .banner-title, .storUltra .banner-title, .mixUltra .banner-title, .e-commerce .banner-title, .education .banner-title, .finance .banner-title, .medical .banner-title, .park .banner-title, .traffic .banner-title, .hyper .banner-title, .sol-xueliang .banner-title { font-size: 24px; margin-top: 0; } } @media (max-width: 560px) { .cloudUltra .banner-title, .dataUltra .banner-title, .training_services .banner-title, .storUltra .banner-title, .mixUltra .banner-title, .e-commerce .banner-title, .education .banner-title, .finance .banner-title, .medical .banner-title, .park .banner-title, .traffic .banner-title, .hyper .banner-title, .sol-xueliang .banner-title { font-size: 20px; } } .banner-info { line-height: 2; max-width: 720px; margin-top: 24px; color: #343434; } @media (max-width: 767px) { .banner-info { line-height: 1.8; } } .case .banner-info { margin-left: auto; margin-right: auto; font-size: 18px; } .gartner .banner-info { margin-left: auto; margin-right: auto; font-size: 18px; margin-top: 10px; } .about .banner-info { margin-left: auto; margin-right: auto; font-size: 18px; } .case .banner { background-image: url(../images/bg-banner-case.jpg); } .cloudUltra .banner { background-image: url(../images/bg-banner-product-cloudUltra.png); } .archerOS .banner { background-image: url(../images/bg-banner-product-archer.png); } .storUltra .banner { background-image: url(../images/bg-banner-SU.jpg); } .dataUltra .banner { background-image: url(../images/bg-banner-DU.jpg); } .archerCloud .banner { background-image: url(../images/product/bg-banner-AC.png); } .archer-dfs .banner { background-image: url(../images/product/bg-banner-dfs.png); } .mixUltra .banner { background-image: url(../images/bg-banner-MU.jpg); } .traffic .banner { background-image: url(../images/bg-banner-solution-traffic.jpg); } .smartCamp .banner { background-image: url(../images/solution/bg-banner-smartCamp.png); } .medical-industry .banner { background-image: url(../images/solution/bg-banner-medical-industry.png); } .police .banner { background-image: url(../images/bg-banner-solution-police.jpg); } .park .banner { background-image: url(../images/bg-banner-park.png); } .manufacture .banner { background-image: url(../images/bg-banner-manufacture.png); } .education .banner { background-image: url(../images/bg-banner-education.jpg); } .e-commerce .banner { background-image: url(../images/bg-banner-e-commerce.jpg); } .sol-xueliang .banner { background-image: url(../images/bg-banner-xueliang.jpg); } .finance .banner { background-image: url(../images/bg-banner-finance.jpg); } .medical .banner { background-image: url(../images/bg-banner-medical.jpg); } .about_group .banner { background-image: url(../images/about/bg_banner_about.jpg); } .about_leader .banner { background-image: url(../images/about/bg_banner_leader.jpg); } .about_human .banner { background-image: url(../images/bg_banner_human.jpg); } .about_contact .banner { background-image: url(../images/about/bg_banner_contact.jpg); } .about_honor .banner { background-image: url(../images/about/bg_banner_honor.jpg); } .about_culture .banner { background-image: url(../images/about/bg_banner_culture.jpg); } .about_news .banner { background-image: url(../images/about/bg_banner_news.jpg); } .about_response .banner { background-image: url(../images/about/bg_banner_response.png); } .about_invesor .banner { background-image: url(../images/about/bg_banner_invesor.jpg); } .about_video .banner { background-image: url(../images/about/bg_banner_video.jpg); } .about_guild .banner { background-image: url(../images/about/bg_banner_guild.jpg); } .about_investment .banner { background-image: url(../images/about/bg_banner_investment.jpg); } .hyper .banner { background-image: url(../images/bg-banner-hyper.jpg); } .gartner .banner { background-image: url(../images/bg-banner-gartner.jpg); } .hyper .banner.change-name { background-image: url(../images/bg-banner-change-name.jpg); } .enabling .banner { background-image: url(../images/about/bg_banner_response.png); } .partner .banner { background-image: url(../images/partner/bg_banner_partner.jpg); } .partner_header_bg .banner { background-image: url(../images/partner/bg_banner_header.png); } .partner_information_bg .banner { background-image: url(../images/feedback/bg_banner_account.png); } .partner_information_bg .banner { background-image: url(../images/feedback/bg_banner_account.png); } .feedback .banner { background-image: url(../images/feedback/bg_banner_feedback.png); } .partner_credentials .banner { background-image: url(../images/feedback/bg_banner_partner_credentials.png); } .feedback_account_bg .banner { background-image: url(../images/feedback/bg_banner_account.png); } .feedback_report .banner { background-image: url(../images/feedback/bg_banner_feedback_report.png); } @media (max-width: 767px) { .hyper .banner.change-name { background-image: url(../images/bg-banner-change-name-sm.jpg); background-size: 100% 100%; } } .hyper .banners .carousel-inner .item { height: 275px; } .hyper .banners .carousel-indicators { bottom: 5px; } /* slider-3D */ .slider-3D { background-color: #f5f3f3; padding-bottom: 60px; } .slider-3D.bg-white { background: #fff; } .slider-3D .title { margin-top: 80px; } .slider-3D-content { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 40px 0; } .slider-3D-img { text-align: center; } @media (min-width: 992px) { .slider-3D-img { float: left; width: 33.33333333%; padding: 0 30px; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } @media (min-width: 992px) { .slider-3D-img > img { width: 100%; margin-top: 20%; margin-bottom: 20%; } } @media (max-width: 991px) { .slider-3D-img > img { width: 40%; } } .slider-3D-item { color: #666; } @media (max-width: 767px) { .slider-3D-item { padding: 0 30px; } } @media (min-width: 768px) and (max-width: 991px) { .slider-3D-item { padding: 0 40px; } } @media (min-width: 992px) { .slider-3D-item { float: left; width: 66.66666667%; height: 100%; padding: 0 30px; border-left: 1px dotted #e0e0e0; } } @media (min-width: 1200px) { .slider-3D-item { padding: 0 50px; } } .slider-3D-item-title { font-size: 24px; line-height: 2; font-weight: normal; } @media (min-width: 992px) { .slider-3D-item-title { margin-top: 20px; } } .slider-3D-item-title > small { font-size: 20px; display: block; } .slider-3D-item-info { line-height: 2; margin-top: 20px; } .slider-3D-single-prev .slider-3D-img { position: relative; } .slider-3D-single-prev .slider-3D-img > img { position: absolute; left: 120px; top: 20px; transform: scale(1.5); } .slider-3D .slide-carousel { margin-top: 60px; margin-bottom: 20px; } .slider-3D .slide-carousel .item-list > li { position: relative; } @media (max-width: 539px) { .slider-3D .slide-carousel .item-list > li { padding-bottom: 100%; } } @media (min-width: 540px) and (max-width: 767px) { .slider-3D .slide-carousel .item-list > li { padding-bottom: 74%; } } @media (min-width: 768px) and (max-width: 991px) { .slider-3D .slide-carousel .item-list > li { padding-bottom: 50%; } } @media (min-width: 992px) { .slider-3D .slide-carousel .item-list > li { padding-bottom: 26.66666667%; } } @media (max-width: 460px) { .slider-3D .slide-carousel .item-list > li { padding-bottom: 170%; } } @media (max-width: 460px) { .case .slider-3D .slide-carousel .item-list > li { padding-bottom: 120%; } } .slider-3D .slide-carousel .item-list > li::after { content: ""; display: block; height: 0; line-height: 0; clear: both; zoom: 1; visibility: hidden; } .slider-3D .slide-carousel { width: 100%; height: 100%; position: relative; } .slider-3D .slide-carousel .item-list { position: relative; height: 100%; width: 100%; } @media (min-width: 992px) { .slider-3D .slide-carousel .item-list { padding-bottom: 31%; } } @media (min-width: 768px) and (max-width: 991px) { .slider-3D .slide-carousel .item-list { padding-bottom: 54%; } } @media (min-width: 540px) and (max-width: 767px) { .slider-3D .slide-carousel .item-list { padding-bottom: 80%; } } @media (max-width: 539px) { .slider-3D .slide-carousel .item-list { padding-bottom: 110%; } } @media (max-width: 460px) { .slider-3D .slide-carousel .item-list { padding-bottom: 180%; } } @media (max-width: 460px) { .case .slider-3D .slide-carousel .item-list { padding-bottom: 130%; } } .slider-3D .slide-carousel .item-list li { background-color: #fff; } .slider-3D .slide-carousel .indicator-list { position: absolute; bottom: -20px; left: 50%; width: 200px; margin-left: -100px; text-align: center; z-index: 100; } .slider-3D .slide-carousel .indicator-list a { display: inline-block; width: 8px; height: 8px; border-radius: 50%; overflow: hidden; background-color: #999; } .slider-3D .slide-carousel .indicator-list a:not(:first-child) { margin-left: 8px; } .slider-3D .slide-carousel .indicator-list a.selected { background-color: #b51018; } .slider-3D .slide-carousel .controls { opacity: 1; } .slider-3D .slide-carousel .controls a { cursor: pointer; display: block; position: absolute; top: 0; bottom: 0; width: 10%; background-color: transparent; color: transparent; font-size: 35px; padding-top: 25px; z-index: 888; } .slider-3D .slide-carousel .controls a:hover { background-color: transparent; } .slider-3D .slide-carousel .controls .item-prev { left: 0; } .slider-3D .slide-carousel .controls .item-next { right: 0; } .slider-3D .slide-3d .item-list li { width: 50%; transition: all 0.5s ease-out; opacity: 0; position: absolute; top: 0; left: 0; background-color: #fff; } .slider-3D .slide-3d .item-list li.item0 { transform: translate3d(-50%, 0, 0) scale(0.8); } .slider-3D .slide-3d .item-list li.item1 { transform: translate3d(0, 0, 0) scale(0.8); transform-origin: 0 50%; opacity: 0.5; z-index: 2; } @media (max-width: 460px) { .case .slider-3D .slide-3d .item-list li.item1 .slider-3D-item-info { line-height: 1; } } .slider-3D .slide-3d .item-list li.item2 { width: 80%; left: 10%; transform-origin: 0 50%; opacity: 1; z-index: 3; box-shadow: 0 8px 16px rgba(0, 0, 0, 0.15); } .slider-3D .slide-3d .item-list li.item3 { transform: translate3d(100%, 0, 0) scale(0.8); transform-origin: 100% 50%; opacity: 0.5; z-index: 2; } @media (max-width: 460px) { .case .slider-3D .slide-3d .item-list li.item3 .slider-3D-item-info { line-height: 1; } } .slider-3D .slide-3d .item-list li.item4 { transform: translate3d(150%, 0, 0) scale(0.8); } .slider-3D .slide-3d .item-list li.item5 { transform: translate3d(200%, 0, 0) scale(0.8); } .slider-3D .slide-3d .item-list li.item6 { transform: translate3d(250%, 0, 0) scale(0.8); } .slider-3D .slide-3d .item-list li.item7 { transform: translate3d(300%, 0, 0) scale(0.8); } .slider-3D .slide-3d .item-list li.item8 { transform: translate3d(350%, 0, 0) scale(0.8); } .slider-3D .slide-3d .item-list li.item9 { transform: translate3d(400%, 0, 0) scale(0.8); } .slider-3D .slide-2d .item-list li { width: 1200px; height: 300px; transition: all 0.5s ease-out; position: absolute; top: 0; left: 0; } .slider-3D .slide-2d .item-list li.item0 { transform: translateX(-1200px); } .slider-3D .slide-2d .item-list li.item1 { transform: translateX(0px); } .slider-3D .slide-2d .item-list li.item2 { transform: translateX(1200px); } .slider-3D .slide-2d .item-list li.item3 { transform: translateX(2400px); } .slider-3D .slide-2d .item-list li.item4 { transform: translateX(3600px); } .slider-3D .slide-2d .item-list li.item5 { transform: translateX(4800px); } .slider-3D .slide-2d .item-list li.item6 { transform: translateX(6000px); } .slider-3D .slide-2d .item-list li.item7 { transform: translateX(7200px); } .slider-3D .slide-2d .item-list li.item8 { transform: translateX(8400px); } .slider-3D .slide-2d .item-list li.item9 { transform: translateX(9600px); } /* ****** *格子 ****** */ .lattice { background-color: #fff; } @media (min-width: 768px) { .lattice { padding: 100px 0; } } .lattice .row, .lattice .row > div { margin: 0; padding-left: 0; padding-right: 0; } @media (min-width: 992px) { .lattice .row > div.col-md-3:nth-child(5) .lattice-item, .lattice .row > div.col-md-3:nth-child(6) .lattice-item, .lattice .row > div.col-md-3:nth-child(7) .lattice-item, .lattice .row > div.col-md-3:nth-child(8) .lattice-item { border-bottom: none; } .lattice .row > div.col-md-3:nth-child(5) .lattice-hover, .lattice .row > div.col-md-3:nth-child(6) .lattice-hover, .lattice .row > div.col-md-3:nth-child(7) .lattice-hover, .lattice .row > div.col-md-3:nth-child(8) .lattice-hover { top: 0; } .lattice .row > div.col-md-3:nth-child(4) .lattice-item, .lattice .row > div.col-md-3:nth-child(8) .lattice-item { border-right: none; } .lattice .row > div.col-md-3:nth-child(1) .lattice-hover, .lattice .row > div.col-md-3:nth-child(2) .lattice-hover, .lattice .row > div.col-md-3:nth-child(3) .lattice-hover, .lattice .row > div.col-md-3:nth-child(4) .lattice-hover { bottom: 0; } } @media (min-width: 768px) and (max-width: 991px) { .lattice .row > div.col-md-3:nth-child(7) .lattice-item, .lattice .row > div.col-md-3:nth-child(8) .lattice-item { border-bottom: none; } .lattice .row > div.col-md-3:nth-child(2) .lattice-item, .lattice .row > div.col-md-3:nth-child(4) .lattice-item, .lattice .row > div.col-md-3:nth-child(6) .lattice-item, .lattice .row > div.col-md-3:nth-child(8) .lattice-item { border-right: none; } } @media (max-width: 767px) { .lattice .row > div.col-md-3:nth-child(8) .lattice-item { border-bottom: none; } .lattice .row > div.col-md-3 .lattice-item { border-right: none; } .lattice .row > div.col-md-3 .lattice-hover { top: 0; } } @media (min-width: 1200px) { .lattice .row > div.col-md-3:nth-child(5) .lattice-default > img, .lattice .row > div.col-md-3:nth-child(6) .lattice-default > img, .lattice .row > div.col-md-3:nth-child(7) .lattice-default > img, .lattice .row > div.col-md-3:nth-child(8) .lattice-default > img { margin-top: 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .lattice .row > div.col-md-3:nth-child(1) .lattice-default > img, .lattice .row > div.col-md-3:nth-child(2) .lattice-default > img, .lattice .row > div.col-md-3:nth-child(3) .lattice-default > img, .lattice .row > div.col-md-3:nth-child(4) .lattice-default > img { margin-top: -20px; } } @media (min-width: 768px) and (max-width: 991px) { .lattice .row > div.col-md-3 .lattice-default > img { margin-top: 30px; } .lattice .row > div.col-md-3 .lattice-hover { top: 0; } } .lattice-item { border-right: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; } @media (min-width: 768px) { .lattice-item { position: relative; padding-bottom: 80.66666667%; } } .lattice-item-title { margin: 50px 0; text-align: center; color: #b51018; font-size: 40px; } @media (min-width: 768px) { .lattice-item-title { position: absolute; left: 0; right: 0; top: 30%; } } .lattice-item-title > sup { font-size: 30px; } .lattice-item-title > small { display: block; font-size: 20px; color: #666; margin-top: 20px; } .lattice-item:hover .lattice-hover { z-index: 6; opacity: 1; } .lattice-default { z-index: 5; text-align: center; } @media (min-width: 768px) { .lattice-default { position: absolute; left: 0; right: 0; top: 0; bottom: 0; padding: 20px; } } @media (max-width: 767px) { .lattice-default { padding: 30px 15px; } } .lattice-default img { max-width: 80%; } .lattice-default-title { margin-top: 30px; font-size: 16px; color: #666; } .lattice-hover { position: absolute; left: 0; right: 0; z-index: 4; height: 100%; background-color: rgba(255, 255, 255, 0.9); color: rgba(0, 0, 0, 0.6); padding: 10px 30px; box-shadow: 0 0 18px rgba(0, 0, 0, 0.15); opacity: 0; transition: all 0.3s linear; } @media (min-width: 992px) { .lattice-hover { height: 120%; } } @media (min-width: 992px) and (max-width: 1199px) { .lattice-hover { padding: 15px 20px; } } .lattice-hover-title { margin-top: 30px; margin-bottom: 20px; color: #666; font-size: 24px; text-align: center; } .lattice-hover-title > small { display: block; margin-top: 10px; font-size: 14px; color: #666; } @media (min-width: 992px) and (max-width: 1199px) { .lattice-hover-title > small { margin-top: 6px; } } @media (min-width: 992px) and (max-width: 1199px) { .lattice-hover-title { margin-top: 10px; margin-bottom: 10px; font-size: 20px; } } .lattice-hover-info { line-height: 1.8; } .lattice-hover-info span { font-size: 12px; vertical-align: top; transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); } @media (min-width: 992px) and (max-width: 1199px) { .lattice-hover-info { line-height: 1.6; } } .lattice.static { padding-top: 0; } .lattice.static .title { margin: 80px 0; } @media (max-width: 767px) { .lattice.static .title { margin: 40px 0; } } @media (min-width: 992px) { .lattice.static .row > div.col-md-4:nth-child(4) .lattice-item, .lattice.static .row > div.col-md-4:nth-child(5) .lattice-item, .lattice.static .row > div.col-md-4:nth-child(6) .lattice-item { border-bottom: none; } .lattice.static .row > div.col-md-4:nth-child(4) .lattice-default > img, .lattice.static .row > div.col-md-4:nth-child(5) .lattice-default > img, .lattice.static .row > div.col-md-4:nth-child(6) .lattice-default > img { margin-top: 40px; } .lattice.static .row > div.col-md-4:nth-child(3) .lattice-item, .lattice.static .row > div.col-md-4:nth-child(6) .lattice-item { border-right: none; } } @media (min-width: 768px) and (max-width: 991px) { .lattice.static .row > div.col-md-4:nth-child(5) .lattice-item, .lattice.static .row > div.col-md-4:nth-child(6) .lattice-item { border-bottom: none; } .lattice.static .row > div.col-md-4:nth-child(5) .lattice-default > img, .lattice.static .row > div.col-md-4:nth-child(6) .lattice-default > img { margin-top: 20px; } .lattice.static .row > div.col-md-4:nth-child(2) .lattice-item, .lattice.static .row > div.col-md-4:nth-child(4) .lattice-item, .lattice.static .row > div.col-md-4:nth-child(6) .lattice-item { border-right: none; } .lattice.static .row > div.col-md-4:nth-child(3) .lattice-default > img, .lattice.static .row > div.col-md-4:nth-child(4) .lattice-default > img { margin-top: 10px; } } @media (max-width: 767px) { .lattice.static .row > div.col-md-4:nth-child(6) .lattice-item { border-bottom: none; } .lattice.static .row > div.col-md-4 .lattice-item { border-right: none; } } @media (min-width: 768px) { .lattice.static .lattice-item { padding-bottom: 66%; } } @media (min-width: 992px) { .lattice.static .lattice-item { padding-bottom: 80%; } } @media (min-width: 1200px) { .lattice.static .lattice-item { padding-bottom: 64%; } } .lattice.static .lattice-default { padding: 0 30px; } @media (max-width: 767px) { .lattice.static .lattice-default { padding: 30px; } } .lattice.static .lattice-default-title { font-size: 18px; margin-bottom: 15px; margin-top: 20px; } .lattice.static .lattice-default-info { color: #666; line-height: 1.8; text-align: center; } /* product-cloudUltra 产品能力及优势、CloudUltra™独到之处、帮助企业实现如下价值 */ .list { text-align: center; padding-bottom: 30px; } .list .list_flex { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .list .title { margin: 80px 0 60px; } .list .iconfont { display: block; font-size: 52px; line-height: 1.1; color: #b51018; margin-bottom: 30px; } .park .list .iconfont { margin-bottom: 40px; } .list .swiper-button-disabled .iconfont { color: #c6c4d0; } .list-img { margin: 40px 0; height: 120px; position: relative; } .list-img > img { position: absolute; max-width: 250px; left: 50%; margin-left: -125px; } .list-title { font-size: 24px; margin-bottom: 20px; } .list-info { color: #666; line-height: 2; margin-left: 15px; margin-right: 15px; margin-bottom: 60px; text-align: left; } .list-info.text-center { text-align: center; } .list-info span { font-size: 12px; vertical-align: top; transform: scale(0.5, 0.5); -moz-transform: scale(0.5, 0.5); -webkit-transform: scale(0.5, 0.5); -o-transform: scale(0.5, 0.5); } .list .mix-title .list-title { line-height: 1.4; font-family: "PingFangSC", "Microsoft YaHei", "Helvetica Neue", "Helvetica", "Arial", "sans-serif"; } .list .mix-title .list-title span { font-size: 12px; vertical-align: super; } .bg-grey { background: #f7f5f5; color: #343434; } .bg-guang, .bg-storUltra { color: #fff; } .bg-guang .title, .bg-storUltra .title { margin-bottom: 50px; } .bg-guang .list-info, .bg-storUltra .list-info { margin-bottom: 100px; margin-left: 20px; margin-right: 20px; color: rgba(255, 255, 255, 0.6); text-align: left; } .bg-finance .title, .bg-build .title, .bg-e-commerce .title, .bg-medical .title, .bg-traffic .title, .bg-education .title { margin-bottom: 50px; } .bg-guang { background: #272435 url(../images/bg-guangquan.jpg) center center / cover no-repeat; } .bg-storUltra { background: #272435 url(../images/bg-storUltra.jpg) center center / cover no-repeat; } .bg-MixUltra { background: #272435 url(../images/bg-mixUltra.jpg) center center / cover no-repeat; } .bg-build { background: #272435 url(../images/bg-build.jpg) center center / cover no-repeat; } .bg-manufacture { background: #272435 url(../images/bg-manufacture.jpg) center center / cover no-repeat; } .bg-e-commerce { background: #272435 url(../images/bg-e-commerce.jpg) center center / cover no-repeat; } .bg-medical { background: #272435 url(../images/bg-medical.jpg) center center / cover no-repeat; } .bg-traffic { background: #272435 url(../images/bg-traffic.jpg) center center / cover no-repeat; } .bg-education { background: #272435 url(../images/bg-education.jpg) center center / cover no-repeat; } .bg-finance { background: #272435 url(../images/bg-jiagou-finance.jpg) center center / cover no-repeat; } .bg-DataUltra { background: #f7f5f5; } .bg-police { background: #272435 url(../images/bg-jiagou-police.jpg) center center / cover no-repeat; } .list .bg-Ivory .title { margin-bottom: 80px; } .bg-Ivory .iconfont { font-size: 64px; } /* 行业架构大图 */ .img-vast { text-align: center; padding-bottom: 60px; } .img-vast > img { max-width: 1063px; width: 100%; } .mixUltra .img-vast { padding-bottom: 40px; } .aboutus { padding: 48px 0 64px 0; } .aboutus .container { background-color: #f9f8fc; display: -ms-flexbox; display: flex; padding: 0; } .aboutus .container .navleft { width: 209px; background-color: #fcfbfb; border-right: 1px solid #ecebf0; } .aboutus .container .navleft .title { padding: 0 0 0 24px; font-size: 24px; color: #333; font-weight: bold; text-align: left; border-left: 8px solid #ac0f17; margin: 32px 0; } .aboutus .container .navleft dl dd { padding: 0 16px; position: relative; min-height: 55px; } .aboutus .container .navleft dl dd a { font-size: 16px; color: rgba(0, 0, 0, 0.5); padding: 16px; display: inline-block; border-bottom: 1px solid rgba(0, 0, 0, 0.03); width: 100%; } .aboutus .container .navleft dl dd a:hover { text-decoration: none; } .aboutus .container .navleft dl dd.active a { background: #fff; border: 1px solid #ecebf0; color: #ac0f17; border-right: 1px solid #fff; position: absolute; right: -1px; width: 192px; } .aboutus .container .about_group { width: 990px; background: #fff; padding: 0 64px; } .aboutus .container .human_nav > .title { display: none; padding: 32px 0; } .aboutus .container .about_group { padding: 0 32px; } .aboutus .container .about_group .title { font-size: 30px; color: #272435; padding: 40px 0; margin: 0; text-align: left; } .aboutus .container .about_group .about_img { text-align: center; } .aboutus .container .about_group .about_infor p { padding: 32px 0 0 0; font-size: 14px; color: #666; line-height: 30px; } .aboutus .container .about_group .about_infor .about_in_number { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; padding: 32px 0 0 0; } .aboutus .container .about_group .about_infor .about_in_number dd .about_num { font-size: 48px; color: #b51018; margin: 0; } .aboutus .container .about_group .about_infor .about_in_number dd .about_num span { font-size: 36px; } .aboutus .container .about_group .about_infor .about_in_number dd b { font-size: 14px; color: #666; font-weight: bold; } .aboutus .container .about_group .about_infor .about_product .about_title { font-size: 30px; color: #272435; } .aboutus .container .about_group .about_infor .about_product p { padding: 24px 0; } .aboutus .container .about_group .about_infor .about_product p span.about_min { padding: 0 16px; } .aboutus .container .about_group .about_infor .about_response_list { display: inline-block; } .aboutus .container .about_group .about_infor .about_response_list:first-child { padding: 40px 0 0 0; } .aboutus .container .about_group .about_infor .about_response_list:last-child { padding: 0 0 40px 0; } .aboutus .container .about_group .about_infor .about_response_list .response_left { padding: 0 5% 0 0; width: 45%; display: inline-block; vertical-align: top; } @media (max-width: 768px) { .aboutus .container .about_group .about_infor .about_response_list .response_left { width: 100%; } } .aboutus .container .about_group .about_infor .about_response_list .response_left img { max-width: 100%; } .aboutus .container .about_group .about_infor .about_response_list .response_right { width: 50%; display: inline-block; } @media (max-width: 768px) { .aboutus .container .about_group .about_infor .about_response_list .response_right { width: 100%; } } .aboutus .container .about_group .about_infor .about_response_list .response_right h4 { margin: 0; color: #000; line-height: 32px; } .aboutus .container .about_group .about_infor .about_response_list .response_right p { padding: 16px 0 0 0; color: #666; } @media (max-width: 768px) { .aboutus .container .about_group .about_infor .about_response_list { display: inline-block; } .aboutus .container .about_group .about_infor .about_response_list .response_left { text-align: center; padding: 12px 0 6px; } } .aboutus .container .about_group .about_border { width: 100%; height: 1px; border-bottom: 1px dotted #e0e0e0; margin: 32px 0; } .aboutus .container .about_group .leader_list { padding: 32px 0; } .aboutus .container .about_group .leader_list dl { position: relative; padding: 0 0 0 160px; } .aboutus .container .about_group .leader_list dl dt { position: absolute; left: 0; top: 0; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15); border-radius: 50%; padding: 4px; background: #fff; } .aboutus .container .about_group .leader_list dl dt img { width: 130px; height: 130px; } .aboutus .container .about_group .leader_list dl dd .title { text-align: left; padding: 0; font-size: 24px; line-height: 32px; padding: 16px 0 0 0; } .aboutus .container .about_group .leader_list dl dd small { font-size: 14px; color: #666; padding: 8px 0; display: inline-block; } .aboutus .container .about_group .leader_list dl dd .leader_border { width: 54px; height: 4px; background: #d0121b; } .aboutus .container .about_group .leader_list dl dd p { font-size: 13px; color: #666; line-height: 28px; padding: 16px 0; } .aboutus .container .about_group .leader_list dl.border-top { border-top: 1px dotted #e0e0e0; padding: 32px 0 0 160px; } .aboutus .container .about_group .leader_list dl.border-top dt { top: 32px; } .aboutus .container .about_group .human_list { padding: 32px 0; } .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs { border-bottom: 1px solid #ebebeb; } .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs li a { font-size: 16px; color: #666; width: 176px; text-align: center; } .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs li.active a, .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs li:hover a { border-radius: 0; border-top: 2px solid #ac0f17; background: #fff; } .aboutus .container .about_group .human_list .tab-content { padding: 32px 0; } .aboutus .container .about_group .human_list .tab-content table.human_table { width: 100%; } .aboutus .container .about_group .human_list .tab-content table.human_table tr th, .aboutus .container .about_group .human_list .tab-content table.human_table tr td { padding: 12px 24px; } .aboutus .container .about_group .human_list .tab-content table.human_table tr th { font-size: 12px; color: #333; font-weight: bold; border-bottom: 1px solid #ebebeb; } .aboutus .container .about_group .human_list .tab-content .human_infor { margin: 16px 0 0 0; } .aboutus .container .about_group .human_list .tab-content .human_infor table.human_table { background-color: #edecf6; } .aboutus .container .about_group .human_list .tab-content .human_infor .human_con .title { text-align: left; font-size: 14px; color: #333; font-weight: bold; margin: 0; padding: 40px 0 16px 0; } .aboutus .container .about_group .human_list .tab-content .human_infor .human_con dl { margin: 0; } .aboutus .container .about_group .human_list .tab-content .human_infor .human_con dl dd { font-size: 14px; color: #666; line-height: 30px; } .aboutus .container .about_group .human_list .tab-content .human_infor .human_con a.btn-danger { background: #b51018; font-size: 16px; padding: 12px 40px; margin: 32px 0; } .aboutus .container .about_group .contact_list { padding: 32px 0; } .aboutus .container .about_group .contact_list dl { display: -ms-flexbox; display: flex; } .aboutus .container .about_group .contact_list dl dt { width: 424px; } .aboutus .container .about_group .contact_list dl dd h4 { font-size: 18px; color: #000; padding: 0 0 24px 0; margin: 0; } .aboutus .container .about_group .contact_list dl dd p { font-size: 14px; color: #666; line-height: 28px; } .aboutus .container .about_group .honor_list { padding: 32px 0; } .aboutus .container .about_group .honor_list ul { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: justify; justify-content: space-between; } .aboutus .container .about_group .honor_list ul li { width: 200px; padding: 0 8px 16px 0; cursor: pointer; } .aboutus .container .about_group .honor_list ul li .img { width: 190px; height: 130px; padding: 4px; background-color: #f7f7fb; border: 1px solid #dbdae6; } .aboutus .container .about_group .honor_list ul li p { text-align: center; line-height: 24px; min-height: 48px; padding: 8px 24px 0 24px; } .aboutus .container .about_group .guild_list { padding: 32px 0; } .aboutus .container .about_group .guild_list dl { position: relative; } .aboutus .container .about_group .guild_list dl dt { position: absolute; left: 0; top: 0; box-shadow: 2px 2px 8px rgba(0, 0, 0, 0.15); border-radius: 50%; padding: 4px; background: #fff; } .aboutus .container .about_group .guild_list dl dd .title { text-align: left; padding: 0; font-size: 18px; font-weight: 500; line-height: 32px; padding: 16px 0 0 0; } .aboutus .container .about_group .guild_list dl dd p { font-size: 14px; color: #666; line-height: 28px; padding: 16px 0; } .aboutus .container .about_group .guild_list dl.border-top { border-top: 1px dotted #e0e0e0; padding: 32px 0 0 0; } .aboutus .container .about_group .pop { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; background: rgba(0, 0, 0, 0.7); display: none; } .aboutus .container .about_group .pop .box { width: 600px; height: 650px; position: absolute; top: 50%; left: 50%; margin: -325px 0 0 -300px; padding: 0 50px; } .aboutus .container .about_group .pop .box .pop_img { width: 100%; height: 600px; text-align: center; display: table-cell; vertical-align: middle; padding: 32px 0 16px 0; } .aboutus .container .about_group .pop .box .pop_img img { width: 100%; max-height: 100%; border: 7px solid rgba(255, 255, 255, 0.2); border-radius: 5px; } .aboutus .container .about_group .pop .box p { text-align: center; margin-top: 16px; font-size: 16px; color: rgba(255, 255, 255, 0.7); } .aboutus .container .about_group .pop .box span { display: block; width: 24px; height: 24px; position: absolute; top: 300px; opacity: 0.2; cursor: pointer; color: #fff; font-size: 36px; } .aboutus .container .about_group .pop .box span:hover { opacity: 0.7; } .aboutus .container .about_group .pop .box .prev { left: 0; } .aboutus .container .about_group .pop .box .prev::before { font-family: 'iconfont'; content: '\e600'; } .aboutus .container .about_group .pop .box .next { right: 0; } .aboutus .container .about_group .pop .box .next::before { font-family: 'iconfont'; content: '\e65c'; } .aboutus .container .about_group .culture_img { padding: 32px 0; } .aboutus .container .about_group .culture_img .title { margin: 0; padding: 0 0 32px 0; font-size: 40px; } .aboutus .container .about_group .culture_img .title.text-center { text-align: center; } .aboutus .container .about_group .culture_img .swiper-container { height: 440px; padding: 0 60px; margin: 0 0 32px 0; } .aboutus .container .about_group .culture_img .swiper-container .swiper-slide .container { height: 100%; position: relative; } .aboutus .container .about_group .culture_img .swiper-container .swiper-wrapper { z-index: 33; position: relative; } .aboutus .container .about_group .culture_img .swiper-container .swiper-wrapper img { width: 100%; } .aboutus .container .about_group .culture_img .swiper-container .swiper-container-fade .swiper-slide-active { z-index: 120; } .aboutus .container .about_group .culture_img .swiper-container .swiper-button-prev::before, .aboutus .container .about_group .culture_img .swiper-container .swiper-button-next::before { color: #fff; font-size: 16px; } .aboutus .container .about_group .culture_img .swiper-container .swiper-button-prev::before { content: '\e600'; background: none; } .aboutus .container .about_group .culture_img .swiper-container .swiper-button-next::before { content: '\e65c'; background: none; } .aboutus .container .about_group .culture_img .swiper-container .swiper-slide { position: relative; } .aboutus .container .about_group .culture_img .swiper-container .swiper-slide p { position: absolute; bottom: 0px; left: 0; width: 100%; background: rgba(0, 0, 0, 0.4); margin: 0; padding: 6px 24px; color: #fff; } .aboutus .case_img .news_img { margin: 8px 0 0 0; } .aboutus .case_img .news_img img { max-width: 200px; } .aboutus .case_img dl { padding: 0; } .aboutus.news.case_infor .container .about_group .about_infor .title { text-align: left; } .aboutus.news.case_infor .container .about_group .about_infor .title a { float: right; } .aboutus.news.case_infor .container .about_group .about_infor .case_info_img { text-align: center; padding: 40px 0 24px 0; } .aboutus.news.case_infor .container .about_group .about_infor .case_info_img img { max-width: 100%; } .aboutus.news.case_infor .container .about_group .about_infor p { padding: 16px 0 24px 0; } .aboutus.news.case_infor .container .about_group .about_infor .news_border { border-bottom: 1px dotted #ccc; margin: 0 0 16px 0; } .aboutus.news.case_infor .container .about_group .about_infor h4 { color: #272435; font-size: 30px; padding: 16px 0 0 0; } .aboutus.news.case_infor .container .about_group .news_detail h3.title { padding: 24px 24px 0 24px; font-size: 22px; text-align: left; } .aboutus.news.case_infor .container .about_group .news_detail h3.title a { float: right; } .aboutus.news.case_infor .container .about_group .news_detail h4 { padding: 40px 24px 0 24px; font-size: 22px; } .aboutus.news.case_infor .container .about_group .news_detail p { padding: 0 24px 12px 24px; } .aboutus.news.case_infor .case_info_img { text-align: center; padding: 40px 0 24px 0; } .aboutus.news.case_infor .case_info_img img { max-width: 100%; } .about.about_video .aboutus .container .about_group .news_detail .banner-info { max-width: 920px; } .about.about_video .aboutus .container .about_group .news_detail .news_infor .video { float: left; width: 60%; } .about.about_video .aboutus .container .about_group .news_detail .news_infor .video video { width: 100%; } .about.about_video .aboutus .container .about_group .news_detail .news_infor .video_title { float: right; width: 40%; font-size: 14px; padding-right: 0; margin-top: 150px; line-height: 1.8em; } .about.about_video .aboutus .container .about_group .about_response_list .response_left img { border-radius: 3px; } .about.about_video .aboutus .container .about_group .about_response_list .response_right p { line-height: 1.8em; } .about.about_video .aboutus .container .about_group .nav-tabs { text-align: center; } .about.about_video .aboutus .container .about_group .nav-tabs li { display: inline-block; float: none; } .about.about_video .aboutus .container .about_group .nav-tabs li.active a { border-top-color: #ac0f17; } .about.about_video .aboutus .container .about_group .nav-tabs li a { border-radius: 0; color: #333; padding: 14px 25px; } .about.about_video .container .banner-info { max-width: 930px; } .about.about_guild .container .banner-info { max-width: 1050px; } .culture_img .about_border { margin: 48px 0 !important; } .cultrue_back { display: table; } .cultrue_back img { padding: 0; float: left; margin-bottom: 24px; } .cultrue_dream { font-size: 14px; margin-bottom: 24px; position: relative; } .cultrue_dream > div > div { border: 1px #fcf0f0 solid; overflow: hidden; padding: 36px; min-height: 230px; position: relative; box-shadow: 0px 5px 10px rgba(252, 240, 240, 0.5); } .cultrue_dream h4 { color: #272435; font-size: 24px; padding: 0 0 8px 0; margin: 0; } .cultrue_dream p { color: rgba(0, 0, 0, 0.65); line-height: 22px; font-size: 14px; margin-bottom: 0; } .cultrue_dream p b { color: rgba(0, 0, 0, 0.4); font-size: 16px; font-weight: normal; margin-bottom: 10px; display: block; } .cultrue_dream i.iconfont { color: rgba(180, 15, 25, 0.03); font-size: 207px; position: absolute; top: -46px; right: -19px; } @media (max-width: 767px) { .cultrue_dream .col-sm-6 { margin-bottom: 24px; } } .cultrue_rotation .rotation-item-default { background-color: #faf9fc; } .cultrue_rotation .rotation-item-default i.iconfont { border: 3px solid rgba(180, 15, 25, 0.25); border-radius: 50%; display: inline-block; padding: 20px 24px; margin-top: 15% !important; } .cultrue_rotation .rotation-item-title { font-size: 18px; } @media (min-width: 992px) and (max-width: 1200px) { .aboutus .container .about_group { width: 80%; } .aboutus .container .about_group .about_img img { width: 100%; } .aboutus .container .about_group .culture_img img { width: 100%; } .aboutus .container .about_group .contact_list dl dt { width: 400px; margin-right: 16px; } .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs li a { width: auto; } } @media (max-width: 991px) { .navleft { display: none; } .human_nav > .title { display: block; } .aboutus .container .about_group { width: 100%; padding: 0 16px; } .aboutus .container .about_group .title { font-size: 24px; } .aboutus .container .about_group .about_img img { width: 100%; } .aboutus .container .about_group .culture_img img { width: 100%; } .aboutus .container .about_group .about_infor .about_in_number dd .about_num { font-size: 30px; } .aboutus .container .about_group .about_infor .about_in_number dd .about_num span { font-size: 24px; } .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs li a { width: auto; } .aboutus .container .about_group .human_list .tab-content table.human_table tr th, .aboutus .container .about_group .human_list .tab-content table.human_table tr td { padding: 8px; font-size: 12px; } .about_video .aboutus { padding-top: 16px; } .about.about_video .aboutus .container .about_group .news_detail .news_infor .video { width: 100%; } .about.about_video .aboutus .container .about_group .news_detail .news_infor .video_title { width: 100%; margin-top: 10px; text-align: center; padding-left: 0; } } @media (max-width: 767px) { .aboutus .container .about_group .contact_list dl { display: block; } .aboutus .container .about_group .contact_list dl dt { width: 100%; padding: 0 0 16px 0; } .aboutus .container .about_group .contact_list dl dt > div { width: 100% !important; } .about_news .aboutus.news .container .about_group .group_news .news_img { display: none; } .about.about_video .banner-title { margin-top: 0; } } @media (max-width: 555px) { .about.about_guild .container .banner-info { font-size: 14px; } } @media (max-width: 467px) { .aboutus .container .about_group .leader_list dl { padding: 140px 16px 16px 16px; text-align: center; } .aboutus .container .about_group .leader_list dl dt { left: 50%; margin-left: -69px; } .aboutus .container .about_group .leader_list dl dd .title { text-align: center; } .aboutus .container .about_group .leader_list dl dd .leader_border { margin: 0 auto; } .aboutus .container .about_group .leader_list dl.border-top { padding: 172px 16px 16px 16px; } .aboutus .container .about_group .guild_list dl { text-align: center; } .aboutus .container .about_group .guild_list dl dd .title { text-align: center; } .aboutus .container .about_group .guild_list dl dd .leader_border { margin: 0 auto; } .aboutus .container .about_group .contact_list dl { display: block; } .aboutus .container .about_group .contact_list dl dt { width: 100%; padding: 0 0 16px 0; } .aboutus .container .about_group .contact_list dl dt > div { width: 100% !important; } .aboutus .container .about_group .human_list .human_nav ul.nav.nav-tabs li a { width: auto; padding: 8px; font-size: 13px; } .aboutus .container .about_group .human_list .tab-content table.human_table tr th, .aboutus .container .about_group .human_list .tab-content table.human_table tr td { padding: 8px; font-size: 12px; } .aboutus .container .about_group .culture_img .swiper-container { height: auto; } .aboutus .container .about_group .culture_img .swiper-container .swiper-wrapper img { height: auto; } .aboutus .container .about_group .culture_img .title { font-size: 24px; } .aboutus .container .about_group .honor_list ul li { width: 50%; } .aboutus .container .about_group .honor_list ul li .img { width: 100%; } .about.about_video .container .banner-info { font-size: 14px; } } @media (max-width: 358px) { .about.about_guild .container .banner-info { line-height: 1.4em; } } .about_investment .aboutus .container .about_group .culture_img { z-index: 1; } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item { z-index: 1; width: 19%; display: inline-block; } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item { height: 300px; z-index: 1; } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .rotation-item-default { z-index: 1; } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .rotation-item-default > img { height: 70px; width: 105px; display: inline-block; padding: 8px 24px; margin-top: 15% !important; margin-bottom: 32px; line-height: 1.1; color: #b51018; } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .rotation-item-default .iconfont { border: none; padding: 8px 24px; } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .rotation-item-default .rotation-item-content { text-align: left; line-height: 24px; padding-top: 10px; color: rgba(0, 0, 0, 0.5); } @media (max-width: 768px) { .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .rotation-item-default { display: block; } } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .default_01 { background-image: url(../images/about/about_investment1.png); } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .default_02 { background-image: url(../images/about/about_investment2.png); } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .default_03 { background-image: url(../images/about/about_investment3.png); } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .default_04 { background-image: url(../images/about/about_investment4.png); } .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item .rotation-item .default_05 { background-image: url(../images/about/about_investment5.png); } @media (max-width: 1200px) { .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item { width: 24%; } } @media (max-width: 770px) { .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item { width: 32%; } } @media (max-width: 620px) { .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item { width: 45%; } } @media (max-width: 450px) { .about_investment .aboutus .container .about_group .culture_img .cultrue_rotation .investment-item { width: 99%; } } .about_investment .aboutus .container .about_group .title-one { font-size: 32px; padding-top: 20px; } .about_investment .aboutus .container .about_group .title-two { font-size: 22px; padding: 10px 0; } .about_investment .aboutus .container .about_group .title-three { font-size: 22px; padding: 10px 0; color: #d81e06; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item { width: 49%; display: inline-block; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item:first-child { padding-right: 15px; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item .investment-way-content { border: 1px solid #f9cccc; position: relative; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item .investment-way-content .investment-way-left { width: 75%; display: inline-block; padding: 20px 30px; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item .investment-way-content .investment-way-left > p { line-height: 24px; color: rgba(0, 0, 0, 0.5); } .about_investment .aboutus .container .about_group .investment-way .investment-way-item .investment-way-content > img { height: 63px; width: 63px; position: absolute; top: 32px; color: #b51018; } @media (max-width: 748px) { .about_investment .aboutus .container .about_group .investment-way .investment-way-item .investment-way-content > img { top: 40px; } } @media (min-width: 992px) and (max-width: 1140px) { .about_investment .aboutus .container .about_group .investment-way .investment-way-item { width: 100%; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item:first-child { padding: 0 0 15px 0; } } @media (max-width: 888px) { .about_investment .aboutus .container .about_group .investment-way .investment-way-item { width: 100%; } .about_investment .aboutus .container .about_group .investment-way .investment-way-item:first-child { padding: 0 0 15px 0; } } header ~ .case .banner a { display: inline-block; color: #fff; padding: 6px 24px; background: #b51018; border-radius: 3px; transition: all 0.3s; } header ~ .case .banner a:hover { background: #860c12; color: #fff; } header ~ .case .banner a + a { margin-left: 12px; } header ~ .case .tab-term { background: #f5f3f3; padding-top: 48px; } header ~ .case .tab-term .container { background: #fff; padding: 36px; padding-bottom: 0; } header ~ .case .tab-term ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; border-bottom: 1px solid #333333; } header ~ .case .tab-term li { width: 14.285%; } header ~ .case .tab-term a { display: block; padding: 16px 0; font-size: 24px; color: #000; text-align: center; position: relative; } header ~ .case .tab-term a:after { content: ""; display: block; width: 1px; height: 70%; background-color: rgba(0, 0, 0, 0.4); position: absolute; top: 50%; transform: translate(0, -50%); left: 0; } header ~ .case .tab-term li:first-child a:after { display: none; } header ~ .case .tab-term li.active a { background: #b51018; color: #fff; } header ~ .case .tab-term li.active a:after { display: none; } header ~ .case .tab-term li.active + li a:after { display: none; } @media (max-width: 991px) { header ~ .case .tab-term .container { padding-left: 16px; padding-right: 16px; } header ~ .case .tab-term a { font-size: 20px; } } @media (max-width: 668px) { header ~ .case .tab-term { padding: 0 !important; } header ~ .case .tab-term a { font-size: 16px; } header ~ .case .tab-term a:after { height: 40%; } } header ~ .case .tab-pane > * { padding-top: 0; } @media (min-width: 508px) { header ~ .case .group_news > a { display: -ms-flexbox !important; display: flex !important; -ms-flex-flow: row nowrap !important; flex-flow: row nowrap !important; } } header ~ .case .group_news > a .news_img { width: 200px !important; padding-right: 24px !important; } header ~ .case .group_news > a .news_img img { width: 100%; } @media (max-width: 507px) { header ~ .case .group_news > a .news_img { margin-bottom: 16px; padding-right: 0 !important; width: 100% !important; } header ~ .case .group_news > a dl { width: 100% !important; position: relative; } header ~ .case .group_news > a h4 { position: absolute; bottom: calc(100% + 24px); left: 0; right: 0; padding: 8px; background-color: rgba(0, 0, 0, 0.3); -webkit-backdrop-filter: blur(8px); backdrop-filter: blur(8px); color: #fff; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } } @media (max-width: 668px) { header ~ .case .aboutus { padding: 0 !important; } } /* * @Author: SiMeiyu * @Date: 2017-10-13 14:14:46 */ .newSlide { position: relative; height: 460px; margin: 0 auto; overflow: hidden; } @media (max-width: 479px) { .newSlide { width: 320px; height: auto; display: inline; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide { width: 450px; } } @media (min-width: 768px) { .newSlide { width: 738px; } } @media (min-width: 992px) { .newSlide { width: 962px; } } @media (min-width: 1200px) { .newSlide { width: 1170px; } } @media (max-width: 767px) { .dataUltra .newSlide { height: 420px; } } .newSlide-nav { position: absolute; top: 100px; width: 32px; height: 72px; border-radius: 3px; transition: all 0.3s linear; cursor: pointer; } @media (min-width: 1200px) { .newSlide-panel-len-3 + .newSlide-nav, .newSlide-panel-len-3 + .newSlide-nav + .newSlide-nav { display: none; } } .newSlide-nav:hover { text-decoration: none; background-color: rgba(181, 16, 24, 0.4); } .newSlide-nav:hover .iconfont { color: rgba(255, 255, 255, 0.8); } .newSlide-nav > .iconfont { line-height: 72px; margin: 0; font-size: 18px; color: #d0121b; transition: all 0.3s linear; } .newSlide-nav-prev { left: 0; } .newSlide-nav-next { right: 0; } .newSlide-panel { position: absolute; left: 0; top: 0; } .newSlide-panel .list-title { font-size: 23px; } .newSlide-panel .list-info { margin: 0 15px; } .newSlide-panel::after { content: ""; display: block; height: 0; line-height: 0; clear: both; zoom: 1; visibility: hidden; } @media (max-width: 479px) { .newSlide-panel-len-2 { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-2 { width: 1350px; } } @media (min-width: 768px) { .newSlide-panel-len-2 { width: 1107px; } } @media (min-width: 992px) { .newSlide-panel-len-2 { width: 1443px; } } @media (min-width: 1200px) { .newSlide-panel-len-2 { width: 1170px; } } @media (max-width: 479px) { .newSlide-panel-len-3 { width: 100%; position: static; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-3 { width: 100%; } } @media (min-width: 768px) { .newSlide-panel-len-3 { width: 100%; } } @media (min-width: 992px) { .newSlide-panel-len-3 { width: 1924px; } } @media (min-width: 1200px) { .newSlide-panel-len-3 { width: 1560px; } } @media (max-width: 479px) { .newSlide-panel-len-4 { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-4 { width: 2250px; } } @media (min-width: 768px) { .newSlide-panel-len-4 { width: 1845px; } } @media (min-width: 992px) { .newSlide-panel-len-4 { width: 2405px; } } @media (min-width: 1200px) { .newSlide-panel-len-4 { width: 1950px; } } @media (max-width: 479px) { .newSlide-panel-len-5 { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-5 { width: 2700px; } } @media (min-width: 768px) { .newSlide-panel-len-5 { width: 2214px; } } @media (min-width: 992px) { .newSlide-panel-len-5 { width: 2886px; } } @media (min-width: 1200px) { .newSlide-panel-len-5 { width: 2340px; } } @media (max-width: 479px) { .newSlide-panel-len-6 { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-6 { width: 3150px; } } @media (min-width: 768px) { .newSlide-panel-len-6 { width: 2583px; } } @media (min-width: 992px) { .newSlide-panel-len-6 { width: 3367px; } } @media (min-width: 1200px) { .newSlide-panel-len-6 { width: 2730px; } } @media (max-width: 479px) { .newSlide-panel-len-7 { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-7 { width: 3600px; } } @media (min-width: 768px) { .newSlide-panel-len-7 { width: 2952px; } } @media (min-width: 992px) { .newSlide-panel-len-7 { width: 3848px; } } @media (min-width: 1200px) { .newSlide-panel-len-7 { width: 3120px; } } @media (max-width: 479px) { .newSlide-panel-len-8 { width: 100%; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-len-8 { width: 4050px; } } @media (min-width: 768px) { .newSlide-panel-len-8 { width: 3321px; } } @media (min-width: 992px) { .newSlide-panel-len-8 { width: 4329px; } } @media (min-width: 1200px) { .newSlide-panel-len-8 { width: 3510px; } } .newSlide-panel-item { float: left; padding-left: 15px; padding-right: 15px; } @media (max-width: 479px) { .newSlide-panel-item { width: 320px; } } @media (min-width: 480px) and (max-width: 767px) { .newSlide-panel-item { width: 450px; } } @media (min-width: 768px) { .newSlide-panel-item { width: 369px; } } @media (min-width: 992px) { .newSlide-panel-item { width: 481px; } } @media (min-width: 1200px) { .newSlide-panel-item { width: 390px; } } .group_news { padding: 32px 0; } .group_news a:hover { text-decoration: none; } .group_news dl { position: relative; padding: 0 0 0 90px; } .group_news dl dt { width: 64px; border: 1px solid #ebebeb; border-radius: 3px; margin: 0 32px 0 0; display: block; position: absolute; left: 0; top: 0; } .group_news dl dt h3 { width: 64px; text-align: center; font-size: 32px; color: #d0121b; padding: 4px 0; margin: 0; } .group_news dl dt small { width: 64px; text-align: center; font-size: 14px; color: #666; font-weight: normal; display: block; border-top: 1px solid #ebebeb; padding: 4px 0; } .group_news dl dd h4 { font-size: 18px; color: #333; padding: 0 0 12px 0; margin: 0; } .group_news dl dd h4:hover { color: #b51018; } .group_news dl dd p { font-size: 14px; line-height: 28px; color: #999; } .aboutus .container .about_group .news_detail { padding: 32px 0; } .aboutus .container .about_group .news_detail h3.title { padding: 0; margin: 0; } .aboutus .container .about_group .news_detail small { text-align: center; width: 100%; display: block; padding: 12px 0 ; font-size: 14px; color: #666; } .aboutus .container .about_group .news_detail .news_infor { background: #faf9fc; padding: 24px; font-size: 16px; line-height: 32px; display: inline-block; } .aboutus .container .about_group .news_detail .news_infor p { width: 50%; float: left; padding: 16px 24px 0 24px; } .aboutus .container .about_group .news_detail .news_infor p.investor_title { padding: 8px 24px 8px 8px; width: 58%; font-size: 15px; line-height: 26px; } @media (max-width: 768px) { .aboutus .container .about_group .news_detail .news_infor p.investor_title { width: 100%; } } .aboutus .container .about_group .news_detail .news_infor .video { width: 40%; float: left; } @media (max-width: 768px) { .aboutus .container .about_group .news_detail .news_infor .video { width: 100%; } .aboutus .container .about_group .news_detail .news_infor .video video { width: 100%; } } .aboutus .container .about_group .news_detail p { padding: 40px 24px 0 24px; color: #666; font-size: 15px; line-height: 32px; } .aboutus .container .about_group .news_detail ul { list-style: circle; padding-left: 40px; } .aboutus .container .about_group .news_detail ul li { color: #666; font-size: 15px; line-height: 32px; } .aboutus .container .about_group .news_detail .news_jathis { padding: 0 0 16px 0; text-align: right; } .aboutus .container .about_group .news_detail .news_jathis .jiathis_style { display: inline-block; } .aboutus .container .about_group .news_detail .news_next { border-top: 1px solid #ededed; padding: 32px 0; display: table; width: 100%; } .aboutus .container .about_group .news_detail .news_next .news_prev { width: 50%; text-align: left; position: relative; padding: 0 0 0 24px; display: inline-block; } .aboutus .container .about_group .news_detail .news_next .news_prev i.iconfont { left: 0; } .aboutus .container .about_group .news_detail .news_next .news_prev:hover i.iconfont { color: #ac0f17; } .aboutus .container .about_group .news_detail .news_next .news_prev:hover h4 { color: #333; } .aboutus .container .about_group .news_detail .news_next .news_prev:hover p { color: #333; } .aboutus .container .about_group .news_detail .news_next .news_after { width: 50%; text-align: right; position: relative; padding: 0 24px 0 0; display: inline-block; } .aboutus .container .about_group .news_detail .news_next .news_after i.iconfont { right: 0; } .aboutus .container .about_group .news_detail .news_next .news_after:hover i.iconfont { color: #ac0f17; } .aboutus .container .about_group .news_detail .news_next .news_after:hover h4 { color: #333; } .aboutus .container .about_group .news_detail .news_next .news_after:hover p { color: #333; } .aboutus .container .about_group .news_detail .news_next i.iconfont { position: absolute; top: 8px; font-size: 18px; font-weight: bold; color: #d4d4d8; } .aboutus .container .about_group .news_detail .news_next h4 { color: #999; font-size: 16px; font-weight: bold; padding: 0; margin: 0; } .aboutus .container .about_group .news_detail .news_next p { color: #999; font-size: 14px; margin: 0; padding: 0; line-height: 32px; } .aboutus .container .about_group .news_detail .news_next a, .aboutus .container .about_group .news_detail .news_next a:hover, .aboutus .container .about_group .news_detail .news_next a:active, .aboutus .container .about_group .news_detail .news_next a:link, .aboutus .container .about_group .news_detail .news_next a:visited { text-decoration: none; } .aboutus .container .about_group .help_pagenation { text-align: right; padding: 32px 0; border-top: 1px solid #ebebeb; } .aboutus .container .about_group .help_pagenation ul { display: inline-block; } .aboutus .container .about_group .help_pagenation ul li { float: left; padding: 0 0 0 8px; } .aboutus .container .about_group .help_pagenation ul li a { border: 1px solid #ecebf0; padding: 8px 12px; display: inline-block; font-size: 14px; line-height: 14px; color: #666; border-radius: 3px; } .aboutus .container .about_group .help_pagenation ul li a i.iconfont { font-size: 12px; color: #666; } .aboutus .container .about_group .help_pagenation ul li a:hover, .aboutus .container .about_group .help_pagenation ul li a.active { background: #ac0f17; color: #fff; text-decoration: none; } .aboutus .container .about_group .help_pagenation ul li a:hover i.iconfont, .aboutus .container .about_group .help_pagenation ul li a.active i.iconfont { color: #fff; } .aboutus .container .about_group .investor_title { width: 60%; font-size: 24px; color: #2b2a2a; padding: 12px 0; } .aboutus .container .about_group .investor_team { padding: 12px 0; } .aboutus .container .about_group .investor_team dl dd { display: inline-block; padding: 8px 0; } .aboutus.news .container .about_group { width: 100%; } .aboutus.news .container .about_group .group_news > a { overflow: hidden; display: inline-block; width: 100%; } .aboutus.news .container .about_group .group_news > a .news_img { padding: 0 2% 0 0; width: 16%; display: inline-block; vertical-align: top; } .aboutus.news .container .about_group .group_news > a .news_img img { max-width: 100%; } .aboutus.news .container .about_group .group_news > a dl { display: inline-block; width: 82%; margin: 8px 0 0 0; word-break: break-all; } .aboutus.news .container .about_group .news_detail h3.title { text-align: center; } .error_404 { height: 100%; width: 100%; background: url('../images/404_bg.jpg') no-repeat top center; min-height: 540px; position: relative; } .error_404 .error_inner { width: 500px; margin: 0 auto; text-align: center; display: table; padding: 120px 0; } .error_404 .error_inner p { color: rgba(255, 255, 255, 0.5); font-size: 24px; padding: 64px 0; } .error_404 .error_inner p span { font-size: 36px; color: #fff; } .error_404 .error_inner a { padding: 12px 32px; } .upCloud_banner { position: relative; } .upCloud_banner .upCloud_banner_btn { position: absolute; top: 43%; width: 100%; text-align: center; z-index: 100; } .upCloud_banner .upCloud_banner_btn a { width: 196px; height: 54px; background: url('../images/solution/upCloud_banner_btn.png'); display: inline-block; cursor: pointer; } .main { width: 1200px; position: relative; } .upCloud1 { background: #eeeef8; padding-bottom: 48px; } .upCloud1 .main { margin: -180px auto 0; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 0 0 ; padding: 64px 32px 20px 32px; } .upCloud1 .main h2 { font-size: 28px; text-align: center; } .upCloud1 .main > p { width: 815px; margin: 16px 0 32px 0; color: rgba(0, 0, 0, 0.5); border-bottom: 1px #d9d9d9 dotted; width: 100%; padding: 0 188px 70px; background: url('../images/upCloud/upCloud1_bg.png') no-repeat center 100px; font-size: 14px; line-height: 1.8em; } .upCloud1 .main .subsidy_list { margin-top: 24px; } .upCloud1 .main .subsidy_list li { width: 33%; text-align: center; line-height: 60px; font-size: 18px; color: rgba(0, 0, 0, 0.65); float: left; background: #f0f0f0; border: 1px #e0e0e0 solid; cursor: pointer; border-right: none; } .upCloud1 .main .subsidy_list li.selected, .upCloud1 .main .subsidy_list li:hover { background: #fff; border-top: 3px #1976d2 solid; margin-top: -2px; } .upCloud1 .main .subsidy_list li:last-child { border-right: 1px #e0e0e0 solid; } .upCloud1 .main .subsidy_content { clear: both; overflow: hidden; display: none; } .upCloud1 .main .subsidy_content.actived { display: block; } .upCloud1 .main .subsidy_content h3 { font-size: 18px; margin-top: 32px; margin-bottom: 16px; font-weight: bold; color: #666; } .upCloud1 .main .subsidy_content ul.upCloud_condition { margin-bottom: 50px; } .upCloud1 .main .subsidy_content ul.upCloud_condition li { color: #666; font-size: 16px; display: inline-block; margin-right: 50px; padding-left: 16px; position: relative; margin-bottom: 10px; line-height: 1.8em; } .upCloud1 .main .subsidy_content ul.upCloud_condition li:before { content: ""; width: 5px; height: 5px; background: #1976d2; display: inline-block; position: absolute; left: 3px; top: 11px; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -o-transform: rotate(45deg); /* Opera */ } .upCloud1 .main .subsidy_content ul.upCloud_condition li span { color: #f04530; } .upCloud1 .main .subsidy_content ul.upCloud_condition li.hot { padding-right: 40px; } .upCloud1 .main .subsidy_content ul.upCloud_condition li.hot:after { content: url('../images/upCloud/upCloud_hot.png'); width: 33px; height: 19px; display: inline-block; position: absolute; top: 3px; right: 0px; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li { background: url('../images/upCloud/upCloud_ticket1.png') no-repeat; width: 368px; height: 131px; margin: 0 10px; float: left; margin: 0 16px 16px 0; padding: 22px 124px 24px 48px; color: #e31737; font-size: 48px; font-weight: bold; cursor: pointer; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li:nth-child(3n) { margin-right: 0; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li span { font-size: 21px; font-weight: normal; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li p { font-size: 18px; font-weight: normal; color: #b54210; display: inline-block; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li p b { display: block; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li div { font-size: 16px; font-weight: normal; font-size: #b64310; border-top: 1px #e7bfa8 solid; margin-top: 5px; padding-top: 8px; opacity: 0.7; text-align: center; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li.ticket_red { background: url('../images/upCloud/upCloud_ticket2.png') no-repeat; color: #f4a00e; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li.ticket_red p, .upCloud1 .main .subsidy_content ul.upCloud_ticket li.ticket_red div { color: #a91f26; } .upCloud1 .main .subsidy_content ul.small li { font-size: 38px; } .upCloud1 .main .subsidy_content ul.small li.small { padding-top: 40px; } .upCloud1 .main .subsidy_content ul.small li.small p { display: none; } .upCloud2 { background: #fff; padding-bottom: 64px; overflow: hidden; } .upCloud2 .main { margin: 0 auto; } .upCloud2 .main h2 { font-size: 28px; text-align: center; margin-top: 48px; } .upCloud2 .main ul { margin-top: 32px; } .upCloud2 .main ul li { margin-bottom: 24px; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05); padding: 16px; height: 190px; } .upCloud2 .main ul li .textGradient { float: left; line-height: 64px; margin: 0 20px; color: transparent; -webkit-background-clip: text; display: inline-block; background-image: linear-gradient(135deg, #fc834e 20%, #222262 80%); } .upCloud2 .main ul li .textGradient i.iconfont { font-size: 64px; } .upCloud2 .main ul li dl { display: inline-block; width: 155px; } .upCloud2 .main ul li dl dt { font-size: 18px; color: rgba(0, 0, 0, 0.65); line-height: 2em; } .upCloud2 .main ul li dl dd { color: rgba(0, 0, 0, 0.5); font-size: 14px; position: relative; padding-left: 15px; line-height: 1.8em; } .upCloud2 .main ul li dl dd:before { content: ""; width: 5px; height: 5px; background: rgba(0, 0, 0, 0.3); display: inline-block; position: absolute; left: 3px; top: 10px; transform: rotate(45deg); -ms-transform: rotate(45deg); /* IE 9 */ -moz-transform: rotate(45deg); /* Firefox */ -webkit-transform: rotate(45deg); /* Safari 和 Chrome */ -o-transform: rotate(45deg); /* Opera */ } .upCloud3 { background: #eeeef8; padding: 64px 0; } .upCloud3 .main { margin: 0px auto; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); border-radius: 0 0 20px 20px ; padding: 64px 32px 20px 32px; } .upCloud3 .main h2 { font-size: 28px; text-align: center; } .upCloud3 .main ul li { padding: 32px 32px 32px 8px; border-bottom: 1px #ddd dotted; border-right: 1px #ddd dotted; overflow: hidden; } .upCloud3 .main ul li:nth-child(2n) { border-right: none; } .upCloud3 .main ul li:nth-child(n+3) { border-bottom: none; } .upCloud3 .main ul li img { width: 40%; float: left; } .upCloud3 .main ul li dl { display: inline-block; float: left; width: 60%; margin-top: 16px; } .upCloud3 .main ul li dl dt { font-size: 18px; color: rgba(0, 0, 0, 0.6); line-height: 2em; } .upCloud3 .main ul li dl dd { font-size: 14px; color: #999; line-height: 2em; } @media (max-width: 1199px) { section { padding-left: 10px !important; padding-right: 10px !important; } .main { width: 100%; } .upCloud1 .main > p { padding: 0 30px 70px; } .upCloud_banner .upCloud_banner_btn a { zoom: 0.6; } } @media (max-width: 810px) { .upCloud1 .main .subsidy_content ul.upCloud_ticket { text-align: center; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li { float: none; display: inline-block; text-align: left; } .upCloud1 .main .subsidy_content ul.upCloud_ticket li:nth-child(3n) { margin-right: 10px; } .upCloud3 .main ul li { border-right: none; border-bottom: 1px #ddd dotted !important; padding: 16px 0 16px 0; } .upCloud1 .main > p { background-position: center bottom; } .upCloud_banner .upCloud_banner_btn a { zoom: 0.4; } } @media (max-width: 600px) { .upCloud2 .main ul li { text-align: center; height: 250px; } .upCloud2 .main ul li .textGradient { float: none; display: block; } .upCloud2 .main ul li dl { width: auto; } .upCloud2 .main ul li dl dd { padding: 0; } .upCloud2 .main ul li dl dd:before { display: none; } .upCloud1 .main .subsidy_list li { font-size: 14px; } .upCloud1 .main .subsidy_content ul.upCloud_condition li { margin-right: 0; } .upCloud1 .main .subsidy_content ul.upCloud_condition li.hot:after { display: none; } .upCloud1 .main { margin-top: -80px; } } .en { text-align: justify; } .en .header .navbar-default .navbar-nav > li.parent > ul.sub { right: 0; } .en .ability dl dd p { line-height: 16px; } .en .rotation-item-title { font-size: 22px; } .en .rotation-item-info { line-height: 18px; } .en .client .nav-tabs > li a { font-size: 16px; white-space: normal; line-height: 16px; padding: 16px; } .en .about_us .container dl dt { width: auto; } .en .about_us .container dl dd { width: 59%; } .en .about_us .container dl dd a p { line-height: 19px; font-size: 14px; } .en .about_us .container dl dd a .title { margin-top: 0; } .en .about_us .container dl dd a .title small { font-size: 16px; } .en .footer .navbar-nav > li { margin-right: 22px; } .en .footer .touchUs { padding-left: 16px; } .en .footer .touchUs .hotline { overflow: hidden; } .en .footer .touchUs .hotline h4 { font-size: 24px; padding-top: 0px; margin-bottom: 4px; float: left; margin-right: 24px; width: 222px; height: auto; color: rgba(255, 255, 255, 0.7); } .en .footer .touchUs .hotline h4 small { font-size: 16px; position: static; color: rgba(255, 255, 255, 0.7); } .en .footer .touchUs .hotline h4.mail { font-size: 18px; } .en .footer .touchUs .hotline h4.mail .iconfont { font-size: 18px; left: 12px; } .en .footer .touchUs .hotline .btn { margin-left: 16px; float: left; margin-right: 24px; opacity: 0.7; } .en .footer .touchUs .hotline .btn:hover { opacity: 1; } .en .footer .touchUs .hotline .weixin { margin-top: 12px; } .en .footer .touchUs .hotline .weixin img { border: 8px solid #ffffff; } .en .footer .touchUs .hotline .weixin p { color: #ffffff; margin-top: 10px; text-align: center; } .en .footer .touchUs .hotline { margin-bottom: 24px; } .en .footer .touchUs .QRCode-list li { width: 20%; } .en .footer .touchUs .QRCode-list li a .iconfont { font-size: 48px; color: rgba(255, 255, 255, 0.7); } .en .footer .touchUs .QRCode-list li a .iconfont:hover { color: #ffffff; } .en .footer-tip { overflow: hidden; } .en .online-consultation dd.hotline { margin-top: 20px; font-size: 12px; } @media (max-width: 1200px) { .en .about_us .container dl dd { width: 100%; } } @media (max-width: 768px) { .en .client .bg-grey { padding: 0 0 0 40%; } .en .client .nav-tabs { width: 40%; } .en .client-info { padding: 0 6px 0 16px; } .en .client-info { padding-top: 0; } .en .client-img img { width: 90%; } .en .ability dl { padding: 6px 24px; } .en .ability dl dt { padding-bottom: 6px; } .en .ability dl dd p { min-height: 60px; } .en .client .nav-tabs > li a { font-size: 14px; line-height: 14px; padding: 12px; } .en h2.title small { font-size: 14px; } .en .news_action a.news_more { margin-top: 16px; } .en .about_us .container dl dd a .title { margin-top: 24px; } .en .footer .touchUs .hotline h4 { font-size: 16px; width: 188px; margin-right: 12px; } .en .footer .touchUs .hotline h4 small { font-size: 12px; } .en .footer .touchUs .hotline h4.mail { font-size: 12px; margin-top: 10px; line-height: 12px; } .en .footer .touchUs .hotline a.btn { margin-top: 16px; } .en .client-info { font-family: inherit; line-height: 1.2em; } } @media (max-width: 559px) { .en .en-consultation { display: block; position: fixed; z-index: 1000; background: rgba(0, 0, 0, 0.4); bottom: 0; width: 100%; padding: 10px 2%; border-top: 1px solid rgba(255, 255, 255, 0.5); } .en .en-consultation li { display: inline-block; width: 45%; margin: 0 2%; } .en .en-consultation li:first-child a { background: #fff; } .en .en-consultation li a { display: inline-block; background: #e1eef8; color: #666; border-radius: 2px; width: 100%; text-align: center; padding: 10px 0; } } .talent_train .banner { background-image: url(../images/about/bg_banner_talent.jpg); } .talent_train .banner.banner1 { background-image: url(../images/about/bg_banner_talent1.jpg); } .talent_train .talent_content { padding: 30px 75px 70px; display: block; background: #fff; } .talent_content h2 { margin-bottom: 30px; border-top: 1px dotted #e0e0e0; padding-top: 30px; } .talent_content h5 { text-align: center; font-weight: bold; font-size: 14px; margin-top: 40px; } .talent_content p { line-height: 2.2em; margin-bottom: 0; color: #666; } .talent_table { width: 100%; margin-bottom: 50px; border-bottom: 1px solid #aaa; } .talent_table tr th, .talent_table tr td { padding: 10px 20px; border-top: 1px solid #aaa; background: #faf9f9; border-right: 1px #fff solid; line-height: 2em; color: #666; font-weight: normal; } .talent_table tr .td_title { text-align: center; padding: 10px 0; } .talent_table tr .td_center { background: #f5f5f5; padding: 10px 10px 10px 20px; } .talent_dl { margin-bottom: 30px; } .talent_dl dt, .talent_dl dd { line-height: 2.2em; margin-bottom: 0; color: #666; } .talent_dl dt { margin-top: 10px; color: #666; } .talent_train a { color: #b51018; text-decoration: underline; } /* edm */ .emd3 .banner { height: 164px; background: url(../images/edm/banner-3.jpg) no-repeat; background-size: 100% 100%; } .emd3 .banner .banner-info { text-align: center; color: #fff; margin-top: 40px; font-size: 14px; } .emd3 section { background: url(../images/edm/introduction-bg.jpg); background-size: 100% 100%; padding-bottom: 30px; } .emd3 section img { width: 100%; } .emd3 section.wihte-bg { background: #fff; } .emd3 section.introduction { padding-bottom: 0; } .emd3 section.introduction p { line-height: 1.8em; } .emd3 section.introduction img.introduction-img { width: 100%; padding: 15px 50px; background: rgba(210, 210, 210, 0.35); border-top: 1px solid #333; border-bottom: 1px solid #333; margin: 10px 0; } .emd3 section.introduction dl { text-align: center; border-bottom: 1px solid #333; padding-bottom: 20px; } .emd3 section.introduction dl dt { font-size: 14px; font-weight: bold; margin-bottom: 20px; } .emd3 section.introduction dl dd { line-height: 2em; font-size: 12px; } .emd3 section.introduction img { width: 100%; } .emd3 section.Certification { padding-bottom: 0; } .emd3 section.Certification .title { float: left; text-align: left; margin-top: 60px; } .emd3 section.Certification .title span { margin-bottom: 10px; font-size: 12px; color: #ca0808; display: block; font-weight: bold; } .emd3 section.Certification img { float: right; width: 100px; margin-top: 50px; } .emd3 section.advantage { padding: 0; } .emd3 section.advantage .container { padding: 0; } .emd3 section.advantage dl { display: inline-block; width: 32.5%; text-align: center; vertical-align: top; } .emd3 section.advantage dl dt { background: #e60012; padding: 6px 16px; border-radius: 3px; display: inline-block; color: #fff; margin-bottom: 10px; } .emd3 section.advantage dl dd { font-size: 12px; line-height: 2em; } .emd3 section.advantage dl.black dt { background: #535353; } .emd3 section.value ul { width: 100%; } .emd3 section.value ul li { text-align: center; background: #535353; padding: 12px 16px; border-radius: 3px; display: inline-block; color: #fff; margin-bottom: 10px; width: 100%; } .emd3 section.value ul li:nth-of-type(odd) { background: #e60012; } .emd3 section.case { padding-bottom: 60px; } .emd3 section.case ul li { display: inline-block; width: 30%; margin: 1%; border: 1px solid #ddd; } .emd3 .swiper-pagination-fraction, .emd3 .swiper-pagination-custom, .emd3 .swiper-container-horizontal > .swiper-pagination-bullets { text-align: right; margin-top: 30px; } .emd3 .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; } .emd3 .swiper-pagination-bullet-active::before, .emd3 .swiper-pagination-bullet:hover::before { width: 23px; border-radius: 4px; position: inherit; } .emd3 .swiper-pagination-bullet::before { position: inherit; } .emd3 .swiper-pagination-bullet { width: auto; } .emd4 .banner { height: 164px; background: url(../images/edm/banner-4.jpg) no-repeat; background-size: 100% 100%; } .emd4 .banner .banner-info { text-align: center; color: #fff; margin-top: 40px; font-size: 14px; } .emd4 section { background: url(../images/edm/introduction-bg.jpg); background-size: 100% 100%; padding-bottom: 30px; } .emd4 section img { width: 100%; } .emd4 section.wihte-bg { background: #fff; } .emd4 section.introduction p { line-height: 1.8em; } .emd4 section.introduction img { margin-bottom: 20px; } .emd4 section.scenes ul li { display: inline-block; width: 32%; text-align: center; height: 140px; } .emd4 section.scenes ul li p { margin-top: 10px; } .emd4 section.scenes ul li i { background: #535353; color: #fff; font-size: 32px; width: 64px; display: inline-block; vertical-align: middle; line-height: 64px; height: 64px; } .emd4 section.scenes ul li:nth-of-type(odd) i { background: #e60012; } .emd4 section.advantage { text-align: center; } .emd4 section.advantage .container { padding: 0; } .emd4 section.advantage dl { display: inline-block; width: 43%; text-align: center; margin: 0 10px; vertical-align: top; margin-bottom: 20px; } .emd4 section.advantage dl dt { background: #e60012; padding: 6px 16px; border-radius: 3px; display: inline-block; color: #fff; margin-bottom: 10px; width: 100%; } .emd4 section.advantage dl dd { font-size: 12px; line-height: 2em; text-align: left; } .emd4 section.advantage dl.black dt { background: #535353; } .emd4 section.case { padding-bottom: 60px; } .emd4 section.case .container { padding: 0; } .emd4 section.case ul li { display: inline-block; width: 18%; margin: 1px; border: 1px solid #ddd; } .emd3 section.contact, .emd4 section.contact { text-align: center; padding-top: 50px; padding-bottom: 60px; } .emd3 section.contact .contact-title, .emd4 section.contact .contact-title { background: #c21a1f; border-radius: 30px; font-size: 18px; color: #fff; display: inline-block; padding: 10px 30px; margin-bottom: 20px; } .emd3 section.contact .contact-form p, .emd4 section.contact .contact-form p { position: relative; } .emd3 section.contact .contact-form p input, .emd4 section.contact .contact-form p input { border-radius: 10px; padding: 10px 5px 10px 70px; border: 1px #333 solid; width: 90%; line-height: 30px; font-size: 16px; } .emd3 section.contact .contact-form p input.submit-btn, .emd4 section.contact .contact-form p input.submit-btn { padding-left: 5px; width: 30%; background: #323333; color: #fff; font-size: 16px; margin-top: 10px; } .emd3 section.contact .contact-form p label, .emd4 section.contact .contact-form p label { position: absolute; top: 16px; left: 10%; font-weight: normal; } .emd3 section.contact .contact-form p label span, .emd4 section.contact .contact-form p label span { color: #c21a1f; margin-left: 5px; } @media (min-width: 768px) { .enabling { background-position: center 0; } } .enabling .enabling_content .enabling_content_border1 { padding: 0 18px; } .enabling .enabling_content .enabling_content_border1 dl { padding: 28px 0 50px; } .enabling .enabling_content .enabling_content_border1 dl:not(:last-child) { border-bottom: 1px solid #ecebf0; } .enabling .enabling_content .enabling_content_border1 dl dt { display: inline-block; width: 53%; } .enabling .enabling_content .enabling_content_border1 dl dt img { width: 100%; } .enabling .enabling_content .enabling_content_border1 dl dd { float: right; width: 47%; padding-left: 15px; } .enabling .enabling_content .enabling_content_border1 dl dd .enabling_title { font-size: 16px; padding-top: 0 !important; } .enabling .enabling_content .enabling_content_border1 dl dd p { color: rgba(0, 0, 0, 0.5); padding-bottom: 30px; } .enabling .enabling_content .enabling_content_border1 dl dd span { background: #da151f; padding: 2px 8px; border-radius: 16px; color: #fff; } @media (max-width: 768px) { .enabling .enabling_content .enabling_content_border1 dl:not(:last-child) { border-bottom: 1px solid #fcfbfb; } .enabling .enabling_content .enabling_content_border1 dl:not(:first-child) dt { padding-top: 30px; } .enabling .enabling_content .enabling_content_border1 dl:not(:last-child) dd { border-bottom: 1px solid #ecebf0; } .enabling .enabling_content .enabling_content_border1 dl dt { width: 100%; } .enabling .enabling_content .enabling_content_border1 dl dd { width: 100%; padding-bottom: 30px; } .enabling .enabling_content .enabling_content_border1 dl dd p { padding-bottom: 0; } } .enabling .enabling_content .enabling_content_border2 { padding: 0 18px; } .enabling .enabling_content .enabling_content_border2 dl { padding: 28px 0 50px; } .enabling .enabling_content .enabling_content_border2 dl:not(:last-child) { border-bottom: 1px solid #ecebf0; } .enabling .enabling_content .enabling_content_border2 dl dt { display: inline-block; width: 25%; } .enabling .enabling_content .enabling_content_border2 dl dt img { width: 100%; position: relative; left: 120px; } .enabling .enabling_content .enabling_content_border2 dl dd { float: right; width: 50%; padding-top: 40px; } .enabling .enabling_content .enabling_content_border2 dl dd .enabling_title { font-size: 16px; padding-top: 0 !important; } .enabling .enabling_content .enabling_content_border2 dl dd p { color: rgba(0, 0, 0, 0.5); padding-bottom: 50px; } .enabling .enabling_content .enabling_content_border2 dl dd span { background: #da151f; padding: 2px 8px; border-radius: 16px; color: #fff; } @media (max-width: 768px) { .enabling .enabling_content .enabling_content_border2 dl:not(:last-child) { border-bottom: 1px solid #fff; } .enabling .enabling_content .enabling_content_border2 dl:not(:first-child) dt { padding-top: 40px; } .enabling .enabling_content .enabling_content_border2 dl:not(:last-child) dd { border-bottom: 1px solid #ecebf0; } .enabling .enabling_content .enabling_content_border2 dl dt { width: 100%; } .enabling .enabling_content .enabling_content_border2 dl dt img { left: 0; } .enabling .enabling_content .enabling_content_border2 dl dd { width: 100%; padding: 0 0 30px 0; } .enabling .enabling_content .enabling_content_border2 dl dd p { padding-bottom: 0; } } .partner .partner_canals .partner_canals_information { float: left; width: 60%; text-align: left; } .partner .partner_canals .partner_canals_information p { font-size: 14px; line-height: 1.8em; color: #666; } .partner .partner_canals .partner_canals_information p:last-child { padding-bottom: 20px; } .partner .partner_canals .partner_canals_information div { border: 2px solid #b51018; border-radius: 30px; width: 150px; display: inline-block; text-align: center; padding: 4px 0; margin: 12px 12px 0 0; } .partner .partner_canals .partner_canals_information div a { font-size: 14px; padding: 2px 12px; color: #b51018; } .partner .partner_canals .partner_canals_information div:hover { background-color: #b51018; } .partner .partner_canals .partner_canals_information div:hover a { color: #fff; } @media (max-width: 1360px) { .partner .partner_canals .partner_canals_information { width: 100%; } .partner .partner_canals .partner_canals_information div { width: 140px; } } @media (max-width: 800px) { .partner .partner_canals { height: 320px; } } @media (max-width: 534px) { .partner .partner_canals { height: 450px; } } .partner .partner_canals_module .container .partner_canals_module_left { display: inline-block; width: 181px; } .partner .partner_canals_module .container .partner_canals_module_left .left_content h4 { display: inline-block; width: 120px; font-weight: bold; } .partner .partner_canals_module .container .partner_canals_module_left .left_content div { display: inline-block; border: 1px solid #c2c2c2; border-radius: 50%; width: 20px; height: 20px; background-color: #c2c2c2; position: relative; left: 175px; top: -36px; } @media (max-width: 654px) { .partner .partner_canals_module .container .partner_canals_module_left .left_content div { display: none; } } .partner .partner_canals_module .container .partner_canals_module_right { display: inline-block; width: 84%; vertical-align: top; } .partner .partner_canals_module .container .partner_canals_module_right .right_content { border-left: 1px solid #c2c2c2; padding: 8px 0 0 20px; } .partner .partner_canals_module .container .partner_canals_module_right .right_content .right_content_title { font-size: 18px; } .partner .partner_canals_module .container .partner_canals_module_right .right_content p { display: inline-block; color: #9c9c9c; line-height: 24px; } .partner .partner_canals_module .container .partner_canals_module_right .right_content p span { color: #2e2e2e; font-weight: bold; padding-right: 10px; } .partner .partner_canals_module .container .partner_canals_module_right .one { margin-top: 12px; padding: 0 0 0 20px; } .partner .partner_canals_module .container .partner_canals_module_right .two { height: 80px; } .partner .partner_canals_module .container .partner_canals_module_right .three p { margin: 0; } @media (max-width: 1195px) { .partner .partner_canals_module .container .partner_canals_module_right { width: 74%; } } @media (max-width: 750px) { .partner .partner_canals_module .container .partner_canals_module_right { width: 70%; } } @media (max-width: 654px) { .partner .partner_canals_module .container .partner_canals_module_right { width: 100%; } .partner .partner_canals_module .container .partner_canals_module_right .right_content { border-left: none; } } .partner .partner_banner { padding-top: 8px; padding-top: 60px; height: 450px; } .partner .partner_banner .partner_banner_title { display: inline-block; font-weight: bold; font-size: 34px; margin-bottom: 30px; } .partner .partner_banner .partner_information { float: left; width: 50%; text-align: left; } .partner .partner_banner .partner_information p { font-size: 14px; line-height: 1.8em; color: #666; } .partner .partner_banner .partner_information p a { border: 2px solid #b51018; border-radius: 30px; color: #fff; float: right; font-size: 14px; padding: 2px 12px; color: #b51018; } @media (max-width: 1530px) { .partner .partner_banner .partner_information { width: 55%; } } @media (max-width: 975px) { .partner .partner_banner .partner_information { width: 100%; } } .partner .partner_banner .partner_banner_form { display: inline-block; border: 1px solid #d0d0d0; border-radius: 10px; padding: 20px; width: 35%; background-color: #e7e5e5; min-width: 409px; margin-top: 20px; } .partner .partner_banner .partner_banner_form h4 { float: left; font-weight: bold; padding-left: 15px; } .partner .partner_banner .partner_banner_form .partner_banner_input { padding-bottom: 16px; } .partner .partner_banner .partner_banner_form .partner_banner_remember { display: flow-root; } .partner .partner_banner .partner_banner_form .partner_banner_remember .rememberName { padding: 0 8px 0 15px; } .partner .partner_banner .partner_banner_form .partner_banner_left { float: left; } .partner .partner_banner .partner_banner_form .partner_banner_right { float: right; } .partner .partner_banner .partner_banner_form .partner_banner_button { padding-top: 20px; width: 100%; } .partner .partner_banner .partner_banner_form .partner_banner_button span { display: inline-block; width: 100%; background-color: #b51018; color: #fff; font-size: 14px; } .partner .partner_banner .partner_banner_form .partner_banner_button .partner_login1 { padding: 10px 50px; } @media (max-width: 400px) { .partner .partner_banner .partner_banner_form .partner_banner_button .partner_login1 { padding: 10px 10%; } } .partner .partner_banner .partner_banner_form .partner_banner_button .partner_login2 { padding: 10px 10px; } .partner .partner_banner .partner_banner_form dt { text-align: left; font-weight: bold; margin-bottom: 20px; } .partner .partner_banner .partner_banner_form dd { line-height: 24px; text-align: left; position: relative; } .partner .partner_banner .partner_banner_form dd a { padding-right: 90px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 100%; color: #666; } .partner .partner_banner .partner_banner_form dd a:hover { text-decoration: underline; } .partner .partner_banner .partner_banner_form dd span { position: absolute; right: 0; top: 0; } @media (max-width: 470px) { .partner .partner_banner .partner_banner_form { width: 100%; min-width: 300px; } } @media (max-width: 975px) { .partner .partner_banner { height: 590px; } } @media (max-width: 636px) { .partner .partner_banner { height: 660px; } } .partner .partner_picture .title { font-size: 32px; font-weight: bold; } .partner .partner_picture .partner_picture_swiper { width: 24%; padding: 6px; display: inline-block; } .partner .partner_picture .partner_picture_swiper .rotation-item { padding-bottom: 80%; } .partner .partner_picture .partner_picture_swiper .rotation-item .rotation-item-default { background: #f1eff0; } .partner .partner_picture .partner_picture_swiper .rotation-item .partner_img { padding: 0; width: 100%; margin-top: 50px; margin-bottom: 20px; } .partner .partner_picture .partner_picture_swiper .rotation-item .partner-item-hover { padding-left: 15px; padding-right: 15px; } .partner .partner_picture .partner_picture_swiper .rotation-item .partner-item-hover div { width: 100%; } .partner .partner_picture .partner_picture_swiper .rotation-item .partner-item-hover div h5 { display: inline-block; width: 18%; white-space: nowrap; } .partner .partner_picture .partner_picture_swiper .rotation-item .partner-item-hover div p { display: -ms-inline-flexbox; display: inline-flex; word-break: break-all; width: 82%; } @media (max-width: 1110px) { .partner .partner_picture .partner_picture_swiper { width: 33%; } } @media (max-width: 850px) { .partner .partner_picture .partner_picture_swiper { width: 49%; } } @media (max-width: 600px) { .partner .partner_picture .partner_picture_swiper { width: 99%; } } .partner .partner_content .partner_content_base { padding: 32px 28px; } .partner .partner_content .partner_content_base dl dd .tip { background-color: #f0f8fe; padding: 5px 0 5px 5px; font-size: 15px; border: 1px solid #c4e4fb; } .partner .partner_content .partner_content_base dl dd .tip i { font-size: 16px; margin-right: 4px; } .partner .partner_content .partner_content_base dl dd img { padding: 35px 0 0; width: 17%; } .partner .partner_content .partner_content_base dl dd .name { float: right; width: 70%; padding: 35px; } .partner .partner_content .partner_content_base dl dd .name div p { display: inline-block; width: 35%; } .partner .partner_content .partner_content_base dl dd .name .update { margin: 0; float: right; } @media (max-width: 767px) { .partner .partner_content .partner_content_base { padding: 32px 0px; } .partner .partner_content .partner_content_base dl dd .name { padding: 35px 20px 35px 20px; width: 80%; } } @media (max-width: 500px) { .partner .partner_content .partner_content_base { padding: 32px 0px; } .partner .partner_content .partner_content_base dl dd .name { padding: 35px 0px 35px 0px; } .partner .partner_content .partner_content_base dl dd .name div:not(:first-child) { padding-top: 20px; } .partner .partner_content .partner_content_base dl dd .name div:not(:last-child) { border-bottom: 1px solid #ecebf0; } .partner .partner_content .partner_content_base dl dd .name div p { width: 80%; } } .partner .partner_need_content { padding: 32px 28px; } .partner .partner_need_content h4 { font-weight: bold; } .partner .partner_need_content .partner_need_ul { padding: 30px 0; } .partner .partner_need_content .partner_need_ul .partner_need_tiao { display: inline-block; padding: 5px 0; width: 14%; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown { display: inline-block; width: 70%; padding: 5px 0; text-align: end; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .partner_need_create { display: inline-block; padding: 0 10px 0 0; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .partner_need_create span { padding-right: 10px; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .partner_need_status { padding-right: 10px; width: 90px; display: inline-block; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .partner_need_status div { border: 1px solid #bbb; padding: 3px 5px; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .createButton { background: #b51018; padding: 4px 10px; border-radius: 6px; color: #fff; font-size: 16px; float: right; } .partner .partner_need_content ul.active li:before { visibility: hidden; } .partner .partner_need_content ul.active li:after { visibility: visible; } .partner .partner_need_content .partner_tab_content table { width: 100%; } .partner .partner_need_content .partner_tab_content table th { text-align: center; background-color: #f5f3f3; padding: 4px 3px; border: 3px solid #fff; color: rgba(0, 0, 0, 0.8); } .partner .partner_need_content .partner_tab_content table td { text-align: center; color: rgba(0, 0, 0, 0.5); } .partner .partner_need_content .partner_tab_content .partner_need_nodata { text-align: center; } @media (max-width: 700px) { .partner .partner_need_content .partner_need_ul .partner_need_tiao { width: 100%; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown { text-align: start; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .partner_need_create { width: 100%; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .partner_need_status { display: block; padding: 7px 0; } .partner .partner_need_content .partner_need_ul .partner_need_dropdown .createButton { float: left; } } .partner .partner_need_reported { padding: 32px 28px; } .partner .partner_need_reported h5 { color: #ac0f17; font-size: 16px; padding: 20px 0; } .partner .partner_need_reported .partner_reported_content .human_nav .partner_title { border-bottom: 1px solid #ebebeb; } .partner .partner_need_reported .partner_reported_content .human_nav .partner_title .nav { padding-left: 20%; border-bottom: none !important; } .partner .partner_need_reported .partner_reported_content .human_nav .tab-content .partner_need_form .partner_need_label { display: block; margin-bottom: 16px; } .partner .partner_need_reported .partner_reported_content .human_nav .tab-content .partner_need_form .partner_need_label:last-child { padding-top: 10px; } .partner .partner_need_reported .partner_reported_content .human_nav .tab-content .partner_need_form input { height: 68px; } .partner .partner_need_reported .partner_reported_content .human_nav .tab-content .submitButton { padding-top: 50px; text-align: center; } .partner .partner_need_reported .partner_reported_content .human_nav .tab-content .submitButton a span { background-color: #b51018; padding: 15px 60px; font-size: 16px; color: #fff; border-radius: 10px; } @media (max-width: 767px) { .partner .partner_need_reported { padding: 32px 0px; } } .partner .partner_need_number { padding: 32px 28px; } .partner .partner_need_number h4 { display: inline-block; } .partner .partner_need_number .numberButton { border: 1px solid #ac0f17; float: right; padding: 8px 22px; border-radius: 6px; box-shadow: 0 0 2px #ac0f17; color: #ac0f17; font-weight: bold; } .partner .partner_need_number .notice { color: #b51018; float: right; padding-top: 20px; } .partner .form-control { background-color: #f5f3f3; } .partner .partner_apply .partner_apply_title h1 { padding-top: 40px; font-weight: bold; } .partner .partner_apply_content { padding: 32px 28px; } .partner .partner_apply_content .partner_apply_img { text-align: center; } .partner .partner_apply_content .partner_apply_img img { width: 100%; } .partner .partner_apply_content .tab-content { padding: 60px 120px; } @media (max-width: 767px) { .partner .partner_apply_content .tab-content { padding: 60px 60px; } } @media (max-width: 450px) { .partner .partner_apply_content .tab-content { padding: 60px 0; } } .partner .partner_apply_content .tab-content .form-title { line-height: 56px; font-weight: bold; } .partner .partner_apply_content .form-group span { color: red; } .partner .partner_apply_content .form-group .col-sm-8 label { width: 15%; } .partner .partner_apply_content .form-group .col-sm-8 .checkbox { width: 100%; margin-left: 20px; } .partner .partner_apply_content .form-group .col-sm-12 .agreementContent { width: 100%; font-weight: normal; } .partner .partner_apply_content .submitButton { padding-top: 50px; text-align: center; } .partner .partner_apply_content .submitButton a span { display: inline-block; padding: 15px 60px; font-size: 16px; color: #b51018; border-radius: 10px; border: 1px solid #da151f; margin: 10px; } .partner .partner_apply_content .submitButton a span:hover { background-color: #b51018; color: #fff; } .partner .partner_apply_content .submitButton a .return { padding: 15px 68px; } .partner .partner_apply_content .submitButton a .confirmSubmit { padding: 15px 52px; } @media (max-width: 430px) { .partner .partner_apply_content .submitButton a span { padding: 10px 45px; } .partner .partner_apply_content .submitButton a .return { padding: 10px 53px; } .partner .partner_apply_content .submitButton a .confirmSubmit { padding: 10px 37px; } } .partner .partner_information_pwd_content .partner_information_pwd_img { text-align: center; } .partner .partner_information_pwd_content .partner_information_pwd_img img { width: 100%; min-height: 60px; } .partner .partner_information_pwd_content .partner_pwd_form { margin: 0 auto; width: 50%; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input { padding-bottom: 15px; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input input { height: 55px; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input .form_code { width: 70%; display: inline-block; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input .form_code_img { width: 30%; float: right; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input .form_code_img img { width: 100%; height: 50px; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_button { padding: 20px 20px; text-align: center; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_button a:first-child { padding-right: 20px; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_button span { background-color: #b51018; padding: 4px 30px; font-size: 16px; color: #fff; border-radius: 6px; } @media (max-width: 990px) { .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input input { height: 40px; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input .form_code_img img { height: 40px; } } @media (max-width: 700px) { .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input input { height: 30px; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_input .form_code_img img { height: 30px; } } @media (max-width: 520px) { .partner .partner_information_pwd_content .partner_pwd_form { width: 60%; } .partner .partner_information_pwd_content .partner_pwd_form .partner_pwd_button { padding: 20px 0; } } @media (max-width: 435px) { .partner .partner_information_pwd_content .partner_pwd_form { width: 80%; } } .partner .partner_list li { display: inline-block; width: 19.7%; padding: 4px 2px; } @media (max-width: 990px) { .partner .partner_list li { width: 24%; } } @media (max-width: 700px) { .partner .partner_list li { width: 32%; } } @media (max-width: 520px) { .partner .partner_list li { width: 49%; } } .partner .partner_list li a { display: block; background: #f5f3f3; } .partner .partner_list li a img { width: 100%; } .partner .news_border { border-bottom: 1px #ddd dotted; margin-top: 20px; width: 100%; } .partner { padding-bottom: 48px; } .partner .banner { min-height: 290px; height: auto; } .partner .banner .partner_banner_title { font-size: 40px; font-weight: bold; } .partner .banner p { font-size: 16px; line-height: 2; max-width: 655px; margin: 16px auto; } .partner .banner a { display: inline-block; color: #fff; padding: 6px 24px; background: #b51018; border-radius: 3px; transition: all 0.3s; } .partner .banner a:hover { background: #860c12; color: #fff; } .partner .banner a + a { margin-left: 16px; } .partner .list .title { font-weight: bold; font-size: 34px; } .partner .list .title small { display: block; padding-top: 12px; } .partner .list ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: justify; justify-content: space-between; } .partner .list li { background: #e0e0e0; width: 19%; padding: 4% 0; cursor: pointer; } @media (max-width: 768px) { .partner .list ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .partner .list li { width: 33%; } .partner .list li:nth-child(n+4) { width: 50%; border-top: 5px solid #fff; } .partner .list li:nth-child(4) { border-right: 2px solid #fff; } .partner .list li:nth-child(5) { border-left: 2px solid #fff; } } .partner h2.title { text-align: center; margin-top: 48px; font-weight: bold; font-size: 34px; padding: 0 16px; } .partner h2.title small { display: block; padding-top: 16px; line-height: 1.6; } .partner .solution .title { font-weight: normal; } .partner .solution .partner_list { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-pack: start; justify-content: flex-start; } .partner .solution .partner_list li { width: 20%; padding: 4px; } .partner .solution .partner_list a { display: block; width: 100%; padding-top: 50%; position: relative; border: 1px solid #e0e0e0; background: #fff; overflow: hidden; } .partner .solution .partner_list img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; } @media (max-width: 768px) { .partner .solution .partner_list li { width: 25%; } } @media (max-width: 580px) { .partner .solution .partner_list li { width: 33.3%; } } body.opening .opening-content { background-image: url(../images/opening_bg.jpg); height: 100vh; background-size: 100% 100%; width: 100%; padding: 80px 150px; } body.opening .opening-content .open-subtitle { display: none; } body.opening .opening-content p { font-size: 36px; color: #fff; } body.opening .opening-content .top { position: relative; } body.opening .opening-content .top .icon-opening { font-size: 65px; color: #fff; position: relative; } body.opening .opening-content .top .icon-opening.shadow { position: absolute; top: 5px; left: 5px; color: #000; } body.opening .opening-content .icon-opening1 { padding: 5% 0 10% 0; font-size: 120px; color: #fff; display: block; } body.opening .opening-content ul li:first-child { float: left; margin-right: 20px; } body.opening .opening-content ul li:first-child img { margin-top: 10px; } body.opening .opening-content ul li { font-size: 32px; color: #fff; line-height: 1.8em; } @media (min-width: 1024px) and (max-width: 1600px) { body.opening .opening-content p { font-size: 26px; } body.opening .opening-content .top { position: relative; } body.opening .opening-content .top .icon-opening { font-size: 60px; } body.opening .opening-content .top .icon-opening.shadow { top: 5px; left: 5px; } body.opening .opening-content .icon-opening1 { font-size: 70px; } body.opening .opening-content ul li:first-child img { height: 110px; } body.opening .opening-content ul li { font-size: 24px; } } @media (max-width: 1024px) { body.opening .opening-content { background-image: url(../images/opening_bg1.jpg); } } @media (min-width: 492px) and (max-width: 1024px) { body.opening .opening-content { padding: 40px 60px; } body.opening .opening-content .icon-opening1 { display: none; } body.opening .opening-content .open-subtitle { display: inline-block; padding: 15% 0 20% 0; } body.opening .opening-content .open-subtitle .iconfont { font-size: 80px; color: #fff; } body.opening .opening-content p { font-size: 24px; } body.opening .opening-content .top { position: relative; } body.opening .opening-content .top .icon-opening { font-size: 40px; } body.opening .opening-content .top .icon-opening.shadow { top: 3px; left: 3px; } body.opening .opening-content .icon-opening1 { font-size: 50px; } body.opening .opening-content ul li:first-child { float: none; } body.opening .opening-content ul li:first-child img { margin-top: 10px; height: 110px; margin-bottom: 30px; } body.opening .opening-content ul li { font-size: 18px; } } @media (max-width: 492px) { body.opening .opening-content { padding: 40px 30px; } body.opening .opening-content .icon-opening1 { display: none; } body.opening .opening-content .open-subtitle { display: inline-block; padding: 10% 0 15% 0; } body.opening .opening-content .open-subtitle .iconfont { font-size: 60px; color: #fff; } body.opening .opening-content p { font-size: 24px; } body.opening .opening-content .top { position: relative; } body.opening .opening-content .top .icon-opening { font-size: 40px; } body.opening .opening-content .top .icon-opening.shadow { top: 3px; left: 3px; } body.opening .opening-content .icon-opening1 { font-size: 50px; } body.opening .opening-content ul li:first-child { float: none; } body.opening .opening-content ul li:first-child img { margin-top: 10px; height: 110px; margin-bottom: 30px; } body.opening .opening-content ul li { font-size: 15px; text-align: center; } } .feedback .feedback_data .container .about_group .feedback_select { padding: 63px; width: 100%; } .feedback .feedback_data .container .about_group .feedback_select > input { width: 80%; display: inline-block; border-radius: 0px; border-top-left-radius: 4px; border-bottom-right-radius: 4px; } .feedback .feedback_data .container .about_group .feedback_select span { width: 112px; text-align: center; background-color: #b51018; padding: 6px 40px; font-size: 16px; color: #fff; border-top-right-radius: 4px; border-bottom-right-radius: 4px; } @media (max-width: 760px) { .feedback .feedback_data .container .about_group .feedback_select > input { width: 70%; } } @media (max-width: 570px) { .feedback .feedback_data .container .about_group .feedback_select { padding: 63px 0; } } @media (max-width: 450px) { .feedback .feedback_data .container .about_group .feedback_select > input { width: 50%; } } .feedback .feedback_data .container .about_group .swiper_menu { overflow: hidden; min-height: 300px; } .feedback .feedback_data .container .about_group .swiper_menu .ability_swiper .swiper-container { overflow: visible; } .feedback .feedback_data .container .about_group .swiper_menu .ability_swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-submenu { display: none; position: absolute; top: 53px; width: 100%; background-color: #ECECEC; text-align: center; } .feedback .feedback_data .container .about_group .swiper_menu .ability_swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-submenu li:not(:first-child) { border-top: 1px solid #CECECE; } .feedback .feedback_data .container .about_group .swiper_menu .ability_swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-submenu li > a { color: #6B6B6B; width: 100%; padding: 8px 0; display: inline-block; } .feedback .feedback_data .container .about_group .swiper_menu .ability_swiper .swiper-container .swiper-wrapper .swiper-slide .swiper-submenu li.active > a { color: #da151f; } .feedback .feedback_data .container .about_group .swiper_menu .ability_swiper .swiper-container .swiper-wrapper .swiper-slide:hover .swiper-submenu { display: block; } .feedback .feedback_data .container .about_group .about_infor .ability_swiper { border-bottom: 1px solid #ddd; position: relative; padding: 0 60px; margin: 0; } @media (max-width: 1199px) { .feedback .feedback_data .container .about_group .about_infor .ability_swiper { padding: 0; margin: 0; } } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide { position: relative; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li { display: -ms-flexbox; display: flex; width: 100%; -ms-flex-pack: center; justify-content: center; margin-bottom: -1px; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li a { color: #333; padding: 16px 0; width: 100%; text-align: center; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li.active { border: 1px solid #ddd; border-bottom-color: transparent; border-top-color: #da151f; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li.active a { border-top-color: #da151f; color: #da151f; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li.active:hover { background-color: transparent; cursor: auto; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li:hover { background-color: #eee; } .feedback .feedback_data .container .about_group .about_infor .swiper-container .swiper-wrapper .swiper-slide > li > ul { position: absolute; top: 30px; } .feedback .feedback_data .container .about_group .about_infor .swiper-button-prev, .feedback .feedback_data .container .about_group .about_infor .swiper-button-next { position: absolute; top: 50%; width: 25px; height: 55px; margin-top: -28px; z-index: 10; cursor: pointer; background-color: #b51018; padding: 18px 4px; } .feedback .feedback_data .container .about_group .about_infor .swiper-button-prev.swiper-button-disabled, .feedback .feedback_data .container .about_group .about_infor .swiper-button-next.swiper-button-disabled { cursor: auto; pointer-events: none; background-color: #c6c4d0; } .feedback .feedback_data .container .about_group .about_infor .swiper-button-prev::before, .feedback .feedback_data .container .about_group .about_infor .swiper-button-next::before { color: #fff; font-size: 16px; } .feedback .feedback_data .container .about_group .about_infor .swiper-button-prev::before { content: '\e600'; background: none; } .feedback .feedback_data .container .about_group .about_infor .swiper-button-next::before { content: '\e65c'; background: none; } .feedback .feedback_data .container .about_group .about_infor .feedback_data_tabs li.active a { border-top-color: #da151f; color: #da151f; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 20px 0; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_left { width: 46px; height: 60px; position: relative; margin-right: 20px; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_left span { position: absolute; width: 100%; height: 100%; display: inline-block; left: 0; top: 0; text-align: center; line-height: 58px; font-size: 12px; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_left .normal { color: #000; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_left .error { color: #da151f; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right { color: #000; width: 91%; display: inline-block; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right h4 { display: inline-block; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right h4:hover { color: #b51018; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right h5 { display: inline-block; float: right; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right .feedback_data_time { padding: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right p { padding: 0; } @media (max-width: 760px) { .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right div { display: block; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right div span { margin: 2px 10px 0 0; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right .feedback_data_time { float: none; } } @media (max-width: 600px) { .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .feedback_response_right .feedback_center_time { float: none; display: block; } } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .detail { width: 100%; } .feedback .feedback_data .container .about_group .about_infor .tab-content .feedback_response_list .detail a { display: block; padding: 2px 0 20px; } .feedback .feedback_data .container .about_group .feedback_title { padding-bottom: 20px; } .feedback .feedback_data .container .about_group .feedback_title h3 { display: inline-block; } .feedback .feedback_data .container .about_group .feedback_title div { display: inline-block; float: right; line-height: 70px; } .feedback .feedback_data .container .about_group .feedback_title div a { padding: 8px 20px; font-size: 14px; color: #b51018; border-radius: 8px; border: 1px solid; } .feedback .feedback_data .container .about_group .feedback_title div a span:first-child { padding-right: 12px; } .feedback .feedback_data .container .about_group .feedback_center_detail_form { padding: 50px 0; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group span { color: #da151f; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .feedback_describe input { height: 110px; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .col-sm-10 .form-control { background-color: #f5f3f3; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .col-sm-10 i { font-size: 14px; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .col-sm-10 h6 { display: inline-block; color: rgba(0, 0, 0, 0.3); } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .feedback-formidentifying-code { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .feedback-formidentifying-code input { width: 75%; display: inline-block; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .feedback-formidentifying-code div { width: 15%; min-width: 85px; display: inline-block; background-color: #cacaca; border: 1px solid #cacaca; height: 34px; margin: 0 10px; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .form-group .feedback-formidentifying-code a { word-break: keep-all; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .submitButton { padding-top: 50px; text-align: center; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .submitButton a span { display: inline-block; padding: 15px 60px; font-size: 16px; color: #b51018; border-radius: 10px; border: 1px solid #da151f; margin: 10px; } .feedback .feedback_data .container .about_group .feedback_center_detail_form .submitButton a span:hover { background-color: #b51018; color: #fff; } @media (max-width: 430px) { .feedback .feedback_data .container .about_group .feedback_center_detail_form .submitButton a span { padding: 10px 45px; } } .feedback .feedback_data .container .about_group .feedback_account_list { padding: 20px 0 20px 20px; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_tabs { text-align: left; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_tabs li.active a { border-top-color: #da151f; color: #da151f; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content { display: -ms-flexbox; display: flex; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left { width: 100%; display: inline-block; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane { padding: 20px 0; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .col { font-size: 16px; color: #333; padding: 10px 0; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .col .name { display: inline-block; width: 30%; text-align: right; padding-right: 40px; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .col .value { display: inline-block; width: 70%; text-align: left; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .col .one { width: 30%; } @media (max-width: 655px) { .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .col { display: -ms-flexbox; display: flex; vertical-align: top; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .col .name { text-align: left; padding-right: 10px; } } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .business-license { display: -ms-flexbox; display: flex; vertical-align: top; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .business-license .value { display: inline-block; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .business-license .value span { min-width: 80px; width: 15%; height: 50px; display: inline-block; background-color: #dfdfdf; border: 1px solid #dfdfdf; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_left .tab-pane .business-license .value a { padding: 30px 0 0 10px; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_right { width: 108px; height: 35px; border: 1px solid #b51018; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; display: -ms-flexbox; display: flex; border-radius: 2px; float: right; } .feedback .feedback_data .container .about_group .feedback_account_list .feedback_account_content .feedback_account_right a { color: #b51018; } .feedback .feedback_response_list_border { width: 100%; height: 1px; border-bottom: 1px dotted #e0e0e0; } .feedback .feedback_report .about_group .report_button { padding: 63px 0 30px; } .feedback .feedback_report .about_group .report_button .add_button { text-align: center; background-color: #b51018; padding: 6px 28px; font-size: 16px; color: #fff; border: none; border-radius: 4px; } .feedback .feedback_report .about_group .report_table { width: 100%; } .feedback .feedback_report .about_group .report_table thead tr th, .feedback .feedback_report .about_group .report_table tbody tr td { text-align: center; padding: 8px 16px; max-width: 100%; word-break: break-all; } .feedback .feedback_report .about_group .report_table thead tr th { background-color: #F1F1F1; border-right: 4px solid #FFF; } .feedback .feedback_report .about_group .report_table tbody tr td { color: rgba(0, 0, 0, 0.5); border-bottom: 1px dashed #D2D2D2; } .feedback .feedback_report .about_group .report_nodata img { width: 100%; } @media (max-width: 800px) { .feedback .feedback_report .about_group .report_button .add_button { padding: 6px 12px; font-size: 12px; } .feedback .feedback_report .about_group .report_table thead tr th, .feedback .feedback_report .about_group .report_table tbody tr td { font-size: 12px; padding: 8px 0; } } .feedback .feedback_report .feedback_report_add { padding-top: 63px; } .feedback .feedback_report .feedback_report_add .form-group > div .form-control { background-color: #f5f3f3; } @media (min-width: 768px) { .feedback .feedback_report .feedback_report_add .form-contact .label-control { display: inline-grid; } .feedback .feedback_report .feedback_report_add .form-contact .label-control label:first-child { margin-bottom: 30px; } .feedback .feedback_report .feedback_report_add .form-contact .label-control label:last-child { margin-bottom: 15px; } } .feedback .feedback_report .feedback_report_add .form-contact > div .form-control { height: 80px; } .feedback .feedback_report .feedback_report_add .submitButton { margin: 50px 0 100px; text-align: right; } .feedback .feedback_report .feedback_report_add .submitButton a { padding: 6px 24px; font-size: 16px; background-color: #b51018; color: #fff; border-radius: 4px; margin-left: 10px; } .feedback .feedback_report .credentials_page { margin: 70px 0; } .feedback .feedback_report .credentials_page .credentials_search { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: center; align-items: center; padding: 0 0 40px; } .feedback .feedback_report .credentials_page .credentials_search .search_item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .feedback .feedback_report .credentials_page .credentials_search .search_item input { height: 35px; margin-left: 20px; } .feedback .feedback_report .credentials_page .credentials_search .search_item a { padding: 6px 24px; font-size: 16px; background-color: #b51018; color: #fff; border-radius: 4px; } .feedback .feedback_report .credentials_page .credentials_search .search_item .code_img { display: inline-block; width: 80px; } .feedback .feedback_report .credentials_page .credentials_search .search_item .code_img img { width: 100%; } @media (max-width: 991px) { .feedback .feedback_report .credentials_page .credentials_search { display: inline-block; } .feedback .feedback_report .credentials_page .credentials_search .search_item { display: inline-block; width: 49%; } .feedback .feedback_report .credentials_page .credentials_search .search_item span { display: inline-block; width: 25%; text-align: right; } .feedback .feedback_report .credentials_page .credentials_search .search_item input { margin-bottom: 20px; } .feedback .feedback_report .credentials_page .credentials_search .search_item:nth-child(odd) { text-align: left; } .feedback .feedback_report .credentials_page .credentials_search .search_item:nth-child(even) { text-align: right; } } @media (max-width: 800px) { .feedback .feedback_report .credentials_page .credentials_search .search_item { font-size: 12px; } .feedback .feedback_report .credentials_page .credentials_search .search_item input { height: 25px; } .feedback .feedback_report .credentials_page .credentials_search .search_item a { font-size: 12px; } } @media (max-width: 700px) { .feedback .feedback_report .credentials_page .credentials_search { display: inline-block; } .feedback .feedback_report .credentials_page .credentials_search .search_item { width: 100%; text-align: left !important; } .feedback .feedback_report .credentials_page .credentials_search .search_item span { display: inline-block; width: 25%; text-align: right; } .feedback .feedback_report .credentials_page .credentials_search .search_item:last-child { text-align: right !important; } } .feedback .feedback_report .credentials_page .report_table tbody tr td a { text-decoration: underline; color: rgba(0, 0, 0, 0.5); display: inline-block; margin: 4px 20px; word-break: keep-all; } .feedback .feedback_report .credentials_page .report_table tbody tr td a:hover { color: #b51018; } .archerOS .banner .banner-title { margin: 8px 0; } .archerOS .banner .banner-headline { font-size: 24px; margin: 0; } @media (max-width: 767px) { .archerOS .banner .banner-headline { font-size: 20px; } } @media (max-width: 560px) { .archerOS .banner .banner-headline { font-size: 15px; } } .archerOS .banner .banner-info { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-top: 12px; } @media (max-width: 767px) { .archerOS .banner .banner-info { line-height: 1.6; } } .archerOS .banner .banner-button { background-color: #b51018; color: #fff; padding: 10px 30px; border-radius: 4px; margin-left: 4px; display: inline-block; } @media (max-width: 600px) { .archerOS .banner .banner-button { padding: 8px 20px; font-size: 8px; margin: 0; } } .archerOS .cloud_type .panel_tab .container > ul { width: 100%; } .archerOS .cloud_type .panel_tab .container > ul > li { width: 50%; } .archerOS .cloud_type .panel_tab .container > ul > small { font-size: 20px; } @media (max-width: 678px) { .archerOS .cloud_type .panel_tab .container > ul > li:last-child { padding: 0; } } @media (max-width: 559px) { .archerOS .cloud_type .panel_tab .container > ul > li { padding: 0; } .archerOS .cloud_type .panel_tab .container > ul > li:last-child > a { padding: 8px 0; } } @media (max-width: 496px) { .archerOS .cloud_type .panel_tab .container > ul > li:last-child > a { padding: 0; } } .archerOS .cloud_type .cloudOS_swiper { position: relative; padding: 0 60px; margin: 0; width: 100%; } .archerOS .cloud_type .cloudOS_swiper .swiper-container .swiper-wrapper .swiper-slide { height: auto; } .archerOS .cloud_type .cloudOS_swiper .swiper-button-prev { width: 0; height: 0; border: 20px solid; border-color: transparent transparent transparent #d80c18; } .archerOS .cloud_type .cloudOS_swiper .swiper-button-next { width: 0; height: 0; border: 20px solid; border-color: transparent transparent transparent #d80c18; } .archerOS section { padding: 30px 0 60px 0; } .archerOS section .container h3 { margin-bottom: 30px; } .archerOS .archeros-list .list-item { background: #b51018; color: #fff; height: 210px; padding: 40px 0; font-size: 14px; text-align: center; margin-bottom: 20px; } .archerOS .archeros-list .list-item .iconfont { font-size: 64px; } .archerOS .archeros-list .list-item p { color: #fff; font-size: 12px; margin-top: 10px; } .archerOS .archeros-list.list-v { position: relative; } .archerOS .archeros-list.list-v p { display: block; background: #717071; height: 210px; margin: 0px 15px 0px 15px; padding: 10px; top: 0; left: 0; position: absolute; line-height: 1.5em; opacity: 0; text-align: justify; text-justify: inter-ideograph; transition: all 1s ease; } .archerOS .archeros-list.list-v .current > p { opacity: 1 !important; } @media (min-width: 992px) { .archerOS .archeros-list.list-v .col-md-2 { width: 20%; } .archerOS .archeros-list.list-v .col-md-5 { width: 25%; } } .archerOS .archeros-list2 { margin-top: 20px; overflow: hidden; } .archerOS .archeros-list2 > div { padding: 0; position: relative; top: 1px; right: -1px; } .archerOS .archeros-list2 .list-item { overflow: hidden; border-bottom: 1px dotted #666; border-right: 1px dotted #666; padding: 20px; min-height: 155px; } @media (max-width: 991px) { .archerOS .archeros-list2 .list-item { border: none; border-bottom: 1px dotted #666; padding: 10px 40px; min-height: inherit; } } .archerOS .archeros-list2 .list-item .iconfont { font-size: 70px; float: left; margin-right: 20px; color: #b51018; } .archerOS .archeros-list2 .list-item div { font-size: 18px; } .archerOS .archeros-list2 .list-item p { font-size: 12px; margin-top: 10px; color: #999; } .archerOS .product-topo img { margin-top: 30px; width: 100%; } .archerOS .product-topo p { padding: 40px 0 10px 0; color: rgba(0, 0, 0, 0.6); } .archerOS .download img { float: left; margin: 30px 100px 30px; } .archerOS .download div h3 { text-align: left; margin-bottom: 60px; font-size: 48px; } .archerOS .download div h4 { font-size: 36px; color: #666; } .archerOS .download div p { margin-top: 20px; color: 333; font-size: 18px; } .archerOS .download div p a { background: #b51018; color: #fff; padding: 16px 50px; } @media (max-width: 767px) { .archerOS .download { text-align: center; } .archerOS .download img { float: none; display: inline-block; margin: 0 auto; } .archerOS .download div h3 { display: none; } .archerOS .download div h4 { font-size: 24px; margin-top: 40px; } } .archerOS.archerOS-v .banner { background-image: url(../images/product/bg-banner-archerOS-v.jpg); } .archerOS.archerOS-v .banner .banner-title { margin-top: 30px; } .archerOS.archerOS-aio .banner { background-image: url(../images/product/bg-banner-archerOS-aio.png); } .archerOS.archerOS-aio .banner .banner-title { margin-top: 30px; } .archerCloud section { padding: 30px 0 60px 0; } .archerCloud section .container h3 { margin-bottom: 30px; } .archerCloud .banner .banner-title { margin: 8px 0; } .archerCloud .banner .banner-headline { font-size: 24px; margin: 0; } @media (max-width: 767px) { .archerCloud .banner .banner-headline { font-size: 20px; } } @media (max-width: 560px) { .archerCloud .banner .banner-headline { font-size: 15px; } } .archerCloud .banner .banner-info { max-width: -webkit-fit-content; max-width: -moz-fit-content; max-width: fit-content; margin-top: 12px; } @media (max-width: 767px) { .archerCloud .banner .banner-info { line-height: 1.6; } } @media (max-width: 1200px) { .archerCloud .cloud_type { padding: 30px 0 0 0; } } .archerCloud .product-topo img { margin-top: 30px; width: 100%; } .archerCloud .product-topo p { padding: 40px 0 10px 0; color: rgba(0, 0, 0, 0.6); } @media (max-width: 890px) { .archerCloud .scene .col-sm-4 { width: 49%; display: inline-block; } } @media (max-width: 640px) { .archerCloud .scene .col-sm-4 { width: 100%; } .archerCloud .scene .col-sm-4 .rotation-item { padding-bottom: 120% !important; } } .archerCloud .scene .rotation-item { padding-bottom: 140% !important; } .archerCloud .scene .rotation-item .default { background-color: #f7f5f5; } .archerCloud .scene .rotation-item .default .iconfont { margin-top: 40%; font-size: 80px; } @media (max-width: 1165px) and (min-width: 992px) { .archerCloud .scene .rotation-item .hover .rotation-item-info { line-height: 1.5; margin-top: 0; top: 70px; left: 17px; } } .archerCloud .ac-download .download img { float: left; margin: 30px 100px 30px; } .archerCloud .ac-download .download div h3 { text-align: left; margin-bottom: 60px; font-size: 48px; } .archerCloud .ac-download .download div h4 { font-size: 36px; color: #666; } .archerCloud .ac-download .download div p { margin-top: 20px; color: 333; font-size: 18px; } .archerCloud .ac-download .download div p a { background: #b51018; color: #fff; padding: 16px 50px; } @media (max-width: 767px) { .archerCloud .ac-download .download { text-align: center; } .archerCloud .ac-download .download img { float: none; display: inline-block; margin: 0 auto; } .archerCloud .ac-download .download div h3 { display: none; } .archerCloud .ac-download .download div h4 { font-size: 24px; margin-top: 40px; } } .archer-dfs .scene .rotation-item { padding-bottom: 120% !important; } .archer-dfs .scene .rotation-item .default .iconfont { margin-top: 25%; } .archer-dfs .scene .rotation-item .hover { padding: 42px 0px 30px; } .archer-dfs .scene .rotation-item .hover .rotation-item-info { margin-top: 35px; display: -ms-flexbox; display: flex; text-align: center; -ms-flex-pack: center; justify-content: center; } .xinchuang_banner { position: relative; height: auto; width: 100%; } .xinchuang_banner > img { width: 100%; } .xinchuang_banner .xinchuang_banner_content { position: absolute; top: 31%; width: 100%; text-align: center; z-index: 100; font-size: 16px; color: rgba(0, 0, 0, 0.8); line-height: 24px; z-index: 1; } .xinchuang_banner .xinchuang_banner_content > span { display: inline-block; width: 63%; } @media (max-width: 964px) { .xinchuang_banner .xinchuang_banner_content { font-size: 14px; } .xinchuang_banner .xinchuang_banner_content > span { width: 95%; background: rgba(255, 255, 255, 0.5); padding: 8px 10px; text-align: left; line-height: 19px; border-radius: 5px; } } @media (max-width: 680px) { .xinchuang_banner .xinchuang_banner_content { font-size: 12px; } } .main { width: 1200px; position: relative; } @media (max-width: 1220px) { .main { width: 98%; } } .xinchuang { background: #fff; padding-bottom: 48px; } .xinchuang .main { margin: -24% auto 0; background: #fff; box-shadow: 2px 2px 20px rgba(0, 0, 0, 0.1); border-radius: 20px 20px 0 0; padding: 70px 60px 5px; } @media (max-width: 1220px) { .xinchuang .main { padding: 35px 30px 30px; } .xinchuang .main .main-xin-title-left > h3 { font-size: 20px; } .xinchuang .main .main-xin-title-right > a { font-size: 12px !important; } .xinchuang .main .main-xin-title-right > a > span { padding: 6px 12px !important; } } @media (max-width: 680px) { .xinchuang .main { margin: -20% auto 0; } } @media (max-width: 488px) { .xinchuang .main { margin: -8% auto 0; } } .xinchuang .main .main-xin-title { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 10px; border: 1px solid #c4c4c4; border-top: 3px solid #b51018; background: linear-gradient(to top, #e9e9e9, #ffffff); color: #b51018; } .xinchuang .main .main-xin-title-left .triangle-right { display: inline-block; width: 0; height: 0; border-top: 7px solid transparent; border-left: 10px solid #b51018; border-bottom: 7px solid transparent; } .xinchuang .main .main-xin-title-left > h3 { display: inline-block; margin: 0 14px; font-weight: bold; } .xinchuang .main .main-xin-title-right > a { display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; color: #fff; } .xinchuang .main .main-xin-title-right > a > span { padding: 10px 26px; background-color: #b51018; border-radius: 6px; } .xinchuang .main .main-xin-content { margin: 24px 0 75px; color: #999; width: 100%; } .xinchuang .main .xin1 .main-xin-content { padding: 8px 20px 0; font-size: 18px; } .xinchuang .main .xin1 .main-xin-content > p:first-child { color: #c5241e; } .xinchuang .main .xin1 .main-xin-content > p:nth-child(2) { text-align: end; font-size: 22px; } @media (max-width: 1220px) { .xinchuang .main .xin1 .main-xin-content { font-size: 16px; padding: 0; } .xinchuang .main .xin1 .main-xin-content > p:nth-child(2) { font-size: 18px; } } .xinchuang .main .xin2 .main-xin-content { display: -ms-flexbox; display: flex; padding: 0 0 5px; -ms-flex-align: center; align-items: center; } .xinchuang .main .xin2 .main-xin-content .xin2-video { display: inline-block; width: 345px; height: 195px; } .xinchuang .main .xin2 .main-xin-content .xin2-video > video { width: 100%; } .xinchuang .main .xin2 .main-xin-content > ul { display: inline-block; width: calc(100% - 350px); list-style: inside; padding: 0 50px 0 60px; } .xinchuang .main .xin2 .main-xin-content > ul > li { color: #b51018; line-height: 24px; } .xinchuang .main .xin2 .main-xin-content > ul > li > a { color: #999; width: 92%; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: justify; justify-content: space-between; } .xinchuang .main .xin2 .main-xin-content > ul > li > a > p { display: inline-block; width: 87%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .xinchuang .main .xin2 .main-xin-content > ul > li > a > span { float: right; white-space: nowrap; } @media (max-width: 1220px) { .xinchuang .main .xin2 .main-xin-content { padding: 0; } } @media (max-width: 880px) { .xinchuang .main .xin2 .main-xin-content { display: inline-block; } .xinchuang .main .xin2 .main-xin-content .xin2-video { width: 100%; } .xinchuang .main .xin2 .main-xin-content > ul { width: 100%; padding: 30px 0; } } .xinchuang .main .xin3 .main-xin-content { padding: 0 0 20px; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper { position: relative; padding: 0 60px; margin: 0; width: 100%; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-container .swiper-wrapper .swiper-slide { height: auto; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-container .swiper-wrapper .swiper-slide > a { display: inline-block; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-container .swiper-wrapper .swiper-slide > a > img { width: 100%; height: 243px; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-button-prev { width: 0; height: 0; padding: 0; left: -10px; border: 20px solid; border-color: transparent #b51018 transparent transparent; background-color: #fff; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-button-prev::before { display: none; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-button-next { width: 0; height: 0; padding: 0; right: -10px; border: 20px solid; border-color: transparent transparent transparent #b51018; background-color: #fff; } .xinchuang .main .xin3 .main-xin-content .cloudOS_swiper .swiper-button-next::before { display: none; } @media (max-width: 1220px) { .xinchuang .main .xin3 .main-xin-content { padding: 0; } } .xinchuang .main .xin4 .main-xin-content { padding: 0 35px 15px; display: -ms-inline-flexbox; display: inline-flex; } .xinchuang .main .xin4 .main-xin-content .item { border: 1px solid #c4c4c4; background: linear-gradient(to top, #e9e9e9, #ffffff); width: 23%; margin-top: 15px; display: inline-block; } .xinchuang .main .xin4 .main-xin-content .item > h5 { border-bottom: 1px solid #b51018; text-align: center; margin: 0 4px; padding: 20px 0 16px; color: #232323; } .xinchuang .main .xin4 .main-xin-content .item > p { padding: 24px 10px 36px; line-height: 24px; color: #999; } .xinchuang .main .xin4 .main-xin-content .item:not(:last-child) { margin-right: 11px; } @media (max-width: 1220px) { .xinchuang .main .xin4 .main-xin-content { padding: 0; } } @media (max-width: 888px) { .xinchuang .main .xin4 .main-xin-content { display: inline-block; } .xinchuang .main .xin4 .main-xin-content .item { width: 100%; } } .xinchuang .main .xin5 .main-xin-content > img { padding: 20px 0; width: 100%; } .xinchuang .main .xin5 .main-xin-content > p { line-height: 32px; padding: 40px 0; border-bottom: 1px dashed #828282; } .xinchuang .main .xin5 .main-xin-content > ul { display: inline-block; width: 100%; list-style: inside; margin-top: 40px; } .xinchuang .main .xin5 .main-xin-content > ul > li { border-bottom: 1px dashed #d7d7d7; line-height: 32px; width: 44%; display: inline-block; padding: 0 15px 0 10px; margin-right: 40px; } .xinchuang .main .xin5 .main-xin-content > ul > li > a { color: #999; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .xinchuang .main .xin5 .main-xin-content > ul > li > a > p { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; margin: 0; } .xinchuang .main .xin5 .main-xin-content > ul > li > a > span { float: right; white-space: nowrap; } @media (max-width: 1220px) { .xinchuang .main .xin5 .main-xin-content { padding: 0; } } @media (max-width: 814px) { .xinchuang .main .xin5 .main-xin-content > ul > li { width: 100%; margin-right: 0; } } .xinchuang .main .xin6 .xin6-banner { width: 100%; margin: 60px 0 20px; } .xinchuang .main .xin6 .main-xin-content { padding: 10px 30px 0; } .xinchuang .main .xin6 .main-xin-content > p { line-height: 32px; } .xinchuang .main .xin6 .main-xin-content > a > h5 { color: #b51018; font-weight: bold; margin-bottom: 35px; } .xinchuang .main .xin6 .main-xin-content .img-item { width: 33%; display: inline-block; } .xinchuang .main .xin6 .main-xin-content .img-item > img { width: 100%; height: auto; } .xinchuang .main .xin6 .main-xin-content .img-item > p { margin-top: -1px; padding: 0 20px; width: 100%; border: 1px solid #aaa; border-top: 1px solid #fff; color: #999; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; } @media (max-width: 1005px) { .xinchuang .main .xin6 .main-xin-content .img-item { width: 49%; } } @media (max-width: 780px) { .xinchuang .main .xin6 .main-xin-content .img-item { width: 100%; } .xinchuang .main .xin6 .main-xin-content .img-item > p { padding-left: 10px; } } @media (max-width: 1220px) { .xinchuang .main .xin6 .xin6-banner { margin: 30px 0 20px; } .xinchuang .main .xin6 .main-xin-content { padding: 0; } } .xinchuang .main .xin8 .main-xin-content { display: -ms-flexbox; display: flex; padding: 15px 35px; } .xinchuang .main .xin8 .main-xin-content .img-rank { display: inline-block; width: 355px; } .xinchuang .main .xin8 .main-xin-content .img-rank > img:first-child { padding: 10px 0; } .xinchuang .main .xin8 .main-xin-content .content-rank { display: inline-block; width: calc(100% - 360px); padding-left: 20px; } .xinchuang .main .xin8 .main-xin-content .content-rank > p { line-height: 32px; } @media (max-width: 1220px) { .xinchuang .main .xin8 .main-xin-content { padding: 0; margin-bottom: 0; } } @media (max-width: 1000px) { .xinchuang .main .xin8 .main-xin-content .img-rank { display: none; } .xinchuang .main .xin8 .main-xin-content .content-rank { width: 100%; padding-left: 0; } } .xinchuang .dotted { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #999; margin-right: 10px; } .xinchuang_banner .xinchuang_banner_content2 span { color: #facc98; width: 50%; margin-top: 60px; font-size: 16px; line-height: 2em; } @media (max-width: 964px) { .xinchuang_banner .xinchuang_banner_content2 span { font-size: 12px; width: 92%; padding: 8px 10px; text-align: left; line-height: 16px; margin-top: 10px; border-radius: 5px; color: rgba(0, 0, 0, 0.8); } } .xinchuang2 h4 { margin-bottom: 0px; display: inline-block; border-bottom: 2px solid #b51018; padding-bottom: 5px; font-size: 22px; } .xinchuang2 .main-xin-title { margin-bottom: 10px; } .xinchuang2 .main-xin-content2 { color: #999; padding: 20px 8px; line-height: 2em; font-size: 16px; border-bottom: 1px dotted #000; margin-bottom: 20px; } .xinchuang2 .main-xin-content2 img { width: 90%; display: block; margin: 10px auto; } .xinchuang2 .main-xin-content2 p b { color: #b51018; } .xinchuang2 .main-xin-content2:last-child { border-bottom: none; } .solution-vmware .content { background-image: url(../images/solution/VMware.jpg); background-repeat: no-repeat; background-size: 100%; } .solution-vmware .xinchuang_banner { height: 450px; text-align: left; } .solution-vmware .xinchuang_banner .xinchuang_banner_content { position: inherit; top: 0; width: 1200px; margin: 0 auto; text-align: left; } .solution-vmware .xinchuang_banner .xinchuang_banner_content h2 { color: #b51018; margin-top: 85px; font-size: 55px; font-weight: bold; margin-bottom: 20px; } .solution-vmware .xinchuang_banner .xinchuang_banner_content h2 b { display: inline-block; color: #fff; background: #b51018; padding: 0 10px 8px 10px; } .solution-vmware .xinchuang_banner .xinchuang_banner_content p { font-size: 24px; font-weight: bold; } .solution-vmware .xinchuang_banner .xinchuang_banner_content ul li { display: inline-block; margin-top: 50px; margin-right: 16px; } .solution-vmware .xinchuang_banner .xinchuang_banner_content ul li a { background: #b51018; border-radius: 5px; width: 200px; height: 55px; display: inline-block; color: #fff; font-size: 14px; text-align: center; line-height: 20px; padding: 9px 0; } .solution-vmware .xinchuang_banner .xinchuang_banner_content ul li a b { display: block; } @media (max-width: 964px) { .solution-vmware .xinchuang_banner .xinchuang_banner_content { text-align: center; width: 100%; } .solution-vmware .xinchuang_banner .xinchuang_banner_content h2 { font-size: 40px; } } @media (max-width: 640px) { .solution-vmware .xinchuang_banner .xinchuang_banner_content { text-align: center; width: 100%; } .solution-vmware .xinchuang_banner .xinchuang_banner_content h2 { font-size: 24px; margin-top: 20px; line-height: 40px; } .solution-vmware .xinchuang_banner .xinchuang_banner_content p { font-size: 14px; margin: 0 0 10px 0; } .solution-vmware .xinchuang_banner .xinchuang_banner_content ul li { margin: 4px; } .solution-vmware .xinchuang_banner .xinchuang_banner_content ul li a { font-size: 12px; height: auto; margin: 0; width: 100%; padding: 5px 20px; } .solution-vmware .xinchuang_banner .xinchuang_banner_content ul li a b { display: inline; margin: 10px; } } .solution-vmware .xinchuang { background: transparent; } .solution-vmware .xinchuang .main { margin: -100px auto 0; } .solution-vmware .xinchuang .xin3 .item { border: 1px solid #c4c4c4; background: linear-gradient(to top, #e9e9e9, #ffffff); width: 100%; height: 243px; display: inline-block; } .solution-vmware .xinchuang .xin3 .item > h5 { border-bottom: 1px solid #b51018; text-align: center; margin: 0 4px; padding: 20px 0 16px; color: #232323; } .solution-vmware .xinchuang .xin3 .item .item-image { width: 80px; height: 80px; margin: 0 auto; background-image: url(../images/solution/VMware-icon.png); background-repeat: no-repeat; margin-top: 50px; } .solution-vmware .xinchuang .xin3 .item .item-image.icon2 { background-position: -215px; } .solution-vmware .xinchuang .xin3 .item .item-image.icon3 { background-position: -421px; } .solution-vmware .xinchuang .xin3 .item .item-image.icon4 { background-position: -628px; } .solution-vmware .xinchuang .xin3 .item .item-image.icon5 { background-position: -834px; } .solution-vmware .xinchuang .xin3 .item .item-image.icon6 { background-position: -1043px; } .solution-vmware .xinchuang .xin3 .item .item-image.icon7 { background-position: -1252px; } .solution-vmware .xinchuang .xin3 .item:not(:last-child) { margin-right: 11px; } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item { width: 32%; padding: 20px 20px 0 20px; } @media (max-width: 964px) { .solution-vmware .xinchuang .main .xin4 .main-xin-content .item { width: 100%; } } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item > h5 { border-bottom: none; padding-bottom: 0; font-size: 18px; } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item > p { word-break: break-all; } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item .item-image { width: 110px; height: 90px; margin: 0 auto; background-image: url(../images/solution/VMware-icon.png); background-repeat: no-repeat; margin: 20px auto; } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item .item-image.icon8 { background-position: -1507px; } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item .item-image.icon9 { background-position: -1814px; } .solution-vmware .xinchuang .main .xin4 .main-xin-content .item .item-image.icon10 { background-position: -2180px; } .solution-vmware .slider-3D .slide-3d .item-list li { border: 1px #000 solid; box-shadow: 5px 0px 10px; } @media (max-width: 964px) { .solution-vmware .slider-3D .slide-3d .item-list li { height: 400px; } } .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-img { width: 35%; } @media (max-width: 964px) { .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-img { width: 100%; } } .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item { width: 65%; } @media (max-width: 964px) { .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item { width: 100%; text-align: center; } } @media (max-width: 964px) { .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item h4 { margin: 0; font-size: 18px; } } .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item p { font-size: 14px; margin-top: 20px; } @media (max-width: 964px) { .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item p { margin-top: 0; } } .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item a { background: #b51018; padding: 5px 20px; color: #fff; margin-right: 5px; } .solution-vmware .slider-3D .slide-3d .item-list li .slider-3D-item img { margin: 0; } .solution-vmware .slider-3D .slide-3d .item-list li.item2 { width: 90%; left: 5%; } .solution-vmware .slider-3D .slide-3d .item-list li.item1 img, .solution-vmware .slider-3D .slide-3d .item-list li.item3 img { width: auto; } @media (max-width: 964px) { .solution-vmware .slider-3D .slide-3d .item-list li.item1 img, .solution-vmware .slider-3D .slide-3d .item-list li.item3 img { width: 100%; } } .solution-vmware .slider-3D .slide-3d .item-list li.item1 .slider-3D-item, .solution-vmware .slider-3D .slide-3d .item-list li.item3 .slider-3D-item { display: none; } .solution-vmware .bg-red-right { display: inline-block; white-space: nowrap; float: right; } @media (max-width: 964px) { .solution-vmware .bg-red-right { float: inherit; text-align: center; width: 100%; margin-top: 20px !important; } } @media (max-width: 460px) { .solution-vmware .slider-3D .slide-carousel .item-list { padding-bottom: 150%; } } @media (max-width: 460px) { .solution-vmware .slide-carousel .item-list > li { padding-bottom: 0; } .solution-vmware .slide-carousel .item-list > li .slider-3D-content { margin-top: 30px; } .solution-vmware .slide-carousel .item-list > li p a { font-size: 12px; } } @media (max-width: 460px) { .case .solution-vmware .slide-carousel .item-list > li { padding-bottom: 0; } } .education .banner { padding: 30px 0 60px 0; } .education .banner .container .banner-title { margin-bottom: 20px; } .education .banner .container .banner-info { max-width: 855px; } @media (max-width: 500px) { .education .banner { height: 380px; } } .education .container .title { margin-bottom: 24px; } .education .container .headline { font-size: 24px; margin-top: 24px; color: #000; } @media (max-width: 767px) { .education .container .headline { font-size: 20px; } } .education .container .depiction { color: rgba(0, 0, 0, 0.8); line-height: 32px; font-size: 16px; } .education .cloud_type { margin: 0 0 50px; } .education .cloud_type .education_swiper .swiper-container .swiper-wrapper .education-slider { background-color: #b51018; color: #fff; height: 280px; padding: 70px 40px; font-size: 18px; margin-bottom: 20px; } .education .cloud_type .education_swiper .swiper-container .swiper-wrapper .education-slider > i { color: #fff; } @media (max-width: 991px) { .education .cloud_type { margin: 0 0 10px; } .education .cloud_type .title { margin-top: 40px; } } .education .bg-white { background-color: #fff; } @media (max-width: 991px) { .education .slider-3D { margin-top: 30px; } .education .slider-3D .slide-carousel { margin-top: 0; } } .education .education-scene { padding: 80px 0 95px; } .education .education-scene .education-scene-table { margin: 15px 0; border-top: 1px solid #000; } .education .education-scene .education-scene-table .table-title { background-color: #b51018; } .education .education-scene .education-scene-table .table-title > li { color: #fff; font-size: 22px; } .education .education-scene .education-scene-table > ul { border-bottom: 1px solid #000; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .education .education-scene .education-scene-table > ul > li { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; font-size: 18px; padding: 10px 0; } .education .education-scene .education-scene-table > ul > li:first-child { border-right: 1px solid; } @media (max-width: 991px) { .education .education-scene { padding: 40px 0 60px; } .education .education-scene .education-scene-table .table-title > li { color: #fff; font-size: 18px; } .education .education-scene .education-scene-table > ul > li { font-size: 16px; padding: 8px 0; } } .education .education-type .panel_tab .container > ul { width: 60%; } .education .education-type .panel_tab .container > ul > li { width: 50% ; } @media (max-width: 870px) { .education .education-type .panel_tab .container > ul { width: 100%; } .education .education-type .panel_tab .container > ul > li > a > span { font-size: 20px; } } @media (max-width: 559px) { .education .education-type .panel_tab .container > ul > li { padding: 8px 0; } } .education .education-list { margin-top: 56px; margin-bottom: 30px; } .education .education-list .list-item { background: #b51018; color: #fff; height: 210px; padding: 40px 0; font-size: 14px; text-align: center; margin-bottom: 20px; } .education .education-list .list-item .iconfont { font-size: 64px; } .education .education-list .list-item p { color: #fff; font-size: 12px; margin-top: 10px; } .education .education-list.list-v { position: relative; } .education .education-list.list-v p { display: block; background: #717071; height: 210px; margin: 0px 15px 0px 15px; padding: 10px; top: 0; left: 0; position: absolute; line-height: 1.5em; opacity: 0; text-align: justify; text-justify: inter-ideograph; transition: all 1s ease; } .education .education-list.list-v .current > p { opacity: 1 !important; } @media (min-width: 992px) { .education .education-list.list-v .col-md-2 { width: 20%; } .education .education-list.list-v .col-md-5 { width: 25%; } } @media (max-width: 991px) { .education .education-list { margin-top: 35px; } } .education .education-concept { margin: 64px 0 70px; } @media (max-width: 991px) { .education .education-concept { margin: 40px 0 40px; } } .education .education-plan { padding: 60px 0 110px; } .education .education-plan .container > img { width: 100%; } @media (max-width: 991px) { .education .education-plan { padding: 20px 0 70px; } } .education .education-apply { margin: 95px 0 96px; } @media (max-width: 991px) { .education .education-apply { margin: 50px 0 70px; } } .education .education-apply .education-apply-img { margin: 32px 0 120px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: start; align-items: flex-start; } .education .education-apply .education-apply-img .img-item { width: 50%; margin-bottom: 16px; } .education .education-apply .education-apply-img .img-item:first-child { margin-right: 10px; } .education .education-apply .education-apply-img .img-item > img { width: 100%; } @media (max-width: 991px) { .education .education-apply .education-apply-img { display: block; } .education .education-apply .education-apply-img .img-item { width: 100%; } } .education .education-apply .education-apply-content .item-title { font-size: 24px; padding: 0 16px; margin: 40px 0 32px; border-left: 8px solid #b9f5e9; color: rgba(0, 0, 0, 0.7); } @media (max-width: 767px) { .education .education-apply .education-apply-content .item-title { font-size: 18px; } } .education .education-apply .education-apply-content .education-apply-content-item { width: 23%; display: inline-block; margin-right: 6px; margin-bottom: 16px; } .education .education-apply .education-apply-content .education-apply-content-item > img { width: 100%; } .education .education-apply .education-apply-content .education-apply-content-item > p { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; font-size: 24px; color: rgba(0, 0, 0, 0.6); } .education .education-apply .education-apply-content .education-apply-content-item > p > span { display: inline-block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } @media (max-width: 767px) { .education .education-apply .education-apply-content .education-apply-content-item > p { font-size: 18px; } } @media (max-width: 900px) { .education .education-apply .education-apply-content .education-apply-content-item { width: 48%; } } @media (max-width: 470px) { .education .education-apply .education-apply-content .education-apply-content-item { width: 99%; } } .education .education-apply .education-apply-content .small-style { display: none; } @media (max-width: 470px) { .education .education-apply .education-apply-content .small-style { display: block; } .education .education-apply .education-apply-content .big-style { display: none; } } .education .education-slider { margin: 40px 0 0; padding-bottom: 120px; } .education .education-slider .slide-carousel { margin-top: 50px; } @media (max-width: 991px) { .education .education-slider { margin: 20px 0 0; padding-bottom: 80px; } } .smartCamp .list { padding-bottom: 50px; } .smartCamp .list .row-item { padding-bottom: 30px; } @media (max-width: 767px) { .smartCamp .list .row-item .list-title { font-size: 20px; } } .smartCamp .list .img-vast .img-tagging { text-align: left; margin: 20px 50px; color: rgba(0, 0, 0, 0.6); } @media (max-width: 1199px) { .smartCamp .list .img-vast .img-tagging { margin: 20px 0; } } .smartCamp .slider-3D { background-color: #fff; } .smartCamp .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-info { margin-top: 35px; } @media (max-width: 1150px) and (min-width: 991px) { .smartCamp .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-info { margin-top: -20px; } } @media (max-width: 615px) { .smartCamp .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-info { margin-top: 10px; line-height: 1.8; } } .medical-industry .plan-slide .cu_swiper .swiper-wrapper .swiper-slide { background: #b51018; color: #fff; height: 210px; padding: 40px 0; font-size: 14px; text-align: center; margin-bottom: 20px; } .medical-industry .plan-slide .cu_swiper .swiper-wrapper .swiper-slide .iconfont { font-size: 64px; color: #fff; } .medical-industry .slider-3D { background-color: #fff; } .medical-industry .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-title { line-height: 1.5; } @media (max-width: 1150px) and (min-width: 991px) { .medical-industry .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-title { margin-top: -20px; } } .medical-industry .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-info { margin-top: 0; } @media (max-width: 615px) { .medical-industry .slider-3D .slide-carousel .item-list > li .slider-3D-content .slider-3D-item .slider-3D-item-info { margin-top: 10px; line-height: 1.8; } } .e-commerce .cloud_type .panel_tab ul.noflex.hyper { width: 100%; } @media (min-width: 600px) and (max-width: 560px) { .e-commerce .cloud_type .panel_tab ul.noflex.hyper li a span { font-size: 20px; } } @media (max-width: 559px) { .e-commerce .cloud_type .panel_tab ul.noflex.hyper li { padding: 0; } } @media (min-width: 1200px) { .e-commerce .commerce-goverment-scene .rotation-item { padding-bottom: 170%; } .e-commerce .commerce-goverment-scene .rotation-item .default i { margin-top: 50%; } .e-commerce .commerce-goverment-scene .rotation-item .hover { min-height: 450px; } } @media (min-width: 992px) and (max-width: 1199px) { .e-commerce .commerce-goverment-scene .col-md-3 { width: 33%; } .e-commerce .commerce-goverment-scene .col-md-3 .rotation-item { padding-bottom: 400px; } .e-commerce .commerce-goverment-scene .col-md-3 .rotation-item .hover { min-height: 400px; } .e-commerce .commerce-goverment-scene .col-md-3:last-child { padding-top: 30px; } } @media (max-width: 991px) { .e-commerce .commerce-goverment-scene .col-sm-6 .rotation-item { padding-bottom: 370px; } .e-commerce .commerce-goverment-scene .col-sm-6 .rotation-item .hover { min-height: 370px; } } @media (max-width: 991px) and (max-width: 400px) { .e-commerce .commerce-goverment-scene .col-sm-6 .rotation-item .hover { padding-top: 20px; } .e-commerce .commerce-goverment-scene .col-sm-6 .rotation-item .hover .rotation-item-info { margin-top: 0; top: 60px; left: 17px; width: 90%; } } @media (max-width: 991px) { .e-commerce .scene-normal .col-sm-6 .rotation-item, .e-commerce .scene-normal .col-sm-4 .rotation-item { padding-bottom: 56%; } } .park .cloud_type .panel_tab ul.noflex.hyper { width: 100%; } .park .cloud_type .panel_tab ul.noflex.hyper LI { width: 50%; } .park .scene .col-sm-4 .rotation-item i { font-size: 54px; } .slider-3D-item .do { text-align: right; } .slider-3D-item .do a { display: inline-block; color: #b51018; padding: 6px 36px; border: 2px solid #b51018; border-radius: 20px; transition: all 0.3s; } .slider-3D-item .do a:hover { background: #b51018; color: #fff; } .slider-3D-item .do a + a { margin-left: 8px; } @media (max-width: 768px) { .slider-3D-item .do { text-align: center; } } .sol-xueliang .product-topo { padding-top: 24px; padding-bottom: 24px; text-align: center; background: url("../images/solution/xueliang-framework-bg.jpg") center center no-repeat; background-size: cover; } .sol-xueliang .product-topo img { margin: 24px auto 0; max-width: 100%; } @media (max-width: 768px) { .sol-xueliang .product-topo .container { padding: 0; } .sol-xueliang .product-topo .title { margin: 0; } .sol-xueliang .product-topo img { margin-top: 8px; } } @media (max-width: 991px) and (min-width: 768px) { .sol-xueliang .scene .row > div:nth-child(n+3) { margin-top: 16px; } } @media (max-width: 767px) { .sol-xueliang .scene .title { margin: 48px 0 24px 0; } .sol-xueliang .scene .row > div { padding: 0; } .sol-xueliang .scene .rotation-item { height: auto; padding-bottom: 0; } .sol-xueliang .scene .rotation-item-hover { display: block; position: relative; min-height: auto; } .sol-xueliang .scene .rotation-item-info { position: relative; top: 0; } } @media (min-width: 1200px) { .sol-xueliang .slider-3D .slide-carousel .item-list { padding-bottom: 32%; } .sol-xueliang .slider-3D .slide-carousel .item-list > li { padding-bottom: 28.16%; } } @media (min-width: 1060px) and (max-width: 1199px) { .sol-xueliang .slider-3D .slide-carousel .item-list { padding-bottom: 380px; } .sol-xueliang .slider-3D .slide-carousel .item-list > li { padding-bottom: 334.4px; } } @media (min-width: 992px) and (max-width: 1059px) { .sol-xueliang .slider-3D .slide-carousel .item-list { padding-bottom: 400px; } .sol-xueliang .slider-3D .slide-carousel .item-list > li { padding-bottom: 352px; } } @media (min-width: 768px) and (max-width: 991px) { .sol-xueliang .slider-3D .slide-carousel .item-list { padding-bottom: 520px; } .sol-xueliang .slider-3D .slide-carousel .item-list > li { padding-bottom: 457.6px; } } @media (max-width: 610px) { .sol-xueliang .slider-3D .slide-carousel .item-list { padding-bottom: 520px; } .sol-xueliang .slider-3D .slide-carousel .item-list > li { padding-bottom: 457.6px; } .sol-xueliang .slider-3D .slide-carousel .do a { padding: 4px 12px; } } @media (max-width: 991px) { .traffic:not(.traffic-2,.edu-2) .scene .row > div { width: 33.3%; } .traffic:not(.traffic-2,.edu-2) .scene .rotation-item { padding-bottom: 0; margin-bottom: 16px; } .traffic:not(.traffic-2,.edu-2) .scene .rotation-item, .traffic:not(.traffic-2,.edu-2) .scene .rotation-item-default, .traffic:not(.traffic-2,.edu-2) .scene .rotation-item-hover { height: 340px; } } @media (max-width: 912px) { .traffic:not(.traffic-2,.edu-2) .scene .row > div { width: 100%; } .traffic:not(.traffic-2,.edu-2) .scene .rotation-item { height: auto; } .traffic:not(.traffic-2,.edu-2) .scene .default { display: none; } .traffic:not(.traffic-2,.edu-2) .scene .hover { transform: rotateY(0); min-height: auto; height: auto; border: none; } .traffic:not(.traffic-2,.edu-2) .scene .hover .rotation-item-info { position: relative; top: 0; padding-bottom: 16px; } } @media (max-width: 1300px) { .traffic.traffic-2 .cloud_type .container { padding: 0 5%; } } @media (max-width: 991px) { .traffic.traffic-2 .cloud_type .container { padding: 0 8%; } } @media (max-width: 767px) { .traffic.traffic-2 .cloud_type .container { padding: 0 11%; } } .traffic.traffic-2 .scene .trafic_04 { background-image: url("../images/police-bg04.png"); } .traffic.traffic-2 .scene .rotation-item, .traffic.traffic-2 .scene .rotation-item-hover { height: 340px; } @media (max-width: 991px) { .traffic.traffic-2 .scene .rotation-item { padding-bottom: 0; margin-bottom: 16px; } .traffic.traffic-2 .scene .rotation-item, .traffic.traffic-2 .scene .rotation-item-default, .traffic.traffic-2 .scene .rotation-item-hover { height: 340px; border: none; } } @media (max-width: 767px) { .traffic.traffic-2 .scene .rotation-item, .traffic.traffic-2 .scene .rotation-item-default, .traffic.traffic-2 .scene .rotation-item-hover { min-height: auto; height: auto; } .traffic.traffic-2 .scene .rotation-item-hover p { position: relative; top: 0; } } .medical-industry.med-2 .rotation-item, .education.edu-2 .rotation-item { padding-bottom: 0; } .medical-industry.med-2 .rotation-item-default .iconfont, .education.edu-2 .rotation-item-default .iconfont { margin: 32px 0 16px !important; } .medical-industry.med-2 .rotation-item-default .rotation-item-title, .education.edu-2 .rotation-item-default .rotation-item-title { font-size: 24px; } .medical-industry.med-2 .rotation-item-default .rotation-item-info, .education.edu-2 .rotation-item-default .rotation-item-info { color: #666; position: relative; margin: 12px auto; top: auto; left: auto; font-size: 16px; } .medical-industry.med-2 .rotation-item-default .btn, .education.edu-2 .rotation-item-default .btn { display: inline-block; color: #fff; padding: 6px 24px; background: #b51018; border-radius: 3px; transition: all 0.3s; position: absolute; right: 8%; bottom: 24px; } .medical-industry.med-2 .rotation-item-default .btn:hover, .education.edu-2 .rotation-item-default .btn:hover { background: #860c12; color: #fff; } @media (max-width: 768px) { .medical-industry.med-2 .rotation-item-default, .education.edu-2 .rotation-item-default { display: block; position: relative; padding-bottom: 60px; } } .medical-industry.med-2 .jiagou { background: url("../images/jiagou/medical-industry-bg.jpg") center center no-repeat; background-size: cover; } .farming .banner { background-image: url("../images/bg-banner-DU.jpg"); } .farming .jiagou { background: url("../images/jiagou/farming-bg.jpg") center center no-repeat; background-size: cover; } .scene .edu_01 { background-image: url("../images/scene/01.jpg"); } .scene .edu_02 { background-image: url("../images/scene/02.jpg"); } .scene .farm_01 { background-image: url("../images/scene/03.jpg"); } .scene .farm_02 { background-image: url("../images/scene/04.jpg"); } .scene .farm_03 { background-image: url("../images/scene/05.jpg"); } .scene .farm_04 { background-image: url("../images/scene/06.jpg"); } .content .service_banner { background-color: #f7f5f5; background-image: url(../images/bg-services-top.png); padding: 45px 0; background-position: center 0; background-repeat: no-repeat; background-size: cover; color: #343434; height: 275px; } @media (max-width: 768px) { .content .service_banner { background-position: 64% 0; background: #f7f5f5; } } .content .banner-title { font-weight: 700; margin-top: 10px; } @media (max-width: 768px) { .content .banner-title { font-size: 24px; margin-top: 0; } } @media (max-width: 560px) { .content .banner-title { font-size: 20px; } } .content .banner-info { margin-top: 16px; } @media (max-width: 768px) { .content .banner-info { line-height: 1.8; } } .content .container .service-button1 { margin-top: 40px; } .content .container .service-button1 a { background: #c41b1f; text-decoration: none; padding: 10px 30px; border-radius: 4px; color: #ffffff; } .service-word { height: 375px; text-align: center; } @media (max-width: 768px) { .service-word { height: 330px; } } .service-word .iconfont { display: block; font-size: 110px; line-height: 1.1; color: #326ee6; margin: 90px auto 0; } @media (max-width: 768px) { .service-word .iconfont { font-size: 100px; margin: 50px auto 0; } } @media (max-width: 560px) { .service-word .iconfont { font-size: 80px; margin: 15px auto 0; } } .service-word h2 { font-size: 40px; font-weight: 500; margin-top: 10px; } @media (max-width: 768px) { .service-word h2 { font-size: 24px; } } @media (max-width: 560px) { .service-word h2 { font-size: 20px; } } .service-word .service-info { display: inline-block; margin-top: 16px; line-height: 2; max-width: 1200px; color: #343434; } @media (max-width: 768px) { .service-word .service-info { line-height: 1.8; max-width: 730px; } } .service_list { background-color: #f7f5f5; padding-bottom: 65px; } @media (max-width: 768px) { .service_list { padding-bottom: 0; } } @media (max-width: 560px) { .service_list { padding-bottom: 0; } } .service_list .title { font-size: 40px; } @media (max-width: 768px) { .service_list .title { font-size: 24px; } } @media (max-width: 560px) { .service_list .title { font-size: 24px; } } .service_list .service_package { box-shadow: 0 2px 3px #bebbbb; border: 1px; background-color: #fff; padding: 60px 26px 20px; font-size: 13px; height: 361px; overflow: hidden; } @media (max-width: 960px) { .service_list .service_package { margin-bottom: 35px; } } .service_list .service_package .iconfont { display: block; font-size: 72px; line-height: 1.1; color: #b51018; margin-bottom: 30px; } .service_list .service_package .icon-services1 { font-size: 90px; margin-bottom: 10px; } .service_list .service_package .service-list-info { color: #666; line-height: 22px; margin-bottom: 60px; text-align: justify; width: 282px; margin: 0 auto; } @media (max-width: 1200px) { .service_list .service_package .service-list-info { width: 100%; } } @media (max-width: 560px) { .scene .container .title { font-size: 24px; } } .scene h4 { font-size: 24px; color: #c41b1f; margin-bottom: 22px; } @media (max-width: 768px) { .scene h4 { font-size: 18px; } } @media (max-width: 560px) { .scene h4 { font-size: 15px; } } .scene .service_package ul > li { margin: 10px 0; font-size: 13px; font-family: 'Microsoft YaHeiBold'; } .scene .service_package ul > li span { display: inline-block; background-color: #c41b1f; width: 8px; height: 8px; margin: 1px 8px 1px 1px; } .scene .service_bg_1, .scene .service_bg_3 { width: 100%; height: 377px; margin-right: 20px; margin-bottom: 22px; } @media (max-width: 768px) { .scene .service_bg_1, .scene .service_bg_3 { height: 220px; } } @media (max-width: 560px) { .scene .service_bg_1, .scene .service_bg_3 { height: 100%; } } .scene .service_bg_1 div, .scene .service_bg_3 div { padding: 100px 0 0 105px; } @media (max-width: 768px) { .scene .service_bg_1 div, .scene .service_bg_3 div { padding: 10px 0 0 10px; height: 220px; } } @media (max-width: 560px) { .scene .service_bg_1 div, .scene .service_bg_3 div { padding: 10px 15px 10px 15px; } } .scene .service_bg_2, .scene .service_bg_4 { width: 100%; height: 377px; margin-left: 20px; margin-bottom: 22px; } @media (max-width: 768px) { .scene .service_bg_2, .scene .service_bg_4 { height: 220px; margin-left: 0; } } @media (max-width: 560px) { .scene .service_bg_2, .scene .service_bg_4 { height: 100%; margin-left: 0; } } .scene .service_bg_2 div, .scene .service_bg_4 div { padding: 100px 0 0 54px; } @media (max-width: 768px) { .scene .service_bg_2 div, .scene .service_bg_4 div { padding: 10px 0 0 10px; } } @media (max-width: 560px) { .scene .service_bg_2 div, .scene .service_bg_4 div { padding: 10px 15px 10px 15px; } } .scene .service_bg_1 { background: url(../images/bg-services1.png) no-repeat; } .scene .service_bg_3 { background: url(../images/bg-services3.png) no-repeat; } .scene .service_bg_2 { background: url(../images/bg-services2.png) no-repeat; } .scene .service_bg_4 { background: url(../images/bg-services4.png) no-repeat; } .service_appoint { text-align: center; margin: 15px 0 50px; } .service_appoint h1 { font-size: 40px; margin-bottom: 40px; } @media (max-width: 768px) { .service_appoint h1 { font-size: 24px; } } @media (max-width: 560px) { .service_appoint h1 { font-size: 24px; } } .service_appoint h3 { margin-bottom: 58px; line-height: 42px; } @media (max-width: 768px) { .service_appoint h3 { font-size: 16px; line-height: 21px; margin-bottom: 0; } } @media (max-width: 560px) { .service_appoint h3 { font-size: 16px; line-height: 21px; margin-bottom: 0; } } .service_appoint .service-button2 { margin-bottom: 115px; } @media (max-width: 768px) { .service_appoint .service-button2 { margin-bottom: 60px; } } @media (max-width: 560px) { .service_appoint .service-button2 { margin-bottom: 60px; } } .service_appoint .service-button2 a { background: #c41b1f; text-decoration: none; padding: 17px 63px; font-size: 24px; border-radius: 6px; color: #ffffff; } .lang-switch { display: inline-block; background: #fff; border: 2px solid #fff; border-width: 2px 1px; width: 73px; height: 24px; margin-right: 24px; } .lang-switch a { color: #b51018; display: inline-block; width: 32px; text-align: center; line-height: 20px; margin-right: 1px; } .lang-switch a:hover { cursor: pointer; } .lang-switch a.current { background: #b51018; color: #fff; } .content .activity-banner { background-image: url(../images/activity/banner.jpg); height: 650px; background-position: center 0; background-repeat: repeat-x; } @media (max-width: 960px) { .content .activity-banner { max-width: 1920px; background-size: cover; background-position: 50% 0; height: 370px; } } @media (max-width: 560px) { .content .activity-banner { background-position: 50% 0; height: 170px; } } .content .container .activity-template { text-align: center; margin-top: 80px; margin-bottom: 90px; background-color: #f7f5f5; padding-bottom: 30px; } @media (max-width: 768px) { .content .container .activity-template { margin-top: 60px; margin-bottom: 70px; } } .content .container .activity-template .bg-grey { background: #f5f3f3; position: relative; height: 350px; } @media (max-width: 560px) { .content .container .activity-template .bg-grey { height: 270px; } } .content .container .activity-template .bg-grey ul.news-list { text-align: left; float: left; z-index: 2; width: 480px; margin-left: 60px; } @media (max-width: 1200px) { .content .container .activity-template .bg-grey ul.news-list { width: 100%; padding-right: 120px; } } .content .container .activity-template .bg-grey ul.news-list li { margin: 10px 0; border-bottom: 0.2rem dotted #9c9c9c; line-height: 50px; } .content .container .activity-template .bg-grey ul.news-list li a { width: 100%; margin: 0; border: none; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 16px; color: #252525; cursor: pointer; } .content .container .activity-template .bg-grey ul.news-list li a:hover { color: #88001e; } .content .container .activity-template .bg-grey ul.news-pic { float: left; } @media (max-width: 1200px) { .content .container .activity-template .bg-grey ul.news-pic { display: none; } } .content .container .activity-template .bg-grey ul.news-pic li { display: none; } .content .container .activity-template .bg-grey ul.news-pic li.active { display: block; } .content .container .activity-template .bg-grey ul.news-pic li img { width: 490px; height: 320px; margin: 12px 0 0 77px; } .content .container .compression { padding: 0 90px; height: 310px; margin-top: 20px; } .content .container .activity_swiper { position: relative; padding: 60px; margin: -60px; } .content .container .activity_swiper .activity-slide { height: 233px; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; z-index: 1; } .content .container .activity_swiper .activity-slide p { font-size: 14px; margin: 0; position: absolute; left: 0; bottom: 0; width: 100%; white-space: nowrap; color: #ffffff; background: #252525; opacity: 0.7; } .content .container .activity_swiper .swiper-button-prev, .content .container .activity_swiper .swiper-button-next { position: absolute; background-color: #f7f5f5; top: 50%; width: 32px; height: 68px; margin-top: -34px; z-index: 10; cursor: pointer; padding: 24px 8px; } .content .container .activity_swiper .swiper-button-next::before { content: '\e65c'; background: none; color: #c41b1f; } .content .container .activity_swiper .swiper-button-prev::before { content: '\e600'; background: none; color: #c41b1f; } .content .container .up-title { display: inline-block; transform: translateY(-26px); background-image: url(../images/activity/title_bg.png); background-position: center 0; background-repeat: no-repeat; background-size: cover; width: 283px; height: 55px; } .content .container .up-title h1 { margin: 9px 0 0px 71px; color: #fff; font-size: 31px; } .content .container .word-wrap1 { max-width: 1090px; margin: 0 auto; text-align: left; font-size: 15px; margin-bottom: 40px; } @media (max-width: 768px) { .content .container .word-wrap1 { margin: 0 28px 30px; font-size: 20px; } } @media (max-width: 820px) { .content .container .word-wrap1 { margin: 0 28px 30px; font-size: 20px; } } @media (max-width: 560px) { .content .container .word-wrap1 { font-size: 14px; } } .content .container .word-wrap4 .activity-button1 { display: inline-block; margin-right: 15px; } .content .container .word-wrap4 .activity-button1 a { background-image: url(../images/activity/btn_bg.png); text-decoration: none; padding: 14px 64px; border-radius: 4px; color: #ffe8c4; font-size: 16px; font-weight: 600; display: inline-block; margin-top: 10px; margin-right: 10px; } .content .container .word-wrap4 .activity-button1 a.btn_white { background-color: white; color: #c91721; background-image: none; white-space: nowrap; } .content .word-wrap2 { font-size: 18px; } @media (max-width: 768px) { .content .word-wrap2 { font-size: 20px; } } @media (max-width: 560px) { .content .word-wrap2 { font-size: 20px; } } .content .word-wrap3 { margin: 0 auto; font-size: 15px; } .content .word-wrap3 ul { display: inline-block; width: 1000px; margin-left: 100px; text-align: center; } @media (max-width: 1200px) { .content .word-wrap3 ul { margin-left: 40px; width: 100%; } } .content .word-wrap3 ul > li { display: inline-block; margin-bottom: 8px; float: left; width: 25%; font-size: 12px; text-align: left; } @media (max-width: 1200px) { .content .word-wrap3 ul > li { width: 33%; } } @media (max-width: 768px) { .content .word-wrap3 ul > li { width: 50%; } } @media (max-width: 560px) { .content .word-wrap3 ul > li { width: 100%; } } .content .activity-row { margin: 0px 203px 0; } @media (max-width: 768px) { .content .activity-row { margin: 0 10px; } } @media (max-width: 820px) { .content .activity-row { margin: 0 10px; } } .content .trademark1 { margin-left: 16px; background-image: url(../images/activity/GreatWallLogo.png); width: 239px; height: 44px; } @media (max-width: 560px) { .content .trademark1 { margin-left: 44px; margin-bottom: 18px; } } .content .trademark2 { margin-left: 16px; background-image: url(../images/activity/ITALogo.png); width: 320px; height: 52px; } @media (max-width: 560px) { .content .trademark2 { margin-left: 10px; } } .content .trademark3 { display: inline-block; background-image: url(../images/activity/HuaYunLogo.png); width: 160px; height: 64px; } .content .activity-button1 a { background-image: url(../images/activity/btn_bg.png); text-decoration: none; padding: 14px 64px; border-radius: 4px; color: #ffe8c4; font-size: 16px; font-weight: 600; } .content ul > li .icon-phone { color: #b51018; font-size: 20px; } .content ul > li .name { display: inline-block; border-bottom: 0.1rem dotted red; font-size: 16px; } .content ul > li .rotate:before { display: inline-block; transform-origin: 65% 67%; transform: rotate(-45deg); } .activity-btn { text-align: center; margin-top: 60px; padding-bottom: 90px; } @media (max-width: 560px) { .activity-btn { padding-bottom: 60px; } } .activity-btn .activity-button2 a { background-image: url(../images/activity/btn_bg.png); text-decoration: none; padding: 14px 64px; border-radius: 4px; color: #ffe8c4; font-size: 16px; font-weight: 600; } .xcplus .scene .service_package { background-size: 100% 100%; } @media (min-width: 768px) { .xcplus .scene .service_package { height: 300px; } } .xcplus .scene .service_package div { padding: 40px 0 0 90px; } .xcplus .scene .service_package div ul li { font-size: 14px; } @media (max-width: 768px) { .xcplus .scene .service_package div { padding: 20px 0 0 30px; height: 220px; } .xcplus .scene .service_package div ul li { width: 50%; float: left; } } @media (max-width: 560px) { .xcplus .scene .service_package div { padding: 10px 15px 10px 15px; } .xcplus .scene .service_package div ul li { width: 100%; margin: 3px 0; } } .xcplus .scene .consult { height: 240px; } @media (max-width: 768px) { .xcplus .scene .consult { height: 180px; } } .xcplus .scene .consult div { width: 80%; margin-top: 30px; } .xcplus .xcplus_traning { height: 550px; } .xcplus .xcplus_traning ul { width: 100%; border: 1px dotted #929292; padding: 30px 20%; } @media (max-width: 1200px) { .xcplus .xcplus_traning ul { padding: 30px 10%; } } .xcplus .xcplus_traning ul li { font-size: 24px; } @media (max-width: 1200px) { .xcplus .xcplus_traning ul li { font-size: 16px; } } @media (max-width: 560px) { .xcplus .xcplus_traning ul li { font-size: 12px; } } .xcplus .service_list .service_package { height: 400px; } .xcplus .service_list .service_package .service-list-info { width: auto; } .cu_swiper { position: relative; } .dig_transform .banner { background-image: url("../images/bg-banner-product-archer.png"); } .dig_transform .info { padding: 72px 0; position: relative; overflow: hidden; } .dig_transform .info .container { position: relative; min-height: 380px; z-index: 10; } .dig_transform .info img { width: 550px; position: absolute; top: 50%; transform: translate(0, -50%); } .dig_transform .info .title { text-align: left; position: relative; margin-bottom: 60px; } .dig_transform .info .title:after { content: ""; width: 160px; height: 5px; border-radius: 5px; background: #b51018; position: absolute; left: 0; top: calc(100% + 24px); } .dig_transform .info .list-info { margin-left: 0; margin-right: 0; font-size: 16px; } .dig_transform .info .more { display: inline-block; color: #fff; padding: 6px 24px; background: #b51018; border-radius: 3px; transition: all 0.3s; } .dig_transform .info .more:hover { background: #860c12; color: #fff; } .dig_transform .info:not(.left) .container { padding-right: 598px; } .dig_transform .info:not(.left) img { right: 0; } .dig_transform .info.left .container { padding-left: 598px; } .dig_transform .info.left img { left: 0; } .dig_transform .info:nth-child(3):after, .dig_transform .info:nth-child(5):after { content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: calc(100% + 10px); height: calc(100% + 10px); z-index: 8; opacity: 0.25; filter: alpha(opacity=25); filter: url(svg/blur.svg#Gaussian_Blur); /* FireFox, Chrome, Opera */ -webkit-filter: blur(5px); /* Chrome, Opera */ -moz-filter: blur(5px); -ms-filter: blur(5px); filter: blur(5px); filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=5, MakeShadow=false); /* IE6~IE9 */ background: url("../images/digital/transform-02.jpg") center center no-repeat; background-size: cover; } .dig_transform .info:nth-child(5):after { background-image: url("../images/digital/transform-04.jpg"); } @media (max-width: 1100px) { .dig_transform .info:not(.left) .container { padding-right: 30%; } .dig_transform .info:not(.left) img { right: auto; left: calc(70% + 16px*3); } .dig_transform .info.left .container { padding-left: 30%; } .dig_transform .info.left img { left: auto; right: calc(70% + 16px*3); } } .dig_deploy .banner { background-image: url("../images/bg-banner-hyper.jpg"); } .dig_deploy .banner h4 { font-size: 24px; } @media (max-width: 1199px) { .dig_deploy .list .container { margin: 0 40px; width: calc(100% - 90px) !important; } .dig_deploy .list .container [class*="cu_sw"], .dig_deploy .list .container [class^="cu_sw"] { padding: 0 40px !important; } } .dig_deploy .scene .title { margin-top: 0; } @media (min-width: 1200px) { .dig_deploy .scene .container { margin: 0 auto; width: 1200px; } } @media (max-width: 1199px) { .dig_deploy .scene .container { margin: 0 40px; } } .dig_deploy .scene .swiper-slide { padding: 48px 32px; height: 360px !important; background: center center no-repeat !important; background-size: cover !important; } .dig_deploy .scene .swiper-slide .list-title, .dig_deploy .scene .swiper-slide p { color: #fff; } .dig_deploy .scene .swiper-slide p { text-align: left; opacity: 0.8; filter: alpha(opacity=80); line-height: 1.8; } .dig_deploy .scene .swiper-slide.num-01 { background-image: url("../images/scene/dark-01.jpg") !important; } .dig_deploy .scene .swiper-slide.num-02 { background-image: url("../images/scene/dark-02.jpg") !important; } .dig_deploy .scene .swiper-slide.num-03 { background-image: url("../images/scene/dark-03.jpg") !important; } .dig_deploy .scene .swiper-slide.num-04 { background-image: url("../images/scene/dark-04.jpg") !important; } .dig_deploy .scene .swiper-slide.num-05 { background-image: url("../images/scene/dark-05.jpg") !important; } .dig_deploy .scene .swiper-slide.num-06 { background-image: url("../images/scene/dark-06.jpg") !important; } .dig_deploy .scene .swiper-slide.num-07 { background-image: url("../images/scene/dark-07.jpg") !important; } @media (max-width: 479px) { .dig_deploy { overflow: visible; } .dig_deploy .list .container { padding: 0 !important; margin: 0 !important; width: 100% !important; } .dig_deploy .list .container .title { position: -webkit-sticky; position: sticky; top: 101px; background: #fff; z-index: 999; } .dig_deploy .list .container [class*="cu_sw"], .dig_deploy .list .container [class^="cu_sw"] { padding: 0 !important; margin: 0 0 !important; } .dig_deploy .list .container .swiper-wrapper { transform: translate3d(0, 0, 0) !important; display: block; } .dig_deploy .list .container .swiper-slide + .swiper-slide { margin-top: 8px; } .dig_deploy .list .container [class*="swiper-button-"], .dig_deploy .list .container [class^="swiper-button-"] { display: none; } .dig_deploy .list .container .swiper-slide:nth-child(1), .dig_deploy .list .container .swiper-slide:nth-child(2), .dig_deploy .list .container .swiper-slide:nth-last-child(1), .dig_deploy .list .container .swiper-slide:nth-last-child(2) { display: none; } .dig_deploy .list .container .cu_swiper .swiper-wrapper { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .dig_deploy .list .container .cu_swiper .swiper-slide { width: 50% !important; margin: 0 !important; } .dig_deploy .list .container .cu_swiper h4 { font-size: 20px !important; } .dig_deploy .scene .container .title { background: #f5f3f3; } .dig_deploy .scene .container .swiper-slide { height: auto !important; } } .dig_service .banner { background-image: url("../images/bg-banner-service.jpg"); background-position: center center; } .dig_service .point { padding: 64px 0 40px; } .dig_service .point .container { position: relative; padding-left: 632px; } .dig_service .point .pic { width: 600px; height: 440px; position: absolute; left: 0; top: 0; } .dig_service .point .pic img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; } .dig_service .point .pic h5 { margin: 0; padding: 0; position: absolute; left: 0; right: 0; bottom: 0; padding: 8px 12px; background-color: rgba(0, 0, 0, 0.25); color: #fff; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; } .dig_service .point .list { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .dig_service .point .item { width: 33%; height: 220px; padding-top: 12px; } .dig_service .point .item strong, .dig_service .point .item span { display: block; } .dig_service .point .item strong { font-size: 24px; } .dig_service .point .item span { font-size: 16px; margin-top: 12px; opacity: 0.8; filter: alpha(opacity=80); } .dig_service .point .item .iconfont { color: #b51018; font-size: 48px; } @media (max-width: 1199px) and (min-width: 992px) { .dig_service .point .pic { width: 500px; height: 370px; } .dig_service .point .container { padding-left: 532px; } .dig_service .point .item { height: 185px; } .dig_service .point .item span { font-size: 14px; } } @media (max-width: 991px) { .dig_service .point .container { padding-left: 16px; } .dig_service .point .pic { width: 100%; height: auto; padding-top: 70%; position: relative; margin-bottom: 48px; } } @media (max-width: 668px) { .dig_service .point .item { width: 50%; } } .dig_service .info-list { padding: 32px 0; } .dig_service .info-list .container { display: -ms-flexbox; display: flex; -ms-flex-flow: row wrap; flex-flow: row wrap; } .dig_service .info-list .item { width: 50%; position: relative; border-bottom: 1px dotted #e0e0e0; padding: 32px 0; } .dig_service .info-list .item .iconfont { display: block; width: 85px; height: 85px; border-radius: 4px; background: #b51018; position: absolute; left: 0; top: 32px; } .dig_service .info-list .item .iconfont:before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #fff; font-size: 30px; } .dig_service .info-list .item h4 { font-size: 24px; margin-top: 0; } .dig_service .info-list .item p { font-size: 14px; margin-top: 16px; line-height: 1.8; opacity: 0.8; filter: alpha(opacity=80); } .dig_service .info-list .item:nth-child(2n+1) { padding-right: 24px; padding-left: 101px; } .dig_service .info-list .item:nth-child(2n) { padding-left: 125px; } .dig_service .info-list .item:nth-child(2n) .iconfont { left: 24px; } .dig_service .info-list .item:nth-last-child(-n+2) { border: none; } @media (max-width: 767px) { .dig_service .info-list .item { width: 100%; } .dig_service .info-list .item:nth-child(2n) { padding-left: 101px; } .dig_service .info-list .item:nth-child(2n) .iconfont { left: 0; } .dig_service .info-list .item:nth-last-child(2) { border-bottom: 1px dotted #e0e0e0; } } .dig_service .contact { padding: 48px 0; } .dig_service .contact .container { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dig_service .contact .phone, .dig_service .contact .mail { width: 48%; border: 1px solid #363247; padding: 24px; margin: 0; } .dig_service .contact .mail { margin-left: 4%; } .dig_service .contact .iconfont { color: #b51018; font-size: 80px; } .dig_service .contact h4 { font-size: 40px; } .dig_service .contact p { padding: 24px 0; font-size: 16px; opacity: 0.8; filter: alpha(opacity=80); } .dig_service .contact h5 { font-size: 24px; opacity: 0.8; filter: alpha(opacity=80); } @media (max-width: 767px) { .dig_service .contact .container { -ms-flex-flow: row wrap; flex-flow: row wrap; } .dig_service .contact .phone, .dig_service .contact .mail { width: 100%; margin: 0; } .dig_service .contact .mail { margin-top: 24px; } } .dig_service .other { padding: 48px 0; } .dig_service .other .container { position: relative; min-height: 200px; } .dig_service .other .code { position: absolute; right: 24px; top: 0; display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .dig_service .other .code li { width: 50%; } .dig_service .other .code li + li { margin-left: 36px; } .dig_service .other .code img { width: 160px; height: 160px; border: 1px solid #363247; margin: 0 auto; } .dig_service .other .code span { display: block; text-align: center; line-height: 2; font-size: 16px; letter-spacing: 0.5em; } .dig_service .other h4 { font-size: 30px; } .dig_service .other p { padding: 16px 0; font-size: 16px; opacity: 0.8; filter: alpha(opacity=80); } .dig_service .other .do a { display: inline-block; color: #fff; padding: 6px 24px; background: #b51018; border-radius: 3px; transition: all 0.3s; } .dig_service .other .do a:hover { background: #860c12; color: #fff; } .dig_service .other .do a + a { margin-left: 12px; } @media (max-width: 818px) { .dig_service .other .code { position: relative; -ms-flex-pack: left; justify-content: left; right: auto; margin-top: 16px; } .dig_service .other .code li { width: 160px; } .dig_service .other .do { position: absolute; right: 16px; top: 10px; } } .solution-vmware.dig_ws .content { background: url("../images/digital/workspace/top_bg.png") top center no-repeat; background-size: contain; } .solution-vmware.dig_ws .xinchuang .main { box-shadow: 0 0 0 rgba(0, 0, 0, 0); position: relative; } .solution-vmware.dig_ws .xinchuang .main:after { content: ""; position: absolute; left: 50%; transform: translate(-50%, 0); top: 200px; width: calc(100% + 120px); height: 100%; z-index: -1; background: url("../images/digital/workspace/shadow.png") top center no-repeat; background-size: contain; } .solution-vmware.dig_ws .xinchuang .main .xin3 .item .item-image { background-image: url("../images/digital/workspace/icon.png"); } .solution-vmware.dig_ws .xinchuang .main .xin3 .item .item-image + p { margin-top: 16px; } .solution-vmware.dig_ws .xinchuang .main .xin3 .item p { text-align: center; color: #000; font-size: 16px; } .solution-vmware.dig_ws .xinchuang .main .xin5 .main-xin-content { padding: 0 32px; } .solution-vmware.dig_ws .xinchuang .main .xin5 p { border: none !important; padding: 24px 0 !important; font-size: 16px; } .solution-vmware.dig_ws .xinchuang .main .xin1 .slider-3D { background: none; } .solution-vmware.dig_ws .xinchuang .main .xin1.data .main-xin-content { margin: 0; } .solution-vmware.dig_ws .xinchuang .main .xin1.data .item0 { transform: translate3d(0, 0, 0); transform: scale(1); opacity: 1; filter: alpha(opacity=100); width: 90%; left: 5%; } .dig_station .banner { background-image: url("../images/bg-banner-product-archer.png"); } .dig_station .banner .banner-info { margin-left: 0; } .dig_station .news { background: #fff; } .align-center { text-align: center; } .dig_industy { overflow: visible; } .dig_industy .banner { background-image: url("../images/bg-banner-hyper.jpg"); } .dig_industy .cloud_type { margin-bottom: 48px; position: sticky; position: -webkit-sticky; top: 106px; z-index: 500; max-width: 100%; } @media (max-width: 991px) { .dig_industy .cloud_type { top: 62px; } } .dig_industy .list p { text-align: left; font-size: 16px; line-height: 1.8; } .dig_industy .list p + p { margin-top: 16px; } .dig_industy .list .img-vast { max-width: 940px; margin: 0 auto; } .dig_industy .list .img-vast:first-child { padding-top: 55.2px; } .dig_industy .list p + .img-vast { padding-top: 36px; } .dig_industy .list.bg { background: url("../images/digital/industrial/bg.jpg") center center no-repeat; background-size: cover; } @media (max-width: 1199px) { .cloud_type .panel_tab_lg { margin: 0 -10px; } } .panel_tab_lg { border-bottom: 1px solid #e0e0e0; background: #fff; } .panel_tab_lg .container { width: 100%; margin: 0 auto; padding: 0; max-width: 1200px; } .panel_tab_lg ul { display: -ms-flexbox; display: flex; -ms-flex-flow: row nowrap; flex-flow: row nowrap; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-align: end; align-items: flex-end; position: relative; } .panel_tab_lg ul li { border: 1px solid #e0e0e0; border-bottom: none; -ms-flex: 1; flex: 1; background: #fff; } .panel_tab_lg ul li:nth-last-child(n+2) { border-right-color: #fff; } .panel_tab_lg ul a { display: block; padding: 16px 12px; text-align: center; font-size: 24px; color: #666; white-space: nowrap; font-weight: bold; } @media (max-width: 767px) { .panel_tab_lg ul a { font-size: 16px; } } @media (max-width: 668px) { .panel_tab_lg ul a { font-size: 14px; } } @media (max-width: 479px) { .panel_tab_lg ul a { font-size: 12px; } } .panel_tab_lg ul .active { border-top: 2px solid #b51018; border-right-color: #e0e0e0 !important; position: relative; bottom: -1px; } .panel_tab_lg ul .active a { color: #b51018; padding: 24px 12px; } .panel_tab_lg ul .active + li { border-left-color: #fff; }