.server-session1{
    position:relative;
    width:100%;
    height:auto;
    overflow: hidden;
}
.server-session1-photoBox{
    width:100%;
    height:720px;
    position:relative;
}
.server-session1-photoBox .server-session1-photoBox-show1{
    position:absolute;
    right:0;
    top:0;
    width:100%;
    height:100%;
    transition:.5s ease;
}
.server-session1-photoBox .server-session1-photoBox-show2{
    position:absolute;
    left:0;
    top:0;
    width:100%;
    height:100%;
    transition:.5s ease;
}
.server-session1-photoBox .server-session1-photoBox-hide1{
    position:absolute;
    left:0;
    top:0;
    width:0;
    height:100%;
    transition:.5s ease;
}
.server-session1-photoBox .server-session1-photoBox-hide2{
    position:absolute;
    right:0;
    top:0;
    width:0;
    height:100%;
    transition:.5s ease;
}

.server-session1-photoBox div img{
    display:block;
    max-width:100%;
    margin:0 auto;
    height:720px;

}


.server-session1-arrowL{
    position: absolute;
    left:10px;
    top:50%;


    height:90px;
    width:60px;
    background-color:rgba(0,0,0,.2) ;
    transform: translateY(-50%);
    text-align:center;
    cursor:pointer;
}
.server-session1-arrowL i{
    font-size: 30px;
    line-height: 90px;
    color:rgba(255,255,255,.5) ;

}
.server-session1-arrowL:hover{
    background-color:rgba(0,0,0,.5) ;

}
.server-session1-arrowL:hover .server-session1-arrowL i{
    color:rgba(255,255,255,.8) ;
}


.server-session1-arrowR{
    position: absolute;
    right:10px;
    top:50%;

    height:90px;
    width:60px;
    background-color:rgba(0,0,0,.2) ;
    transform: translateY(-50%);
    text-align:center;
    cursor:pointer;
}
.server-session1-arrowR i{
    line-height: 90px;
    font-size: 30px;
    color:rgba(255,255,255,.5) ;
}
.server-session1-arrowR:hover{
    background-color:rgba(0,0,0,.5) ;

}
.server-session1-arrowR:hover .server-session1-arrowR i{
    color:rgba(255,255,255,.8) ;
}


.server-session1-lineBox{
    position: absolute;
    bottom:20px;
    left:0;
    right:0;
    margin:0 auto;

    width:100%;
    height: 30px;
    text-align: center;

}
.server-session1-lineBox-small{
    margin:0 auto;
    /*display:table;*/
    display:inline-block;
    text-align: center;
}
.server-session1-lineBox-small div{
    display: inline-block;
    margin-left:10px;
    float:left;
    width:60px;
    height: 2px;
    background-color: rgba(255,255,255,.2);
}

.server-session1-lineBox-small div p{
    float:left;
    width:0;
    height: 2px;
    transition: .5s ease;
    background-color: rgba(255,255,255,1);
}
.server-session1-lineBox p:hover{

    background-color: rgba(255,255,255,1);
}

.server-session2{
    position:relative;
    width:100%;
    height:700px;
    background-image:url("../img/servic-s2-bg.png");
    background-position:50% 50%;
}

.server-s2-containerL{
    position:absolute;
    left:0;
    right:0;
    top:50%;
    margin:0 auto;
    margin-top:-196px;
    width:792px;
    height:392px;
    background-color: #015198;
    overflow:hidden;
}
.server-s2-container{
    width:792px;
    height:392px;
}

.server-s2-container-top{
    height:50%;
    width:100%;
    overflow: hidden;
}
.server-s2-container-top-title{
    margin-top:78px;
    width:100%;
    font:24px 'Source Han Sans CN';
    color:#fff;
    text-align:center;
    font-weight: 100;
}
.server-s2-container-top-line{
    height:2px;
    width:28px;
    margin:0 auto;
    margin-top:8px;
    background-color:#fff;
}
.server-s2-container-bottom{
    position:relative;
    height:50%;
}
.server-s2-container-bottom p{
    position: absolute;
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    margin-top:-50px;
    height:100px;
    width:472px;
    text-align:center;
    font:14px 'Source Han Sans CN';
    color:#fff;
}


.server-session2-arrowL{
    position: absolute;
    left:40px;
    top:50%;
    height:90px;
    width:60px;
    background-color:transparent ;
    border:1px solid rgba(1,81,152,.4) ;
    transform: translateY(-50%);
    text-align:center;
    cursor:pointer;
    transition: .5s ease;
}
.server-session2-arrowL i{
    font-size: 30px;
    line-height: 90px;
    color:rgba(1,81,152,.4) ;

}
.server-session2-arrowL:hover{
    background-color:#015198 ;

}
.server-session2-arrowL:hover  i{
    color:rgba(255,255,255,.8) ;
}

