/*
* @Author: DoDo
* @Date:   2019-11-06 09:17:20
* @Last Modified by:   DoDo
* @Last Modified time: 2019-11-08 14:47:18
*/
@charset "utf-8";
/* reset */
.index .main { position:fixed; z-index:1; width:100%;  left:0; top:0; bottom:0; margin:0;}
.index .main .right-button{
    
}
.index .main .right-button { position: fixed; right: 1.25%; top: 50%; z-index: 100; margin-top: -77px; width: 11px; }
.index .main .right-button i { display: inline-block; margin-top: 15px; cursor: pointer; }
.index .main .right-button i a { position: relative; display: block; width: 11px; height: 11px; background: url('../images/dots.png') center center no-repeat; }
.index .main .right-button i a::before { content: " "; position: absolute; left: -2px; top: -2px; right: -2px; bottom: -2px; z-index: 1; background-color: #74cc4d; border-radius: 50%; -webkit-transform: scale(0); -moz-transform: scale(0); -o-transform: scale(0); transform: scale(0); -webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; }
.index .main .right-button i.active a::before { -webkit-transform: scale(1); -moz-transform: scale(1); -o-transform: scale(1); transform: scale(1); }

.service-menu {
    position: fixed;
    right: 3.125%;
    top: 50%;
    margin-top: -75px;
    z-index: 99;
}

.service-menu .span-num,
.service-menu .span-znum {
    position: absolute;
    left: -10px;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    font-size: 14px;
    color: #fff;
    font-family: "Arial";
    border-bottom: 1px solid #d6f5fb;
}

.service-menu .span-num {
    top: -38px;
}

.service-menu .span-znum {
    bottom: -38px;
}

.service-menu-list i {
    width: 1px;
    height: 30px;
    background-color: rgba(255, 255, 255, .3);
}

.service-menu-list i.active {
    background-color: rgba(255, 255, 255, 1);
}

.service-main .main .right-button i{
    display: block;
    margin-top: 0;
}
.service-main .main .right-button i a{
    display: none;
}
.service-main .main .right-button i a::before{
    display: none;
}



.index-bk { position:absolute; top:0; left:0; height:100%; width:100%;  background-color:#fff; overflow:hidden; transform:translateY(100%); -webkit-transform:translateY(100%); transition:0.8s all; -webkit-transition:0.8s all;}
.index-bk.index-bg{
    -webkit-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
}

.no-ts .index-bk{ top:100%; transform:translateY(0%); -webkit-transform:translateY(0%);}
.no-ts .index-bk.index-1 { top:0;}
.lt9 .no-ts .index-bk { top:0;}
.index-bk.index-1 { z-index:10; top:0; transform:translateY(0%); -webkit-transform:translateY(0%); }
.index-bk.index-2 {z-index:50; }
.index-bk.index-3 {z-index:60; }
.index-bk.index-4 {z-index:70; }
.index-bk.index-5 {z-index:80; }
.index-bk.index-6 {z-index:90; }
.index-bk.index-7 {z-index:100; }

.anim2_down .index-1{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_down .index-2{   transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim2_up .index-1 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim2_up .index-3{   transform:translateY(100%); -webkit-transform:translateY(100%); }
.anim2_up .index-2{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim3_down .index-2{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_down .index-3{ transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim3_up .index-2 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim3_up .index-3{  transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim3_up .index-4{  transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim4_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_down .index-3{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_down .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim4_up .index-2 { transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim4_up .index-3 { transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim4_up .index-4{  transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim4_up .index-5{  transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim5_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_down .index-4{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim5_down .index-5{ transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim5_up .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_up .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_up .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim5_up .index-4{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim5_up .index-5{ transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim5_up .index-6{ transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim6_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-4{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-5{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_down .index-6{ transform:translateY(0%); -webkit-transform:translateY(0%); }

.anim6_up .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-4{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-5{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim6_up .index-6{ transform:translateY(0%); -webkit-transform:translateY(0%); }
.anim6_up .index-7{  transform:translateY(100%); -webkit-transform:translateY(100%); }

.anim7_down .index-1{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim7_down .index-2{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim7_down .index-3{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim7_down .index-4{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim7_down .index-5{  transform:translateY(-100%); -webkit-transform:translateY(-100%); }
.anim7_down .index-6{  transform:translateY(-50%); -webkit-transform:translateY(-50%); }
.anim7_down .index-7{ transform:translateY(0%); -webkit-transform:translateY(0%); }

/*.anim7_down.footer{ transform:translateY(-100%); -webkit-transform:translateY(-100%); }*/

@media only screen and (min-width: 1200px) {
	.index-bk>table,.index-bk>table td{
        width: 100%;
        height: 100%;
        vertical-align: middle;
	}
    .index-bk .div-table{
        display: table;
    }
    .index-bk .div-table-cell{
        display: table-cell;
    }
    .index-bk .div-table,.index-bk .div-table-cell{
        width: 100%;
        height: 100%;
        vertical-align: middle;
    }
}
@media only screen and (max-width: 1200px) {
    .index .main { position:static; top:0; margin-top:58px; }
    .index-bk{
        position: relative;
        overflow: hidden;
        height: auto !important;
        transform: translateY(0);
    	-webkit-transform: translateY(0); 
    }
    .index .main .right-button{
        display: none;
    }

    .service-main .index-bk{
        padding-top: 50px;
        padding-bottom: 50px;
    }

}

@media (min-width: 768px) and (max-width: 1200px){
    .index-50{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}
@media only screen and (max-width: 767px) {
    .about-50{
        padding-top: 50px;
        padding-bottom: 50px;
    }
}


.index-customer{
    min-height: 500px;
}