/* CSS Reset */
html {
    -webkit-text-size-adjust: none;
    font-size: 62.5%;
}

body {
    color: #1a1a1a;
    overflow-x: hidden;
    margin: 0;
    padding: 0;
}

.test-border-red {
    border:1px solid red;
}
.test-border-blue {
    border: 1px solid blue;
}

input, select, textarea {
    border-radius: 0;
    outline: none;
    font-family: PingFang SC,'Microsoft YaHei',Arial,sans-serif;
}

    input[type="button"], input[type="submit"], input[type="reset"], input[type="text"], input[type="password"] {
        -webkit-appearance: none;
    }

a, *::before, *::after {
    font-size: 14px;
    text-decoration: none;
    -webkit-transition: all .4s ease;
    -moz-transition: all .4s ease;
    transition: all .4s ease;
    color: #1a1a1a;
}

    a * {
        -webkit-transition: all .4s ease;
        -moz-transition: all .4s ease;
        transition: all .4s ease;
    }

.fullscreen, .fullscreen body {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.pcshow {
    display: block;
}

.mbshow {
    display: none !important;
}

.clear {
    clear: both;
}

.img {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-color: #333;
}

.pic {
    position: relative;
    overflow: hidden;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
}

    .img img, .pic img {
        max-width: 100%;
        max-height: 100%;
        margin: auto;
        padding: 0;
        border: 0;
        width: 100%;
        height: auto;
        border: none;
    }

.img-center {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    display: block;
    width: auto !important;
    height: auto !important;
    z-index: 1;
    max-width: 100%;
    max-height: 100%;
}

.img-block {
    display: block;
    width: 100%;
    height: auto;
}

.img-inline {
    display: inline-block;
    width: auto;
    height: auto;
    max-width: 100%;
}

.img-alt {
    opacity: 0;
}

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

.clamp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.clamp3 {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

.text-center {
    text-align: center;
}

.div-container {
    position: relative;
    width: 74%;
    margin: auto;
}

::-webkit-scrollbar {
    height: 4px;
    width: 3px;
    background: #ededed;
}

::-webkit-scrollbar-button {
    height: 0;
    width: 5px;
    background: #ededed;
}

::-webkit-scrollbar-thumb {
    background-color: #2453b3;
    box-shadow: inset 1px 1px 0 #2453b3,inset 0 -1px 0 #2453b3;
}




/* header */
.header {
    position: fixed;
    left: 0;
    top: 0;
    z-index: 500;
    width: 100%;
    transition: all .4s ease;
}

    .header * {
        transition: all .4s ease;
    }

.header-content {
    width: 96%;
    height: 9rem;
    margin: auto;
    position: relative;
    z-index: 500;
}

.header-nav, .header-nav ul li, .header-nav ul li::after, .header-nav ul a.nav, .header-icon, .header-icon li {
    display: inline-block;
    vertical-align: middle;
}

.header-logo {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    width: auto;
}

    .header-logo a {
        display: block;
        background-position: left center;
        background-repeat: no-repeat;
        background-size: 100%;
        filter: invert(1) grayscale(1) brightness(5);
    }

        .header-logo a svg * {
            fill: #fff !important;
        }

    .header-logo img {
        display: block;
        max-width: 100%;
    }

.header-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
    text-align: right;
    font-size: 0;
}

.header-nav {
    text-align: center;
}

    .header-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        font-size: 0;
    }

        .header-nav ul li {
            list-style: none;
            margin: 0;
            position: relative;
            font-size: 0;
            z-index: 50;
            padding: 0;
        }

        .header-nav ul a {
            color: #fff;
        }

            .header-nav ul a.nav {
                position: relative;
                padding: 0 2rem;
                line-height: 9rem;
                opacity: .7;
            }

                .header-nav ul a.nav span {
                    position: relative;
                }

                    .header-nav ul a.nav span::after {
                        content: '';
                        width: 100%;
                        height: 2px;
                        position: absolute;
                        left: 0;
                        bottom: -50%;
                        background: #fff;
                        opacity: 0;
                    }

        .header-nav ul li.cur a.nav {
            opacity: 1;
        }

            .header-nav ul li.cur a.nav span::after {
                opacity: 1;
            }

        .header-nav ul li.telephone {
            margin-left: 5rem;
        }

        .header-nav ul li.search {
            margin-left: 1rem;
        }

            .header-nav ul li.telephone a, .header-nav ul li.search a.icon {
                border: 2px solid rgba(255,255,255,.2);
                border-radius: 10rem;
                padding: 1.2rem;
            }

        .header-nav ul li.telephone a {
            padding: 1.2rem 2rem;
        }

        .header-nav ul li i {
            display: inline-block;
            vertical-align: middle;
            width: 2rem;
            height: 2rem;
            position: relative;
        }

        .header-nav ul li.telephone span, .header-nav ul li.search span {
            margin-left: .6rem;
            display: inline-block;
            vertical-align: middle;
            font-family: 'Barlow';
        }


.header.scroll-down, .header.scroll-top, .header.black {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

    .header.scroll-down .header-nav ul a.nav, .header.scroll-top .header-nav ul a.nav, .header.black .header-nav ul a.nav {
        color: #000;
    }

    .header.scroll-down .header-nav ul li.cur a, .header.scroll-top .header-nav ul li.cur a, .header.black .header-nav ul li.cur a {
        color: #000;
    }

    .header.scroll-down .header-nav ul a.nav span::after, .header.scroll-top .header-nav ul a.nav span::after, .header.black .header-nav ul a.nav span::after {
        background: #2453b3;
    }

    .header.scroll-down .header-nav ul li span, .header.scroll-top .header-nav ul li span, .header.black .header-nav ul li span {
        color: #000;
    }

    .header.scroll-down .header-nav ul li.cur span, .header.scroll-top .header-nav ul li.cur span, .header.black .header-nav ul li.cur span {
        color: #2453b3;
    }

    .header.scroll-down .header-logo a, .header.scroll-top .header-logo a, .header.black .header-logo a {
        filter: none;
    }

    .header.scroll-down .header-nav ul li i, .header.scroll-top .header-nav ul li i, .header.black .header-nav ul li i {
        filter: invert(1);
    }

    .header.scroll-down .header-nav ul li.telephone a,
    .header.scroll-down .header-nav ul li.search a,
    .header.scroll-top .header-nav ul li.telephone a,
    .header.scroll-top .header-nav ul li.search a,
    .header.black .header-nav ul li.telephone a,
    .header.black .header-nav ul li.search a {
        border: 2px solid rgba(0,0,0,.2);
    }

.header.scroll-down {
    top: -100px;
}

.detail .header {
    background: #fff;
    border-bottom: 1px solid rgba(0,0,0,.1);
}

    .detail .header .header-nav ul a.nav, .detail .header .header-nav ul li.cur a, .detail .header .header-nav ul li span {
        color: #000;
    }

    .detail .header .header-nav ul li.cur span {
        color: #2453b3;
    }

    .detail .header .header-nav ul a.nav span::after {
        background: #2453b3;
    }

    .detail .header .header-logo a {
        filter: none;
    }

    .detail .header .header-nav ul li.telephone a, .detail .header .header-nav ul li.search a {
        border: 2px solid rgba(0,0,0,.2);
    }


.show-language {
    position: absolute;
    right: -50%;
    top: 100%;
    z-index: 111;
    width: 12rem;
    margin-right: -1.5rem;
    display: none;
}

    .show-language::before {
        content: '';
        width: 0;
        height: 0;
        border-right: 1rem solid transparent;
        border-left: 1rem solid transparent;
        border-bottom: 1rem solid rgba(0,0,0,1);
        position: absolute;
        left: 50%;
        top: 1px;
        margin-left: -1rem;
    }

.show-language-item {
    background: rgba(0,0,0,1);
    padding: 5%;
    overflow: hidden;
    position: relative;
    margin-top: 1rem;
}

    .show-language-item a {
        display: block;
        padding: 10%;
        text-align: left;
        border-bottom: 1px solid rgba(255,255,255,.2);
        color: #fff !important;
    }

        .show-language-item a:hover {
            color: #999 !important;
        }

        .show-language-item a:last-child {
            border: none;
        }


.header-show-mark {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background: rgba(0,0,0,.6);
    z-index: -1;
    opacity: 0;
    transition: all .4s ease;
}

    .header-show-mark.cur {
        display: block;
        z-index: 100;
        opacity: 1;
    }

.header-nav-show {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    z-index: 111;
    overflow: hidden;
    transition: all .4s ease;
}

    .header-nav-show.Hide {
        opacity: 0;
        height: 0;
        z-index: 111;
    }

.header-nav-show-content {
    width: 100%;
    position: relative;
    overflow: hidden;
    transition: all .4s ease;
    background: #fff;
    margin-top: 9rem;
    overflow: hidden;
}

.header-nav-content {
    padding: 2% 0;
    overflow: hidden;
    width: 80%;
    margin: auto;
}

.header-nav-content-left {
    float: left;
    width: 27%;
}

    .header-nav-content-left a {
        display: block;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
    }

    .header-nav-content-left .title-1 {
        color: #fff;
        position: absolute;
        left: 5%;
        bottom: 10%;
        z-index: 11;
        font-weight: 900;
    }

.header-nav-content-right {
    float: left;
    width: 40%;
    margin-left: 25.7%;
}

.header-show-right-nav-1 {
    float: left;
    width: 45%;
    overflow: hidden;
    padding: 0 10% 0 0;
    position: relative;
}

    .header-show-right-nav-1:last-child {
        padding: 0;
    }

    .header-show-right-nav-1 li, .header-show-right-nav-1 ul {
        list-style: none;
        padding: 0;
        margin: 0;
    }

        .header-show-right-nav-1 li:first-child {
            margin-top: -5%;
        }

    .header-show-right-nav-1 a {
        display: block;
        position: relative;
        position: relative;
        padding: 7% 0;
        color: #666;
    }

        .header-show-right-nav-1 a:hover {
            color: #2453b3;
        }

        .header-show-right-nav-1 a::after {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #ededed;
        }

        .header-show-right-nav-1 a::before {
            content: '';
            width: 0;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #2453b3;
            transition: all .4s ease;
            z-index: 11;
        }

        .header-show-right-nav-1 a i {
            display: block;
            width: 7px;
            height: 14px;
            position: absolute;
            right: 10px;
            top: 50%;
            background: url('../images/r3.png') center no-repeat;
            margin-top: -7px;
            opacity: 0;
        }

        .header-show-right-nav-1 a:hover i {
            right: 0;
            opacity: 1;
        }

        .header-show-right-nav-1 a:hover::before {
            width: 100%;
        }

    .header-show-right-nav-1 ul {
        display: none;
    }

        .header-show-right-nav-1 ul::before {
            content: '';
            width: 1px;
            height: 100%;
            position: absolute;
            left: -10%;
            bottom: 0;
            background: #ededed;
        }

        .header-show-right-nav-1 ul li:first-child {
            margin-top: -.5%;
        }

        .header-show-right-nav-1 ul.cur {
            display: block;
        }

        .header-show-right-nav-1 ul li i {
            opacity: 1;
            filter: grayscale(100%);
        }

        .header-show-right-nav-1 ul li a {
            padding: 3% 0;
        }

            .header-show-right-nav-1 ul li a:hover {
                color: #2453b3;
            }

                .header-show-right-nav-1 ul li a:hover i {
                    filter: grayscale(0);
                }

            .header-show-right-nav-1 ul li a::before, .header-show-right-nav-1 ul li a::after {
                display: none;
            }

    .header-show-right-nav-1.psrn2 {
        overflow: visible;
    }



/* menu */
.menu-toggle {
    display: none;
    width: 7rem;
    height: 7rem;
    position: absolute;
    overflow: hidden;
    right: 0;
    top: 0px;
    z-index: 900;
}

.cd-nav-trigger {
    display: block;
    width: 7rem;
    height: 7rem;
}

.menu-toggle span.hamburger,
.menu-toggle span.hamburger:after,
.menu-toggle span.hamburger:before {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    margin-top: -1px;
    left: 50%;
    margin-left: -12px;
    -webkit-transition: transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
    transition: transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);
    -webkit-transition-timing-function: cubic-bezier(0.600,0.000,0.200,1.000);
    transition-timing-function: cubic-bezier(0.600,0.000,0.200,1.000);
    transition-delay: 0.15s;
}

    .menu-toggle span.hamburger:after {
        margin-top: -5px;
        top: 0;
        transition-delay: 0.27s;
    }

    .menu-toggle span.hamburger:before {
        margin-top: 5px;
        top: 0;
        transition-delay: 0.2s;
    }