.server-session2-arrowR{
    position: absolute;
    right:40px;
    top:50%;


    height:90px;
    width:60px;
    background-color:transparent ;
    border:1px solid rgba(1,81,152,.4) ;
    transform: translateY(-50%);
    text-align:center;
    cursor:pointer;
    transition: .5s ease;
}
.server-session2-arrowR i{
    font-size: 30px;
    line-height: 90px;
    color:rgba(1,81,152,.4) ;

}
.server-session2-arrowR:hover{
    background-color:#015198 ;

}
.server-session2-arrowR:hover  i{
    color:rgba(255,255,255,.8) ;
}

.server-s2-footer{
    position: absolute;
    bottom:25px;
    left:0 ;
    right:0;
    margin:0 auto;
    margin-bottom:50px;
    width:640px;
}
.server-s2-footer-box{
    float:left;
    margin-left:30px;
    margin-right:30px;
    width:100px;
    cursor:pointer;
}
.server-s2-footer-box p{
    color:#999999;
    font-size:12px;
    text-align: center;
    transition: .5s ease;
}
.server-s2-footer-box h4{
    background-color:rgba(1,81,152,.4) ;
    width:100px;
    height:2px;
    margin-top:10px;
    transition: .5s ease;

}

.server-s2-footer-box:hover p{
    color:rgba(1,81,152,.9) ;
}
.server-s2-footer-box:hover h4{
    background-color:rgba(1,81,152,.9) ;
}




.server-session3{
    position:relative;
    width:100%;
    height:1008px;

}

.server-session3 img{
    display:block;
    margin:0 auto;
   width:821px;
    height:574px;
    margin-top:52px;

}


.server-session4{
    position:relative;
    width:100%;
    height:817px;
    background-image:url("../img/server-s4-bg.png");
    background-position:50% 50%;
}
.server-s4-container{
    position: absolute;
    top:-180px;
    left:0;
    right:0;
    margin:0 auto;
    width:1200px;
    height:360px;
    background-color: #fff;
}

.server-s4-container-box1{
     position:absolute;
     left:0;
     width:840px;
     height:100%;

 }

.server-s4-container-box1 .common-title p{
      margin-top:5px;
}

.server-s4-container-box1-word{
    margin:0 auto;
  
    margin-top:52px;
    width:640px;
    height:100px;
    line-height: 30px;
    letter-spacing: 4px;
    color:#999999;
    text-align:center;
    font-size:13px;
    overflow:hidden;
}

.server-s4-container-box1-more{
    margin:0 auto;
    margin-top:39px;
    width:74px;
    height:28px;
    line-height: 28px;
    color:#999999;
    border:1px solid rgba(1,81,152,.4) ;
    border-radius:14px;
    color:rgba(1,81,152,.4) ;
    text-align:center;
    font-size:12px;
    transition: .5s ease;
    cursor:pointer;
}

.server-s4-container-box1-more:hover{
    border:1px solid rgba(1,81,152,.9) ;
    color:rgba(1,81,152,.9) ;
}


.server-s4-container-box2{
    position:absolute;
    right:0;
    width:360px;
    height:100%;
    background-image:url("../img/server-joinUs-mask.png"),url("../img/server-joinUs.png");
    background-position: 50% 50%;
}
.server-s4-container-box2 .common-title h3{
    color:rgba(255,255,255,1);

}

.server-s4-container-box2 .common-title p{
    margin-top:5px;
    color:rgba(255,255,255,.6);

}
.server-s4-container-box2-word{
    margin:0 auto;
    margin-top:52px;
    width:259px;
    height:100px;
    line-height: 30px;
    letter-spacing: 4px;
    color:rgba(255,255,255,.6);
    text-align:center;
    font-size:13px;
    overflow:hidden;
}

.server-s4-container-box2-more{
    margin:0 auto;
    margin-top:39px;
    width:74px;
    height:28px;
    line-height: 28px;
    color:#999999;
    border:1px solid rgba(1,81,152,.4) ;
    color:rgba(255,255,255,.6);
    text-align:center;
    font-size:12px;
    transition: .5s ease;
    cursor:pointer;
}

.server-s4-container-box1-more:hover{
    border:1px solid rgba(1,81,152,.9) ;
    color:rgba(1,81,152,.9) ;
}