html {
    font-size: 16px!important
}

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

:focus {
    outline: 0
}

body {
    font-family: "微软雅黑"
}

body.active {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    overflow: hidden;
}

@media screen and (max-width: 768px) {
    body {
        padding-top:4.87rem
    }
}

iframe {
    border: 0;
    max-width: 100%
}

.prize .content .classification .cla-list .list-item,.transition-one {
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.img-hover {
    overflow: hidden
}

.img-hover img {
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
    cursor: pointer;
    max-width: 100%;
    min-height: 100%
}

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

.header {
    width: 100%;
    height: 8.37rem;
    background: url(../images/bg-header.png) no-repeat center;
    background-size: cover;
    padding: 0 4.25rem;
    position: fixed;
    z-index: 200
}

.header .logo {
    margin-top: 1.25rem;
    width: 6rem
}

.header .logo img {
    width: 100%
}

.header .header-nav .nav-item {
    height: 8.37rem;
    float: left;
    overflow: hidden;
    position: relative
}

.header .header-nav .nav-item .nav-link {
    height: 8.37rem;
    font-size: 1.12rem;
    color: #ECCB87;
    text-align: center;
    line-height: 1;
    padding: 3.5rem 3.1rem 0;
}

.header .header-nav .nav-item .nav-link:hover {
    background: rgba(255,255,255,.05)
}

.header .header-nav .nav-item:hover {
    overflow: inherit
}

.header .header-nav .nav-item:hover .two-nav {
    opacity: 1;
    top: 0
}

.header .header-nav .two-nav {
    opacity: 0;
    position: relative;
    width: 100%;
    left: 0;
    top: 1.25rem;
    z-index: 100
}

.header .header-nav .two-nav>li {
    background-color: #fff
}

.header .header-nav .two-nav>li>a {
    font-size: .81rem;
    color: #787373;
    text-align: center;
    padding: 1.56rem .5rem;
    display: block;
    border-bottom: 1px solid #f4f4f4
}

.header .header-nav .two-nav>li:last-child>a {
    border-bottom: 0
}

@media screen and (max-width: 768px) {
    .header .header-nav {
        display:none
    }
}

.header .change-language-p {
    width: 9rem;
    height: 8.37rem;
    font-size: 1rem;
    position: relative;
    line-height: 8.37rem;
    text-align: center;
    overflow: hidden;
    cursor: pointer;
}

.header .change-language-p:hover {
    background: rgba(255,255,255,.05);
    overflow: inherit;
}

.header .change-language-p span {
    color: #ECCB87;
    display: inline-block;
}

.header .change-language-p:hover .icon-drop {
    transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
}

.header .change-language-p .icon-drop {
    position: absolute;
    width: 19px;
    height: 10px;
    background: url("../images/icon_drop.png") no-repeat center/cover;
    right: 1rem;
    top: 50%;
    margin-top: -5px;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.header .change-language-p a {
    position: relative;
    width: 100%;
    left: 0;
    top: 1.25rem;
    z-index: 100;
    font-size: .81rem;
    color: #787373;
    text-align: center;
    padding: 1.56rem 0;
    display: block;
    line-height: 1.5;
    border-bottom: 1px solid #f4f4f4;
    background: #FFFFFF;
    -webkit-transition: all .3s linear;
    transition: all .3s linear;
}

.header .change-language-p:hover a {
    opacity: 1;
    top: 0;
}

.header .phone-btn {
    width: 2.25rem;
    height: 3rem;
    position: relative;
    display: none
}

.header .phone-btn:before {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    position: absolute;
    top: .62rem;
    left: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.header .phone-btn:after {
    content: '';
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    position: absolute;
    bottom: .62rem;
    left: 0;
    -webkit-transition: all .4s;
    transition: all .4s
}

.header .phone-btn span {
    width: 100%;
    height: 2px;
    background: #fff;
    border-radius: 1px;
    display: block;
    margin: 1.43rem 0;
    opacity: 1;
    -webkit-transition: all .4s;
    transition: all .4s
}

.header .phone-btn.open:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 23px
}

.header .phone-btn.open:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    bottom: 23px
}

.header .phone-btn.open span {
    opacity: 0
}

@media screen and (max-width: 960px) {
    .header {
        padding: 0 1.5rem;
    }
    .header .change-language-p {
        width: 6rem;
    }
}

@media screen and (max-width: 1470px) {
    .header .header-nav .nav-item .nav-link {
        padding: 3.5rem 2rem 0;
    }
}

@media screen and (max-width: 1380px) {
    .header .header-nav .nav-item .nav-link {
        padding: 3.5rem 1rem 0;
    }
}

@media screen and (max-width: 1070px) {
    .header .header-nav .nav-item .nav-link {
        padding: 3.5rem .2rem 0;
    }
}
@media screen and (max-width: 820px) {
    .header .header-nav .nav-item .nav-link {
        padding: 3.5rem 0 0;
    }
}

@media screen and (max-width: 768px) {
    .header {
        position:fixed;
        padding: .93rem 1.25rem;
        height: auto;
        top: 0;
        z-index: 999
    }

    .header .logo {
        margin-top: 0;
        width: 3rem
    }

    .header .logo img {
        width: 100%
    }

    .header .change-language-p {
        display: none;
    }

    .header .phone-btn {
        display: block
    }
}

.phone-model {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(11,11,27,.9);
    z-index: 120;
    visibility: hidden;
    opacity: 0;
    -webkit-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: all .4s;
    transition: all .4s
}

.phone-model.open {
    visibility: visible;
    opacity: 1;
    -webkit-transform: scale(1);
    transform: scale(1);
    overflow: auto;
}

.phone-model .change-language {
    padding-top: 6.25rem;
    text-align: center
}

.phone-model .change-language a {
    font-size: 1rem;
    color: #fff;
    font-weight: 700;
    display: inline-block;
    margin: 0 1.5rem
}

.phone-model .phone-nav {
    /*position: absolute;*/
    width: 100%;
    left: 0;
    right: 0;
    top: 8.75rem
}

.phone-model .phone-nav>li a {
    font-size: 1.37rem;
    color: #fff;
    text-align: center;
    margin: 1.87rem 0
}

.footer {
    width: 100%;
    height: auto;
    background: url(../images/bg-header.png) no-repeat center;
    background-size: cover;
    padding: 2rem 4.25rem;
    border-bottom: 1px solid #4c4c4c
}

.footer .logo {
    margin-right: 3rem;
    width: 6rem;
    line-height: 7.5rem;
}

.footer .logo img {
    width: 100%;
}

.footer .text {
    font-size: 0.7rem;
    line-height: 1;
    color: rgba(255,255,255,.85);
    padding-left: 0.5rem;
    border-left: 1px solid #4c4c4c;
    margin-top: .5rem
}

.footer .text p {
    padding: .5rem 0
}

.footer .text p a {
    color: #ECCB87;
}

.footer .text p .iconfont {
    font-size: 18px;
    margin-right: .75rem
}

.footer .code {
}

@media screen and (max-width: 768px) {
    .footer {
        padding:0 .62rem 3.12rem
    }

    .footer .logo {
        width: 100%;
        margin-right: 0;
        padding: 1.25rem 0;
        border-bottom: 1px solid #4a4a4a;
        text-align: center
    }

    .footer .logo img {
        width: 5rem
    }

    .footer .text {
        padding: 0 .62rem;
        border: 0;
        margin-top: 0;
        margin-bottom: 1.56rem;
        font-size: .87rem;
        text-align: center;
        width: 100%
    }

    .footer .text p {
        margin-top: 1rem;
        padding: 0
    }

    .footer .text p .iconfont {
        display: block;
        width: 2.75rem;
        height: 2.75rem;
        border: 1px solid #fff;
        border-radius: 100%;
        margin: 0 auto 1.62rem;
        line-height: 2.75rem;
        font-size: 1.87rem
    }

    .footer .code {
        margin-top: 0;
        width: 100%;
        text-align: center
    }
}

.copyright {
    width: 100%;
    height: 5rem;
    background: url(../images/bg-header.png) no-repeat center;
    background-size: cover;
    font-size: .75rem;
    color: rgba(255,255,255,.3);
    text-align: center;
    line-height: 5rem
}
.copyright a {
    color: rgba(255,255,255,.3);
    margin-left: 20px;
}

@media screen and (max-width: 768px) {
    .copyright {
        display:none
    }
}

.banner {
    width: 100%;
    height: auto
}

.banner .swiper-slide {
    width: 100%;
    height: 58.62rem
}

@media screen and (max-width: 768px) {
    .banner .swiper-slide {
        height:20.62rem
    }
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets {
    width: 1.25rem;
    right: 4rem;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: auto;
    bottom: auto
}

@media screen and (max-width: 768px) {
    .banner .swiper-container-horizontal>.swiper-pagination-bullets {
        display:none
    }
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 1rem auto
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
    width: 1.25rem;
    height: 1.25rem;
    border: 5px solid #fff;
    background: 0 0;
    margin-bottom: 11.25rem;
    position: relative
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
    content: '';
    position: absolute;
    height: 9.25rem;
    border-left: 2px solid #fff;
    top: 1.87rem;
    left: 50%;
    margin-left: -1px
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active {
    margin-bottom: 0;
    margin-top: 11.25rem
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active:after {
    content: none
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet:last-child.swiper-pagination-bullet-active:before {
    content: '';
    position: absolute;
    height: 9.25rem;
    border-left: 2px solid #fff;
    bottom: 1.87rem;
    left: 50%;
    margin-left: -1px
}

.banner .swiper-pagination-bullet {
    background-color: #fff;
    opacity: 1;
    display: block
}

.rs-brief-intro {
    width: 100%;
    height: 56rem;
    background: url(../images/bg1.png) no-repeat center;
    background-size: cover;
    padding-top: 11.25rem
}

.rs-brief-intro h1 {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 6.25rem
}

.rs-brief-intro p {
    font-size: 1.12rem;
    color: #000;
    line-height: 2.5rem;
    width: 25rem;
    margin: 0 auto;
    max-width: 90%;
    text-align: justify;
}

.rs-brief-intro .more {
    width: 11.87rem;
    height: 3.5rem;
    color: #000;
    border: 2px solid #000;
    text-align: center;
    line-height: 3.25rem;
    display: inline-block;
    margin-top: 5.62rem
}

@media screen and (max-width: 768px) {
    .rs-brief-intro {
        height:auto;
        padding: 3rem 0
    }

    .rs-brief-intro h1 {
        font-size: 1.62rem;
        margin-bottom: 2.5rem
    }

    .rs-brief-intro p {
        font-size: .87rem;
        color: #000;
        line-height: 2;
        /*font-weight: lighter*/
    }

    .rs-brief-intro .more {
        width: 5.93rem;
        height: 1.75rem;
        font-size: .87rem;
        margin-top: 2rem;
        line-height: 1.5rem
    }
}

.works .title {
    width: 100%;
    height: 20rem;
    background: url(../images/bg2.png) repeat;
    font-size: 3.5rem;
    color: #000;
    text-align: center;
    line-height: 20rem
}

.works .title span {
    display: inline-block;
    margin: 0 3.5rem
}

.works .title span:last-child {
    position: relative
}

.works .title span:last-child:before {
    content: '';
    width: .5rem;
    height: .5rem;
    background: #000;
    border-radius: 100%;
    position: absolute;
    top: 50%;
    margin-top: -.25rem;
    left: -3.75rem
}

.works .works-b .img-hover {
    width: 50%;
    float: left
}

.works .img-hover img {
    min-width: 100%;
    min-height: 100%;
    max-width: 100%
}

@media screen and (max-width: 768px) {
    .works .title {
        height:7.5rem;
        line-height: 7.5rem;
        font-size: 1.25rem
    }

    .works .title span {
        margin: 0 1.25rem
    }

    .works .title span:last-child {
        position: relative
    }

    .works .title span:last-child:before {
        content: '';
        width: .25rem;
        height: .25rem;
        background: #000;
        margin-top: -.13rem;
        left: -1.5rem
    }
}

.video {
    width: 100%;
    height: auto
}

.video .video-js .vjs-big-play-button {
    width: 7.62rem;
    height: 7.62rem;
    border-radius: 100%;
    border-width: .5rem;
    font-size: 3rem;
    line-height: 6.62rem;
    background: 0 0
}

.video .video-js .vjs-poster {
    background-size: cover
}

@media screen and (max-width: 768px) {
    .video .video-js .vjs-big-play-button {
        width:3rem;
        height: 3rem;
        border-width: .25rem;
        line-height: 2.5rem;
        font-size: 1.5rem
    }
}

.book-swiper {
    width: 100%;
    min-height: 25rem;
    position: relative;
    overflow: hidden
}

.book-swiper:after {
    content: '';
    width: 100%;
    height: 285px;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/bg4.png) repeat-x bottom;
    z-index: 25
}

.book-swiper .book-big {
    position: relative
}

.book-swiper .book-big .text {
    width: 100%;
    position: absolute;
    text-align: center;
    font-size: 3.5rem;
    font-weight: lighter;
    line-height: 5.25rem;
    z-index: 20;
    color: #fff;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 0
}

.book-swiper .book-big .text span {
    display: block
}

.book-swiper .book-big:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.36);
    z-index: 10
}

.book-swiper .book-small {
    width: 100%;
    height: 14.87rem;
    position: absolute;
    bottom: 0;
    left: 0
}

.book-swiper .book-small .img-list {
    width: 85.31rem;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -4.38rem;
    z-index: 30;
    max-width: 100%
}

.book-swiper .book-small .img-list .img-small {
    width: 20%;
    height: auto;
    float: left;
    background: #fff;
    opacity: .6;
    cursor: pointer
}

.book-swiper .book-small .img-list .img-small img {
    width: 100%
}

.book-swiper .book-small .img-list .img-small.active {
    opacity: 1
}

.book-swiper .number-list {
    position: absolute;
    left: 0;
    top: 9.37rem;
    width: 18.75rem;
    z-index: 50
}

.book-swiper .number-list li {
    text-align: right;
    font-size: 1.37rem;
    color: rgba(255,255,255,.4);
    margin-bottom: 2rem
}

.book-swiper .number-list li.active {
    color: #fff;
    position: relative
}

.book-swiper .number-list li.active:before {
    content: '';
    width: 10.75rem;
    border-bottom: 1px solid #fff;
    position: absolute;
    left: 0;
    top: 50%
}

@media screen and (max-width: 768px) {
    .book-swiper {
        min-height:auto
    }

    .book-swiper .book-big .text {
        font-size: 1.25rem;
        line-height: 1.87rem;
        top: 40%;
    }

    .book-swiper .book-small {
        height: 4rem;
    }

    .book-swiper .book-small .img-list {
        top: 0
    }

    .book-swiper .number-list {
        display: none
    }

    .book-swiper:after {
        height: 7.5rem;
        background-size: cover
    }
}

.cooperative-partner {
    background: #fff url(../images/bg3.png) no-repeat center;
    background-size: cover;
    overflow: hidden;
    padding: 6.25rem 0 3.75rem;
    text-align: center
}

.cooperative-partner .title {
    font-size: 3.5rem;
    color: #000;
    text-align: center;
    margin-bottom: 60px;
}

.cooperative-partner .partner-list .list-item {
    width: 16.66667%;
    height: 6.25rem;
    line-height: 6.25rem;
    margin-bottom: 6.25rem;
    float: left;
    text-align: center;
    cursor: pointer
}

.cooperative-partner .partner-list .list-item img {
    max-width: 90%;
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: all .3s linear;
    transition: all .3s linear
}

.cooperative-partner .partner-list .list-item:hover img {
    -webkit-filter: grayscale(0);
    filter: grayscale(0)
}

@media screen and (max-width: 768px) {
    .cooperative-partner {
        padding:3.37rem 0 0
    }

    .cooperative-partner .title {
        font-size: 1.5rem;
        margin-bottom: 3.37rem
    }

    .cooperative-partner .partner-list .list-item {
        margin-bottom: 1.87rem
    }
}

.company-profile {
    background: url(../images/bg7.png) repeat
}

.company-profile .introl-b {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse
}

.company-profile .introl-b>div .text {
    width: 31.25rem
}

.company-profile .img-hover img {
    width: 100%
}

.company-profile .introl>div {
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    width: 50%;
    float: left;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.company-profile .introl .text {
    width: 31.25rem;
    height: auto;
    margin: 0 auto;
    padding: 3rem 0;
}

.company-profile .introl .title {
    font-size: 3.12rem;
    color: #000;
    margin-bottom: 3.12rem
}

.company-profile .introl .txt {
    font-size: 1.12rem;
    line-height: 2;
    color: #000;
    text-align: justify;
}

@media screen and (max-width: 768px) {
    .company-profile .introl>div {
        width:100%
    }

    .company-profile .introl>div .text {
        padding: 3.75rem 3.75rem;
        text-align: center
    }

    .company-profile .introl>div .title {
        font-size: 1.5rem;
        color: #000;
        margin-bottom: 2.5rem
    }

    .company-profile .introl>div .txt {
        font-size: .87rem;
        line-height: 2;
        font-weight: lighter
    }
}

.prize {
    background: url(../images/bg6.png) repeat
}

.prize .content .title {
    font-size: 2.37rem;
    color: #343434;
    padding: 6.43rem 0;
    background: url(../images/bg5.png) no-repeat;
    background-size: cover;
    text-align: center
}

.prize .content>.cla-list {
    display: none
}

.prize .content .prize-img {
    width: 45.5%;
    position: relative
}

.prize .content .prize-img .main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    height: 100%
}

.prize .content .prize-img .main .txt {
    font-size: 1.37rem;
    color: #343434;
    margin-top: 3.12rem;
    text-align: center;
    width: 100%
}

.prize .content .prize-img .main img {
    max-width: 90%
}

.prize .content .classification {
    width: 54.5%;
    background: url(../images/bg7.png) repeat;
    padding: 0 2.25rem 7.5rem
}

.prize .content .classification .cla-list {
    margin: 2.37rem 0
}

.prize .content .classification .cla-list .list-item {
    color: #888;
    padding: 1rem;
    display: inline-block;
    cursor: pointer
}

.prize .content .classification .cla-list .list-item.active,.prize .content .classification .cla-list .list-item:hover {
    color: #000
}

.prize .content .classification .swiper-container {
    padding-bottom: 3rem
}

.prize .content .classification .swiper-container .swiper-next-btn,.prize .content .classification .swiper-container .swiper-prev-btn {
    position: absolute;
    bottom: 0;
    right: 1.37rem;
    width: 1rem;
    height: 1rem;
    cursor: pointer
}

.prize .content .classification .swiper-container .swiper-next-btn .iconfont,.prize .content .classification .swiper-container .swiper-prev-btn .iconfont {
    line-height: 1rem;
    color: #aeaeae
}

.prize .content .classification .swiper-container .swiper-next-btn:hover .iconfont,.prize .content .classification .swiper-container .swiper-prev-btn:hover .iconfont {
    color: #000
}

.prize .content .classification .swiper-container .swiper-prev-btn {
    right: 2.75rem;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.prize .content .classification .img-list {
    width: auto;
    height: 15.43rem;
    float: left;
    margin-right: 1.37rem;
    margin-bottom: 1.37rem;
    padding: .5rem;
    cursor: pointer;
    line-height: 14.37rem
}

.prize .content .classification .img-list img {
    max-width: 100%;
    max-height: 100%;
    text-align: center
}

@media screen and (max-width: 768px) {
    .prize .content .title {
        padding:1.87rem 0 1.5rem;
        font-size: 1.37rem
    }

    .prize .content>.cla-list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        background: url(../images/bg5.png) repeat
    }

    .prize .content.fixed .title {
        margin-bottom: 3rem;
    }

    .prize .content.fixed>.cla-list {
        position: fixed;
        left: 0;
        top: 4.9rem;
        z-index: 300;
        right: 0;
    }

    .prize .content .classification .img-list {
        width: 100%;
        margin-right: 0;
        text-align: center;
    }

    .prize .content>.cla-list .list-item {
        text-align: center;
        padding: 0 1.5rem
    }

    .prize .content>.cla-list .list-item span {
        display: block;
        padding: .75rem 0;
        height: 3rem
    }

    .prize .content>.cla-list .list-item.active span {
        border-bottom: 2px solid #000
    }

    .prize .content .prize-img {
        width: 100%
    }

    .prize .content .prize-img .main {
        position: relative;
        -webkit-transform: none;
        transform: none;
        left: 0;
        top: 0;
        padding: 3.12rem .62rem;
        text-align: center;
        display: block
    }

    .prize .content .prize-img .main img {
        max-width: 100%
    }

    .prize .content .classification {
        width: 100%;
        padding: 1.5rem 1.25rem
    }

    .prize .content .classification .swiper-next-btn,.prize .content .classification .swiper-prev-btn {
        display: none
    }

    .prize .content .classification .cla-list {
        display: none
    }
}

.customer {
    width: 100%;
    height: auto;
    background: url(../images/bg3.png) repeat;
    overflow: hidden
}

.customer .cooperative-partner {
    background: 0 0;
    padding: 3.75rem 0 2.5rem
}

.customer .cooperative-partner .partner-list .list-item {
    margin-bottom: 3.75rem
}

.customer .custom-t .img {
    width: 60%;
    height: auto;
    float: left
}

.customer .custom-t .img img {
    width: 100%
}

.customer .custom-t .txt {
    width: 40%;
    position: relative;
    float: left
}

.customer .custom-t .txt h1 {
    font-size: 3.5rem;
    color: #000;
    text-align: center;
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30%;
    white-space: nowrap
}

.customer .custom-t .txt h1:after {
    content: '';
    position: absolute;
    width: 100%;
    border-bottom: .5rem solid #000;
    top: 7.5rem;
    left: 0
}

.customer .custom-b .txt {
    padding-left: 14.37rem;
    width: 60%;
    float: left;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.customer .custom-b .txt>div {
    padding-left: 3.37rem;
    position: relative
}

.customer .custom-b .txt>div:before {
    content: '';
    position: absolute;
    width: 2rem;
    border-bottom: .25rem solid #000;
    left: 0;
    top: 1rem
}

.customer .custom-b .txt .title {
    font-size: 1.5rem;
    color: #212020;
    font-weight: 700;
    margin-bottom: 3.37rem;
    position: relative
}

/*.customer .custom-b .txt .title:after {*/
    /*content: '';*/
    /*position: absolute;*/
    /*width: 40%;*/
    /*border-bottom: 1px solid #000;*/
    /*right: 4.5rem;*/
    /*top: 50%*/
/*}*/

.customer .custom-b .txt .text {
    color: #000;
    padding-top: .37rem;
    position: relative
}

.customer .custom-b .txt .text:before {
    content: '';
    position: absolute;
    width: 2rem;
    border-bottom: .25rem solid #000;
    left: -3.38rem;
    top: 1rem
}

.customer .custom-b .img {
    width: 40%;
    float: left
}

.customer .custom-b .img img {
    max-width: 100%
}

.customer .custom-m {
    padding-bottom: 8rem
}

.customer .custom-m .img {
    width: 60%;
    float: left
}

.customer .custom-m .img img {
    max-width: 100%;
    float: right
}

.customer .custom-m .txt {
    width: 40%;
    float: left;
    padding-left: 7.5rem;
    position: relative
}

.customer .custom-m .main {
    left: 7.5rem;
    bottom: 0;
    position: absolute
}

.customer .custom-m .main>div {
    padding-left: 3.37rem;
    position: relative
}

.customer .custom-m .main>div:before {
    content: '';
    position: absolute;
    width: 2rem;
    border-bottom: .25rem solid #000;
    left: 0;
    top: 1rem
}

.customer .custom-m .title {
    font-size: 1.5rem;
    color: #212020;
    font-weight: 700;
    margin-bottom: 3.37rem;
    position: relative
}

.customer .custom-m .text {
    color: #000;
    padding-top: .37rem;
    padding-bottom: 5rem;
    border-bottom: .25rem solid #000
}

.customer .last {
    display: none;
    width: 100%
}

.customer .last img {
    width: 100%
}

@media screen and (max-width: 768px) {
    .customer .cooperative-partner {
        padding:0
    }

    .customer .cooperative-partner .title {
        display: none
    }

    .customer .custom-t {
        position: relative
    }

    .customer .custom-t .img {
        width: 100%
    }

    .customer .custom-t .txt {
        position: static
    }

    .customer .custom-t .txt h1 {
        font-size: 1.75rem;
        color: #fff;
        left: auto;
        right: 1rem;
        -webkit-transform: none;
        transform: none;
        top: auto;
        bottom: 4.37rem
    }

    .customer .custom-t .txt h1:after {
        top: 3.75rem;
        border-bottom: 3px solid #fff
    }

    .customer .custom-b {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .customer .custom-b .img {
        width: 100%
    }

    .customer .custom-b .img img {
        width: 100%
    }

    .customer .custom-b .txt {
        width: 100%;
        padding: 1.87rem 1.87rem 3.75rem
    }

    .customer .custom-b .txt>div {
        padding-left: 2.5rem
    }

    .customer .custom-b .txt>div:before {
        width: 1.62rem;
        border-bottom: 2px solid #000;
        top: .75rem
    }

    .customer .custom-b .txt .title {
        font-size: 1.12rem;
        margin-bottom: 1.87rem;
        font-weight: 400
    }

    .customer .custom-b .txt .title:after {
        display: none
    }

    .customer .custom-b .txt .text {
        padding-top: 0;
        font-size: .87rem;
        position: relative
    }

    .customer .custom-b .txt .text:before {
        content: '';
        position: absolute;
        width: 1.62rem;
        border-bottom: 2px solid #000;
        top: .5rem;
        left: -2.5rem
    }

    .customer .custom-b .txt .text>p {
        width: 50%;
        float: left
    }

    .customer .custom-m {
        padding-bottom: 3.75rem
    }

    .customer .custom-m .img {
       width: 100%;
    }

    .customer .custom-m .last {
        display: block
    }

    .customer .custom-m .txt {
        width: 100%;
        padding: 2.81rem 1.87rem 0;
        font-size: .87rem
    }

    .customer .custom-m .txt .text {
        padding-bottom: 2.81rem
    }

    .customer .custom-m .main {
        position: relative;
        left: 0
    }

    .customer .custom-m .main .title {
        font-size: 1.12rem;
        font-weight: 400;
        margin-bottom: 2.5rem
    }

    .customer .custom-m .main>div:before {
        border-bottom-width: 2px;
        top: .87rem
    }

    .customer .controller {
        margin-bottom: 2.81rem
    }

    .customer .controller .big-img .swiper-slide .text {
        display: none
    }
}

.controller {
    overflow: hidden
}

.controller .big-img .swiper-slide {
    position: relative
}

.controller .big-img .swiper-slide .text {
    font-size: 3.25rem;
    color: #fff;
    position: absolute;
    left: 10%;
    bottom: 10%;
    padding-bottom: 4.5rem;
    border-bottom: 5px solid #fff
}

.controller .small-img {
    width: 90%;
    margin: 5.93rem auto 2.62rem;
    padding: 0 2.5rem;
    position: relative
}

.controller .small-img .swiper-slide {
    text-align: center
}

.controller .small-img .swiper-slide img {
    max-width: 90%;
    cursor: pointer
}

.controller .small-img .swiper-next-btn,.controller .small-img .swiper-prev-btn {
    width: 2rem;
    height: 2rem;
    position: absolute;
    line-height: 2rem;
    top: 50%;
    margin-top: -1rem;
    cursor: pointer
}

.controller .small-img .swiper-next-btn .iconfont,.controller .small-img .swiper-prev-btn .iconfont {
    color: #000
}

.controller .small-img .swiper-next-btn {
    right: 0
}

.controller .small-img .swiper-prev-btn {
    left: 0;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

@media screen and (max-width: 768px) {
    .controller .small-img {
        display:none
    }

    .controller .big-img .swiper-slide .text {
        position: relative;
        left: 0;
        top: 0;
        font-size: 1rem;
        color: #212020;
        padding: 2rem 0 1rem;
        text-align: center;
        background: url(../images/bg6.png) repeat
    }
}

.contact {
    width: 100%;
    height: auto;
    background: url(../images/bg7.png) repeat;
    overflow: hidden
}

.contact .map {
    position: relative;
    margin-bottom: 20px;
}

.contact .map iframe {
    width: 100%;
    height: 500px;
    padding: 0;
    border: 4px solid #fff;
    border-radius: 4px
}

.contact .content {
    width: 84rem;
    max-width: 90%;
    margin: 0 auto;
    padding: 10rem 0 13.12rem
}

.contact .content .zh-title {
    font-size: 3.5rem;
    color: #000;
    margin-bottom: 10rem;
    text-align: center
}

.contact .content .en-title {
    text-align: center;
    margin-top: 8.75rem;
    margin-bottom: 11.12rem
}

.contact .content .link {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.contact .content .link .list-item {
    color: #fff;
    display: inline-block;
    margin: 11.25rem 4.5rem
}

.contact .content .link .list-item .icons {
    width: 3rem;
    height: 3rem;
    margin: 0 auto
}

.contact .content .link .list-item h4 {
    font-size: 1.37rem;
    color: #000;
    margin-top: 2.5rem;
    margin-bottom: 3rem
}

.contact .content .link .list-item p {
    color: #5c5c5c
}

.contact .content .link .list-item p a{
    color: #5c5c5c
}

.contact .content .link .list-item .icon-phone {
    background: url(../images/sprite-1.png) no-repeat center;
    background-position: 0 0
}

.contact .content .link .list-item .icon-address {
    background: url(../images/sprite-1.png) no-repeat center;
    background-position: 0 -143px
}

.contact .content .link .list-item .icon-email {
    background: url(../images/sprite-1.png) no-repeat center;
    background-position: -144px 0
}

.contact .content .conp-img {
    width: 100%;
    border: .37rem solid #fff;
    background: #eee
}

@media screen and (max-width: 768px) {
    .contact .content {
        max-width:100%;
        padding: 2.75rem 0 0
    }

    .contact .content .zh-title {
        font-size: 1.5rem;
        color: #000;
        margin-bottom: 3.12rem
    }

    .contact .content .en-title {
        margin: 3.75rem 0 2.5rem
    }

    .contact .content .en-title img {
        height: 1.5rem
    }

    .contact .content .link {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
        -ms-flex-direction: column;
        flex-direction: column
    }

    .contact .content .link .list-item {
        margin: 0 0 3.75rem
    }

    .contact .content .link .list-item h4 {
        margin: 1.5rem 0
    }
}

.inner-nav {
    width: 100%;
    background: url(../images/bg5.png) repeat
}

.inner-nav.fixed {
    position: fixed;
    left: 0;
    top: 4.9rem;
    z-index: 300;
    right: 0;
}

.inner-nav>ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.inner-nav li {
    width: 33.33%;
    height: 15.75rem;
    float: left;
    padding: 4.5rem 0
}

.inner-nav li a {
    display: block;
    line-height: 6.75rem;
    font-size: 1.12rem;
    font-weight: 700;
    color: #343434;
    text-align: center;
    border-right: 1px solid #ddd
}

.inner-nav li:last-child a {
    margin-right: 0
}

.inner-nav li.active,.inner-nav li:hover {
    border-bottom: 2px solid #343434
}

@media screen and (max-width: 768px) {
    .inner-nav {
        background:url(../images/bg8.png) repeat
    }

    .inner-nav.tips {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        padding: 0 1.87rem
    }

    .inner-nav.tips li {
        width: inherit
    }

    .inner-nav>ul {
        padding: 0 .5rem
    }

    .inner-nav li {
        padding: 0 1rem;
        height: 4.06rem;
        width: 6.25rem;
        float: none;
        -ms-flex-preferred-size: auto;
        flex-basis: auto
    }

    .inner-nav li a {
        line-height: 1;
        font-size: .87rem;
        border-right: 0;
        font-weight: 400;
        color: #000;
        padding: 1.5rem 0 0;
    }
}

.equipment {
    padding-top: 8.25rem;
    background: url(../images/bg7.png) repeat;
    overflow: hidden;
}

.equipment .title {
    font-size: 2.37rem;
    color: #343434;
    text-align: center;
    margin-bottom: 8.75rem;
    margin-top: 2.5rem
}

.equipment ul>li {
    float: left;
    width: 31.333%;
    margin: 0 1% 5.62rem
}

.equipment ul>li .equipment-img {
    background: #fff;
    height: 26.25rem;
    width: 100%;
    text-align: center;
    line-height: 26.25rem
}

.equipment ul>li .equipment-img img {
    max-width: 90%
}

.equipment ul>li .equipment-txt {
    font-size: 1.12rem;
    color: #343434;
    padding: 2.81rem 0;
    text-align: center
}

@media screen and (max-width: 768px) {
    .equipment {
        padding-top:6.25rem
    }

    .equipment .title {
        font-size: 1.12rem;
        margin-top: 1.25rem;
        margin-bottom: 3.12rem
    }

    .equipment ul {
        padding: 0 2.18rem
    }

    .equipment ul>li {
        width: 100%;
        margin-bottom: 0
    }

    .equipment ul>li .equipment-img {
        height: auto;
        line-height: 1;
        padding: 1.25rem
    }

    .equipment ul>li .equipment-txt {
        font-size: .87rem;
        color: #343434;
        padding: 3.12rem 0
    }
}

.size {
    padding: 10rem 0 7.5rem;
    background: url(../images/bg7.png) repeat;
    text-align: center
}

.size .title {
    font-size: 38px;
    margin-bottom: 6rem;
    color: #343434;
    text-align: center;
}

.size .mebolie {
    display: none
}

.size .mebolie .title {
    font-size: 20px;
    margin-bottom: 2rem;
}

.size img {
    max-width: 95%;
    height: auto
}

@media screen and (max-width: 768px) {
    .size {
        padding:6.25rem 0 2.5rem
    }

    .size .pc {
        display: none
    }

    .size .mebolie {
        display: block;
        margin: 0 auto;
        max-width: 95%
    }
}

.format {
    padding: 6.25rem 0 11.25rem;
    background: url(../images/bg7.png) repeat
}

.format .title {
    font-size: 2.37rem;
    color: #343434;
    text-align: center;
    margin-bottom: 7.5rem
}

.format .content {
    width: 101.87rem;
    margin: 0 auto;
    max-width: 95%
}

.format .table {
    width: 100%
}

.format .table tbody td {
    width: 50%;
    height: 14.5rem;
    vertical-align: middle;
    padding: 0 4.3%;
    color: #373737
}

.format .table tbody td .number {
    font-size: 2.5rem;
    color: #5c5c5c;
    margin-right: 10.4%;
    display: inline-block;
    vertical-align: middle;
    width: 4%
}

.format .table tbody td .text {
    display: inline-block;
    vertical-align: middle;
    width: 83%
}

.format .mebolie {
    display: none
}

@media screen and (max-width: 768px) {
    .format {
        padding:4.37rem 0 6.25rem
    }

    .format .pc {
        display: none
    }

    .format .mebolie {
        display: block;
        margin: 0 auto;
        max-width: 96%
    }

    .format .title {
        font-size: 1.5rem;
        margin-bottom: 2.18rem
    }

    .format .table {
        border-bottom: 1px solid #dee2e6
    }

    .format .table tbody td {
        border-left: 1px solid #dee2e6;
        border-right: 1px solid #dee2e6;
        padding: 1.5rem 1.25rem;
        height: auto;
        font-size: .87rem;
        font-weight: lighter
    }
}

.works-m {
    padding: 5rem 0 12rem;
    background: url(../images/bg6.png) repeat;
    position: relative;
    overflow: hidden
}

.works-m .content {
    width: 93.75rem;
    margin: 0 auto;
    max-width: 100%
}

.works-m img {
    max-width: 100%;
    height: auto
}

.works-m .works-l {
    width: 66%;
    position: relative;
    z-index: 10
}

.works-m .works-r {
    width: 36.5%;
    position: relative
}

.works-m .w-zh-title {
    font-size: 3rem;
    color: #212020;
    position: absolute;
    padding-left: 3.25rem;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 30%;
    white-space: nowrap
}

.works-m .w-zh-title:before {
    content: '';
    width: 2rem;
    border-bottom: 3px solid #212020;
    position: absolute;
    left: 0;
    bottom: 1.5rem
}

.works-m .w-en-title {
    font-size: 11.25rem;
    color: #212020;
    font-family: Arial;
    font-style: italic;
    position: absolute;
    bottom: 0;
    left: -6.25rem;
    line-height: 7.87rem;
    white-space: nowrap
}

@media screen and (max-width: 1700px) {
    .works-m .w-en-title {
        left: 0;
    }
}

.works-m .works-three .works-l {
    text-align: center;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.works-m .works-three .works-l img {
    max-width: 63%
}

.works-m .works-three .works-l .en-text {
    font-size: .62rem;
    color: #b2b2b2;
    position: absolute;
    left: 50%;
    top: 12%;
    -webkit-writing-mode: tb-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: tb-lr;
    -webkit-writing-mode: vertical-lr;
    writing-mode: vertical-lr
}

.works-m .works-three .works-l .en-text:before {
    content: '';
    height: 4.5rem;
    border-left: 1px solid #dedede;
    position: absolute;
    left: .5rem;
    top: -5rem;
    z-index: 1
}

.works-m .works-three .works-l .en-text:after {
    content: '';
    height: 4.5rem;
    border-left: 1px solid #dedede;
    position: absolute;
    left: .5rem;
    bottom: -5rem
}

.works-m .works-three .works-r {
    padding-bottom: 1rem
}

.works-m .works-title {
    position: relative;
    padding: 6.25rem 0 12.5rem;
    padding-left: 6rem;
    overflow: hidden
}

/*.works-m .works-title:after {*/
    /*content: '';*/
    /*width: 14.68rem;*/
    /*border-bottom: 5px solid #000;*/
    /*position: absolute;*/
    /*bottom: 9.37rem;*/
    /*left: 2.87rem*/
/*}*/

.works-m .works-title h2 {
    font-size: 3rem;
    position: relative;
    padding-left: 3.25rem;
}

.works-m .works-title h2:before {
    content: '';
    width: 2rem;
    border-bottom: 3px solid #212020;
    position: absolute;
    left: 0;
    top: 1.8rem;
}

.works-m .works-title .w-en-title {
    bottom: 0;
    left: 8.75rem
}

.works-m .works-four {
    position: relative
}

.works-m .works-four .works-l {
    width: 35%;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.works-m .works-four .works-r {
    width: 65%
}

.works-m .works-four .works-r .w-en-title {
    left: -1rem;
    bottom: -12rem;
    font-size: 15.12rem;
    line-height: 10.62rem;
    z-index: 100
}

.works-m .works-four .works-r .w-en-title.in {
    left: 0;
    font-size: 14.5rem
}

@media screen and (max-width: 768px) {
    .works-m {
        padding:0
    }

    .works-m img {
        width: 100%;
    }

    .works-m .works-l {
        width: 100%
    }

    .works-m .works-r {
        width: 100%
    }

    .works-m .w-zh-title {
        font-size: 1.25rem;
        left: 3.75rem;
        -webkit-transform: none;
        transform: none
    }

    .works-m .w-zh-title:before {
        width: 1.5rem;
        border-bottom: 2px solid #212020;
        left: 0;
        bottom: .87rem
    }

    .works-m .works-title h2:before {
        width: 1.5rem;
        border-bottom: 2px solid #212020;
        left: 1rem;
        top: .8rem;
    }

    .works-m .w-en-title {
        font-size: 2.87rem;
        right: .62rem;
        left: auto;
        width: auto;
        height: 4rem;
        line-height: 1;
    }

    .works-m .w-en-title img {
        max-height: 100%;
        width: auto;
    }

    .works-m .works-one {
        -webkit-box-orient: vertical;
        -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
        flex-direction: column-reverse
    }

    .works-m .works-one .works-l {
        height: 11.25rem
    }

    .works-m .works-three .works-r {
        padding-bottom: 0
    }

    .works-m .works-three .works-l img {
        max-width: 100%
    }

    .works-m .works-title {
        padding: 3.75rem 1.87rem 6.25rem
    }

    .works-m .works-title:after {
        width: 7.5rem;
        border-bottom: 2px solid #000;
        bottom: 5rem;
        left: 1rem
    }

    .works-m .works-title h2 {
        font-size: 1.25rem
    }

    .works-m .works-title .w-en-title {
        font-size: 3rem;
        right: .62rem;
        left: auto;
        line-height: 2.5rem;
        bottom: 0;
        height: 4rem;
        width: auto;
    }

    .works-m .works-four .works-l {
        display: none
    }

    .works-m .works-four .works-r {
        width: 100%;
        position: relative!important;
    }

    .works-m .content>div:last-child .works-l {
        display: block;
        width: 100%
    }

    .works-m .content>div:last-child .works-r {
        height: 13.25rem
    }

    .works-m .content>div:last-child .works-r .w-zh-title {
        left: 2rem;
    }

    .works-m .content>div:last-child .works-r .w-en-title {
        font-size: 2.5rem;
        bottom: 0;
        line-height: 3.75rem;
        right: 1.25rem;
        left: auto;
        width: auto;
        height: 4rem;
    }
}
.intelligence {
    background: url(../images/bg6.png) repeat;
    overflow: hidden;
    padding: 9.37rem 0 5.62rem;
}

.intelligence .content {
    width: 93.75rem;
    margin: 0 auto;
    max-width: 100%;
    overflow: hidden;
}

.intelligence .content .list h1 {
    font-size: 3rem;
    color: #000000;
    text-align: center;
    margin-top: 3.75rem;
    margin-bottom: 7.5rem;
}

.intelligence .vjs-poster {
    background-size: cover;
}

.intelligence .video-js .vjs-big-play-button {
    width: 7.5rem;
    height: 7.5rem;
    border-radius: 100%;
    border-width: 0.62rem;
    font-size: 3.75rem;
    line-height: 6.25rem;
    background: transparent;
    margin: 0;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
    .intelligence {
        padding: 0 0 1.5rem;
    }
    .intelligence .content .list h1 {
        font-size: 1rem;
        color: #000000;
        text-align: center;
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }
    .intelligence .video-js .vjs-big-play-button {
        width: 2.4rem;
        height: 2.4rem;
        border-width: 0.2rem;
        font-size: 1.5rem;
        line-height: 2rem;
    }
}