.menu-toggle span.cross:before,
.menu-toggle span.cross:after {
    content: "";
    display: block;
    width: 24px;
    height: 2px;
    background: #000;
    position: absolute;
    top: 50%;
    margin-top: -1.5px;
    left: 50%;
    margin-left: -12px;
    -webkit-transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transform: translateY(-70px) translateX(-70px) rotate(45deg);
    transition-delay: 0.12s;
}

.menu-toggle span.cross:after {
    transition-delay: 0s;
    -webkit-transform: translateY(70px) translateX(-70px) rotate(-45deg);
    transform: translateY(70px) translateX(-70px) rotate(-45deg);
}

.menu-toggle span.cross:after {
    -webkit-transform: translateY(-70px) translateX(70px) rotate(-45deg);
    transform: translateY(-70px) translateX(70px) rotate(-45deg);
}

.no-touch .menu-toggle span.hamburger,
.no-touch .menu-toggle span.hamburger:after,
.no-touch .menu-toggle span.hamburger:before {
    -webkit-transform: translateX(70px);
    transform: translateX(70px);
    transition-delay: 0.12s;
}

    .no-touch .menu-toggle span.hamburger:after {
        transition-delay: 0s;
    }

    .no-touch .menu-toggle span.hamburger:before {
        transition-delay: 0.07s;
    }

.no-touch .menu-toggle span.cross:before {
    transition-delay: 0.12s;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    background: #000;
}

.no-touch .menu-toggle span.cross:after {
    transition-delay: 0.24s;
    -webkit-transform: rotate(-45deg) !important;
    transform: rotate(-45deg) !important;
    background: #000;
}






/* footer */
.footer {
    background: #eeeeee;
    position: relative;
    clear: both;
    overflow: hidden;
    color: #000;
}

.footer-content {
    width: 81%;
    margin: auto;
    position: relative;
}

.footer-content-top {
    padding: 3.3% 0 20px 0;
    overflow: hidden;
}

.footer-left {
    float: left;
    width: 30%;
}

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

.footer-contact {
    margin-top: 5%;
    float: left;
    width: 100%;
}

    .footer-contact .tel-1 {
        color: #1a1a1a;
        font-family: 'Barlow-Bold';
    }

    .footer-contact .text-1 {
        color: #8d8e90;
        margin-top: 1%;
    }

.footer-ewmgzh {
    float: left;
    width: 45%;
    margin-top: 5%;
    margin-left: 5%;
}

    .footer-ewmgzh li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 45%;
        margin-left: 5%;
    }

        .footer-ewmgzh li:last-child {
            margin-right: 0;
        }

.footer-social {
    padding-top: 3%;
    clear: both;
}

    .footer-social li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        margin-right: 2px;
        position: relative;
    }

    .footer-social a {
        display: block;
        width: 4.6rem;
        height: 4.6rem;
        border-radius: 100%;
        background: #e4e6e8;
        position: relative;
    }

        .footer-social a:hover {
            background: #2453b3;
        }

            .footer-social a:hover img {
                filter: invert(100%);
                opacity: 1;
            }

    .footer-social img {
        opacity: .5;
    }

    .footer-social .ewmshow-1 {
        display: none;
        background: #fff;
        padding: 5px;
        width: 90px;
        height: 90px;
        overflow: hidden;
        position: absolute;
        bottom: 100%;
        left: 0;
        border-radius: 4px;
    }

    .footer-social li:hover .ewmshow-1 {
        display: block;
    }

        .footer-social li:hover .ewmshow-1 img {
            opacity: 1;
        }

.footer-right {
    text-align: right;
    float: right;
    width: 68%;
    overflow: hidden;
}

.footer-nav {
    font-size: 0;
}

    .footer-nav ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: top;
        width: 15%;
        text-align: left;
    }

        .footer-nav ul .title-1 {
            font-weight: 900;
            border-bottom: 1px solid #dfe0e3;
            padding: 1.5rem 0;
            width: 80%;
        }

        .footer-nav ul li {
            list-style: none;
            margin: 0;
            padding: 0;
            padding-top: 1.5rem;
        }

            .footer-nav ul li a {
                display: block;
                color: #999;
                margin-bottom: 3%;
                font-size:14px;
            }

                .footer-nav ul li a:hover {
                    color: #000;
                }

        .footer-nav ul:last-child {
            width: 15%;
        }

            .footer-nav ul:last-child .title-1 {
                width: 100%;
            }

.footer-content-bottom {
    overflow: hidden;
    color: #999;
}

    .footer-content-bottom .footer-content {
        border-top: 1px solid #dfe0e3;
        padding: 1% 0;
        position: relative;
    }

    .footer-content-bottom a {
        color: #999;
    }

        .footer-content-bottom a:hover {
            color: #000;
        }

.footer-copy {
    overflow: hidden;
}

.footer-link {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}


.aside-top {
    position: fixed;
    width: 50px;
    bottom: 3%;
    right: 1%;
    z-index: 199;
    display: none;
}

    .aside-top a {
        width: 50px;
        height: 50px;
        display: block;
        overflow: hidden;
        background: #2453b3 url('../images/up1.png') no-repeat center;
        border-radius: 100%;
    }



/* index */

.index-banner-swiper {
    width: 100%;
    height: 100%;
    position: relative;
    background: #000;
}

    .index-banner-swiper .swiper-slide-active .img .pic {
        animation: srmgani 4000ms 1 ease forwards;
    }

@keyframes srmgani {
    0% {
        transform: scale(1.05);
    }

    100% {
        transform: scale(1.0);
    }
}

.index-banner-item {
    position: relative;
}

.index-banner-text {
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 100;
    color: #fff;
}

    .index-banner-text .title-1 strong {
        opacity: .5;
    }

    .index-banner-text .title-2 {
        margin-top: 0%;
    }

    .index-banner-text .text-1 {
        margin-top: 3%;
    }

.index-banner-swiper .title-1,
.index-banner-swiper .title-2,
.index-banner-swiper .text-1,
.index-banner-swiper .more-1 {
    opacity: 0;
    transform: translateY(-60px);
    transition: opacity .8s linear,transform .8s cubic-bezier(.215,.61,.355,1);
    /* transition: opacity .8s linear,transform .8s ; */
}

.index-banner-swiper .title-1 {
    transition-delay: .2s;
}

.index-banner-swiper .title-2 {
    transition-delay: .4s;
}

.index-banner-swiper .text-1 {
    transition-delay: .5s;
}

.index-banner-swiper .swiper-slide-active .title-1,
.index-banner-swiper .swiper-slide-active .title-2,
.index-banner-swiper .swiper-slide-active .text-1 {
    transform: translateY(0px);
    opacity: 1;
}


.banner-right-bottom {
    position: absolute;
    right: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
}

.banner-prev, .banner-next {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
    width: 5.6rem;
    height: 5.6rem;
    border: 2px solid rgba(255,255,255,.5);
    border-radius: 100%;
    margin: 1rem 0;
}

    .banner-prev::after, .banner-next::after {
        font-size: 12px;
        color: #fff;
        font-weight: 900;
    }

.banner-swiper-bottom {
    position: absolute;
    left: 10%;
    width: 80%;
    z-index: 11;
    bottom: 0;
    overflow: hidden;
}

    .banner-swiper-bottom::before {
        content: '';
        width: 100%;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0;
        opacity: .2;
        background: #fff;
    }

.banner-scroll {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 7rem;
    z-index: 11;
    left: 0;
}

.index-banner-swiper .banner-pagination {
    left: auto;
    bottom: auto;
    right: auto !important;
    left: auto;
    width: auto;
    color: #fff;
    width: auto;
    transform: none;
    width: 50%;
    text-align: right;
    float: right;
    position: relative;
    padding: 2% 0;
}

    .index-banner-swiper .banner-pagination span {
        opacity: 1;
        margin: 0 3px !important;
        position: relative;
        width: 30px;
        height: 30px;
        background: transparent;
    }

        .index-banner-swiper .banner-pagination span::before {
            content: '';
            width: 4px;
            height: 4px;
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: 100%;
            transform: translate(-50%,-50%);
            background: #fff;
            transition: all .4s ease;
        }

        .index-banner-swiper .banner-pagination span::after {
            content: '';
            width: 26px;
            height: 26px;
            position: absolute;
            left: 50%;
            top: 50%;
            border-radius: 100%;
            transform: translate(-50%,-50%);
            z-index: 1;
            border: 2px solid rgba(255,255,255,.5);
            opacity: 0;
            transition: all .4s ease;
        }

        .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::before {
            background: #fff !important;
        }

        .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active::after {
            opacity: 1;
        }

        .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .content {
            opacity: 1;
        }

        .index-banner-swiper .banner-pagination span .content {
            position: absolute;
            top: 0;
            width: 50%;
            height: 100%;
            margin: 0;
            padding: 0;
            overflow: hidden;
            opacity: 0;
            transition: all .4s ease;
            z-index: 11;
        }

        .index-banner-swiper .banner-pagination span .left {
            left: 0;
        }

        .index-banner-swiper .banner-pagination span .right {
            right: 0;
        }

        .index-banner-swiper .banner-pagination span .circle {
            position: absolute;
            margin: 0;
            width: 30px;
            height: 30px;
            border-radius: 50%;
            border: 2px solid transparent;
            transform: rotate(135deg);
            box-sizing: border-box;
        }

        .index-banner-swiper .banner-pagination span .left-circle {
            left: 0;
            border-top-color: #fff;
            border-left-color: #fff;
        }

        .index-banner-swiper .banner-pagination span .right-circle {
            right: 0;
            border-bottom-color: #fff;
            border-right-color: #fff;
        }

        .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .left-circle {
            animation: circleleft 3s linear forwards;
        }

        .index-banner-swiper .banner-pagination span.swiper-pagination-bullet-active .right-circle {
            animation: circleright 3s linear forwards;
        }

@keyframes circleright {
    0% {
        transform: rotate(135deg);
    }

    50%,100% {
        transform: rotate(315deg);
    }
}

@keyframes circleleft {
    0%,50% {
        transform: rotate(135deg);
    }

    100% {
        transform: rotate(315deg);
    }
}




.tabs-title {
    margin-top: 10px;
    display: flex;
    flex-direction: row;
    justify-content: left;
    border-bottom: 2px solid #707070;
}

    .tabs-title li {
        list-style: none;
        margin: 0px;
        padding: 10px 30px;
        font-size: 16px;
        font-weight: bold;
        /* border-bottom:2px solid red;*/
    }

        .tabs-title li:hover {
            border-bottom: 2px solid red;
        } 







        .nt-content {
            width: 80%;
            margin: auto;
        }

.nt-index-news {
    overflow: hidden;
    padding: 5% 0;
}

.nt-index-news-left {
    float: left;
    width: 30%;
}

.nt-title {
    overflow: hidden;
}

    .nt-title .title-1 {
        color: #000;
        font-weight: bold;
    }

        .nt-title .title-1 em {
            font-style: normal;
            color: #2453b3;
            font-weight: bold;
        }

    .nt-title .text-1 {
        color: #999999;
        margin-top: .5rem;
    }

.nt-index-news-left-video {
    margin-top: 18%;
}

    .nt-index-news-left-video a {
        display: block;
        position: relative;
        border-radius: 10px;
        overflow: hidden;
    }

        .nt-index-news-left-video a::before {
            content: '';
            width: 5rem;
            height: 5rem;
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            background: url('../upload/play.png') center no-repeat;
            z-index: 11;
        }

    .nt-index-news-left-video .text-1 {
        color: #fff;
        position: absolute;
        left: 5%;
        bottom: 5%;
        width: 90%;
        z-index: 11;
    }

    .nt-index-news-left-video a:hover .img {
        transform: scale(1.05);
    }

