@charset "utf-8";

/* CSS Document */
@font-face{
    font-family: 'Alibaba-PuHuiTi-Regular';
    src:url('../font/Alibaba-PuHuiTi-Regular.otf');
}


html {

    font-family: sans-serif;

    -webkit-text-size-adjust: 100%;

    -ms-text-size-adjust: 100%;

}

body {

    margin: 0;

}

article,

aside,

details,

figcaption,

figure,

footer,

header,

hgroup,

main,

menu,

nav,

section,

summary {

    display: block;

}

audio,

canvas,

progress,

video {

    display: inline-block;

    vertical-align: baseline;

}

audio:not([controls]) {

    display: none;

    height: 0;

}

[hidden],

template {

    display: none;

}

a {

    background-color: transparent;

}

a:active,

a:hover {

    outline: 0;

}

abbr[title] {

    border-bottom: 1px dotted;

}

b,

strong {

    font-weight: bold;

}

dfn {

    font-style: italic;

}

h1 {

    margin: .67em 0;

    font-size: 2em;

}

mark {

    color: #000;

    background: #ff0;

}

small {

    font-size: 80%;

}

sub,

sup {

    position: relative;

    font-size: 75%;

    line-height: 0;

    vertical-align: baseline;

}

sup {

    top: -.5em;

}

sub {

    bottom: -.25em;

}

img {

    border: 0;

}

svg:not(:root) {

    overflow: hidden;

}

figure {

    margin: 1em 40px;

}

