@charset "utf-8";

html {
    height: 100%
}

body {
    min-height: 100%
}

blockquote,
body,
button,
code,
dd,
div,
dl,
dt,
fieldset,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
iframe,
input,
legend,
li,
ol,
p,
pre,
select,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0
}

li {
    list-style-type: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: 100%;
    font-weight: 400
}

fieldset,
frame,
iframe,
img {
    border: 0 none
}

img {
    vertical-align: top
}

input[type=button],
input[type=reset],
input[type=submit] {
    cursor: pointer
}

button {
    cursor: pointer
}

button,
input,
textarea {
    -webkit-border-radius: 0;
    -webkit-appearance: none
}

input[type=radio] {
    -webkit-border-radius: 100%;
    -webkit-appearance: radio
}

input[type=checkbox] {
    -webkit-appearance: checkbox
}

input[type=search] {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -ms-box-sizing: content-box;
    -o-box-sizing: content-box;
    box-sizing: content-box
}

textarea {
    overflow: auto;
    resize: none
}

blockquote,
q {
    quotes: none
}

blockquote:after,
blockquote:before,
q:after,
q:before {
    content: "";
    content: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,
th {
    text-align: left
}

th {
    font-weight: 400
}

address,
cite,
em,
i {
    font-style: normal
}

sup {
    vertical-align: text-top
}

sub {
    vertical-align: text-bottom
}

body,
button,
input,
select,
textarea {
    font-size: 12px;
    font-family: arial, "Microsoft Yahei", "\5b8b\4f53"
}

body {
    line-height: 1.5
}

a,
a:active,
a:link,
a:visited {
    text-decoration: none;
    color: #222
}

a:hover {
    color: #ee7f00
}

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

:focus {
    outline: 0
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
    opacity: .5
}

input:-moz-placeholder,
textarea:-moz-placeholder {
    opacity: .5
}

input::-moz-placeholder,
textarea::-moz-placeholder {
    opacity: .5
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
    opacity: .5
}

.cf:before,
.clearfix:before,
.fixed:before,
.footer:before,
.header:before,
.main:before,
body:before {
    content: '';
    display: table
}

.cf:after,
.clearfix:after,
.fixed:after,
.footer:after,
.header:after,
.main:after,
.after {
    content: '';
    display: table;
    clear: both
}

.cl,
.clear {
    display: block !important;
    float: none !important;
    clear: both;
    width: auto !important;
    max-width: none !important;
    min-width: 0 !important;
    max-height: none !important;
    min-height: 0 !important;
    overflow: hidden;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 none !important;
    font-size: 0 !important;
    line-height: 0 !important
}

.loading-shutter {
    position: fixed;
    left: 0;
    width: 100%;
    height: 50%;
    background-color: #fff;
    z-index: 99999999999990;
    -webkit-transition: -webkit-transform .5s ease;
    transition: -webkit-transform .5s ease;
    transition: transform .5s ease;
    transition: transform .5s ease, -webkit-transform .5s ease
}

.loading-shutter-top {
    top: 0;
    -webkit-transform-origin: top;
    -ms-transform-origin: top;
    transform-origin: top;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.loading-shutter-bottom {
    bottom: 0;
    -webkit-transform-origin: bottom;
    -ms-transform-origin: bottom;
    transform-origin: bottom;
    -webkit-transform: scaleY(1);
    -ms-transform: scaleY(1);
    transform: scaleY(1);
    opacity: 1
}

.loading-shutter-wrapper.is-show .loading-shutter {
    -webkit-transition: -webkit-transform .75s ease;
    transition: -webkit-transform .75s ease;
    transition: transform .75s ease;
    transition: transform .75s ease, -webkit-transform .75s ease
}

.loading-shutter-wrapper.is-show .loading-shutter-top {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.loading-shutter-wrapper.is-show .loading-shutter-bottom {
    -webkit-transform: scaleY(0);
    -ms-transform: scaleY(0);
    transform: scaleY(0)
}

.loading-bar {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 4px;
    background: #006fcb;
    z-index: 99999999999991;
    -webkit-transition: -webkit-transform .3s ease;
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease;
    -webkit-transform: scaleX(0);
    -ms-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: 0;
    -ms-transform-origin: 0;
    transform-origin: 0
}

.loading-bar.is-complete {
    -webkit-transition: -webkit-transform .3s ease .3s;
    transition: -webkit-transform .3s ease .3s;
    transition: transform .3s ease .3s;
    transition: transform .3s ease .3s, -webkit-transform .3s ease .3s;
    -webkit-transform-origin: 100% 0;
    -ms-transform-origin: 100% 0;
    transform-origin: 100% 0
}

.loading-shutter-logo {
    width: 400px;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    z-index: 99999999999991;
    background: url(../images/logosh.png) center center no-repeat;
    background-size: contain;
    -webkit-transition: -webkit-transform .3s ease-out;
    transition: -webkit-transform .3s ease-out;
    transition: transform .3s ease-out;
    transition: transform .3s ease-out, -webkit-transform .3s ease-out;
    -webkit-transform: scale(0, 0);
    -ms-transform: scale(0, 0);
    transform: scale(0, 0)
}

.loading-shutter-logo.is-complete {
    -webkit-transition: -webkit-transform .2s ease-in-out .15s;
    transition: -webkit-transform .2s ease-in-out .15s;
    transition: transform .2s ease-in-out .15s;
    transition: transform .2s ease-in-out .15s, -webkit-transform .2s ease-in-out .15s
}

.auto-img {
    position: relative;
    overflow: hidden;
    display: block
}

.auto-img img {
    position: relative
}

.auto-bg {
    background-repeat: no-repeat;
    overflow: hidden;
    position: relative;
    background-position: center;
    background-size: cover;
    -ms-behavior: url(backgroundsize.min.htc);
    behavior: url(backgroundsize.min.htc)
}

.tran_scale {
    overflow: hidden;
    display: block
}

.tran_scale img {
    transition: .3s all;
    -webkit-transition: .3s all
}

.tran_scale:hover img {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}

.ellipsis {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.select-box {
    position: relative;
    z-index: 100;
    border-radius: 1px;
    line-height: 30px;
    height: 30px;
    color: #000
}

.select-box:hover {
    z-index: 101
}

.select-box dt {
    margin-right: 1px;
    padding: 0 5px;
    cursor: pointer
}

.select-box dt span {
    position: absolute;
    left: 5px;
    top: 0
}

.select-box dt b {
    font-weight: 400;
    display: block;
    margin-right: 7px;
    line-height: 23px;
    position: relative;
    top: 4px;
    color: #666;
    white-space: normal;
    overflow: hidden
}

.select-box.open dt i.ico {
    -moz-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    -o-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.select-box.open dd {
    display: block
}

.select-box dd {
    position: absolute;
    border: 1px solid #ddd;
    max-height: 200px;
    z-index: 102;
    overflow-y: auto;
    background: #fff;
    padding: 0 0;
    overflow-x: hidden;
    right: -1px;
    left: -1px;
    top: 100%;
    display: none
}

.select-box dd a {
    display: block;
    line-height: 2;
    color: #666;
    font-weight: 400;
    white-space: normal;
    padding: 0 5px;
    margin-top: 0
}

.select-box dd a:hover,
.select_0 dd a.on {
    color: #000;
    background: #ddd
}

.section .w,
.wrap {
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.bak-mask {
    position: absolute;
    width: 860px;
    height: 500px;
    left: 50%;
    top: 30%;
    margin: -135px 0 0 -460px;
    z-index: 2
}

.bak-mask img {
    width: 100%;
    height: auto;
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    opacity: 0;
    visibility: hidden;
    transform: scale(.5, .5);
    -webki-transform: scale(.5, .5);
    position: absolute;
    left: 0;
    top: 0
}

.bak-mask.aa0 img.a1 {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
    -webki-transform: scale(1, 1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.bak-mask.aa1 img.a2 {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
    -webki-transform: scale(1, 1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.bak-mask.aa2 img.a3 {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
    -webki-transform: scale(1, 1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.bak-mask.aa3 img.a4 {
    opacity: 1;
    visibility: visible;
    transform: scale(1, 1);
    -webki-transform: scale(1, 1);
    transition-delay: .5s;
    -webkit-transition-delay: .5s
}

.top-banner {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.top-banner li {
    width: 100%;
    height: 100%;
    display: block
}

.top-banner li a {
    width: 100%;
    height: 100%;
    display: block;
    z-index: 99999;
    position: relative
}

.nfl {
    width: 37px;
    height: 24px;
    position: fixed;
    right: 0;
    margin: 0 16px 0 0;
    top: 12px;
    z-index: 9999;
    display: none
}

.nfl img {
    width: 36px;
    height: 26px
}

.menu-open .menu {
    display: block
}

.menu {
    width: 90px;
    position: absolute;
    right: 0;
    top: 36px;
    z-index: 999999;
    display: none
}

.menu i {
    display: block;
    width: 0;
    height: 0;
    border: solid 9px;
    border-color: transparent transparent rgba(255, 255, 255, 1);
    position: absolute;
    top: -18px;
    right: 8px;
    margin-left: -9px
}

.menu ul {
    padding: 5px 0;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    background: #fff;
    box-shadow: 0 1px 3px #666
}

.menu ul li {
    line-height: 30px;
    color: #333;
    font-size: 14px;
    text-align: center
}

.menu ul li a {
    color: #333;
    font-size: 14px;
    display: block
}

.menu ul li a:hover {
    color: #fff;
    background: #8e0102
}

.fp-viewing-page2 .header,
.fp-viewing-page3 .header,
.fp-viewing-page4 .header,
.fp-viewing-page5 .header,
.fp-viewing-page6 .header,
.fp-viewing-page7 .header,
.fp-viewing-page8 .header,
.fp-viewing-page9 .header {
    background: rgba(0, 0, 0, .5);
    transition: .5s all;
    -webkit-transition: .5s all
}

.fp-viewing-page2 .header .w,
.fp-viewing-page3 .header .w,
.fp-viewing-page4 .header .w,
.fp-viewing-page5 .header .w,
.fp-viewing-page6 .header .w,
.fp-viewing-page7 .header .w,
.fp-viewing-page8 .header .w,
.fp-viewing-page9 .header .w {
    padding-top: 0;
    transition: .5s all;
    -webkit-transition: .5s all
}

.fp-viewing-page2 .nfl,
.fp-viewing-page3 .nfl,
.fp-viewing-page4 .nfl,
.fp-viewing-page5 .nfl,
.fp-viewing-page6 .nfl,
.fp-viewing-page7 .nfl,
.fp-viewing-page8 .nfl,
.fp-viewing-page9 .nfl {
    top: 0
}

.fp-viewing-page2 .mobile-nav,
.fp-viewing-page3 .mobile-nav,
.fp-viewing-page4 .mobile-nav,
.fp-viewing-page5 .mobile-nav,
.fp-viewing-page6 .mobile-nav,
.fp-viewing-page7 .mobile-nav,
.fp-viewing-page8 .mobile-nav,
.fp-viewing-page9 .mobile-nav {
    top: 47px
}

.fp-viewing-page2 .header .w .logo img,
.fp-viewing-page3 .header .w .logo img,
.fp-viewing-page4 .header .w .logo img,
.fp-viewing-page9 .header .w .logo img {
    height: auto;
    transition: .5s all;
    -webkit-transition: .5s all
}

.fp-viewing-page2 .header .w .nav,
.fp-viewing-page3 .header .w .nav,
.fp-viewing-page4 .header .w .nav,
.fp-viewing-page9 .header .w .nav {
    margin-top: 0;
    transition: .5s all;
    -webkit-transition: .5s all
}

.header {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: auto;
    z-index: 100;
    background: rgba(0, 0, 0, .5)
}

.header .w {
    padding-top: 0;
    max-width: 1160px;
    margin: 0 auto;
    position: relative;
    z-index: 3
}

.header .w .logo {
    padding: 20px 10px;
    float: left;
    margin-top: 0;
    background: #8e0102;
    padding-right: 5px;
}

.header .w .nav {
    float: right;
    margin-top: 0
}

.header .w .nav li {
    float: left;
    line-height: 65px
}

.header .w .nav ul li:before {
    content: "";
    color: red;
    width: 1px;
    height: 40px;
    float: right;
    background: url(../images/shu.png) top center no-repeat;
    margin-top: 30px
}

.header .w .nav .nav_w:before {
    background: 0 0
}

.header .w .nav li a {
    cursor: pointer;
    display: block;
    text-align: center;
    margin: 0 20px;
    padding: 0 10px;
    font-size: 16px;
    color: #fff
}

.header .w .nav li a i {
    display: block;
    height: 30px;
    text-align: center
}

.header .w .nav li.active a,
.header .w .nav li:hover a {
    color: #ff0002
}

.section .w>h2 {
    padding-top: 100px;
    text-align: center;
    font-size: 30px;
    color: #000
}

.section .w>h3 {
    text-align: center;
    margin-bottom: 60px;
    color: #8e0102;
    font-size: 20px
}

.section2 .sec2 li {
    float: left;
    width: 25%
}

.section2 .sec2 li .w-wrap {
    margin: 0 30px
}

.section2 .sec2 li .sec21 {
    position: relative;
    padding: 0 20px 30px;
    top: -30px;
    transition: .5s all;
    -webkit-transition: .5s all
}

.section2 .sec2 li .sec21 .u {
    position: relative
}

.section2 .sec2 li .sec21 img {
    width: 100%;
    height: auto;
    position: relative;
    transition: .5s all;
    -webkit-transition: .5s all;
    z-index: 2;
    opacity: 0;
    visibility: hidden
}

.section2 .sec2 li .sec21 img:first-child {
    position: absolute;
    z-index: 1;
    opacity: 1;
    visibility: visible
}

.section2 .sec2 li .sec22 {
    text-align: center;
    color: #000;
    position: relative;
    padding-bottom: 20px
}

.section2 .sec2 li .sec22 span {
    font-size: 16px;
    position: relative;
    z-index: 2;
    display: block;
    margin-bottom: 10px;
    font-weight: 600
}

.section2 .sec2 li .sec22 p {
    font-size: 14px;
    height: 4.5em;
    opacity: 0;
    visibility: hidden;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: relative;
    z-index: 2
}

.section2 .sec2 li .sec22 .bottom {
    transition: .5s all;
    -webkit-transition: .5s all;
    background: #8e0102;
    width: 100%;
    position: absolute;
    top: 95%;
    bottom: 0;
    left: 0;
    z-index: 1
}

.section2 .sec2 li .w-wrap:hover .sec21 {
    background: #fff;
    top: 0
}

.section2 .sec2 li .w-wrap:hover .sec21 img {
    opacity: 1;
    visibility: visible
}

.section2 .sec2 li .w-wrap:hover .sec21 img:first-child {
    opacity: 0;
    visibility: hidden
}

.section2 .sec2 li .w-wrap:hover .sec22 {
    color: #fff
}

.section2 .sec2 li .w-wrap:hover .sec22 p {
    opacity: 1;
    visibility: visible;
    transition-delay: .2s;
    -webkit-transition-delay: .2s
}

.section2 .sec2 li .w-wrap:hover .sec22 .bottom {
    background: #8e0102;
    bottom: 0;
    top: -10px
}

.section3 .w>h3 {
    margin-bottom: 40px
}

.section3 .sec3 li {
    float: left;
    width: 100%;
    height: 265px;
    margin-bottom: 0px
}

.section3 .sec3 li .w-wrap {
    margin: 0 19px
}

.section3 .sec3 .m {
    position: relative;
    overflow: hidden
}

.section3 .sec3 .m a {
    display: block
}

.section3 .sec3 .m span {
    text-align: center;
    color: #fff;
    transition: .5s all;
    -webkit-transition: .5s all;
    position: absolute;
    background: rgba(56, 1, 1, 0.8);
    bottom: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.section3 .sec3 .m span img {
    width: 120px;
    padding-top: 40px;
}

.section3 .sec3 .m span p {
    padding-top: 5px;
    font-size: 14px;
}


.section3 .sec3 .m img {
    width: 100%;
    height: auto;
}

.section3 .sec3 .m .zcz-mover-img {
    height: 230px
}

.section3 .sec3 .p {
    padding: 5px;
    line-height: 35px;
    overflow: hidden;
    position: relative
}

.section3 .sec3 .p a {
    display: block;
    position: relative;
    z-index: 2
}

.section3 .sec3 .p span {
    display: block;
    font-size: 16px;
    color: #fff;
    text-align: center
}

.section3 .sec3 .p p {
    display: block;
    color: #000
}

.section3 .sec3 .p .secc31 {
    transition: .3s all;
    -webkit-transition: .3s all;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #8e0102;
    left: 0;
    top: 100%
}

.section3 .sec3 .w-wrap:hover .m span {
    bottom: 0
}

.section3 .sec3 .w-wrap:hover .p .secc31 {
    bottom: 0
}

.section .more {
    text-align: center;
    font-size: 18px
}

.section .more a {
    width: 160px;
    height: 42px;
    background: #8e0102;
    color: #fff;
    line-height: 42px;
    text-align: center;
    display: inline-block;
    border-radius: 25px;
    transition: all 1s;
    -webkit-transition: all 1s
}

.section .more a:hover {
    width: 200px
}

.section4 .w>h3 {
    margin-bottom: 30px
}

.what {
    width: 100%;
    height: 560px;
    display: block
}

.what dl {
    float: left;
    width: 80%;
    text-align: center;
    position: relative;
    z-index: 3;
    margin: 0 3%;
    padding-top: 35px
}

.what dt {
    width: 100%;
    height: 164px;
    position: relative;
    z-index: 3;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s;
    transition-delay: .3s
}

.what dl dd.st {
    width: 100%;
    height: 30px;
    color: #fff;
    font-size: 16px;
    line-height: 30px;
    position: relative;
    z-index: 3;
    transition-delay: .3s;
    font-weight: 700
}

.what dl dd.st:after {
    content: "";
    width: 26px;
    height: 3px;
    background: #fff;
    display: block;
    margin: 10px auto;
    border-radius: 10px
}

.what dd.spec {
    width: 82%;
    height: 125px;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    z-index: 3;
    transition-delay: .2s;
    padding-top: 44px;
    margin: 0 auto
}

.what dd.spec_news {
    width: 82%;
    color: #fff;
    font-size: 15px;
    line-height: 24px;
    z-index: 3;
    transition-delay: .2s;
    padding-top: 4px;
    margin: 0 auto
}

dl.s_1 dd.sx {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 30px
}

dl.s_1 dd.sx_news {
    width: 100%;
    height: 50px;
    color: #fff;
    font-size: 20px;
    margin-top: 44px;

}

dl.s_1 dd.bg {
    width: 100%;
    height: 0;
    background-color: #8e0102;
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 0;
    transition: all .5s;
    -moz-transition: all .5s;
    -webkit-transition: all .5s;
    -o-transition: all .5s
}

.what dl:hover dd.st {
    color: #fff
}

.what dl:hover dd.spec {
    color: #fff
}
.what dl:hover dd.spec_news {
    color: #fff
}
.what dl dt.tw_1 {
    display: inline-block;
    width: 138px;
    height: 130px;
    background: url(../images/yw1.png) no-repeat 0 0
}

.what dl dt.tw_2 {
    display: inline-block;
    width: 138px;
    height: 130px;
    background: url(../images/yw2.png) no-repeat 0 0
}

.what dl dt.tw_3 {
    display: inline-block;
    width: 138px;
    height: 130px;
    background: url(../images/yw3.png) no-repeat 0 0
}

.wPhone {
    width: 90%;
    margin: 0 auto;
    display: none
}

.wPhone dl {
    position: relative;
    margin-top: 10px;
    background: #8e0102
}

.wPhone dl dt {
    width: 50px;
    height: 50px;
    float: left;
    padding: 5px 10px;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0
}

.wPhone dl dt img {
    width: 50px;
    height: auto;
    float: left
}

.wPhone dl dd {
    height: 60px;
    padding-left: 70px;
    font-size: 18px;
    line-height: 60px;
    text-align: center;
    color: #fff;
    font-weight: 600
}

.video-auto-box {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.section5 .w>h2 {
    margin-bottom: 40px
}

.sec5 {
    overflow: hidden;
    position: relative;
    height: 550px;
    text-align: center
}

.sec5>* {
    position: relative;
    z-index: 2
}

.sec5 b {
    font-size: 48px;
    color: #30aedf;
    padding: 150px 0 0 0;
    display: block
}

.sec5 span {
    font-size: 30px;
    display: block;
    color: #000;
    margin-bottom: 100px
}

.sec5 p {
    font-size: 22px;
    color: #fffefe;
    display: block;
    line-height: 36px;
    z-index: 9
}

.sec5 img {
    width: 550px;
    height: 550px;
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 0;
    margin-left: -275px
}

.obj-list li {
    float: left;
    width: 16.6%;
    position: relative;
    height: 300px
}

.obj-list li .w-wrap {
    margin: 0 20px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.obj-list li span {
    display: block;
    color: #fff;
    padding: 5px 10px;
    margin: 0 2px 3px;
    font-size: 14px;
    transition: .3s all;
    -webkit-transition: .3s all
}

.obj-list li span:hover {
    transform: scale(1.1, 1.1);
    -webkit-transform: scale(1.1, 1.1)
}

.obj-list li span.last {
    padding: 10px 10px 40px;
    text-align: center;
    margin: 0 0 3px
}

.obj-list li span.last:hover {
    transform: none;
    -webkit-transform: none
}

.backtop {
    display: block
}

.team-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 54%
}

.sh-team2 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.sh-team li {
    float: left;
    width: 16.6%;
    overflow: hidden;
    position: relative;
    z-index: 1
}

.sh-team li a {
    display: block
}

.sh-team li img {
    transition: .3s all;
    -webkit-transition: .3s all;
    position: relative;
    z-index: 2;
    max-width: 100%;
    max-height: 100%;
    display: block
}

.sh-team li div {
    transition: .7s all;
    -webkit-transition: .7s all;
    position: absolute;
    width: 200%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1;
    background: #8e0102;
    opacity: 0;
    filter: alpha(opacity=0)
}

.sh-team li div p {
    display: block;
    margin: 10px 10px 10px 20px;
    color: #000;
    font-weight: 700;
    font-size: 16px
}

.sh-team li div b {
    display: block;
    margin: 10px 10px 1em 20px;
    color: #fff;
    font-weight: 700;
    font-size: 20px
}

.sh-team li div span {
    display: block;
    margin: 10px 10px 10px 20px;
    font-size: 16px;
    color: #fff
}

.sh-team li.odd div {
    right: 0;
    left: auto
}

.sh-team li.odd:hover div {
    right: 100%;
    left: auto
}

.sh-team li:hover {
    z-index: 5;
    overflow: visible;
    transition-delay: 0s !important;
    transition: none !important;
    -webkit-transition: none !important
}

.sh-team li:hover img {
    transform: scale(1.08, 1.08);
    -webkit-transform: scale(1.08, 1.08);
    border-radius: 2px;
    box-shadow: 0 0 4px #999
}

.sh-team li:hover div {
    left: 100%;
    opacity: 1;
    filter: alpha(opacity=100)
}

.section9 .w {
    padding: 100px 0 0 0
}

.sec91 {
    float: left;
    height: auto;
    margin-top: 150px;
    margin-right: 40px;
    overflow: hidden;
    display: block
}

.sec91 img {
    display: block
}

.sec91 span {
    float: right;
    width: 115px;
    height: 115px;
    margin-top: 30px;
    display: block;
    margin-right: 18px
}

.sec92 {
    width: 38%;
    display: block;
    background: url(../images/a2_4.png) top no-repeat;
    background-size: 100% 100%;
    margin-top: 20rem;
    overflow: hidden;
    height: 324px;
    padding-left: 40px;
    float: right;
    padding-top: 46px
}

.sec921 {
    width: 100%;
    height: 256px;
    overflow: auto
}

.lxwm92 {
    display: block;
    background-size: 100% 100%;
    margin-top: 15rem;
    overflow: hidden;
    height: 100%;
    padding-left: 40px;
    float: right
}

.lxwm92 p {
    font-size: 18px;
    color: #fff
}

.lxwm92 .lx_red {
    color: #ff0002;
    margin-top: 30px;
    font-weight: 700
}

.sec921::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.sec921::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #fff
}

.sec921::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent
}

/*.sec921 span{font-size:30px;line-height:50px;color:#000}*/
.sec921 p {
    font-size: 18px;
    color: #fff;
    line-height: 34px;
    padding-right: 25px
}

.sec921 p b {
    font-size: 36px;
    color: #8e0102;
    font-weight: 400
}

.sec663 {
    width: 50%;
    height: 50px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    background: rgba(142, 1, 2, .6)
}

.sec663 a {
    color: #fff;
    width: 108px;
    line-height: 30px;
    display: block;
    font-size: 18px;
    margin: 0 auto;
    padding-top: 10px
}

.sec663 a i {
    display: block;
    float: right;
    padding-top: 2px
}

.sec922 {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    font-size: 14px;
    color: #6a6a6a;
    line-height: 34px;
    overflow: hidden;
    border-top: 1px solid #ddd
}

.sec922 b {
    color: #8e0102;
    font-weight: 400
}

.sec9220 {
    margin: 20px 0 0 0;
    padding: 20px 0 0 0;
    font-size: 14px;
    color: #6a6a6a;
    line-height: 34px;
    overflow: hidden;
    border-top: 1px solid #ddd;
    display: none
}

.sec9220 b {
    color: #8e0102;
    font-weight: 400
}

/* .body-box {
    overflow: hidden
} */

.section1 .w .logo {
    transition: 1.8s all;
    -webkit-transition: 1.8s all;
    transform: scale(.5, .5);
    -webkit-transform: scale(.5, .5)
}

.active .w .logo {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1)
}

.section1 .w .nav {
    transition: 1.2s all;
    -webkit-transition: 1.2s all;
    transform: translateX(200px);
    -webkit-transform: translateX(200px)
}

.active .w .nav {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.bak-mask {
    transition: 1.8s all;
    -webkit-transition: 1.8s all;
    transform: translateY(100px) scale(.5, .5);
    -webkit-transform: translateY(100px) scale(.5, .5)
}

.active .bak-mask {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.lt10 .bak-mask,
.lt10 .section1 .w .logo,
.lt10 .section1 .w .nav {
    transform: none;
    -webkit-transform: none
}

.section .w>h3 {
    padding-top: 110px;
    text-align: right;
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    transform: scale(.5, .5) translateY(50px);
    -webkit-transform: scale(.5, .5) translateY(50px)
}

.active.section .w>h2 {
    transform: scale(1, 1) translateY(0);
    -webkit-transform: scale(1, 1) translateY(0)
}

.active.section .w>h3 {
    transform: scale(1, 1) translateY(0);
    -webkit-transform: scale(1, 1) translateY(0)
}

.section2 .sec2 li:first-child {
    transition: 2.5s all;
    -webkit-transition: 2.5s all;
    transform: translateX(-250px);
    -webkit-transform: translateX(-250px)
}

.active.section .sec2 li:first-child {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.section2 .sec2 li:first-child+li {
    transition: 1.6s all;
    -webkit-transition: 1.6s all;
    transform: translateX(-150px);
    -webkit-transform: translateX(-150px)
}

.active.section .sec2 li:first-child+li {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.section2 .sec2 li:first-child+li+li {
    transition: 1.6s all;
    -webkit-transition: 1.6s all;
    transform: translateX(150px);
    -webkit-transform: translateX(150px)
}

.active.section .sec2 li:first-child+li+li {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.section2 .sec2 li:first-child+li+li+li {
    transition: 2.5s all;
    -webkit-transition: 2.5s all;
    transform: translateX(250px);
    -webkit-transform: translateX(250px)
}

.active.section .sec2 li:first-child+li+li+li {
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.lt10 .section .w>h2,
.lt10 .section .w>h3,
.lt10 .section2 .sec2 li {
    transform: none !important;
    -webkit-transform: none !important
}

.section3 .sec3 li {
    display: block;
    float: left;
    transition: 1s all;
    transition-delay: 0s;
    -webkit-transition: 1s all;
    opacity: 0;
    transform: translateY(100px);
    -webkit-transform: translateY(100px)
}

.active .sec3 li {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.active .sec3 li:first-child {
    transition-delay: .3s
}

.active .sec3 li:first-child+li {
    transition-delay: .6s
}

.active .sec3 li:first-child+li+li {
    transition-delay: .9s
}

.active .sec3 li:first-child+li+li+li {
    transition-delay: 1.2s
}

.active .sec3 li:first-child+li+li+li+li {
    transition-delay: 1.5s
}

.active .sec3 li:first-child+li+li+li+li+li {
    transition-delay: 1.8s
}

.active .sec3 li:first-child+li+li+li+li+li+li {
    transition-delay: 2.1s
}

.active .sec3 li:first-child+li+li+li+li+li+li+li {
    transition-delay: 2.4s
}

.section .more {
    transition: 2s all;
    -webkit-transition: 2s all;
    transform: translateY(100px);
    -webkit-transform: translateY(100px)
}

.active .more {
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.lt10 .section .more,
.lt10 .section3 .sec3 li {
    transform: none !important;
    -webkit-transform: none !important
}

.section4 .kehu li {
    transition: 2s all;
    -webkit-transition: 2s all;
    opacity: 0;
    transform: translateX(-50px);
    -webkit-transform: translateX(-50px)
}

.section4 .kehu li:nth-child(2n) {
    transform: translateX(50px);
    -webkit-transform: translateX(50px)
}

.zcz-kehu img {
    width: 100%;
}

.active .kehu li,
.active .kehu li:nth-child(2n) {
    opacity: 1;
    transform: translateX(0);
    -webkit-transform: translateX(0)
}

.lt10 .section4 .kehu li {
    transform: none !important;
    -webkit-transform: none !important
}

.sec5 img {
    transition: 2s all;
    -webkit-transition: 2s all;
    transform: scale(.3, .3);
    -webkit-transform: scale(.3, .3)
}

.active .sec5 img {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1)
}

.sec5 b {
    transition: 1s all;
    -webkit-transition: 1s all;
    transform: scale(.3, .3);
    -webkit-transform: scale(.3, .3)
}

.sec5 span {
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    transform: scale(.3, .3);
    -webkit-transform: scale(.3, .3)
}

.active .sec5 b,
.active .sec5 span {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1)
}

.lt10 .sec5 b,
.lt10 .sec5 img,
.lt10 .sec5 span {
    transform: none;
    -webkit-transform: none
}

.obj-list li {
    transition: 1.5s all;
    transition-delay: 0s;
    -webkit-transition: 1.5s all;
    opacity: 0;
    transform: translateY(-100px);
    -webkit-transform: translateY(-100px)
}

.active .obj-list li {
    opacity: 1;
    transform: translateY(0);
    -webkit-transform: translateY(0)
}

.active .obj-list li:first-child {
    transition-delay: .4s
}

.active .obj-list li:first-child+li {
    transition-delay: .8s
}

.active .obj-list li:first-child+li+li {
    transition-delay: 1.2s
}

.active .obj-list li:first-child+li+li+li {
    transition-delay: 1.6s
}

.active .obj-list li:first-child+li+li+li+li {
    transition-delay: 2s
}

.active .obj-list li:first-child+li+li+li+li+li {
    transition-delay: 2.4s
}

.lt10 .obj-list li {
    transform: none !important;
    -webkit-transform: none !important
}

.sh-team li a {
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    opacity: 0;
    transform: scale(.3, .3);
    -webkit-transform: scale(.3, .3)
}

.active .sh-team li a {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1
}

.active .sh-team li:first-child a {
    transition-delay: 1.2s
}

.active .sh-team li:first-child+li a {
    transition-delay: .8s
}

.active .sh-team li:first-child+li+li a {
    transition-delay: .6s
}

.active .sh-team li:first-child+li+li+li a {
    transition-delay: .6s
}

.active .sh-team li:first-child+li+li+li+li a {
    transition-delay: .8s
}

.active .sh-team li:first-child+li+li+li+li+li a {
    transition-delay: 1.2s
}

.active .sh-team li:first-child+li+li+li+li+li+li a {
    transition-delay: .8s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li a {
    transition-delay: .4s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li a {
    transition-delay: .2s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li a {
    transition-delay: .2s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: .4s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: .8s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: 1.2s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: .8s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: .6s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: .6s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: .8s
}

.active .sh-team li:first-child+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li+li a {
    transition-delay: 1.2s
}

.lt10 .sh-team li a {
    transform: none !important;
    -webkit-transform: none !important
}

.sec8 p {
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    opacity: 0;
    transform: scale(.6, .6);
    -webkit-transform: scale(.6, .6)
}

.active .sec8 p {
    transform: scale(1, 1);
    -webkit-transform: scale(1, 1);
    opacity: 1
}

.active .sec8 p:first-child {
    transition-delay: .5s
}

.active .sec8 p:first-child+p {
    transition-delay: 1s
}

.active .sec8 p:first-child+p+p {
    transition-delay: 1.5s
}

.active .sec8 p:first-child+p+p+p {
    transition-delay: 2s
}

.swiper-slide-b {
    width: 47%;
    margin: 0 1.5%;
    height: 377px;
    float: left;
}

.swiper-slide-b a img {
    width: 100%;
    height: 100%;
}

.lt10 .sec8 p {
    transform: none !important;
    -webkit-transform: none !important
}

.sec91 {
    transition: 1.5s all;
    -webkit-transition: 1.5s all;
    opacity: 0;
    transform: translateX(-100px);
    -webkit-transform: translateX(-100px)
}

.active .sec91 {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.sec92 {
    transition: 2s all;
    -webkit-transition: 2s all;
    opacity: 0;
    transform: translateX(200px);
    -webkit-transform: translateX(200px)
}

.active .sec92 {
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1
}

.lt10 .sec91,
.lt10 .sec92 {
    transform: none;
    -webkit-transform: none
}

.h700 .section3 .w>h3 {
    margin-bottom: 30px
}

.h750 .section .w>h2 {
    padding-top: 55px
}

.h750 .sh-team {
    margin: 0 50px
}

.h650 .sec5 b {
    font-size: 36px;
    padding-top: 130px
}

.h650 .sec5 img {
    width: 480px;
    height: 480px;
    margin: 0 0 0 -240px
}

.h650 .sec5 span {
    margin-bottom: 70px
}

.h650 .obj-list li span {
    font-size: 12px
}

.h650 .obj-list li .w-wrap {
    margin: 0 20px
}

.h650 .section4 .kehu {
    margin: 0 50px
}

.h650 .sh-team {
    margin: 0 50px
}

.h650 .section6 .w>h2 {
    margin-bottom: 100px
}

.h650 .sec8 p {
    margin-bottom: 1em
}

.h600 .section .w>h2 {
    padding-top: 30px
}

.h600 .section4 .kehu li {
    margin-bottom: 10px
}

.h600 .sh-team {
    margin: 0 100px
}

.h600 .section9 .w {
    padding-top: 50px
}

.h550 .section .w>h3 {
    margin-bottom: 50px
}

.h550 .section3 .sec3 {
    margin: 0 100px
}

.h550 .section4 .kehu {
    margin: 0 100px
}

.h550 .sh-team {
    margin: 0 150px
}

.h550 .sh-team li div b {
    margin-bottom: 10px
}

.h550 .section .w>h3 {
    margin-bottom: 20px
}

.h550 .sec82 {
    margin-top: 20px
}

.h550 .sec8 {
    font-size: 15px
}

.h550 .sec922 {
    line-height: 24px
}

.other-body {
    background: #eff2f4
}

.fix-body {
    padding-top: 100px
}

.body-box .w-box {
    margin: 0 50px
}

.fix-header {
    background: #fff;
    box-shadow: 0 0 3px #eff2f4;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 10000
}

.fix-header .body-box {
    padding-top: 100px
}

.fix-header .w-box {
    position: relative;
    height: 100px
}

.fix-header .logo {
    float: left;
    width: 250px;
    margin-top: 10px
}

.fix-header .logo img {
    width: 100%;
    height: auto
}

.fix-header p {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -10px
}

.fix-header p a {
    color: #8e0102;
    font-size: 14px
}

.fix-header p a img {
    margin-right: 5px
}

.tit-box {
    font-size: 24px;
    padding: 20px 0;
    color: #fff
}

.kehu-box ul {
    margin: 0 -15px
}

.kehu-box li {
    float: left;
    width: 16.66%;
    margin: 0 0 30px
}

.kehu-box li a {
    position: relative;
    overflow: hidden;
    display: block;
    margin: 0 15px;
    border: 1px solid #f0f0f0
}

.kehu-box li a div {
    transition: .3s all;
    -webkit-transition: .3s all;
    position: absolute;
    left: 0;
    top: 100%;
    width: 100%;
    height: 100%;
    background: #000;
    opacity: .1;
    filter: alpha(opacity=10)
}

.kehu-box li img {
    width: 100%;
    height: auto
}

.kehu-box li a:hover div {
    top: 0
}

.tab-main {
    padding-top: 55px
}

.tab-box-anli {
    background: #eceded;
    padding: 10px 0;
    font-size: 0;
    position: fixed;
    left: 0;
    top: 100px;
    width: 100%;
    z-index: 100
}

.tab-box-anli a {
    display: inline-block;
    margin-right: 10px;
    font-size: 14px;
    width: 90px;
    text-align: center;
    line-height: 2.5em;
    border-radius: 2px;
    background: #ddd;
    color: #333
}

.tab-box-anli a.on {
    background: #8e0102;
    color: #fff
}

.case-box {
    margin: 0 -20px
}

.case-box li {
    float: left;
    width: 16.6%;
    margin-bottom: 40px
}

.case-box li .w-wrap {
    margin: 0 20px
}

.case-box .m {
    position: relative;
    overflow: hidden
}

.case-box .m a {
    display: block
}

.case-box .m span {
    transition: .5s all;
    -webkit-transition: .5s all;
    position: absolute;
    background: url(../images/da_03.png) center no-repeat;
    top: -100%;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.case-box .m img {
    width: 100%;
    height: auto
}

.case-box .p {
    background: #fff;
    padding: 5px;
    overflow: hidden;
    position: relative
}

.case-box .p a {
    display: block;
    position: relative;
    z-index: 2
}

.case-box .p span {
    display: block;
    color: #aaa
}

.case-box .p p {
    display: block;
    color: #000
}

.case-box .p .secc31 {
    transition: .3s all;
    -webkit-transition: .3s all;
    position: absolute;
    z-index: 1;
    width: 100%;
    height: 100%;
    background: #8e0102;
    left: 0;
    top: 100%
}

.case-box .w-wrap:hover .m span {
    top: 0
}

.case-box .w-wrap:hover .p .secc31 {
    top: 0
}

.case-box .w-wrap:hover .p p,
.case-box .w-wrap:hover .p span {
    color: #fff
}

.case-Img {
    margin: 0 auto;
    padding-bottom: 30px;
    width: 1099px;
    background: #fff
}

.case-Img span {
    margin: 0 auto;
    padding: 30px 0 20px 0;
    width: 100%;
    text-align: center;
    line-height: 40px;
    color: #fff;
    background: #282828
}

.case-Img img {
    width: 100%
}

.sidebar {
    position: fixed;
    right: 0;
    bottom: 20%;
    margin-top: 80px;
    width: 55px;
    background: rgba(0, 0, 0, .3);
    padding: 12px 0 0 0;
    border-radius: 8px 0 0 8px;
    z-index: 99999999999
}

.sidebar li {
    height: 50px;
    width: 160px;
    padding-left: 17px;
    border-radius: 8px 0 0 8px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.sidebar li img {
    display: block
}

.sidebar li:hover {
    margin-left: -105px;
    background: rgba(0, 0, 0, .6)
}

.star {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 35px;
    background: rgba(0, 0, 0, .6);
    padding: 0;
    z-index: 99999999999;
    display: none
}

.star ul {
    width: 90%;
    margin: 0 auto;
    text-align: center
}

.star ul li {
    width: auto;
    height: 35px;
    display: inline-block;
    margin: 0 40px 0 0
}

.star ul li a {
    width: auto;
    height: 35px
}

.star ul li a img {
    width: 27px;
    height: 27px;
    float: left;
    margin: 4px 10px 0 0
}

.star ul li a span {
    width: auto;
    height: 35px;
    float: left;
    line-height: 35px;
    color: #fff
}

.star ul li:nth-child(2n+2) {
    width: auto;
    height: 35px;
    margin: 0
}

.pace .pace-progress {
    background: #8e0102;
    position: fixed;
    z-index: 2000;
    top: 53px;
    right: 100%;
    width: 100%;
    height: 2px
}

.pace-inactive {
    display: none
}

.nfl {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    width: 47px
}

.mobile-header {
    background-color: rgba(0, 0, 0, .7);
    width: 100%;
    height: 47px;
    position: absolute;
    top: 0;
    left: 0
}

.mobile-header-icon {
    color: #fff;
    height: 47px;
    font-size: 25px;
    text-align: center;
    float: right;
    width: 47px;
    position: relative;
    -webkit-transition: background .5s;
    -moz-transition: background .5s;
    -o-transition: background .5s;
    transition: background .5s
}

.mobile-header-icon:hover {
    background-color: rgba(255, 255, 255, .2);
    cursor: pointer
}

.mobile-header-icon span {
    position: absolute;
    left: calc((100% - 25px)/ 2);
    top: calc((100% - 1px)/ 2);
    width: 25px;
    height: 1px;
    background-color: rgba(255, 255, 255, 1)
}

.mobile-header-icon span:nth-child(1) {
    transform: translateY(4px) rotate(0deg)
}

.mobile-header-icon span:nth-child(2) {
    transform: translateY(-4px) rotate(0deg)
}

.mobile-header-icon-click span:nth-child(1) {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: clickfirst
}

.mobile-header-icon-click span:nth-child(2) {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: clicksecond
}

@keyframes clickfirst {
    0% {
        transform: translateY(4px) rotate(0deg)
    }

    100% {
        transform: translateY(0) rotate(45deg)
    }
}

@keyframes clicksecond {
    0% {
        transform: translateY(-4px) rotate(0deg)
    }

    100% {
        transform: translateY(0) rotate(-45deg)
    }
}

.mobile-header-icon-out span:nth-child(1) {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: outfirst
}

.mobile-header-icon-out span:nth-child(2) {
    animation-duration: .5s;
    animation-fill-mode: both;
    animation-name: outsecond
}

@keyframes outfirst {
    0% {
        transform: translateY(0) rotate(-45deg)
    }

    100% {
        transform: translateY(-4px) rotate(0deg)
    }
}

@keyframes outsecond {
    0% {
        transform: translateY(0) rotate(45deg)
    }

    100% {
        transform: translateY(4px) rotate(0deg)
    }
}

.mobile-nav {
    background-color: rgba(0, 0, 0, .9);
    width: 100%;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 999999999999999999;
    padding-top: 10px;
    padding-bottom: 40px;
    display: none
}

.mobile-nav a {
    display: inline-block;
    line-height: 40px;
    text-decoration: none;
    width: 80%;
    margin-left: 10%;
    color: #FFF;
    border-bottom: solid 1px rgba(255, 255, 255, .3);
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    font-weight: 300;
    -webkit-animation-duration: .5s;
    animation-duration: .5s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-name: returnToNormal;
    animation-name: returnToNormal
}

.mobile-nav a:hover {
    color: rgba(255, 255, 255, .4);
    border-bottom: solid 1px rgba(255, 255, 255, .2)
}

@-webkit-keyframes returnToNormal {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

@keyframes returnToNormal {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0, -100%, 0);
        transform: translate3d(0, -100%, 0)
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
        transform: none
    }
}

.nums_txt {
    position: absolute;
    color: #423424;
    text-align: center;
    font-size: 28px
}

.nums_txt span {
    font-size: 44px
}

.nums_txt1 {
    left: 295px;
    top: 132px;
    width: 180px
}

.nums_txt2 {
    left: 85px;
    top: 35px;
    width: 200px
}

.nums_txt3 {
    left: 105px;
    top: 200px;
    width: 170px
}

@-webkit-keyframes flipTop {
    0% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(-90deg)
    }
}

@-webkit-keyframes flipBottom {
    0% {
        -webkit-transform: perspective(400px) rotateX(90deg)
    }

    100% {
        -webkit-transform: perspective(400px) rotateX(0deg)
    }
}

@-moz-keyframes flipTop {
    0% {
        -moz-transform: perspective(400px) rotateX(0deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(-90deg)
    }
}

@-moz-keyframes flipBottom {
    0% {
        -moz-transform: perspective(400px) rotateX(90deg)
    }

    100% {
        -moz-transform: perspective(400px) rotateX(0deg)
    }
}

@-ms-keyframes flipTop {
    0% {
        -ms-transform: perspective(400px) rotateX(0deg)
    }

    100% {
        -ms-transform: perspective(400px) rotateX(-90deg)
    }
}

@-ms-keyframes flipBottom {
    0% {
        -ms-transform: perspective(400px) rotateX(90deg)
    }

    100% {
        -ms-transform: perspective(400px) rotateX(0deg)
    }
}

.dataStatistics {
    position: absolute;
    left: 50%;
    top: 480px;
    margin-left: -375px;
    z-index: 9999999;
    color: #8e0102;
    font-family: "Helvetica Neue", Helvetica, sans-serif;
    font-size: 160px;
    font-weight: 700;
    line-height: 170px;
    height: 170px;
    -webkit-transform: scale(.4);
    -ms-transform: scale(.4);
    -moz-transform: scale(.4);
    transform: scale(.4)
}

.dataStatistics .seperator {
    vertical-align: top;
    margin: 0 -20px;
    display: inline
}

.dataStatistics .days,
.dataStatistics .hours,
.dataStatistics .minutes,
.dataStatistics .seconds {
    height: 100%;
    display: inline
}

.dataStatistics .digit_set {
    float: left;
    border-radius: 10px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, .8);
    border: 1px solid #111;
    width: 120px;
    height: 100%;
    display: inline-block;
    position: relative;
    margin: 0 1px
}

.dataStatistics .digit {
    position: absolute;
    height: 100%
}

.dataStatistics .digit>div {
    position: absolute;
    left: 0;
    overflow: hidden;
    height: 50%;
    width: 90px;
    padding: 0 15px
}

.dataStatistics .digit>div.digit_top,
.dataStatistics .digit>div.shadow_top {
    width: 120px;
    background-color: #f3f3f3;
    border-bottom: 2px solid #d4d4d4;
    box-sizing: border-box;
    top: 0;
    z-index: 0;
    border-radius: 10px 10px 0 0
}

.dataStatistics .digit>div.digit_top:before,
.dataStatistics .digit>div.shadow_top:before {
    content: "";
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.dataStatistics .digit>div.shadow_top {
    width: 120px;
    opacity: 0;
    -webkit-transition: opacity .3s ease-in
}

.dataStatistics .digit>div.digit_bottom,
.dataStatistics .digit>div.shadow_bottom {
    background-color: #f3f3f3;
    bottom: 0;
    z-index: 0;
    border-radius: 0 0 10px 10px
}

.dataStatistics .digit>div.digit_bottom .digit_wrap,
.dataStatistics .digit>div.shadow_bottom .digit_wrap {
    display: block;
    margin-top: -95%
}

.dataStatistics .digit>div.digit_bottom:before,
.dataStatistics .digit>div.shadow_bottom:before {
    content: "";
    border-radius: 0 0 10px 10px;
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0
}

.digit_wrap {
    line-height: 170px;
    display: block;
    overflow: hidden
}

.dataStatistics .digit>div.shadow_bottom {
    opacity: 0;
    -webkit-transition: opacity .3s ease-in
}

.dataStatistics .digit.previous .digit_top,
.dataStatistics .digit.previous .shadow_top {
    opacity: 1;
    z-index: 2;
    -webkit-transform-origin: 50% 100%;
    -webkit-animation: flipTop .3s ease-in both;
    -moz-transform-origin: 50% 100%;
    -moz-animation: flipTop .3s ease-in both;
    -ms-transform-origin: 50% 100%;
    -ms-animation: flipTop .3s ease-in both;
    transform-origin: 50% 100%;
    animation: flipTop .3s ease-in both
}

.dataStatistics .digit.previous .digit_bottom,
.dataStatistics .digit.previous .shadow_bottom {
    z-index: 1;
    opacity: 1
}

.dataStatistics .digit.active .digit_top {
    z-index: 1
}

.dataStatistics .digit.active .digit_bottom {
    z-index: 2;
    -webkit-transform-origin: 50% 0;
    -webkit-animation: flipBottom .3s .3s ease-out both;
    -moz-transform-origin: 50% 0;
    -moz-animation: flipBottom .3s .3s ease-out both;
    -ms-transform-origin: 50% 0;
    -ms-animation: flipBottom .3s .3s ease-out both;
    transform-origin: 50% 0;
    animation: flipBottom .3s .3s ease-out both
}

.swiper-container {
    margin: 0 auto;
    display: block;
    position: relative;
    overflow: hidden;
    list-style: none;
    height: 600px !important;
    padding-left: 0px;
    z-index: 1
}

.swiper-button-next,
.swiper-button-prev {
    top: 30%
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
    background-image: url(../images/right.png);
    background-size: 100%;
    width: 45px;
    right: 0
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
    background-image: url(../images/left.png);
    background-size: 100%;
    width: 45px;
    right: 0
}

.swiper-container-horizontal>.swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
    display: none
}

.hidden-box {
    width: 192px;
    position: absolute;
    display: none;
    background: rgba(0, 0, 0, .5);
    top: 95px;
    padding: 10px 0
}

.hidden-box dl {
    list-style-type: none;
    color: #fff;
    cursor: pointer
}

.hidden-box dl dd {
    font-weight: 500;
    width: 100%;
    text-align: center
}

.hidden-box dl dd a {
    color: #fff;
    line-height: 30px;
    font-size: 16px
}

.hidden-box dl dd a:hover {
    color: #ff0002
}

.hidden-box-a {
    display: block;
    right: 166px;
}

.hidden-box-a {
    width: 192px;
    position: absolute;
    display: block;
    background: rgba(0, 0, 0, .5);
    top: 95px;
    padding: 10px 0
}

.hidden-box-a dl {
    list-style-type: none;
    color: #fff;
    cursor: pointer
}

.hidden-box-a dl dd {
    font-weight: 500;
    width: 100%;
    text-align: center
}

.hidden-box-a dl dd a {
    color: #fff;
    line-height: 30px;
    font-size: 16px
}

.hidden-box-a dl dd a:hover {
    color: #ff0002
}

.hidden-loc-index {
    right: 166px
}

.hidden-box-a dl dd .active-n {
    color: #ff0002
}

.mobile-nav .mobile-nav-n {
    margin-left: 15%;
    width: 75%
}

.swiper-container-b {
    height: 377px !important
}

.bmarketing-move a {
    margin-right: 43px;
    display: block;
    float: right;
    color: #fff;
    font-size: 15px;
}

.bmarketing-move a em {
    font-size: 20px;
}

.bmarketing-move a:hover {
    border-bottom: 1px #fff solid;
}

.swiper-button-next-yw {
    top: 50%
}

.swiper-button-prev-yw {
    top: 50%
}

.hidden-box dl dd .active-n {
    color: #ff0002
}

.swiper-slide-bm {
    height: auto !important;
    margin-top: 0 !important;
    display: block;
    float: left;
    margin-bottom: 10px;
}

.sec3 {
    padding-left: 22px
}

.swiper-slide-bm img {
    width: 100%;
}

.swiper-container-android .swiper-slide,
.swiper-wrapper {
    /* height: 330px!important;*/
}


.swiper-pagination-bullet {

    background: #fff;
    opacity: .3;
}

.swiper-pagination-bullet-active {
    opacity: 1;
    background: #fff;
}

.swiper-button-next-bm {
    top: 66%;
    right: -32px
}

.swiper-button-prev-bm {
    top: 66%;
    left: -20px;
}

.details-whole {
    width: 100%;
    height: 500px;
    position: absolute
}

.details-whole .details-left {
    width: 45%;
    height: 300px;
    display: block;
    overflow: auto;
    float: left
}

.details-whole .details-left:after {
    content: '+';
    width: 30px;
    height: 30px;
    color: #fff;
    font-size: 41px;
    border-radius: 10px;
    position: absolute;
    left: 21px;
    bottom: 120px;
    text-align: left;
}

.details-whole .details-left:before {
    content: '';
    width: 30px;
    height: 4px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    left: 21px;
    top: -52px;
}

.details-whole .details-left p {
    color: #fff;
    padding-top: 10px;
    font-size: 15px;
    text-align: left;
    padding-left: 3%;
    direction: ltr;
}

.details-whole .details-left p em {
    font-size: 18px;
    font-weight: 600
}

.details-whole .details-right {
    width: 50%;
    height: 340px;
    float: right;
    background: url(../images/xqbj.png) right no-repeat;
    background-size: 100% 100%
}

.details-whole .details-left::-webkit-scrollbar {
    width: 5px;
    height: 1px
}

.details-whole .details-left::-webkit-scrollbar-thumb {
    border-radius: 10px;
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, .2);
    background: #fff
}

.details-whole .details-left::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 5px transparent
}

.swiper-container-flip .swiper-slide-bd {
    height: 330px;
    background-size: 100% 100%;
}

.swiper-button-prev-bd {
    width: 28px;
    left: 50%;
    top: 45%;
    background-image: url(../images/bd.png)
}

.swiper-container-xq {
    padding-left: 0;
    margin-right: 50px
}

.viewpoint-class img {
    display: block;
    margin-bottom: 30px
}

.swiper-pagination {
    text-align: center;
    bottom: -50px
}

.swiper-pagination .emplcir {
    display: inline-block;
    width: 50px;
    height: 5px;
    margin-right: 10px;
    background-color: #a6a6a6;
    cursor: pointer
}

.swiper-pagination .emplciractive {
    background-color: #8e0102
}

@media only screen and (max-width:1600px) {
    .section .w>h3 {
        padding-top: 30px;
    }

    .sec92 {
        margin-top: 10rem;
    }

    .swiper-button-prev-bm {
        top: 60%;
    }

    .swiper-button-next-bm {
        top: 60%;
    }

    .sec91 {
        margin-top: 80px;
    }

    .lxwm92 {
        margin-top: 8rem;
    }

    .section3 .w>h3 {
        margin-bottom: 0;
    }

    .section3 .w .auto-none {
        padding-top: 100px;
    }

    .swiper-slide-b {

        height: 400px;
    }
}

@media only screen and (max-width:1440px) {

    .swiper-button-prev-bd {
        left: 50%;
    }

    .swiper-button-next-bm {
        top: 58%;
        right: -32px;
    }

    .swiper-slide-bm {
        width: 358px !important;
    }

    .section3 .w .auto-none {
        padding-top: 130px;
    }

    .active.section .w .bring-i {
        padding-top: 120px;
    }

    .active.section .w .bring-i img {
        height: 140px;
    }

    .swiper-container {
        padding-left: 59px;
    }

    .swiper-button-prev-bm {
        top: 58%;
        left: -20px;
    }

    .case-box li {
        width: 20%
    }

    .section .w .zz-h3-new {
        padding-top: 110px;
    }

    .section .w .zz-h3-new img {
        height: 110px;
    }

    .lxwm92 {
        display: block;
        margin-top: 7rem;
    }

    .section3 .w>h3 {
        margin-bottom: 0px;
    }

    .active.section .w .zcz-ab {
        padding-top: 140px;
    }

    .active.section .w .zcz-ab img {
        height: 150px;
    }

    .active.section .w .zcz-asd {
        padding-top: 140px;
    }

    .active.section .w .zcz-asd img {
        height: 150px;
    }


    .sec91 {
        margin-top: 80px;
    }

    .sec933 {
        margin-top: 40px;
    }

    .sec92 {
        margin-top: 10rem;
    }

    .sec921 {
        width: 96%;
    }

    .sec921 p {
        padding-right: 33px;
    }

    .sec921::-webkit-scrollbar {
        width: 2px;
        height: 1px;
    }

    .section21 {
        background-position: -310px -80px !important;
    }

    .section .w>h3 {
        margin-bottom: 0px;
    }

    .swiper-container {
        padding-left: 20px;
    }

    .swiper-container-yw {
        padding-left: 55px;
    }

    .section3 .sec3 .m .zcz-mover-img {
        height: 210px;
    }

    .section3 .sec3 li {
        height: 250px;
        margin: 0;
    }

    .swiper-slide-bmm {
        width: 352px !important;
    }




}

@media only screen and (max-width:1366px) {
    .active.section .w .bring-i {
        padding-top: 100px;
    }

    .mouse {
        top: 90%
    }

    .sec92 {
        margin-top: 5rem;
    }

    .swiper-slide-bm {
        width: 355px !important;
    }

    .sec921 {
        width: 100%
    }

    .section .w>h3 {
        margin-bottom: 0px
    }

    .active.section .w>h3 img {
        height: 80px;
    }

    .what dl {
        padding-top: 15px
    }

    .what dl {
        width: 75%;
    }

    .what dd.spec {
        padding-top: 35px;
        height: 110px;
    }

    .section4 .kehu li {
        margin: 0;
    }

    .h700 .section3 .w>h3 {
        margin-bottom: 0px;
    }

    .active.section .w .zcz-ab {
        margin-top: 50px;
        padding-top: 50px;
    }

    .section .w>h3 {
        padding-top: 60px;
    }

    .swiper-slide-bm {
        height: auto !important;
        margin-bottom: 0;
    }

    .active.section .w .zcz-ab img {
        height: 100px;
    }

    .active.section .w .zcz-asd {
        padding-top: 110px;
    }

    .zcz-kehu img {
        width: 100%;
        height: 360px;
    }

    .section .w .zz-h3-new {
        padding-top: 100px;
    }

    .section3 .sec3 .m img {
        width: 100%;
        height: auto;
    }

    .sec3 {
        padding-left: 27px;
    }

    .swiper-button-prev-bm {
        top: 52%;
    }

    .swiper-button-next-bm {
        top: 52%;
    }

    .active.section .w .bring-i img {
        height: 120px;
    }

    .lxwm92 {
        margin-top: 0rem;
    }

    .section3 .sec3 .m .zcz-mover-img {
        height: 180px;
    }

    .section3 .sec3 li {
        height: 230px;
        margin: 0;
    }

    .section3 .sec3 li {
        margin-bottom: 0px
    }
}

@media only screen and (max-width:1280px) {
    .active.section .w .bring-i {
        padding-top: 120px;
    }

    .swiper-slide-b {
        height: 330px;
    }

    .swiper-container-b {
        height: 320px !important;
    }

    .swiper-slide-bm {
        width: 335px !important;
    }

    .header .w,
    .section .w,
    .wrap {
        max-width: 1100px
    }

    .header .w .nav li a {
        margin: 0 10px;
    }

    .case-box li {
        width: 25%
    }

    .mouse {
        top: 90%
    }

    .lxwm92 {
        margin-top: 1rem;
    }

    .sec91 img {
        display: block;
        height: 120px;
    }

    .hidden-loc-index {
        right: 136px;
    }

    .section .w>h3 {
        margin-bottom: 60px;
    }

    .sec92 {
        margin-top: 8rem;
    }

    .sec921 p {
        padding-right: 30px;
    }

    .what dd.spec {
        padding-top: 35px;
        height: 125px;
    }

    .what dl {
        width: 80%;
    }

    .active.section .w .zcz-asd {
        padding-top: 100px;
    }

    .section .w>h3 {
        margin-bottom: 50px;
        padding-top: 110px;
    }

    .swiper-slide-bm {
        height: 250px !important;
    }

    .swiper-container-b {
        padding-left: 39px;
    }

    .section3 .sec3 .m .zcz-mover-img {
        width: 100%;
        height: 190px
    }

    .swiper-button-prev-bm {
        top: 54%;
    }

    .swiper-button-next-bm {
        top: 54%;
    }
}

@media only screen and (max-width:1200px) {
    .case-Img {
        width: 100%
    }

    .section .w,
    .wrap {
        margin: 0
    }

    .bak-mask {
        width: 480px;
        margin-left: -240px
    }

    .obj-list li .w-wrap {
        margin: 0 10px
    }

    .kehu-box li {
        width: 20%
    }

    .header .w .nav li a {
        margin: 0 7px;
    }

    .mouse {
        top: 90%
    }
}

@media only screen and (max-width:1160px) {
    .section4 .kehu li a {
        width: 100%;
        height: auto
    }

    .section4 .kehu li a img {
        width: 100%;
        height: auto
    }

    .section4 .kehu li a img.part1 {
        width: 100%;
        height: auto
    }

    .section4 .kehu li a img.part2 {
        display: none
    }

    .section4 .kehu li a:hover img.part1 {
        position: relative;
        transform: rotateY(0deg);
        z-index: 2;
        filter: alpha(opacity=100);
        -moz-opacity: 1;
        opacity: 1;
        -ms-transform: rotateY(0deg);
        -moz-transform: rotateY(0deg);
        -webkit-transform: rotateY(0deg);
        -o-transform: rotateY(0deg)
    }

    .section4 .kehu li a:hover img.part2 {
        display: none
    }
}

@media only screen and (max-width:1024px) {
    .obj-list li span.last {
        padding-bottom: 20px
    }
}

@media only screen and (max-width:1000px) {

    .header .w,
    .section .w,
    .wrap {
        margin: 0 30px
    }

    .header .w .nav li a {
        margin: 0
    }

    .w .logo img {
        width: 120px
    }

    .header .w .nav {
        margin-top: 0
    }

    .section2 .sec2 li {
        width: 50%;
        margin-bottom: 20px
    }

    .section2 .sec2 li .w-wrap {
        max-width: 200px;
        margin: 0 auto;
        border-radius: 3px;
        overflow: hidden
    }

    .section2 .sec2 li .w-wrap .sec21 {
        background: #fff;
        top: 0;
        padding-top: 20px
    }

    .section2 .sec2 li .w-wrap .sec21 img {
        opacity: 1;
        visibility: visible
    }

    .section2 .sec2 li .w-wrap .sec21 img:first-child {
        opacity: 0;
        visibility: hidden
    }

    .section2 .sec2 li .w-wrap .sec22 {
        color: #fff
    }

    .section2 .sec2 li .w-wrap .sec22 p {
        opacity: 1;
        visibility: visible
    }

    .section2 .sec2 li .w-wrap .sec22 .bottom {
        background: #8e0102;
        bottom: 0;
        top: -10px;
        height: auto
    }

    .section3 .sec3 li {
        width: 33.3%
    }

    .section4 .kehu li {
        width: 25%
    }

    .sec5 b {
        font-size: 36px
    }

    .obj-list li .w-wrap {
        margin: 0 5px
    }

    .obj-list li span {
        font-size: 12px;
        padding: 5px
    }

    .obj-list li span.last {
        padding-bottom: 20px
    }

    .sh-team li {
        width: 20%
    }

    .sh-team li div {
        display: none !important
    }

    .sec91 {
        float: none;
        margin: 0 0 40px
    }

    .kehu-box li {
        width: 25%
    }

    .case-box li {
        width: 33.3%
    }

    .sec91 span {
        display: none
    }

    .mouse {
        top: 90%
    }

    .what dl {
        width: 23%;
        margin: 0 1%
    }
}

@media only screen and (max-width:767px) {

    .header .w,
    .section .w,
    .wrap {
        margin: 0
    }

    .section1 .w {
        padding-top: 20px
    }

    .header .w .nav {
        display: none
    }

    .header .w {
        padding-top: 0
    }

    .header .w .logo img {
        width: 85px
    }

    .nfl {
        display: block
    }

    .bak-mask {
        width: 100%;
        margin: 0;
        left: 0
    }

    .tab-box-anli {
        top: 70px
    }

    #fp-nav.right {
        right: 2px !important;
        transform: scale(.8, .8);
        -webkit-transform: scale(.8, .8)
    }

    .section .w>h3 img {
        width: 100%;
        height: auto
    }

    .section2 .sec2 li {
        width: auto;
        float: none;
        margin-bottom: 10px
    }

    .section2 .sec2 li .w-wrap .sec21 {
        width: 50px;
        float: left;
        padding: 10px
    }

    .section2 .sec2 li .w-wrap .sec22 {
        overflow: auto;
        padding: 5px
    }

    .section2 .sec2 li .w-wrap {
        max-width: none
    }

    .section2 .sec2 li .sec22 span {
        font-size: 18px;
        line-height: 60px;
        margin: 0
    }

    .section2 .sec2 li .sec22 p {
        font-size: 12px;
        display: none
    }

    .section3 .sec3 {
        margin: 0 !important
    }

    .header .w {
        height: 47px
    }

    .sec663 {
        width: 50%;
        bottom: 10%;
    }

    .details-whole .details-left {
        width: 95%;
        height: 310px;
        margin: 0 auto;
        display: block;
        overflow: auto;
        float: none;
        margin-top: 3rem;
    }

    .auto-none {
        display: none;
    }

    .details-whole .details-right {
        width: 95%;
        height: auto;
        float: none;
        background: none;
        display: block;
        margin: 1rem auto;
    }

    .swiper-button-prev-bd {
        width: 28px;
        margin: 0 auto;
        left: 0;
        top: 83%;
        background-image: url(../images/bd.png);
    }

    .swiper-slide-bd {
        height: auto !important;
        ;
        width: 100% !important;
    }

    .swiper-container-xq {
        height: auto !important;
        padding-left: 0;
        margin-right: 0;
    }

    .details-whole .details-left:after {
        display: none;
    }

    .details-whole .details-right {
        background: none;
    }

    .m_wPhone img {
        width: 97%;
        display: block;
        margin: 0 auto;
    }

    .p_wPhone {
        text-align: center;
    }

    .swiper-slide-bm {
        height: 190px !important;
    }

    .ellipsis {
        color: #fff;
        line-height: 55px;
        font-size: 18px;
    }

    .swiper-container-horizontal>.swiper-pagination-bullets,
    .swiper-pagination-custom,
    .swiper-pagination-fraction {
        display: block;
        text-align: center;
    }

    .viewpoint-class {
        margin-top: 3rem;
    }

    .viewpoint-class img {
        width: 100%;
    }

    .active.section .w>h3 img {
        width: 49%;
        height: auto;
        margin: 0 auto;
        display: block;
        padding-top: 30%;
    }

    .active.section .w .bring-i img {
        width: 35%;
    }

    .header .w .logo {
        margin-top: 0
    }

    .section3 .sec3 li {
        width: 50%
    }

    .section .w>h3 {
        margin-bottom: 10px;
        padding-top: 0;
    }

    .section3 .w>h3 {
        margin-bottom: 50px
    }

    .section3 .sec3 li .w-wrap {
        margin: 0 8px
    }

    .section3 .sec3 li {
        display: none;
        margin-bottom: 20px
    }

    .section3 .sec3 li:first-child,
    .section3 .sec3 li:first-child+li,
    .section3 .sec3 li:first-child+li+li,
    .section3 .sec3 li:first-child+li+li+li {
        display: block
    }

    .section .w>h2 {
        padding-top: 50px;
        font-size: 24px
    }

    .section4 .kehu img {
        width: 95%;
        margin: 0 auto;
        display: block;
        margin-top: 5rem;

    }

    .sec5 {
        height: 320px
    }

    .lxwm92 {
        width: 95%;
        display: block;
        overflow: hidden;
        height: 100%;
        padding-left: 0;
        float: none;
        margin: 0 auto;
    }

    .lxwm92 p {
        padding-bottom: 1rem;
        font-size: 16px;
    }

    .sec5 img {
        width: 300px;
        height: 300px;
        margin: 0 0 0 -150px
    }

    .sec5 b {
        padding-top: 70px;
        font-size: 20px
    }

    .sec5 span {
        font-size: 16px;
        margin-bottom: 20px
    }

    .sec5 p {
        font-size: 14px
    }

    .section6 .w>h2 {
        margin: 0 0 10px
    }

    .section .w>h3 {
        font-size: 18px
    }

    .obj-list li {
        float: none;
        height: auto;
        width: auto;
        font-size: 0
    }

    .obj-list li .w-wrap {
        position: relative;
        margin-bottom: 10px
    }

    .obj-list li span.last {
        display: none
    }

    .obj-list li span {
        display: inline-block;
        float: none;
        margin: 0 3px 3px 0;
        font-size: 12px
    }

    .sh-team li {
        width: 25%
    }

    .sec8 {
        font-size: 12px;
        padding: 0
    }

    .section8 .w>h3 {
        margin: 10px 0;
        padding-bottom: 10px
    }

    .sec8 p {
        margin-bottom: 1em
    }

    .sec82 a {
        width: 100px;
        height: 31px;
        line-height: 31px;
        font-size: 14px
    }

    .sec82 a:hover {
        width: 150px
    }

    .sec91 img {
        width: 49%;
        height: auto;
        margin: 0 auto;
        display: block;
        padding-top: 15%;
    }

    .section9 .w {
        padding: 50px 0 0
    }

    .sec92 {}

    .sec92 {
        width: 100%;
        margin-top: 0;
        padding-left: 0px;
        float: none;
        padding-top: 0px;
        background: none;
        overflow: auto;
    }

    .sec91 {
        margin-bottom: 20px
    }

    .sec921 {
        width: 100%;
        height: auto;
        overflow: auto;
    }

    .sec921 span {
        font-size: 18px
    }

    .sec921 p {
        font-size: 13px;
        line-height: 30px;
        background: 0 0;
        padding: 0;
        text-align: center;
    }

    .sec921 p b {
        font-size: 28px
    }

    .sec922 {
        display: none
    }

    .tab-box-anli a {
        width: 23%;
        margin: 0 1%;
        font-size: 12px
    }

    .fix-body {
        padding-top: 70px
    }

    .fix-header .w-box {
        height: 70px
    }

    .fix-header .logo {
        width: 180px
    }

    .w-box {
        margin: 0 25px
    }

    .kehu-box li {
        width: 50%
    }

    .case-box li {
        width: 50%
    }

    .case-box {
        margin: 0 -10px
    }

    .case-box li .w-wrap {
        margin: 0 10px
    }

    .lish {
        padding: 30px 20px
    }

    .lish h3 {
        font-size: 24px
    }

    .lish p {
        font-size: 14px
    }

    .lish h6 {
        font-size: 18px
    }

    .sidebar {
        display: none
    }

    .star {
        display: block
    }

    #fp-nav {
        display: none
    }

    .bx-pager {
        display: none
    }

    .mouse {
        display: none
    }

    .video-auto-box video {
        display: none
    }

    .what {
        display: none
    }

    .wPhone {
        display: block
    }

    .header .w .logo {
        padding: 0 20px;
        height: 47px;
    }
}

@media only screen and (max-width:360px) {
    .tab-main {
        padding-top: 100px
    }

    .tab-box-anli a {
        width: 40%;
        margin: 0 5%;
        font-size: 12px;
        margin-bottom: 10px
    }
}

@media only screen and (max-width:768px) {
    .swiper-pagination .emplcir {
        width: 20px;
        height: 3px;
        margin-right: 5px
    }

    .swiper-pagination {
        bottom: -80px
    }

    .swiper-pagination {
        bottom: 0
    }

    .section7 .w>h2 {
        margin-bottom: 15px
    }

    .loading-shutter-logo {
        width: 50%;
        margin-top: -10%
    }

    .team-wrapper {
        height: 100%
    }
}

@media only screen and (max-width:320px) {
    .sh-team li:hover img {
        transform: scale(1.03, 1.03);
        -webkit-transform: scale(1.03, 1.03)
    }
}

.bottom {
    height: 60px;
    width: 100%;
    text-align: center;
    color: #fff;
    position: fixed;
    left: 0;
    line-height: 30px;
    bottom: 0;
    height: auto;
    z-index: 100;
}

.bottom a {
    color: #FFF;
}