.nt-index-news-left-news {
    margin-top: 8%;
}

    .nt-index-news-left-news li {
        list-style: none;
        margin: 0;
        padding: 4% 0;
        border-bottom: 1px solid #e5e5e5;
    }

        .nt-index-news-left-news li a {
            display: block;
            color: #666666;
        }

            .nt-index-news-left-news li a:hover {
                color: #000;
            }

.nt-index-news-right {
    float: right;
    width: 59%;
}

.nt-index-news-right-news {
    overflow: hidden;
    margin-top: -2%;
}

    .nt-index-news-right-news li {
        list-style: none;
        margin: 0;
        position: relative;
    }

        .nt-index-news-right-news li a {
            display: block;
            position: relative;
            padding: 2% 0 0 0;
            overflow: hidden;
        }

            .nt-index-news-right-news li a::after {
                content: '';
                width: 100%;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #e6e6e6;
            }

            .nt-index-news-right-news li a::before {
                content: '';
                width: 0;
                height: 2px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #2453b3;
                z-index: 11;
                transition: all .4s ease;
            }

        .nt-index-news-right-news li strong {
            font-weight: normal;
            color: #666666;
            width: 80%;
            display: block;
        }

        .nt-index-news-right-news li span {
            display: block;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #999999;
        }

        .nt-index-news-right-news li p {
            opacity: 0;
            color: #000;
            display: block;
            padding: 0;
            margin: 0;
            position: relative;
        }

            .nt-index-news-right-news li p::after {
                content: '';
                width: 2.5rem;
                height: 1.6rem;
                position: absolute;
                right: 0;
                top: 0;
                transform: translateX(100%);
                background: url('../images/r1.png') center no-repeat;
                transition: all .8s ease;
                opacity: 0;
            }

        .nt-index-news-right-news li.cur a {
            padding: 2% 0;
        }

            .nt-index-news-right-news li.cur a::before {
                width: 100%;
            }

            .nt-index-news-right-news li.cur a strong {
                font-size: 2.4rem;
                font-weight: bold;
                color: #000;
            }

            .nt-index-news-right-news li.cur a p {
                opacity: 1;
                margin-top: 1%;
            }

                .nt-index-news-right-news li.cur a p::after {
                    opacity: 1;
                    transform: translateX(0);
                }

            .nt-index-news-right-news li.cur a span {
                opacity: 0;
            }

.nt-index-news-right-pic-news {
    margin-top: 2%;
    overflow: hidden;
}

    .nt-index-news-right-pic-news li {
        list-style: none;
        margin: 0;
        padding: 0;
        float: left;
        width: 32%;
        margin-right: 1%;
    }

        .nt-index-news-right-pic-news li:last-child {
            margin-right: 0;
        }

        .nt-index-news-right-pic-news li a {
            display: block;
            overflow: hidden;
            border-radius: 10px;
            position: relative;
        }

        .nt-index-news-right-pic-news li .text-1 {
            position: absolute;
            left: 7%;
            width: 86%;
            bottom: 7%;
            z-index: 1;
            color: #fff;
        }

        .nt-index-news-right-pic-news li a:hover .img {
            transform: scale(1.05);
        }

.nt-index-identification-scope {
    padding: 5% 0;
    overflow: hidden;
    background: #f5f7fa;
}

.nt-index-identification-scope-top {
    position: relative;
    width: 80%;
    margin: auto;
}

.nt-swiper-right {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: right;
    width: 40%;
    user-select: none;
}

    .nt-swiper-right * {
        user-select: none;
    }

    .nt-swiper-right .identification-prev, .nt-swiper-right .identification-next, .nt-swiper-right .identification-pagination {
        display: inline-block;
        position: relative;
        vertical-align: middle;
        right: auto;
        left: auto;
        top: auto;
        bottom: auto;
        transform: none;
        width: auto;
        margin: auto;
        transition: all .4s ease;
    }

    .nt-swiper-right .identification-prev, .nt-swiper-right .identification-next {
        border: 2px solid #668cd9;
        border-radius: 100%;
        width: 5.5rem;
        height: 5.5rem;
    }

        .nt-swiper-right .identification-prev:hover, .nt-swiper-right .identification-next:hover {
            background: #2453b3;
            border: 2px solid #2453b3;
        }

            .nt-swiper-right .identification-prev:hover::after, .nt-swiper-right .identification-next:hover::after {
                color: #fff;
            }

        .nt-swiper-right .identification-prev::after, .nt-swiper-right .identification-next::after {
            font-size: 12px;
            font-weight: 900;
            color: #2453b3;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            position: absolute;
        }

    .nt-swiper-right .identification-pagination {
        margin: 0 2rem;
        font-size: 2rem;
        color: #b2b2b2;
        font-family: 'Barlow';
        width: 6rem;
    }

        .nt-swiper-right .identification-pagination span::before {
            content: '0';
            color: #b2b2b2;
            font-size: 2rem;
        }

        .nt-swiper-right .identification-pagination span.swiper-pagination-current {
            color: #2453b3;
        }

            .nt-swiper-right .identification-pagination span.swiper-pagination-current::before {
                color: #2453b3;
            }

.nt-index-identification-scope-bottom {
    margin-top: 3%;
    overflow: hidden;
    float: right;
    width: 90%;
}

.nt-index-identification-scope-swiper {
    overflow: hidden;
}

.nt-index-identification-scope-item {
    position: relative;
}

    .nt-index-identification-scope-item a {
        display: block;
        border-radius: 1px;
        overflow: hidden;
        position: relative;
    }

        .nt-index-identification-scope-item a::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            transition: all .4s ease;
            /* background: linear-gradient(to top, rgba(36,83,179,0.8),rgba(36,83,179,0));*/
            background: linear-gradient(to top, rgba(251,233,231,0.8),rgba(251,233,231,0));
            z-index: 9;
            opacity: 0;
        }

    .nt-index-identification-scope-item .text {
        position: absolute;
        left: 10%;
        bottom: 5%;
        width: 80%;
        z-index: 11;
        color: #fff;
    }

    .nt-index-identification-scope-item .num-1 {
        font-family: 'Barlow-Bold';
    }

    .nt-index-identification-scope-item .title-1 {
        margin-bottom: 5%;
    }

    .nt-index-identification-scope-item .text-1 {
        opacity: 0;
        height: 0px;
    }

    .nt-index-identification-scope-item a:hover .text {
        bottom: 5%;
    }

    .nt-index-identification-scope-item a:hover .text-1, .nt-index-identification-scope-item a:hover::before {
        opacity: 1;
    }

    .nt-index-identification-scope-item a:hover .text-1 {
        height: auto;
    }

.nt-index-about {
    padding: 5% 0;
    overflow: hidden;
}

.nt-index-about-top {
    position: relative;
    overflow: hidden;
}

.nt-index-about-left {
    float: left;
    width: 50%;
}

    .nt-index-about-left .img {
        border-radius: 16px;
    }

.nt-index-about-right {
    position: absolute;
    right: 0;
    top: 37%;
    transform: translateY(-50%);
    width: 44%;
}

    .nt-index-about-right .nt-title {
        overflow: hidden;
    }

        .nt-index-about-right .nt-title .text-1 {
            margin-top: 3%;
            color: #666666;
            text-align: justify;
        }

        .nt-index-about-right .nt-title .more-1 {
            margin-top: 8%;
        }


.more-1 {
    margin-top: 2%;
}

    .more-1 a {
        display: inline-block;
        position: relative;
        text-align: center;
        border: 2px solid rgba(36,83,179,0.2);
        border-radius: 50px;
        width: 16rem;
        padding: .2rem;
    }

    .more-1 span {
        color: #2453b3;
        position: absolute;
        left: 15%;
        top: 50%;
        transform: translateY(-50%);
    }

    .more-1 i {
        width: 4.7rem;
        height: 4.7rem;
        background: url('../images/r2.png') center no-repeat #2453b3;
        border-radius: 100%;
        display: block;
        float: right;
    }

    .more-1 a:hover {
        background: #2453b3;
        border: 2px solid #2453b3;
    }

        .more-1 a:hover span {
            color: #fff;
        }



.more-3 {
    margin-top: 2%;
    margin-bottom: 2%;
    text-align: center;
}

    .more-3 a {
        display: inline-block;
        position: relative;
        text-align: center;
        border: 2px solid rgba(36,83,179,0.2);
        border-radius: 1px;
        width: 16rem;
        padding: .2rem;
    }

    .more-3 span {
        color: #2453b3;
        position: absolute;
        left: 35%;
        top: 50%;
        transform: translateY(-50%);
    }

    .more-3 i {
        width: 0rem;
        height: 4.7rem;
        background: url('../images/r2.png') center no-repeat #2453b3;
        border-radius: 1%;
        display: block;
        float: right;
    }

    .more-3 a:hover {
        background: #da251d;
        border: 2px solid #2453b3;
    }

        .more-3 a:hover span {
            color: #fff;
        }




.nt-index-about-right-about {
    position: absolute;
    right: 0;
    top: 0;
    width: 10%;
    z-index: 1;
    text-align: right;
}

    .nt-index-about-right-about img {
        max-width: 100%;
    }

.nt-index-about-right-date {
    overflow: hidden;
    position: relative;
    right: 0;
    bottom: 0;
    z-index: 2;
    width: 100%;
    background: url('../images/bg.jpg');
    background-size: cover;
    border-radius: 16px;
    padding: 2% 0;
    background-color: #FCFCFC;
}

    .nt-index-about-right-date li {
        list-style: none;
        margin: 0;
        padding: 0;
        position: relative;
        width: 14%;
        float: left;
        color: #ff0000;
        padding: 0 5%;
        text-align:center;
        
    }

        .nt-index-about-right-date li::after {
            content: '';
            width: 1px;
            height: 90%;
            background: #FCFCFC;
            position: absolute;
            bottom: 0;
            right: 0;
            opacity: .2;
        }

        .nt-index-about-right-date li:last-child::after {
            display: none;
        }

        .nt-index-about-right-date li strong {
            font-weight: normal;
            font-family: 'Barlow';
        }

        .nt-index-about-right-date li em {
            font-style: normal;
        }

        .nt-index-about-right-date li p {
            display: block;
            padding: 0;
            margin: 0;
            opacity: .6;
            margin-top: 3%;
        }

.nt-index-about-bottom {
    margin-top: 7%;
    overflow: hidden;
}




.nt-index-about-icon {
    overflow: hidden;
}

    .nt-index-about-icon li {
        list-style: none;
        margin: 0;
        padding: 0;
        width: 20%;
        float: left;
        text-align: center;
        position: relative;
    }

        .nt-index-about-icon li::after {
            content: '';
            width: 1px;
            height: 90%;
            background: #ccc;
            position: absolute;
            bottom: 0;
            right: 0;
            opacity: .5;
        }

        .nt-index-about-icon li:last-child::after {
            display: none;
        }

    .nt-index-about-icon a {
        display: block;
        position: relative;
    }

    .nt-index-about-icon i {
        position: relative;
        display: block;
        width: 6.4rem;
        height: 6.4rem;
        border-radius: 10px;
        background: #f5f7fa;
        margin: auto;
    }

    .nt-index-about-icon p {
        display: block;
        margin: 0;
        padding: 0;
        margin-top: 5%;
    }

    .nt-index-about-icon a:hover i {
        background: #2453b3;
    }

        .nt-index-about-icon a:hover i img {
            filter: invert(100%);
        }

    .nt-index-about-icon a:hover p {
        color: #2453b3;
    }




.nt-index-about-img {
    overflow: hidden;
}

    .nt-index-about-img li {
        list-style: none;
        margin: 0;
        padding: 0;
      /*  width: 20%;*/
        width:30rem;
       /* float: left;*/
        text-align: center;
        position: relative;
    }

        .nt-index-about-img li::after {
            content: '';
            width: 1px;
            height: 90%;
            background: #ccc;
            position: absolute;
            bottom: 0;
            right: 0;
            opacity: .5;
        }

        .nt-index-about-img li:last-child::after {
            display: none;
        }

    .nt-index-about-img a {
        display: block;
        position: relative;
    }

    .nt-index-about-img i {
        position: relative;
        display: block;
        width: 30rem;
        height: 30rem;
        border-radius: 10px;
        background: #f5f7fa;
        margin: auto;
    }

    .nt-index-about-img p {
        display: block;
        margin: 0;
        padding: 0;
        margin-top: 5%;
    }

    .nt-index-about-img a:hover i {
        background: #2453b3;
    }

        .nt-index-about-img a:hover i img {
             filter: invert(5%); 
        
        }

    .nt-index-about-img a:hover p {
        color: #2453b3;
    }

