.services-main{
    width:100%;
    height:auto;
    margin:0 auto;
    overflow: hidden;
}
.services-main-banner{
    width:100%;
    height:auto;
    position: relative;
}
.services-main-banner .servicesBg{
    width:100%;
    height:100%;
}
.servicesIcon {
    /*display: none;*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: url(/images/index/index-services/servicesIcon.png) no-repeat center;
    background-size: auto 80%;
    height: 100%;
}
.services-main-information{
    width:100%;
    height: auto;
    overflow: hidden;
    padding-top: 90px;
    background: url("/images/index/index-services/services-background.jpg") no-repeat center center;
    background-size: 100% 100%;
    padding-bottom: 100px;
}
.services-main-informationTltle {
    width: 100%;
    height: auto;
}
.online-experience,.offline-marketing-title{
    width:250px;
    height:70px;
    font-size: 30px;
    color:#fff;
    font-weight: 600;
    text-align: center;
    line-height: 60px;
    /*margin: 0 auto 130px;*/
    margin: 0 auto 60px;
    border:3px solid #0b99e3;
}
.offline-marketing-title{
    /*margin:100px auto 130px;*/
    margin:100px auto 60px;

}
.online-experience-platform,.online-experience-virtualReality,.online-experience-microMarketing{
    width:100%;
    height:auto;
    /*overflow: hidden;*/
    /*margin-bottom: 30px;*/
    margin-bottom: 5px;
    margin-top: 60px;

}
.online-experience-microMarketing{
    margin-bottom: 160px;
}
.online-experience-platform-desc{
    width:870px;
    height:60px;
    margin:0 auto;
    color:#FFF;
    font-style:oblique;
}
.online-experience-platform-desc span:first-child{
    float: left;
    font-size: 30px;
    font-weight: 600;
}
.online-experience-platform-desc img{
    /*width:200px;
    height:30px;*/
    display: inline-block;
    margin-left:16px;
    margin-top: 7px;
}
.online-experience-platform-desc span:last-child{
    float: right;
    font-size: 14px;
    margin-top: 2px;

}
.online-experience-platform-pic{
    /*width:80vw;*/
    width:70vw;
    height:auto;
    /*height:913px;*/
    /*margin:0 auto 100px;*/
    margin:0 auto 0px;
    position: relative;
    /*display: none;*/
    margin-left: 18.6%;
}
.online-experience-platform-pic img{
    width:100%;
    height:auto;
}
.virtualReality-desc{
    width:825px;
    margin-bottom: 5px;
}
.virtualReality-pic{
    /*height:790px;*/
}
.virtualReality-pic img{
    /*width:1440px;*/
    width:100%;.online-experience-platform-pic
}
.online-experience-microMarketing-pic{
    width:1200px;
    height:auto;
    margin:0 auto;
}
.online-experience-microMarketing-pic img{
    width:100%;
    height:auto;
}
.microMarketing-desc{
    width:880px;
}

.offline-marketing{
    width:100%;
    height: auto;
    overflow: hidden;
    margin:0 auto;
    background: url('/images/index/index-services/services-basemap.jpg') no-repeat center center;
    background-size: 100% 100%;
}
.offline-marketing-main,.marketing-activities-main{
    width:1200px;
    height:auto;
    overflow: hidden;
    margin:0 auto;
    margin-bottom: 130px;
}
.offline-scene-display,.marketing-activities-display{
    width:100%;
    height:auto;
    overflow: hidden;
}
.offline-marketing-desc {
    width:666px;
    margin-bottom: 5px;
}
.marketing-activities-desc{
    width: 820px;
    margin-bottom: 5px;
}
.offline-scene-display-pic,.marketing-activities-pic{
    width:100%;
    height:auto;
    margin: 0 auto;
    position: relative;
}
.offline-scene-display-pic,.marketing-activities-pic img{
    width:100%;
    height:auto;
}
.services-bottom{
    width:100%;
    height:auto;
}
.services-bottom img{
    width:100%;
    height:auto;
}

.marketing-progress{
    background:#0b99e3;
    float:left;
    height:5px;
    border-radius:5px;
    text-align:center;
}


#wrapper{
    margin: 30px auto;
    width: 1200px;
    height: 675px;
}
#marketing-activities-banner{
    position:relative;
    width: 1200px;
    height: 675px;
    overflow: hidden;
}
.imgList{
    position:relative;
    /*width:6000px;*/
    height:800px;
    z-index: 10;
    overflow: hidden;
}
.imgList li{
    float:left;
    display: inline;
}
#prev,
#next{
    position: absolute;
    top:45%;
    z-index: 20;
    cursor: pointer;
    opacity: 0.2;
    filter:alpha(opacity=20);
}
#prev{
    left: 10px;
    width: 38px;
    height: 69px;
}
#next{
    right: 10px;
    width: 38px;
    height: 69px;
}
#prev:hover,
#next:hover{
    opacity: 0.8;
    filter:alpha(opacity=80);
}
.indexList{
    position: absolute;
    right: 10px;
    bottom: 5px;
    z-index: 30;
}
.indexList li{
    float: left;
    margin-right: 5px;
    background: grey;
    cursor: pointer;
}
.indexList .indexOn{
    background: #0b99e3;
    font-weight: bold;
    color: white;
}
.imgList li img{
    width:1200px;
    height:800px;
}
.marketing-activities-progress-bar{
    width: 230px;
    height: 23px;
    position: absolute;
    bottom: 0px;
    left: 50%;
    z-index: 500;
    transform: translate(-50%);
}
.marketing-activities-progress-bar>li{
    width:60px;
    height:5px;
    background: #FFF;
    border-radius: 5px;
    float: left;
    margin:0 8px;
}
.marketing-progress{
    background: #0b99e3;
    float:left;
    height:5px;
    border-radius:5px;
    text-align:center;
}
.index-images {
    width: 100%;
    height: 120px;
    overflow: hidden;
}
.index-image {
    height: 100px;
    margin: 10px 5px;
}
.services-paomadeng{
    width:100%;
    /*height:660px;*/
    /*overflow: hidden;*/
}
.services-paomadeng img{
    height:100%;
    margin-top: -1px;
}
.dzjzBanner {
    margin-top: -26px;
}
.VRBigTitle {
    margin-left: 25px;
}

.servicesIcon {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.services-main-informationTltle {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.onlinePic1 {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.virtualReality-desc {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.virtualReality-pic {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.offline-marketing-title {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.offline-marketing-desc {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.offline-scene-display-pic{
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.marketing-activities-desc {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}
.marketing-activities-pic {
    opacity: 0;
    -webkit-transition: all 1500ms ease-out;
    transition: all 1500ms ease-out;
}