﻿#top {
    /*width: 100%;
    overflow: hidden;
    background-image: url('../images/ServiceManagement/data_service_top_bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height:620px;*/
}
.data_service_bl_bg {
    background-image: url('../images/ServiceManagement/data_service_bl_bg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    height:892px;
}
#head-font {
margin-top:80px;
}
#head-font p  {
    text-align:center;
    margin-bottom:10px;
}
#head-font h2 {
    text-align:center;
    font-size:26px;
}
#data_service_bl {
    margin:0 auto;
    margin-top:30px;
    max-width:1001px;
}
#data_service_operator {
    background:#363636;
    height:191px;
    position:relative;
}
#data_service_operator p  {
    text-align:center;
    margin-bottom:10px;
}
#data_service_operator h2 {
    padding:35px 0;
    color:#fff;
    text-align:center;
    font-size:26px;
    -webkit-margin-before: 0;
    -webkit-margin-after: 0;
}
#data_service_import {
    /*max-width:465px;*/
    background:#fafafa;
    padding:110px 0;
}
.import {
    width:270px;
    height:315px;
    background:#fff;
    margin:0 auto;
    position:relative;
}
.import h3 {
    font-size:22px;
    color:#363636;
    text-align:center;
    margin-bottom:22px;
    padding-top:64px;
}
.import p {
    margin:0 30px;
    color:#959595;
}

.import .line {
    width: 70px;
    height: 2px;
    margin: 0 auto;
    background: #363636;
    position: absolute;
    left: 100px;
    bottom: 20px;
    top: 300px;
}
.import-icon {
    left:100px;
    top:-36px;
    width:70px;
    height:70px;
    position:absolute;
}

.import-icon {
    left: 100px;
    top: -36px;
    width: 70px;
    height: 70px;
    position: absolute;
}
#data-import-icon {
     background-image: url('../images/ServiceManagement/data-import.png');
}
#data-import {
    max-width:1200px;
    margin:0 auto;
}
#save-icon {
    background-image: url('../images/ServiceManagement/save-icon.png');
}
#kpi-icon {
    background-image: url('../images/ServiceManagement/kdi-icon.png');
}
#declare-icon {
    background-image: url('../images/ServiceManagement/declare-icon.png');
}
.operator-arrow {
    width:31px;
    height:18px;
    position:absolute;
    left:48%;
    bottom:-2px;
    background-image: url('../images/ServiceManagement/data_service_arrow_icon.jpg');
}
#data-function h2 {
    margin-top:100px;
    text-align:center;
    font-size:26px;
}
#data-function p {
    color:#929090;
    text-align:center;
    margin-bottom:10px;
}
@media (max-width: 992px) { 
    .import-wrap {
        margin-bottom:50px;
    } 
    #data_service_operator {
        height:250px;
    }
    .data_service_bl_bg {
        height:600px;
    }
}
.function-img {
    max-width:760px;
    margin:0 auto;
    margin-top:108px;
    margin-bottom:266px;
}
/*******一下是针对页面颜色比较浅写的样式 *********/
.sf-js-enabled div{
	color:#333;	
}
.sub-menu ul div {
    color:#FFF;
}
#header.sticky-header:not(.static-sticky) .sub-menu ul div{
   color: #444;
}
.sf-with-ul div{
	color:#F5A34D;
}
/*登陆注册版本才用到*/ 
.LoginRegister {
  color:#333; 
   
}
/*免费试用申请样式*/
#register{
    border-color: #F5AA5B;
    color: #EEE;
    background-color: #F5AA5B;
}

@media screen and (max-width: 768px) {
    .LoginRegister {
        color: #fff;
    }
}