.nt-index-about-windows {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 999;
    background: #fff;
    overflow: hidden;
    transition: all .4s ease;
    transform: translateX(-100%);
}

    .nt-index-about-windows.cur {
        transform: translateX(0);
    }

.nt-index-about-windows-top {
    overflow: hidden;
    border-bottom: 1px solid #e5e5e5;
    position: absolute;
    left: 0;
    width: 100%;
    height: 24%;
    z-index: 11;
    box-sizing: border-box;
}

    .nt-index-about-windows-top .nt-index-about-icon {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 80%;
        left: 10%;
    }

        .nt-index-about-windows-top .nt-index-about-icon li {
            padding: 1% 0;
        }

            .nt-index-about-windows-top .nt-index-about-icon li::after {
                bottom: auto;
                top: 50%;
                transform: translateY(-50%);
                height: 80%;
            }

            .nt-index-about-windows-top .nt-index-about-icon li.cur {
                background: #f4f6fb;
                border-radius: 16px;
            }

                .nt-index-about-windows-top .nt-index-about-icon li.cur i {
                    background: #2453b3;
                }

                    .nt-index-about-windows-top .nt-index-about-icon li.cur i img {
                        filter: invert(100%);
                    }

                .nt-index-about-windows-top .nt-index-about-icon li.cur p {
                    color: #2453b3;
                }

.nt-index-about-windows-bottom {
    width: 100%;
    height: 76%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
}

.nt-index-about-windows-item {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    transition: all .4s ease;
    opacity: 0;
}

.nt-about-windows-item-left {
    width: 32%;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
}

    .nt-about-windows-item-left .title-1 {
        overflow: hidden;
    }

    .nt-about-windows-item-left .text-1 {
        margin-top: 4%;
    }

    .nt-about-windows-item-left .more-1 {
        margin-top: 7%;
    }

        .nt-about-windows-item-left .more-1 a {
            width: 19rem;
        }

.nt-about-windows-item-right {
    float: right;
    width: 40%;
    height: 100%;
    position: relative;
}

    .nt-about-windows-item-right .tupian-1 {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        width: 104%;
        left: -30%;
        z-index: 11;
    }

    .nt-about-windows-item-right .img {
        background-color: #ccc;
        border-radius: 16px;
        overflow: hidden;
    }

.nt-index-about-windows-swiper {
    width: 100%;
    height: 100%;
}

    .nt-index-about-windows-swiper .swiper-slide-active .nt-index-about-windows-item {
        opacity: 1;
    }

.iawswiper-pagination span {
    opacity: 1;
    margin: 0 3px !important;
    position: relative;
    width: 30px;
    height: 30px;
    background: transparent;
}

    .iawswiper-pagination span::before {
        content: '';
        width: 4px;
        height: 4px;
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 100%;
        transform: translate(-50%,-50%);
        background: #fff;
        transition: all .4s ease;
    }

    .iawswiper-pagination span::after {
        content: '';
        width: 26px;
        height: 26px;
        position: absolute;
        left: 50%;
        top: 50%;
        border-radius: 100%;
        transform: translate(-50%,-50%);
        z-index: 1;
        border: 2px solid rgba(255,255,255,.5);
        opacity: 0;
        transition: all .4s ease;
    }

    .iawswiper-pagination span.swiper-pagination-bullet-active::before {
        background: #fff !important;
    }

    .iawswiper-pagination span.swiper-pagination-bullet-active::after {
        opacity: 1;
    }

    .iawswiper-pagination span.swiper-pagination-bullet-active .content {
        opacity: 1;
    }

    .iawswiper-pagination span .content {
        position: absolute;
        top: 0;
        width: 50%;
        height: 100%;
        margin: 0;
        padding: 0;
        overflow: hidden;
        opacity: 0;
        transition: all .4s ease;
        z-index: 11;
    }

    .iawswiper-pagination span .left {
        left: 0;
    }

    .iawswiper-pagination span .right {
        right: 0;
    }

    .iawswiper-pagination span .circle {
        position: absolute;
        margin: 0;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        border: 2px solid transparent;
        transform: rotate(135deg);
        box-sizing: border-box;
    }

    .iawswiper-pagination span .left-circle {
        left: 0;
        border-top-color: #fff;
        border-left-color: #fff;
    }

    .iawswiper-pagination span .right-circle {
        right: 0;
        border-bottom-color: #fff;
        border-right-color: #fff;
    }

    .iawswiper-pagination span.swiper-pagination-bullet-active .left-circle {
        animation: circleleft 3s linear forwards;
    }

    .iawswiper-pagination span.swiper-pagination-bullet-active .right-circle {
        animation: circleright 3s linear forwards;
    }

.windows-close-1 {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 311;
}

    .windows-close-1 a {
        display: block;
        width: 7rem;
        height: 7rem;
        border: 1px solid #ccc;
        position: relative;
    }

        .windows-close-1 a::after, .windows-close-1 a::before {
            content: '';
            width: 1.6rem;
            height: 2px;
            position: absolute;
            top: 50%;
            left: 50%;
            background: #000;
            margin-left: -.8rem;
            margin-top: -1px;
        }

        .windows-close-1 a::before {
            transform: rotate(45deg);
        }

        .windows-close-1 a::after {
            transform: rotate(-45deg);
        }

        .windows-close-1 a:hover {
            background: #2453b3;
        }

            .windows-close-1 a:hover::after, .windows-close-1 a:hover::before {
                background: #fff;
            }



/* about */
.nt-page-banner {
    position: relative;
    overflow: hidden;
}

.nt-page-banner-text {
    color: #fff;
    position: absolute;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 11;
}

    .nt-page-banner-text .title-1 {
        overflow: hidden;
    }

        .nt-page-banner-text .title-1 strong {
            font-weight: 900;
        }

    .nt-page-banner-text .text-1 {
        margin-top: 1%;
    }

        .nt-page-banner-text .text-1 img {
            max-width: 100%;
        }

.nt-page-banner .img {
    overflow: hidden;
}

    .nt-page-banner .img .pic {
        animation: srmgani 4000ms 1 ease forwards;
    }

.nt-page-nav {
    position: relative;
    margin: auto;
    margin-top: -3%;
    width: 80%;
    border-radius: 16px;
    z-index: 50;
    background: #fff;
    box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.08);
}

.nt-nav-content {
    padding: 2% 3%;
    overflow: hidden;
    position: relative;
}

.nt-nav-list {
    overflow: hidden;
    max-width: 60%;
}

    .nt-nav-list a {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-right: 2%;
        color: #666666;
        padding: 5px 0;
    }

        .nt-nav-list a.cur {
            color: #2453b3;
        }

        .nt-nav-list a::after {
            content: '';
            width: 3px;
            height: 3px;
            position: absolute;
            right: 12%;
            top: 50%;
            transform: translateY(-50%);
            background: #ccc;
            border-radius: 100%;
        }

        .nt-nav-list a:last-child:after {
            display: none;
        }

.nt-right-path {
    position: absolute;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
    z-index: 1;
    text-align: right;
    font-family: '瀹嬩綋',Arial;
}

    .nt-right-path span {
        display: inline-block;
        vertical-align: middle;
        color: #ccc;
    }

    .nt-right-path a {
        display: inline-block;
        vertical-align: middle;
        color: #666666;
    }

        .nt-right-path a.cur {
            color: #2453b3;
        }

.nt-company-profile {
    padding: 7% 0 5% 0;
    overflow: hidden;
    background: url('../../about/images/bg1.jpg') center no-repeat;
    background-size: cover;
    margin-top: -2%;
}

    .nt-company-profile .nt-content {
        overflow: hidden;
    }

.nt-company-profile-top {
    overflow: hidden;
}

.nt-company-profile-left {
    float: left;
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
}

.nt-company-profile-right {
    float: right;
    width: 43%;
    margin-top: 3%;
}

    .nt-company-profile-right .title-1 {
        color: #1a1a1a;
    }

    .nt-company-profile-right .text-1 {
        padding: 5% 0;
        overflow: hidden;
        text-align: justify;
        color: #666666;
    }

        .nt-company-profile-right .text-1 p {
            margin: 0;
            padding: 0;
        }

        .nt-company-profile-right .text-1 hr {
            border: #e1e2e4 1px solid;
            border-bottom: none;
            margin: 4% 0 3.5% 0;
        }