hr {

    height: 0;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

pre {

    overflow: auto;

}

code,

kbd,

pre,

samp {

    font-family: monospace, monospace;

    font-size: 1em;

}

button,

input,

optgroup,

select,

textarea {

    margin: 0;

    font: inherit;

    color: inherit;

}

button {

    overflow: visible;

}

button,

select {

    text-transform: none;

}

button,

html input[type="button"],

input[type="reset"],

input[type="submit"] {

    -webkit-appearance: button;

    cursor: pointer;

}

button[disabled],

html input[disabled] {

    cursor: default;

}

button::-moz-focus-inner,

input::-moz-focus-inner {

    padding: 0;

    border: 0;

}

input {

    line-height: normal;

}

input[type="checkbox"],

input[type="radio"] {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    box-sizing: border-box;

    padding: 0;

}

input[type="number"]::-webkit-inner-spin-button,

input[type="number"]::-webkit-outer-spin-button {

    height: auto;

}

input[type="search"] {

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

    -webkit-appearance: textfield;

}

input[type="search"]::-webkit-search-cancel-button,

input[type="search"]::-webkit-search-decoration {

    -webkit-appearance: none;

}

fieldset {

    padding: .35em .625em .75em;

    margin: 0 2px;

    border: 1px solid #c0c0c0;

}

legend {

    padding: 0;

    border: 0;

}

textarea {

    overflow: auto;

}

optgroup {

    font-weight: bold;

}

table {

    border-spacing: 0;

    border-collapse: collapse;



}

td,

th {

    padding: 0;

}

input,

button,

select,

textarea {

    font-family: inherit;

    font-size: inherit;

    line-height: inherit;

}

a {

    text-decoration: none;

}

a:hover,

a:focus {

    text-decoration: none;

}

a:focus {

    outline: thin dotted;

    outline: 5px auto -webkit-focus-ring-color;

    outline-offset: -2px;

}



body {

    font-family:"微软雅黑", Helvetica, Arial, sans-serif;

    font-size: 14px;

    color: #555;

    background-color: #fff;

}

*{ padding: 0;margin: 0;}

address,caption,cite,code,dfn,em,th,var{font-weight:normal;font-style:normal;}

h1,h2,h3,h4,h5,h6{font-weight:normal; margin: auto;}

.clear{ clear:both;}

img { border:0px;margin:0px;padding:0px}

a{ text-decoration:none;color: #333}

a{ blr:expression(this.onFocus=this.blur())}

a:hover{ color:#d80c18;}

a:focus{outline:0;}

ol,ul,li,dl,dt,dd{ list-style:none;padding:0; margin:0;}

/*common*/

*:focus {outline: none;}



/* display */

.dn { display: none; }

.di { display: inline; }

.db { display: block; }

.dib { display: inline-block; } /* if the element is block level(eg. div, li), using 'inline-any' instead */





.fl{float:left;}

.fr{float:right;}



/* 块状元素水平居中 */

.auto { margin-left: auto; margin-right: auto; }



/* overflow */

.ovh { overflow: hidden; }



/* position */

.rel { position: relative; }

.abs { position: absolute; }



/* font-family */

.fw { font-family: 'Microsoft Yahei'; }



/* font-style */

.n { font-weight: normal; font-style: normal; }

.b { font-weight: bold; }

.i { font-style: italic; }



/* text-align */

.tc { text-align: center; }

.tr { text-align: right; }

.tl { text-align: left; }

.tj { text-align: justify; }



/* 清除浮 动*/

.fix { *zoom:1; }

.fix:after { content:" "; display:block; height:0; clear:both; visibility:hidden; font-size:0;}



/*table*/

table {

    width: 100%;

    border-collapse: collapse;

}



/* margin */

.m0 { margin:0 !important; }

.ml1 { margin-left: 1px; }

.ml2 { margin-left: 2px; }

.ml5 { margin-left: 5px; }

.ml10 { margin-left: 10px; }

.ml15 { margin-left: 15px; }

.ml20 { margin-left: 20px; }

.ml30 { margin-left: 30px; }



.mr1 { margin-right: 1px; }

.mr2 { margin-right: 2px; }

.mr5 { margin-right: 5px; }

.mr10 { margin-right: 10px; }

.mr15 { margin-right: 15px; }

.mr20 { margin-right: 20px; }

.mr30 { margin-right: 30px; }



.mt1 { margin-top: 1px; }

.mt2 { margin-top: 2px; }

.mt5 { margin-top: 5px; }

.mt10 { margin-top: 10px; }

.mt15 { margin-top: 15px; }

.mt20 { margin-top: 20px; }

.mt25 { margin-top: 25px; }

.mt30 { margin-top: 30px; }



.mb1 { margin-bottom: 1px; }

.mb2 { margin-bottom: 2px; }

.mb5 { margin-bottom: 5px; }

.mb10 { margin-bottom: 10px; }

.mb15 { margin-bottom: 15px; }

.mb20 { margin-bottom: 20px; }

.mb25 { margin-bottom: 25px; }

.mb30 { margin-bottom: 30px; }



/* padding */

.p0 { padding: 0; }

.p1 { padding: 1px; }

.pl1 { padding-left: 1px; }

.pt1 { padding-top: 1px; }

.pr1 { padding-right: 1px; }

.pb1 { padding-bottom: 1px; }



.p2 { padding: 2px; }

.pl2 { padding-left: 2px; }

.pt2 { padding-top: 2px; }

.pr2 { padding-right: 2px; }

.pb2 { padding-bottom: 2px; }



.pl5 { padding-left: 5px; }

.p5 { padding: 5px; }

.pt5 { padding-top: 5px; }

.pr5 { padding-right: 5px; }

.pb5 { padding-bottom: 5px; }



.p10 { padding: 10px; }

.pl10 { padding-left: 10px; }

.pt10 { padding-top: 10px; }

.pr10 { padding-right: 10px; }

.pb10 { padding-bottom: 10px; }



.p15 { padding: 15px; }

.pl15 { padding-left: 15px; }

.pt15 { padding-top: 15px; }

.pr15 { padding-right: 15px; }

.pb15 { padding-bottom: 15px; }



.p20 { padding: 20px; }

.pl20 { padding-left: 20px; }

.pt20 { padding-top: 20px; }

.pr20 { padding-right: 20px; }

.pb20 { padding-bottom: 20px; }



.p30 { padding: 30px; }

.pl30 { padding-left: 30px; }

.pt30 { padding-top: 30px; }

.pr30 { padding-right: 30px; }

.pb30 { padding-bottom: 30px; }



/* vertical-align */

.vm { vertical-align: middle; }

.vtb { vertical-align: text-bottom; }

.vb { vertical-align: bottom; }

.vt { vertical-align: top; }

.vn { vertical-align: -2px; }



.bgnone{background:none !important;}

.bnone{border:none !important;}

/*========================================= 头部 =====================================*/
header{width:100%;height:65px;background: rgba(0, 0, 0, 0.2);position: fixed;top: 0;left: 0;z-index: 9999;padding: 10px 0;transition: all 0.4s;}
nav{overflow: hidden;}
.logo{}
.logo i{color: #fff;background-color: #F7B10A;padding: 0 7px;font-style: normal;border-radius: 10px;margin-left: 5px}
.logo2{display: none}
.logo2 i{color: #fff;background-color: #ff6d00;padding: 0 7px;font-style: normal;border-radius: 10px;margin-left: 5px}
.nav{line-height: 45px;}
.nav ul li{float: left;text-align: center;margin-left: 35px;transition: transform 0.4s;}
.nav ul li a{color: #fff}
.nav ul li:hover{border-bottom: 2px solid #ff6d00;transform: translate(0, -2px);}
.nav ul li:hover a{color: #ff6d00!important;}
.nav .tel{font-size: 22px;color: #ff6d00;line-height: 45px;background: url("../img/tel.png") no-repeat left;padding-left: 40px;margin-left: 35px;display: none}
.menu{display: none}
.meuns{display: none}
.meuns{width: 100%;background-color: #fafafa;position: fixed;top: 54px;left: 0;z-index: 9999}
.meuns ul li{text-align: center;border-bottom: 1px solid #f2f2f2;line-height: 40px;}

header.on{background-color: #fff;box-shadow: rgb(102, 102, 102) 0px 0px 8px;}
header.on .nav ul li a{color: #333}


.db{display: block}
.auto{margin-left: auto;margin-right: auto}

.service-main .section {
    min-height: 500px;
    position: relative;
    display: block;
}

.service-main .service-bg {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    animation: bg-round 8s infinite linear;
    -moz-animation: bg-round 8s infinite linear; /* Firefox */
    -webkit-animation: bg-round 8s infinite linear; /* Safari and Chrome */
    -o-animation: bg-round 8s infinite linear; /* Opera */
}

.color-blue .service-bg {
    background: -webkit-linear-gradient(left, #1d95ed, #24a7ec, #3ce0ea);/* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right, #1d95ed, #24a7ec, #3ce0ea);/* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right, #1d95ed, #24a7ec, #3ce0ea);/* Firefox 3.6 - 15 */
    background: linear-gradient(to right, #1d95ed, #24a7ec, #3ce0ea);/* 标准的语法 */
}

.color-orange .service-bg {
    background: -webkit-linear-gradient(left, #f57239, #f68d40, #f9d556);
    background: -o-linear-gradient(right, #f57239, #f68d40, #f9d556);
    background: -moz-linear-gradient(right, #f57239, #f68d40, #f9d556);
    background: linear-gradient(to right, #f57239, #f68d40, #f9d556);
}

.color-green .service-bg {
    background: -webkit-linear-gradient(left, #29bd90, #4bc581, #9ed95b);
    background: -o-linear-gradient(right, #29bd90, #4bc581, #9ed95b);
    background: -moz-linear-gradient(right, #29bd90, #4bc581, #9ed95b);
    background: linear-gradient(to right, #29bd90, #4bc581, #9ed95b);
}

.color-purple .service-bg {
    background: -webkit-linear-gradient(left, #5c35dc, #7a4ae4, #cf86fa);
    background: -o-linear-gradient(right, #5c35dc, #7a4ae4, #cf86fa);
    background: -moz-linear-gradient(right, #5c35dc, #7a4ae4, #cf86fa);
    background: linear-gradient(to right, #5c35dc, #7a4ae4, #cf86fa);
}

.color-red .service-bg {
    background: -webkit-linear-gradient(left, #ed4c4c, #ee505d, #f25e98);
    background: -o-linear-gradient(right, #ed4c4c, #ee505d, #f25e98);
    background: -moz-linear-gradient(right, #ed4c4c, #ee505d, #f25e98);
    background: linear-gradient(to right, #ed4c4c, #ee505d, #f25e98);
}

.service-zi {
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    bottom: 0;
    z-index: 2;
}

.service-down {
    position: fixed;
    left: 50%;
    margin-left: -32px;
    bottom: 20px;
    width: 64px;
    font-size: 16px;
    color: #fff;
    z-index: 9999;
    cursor: pointer;
}

.service-down .bdo-01 {
    line-height: 16px;
    margin-bottom: 12px;
}

.service-down .span-icon .span-01 {
    width: 20px;
    height: 10px;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}

.service-down .span-icon .mg1 {
    background-image: url('../images/down-01.png');
    animation: tel_line ease-out 1s 0.2s infinite;
}

.service-down .span-icon .mg2 {
    background-image: url('../images/down-02.png');
    animation: tel_line ease-out 1s 0.4s infinite;
}

.service-down .span-icon .mg3 {
    background-image: url('../images/down-03.png');
    animation: tel_line ease-out 1s 0.6s infinite;
}

.service-down.black {
    color: #000;
}

.service-down.black .span-icon .mg1 {
    background-image: url('../images/down-011.png');
}

.service-down.black .span-icon .mg2 {
    background-image: url('../images/down-022.png');
}

.service-down.black .span-icon .mg3 {
    background-image: url('../images/down-033.png');
}

.service-cont {

    /*position: relative;*/



    position: absolute;
    left: 0;
    top: 75px;
    right: 0;
    bottom: 0;
    z-index: 5;    /*padding-top: 75px;*/
}

.service-cont table,
.service-cont table td {
    width: 100%;
    height: 100%;
    vertical-align: middle;
}

.service-word-abs {
    position: absolute;
    left: 8.3%;
    top: 0;
    bottom: 0;
    width: 31.77%;
}

.service-word {

    /*    float: left;



                                width: 40%;*/



    color: #fff;
}

.service-word .b-title {
    font-size: 50px;
    line-height: 50px;
    padding-bottom: 37px;
    border-bottom: 1px solid #fff;
}

.service-word .span-title {
    font-size: 20px;
    line-height: 34px;
    margin-top: 32px;
}

.service-word .span-des {
    font-size: 16px;
    line-height: 30px;
    margin-top: 16px;
}

.service-word .span-01 {
    font-size: 0;
    padding-top: 10px;
}

.service-word .span-01 a {
    display: inline-block;
    font-size: 16px;
    height: 40px;
    min-width: 82px;
    padding-left: 17px;
    padding-right: 17px;
    text-align: center;
    line-height: 38px;
    border: 1px solid #fff;
    border-radius: 40px;
    color: #fff;
    margin-right: 30px;
    margin-top: 22px;
}

.service-word .span-more {
    font-size: 0;
    padding-top: 17px;
}

.service-word .span-more a {
    display: inline-block;
    height: 54px;
    line-height: 52px;
    border: 1px solid #fff;
    border-radius: 10px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    margin-top: 20px;
    margin-right: 20px;
    -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;
}

.service-word .span-more .a1 {
    width: 200px;
}

.service-word .span-more .a2 {
    width: 240px;
}

.service-img-abs {
    position: absolute;
    right: 8.3%;
    bottom: 0;
    top: 0;
    width: 47.5%;
}

.service-img-tu img {
    width: 100%;
}

.service-main .section:nth-child(2n) .service-word-abs {
    left: auto;
    right: 8.3%;
}

.service-main .section:nth-child(2n) .service-img-abs {
    right: auto;
    left: 8.3%;
}

.service-img-tu .mg1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

/* 第一屏 */
.service-img-tu .mg-lights {
    width: 7.456%;
    left: 34.98%;
}

.service-img-tu .mg-ball1s {
    width: 7%;
    left: 13.377%;
    top: 18.266%;
}

.service-img-tu .mg-ball2s {
    width: 5%;
    left: 52%;
    top: 0;
}

.service-img-tu .mg-lights {
    animation: flash 1s ease 0s infinite;
}

.service-img-tu .mg-ball1s {
    animation: ball linear 5s infinite;
}

.service-img-tu .mg-ball2s {
    animation: ball linear 7s infinite;
}

/* 第二屏 */
.service-list-01 {
    margin-top: 12px;
}

.service-list-01 li {
    padding: 13px 0 13px 15px;
    font-size: 16px;
    color: #fff;
    line-height: 26px;
    background: url('../img/bg-01.jpg') left center no-repeat;
}

.service-img-tu .mg-cumputer {
    width: 40.24%;
    left: 22.7%;
}

.service-img-tu .mg-message {
    width: 22.37%;
    top: 3%;
}

.service-img-tu .mg-cloud {
    width: 13.267%;
    top: 7.25%;
    left: 67.43%;
}

.service-img-tu .i-wifi {
    position: absolute;
    width: 9.32%;
    left: 51.53%;
    top: 5.75%;
    animation: wifi linear 4s infinite;
}

.service-img-tu .i-wifi img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}

.service-img-tu .i-wifi .mg-wifi1 {
    animation: tel_line ease-out 2s 0.2s infinite;
}

.service-img-tu .i-wifi .mg-wifi2 {
    animation: tel_line ease-out 2s 0.4s infinite;
}

.service-img-tu .i-wifi .mg-wifi3 {
    animation: tel_line ease-out 2s 0.6s infinite;
}

/* 第三屏 */
.service-list-02 {
    padding-top: 15px;
}

.service-list-02 li {
    padding-left: 80px;
    line-height: 34px;
    font-size: 16px;
    margin-top: 16px;
}

.service-list-02 li .span-tit {
    float: left;
    margin-left: -80px;
    height: 34px;
    line-height: 32px;
    border: 1px solid #fff;
    border-radius: 5px 0 0 5px;
    padding: 0 4px;
}

.service-img-tu .mg-light2 {
    width: 37%;
    left: 57.5%;
    animation: flash 1s ease 0s infinite;
}

/* 第四屏 */
.service-img-tu .mg-fk1 {
    width: 3.728%;
    left: 30.48%;
    top: 14.05%;
}

.service-img-tu .mg-fk2 {
    width: 5.92%;
    left: 10.964%;
    top: 26.61%;
}

.service-img-tu .mg-fk3 {
    width: 7.895%;
    left: 44.188%;
    top: 64.132%;
}

.service-img-tu .mg-dz {
    width: 11.732%;
    left: 54%;
    top: 67.438%;
}

.service-img-tu .mg-fk1 {
    animation: wifi 4s linear 0s infinite;
}

.service-img-tu .mg-fk2 {
    animation: wifi 5s linear 0s infinite;
}

.service-img-tu .mg-fk3 {
    animation: wifi 3s linear 0s infinite;
}

.service-img-tu .mg-dz {
    animation: wifi 7s linear 0s infinite;
}

/* 第五屏 */
.service-word .div-01 {
    font-size: 0;
    margin-top: 44px;
}

.service-word .div-01 .a1 {
    display: inline-block;
    margin-right: 30px;
    width: 110px;
    height: 100px;
    padding-top: 35px;
    text-align: center;
    border: 1px solid #fff;
    border-radius: 7px;
    font-size: 16px;
    line-height: 16px;
    color: #fff;
    -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;
}

.service-word .div-01 .a1 .span-icon {
    display: block;
    width: 30px;
    height: 6px;
    margin: 20px auto 0;
    background-image: url('../img/icon-01.png');
    background-repeat: no-repeat;
    background-position: center;
    -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;
    transform: translateX(0);
}

.service-word .div-01 .a1:hover {
    background-color: #fff;
    color: #ee5264;
}

.service-word .div-01 .a1:hover .span-icon {
    transform: translateX(20px);
    background-image: url('../img/icon-01h.png');
}

.service-img-tu .i-message {
    position: absolute;
    left: 66.45%;
    top: 10.9%;
    width: 9%;
}

.service-img-tu .i-message img {
    position: absolute;
    left: 0;
    top: 0;
}

.service-img-tu .i-message .mg-mesd1 {
    animation: tel_line ease-out 2s 0.4s infinite;
}

.service-img-tu .i-message .mg-mesd2 {
    animation: tel_line ease-out 2s 0.8s infinite;
}

.service-img-tu .i-message .mg-mesd3 {
    animation: tel_line ease-out 2s 1.2s infinite;
}

.active.section .service-img-tu .i-message {
    animation: wifi 10s linear 0s infinite;
}

/* 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;
}

@media screen and (max-width: 1200px) {
    .nav .tel{display: none!important;}
}
@media screen and (max-width: 768px) {
    header{background: #fff;height: inherit}
    .logo{display: none}
    .logo2{display: block}
    .logo img{width: 130px}
    .logo2 img{width: 130px}
    .top{display: none}
    .nav{display: none}
    .menu{display: block;margin-top: 3px}
    .menu img{width: 28px}
    .fmb60{margin-bottom: 60px}
    .foot{bottom: 0; left: 0; right: 0; position: fixed;height: 60px;background: #3567BC;overflow: hidden;z-index: 999}
    .foot ul{ display: flex;justify-content: space-around; padding-top: 10px}
    .foot ul li img{margin-bottom: 5px; width: 20px;}
    .foot ul li a{color: #fff}
}