body {
background: #fff;
}
.server-brief {
margin-top: 40px;
}
/*banneræ ·å¼*/
.info-banner {
background: url("img/20191223/banner.png") no-repeat center top;
}
.info-banner-fzjh {
background: url("img/20191223/yw-fzjh-banner.jpg") no-repeat center top;
}
.flex-nav {
position: absolute;
right: 140px;
bottom: 20px;
}
.flex-nav li {
margin-right: 40px;
float: left;
}
.flex-nav li a {
display: inline-block;
font-size: 14px;
color: #4c4c4c;
}
/*模å—*/
.trusteeship-info {
margin-top: 38px;
}
.module-marg-top {
margin-top: 80px;
margin-bottom: 80px;
}
.group-title {
position: relative;
height: 20px;
line-height: 20px;
margin: 55px 0px 35px 0px;
}
/* 视频 */
.server-video-placeholder {
display: inline-block;
width: 180px;
margin-top: 20px;
padding-top: 130px;
background: url(img/video_placeholder.png) no-repeat center top;
color: #4c4c4c;
font-size: 12px;
}
.video-mask-container {
display: none;
position: relative;
z-index: 1000;
}
.video-mask {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background: #000;
opacity: 0.5;
filter: alpha(opacity=50);
}
.video-container {
position: fixed;
top: 30%;
left: 50%;
width: 680px;
height: 384px;
border: 2px solid #000;
margin-left: -340px;
z-index: 2;
}
.video-player {
height: 100%;
}
.video-close {
position: absolute;
top: -34px;
right: -2px;
width: 32px;
height: 32px;
background: url(img/server_video_close.png) no-repeat center;
cursor: pointer;
}
.video-close:hover {
background-image: url(img/server_video_close_hover.png);
}
.video-player embed {
width: 100%;
height: 100%;
}
.video-player object {
width: 100%;
height: 100%;
}
/* 优势滚动 */
.youshi-module {
margin-top: 50px;
}
.slider-outer {
margin-top: 32px;
}
.youshi-slider-item {
height: 360px;
border: 1px solid #eee;
}
.youshi-slider-item.blank {
border: none;
}
.youshi-title {
font-size: 16px;
}
.youshi-text {
padding: 15px 20px;
font-size: 12px;
line-height: 2em;
text-align: justify;
}
.youshi-icon {
height: 170px;
overflow: hidden;
}
.youshi-icon div {
margin: 0 auto;
width: 100px;
height: 100px;
margin-top: 35px;
background: no-repeat center;
}
.youshi-icon-move div {
background-position: 0 0;
}
.youshi-slider-item:hover .youshi-icon-move div {
background-position: -100px 0;
}
.youshi-icon-1 div {
background-image: url(img/slb_feature_1.png);
}
.youshi-slider-item:hover .youshi-icon-1 div {
background-image: url(img/slb_feature_1_active.png);
}
.youshi-icon-2 div {
background-image: url(img/slb_feature_2.png);
}
.youshi-slider-item:hover .youshi-icon-2 div {
background-image: url(img/slb_feature_2_active.png);
}
.youshi-icon-3 div {
background-image: url(img/slb_feature_3.png);
}
.youshi-slider-item:hover .youshi-icon-3 div {
background-image: url(img/slb_feature_3_active.png);
}
.youshi-icon-4 div {
background-image: url(img/slb_feature_4.png);
}
.youshi-slider-item:hover .youshi-icon-4 div {
background-image: url(img/slb_feature_4_active.png);
}
.youshi-icon-5 div {
background-image: url(img/slb_feature_5.png);
}
.youshi-slider-item:hover .youshi-icon-5 div {
background-image: url(img/slb_feature_5_active.png);
}
.youshi-icon-6 div {
background-image: url(img/slb_feature_6.png);
}
.youshi-slider-item:hover .youshi-icon-6 div {
background-image: url(img/slb_feature_6_active.png);
}
/* æ’ä»¶æ ·å¼é‡ç½® */
.bx-wrapper {
box-shadow: none;
border: none;
}
.bx-wrapper .bx-controls-direction a {
z-index: 999;
}
.bx-controls-direction {
visibility: hidden;
}
.bx-wrapper .bx-prev:focus,
.bx-wrapper .bx-controls-direction a {
top: 50%;
margin-top: -40px;
width: 20px;
height: 80px;
background: #eeeeee url(img/server_youshi_left.png) no-repeat center;
}
.bx-wrapper .bx-prev:hover {
background: #059fff url(img/server_youshi_left.png) no-repeat center;
}
.bx-wrapper .bx-prev {
left: 0;
}
.bx-wrapper a.bx-next:focus,
.bx-wrapper .bx-controls-direction a.bx-next {
background: #eee url(img/server_youshi_right.png) no-repeat center;
right: 0;
}
.bx-wrapper a.bx-next:hover {
background: #059fff url(img/server_youshi_right.png) no-repeat center;
}
.bx-wrapper .bx-pager.bx-default-pager a {
width: 30px;
height: 5px;
background: #d6f0f9;
border-radius: 0;
}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus,
.bx-wrapper .bx-pager.bx-default-pager a:hover {
background-color: #059fff;
}
.youshi-wrapper {
margin-top: 50px;
}
.youshi-item {
width: 30%;
text-align: center;
border: 1px solid #d3d3d3;
}
.youshi-item .youshi-header {
height: 64px;
line-height: 44px;
border-bottom: 1px solid #d3d3d3;
background: #f0f0f0;
font-size: 16px;
color: #666;
}
.youshi-our {
position: relative;
z-index: 2;
border: 1px solid #059fff;
}
.youshi-our li.youshi-header {
position: relative;
color: #fff;
font-size: 22px;
height: 63px;
}
.our-block-extra {
position: absolute;
left: -2px;
right: -1px;
height: 95px;
line-height: 95px;
bottom: 0;
z-index: 10;
background: #059fff;
}
.youshi-our-rec {
position: absolute;
width: 55px;
height: 55px;
right: -5px;
top: -3px;
background: url(img/icon_recommend.png);
}
.youshi-them .youshi-header {
color: #333;
font-size: 22px;
}
.youshi-item li {
padding: 10px 24px;
height:110px;
font-size: 14px;
line-height: 30px;
color: #777;
background: #fff;
border-top: 1px solid #e6e6e6;
}
.youshi-item li.first-child {
height: 136px;
border-top: none;
}
.youshi-item-first {
width: 10%;
}
.youshi-item-first li {
line-height: 92px;
}
.youshi-item-first li.first-child {
line-height: 118px;
}
.youshi-item-first .youshi-header {
line-height: 42px;
}
.youshi-our {
width: 30%;
}
.youshi-our .empty-item {
height: 30px;
}
.youshi-our li {
border-color: #059fff;
text-align: justify;
color: #333;
}
.youshi-them li {
padding: 10px 20px;
text-align: justify;
}
.youshi-them .youshi-header {
color: #777;
}
.youshi-them-2 {
margin-left: -1px;
}
.youshi-item .youshi-header {
text-align: center;
}
.youshi-item .even-row {
background: #f7f7f7;
}
.youshi-our .even-row {
background: #e7f1fc;
}
/* 特点与优势 end*/
/* 产å“功能 */
.function-table {
width: 100%;
border-top: 1px solid #eee;
border-left: 1px solid #eee;
margin-top: 32px;
}
.function-table td {
padding: 40px 17px;
border-right: 1px solid #eee;
border-bottom: 1px solid #eee;
color: #666;
font-size: 14px;
}
td.multi-td {
padding: 0 20px;
}
.function-title {
background-color: #fafafa;
color: #4c4c4c;
}
.function-title span {
display: inline-block;
padding-left: 34px;
background: no-repeat left center;
line-height: 30px;
background-image: url(img/server_function.png);
background-repeat: no-repeat;
}
span.function-icon-calculate {
background-position: 0 3px;
}
span.function-icon-storage {
background-position: 0 -29px;
}
span.function-icon-safety {
background-position: 0 -65px;
}
span.function-icon-manage {
background-position: 0 -100px;
}
span.function-icon-net {
background-position: 0 -135px;
}
/* åˆä½œä¼™ä¼´ */
.cooperative-partner-list {
margin-top: 32px;
}
.cooperative-partner-list li {
float: left;
width: 24%;
height: 130px;
margin: 10px 0px 0px 1%;
}
.cooperative-partner-list li a {
display: inline-block;
width: 100%;
height: 100%;
/* border: 1px solid #eee; */
text-align: center;
vertical-align: middle;
line-height: 130px;
}
.cooperative-partner-list img {
vertical-align: middle;
}
.function-item {
float: left;
width: 23.5%;
height: 480px;
background: #fafafa no-repeat center 40px;
margin-left: 2%;
padding: 160px 30px 30px 30px;
margin-top: 30px;
}
.function-item:first-child {
margin-left: 0;
}
.function-1 {
background-image: url(img/slb_function_1.png);
}
.function-2 {
background-image: url(img/slb_function_2.png);
}
.function-3 {
background-image: url(img/slb_function_3.png);
}
.function-4 {
background-image: url(img/slb_function_4.png);
}
.function-title {
font-size: 20px;
color: #333;
text-align: center;
}
.function-subtitle {
margin-top: 10px;
height: 85px;
font-size: 14px;
color: #666;
}
.function-content {
padding-top: 20px;
font-size: 12px;
color: #888;
}
.function-content.first {
border-top: 1px solid #eee;
}
.slb-frame {
margin-top: 65px;
width: 100%;
height: 700px;
background: url(img/slb_frame.jpg) no-repeat center;
}
/* 新版优势内容 start*/
.adv-wrap{
}
.adv-wrap ul{
}
.adv-wrap ul li{
width: 240px;
float: left;
margin: 60px 80px 0;
}
.adv-wrap .adv-icon{
width: 40px;
height: 36px;
margin: 0 auto;
}
.adv-wrap .adv-title{
font-size: 18px;
font-weight: bold;
font-stretch: normal;
line-height: 16px;
letter-spacing: 0px;
color: #333333;
text-align: center;
margin:30px 0 20px
}
.adv-wrap .adv-content{
font-size: 12px;
font-weight: normal;
font-stretch: normal;
letter-spacing: 0px;
line-height: 24px;
color: #999999;
}
.adv-wrap .adv-icon-1{
background: url(img/20191223/product-spe-1.png) no-repeat center;
}
.adv-wrap .adv-icon-2{
background: url(img/20191223/product-spe-2.png) no-repeat center;
}
.adv-wrap .adv-icon-3{
background: url(img/20191223/product-spe-3.png) no-repeat center;
}
.adv-wrap .adv-icon-4{
background: url(img/20191223/product-spe-4.png) no-repeat center;
}
.adv-wrap .adv-icon-5{
background: url(img/20191223/product-spe-5.png) no-repeat center;
}
.adv-wrap .adv-icon-6{
background: url(img/20191223/product-spe-6.png) no-repeat center;
}
/* 新版优势内容 end*/
/* åŠŸèƒ½ä»‹ç» start */
.product-power-wrap{
background-color: #f9f9f9;
padding: 80px 0;
}
.product-power{
margin-top: 60px;
border: solid 1px #cfd6e3;
background: #fff;;
}
.product-power li{
border-bottom: solid 1px #cfd6e3;
}
.product-power li:last-child{
border-bottom: solid 1px transparent;
}
.pp-icon{
float: left;
display: inline-block;
width: 45px;
height: 45px;
margin:30px 35px;
}
.content-wrap{
float: left;
width: 90%;
padding-top: 18px;
padding-bottom: 20px;
}
.content-title{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 46px;
letter-spacing: 0px;
font-weight: bold;
color: #000000;
}
.sed-title{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: 0px;
color: #333333;
margin-left: 40px;
}
.content{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 20px;
letter-spacing: 0px;
color: #000000;
}
.content div{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #666666;
position: relative;
margin-left: 15px;
}
.content div:before{
content:'';
display: inline-block;
width: 6px;
height: 6px;
background-color: #00b277;
border-radius: 50%;
position: absolute;
top:12px;
left: -15px;
}
.pp-icon-1{
background: url(img/20191223/product-function-1.png) no-repeat center;
}
.pp-icon-2{
background: url(img/20191223/product-function-2.png) no-repeat center;
}
.pp-icon-3{
height: 49px;
background: url(img/20191223/product-function-3.png) no-repeat center;
}
.pp-icon-4{
background: url(img/20191223/product-function-4.png) no-repeat center;
}
/* åŠŸèƒ½ä»‹ç» end */
/* 应用场景 start */
.app-scene-wrap{
background-color: #f7f8fa;
padding: 80px 0;
height: 450px;
}
.app-scene-block{
display:flex;
justify-content:space-evenly;
position: relative;
margin-top: 38px;
}
.app-scene{
float: left;
}
.app-scene-item{
font-size: 18px;
font-weight: normal;
font-stretch: normal;
line-height: 46px;
letter-spacing: 0px;
color: #333333;
z-index: 3;
width: 100px;
text-align: center;
}
.app-scene-detail{
display: none;
width: 100%;
position: absolute;
top:48px;
left: 0;
background-color: #ffffff;
border: solid 1px #cfd6e3;
padding:40px;
z-index: 2;
text-align: left;
}
.app-scene-detail ul li{
float: left;
}
.app-scene-detail ul li:nth-child(1){
width: 60%;
margin-right: 92px;
}
.app-scene-title{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
/* line-height: 46px; */
letter-spacing: 0px;
color: #000000;
font-weight: bold;
margin-top:38px;
}
.app-scene-title:nth-of-type(1){
margin-top:0
}
.app-scene-content{
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 30px;
letter-spacing: 0px;
color: #000000;
}
.app-scene-tips{
font-size: 14px;
font-weight: normal;
letter-spacing: 0px;
color: #0080ff;
line-height: 23px;
}
.app-car-wrap{
position: relative;
display: inline-block;
width: 360px;
height: 240px;
background: url(../server/img/20191223/product_sence_bg.png) no-repeat center;
}
.app-car-title{
font-size: 16px;
font-weight: normal;
font-stretch: normal;
line-height: 26px;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
padding: 24px 0 18px;;
}
.app-car-content{
font-size: 14px;
font-weight: normal;
letter-spacing: 0px;
color: #ffffff;
/* padding:0 40px; */
}
.app-car-content div{
/* float: left; */
margin:0 0 0 40px;
width: 120px;
}
.app-buy-button{
display: block;
position: absolute;
width: 90px;
height: 34px;
border-radius: 2px;
border: solid 1px #ffffff;
font-size: 14px;
font-weight: normal;
font-stretch: normal;
line-height: 33px;
letter-spacing: 0px;
color: #ffffff;
text-align: center;
margin: 14px 0 0 42px;
bottom: 48px;
right: 40px;
}
.app-buy-button:hover{
color:#fff
}
.app-scene-active .app-scene-item{
border-bottom: 2px solid #0080ff;;
color: #0080ff;
}
.app-scene-active .app-scene-item .app-scene-detail{
display: block;
}
/* 应用场景 end */