.nt-company-profile-bottom {
    position: relative;
    margin-top: 3%;
}

    .nt-company-profile-bottom .nt-index-about-right-date {
        position: relative;
        top: auto;
        left: auto;
        transform: none;
        background: none;
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

        .nt-company-profile-bottom .nt-index-about-right-date li {
            float: none;
            padding: 0;
            width: auto;
        }

            .nt-company-profile-bottom .nt-index-about-right-date li:last-child {
                width: auto;
            }

        .nt-company-profile-bottom .nt-index-about-right-date strong {
            color: #2453b3;
        }

        .nt-company-profile-bottom .nt-index-about-right-date p {
            color: #666666;
        }

.nt-business-development {
    overflow: hidden;
    padding: 7% 0;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.nt-business-development-left {
    float: left;
    width: 43%;
    margin-top: 3%;
}

    .nt-business-development-left .text-1 {
        padding: 5% 0;
        overflow: hidden;
        text-align: justify;
        color: #666666;
    }

    .nt-business-development-left .text-1p {
        margin: 0;
        padding: 0;
    }

    .nt-business-development-left .text-1 hr {
        border: #e1e2e4 1px solid;
        border-bottom: none;
        margin: 4% 0 3.5% 0;
    }

.nt-business-development-right {
    float: right;
    width: 50%;
    overflow: hidden;
    border-radius: 20px;
}

.nt-development-history {
    overflow: hidden;
    padding: 7% 0 14% 0;
    background-size: cover;
    background-position: center;
    position: relative;
}

    .nt-development-history .nt-content {
        overflow: hidden;
    }

.nt-development-history-top {
    text-align: center;
    width: 58%;
    margin: auto;
}

.nt-development-history-item {
    overflow: hidden;
    position: relative;
}

.nt-development-history-item-top {
    padding: 2.5%;
    overflow: hidden;
    background: #f5f7fa;
    position: relative;
    border-radius: 16px;
}

.nt-development-history-item-left {
    float: left;
    width: 35%;
}

    .nt-development-history-item-left .img {
        border-radius: 12px;
    }

.nt-development-history-item-right {
    text-align: left;
    position: absolute;
    width: 55%;
    right: 5%;
    top: 50%;
    transform: translateY(-50%);
}

    .nt-development-history-item-right .text-1 {
        color: #666666;
    }

.nt-development-history-item-bottom {
    margin-top: 8%;
    padding-bottom: 3%;
    overflow: hidden;
}

    .nt-development-history-item-bottom .title-1 {
        font-family: 'Barlow';
        color: #2453b3;
        display: inline-block;
        vertical-align: middle;
        padding: 0 8%;
    }

.nt-development-history-bottom {
    text-align: center;
    position: relative;
    overflow: hidden;
}

.history-prev, .history-next {
    position: relative;
    left: auto;
    top: auto;
    bottom: auto;
    transform: none;
    margin: auto;
    display: inline-block;
    vertical-align: middle;
    width: 5.6rem;
    height: 5.6rem;
    border: 2px solid rgba(36,83,179,.5);
    border-radius: 100%;
    margin: 1rem 0;
}

    .history-prev::after, .history-next::after {
        font-size: 12px;
        color: #2453b3;
        font-weight: 900;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .history-prev:hover, .history-next:hover {
        border: 2px solid #2453b3;
        background: #2453b3;
        transition: all .4s ease;
    }

        .history-prev:hover::after, .history-next:hover::after {
            color: #fff;
        }

.nt-development-history-bottom {
    position: absolute;
    left: 50%;
    bottom: -52%;
    width: 80%;
    z-index: 1;
    transform: translateX(-50%);
}

.nt-development-history-bottom-content {
    overflow: hidden;
    width: 40%;
    margin: auto;
    position: relative;
    padding: 3%;
}

.nt-development-history-bottom-time {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 11;
    transform: rotate(0);
    transition: all .4s ease;
}

    .nt-development-history-bottom-time li {
        list-style: none;
        margin: 0;
        padding: 0;
        position: absolute;
    }

        .nt-development-history-bottom-time li::after, .nt-development-history-bottom-time li::before {
            content: '';
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%,-50%);
            border-radius: 100%;
            transition: all .4s ease;
            opacity: 0;
            margin-top: -1rem;
            transition-delay: .6s;
        }

        .nt-development-history-bottom-time li::after {
            width: 2rem;
            height: 2rem;
            background: #e6e6e6;
        }

        .nt-development-history-bottom-time li::before {
            width: .6rem;
            height: .6rem;
            background: #2453b3;
            z-index: 11;
        }

        .nt-development-history-bottom-time li i {
            width: 2px;
            height: 0;
            position: absolute;
            left: 50%;
            transform: translateX(-50%);
            bottom: -4rem;
            background: #e2e2e2;
            transition: all .4s ease;
            transition-delay: .5s;
        }

        .nt-development-history-bottom-time li.cur::after, .nt-development-history-bottom-time li.cur::before {
            opacity: 1;
        }

        .nt-development-history-bottom-time li.cur span {
            opacity: 0;
        }

        .nt-development-history-bottom-time li.cur i {
            height: 6rem;
        }

        .nt-development-history-bottom-time li.time1 {
            left: 50%;
            top: 5%;
            transform: translateX(-50%);
        }

        .nt-development-history-bottom-time li.time2 {
            right: 24%;
            top: 8%;
            transform: rotate(30deg);
        }

        .nt-development-history-bottom-time li.time3 {
            right: 7%;
            top: 25%;
            transform: rotate(60deg);
        }

        .nt-development-history-bottom-time li.time4 {
            right: 1%;
            top: 48.5%;
            transform: rotate(90deg);
        }

        .nt-development-history-bottom-time li.time5 {
            right: 7%;
            top: 72%;
            transform: rotate(120deg);
        }

        .nt-development-history-bottom-time li.time6 {
            right: 25%;
            top: 89%;
            transform: rotate(150deg);
        }

        .nt-development-history-bottom-time li.time7 {
            right: 48%;
            top: 95%;
            transform: rotate(180deg);
        }

        .nt-development-history-bottom-time li.time8 {
            left: 25%;
            top: 87.7%;
            transform: rotate(-150deg);
        }

        .nt-development-history-bottom-time li.time9 {
            left: 7%;
            top: 72%;
            transform: rotate(-120deg);
        }

        .nt-development-history-bottom-time li.time10 {
            left: .5%;
            top: 48.5%;
            transform: rotate(-90deg);
        }

        .nt-development-history-bottom-time li.time11 {
            left: 7%;
            top: 25%;
            transform: rotate(-60deg);
        }

        .nt-development-history-bottom-time li.time12 {
            left: 24%;
            top: 8%;
            transform: rotate(-30deg);
        }

        .nt-development-history-bottom-time li span {
            color: #999999;
            font-family: 'Barlow';
            transition: all .4s ease;
            transition-delay: .8s;
        }

.nt-core-team {
    padding: 5% 0;
    overflow: hidden;
}

.nt-core-team-list {
    position: relative;
}

.nt-core-team-item {
    float: left;
    width: 23.5%;
    margin-right: 2%;
    margin-bottom: 2%;
}

    .nt-core-team-item.mr0 {
        margin-right: 0;
    }

    .nt-core-team-item a {
        display: block;
        position: relative;
        border-radius: 16px;
        overflow: hidden;
        background: #f5f7fa;
    }

    .nt-core-team-item .core-team {
        position: absolute;
        left: 0;
        top: 50%;
        text-align: center;
        width: 100%;
        z-index: 11;
        transform: translateY(-50%);
        color: #666666;
    }

    .nt-core-team-item .title-1 {
        color: #1a1a1a;
        font-weight: bold;
    }

    .nt-core-team-item .text-1 {
        margin-top: 1%;
    }

    .nt-core-team-item .img {
        width: 54%;
        margin: 6% auto;
        position: relative;
        overflow: visible;
        background: none;
    }

    .nt-core-team-item .pic {
        border-radius: 100%;
        overflow: hidden;
    }

    .nt-core-team-item img {
        opacity: 0;
    }

    .nt-core-team-item .img::before {
        content: '';
        width: 5rem;
        height: 5rem;
        background: #2453b3 url('../images/add.png') center no-repeat;
        border-radius: 100%;
        position: absolute;
        right: -4%;
        top: 7%;
        z-index: 11;
    }

    .nt-core-team-item .text-2 {
        overflow: hidden;
    }

    .nt-core-team-item a:hover {
        box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.08);
        background: #fff;
    }

        .nt-core-team-item a:hover .title-1 {
            color: #2453b3;
        }

.nt-more {
    text-align: center;
    clear: both;
}

    .nt-more a {
        display: inline-block;
        margin-top: 3%;
    }

    .nt-more span {
        display: block;
        color: #2453b3;
        padding: 10% 0;
    }

    .nt-more i {
        width: 2rem;
        height: 2rem;
        display: block;
        margin: auto;
        background: url('../images/more.png');
        background-size: 100%;
    }

.nt-team-detail {
    z-index: 11;
    position: relative;
}

    .nt-team-detail .nt-content {
        width: 70%;
    }

.nt-team-detail-left {
    float: left;
    width: 23%;
    margin-top: -5%;
}

.nt-team-detail-touxiang {
    overflow: hidden;
}

    .nt-team-detail-touxiang .title-1 {
        font-weight: bold;
        color: #2453b3;
        margin-top: 5%;
    }

    .nt-team-detail-touxiang .text-1 {
        color: #666666;
        margin-top: 1%;
    }

.nt-team-detail-right {
    float: right;
    width: 72%;
    position: relative;
}

    .nt-team-detail-right .nt-right-path {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        margin-top: 3%;
    }

.nt-team-detail-content {
    margin-top: 5%;
    overflow: hidden;
    padding-bottom: 10%;
    width: 88%;
}

.nt-team-detail-item {
    color: #666666;
    margin-bottom: 2%;
    overflow: hidden;
}

    .nt-team-detail-item .title-1 {
        color: #666;
    }

    .nt-team-detail-item .text-1 {
        margin-top: 2%;
        text-align: justify;
    }

        .nt-team-detail-item .text-1 li {
            list-style: none;
            margin: 0;
            padding: 0;
            background: #f5f7fa;
            border-radius: 8px;
            padding: 1rem 2rem;
            text-align: center;
            margin-right: 1rem;
            margin-bottom: 1rem;
            display: inline-block;
            vertical-align: middle;
            font-family: 'Barlow',PingFang SC,'Microsoft YaHei',Arial;
        }

        .nt-team-detail-item .text-1 hr {
            border: #e1e2e4 1px solid;
            border-bottom: none;
            margin: 2% 0;
        }

.nt-corporate-culture {
    padding: 7% 0;
    overflow: hidden;
    background-size: cover;
    background-position: center;
}

    .nt-corporate-culture .nt-content {
        padding: 2% 0;
    }

.nt-corporate-culture-content {
    width: 28%;
    margin: auto;
    text-align: center;
    font-size: 0;
    position: relative;
}

    .nt-corporate-culture-content img {
        width: auto;
        display: inline-block;
        max-width: 100%;
    }

.corporate-culture-item {
    position: absolute;
    left: -35%;
    top: -10%;
    z-index: 11;
    width: 60%;
    text-align: right;
}

    .corporate-culture-item .text {
        position: absolute;
        left: 0;
        width: 72%;
        top: 0;
        z-index: 11;
    }

    .corporate-culture-item .title-1 {
        overflow: hidden;
        margin-top: 2%;
    }

        .corporate-culture-item .title-1 strong {
            color: #2453b3;
        }

    .corporate-culture-item .text-1 {
        margin-top: 15%;
        color: #666666;
    }

    .corporate-culture-item .jiantou {
        width: 100%;
        display: block;
    }

    .corporate-culture-item.cci2 {
        text-align: left;
        left: auto;
        right: -35%;
    }

        .corporate-culture-item.cci2 .text {
            left: auto;
            right: 0;
        }

        .corporate-culture-item.cci2 .jiantou {
            transform: scaleX(-1.0);
        }

    .corporate-culture-item.cci3 {
        text-align: left;
        left: auto;
        right: -35%;
        top: auto;
        bottom: -10%;
    }

        .corporate-culture-item.cci3 .jiantou {
            transform: scale3d(-1, -1, 1);
        }

        .corporate-culture-item.cci3 .text {
            left: auto;
            right: 0;
        }

        .corporate-culture-item.cci3 .title-1 {
            margin-top: 18%;
        }

    .corporate-culture-item.cci4 {
        text-align: right;
        top: auto;
        bottom: -10%;
    }

        .corporate-culture-item.cci4 .jiantou {
            transform: scale3d(1, -1, 1);
        }

        .corporate-culture-item.cci4 .title-1 {
            margin-top: 18%;
        }

.nt-instruments-and-equipment {
    padding: 5% 0;
    overflow: hidden;
}

.nt-instruments-and-equipment-text {
    width: 78%;
    margin: auto;
    text-align: center;
}

.nt-instruments-and-equipment-top {
    overflow: hidden;
    margin-top: 5%;
}

.instruments-and-equipment-item {
    position: relative;
    width: 24%;
    margin-bottom: 1.333%;
    margin-right: 1.333%;
    float: left;
}

    .instruments-and-equipment-item.mr0, .nt-instruments-and-equipment-top .instruments-and-equipment-item.mr0 {
        margin-right: 0;
    }

    .instruments-and-equipment-item a {
        display: block;
        position: relative;
    }

    .instruments-and-equipment-item .img {
        border-radius: 16px;
        overflow: hidden;
        background-color: #dce0e6;
    }

        .instruments-and-equipment-item .img::before {
            content: '';
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            z-index: 11;
            background: linear-gradient(to top, rgba(0,0,0,.5),rgba(0,0,0,0) 50%);
        }

        .instruments-and-equipment-item .img .img-center {
            max-width: 60%;
            max-height: 80%;
        }

        .instruments-and-equipment-item .img .img-block {
            opacity: 1;
        }

    .instruments-and-equipment-item .text {
        position: absolute;
        left: 0;
        bottom: 0;
        width: 100%;
        z-index: 11;
        border-top: 1px solid rgba(255,255,255,.4);
    }

    .instruments-and-equipment-item .text-1 {
        color: #fff;
        width: 85%;
        margin: auto;
        padding: 5% 5% 5% 0;
        position: relative;
    }

        .instruments-and-equipment-item .text-1::after {
            content: '';
            width: 2rem;
            height: 2rem;
            position: absolute;
            right: 0;
            top: 50%;
            background: url('../images/add1.png') center no-repeat;
            transform: translateY(-50%);
            background-size: 100%;
        }

    .instruments-and-equipment-item a:hover .img::before {
        background: linear-gradient(to top, rgba(36,83,179,0.8),rgba(36,83,179,0) 50%)
    }

    .instruments-and-equipment-item.iaei1, .instruments-and-equipment-item.iaei2, .instruments-and-equipment-item.iaei3 {
        width: 32.4%;
    }

    .instruments-and-equipment-item.iaei3 {
        margin-right: 0;
    }


.nt-research-and-development-text {
    overflow: hidden;
}

.research-and-development-left {
    float: left;
}

.nt-title-text .title-1 {
    color: #2453b3;
    font-weight: 900;
}

.nt-title-text .title-2 {
    color: #999999;
    font-family: 'Barlow';
}

.research-and-development-right {
    float: right;
    width: 50%;
    text-align: justify;
}

    .research-and-development-right .text-1 {
        color: #666666;
    }

.nt-branch-introduction {
    padding: 0;
    overflow: hidden;
}

.nt-branch-introduction-top {
    overflow: hidden;
    border-bottom: 1px solid #e8e8e8;
    width: 94%;
    margin: auto;
}

    .nt-branch-introduction-top a {
        display: inline-block;
        vertical-align: middle;
        position: relative;
        padding-right: 2%;
    }

        .nt-branch-introduction-top a::after {
            content: '';
            width: 3px;
            height: 3px;
            background: #ccc;
            border-radius: 100%;
            position: absolute;
            right: 10%;
            top: 50%;
            transform: translateY(-50%);
        }

        .nt-branch-introduction-top a:last-child:after {
            display: none;
        }

    .nt-branch-introduction-top span {
        color: #666666;
        position: relative;
        padding: 2rem 0;
        display: block;
    }

        .nt-branch-introduction-top span::before {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #2453b3;
            opacity: 0;
        }

    .nt-branch-introduction-top a.cur span {
        color: #2453b3;
    }

        .nt-branch-introduction-top a.cur span::before {
            opacity: 1;
        }

.nt-branch-introduction-center {
    padding: 4% 0;
    overflow: hidden;
    position: relative;
}

.nt-branch-introduction-left {
    float: left;
    width: 50%;
    border-radius: 20px;
    overflow: hidden;
}

.nt-branch-introduction-right {
    width: 43%;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

    .nt-branch-introduction-right .title-1 {
        padding-bottom: 5%;
    }

    .nt-branch-introduction-right .text-1 {
        color: #666666;
    }

.nt-branch-introduction-bottom {
    padding: 3% 0 6% 0;
    ;
    overflow: hidden;
    clear: both;
}

    .nt-branch-introduction-bottom .nt-title-text {
        text-align: center;
    }

    .nt-branch-introduction-bottom .nt-instruments-and-equipment-top {
        margin-top: 3%;
    }




/* business */
.nt-identification-scope-nav {
    padding: 3% 0;
    overflow: hidden;
}

    .nt-identification-scope-nav a {
        display: block;
        position: relative;
        color: #999999;
        background: #f5f7fa;
        border-radius: 8px;
        margin-bottom: 1%;
        margin-right: 1%;
        width: 19.2%;
        float: left;
    }

        .nt-identification-scope-nav a.mr0 {
            margin-right: 0;
        }

    .nt-identification-scope-nav .num-1, .nt-identification-scope-nav .icon-1, .nt-identification-scope-nav .title-1 {
        position: absolute;
    }

    .nt-identification-scope-nav .num-1 {
        left: 10%;
        top: 15%;
        font-family: 'Barlow',PingFang SC,'Microsoft YaHei',Arial;
    }

    .nt-identification-scope-nav .icon-1 {
        right: 5%;
        top: 15%;
        width: 4rem;
        height: 4rem;
    }

        .nt-identification-scope-nav .icon-1 img {
            opacity: .3;
        }

    .nt-identification-scope-nav .title-1 {
        left: 10%;
        bottom: 15%;
        width: 80%;
    }

    .nt-identification-scope-nav a.cur, .nt-identification-scope-nav a:hover {
        background: #2453b3;
        color: #fff;
    }

        .nt-identification-scope-nav a.cur .icon-1 img, .nt-identification-scope-nav a:hover .icon-1 img {
            opacity: 1;
            filter: invert(100%);
        }

        .nt-identification-scope-nav a:hover .title-1, .nt-identification-scope-nav a:hover .num-1 {
            color: #fff;
        }

.nt-identification-scope {
    padding: 2% 0;
    overflow: hidden;
}

.nt-identification-scope-top {
    overflow: hidden;
}

.nt-identification-scope-left {
    float: left;
}

.nt-identification-scope-right {
    float: right;
    width: 51%;
}

    .nt-identification-scope-right .text-1 {
        text-align: justify;
        color: #666666;
    }

.nt-identification-scope-pic {
    clear: both;
    overflow: hidden;
    border-radius: 16px;
    margin-top: 3%;
}

.nt-identification-scope-bottom {
    overflow: hidden;
    padding: 2% 0;
}

.nt-identification-scope-item {
    margin-bottom: 2%;
    margin-right: 1.5%;
    float: left;
    width: 49.22%;
    position: relative;
    overflow: hidden;
    background: #f5f7fa;
    border-radius: 16px;
}

    .nt-identification-scope-item.mr0 {
        margin-right: 0;
    }

    .nt-identification-scope-item .img {
        float: right;
        width: 40%;
    }

    .nt-identification-scope-item .text {
        position: absolute;
        left: 5%;
        top: 50%;
        width: 50%;
        z-index: 11;
        transform: translateY(-50%);
        bottom: auto;
        max-height: 80%;
        overflow: auto;
        padding-right: 5%;
    }

    .nt-identification-scope-item .title-1 {
        font-weight: bold;
        color: #000;
    }

    .nt-identification-scope-item .text-2 {
        color: #666666;
        margin-top: 1.5%;
        text-align: justify;
    }

.nt-qualification-guide {
    overflow: hidden;
    position: relative;
}

.nt-qualification-guide-top {
    padding: 4% 0;
    position: relative;
    z-index: 11;
}

    .nt-qualification-guide-top .nt-title-text {
        text-align: center;
    }

.nt-qualification-guide-pic {
    margin-top: 5%;
    overflow: hidden;
    position: relative;
    text-align: center;
}

    .nt-qualification-guide-pic img {
        display: inline-block;
        max-width: 100%;
    }

.nt-canvass {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    left: 0;
    bottom: 0;
}

.nt-qualification-guide-material {
    padding: 5% 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.nt-material-item {
    overflow: hidden;
    float: left;
    width: 43.1%;
    margin-bottom: 2%;
    margin-right: 1.5%;
    box-shadow: 0px 8px 80px 0px rgba(0, 0, 0, 0.08);
    border-radius: 16px;
    padding: 2% 3%;
}

    .nt-material-item.material2 {
        margin-right: 0;
    }

    .nt-material-item .title-2 {
        position: relative;
        overflow: hidden;
    }

        .nt-material-item .title-2 strong {
            color: #000;
            position: relative;
            padding: 3% 0;
            display: inline-block;
        }

            .nt-material-item .title-2 strong::before {
                content: '';
                width: 100%;
                height: 1px;
                position: absolute;
                left: 0;
                bottom: 0;
                background: #2453b3;
                z-index: 11;
            }

        .nt-material-item .title-2 i {
            font-style: normal;
            color: #2453b3;
            opacity: .3;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            font-family: 'Barlow';
        }

        .nt-material-item .title-2::after {
            content: '';
            width: 100%;
            height: 1px;
            position: absolute;
            left: 0;
            bottom: 0;
            background: #e8e8e8;
        }

    .nt-material-item .text-2 {
        margin-top: 1%;
        color: #666;
        overflow: hidden;
        padding: 2% 0;
    }

        .nt-material-item .text-2 ol {
            padding-top: 0;
            padding-bottom: 0;
            margin: 0 0 0 1%;
        }

        .nt-material-item .text-2 p {
            margin: 0;
            padding: 0;
        }

.nt-qualification-guide-list {
    position: relative;
    padding-bottom: 5%;
}

.nt-laws-regulations-item {
    position: relative;
    float: left;
    width: 31.6%;
    margin-bottom: 2.5%;
    margin-right: 2.5%;
}

    .nt-laws-regulations-item.mr0 {
        margin-right: 0;
    }

    .nt-laws-regulations-item a {
        display: block;
        position: relative;
        overflow: hidden;
        box-shadow: 0px 8px 80px 0px rgba(0, 0, 0, 0.08);
        border-radius: 16px;
    }

    .nt-laws-regulations-item .text {
        position: absolute;
        left: 0;
        top: 10%;
        width: 100%;
        z-index: 1;
    }

    .nt-laws-regulations-item .data-1 {
        color: #999;
        font-family: 'Barlow';
        width: 90%;
        margin: auto;
        position: relative;
        padding: 1px 5%;
    }

        .nt-laws-regulations-item .data-1::before {
            content: '';
            width: 4px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #2453b3;
        }

    .nt-laws-regulations-item .title-1 {
        font-weight: 900;
        width: 90%;
        margin: auto;
        margin-top: 3%;
    }

    .nt-laws-regulations-item .more-2 {
        position: absolute;
        left: 5%;
        bottom: 10%;
        z-index: 11;
    }

        .nt-laws-regulations-item .more-2 span {
            color: #2453b3;
            display: inline-block;
            vertical-align: middle;
        }

        .nt-laws-regulations-item .more-2 i {
            display: inline-block;
            vertical-align: middle;
            margin-left: 1rem;
            width: 2rem;
            height: 2rem;
            background: url('../images/r4.png');
            background-size: 100%;
        }

    .nt-laws-regulations-item a:hover {
        transform: translateY(-15px);
    }

.nt-pageturn {
    text-align: center;
    margin-top: 3%;
    overflow: hidden;
    font-size: 0;
}

    .nt-pageturn a {
        display: inline-block;
        vertical-align: middle;
        line-height: 6rem;
        text-align: center;
        position: relative;
        width: 6rem;
        height: 6rem;
        border-radius: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .nt-pageturn span {
        color: #b2b2b2;
        font-family: 'Barlow-Bold';
    }

    .nt-pageturn i {
        width: .6rem;
        height: 1rem;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
        z-index: 1;
    }

    .nt-pageturn a.prev i {
        background: url('../images/l3.png');
    }

    .nt-pageturn a.next i {
        background: url('../images/r3.png');
    }

    .nt-pageturn a.prev:hover i {
        background: url('../images/l2.png');
    }

    .nt-pageturn a.next:hover i {
        background: url('../images/r2.png');
    }

    .nt-pageturn a.prev, .nt-pageturn a.next {
        border: 2px solid rgba(36,83,179,0.2);
        margin: 0 1%;
    }

        .nt-pageturn a.prev:hover, .nt-pageturn a.next:hover {
            background: #2453b3;
            border: 2px solid #2453b3;
        }

    .nt-pageturn a.cur, .nt-pageturn a:hover {
        background: #2453b3;
    }

        .nt-pageturn a.cur span, .nt-pageturn a:hover span {
            color: #fff;
        }





/* case */
.nt-case-list {
    position: relative;
    padding: 5% 0;
    overflow: hidden;
}

.nt-case-item {
    float: left;
    width: 31.6%;
    margin-right: 2.5%;
    margin-bottom: 5%;
}

    .nt-case-item.mr0 {
        margin-right: 0;
    }

    .nt-case-item a {
        display: block;
        position: relative;
    }

    .nt-case-item .img {
        overflow: hidden;
        border-radius: 16px;
        background-color: #e5e5e5;
    }

    .nt-case-item .case-text {
        overflow: hidden;
        background: #fff;
        width: 90%;
        margin: auto;
        position: relative;
        z-index: 11;
        margin-top: -8%;
        border-radius: 10px;
        box-shadow: 0px 8px 80px 0px rgba(0, 0, 0, 0.08);
    }

    .nt-case-item .text {
        position: absolute;
        left: 0;
        top: 10%;
        width: 100%;
        z-index: 11;
    }

    .nt-case-item .data-1 {
        color: #999;
        font-family: 'Barlow';
        width: 90%;
        margin: auto;
        position: relative;
        padding: 1px 5%;
    }

        .nt-case-item .data-1::before {
            content: '';
            width: 4px;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            background: #2453b3;
        }

    .nt-case-item .title-1 {
        font-weight: 900;
        width: 90%;
        margin: auto;
        margin-top: 2%;
    }

    .nt-case-item .more-2 {
        position: absolute;
        left: 5%;
        bottom: 13%;
        z-index: 11;
    }

        .nt-case-item .more-2 span {
            color: #2453b3;
            display: inline-block;
            vertical-align: middle;
        }

        .nt-case-item .more-2 i {
            display: inline-block;
            vertical-align: middle;
            margin-left: 1rem;
            width: 2rem;
            height: 2rem;
            background: url('../images/r4.png');
            background-size: 100%;
        }

    .nt-case-item a:hover .pic {
        transform: scale(1.05);
    }

    .nt-case-item a:hover .case-text {
        transform: translateY(-8px);
    }

    .nt-case-item a:hover .title-1 {
        color: #2453b3;
    }

.nt-case-list .nt-pageturn {
    margin-top: 1%;
}




/* news */
.nt-news-detail {
    overflow: hidden;
    margin-top: 9rem;
}

.nt-news-detail-top {
    position: relative;
    padding: 1.5% 0;
    overflow: hidden;
}

    .nt-news-detail-top .nt-right-path {
        position: relative;
        float: none;
        right: auto;
        top: auto;
        transform: none;
        text-align: left;
    }

        .nt-news-detail-top .nt-right-path a:hover {
            color: #000;
        }

.nt-news-detail-bottom {
    margin-top: 4%;
    padding-bottom: 5%;
}

.nt-news-detail-left {
    float: left;
    width: 70%;
}

.nt-news-detail-title {
    border-bottom: 1px solid #333;
    padding: 2% 0;
    overflow: hidden;
}

    .nt-news-detail-title .title-1 {
        font-weight: 900;
    }

.nt-news-detail-data {
    padding: 3% 0;
    position: relative;
}

    .nt-news-detail-data li {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: middle;
        border: 1px solid #e5e5e5;
        border-radius: 50px;
        text-align: center;
        margin-right: 1rem;
    }

        .nt-news-detail-data li span {
            color: #666666;
            font-family: 'Barlow',PingFang SC,'Microsoft YaHei',Arial;
            padding: 1rem 3rem;
            display: block;
        }

.nt-news-detail-share {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}

.nt-news-detail-content {
    overflow: hidden;
    position: relative;
    padding-bottom: 5%;
    padding-top: 2%;
}

    .nt-news-detail-content img {
        max-width: 100%;
        height: auto !important;
    }

    .nt-news-detail-content p {
        margin: 0;
        padding: 0;
    }

.nt-news-detail-nextprev {
    overflow: hidden;
}

    .nt-news-detail-nextprev a {
        display: block;
        position: relative;
        border-top: 1px solid #ccc;
        padding: 3% 0;
    }

        .nt-news-detail-nextprev a span {
            display: block;
            width: 80%;
            font-weight: 900;
        }

        .nt-news-detail-nextprev a i {
            font-style: normal;
            position: absolute;
            right: 0;
            top: 50%;
            transform: translateY(-50%);
            color: #999999;
        }

        .nt-news-detail-nextprev a:hover span {
            color: #2453b3;
        }

.nt-news-detail-right {
    float: right;
    width: 25%;
    overflow: hidden;
}

    .nt-news-detail-right .title-2 {
        font-weight: bold;
    }

.nt-news-detail-related {
    margin-top: 5%;
}

    .nt-news-detail-related .nt-case-item {
        margin-right: 0;
        width: 100%;
        margin-bottom: 0;
    }

        .nt-news-detail-related .nt-case-item a.font18 {
            padding: 6% 0;
            overflow: hidden;
            border-bottom: 1px solid #e6e6e6;
        }

            .nt-news-detail-related .nt-case-item a.font18:hover {
                color: #2453b3;
                border-bottom: 1px solid #2453b3;
            }



/* contact */
.nt-contact-us {
    margin-top: 9rem;
    overflow: hidden;
}

.nt-contact-us-content {
    position: relative;
    overflow: hidden;
    padding: 5% 0;
    background-size: cover;
    background-position: center top;
}

.nt-contact-us-top {
    margin-top: 1%;
}

.nt-contact-us-left {
    float: left;
    width: 40%;
}

    .nt-contact-us-left .nt-title-text {
        overflow: hidden;
    }

.nt-contact-text {
    margin-top: 15%;
}

    .nt-contact-text .title-3 {
        font-weight: 900;
    }

    .nt-contact-text .tel-3 {
        color: #2453b3;
        font-family: 'Barlow';
        border-bottom: 1px solid #e6e6e6;
        padding: 2% 0 3% 0;
    }

    .nt-contact-text .text-3 {
        padding: 5% 0;
        overflow: hidden;
        color: #666666;
    }

        .nt-contact-text .text-3 p {
            margin: 0;
            padding: 0;
        }

.nt-contact-us-right {
    float: right;
    width: 48%;
    margin-top: 10%;
}

.contact-us-map {
    font-size: 0;
    overflow: hidden;
    position: relative;
}

    .contact-us-map .img-inline {
        display: inline-block;
        max-width: 100%;
        opacity: 0;
    }

.nt-contact-us-bottom {
    clear: both;
    overflow: hidden;
    padding: 5% 0 0 0;
}

.nt-contact-us-item {
    float: left;
    width: 18.4%;
    margin-right: 2%;
    margin-bottom: 2%;
}

    .nt-contact-us-item.mr0 {
        margin-right: 0;
    }

    .nt-contact-us-item a {
        display: block;
        overflow: hidden;
        background: #fff;
        border-radius: 10px;
        padding: 10%;
        border: 1px solid #fff;
    }

    .nt-contact-us-item .name-1 {
        color: #666;
        padding-bottom: 5%;
        border-bottom: 1px solid #e5e5e5;
    }

    .nt-contact-us-item .tel-1 {
        padding-top: 5%;
        font-family: 'Barlow';
    }

    .nt-contact-us-item a:hover {
        box-shadow: 0px 8px 60px 0px rgba(0, 0, 0, 0.08);
        border: 1px solid #2453b3;
    }

        .nt-contact-us-item a:hover .name-1 {
            color: #2453b3;
        }

        .nt-contact-us-item a:hover .tel-1 {
            color: #2453b3;
        }

.nt-online-message {
    padding: 6% 0;
    overflow: hidden;
}

.nt-online-message-left {
    float: left;
}

.nt-online-message-right {
    float: right;
    width: 50%;
}

.online-message-form {
    overflow: hidden;
}

    .online-message-form .form-2 {
        margin-bottom: 15px;
        overflow: hidden;
        display:flex;
        flex-direction:row;
        justify-content:space-between;
    }

        .online-message-form .form-2 li {
            list-style: none;
            padding: 0;
            margin: 0;
           /* float: left;*/
            width: 32%;

        }

/*   .online-message-form .form-2 li:last-child {
                float: right;
            }
*/




.input-1, .textarea-1 {
    background: #f5f7fa;
    padding: 2rem 2rem;
    box-sizing: border-box;
    border: none;
    border-radius: 10px;
    width: 100%;
}

.textarea-1 {
    min-height: 150px;
}

    .input-1::-webkit-input-placeholder, .textarea-1::-webkit-input-placeholder {
        color: #999;
    }

.nt-engineering-introduction {
    padding: 5% 0;
    overflow: hidden;
}

    .nt-engineering-introduction .nt-content {
        width: 67%;
    }

.nt-engineering-introduction-top .text-1 {
    text-align: center;
    overflow: hidden;
    width: 90%;
    margin: auto;
}

.nt-engineering-introduction-content {
    color: #666666;
    padding: 1% 0;
    overflow: hidden;
    margin-top: 3%;
    text-align: justify;
}

    .nt-engineering-introduction-content img {
        border-radius: 2rem;
        max-width: 100%;
        height: auto !important;
    }

.nt-academic-committee {
    padding: 5% 0;
    overflow: hidden;
}

.nt-academic-committee-top {
    text-align: center;
}

.nt-academic-committee-bottom {
    margin-top: 4%;
}

    .nt-academic-committee-bottom .nt-core-team-item .nonlink .img::before {
        display: none;
    }

.nt-engineering-contact {
    font-size: 0;
    padding: 1% 0;
    overflow: hidden;
}

.nt-engineering-contact-left {
    display: inline-block;
    vertical-align: middle;
    width: 50%;
    border-radius: 2rem;
    overflow: hidden;
    position: relative;
}

.nt-engineering-contact-right {
    display: inline-block;
    vertical-align: middle;
    width: 42%;
    margin-left: 8%;
}

    .nt-engineering-contact-right .title-1 {
        font-weight: 900;
        padding: 1.5% 0;
    }

    .nt-engineering-contact-right .tel-1 {
        color: #2453b3;
        padding-bottom: 3%;
        border-bottom: 1px solid #e6e6e6;
        font-family: 'Barlow';
    }

    .nt-engineering-contact-right .add-1 {
        color: #666666;
        margin-top: 3%;
    }



/* other */

.galleryOverlay {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    opacity: 0;
    z-index: 100000;
    background-color: rgba(0,0,0,.7);
    overflow: hidden;
    display: none;
    -moz-transition: opacity 0.5s ease;
    -webkit-transition: opacity 0.5s ease;
    transition: opacity 0.5s ease;
}

    .galleryOverlay.visible {
        opacity: 1;
    }

.gallerySlider {
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
    white-space: nowrap;
    position: absolute;
}

    .gallerySlider .placeholder {
        background: url("../images/loading.gif") no-repeat center center;
        height: 100%;
        line-height: 1px;
        text-align: center;
        width: 100%;
        display: inline-block;
    }

        .gallerySlider .placeholder:before {
            content: "";
            display: inline-block;
            height: 50%;
            width: 1px;
            margin-right: -1px;
        }

        .gallerySlider .placeholder img {
            display: inline-block;
            max-height: 100%;
            max-width: 100%;
            vertical-align: middle;
        }

.prevArrow, .nextArrow {
    border: none;
    text-decoration: none;
    opacity: 0.5;
    cursor: pointer;
    position: absolute;
    width: 50%;
    height: 100%;
    top: 0;
    margin-top: 0px;
}

    .prevArrow:hover, .nextArrow:hover {
        opacity: 1;
    }

.prevArrow {
    background-position: left top;
    left: 0;
}

.nextArrow {
    background-position: right top;
    right: 0;
}

.pagelimit {
    position: absolute;
    bottom: 20px;
    left: 50%;
    margin-left: -18px;
    color: #fff;
    font-size: 18px;
}

.closed {
    cursor: pointer;
    position: absolute;
    width: 40px;
    height: 40px;
    right: 2%;
    top: 3%;
    transform: rotate(45deg);
}

    .closed::after, .closed::before {
        content: '';
        background: #fff;
        position: absolute;
        left: 50%;
        top: 50%;
        transform: translate(-50%,-50%);
    }

    .closed:hover {
        opacity: 0.5;
    }

    .closed::after {
        width: 26px;
        height: 2px;
    }

    .closed::before {
        width: 2px;
        height: 26px;
    }

.news-detail-share, .news-detail-bottom-right, .news-detail-bottom {
    overflow: visible;
}

.social-share {
    font-size: 16px;
    font-style: normal;
    display: inline-block;
    vertical-align: middle;
}

    .social-share * {
        font-family: "socialshare" !important
    }

    .social-share a {
        position: relative;
        text-decoration: none;
        margin-left: 10px;
        display: inline-block;
        outline: none;
        border: 1px solid #333;
        border-radius: 100%;
    }

    .social-share .icon-wechat .wechat-qrcode {
        display: none;
        border: 1px solid #eee;
        position: absolute;
        z-index: 9;
        top: -205px;
        left: -84px;
        width: 200px;
        height: 192px;
        color: #666;
        font-size: 12px;
        text-align: center;
        background-color: #fff;
        box-shadow: 0 2px 10px #aaa;
        transition: all 200ms;
        -webkit-tansition: all 350ms;
        -moz-transition: all 350ms
    }

        .social-share .icon-wechat .wechat-qrcode.bottom {
            top: 40px;
            left: -84px
        }

            .social-share .icon-wechat .wechat-qrcode.bottom:after {
                display: none
            }

        .social-share .icon-wechat .wechat-qrcode h4 {
            font-weight: normal;
            height: 26px;
            line-height: 26px;
            font-size: 12px;
            background-color: #f3f3f3;
            margin: 0;
            padding: 0;
            color: #777
        }

        .social-share .icon-wechat .wechat-qrcode .qrcode {
            width: 105px;
            margin: 10px auto
        }

            .social-share .icon-wechat .wechat-qrcode .qrcode table {
                margin: 0 !important
            }

        .social-share .icon-wechat .wechat-qrcode .help p {
            font-weight: normal;
            line-height: 16px;
            padding: 0;
            margin: 0
        }

        .social-share .icon-wechat .wechat-qrcode:after {
            content: '';
            position: absolute;
            left: 50%;
            margin-left: -6px;
            bottom: -13px;
            width: 0;
            height: 0;
            border-width: 8px 6px 6px 6px;
            border-style: solid;
            border-color: #fff transparent transparent transparent
        }

    .social-share .icon-wechat:hover .wechat-qrcode {
        display: block
    }

.social-share-icon {
    display: block;
    width: 4.5rem;
    height: 4.5rem;
    position: relative;
    opacity: .2;
}

    .social-share-icon:hover {
        opacity: 1;
    }

.icon-wechat::before, .icon-weibo::before, .icon-qq::before {
    content: '';
    width: 4rem;
    height: 4rem;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
}

.icon-wechat::before {
    background: url('../images/n1.png') center no-repeat;
    z-index: 11;
}

.icon-weibo::before {
    background: url('../images/n3.png') center no-repeat;
    z-index: 11;
}

.icon-qq::before {
    background: url('../images/n2.png') center no-repeat;
    z-index: 11;
}


@keyframes fadeInBigs {
    0%,100%,20%,40%,60%,80% {
        -webkit-transition-timing-function: cubic-bezier(0.215,.61,.355,1);
        transition-timing-function: cubic-bezier(0.215,.61,.355,1)
    }

    0% {
        transform: scale(0.5);
        opacity: 0;
    }

    100% {
        transform: scale(1.0);
        opacity: 1;
    }
}

.fadeInBigs {
    -webkit-animation-name: fadeInBigs;
    animation-name: fadeInBigs;
    -webkit-animation-duration: .9s;
    animation-duration: .9s
}



@media screen and (max-width: 5120px) {
    html {
        font-size: 82.5%;
    }
}

@media screen and (max-width: 3840px) {
    html {
        font-size: 72.5%;
    }
}

@media screen and (max-width: 2560px) {
}

@media screen and (max-width: 2048px) {
}

@media screen and (max-width: 1920px) {
    html {
        font-size: 62.5%;
    }
}

@media screen and (max-width: 1680px) {
    html {
        font-size: 52.5%;
    }

    .header-logo {
        width: 20%;
    }
}

@media screen and (max-width: 1440px) {
    html {
        font-size: 42.5%;
    }
}

@media screen and (max-width: 1366px) {
}

@media screen and (max-width: 1280px) {
}

@media screen and (max-width: 1152px) {
}

@media screen and (max-width: 1024px) {
}

@media screen and (max-width: 980px) {
}

@media screen and (max-width: 860px) {
    .pcshow, .banner-right-bottom, .banner-scroll, .banner-swiper-bottom::before, .show-language::before, .header-nav ul li.search a.icon {
        display: none !important;
    }

    .mbshow, .menu-toggle {
        display: block !important;
    }

    .header {
        background: #fff;
        border-bottom: 1px solid rgba(0,0,0,.1);
    }

        .header .header-nav ul a.nav, .header .header-nav ul li.cur a, .header .header-nav ul li span {
            color: #000;
        }

        .header .header-nav ul li.telephone a, .header .header-nav ul li.search a {
            border: 2px solid rgba(0,0,0,.2);
        }

        .header .header-nav ul li.cur span {
            color: #2453b3;
        }

        .header .header-nav ul a.nav span::after {
            background: #2453b3;
        }

        .header .header-logo a {
            filter: none;
        }

    .header-nav ul li i {
        filter: invert(1);
    }

    .show-language {
        position: relative;
        right: auto;
        top: auto;
        width: auto;
        margin-right: auto;
        display: block;
    }

    .show-language-item {
        background: none;
        padding: 0;
    }

    .header-nav ul li.search a {
        width: auto !important;
        padding: 4% 5%;
        color: #000 !important;
        margin: 0 3%;
        border-radius: 5rem;
    }

    .header-right {
        display: block;
        width: 100%;
        height: 100%;
        transform: none;
        background: #fff;
        position: fixed;
        left: 100%;
        top: 0;
    }

    .no-touch .header-right {
        left: 0;
    }

    .header-nav {
        width: 100%;
        height: 100%;
    }

        .header-nav ul {
            width: 100%;
            height: 100%;
            margin-top: 14%;
        }

            .header-nav ul li {
                display: block;
                border-top: 1px solid #ccc;
            }

                .header-nav ul li.telephone, .header-nav ul li.search {
                    border: none;
                    margin-top: 5%;
                    overflow: hidden;
                    margin-left: 0;
                }

                    .header-nav ul li.telephone, .header-nav ul li.search a {
                        display: inline-block;
                        overflow: hidden;
                    }

                    .header-nav ul li.search a {
                        width: 3rem;
                    }

                    .header-nav ul li.telephone a {
                        display: block;
                    }

    .header .header-logo a, .nt-index-news-left-video a::before {
        background-size: 100%;
    }

    .header-logo, .nt-swiper-right {
        width: 50%;
    }

    .header-content {
        height: 7rem;
    }

    .index-banner-swiper .banner-pagination {
        float: none;
        text-align: center;
        width: 100%;
    }

    .index-banner-text, .nt-page-banner-text {
        left: 5%;
        width: 90%;
    }

    .nt-index-news, .nt-index-identification-scope, .nt-index-about, .footer-content-top, .nt-online-message {
        padding: 15% 0;
    }

    .nt-index-about-right, .nt-instruments-and-equipment-text, .nt-identification-scope-nav, .nt-engineering-introduction-top .text-1 {
        padding: 10% 0;
    }

    .nt-index-about-right-date, .footer-content-bottom .footer-content, .nt-development-history-item-right, .nt-news-detail-data {
        padding: 5% 0;
    }

    .nt-identification-scope-item .text, .nt-material-item {
        padding: 5%;
        box-sizing: border-box;
    }

    .nt-qualification-guide-list {
        padding-bottom: 10%;
    }

    .nt-content, .nt-index-identification-scope-top, .nt-index-about-windows-top .nt-index-about-icon, .nt-index-about-windows-swiper,
    .nt-page-nav, .nt-team-detail .nt-content, .nt-engineering-introduction-content {
        width: 90%;
    }

    .nt-index-identification-scope-bottom {
        width: 95%;
    }

    .nt-index-news-left, .nt-index-news-right, .nt-index-news-right-news li strong, .nt-index-news-right-pic-news li, .nt-index-about-left, .footer-left, .nt-company-profile-left, .nt-company-profile-right, .nt-business-development-left, .nt-business-development-right, .nt-development-history-top, .nt-development-history-item-left, .nt-core-team-item, .nt-team-detail-right, .nt-team-detail-content, .nt-instruments-and-equipment-text, .instruments-and-equipment-item, .nt-instruments-and-equipment-top .instruments-and-equipment-item, .research-and-development-left, .research-and-development-right, .nt-branch-introduction-left, .nt-identification-scope-right, .nt-identification-scope-left, .nt-identification-scope-item, .nt-identification-scope-item .img, .nt-material-item, .nt-laws-regulations-item, .nt-case-item, .nt-news-detail-left, .nt-news-detail-right, .nt-contact-us-left, .nt-contact-us-right, .nt-online-message-left, .nt-online-message-right, .nt-engineering-introduction .nt-content, .nt-engineering-contact-left, .nt-engineering-contact-right {
        float: none;
        width: 100%;
        margin-right: auto;
    }

    .nt-team-detail-left {
        width: 50%;
    }

    .nt-index-news-left-news, .nt-index-news-left-video, .nt-about-windows-item-right, .nt-team-detail-right, .nt-branch-introduction-right, .nt-identification-scope-right, .nt-online-message-right {
        margin-top: 5%;
    }

    .nt-index-identification-scope-bottom, .research-and-development-right, .nt-pageturn, .nt-news-detail-right {
        margin-top: 10%;
    }

    .nt-index-news-right-news {
        margin-top: 0;
    }

    .nt-index-news-right-pic-news li {
        margin-bottom: 2%;
    }

    .nt-case-item {
        margin-bottom: 12%;
    }

    .nt-engineering-contact-right {
        margin-left: 0;
        margin-top: 5%;
        padding-bottom: 10%;
    }

    .nt-swiper-right .identification-pagination {
        margin: 0;
    }

    .nt-engineering-introduction-content {
        margin: auto;
    }

    .nt-index-about-windows-swiper {
        margin: 5% auto;
    }

    .nt-page-nav {
        padding: 3%;
        margin-top: -10%;
    }

    .nt-index-news-right-news li span, .nt-index-news-right-news li p, .nt-index-news-right-news li a::before, .footer-right, .footer-link, .nt-index-about-windows .nt-index-about-icon p, .nt-index-about-icon li::after, .nt-about-windows-item-right .img-block, .nt-right-path {
        display: none;
    }

    .nt-index-news-right-news li.cur a strong {
        font-size: 1.6rem;
    }

    .nt-index-news-right-news li a, .nt-index-news-right-news li.cur a {
        padding: 4% 0;
    }

        .nt-index-news-right-news li.cur a strong {
            color: #666;
            font-weight: normal;
        }

    .nt-index-news-right-news li, .nt-team-detail-right {
        overflow: hidden;
    }

    .nt-index-about-right, .nt-index-about-right-date, .nt-index-about-windows-top, .nt-index-about-windows-top .nt-index-about-icon, .nt-about-windows-item-right .tupian-1, .nt-index-about-windows-bottom, .nt-development-history-item-right, .nt-branch-introduction-right, .nt-identification-scope-item .text {
        position: relative;
        right: auto;
        top: auto;
        transform: none;
        width: 100%;
        left: auto;
        bottom: auto;
        height: auto;
    }

        .nt-index-about-right-date li {
            width: 40%;
            padding: 5%;
        }

    .nt-index-about-icon li {
        width: 30%;
        margin: 4% 1%;
    }

    .nt-index-about-windows-top .nt-index-about-icon li.cur {
        background: none;
    }

    .nt-index-about-windows-top .nt-index-about-icon {
        left: 5%;
    }

    .nt-index-about-icon li {
        width: 18%;
    }

    .nt-about-windows-item-left {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        transform: none;
    }

    .nt-about-windows-item-right {
        float: none;
        width: 100%;
        height: auto;
        position: relative;
    }

        .nt-about-windows-item-right .tupian-1 .img-block {
            display: block;
        }

    .nt-index-about-windows {
        overflow-y: auto;
    }

    .nt-index-about-windows-top .nt-index-about-icon {
        left: auto;
        margin-top: 10%;
    }

    .nt-page-banner .img .img-block {
        width: 200%;
        max-width: 200%;
    }

    .nt-nav-list a {
        padding: 2% 5% 2% 0;
        width: 19%;
    }

        .nt-nav-list a:nth-child(4)::after, .nt-branch-introduction-top a::after {
            display: none;
        }

    .nt-index-about-right-date li em, .nt-index-about-right-date li strong {
        font-size: 5rem;
    }

    .nt-corporate-culture-content {
        margin: 10% auto 25% auto;
        width: 50%;
    }

    .corporate-culture-item {
        left: -50%;
        top: -10%;
        width: 70%;
    }

        .corporate-culture-item.cci2, .corporate-culture-item.cci3 {
            right: -50%;
        }

        .corporate-culture-item.cci4 {
            left: -50%;
        }

    .nt-instruments-and-equipment, .nt-case-list {
        padding: 5% 0 15% 0;
    }

    .nt-identification-scope-nav a {
        width: 49%;
    }

    .nt-nav-list.num6 a:nth-child(5) {
        width: 30%;
    }

    .nt-contact-us {
        margin-top: 7rem;
    }

    .nt-contact-us-item {
        width: 48%;
        margin: 1%;
    }

        .nt-contact-us-item.mr0 {
            margin: 1%;
        }

    .header-nav ul a.nav {
        width: 100%;
        box-sizing: border-box;
    }

    .nt-nav-content {
        padding: 2% 0;
    }

    .nt-nav-list {
        text-align: center;
    }

        .nt-nav-list a {
            width: auto;
            padding: 2% 8% 2% 0;
        }

            .nt-nav-list a::after {
                right: 10%;
            }

            .nt-nav-list a:last-child {
                padding: 2% 0 2% 0;
            }

    .nt-identification-scope-item .text {
        max-height: auto;
        overflow: hidden;
        padding-right: 0;
    }

    .nt-nav-list {
        max-width: 100%;
    }

   

}


/* iPad */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
}

/* iPad x*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : landscape) {
}
/* iPad y */
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) {
}