/* CSS Document */



.m-btn {
    width: 1.5625rem;
    height: 0.9375rem;
    display: none;
    position: absolute;
    right: 5%;
    top: 2.375rem
}

.m-btn span {
    width: 100%;
    height: 0.125rem;
    background: #0b68b6;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
}

.m-btn .line1 {
    -webkit-transform-origin: 0.25rem center;
    -moz-transform-origin: 0.25rem center;
    -ms-transform-origin: 0.25rem center;
    -o-transform-origin: 0.25rem center;
    transform-origin: 0.25rem center
}

.m-btn .line2 {
    top: 0.4375rem;
}

.m-btn .line3 {
    top: 0.875rem;
    -webkit-transform-origin: 0.0625rem center;
    -moz-transform-origin: 0.0625rem center;
    -ms-transform-origin: 0.0625rem center;
    -o-transform-origin: 0.0625rem center;
    transform-origin: 0.0625rem center
}

.m-btn.open-menu .line2 {
    opacity: 0;
    filter: alpha(opacity=0);
}

.m-btn.open-menu .line1 {
    webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    transform: rotate(45deg);
}

.m-btn.open-menu .line3 {
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.m-menu {
    display: none;
    top: 5rem;
    padding-bottom: 1.875rem;
    z-index: 999
}



.m-menu {
    background: #f5f5f5;
    position: fixed;
    left: 0;
    width: 100%;
    display: none;
    overflow-y: auto;
    overflow-x: hidden;
}

.m-menu ul {
    width: 100%;
    height: calc(100vh - 5rem);
    overflow-y: auto;
    overflow-x: hidden;
}

.m-menu a {
    display: block;
    padding: 0 0.9375rem;
}

.m-menu .first {
    text-align: center;
    background: #0659a7;
    color: #fff
}

.m-menu .first a {
    display: inline-block;
    line-height: 3.125rem;
    font-size: 1.0625rem;
    color: #fff;
    padding: 0 1.875rem;
    text-transform: uppercase;
}

.m-menu li {
    border-bottom: 0.0625rem solid #d8d8d8;
}

.m-menu .menu_a {
    line-height: 5.125rem;
    font-size: 1.0625rem;
    color: #222;
    position: relative
}

.m-menu .menu_a i {
    width: 1.0625rem;
    height: 1.0625rem;
    background: url(../image/newpics/expand.png) no-repeat;
    background-size: contain;
    position: absolute;
    right: 0.9375rem;
    top: 1.9375rem
}

.m-menu li .sub {
    padding: 0 3%;
    line-height: 2.875rem;
    margin: 1rem 0;
    font-size: 0.875rem;
    display: none
}

.m-menu .menu_a.cur {
    background: #0b68b6;
    color: #fff;
}

.m-menu .menu_a.cur i {
    background: url(../image/ico_03_h.png) no-repeat center;
    background-size: 100% auto
}

.m-menu .m_lang {
    font-weight: bold
}

.m-menu form {
    width: 100%;
    margin: 1.25rem auto 1.875rem;
    position: relative;
    padding: 0 0.9375rem;
}

.m-menu form .input01 {
    width: 100%;
    line-height: 2.5rem;
    height: 2.5rem;
    border: 0.0625rem solid #ddd;
    padding: 0 6.875rem 0 0.625rem;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.m-menu form .sytijiao {
    width: 6.25rem;
    color: #fff;
    background-color: #0659a7;
    line-height: 2.5rem;
    height: 2.5rem;
    border: solid 0.0625rem #4f8fbf;
    position: absolute;
    right: 0;
    top: 0;
}





.m-foot {
    position: fixed;
    width: 100%;
    height: 3.75rem;
    padding-top: 0.3125rem;
    left: 0;
    bottom: 0;
    background: #265fa2;
    color: #fff;
    display: none;
    z-index: 99998
}

.m-foot li {
    float: left;
    width: 33.33%;
    text-align: center;
}

.m-foot li a {
    color: #fff;
    font-size: 0.875rem;
    display: block;
}

.m-foot li.li2 a {
    background: url(../image/fmail.png) no-repeat center 0.3125rem;
    padding-top: 1.5625rem
}

.m-foot li.li3 a {
    background: url(../image/fltel.png) no-repeat center 0.3125rem;
    padding-top: 1.5625rem
}

.m-foot li.li4 a {
    background: url(../image/right_pic6.png) no-repeat center 0.1875rem;
    padding-top: 1.5625rem
}

.m-foot li.li2 a span {
    display: block;
}





.pcshow {
    display: block
}

.phshow {
    display: none
}





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

    .header .logo {
        margin-left: 10%;
    }

    .header .menu li .menu_a {
        font-size: 1rem;
    }

    .header .use li {
        width: 4.0625rem;
    }

}

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

    body {
        font-size: 0.9375rem;
        line-height: 1.75rem;
    }

    .title h4 {
        font-size: 1.5rem;
    }

    .title h3 {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }

    .title02 h3 {
        font-size: 2rem;
        line-height: 2rem;
    }



    .nbanner .text h3 {
        font-size: 2.25rem;
        line-height: 2.8125rem;
    }

    .nbanner .text p {
        font-size: 1rem;
        margin-top: 0;
    }



    .abtitle h4 {
        font-size: 1.5rem;
    }

    .abtitle h3 {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }

    .header .menu li .menu_a {
        margin: 0 2rem
    }

    .header .menu li.arrow .menu_a {
        margin: 0 3rem
    }





    .header .logo .text {
        letter-spacing: 0.0437rem;
    }

    .header .logo .text span {
        font-size: 1.7125rem;
        line-height: 1.875rem;
    }

    .title {
        margin-bottom: 2.5rem;
    }



    .banner .swiper-slide .wenzi h3 {
        font-size: 2.5rem;
        line-height: 2.5rem;
    }

    .banner .swiper-slide .wenzi p {
        line-height: 2.8125rem;
        font-size: 1.375rem;
    }

    .banner .swiper-slide .wenzi .con {
        margin: 1.25rem 0 3.75rem 0;
    }

    .header .use li {
        width: 3.875rem;
    }



}

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



    .header .tel {
        margin: 0 1.25rem 0 0.9375rem;
        font-size: 1.125rem;
    }



    .header .use li {
        font-size: 0.875rem;
    }

    .i-product .item h3,
    .pcalist .item h3 {
        font-size: 1.375rem;
    }

    .i-brand li a {
        height: 5.625rem;
    }



    .header .menu li .menu_a {
        margin: 0 2rem;
        font-size: 1.125rem;
    }

    .header .menu li.arrow .menu_a {
        margin: 0 3rem
    }



    .nbrand li a {
        display: block;
        height: 6.875rem;
    }





}

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

    body {
        font-size: 0.875rem;
        line-height: 1.625rem;
    }



    .header .use li {
        font-size: 0.8125rem;
    }

    .title h4 {
        font-size: 1.375rem;
    }

    .title h3 {
        font-size: 2rem;
        line-height: 2rem;
    }

    .title02 h3 {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }



    .nbanner .text h3 {
        font-size: 2rem;
        line-height: 2.1875rem;
    }

    .nbanner .text p {
        font-size: 0.9375rem;
        margin-top: 0;
    }



    .abtitle h4 {
        font-size: 1.375rem;
    }

    .abtitle h3 {
        font-size: 2rem;
        line-height: 2rem;
    }



    .i-product .item h3,
    .pcalist .item h3 {
        font-size: 1.25rem;
        margin: 5% 0 6% 0;
    }

    .i-product .item {
        padding: 2.5%;
    }

    .title {
        margin-bottom: 2.1875rem;
    }



    .banner .swiper-slide .wenzi h3 {
        font-size: 2.25rem;
        line-height: 2.25rem;
    }

    .banner .swiper-slide .wenzi p {
        line-height: 2.5rem;
        font-size: 1.25rem;
    }



    .i-brand li a {
        height: 5.5rem;
    }

    .wrap {
        width: 84%;
    }

    .npdpnav.fixeds {
        padding: 0 8%;
    }

    .i-about .text .abcon {
        line-height: 1.875rem;
    }

    .header .use li {
        width: 3.75rem;
    }



    .header .logo .text {
        line-height: 0.625rem;
        font-size: 0.625rem;
        letter-spacing: 0.0781rem;
    }

    .header .logo .text span {
        font-size: 1.5875rem;
        line-height: 1.875rem;
    }



    .nbrand li a {
        display: block;
        height: 6.25rem;
    }

    .nhr .conn .item .icon img {
        max-height: 4.375rem;
        max-width: 4.375rem;
    }



    .pdetails .pdtop .intro h3 {
        margin-bottom: 0.9375rem;
        padding-bottom: 0.9375rem;
        font-size: 1.25rem;
    }

    .pdetails .pdtop .intro .inconn {
        line-height: 1.875rem;
    }

}



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





    .i-brand li a {
        height: 5.3125rem;
    }

    .i-news .swiper-slide .text {
        padding: 0.75rem 0.9375rem 1.5625rem 0.9375rem;
    }

    .header .tel {
        padding-left: 1.75rem;
        font-size: 1.125rem;
    }

    .header .tel {
        background: url(../image/toptel.png) no-repeat left center;
        background-size: 1.25rem auto;
    }

    .footer li .ftop img {
        height: 2.1875rem;
        margin-top: 0.625rem;
    }

    .footer li .ftop h3 {
        line-height: 2.1875rem;
    }

    .footer li .code img {
        width: 7.5rem;
    }

    .footer li .code {
        font-size: 0.75rem;
    }

    .footer li .lists {
        line-height: 2rem;
    }

    .footer li {
        line-height: 2rem;
    }

    .footer .copyright {
        padding: 1.25rem 0;
    }



    .banner .swiper-slide .wenzi h3 {
        font-size: 1.875rem;
        line-height: 2.25rem;
    }

    .banner .swiper-slide .wenzi p {
        line-height: 2.25rem;
        font-size: 1.125rem;
    }

    .banner .swiper-slide .wenzi .con {
        margin: 0.9375rem 0 2.5rem 0;
    }



    .more {
        width: 8.75rem;
        padding-right: 1.875rem;
        line-height: 2.8125rem;
        padding-right: 1.625rem;
    }



    .footer li h3 {
        padding-bottom: 0;
    }

    .nsection {
        padding: 3.125rem 0 5rem 0;
    }

    .nabout.nsection {
        padding: 3.125rem 0 5rem 0;
    }



    .protop .pbrief .protitle h3 {
        font-size: 1.625rem;
    }

    .protop .pbrief .conn {
        line-height: 1.875rem;
    }



    .npdpnav {
        line-height: 3.125rem;
        height: 3.125rem;
    }

    .npdpnav li a {
        padding: 0 1.5625rem;
    }

    .ntitle h3 {
        font-size: 1.25rem;
    }



    .nnews .newskuai .wenzi h3 {
        line-height: 3.125rem;
        font-size: 1.125rem;
    }

    .pdetails .conntent {
        padding: 2.5rem;
    }

}

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



    .header .logo .text span {
        margin-bottom: 0.3125rem;
    }

    .header .menu li.arrow .menu_a:before {
        right: -0.9375rem;
    }

    .header .menu li .menu_a {
        margin: 0 2rem;
    }

    .header .menu li.arrow .menu_a {
        margin: 0 3rem
    }

    .header .use li {
        width: 3.625rem;
    }



    .nbanner .text h3 {
        font-size: 1.75rem;
        line-height: 1.875rem;
    }

    .nbanner .text p {
        font-size: 0.875rem;
        margin-top: 0;
    }

}



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

    body {
        font-size: 0.8125rem;
        line-height: 1.5625rem;
    }

    .header .logo img {
        height: 4.2rem;
    }

    .header .logo .text span {
        margin-bottom: 0.3125rem;
    }

    .header .logo .text {
        line-height: 0.625rem;
        font-size: 0.625rem;
        letter-spacing: 0.0563rem;
    }

    .header .logo .text span {
        font-size: 1.5rem;
        line-height: 1.625rem;
    }

    .header .tel {
        padding-left: 1.5625rem;
        margin: 0 0.9375rem;
    }





    #a01,
    #a02,
    #a03,
    #a04,
    #a05,
    #a06 {
        margin-top: -5.625rem;
    }

    .space {
        height: 5.625rem;
    }

    .header .menu li .menu_a {
        font-size: 1rem;
    }





    .title h4 {
        font-size: 1.25rem;
    }

    .title h3 {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }

    .title02 h3 {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }

    .abtitle h4 {
        font-size: 1.25rem;
    }

    .abtitle h3 {
        font-size: 1.875rem;
        line-height: 1.875rem;
    }





    .i-brand li a {
        height: 4.875rem;
    }

    .i-product .item h3,
    .pcalist .item h3 {
        font-size: 1.125rem;
    }

    .header .tel {
        background: url(../image/toptel.png) no-repeat left center;
        background-size: 1.125rem auto;
        padding-left: 1.4375rem;
    }

    .nbrand li a {
        display: block;
        height: 5.625rem;
    }



    .nguide ul li {
        padding: 0.9375rem 0;
    }

    .nguide .location {
        padding: 0.9375rem 0 0.9375rem 2.1875rem;
    }

    .nhr .conn .item .icon {
        width: 6.25rem;
        height: 6.25rem;
    }

    .nhr .conn .item .icon img {
        max-height: 4.0625rem;
        max-width: 4.0625rem;
    }



    .more {
        width: 7.5rem;
        padding-right: 1.25rem;
        line-height: 2.5rem;
        padding-right: 1.25rem;
    }

    .nmmore {
        width: 7.5rem;
        padding-right: 1.25rem;
        line-height: 2.5rem;
    }

    .nmmore i {
        right: 0.9375rem;
    }



    .banner .swiper-pagination-bullet {
        width: 0.625rem;
        height: 0.625rem;
        border-radius: 0.3125rem;
    }

    .banner .swiper-pagination-bullet-active {
        width: 1.875rem;
        height: 0.625rem;
    }

    .banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 0.1875rem;
    }

    .header .lang {
        right: 4.375rem;
    }

    .nbanner img {
        width: 120%;
        margin-left: -10%;
    }

    .nsection {
        padding: 2.5rem 0 3.75rem 0;
    }

    .nabout.nsection {
        padding: 2.5rem 0 3.75rem 0;
    }

    .prodetail .lists .section-wrapper .inn {
        padding: 1.875rem 0 0 0;
    }



    .nbrand li {
        width: calc(20% - 0.75rem);
        margin-right: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .nbrand li a {
        display: block;
        height: 6.875rem;
    }

    .nbrand li:nth-child(5n) {
        margin-right: 0
    }

    .nbrand li:nth-child(5n+1) {
        clear: both
    }



    .nnews .newskuai .date h3 {
        font-size: 1.75rem;
        margin-bottom: 0.625rem;
    }

    .nnews .newskuai .date p {
        font-size: 1.125rem;
        margin-bottom: 0;
    }



    .nnews .newskuai a:after {
        right: 6.25rem;
    }

    .nnews .newskuai .wenzi {
        width: calc(72% - 6.25rem);
    }

    .nnews .newskuai .wenzi h3 {
        line-height: 2.5rem;
    }

    .nnews .newskuai .date {
        margin-top: 1.25rem;
    }



    .nab02 .wenzi {
        padding: 1.25rem 1.25rem 1.875rem 1.25rem;
    }

    .nhr .conn .item .text h3 {
        font-size: 1.125rem;
        margin-bottom: 0.625rem;
    }

    .nhr .conn .item.item {
        padding: 1.25rem 1.25rem 2.5rem 1.25rem;
    }

}



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

    .header .use li {
        width: 3.4375rem;
    }

    .header .tel {
        font-size: 1.0625rem;
    }

    .header .logo img {
        height: 4.2rem;
    }

    .header .logo .text {
        letter-spacing: 0.0406rem;
    }

    .header .logo .text span {
        font-size: 1.4375rem;
        margin-bottom: 0.1875rem;
    }

    .header .menu li .menu_a {
        margin: 0 2rem;
    }

    .header .menu li.arrow .menu_a {
        margin: 0 3rem
    }

    .i-brand li a {
        height: 4.6875rem;
    }



    .title h4 {
        font-size: 1.125rem;
    }

    .title h3 {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }

    .title02 h3 {
        font-size: 1.625rem;
        line-height: 1.625rem;
    }

    .abtitle h4 {
        font-size: 1.125rem;
        margin-bottom: 0.3125rem;
    }

    .abtitle h3 {
        font-size: 1.75rem;
        line-height: 1.75rem;
    }



    .i-news .swiper-slide .text h3 {
        margin: 0.125rem 0 1rem 0;
    }

    .footer li h3 {
        font-size: 1rem;
    }



    .banner .swiper-slide .wenzi h3 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    .banner .swiper-slide .wenzi p {
        line-height: 1.875rem;
        font-size: 1rem;
    }





    .nbanner .text h3 {
        font-size: 1.5rem;
        line-height: 1.875rem;
    }

    .nbanner .text p {
        font-size: 0.875rem;
        margin-top: 0;
    }

    .pdetails .conntent img {
        max-width: 100%;
    }



}



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

    .header .logo .text {
        margin-left: 0.4375rem;
    }

    .header .logo img {
        height: 4.2rem;
    }

    #a01,
    #a02,
    #a03,
    #a04,
    #a05,
    #a06 {
        margin-top: -5.625rem;
    }

    .space {
        height: 5.625rem;
    }

    .header .menu li .menu_a {
        font-size: 1rem;
    }

    .header .logo .text {
        letter-spacing: 0.0262rem;
    }

    .header .logo .text span {
        font-size: 1.375rem;
    }

    .header .use li {
        width: 3.25rem;
    }

    .i-product .item h3,
    .pcalist .item h3 {
        font-size: 1rem;
    }

    .i-product .item h3,
    .pcalist .item h3 {
        margin-top: 2%;
    }

    .i-brand li a {
        height: 4.375rem;
    }

    .nbrand li a {
        display: block;
        height: 5rem;
    }

    .npdpnav li a {
        padding: 0 0.9375rem;
    }

    .ndown .conn .item h3 {
        font-size: 1rem;
    }



}

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

    .header .logo .text {
        letter-spacing: 0;
    }

    .header .logo .text span {
        letter-spacing: -0.0563rem;
    }



    .banner .swiper-slide .wenzi h3 {
        font-size: 1.375rem;
    }

    .banner .swiper-slide .wenzi p {
        line-height: 1.625rem;
        font-size: 0.875rem;
    }





    .title h4 {
        font-size: 1rem;
        margin-bottom: 0.375rem;
    }

    .title h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    .title02 h3 {
        font-size: 1.375rem;
        line-height: 1.625rem;
    }

    .abtitle h4 {
        font-size: 1rem;
    }

    .abtitle h3 {
        font-size: 1.5rem;
        line-height: 1.75rem;
    }

    .title {
        margin-bottom: 1.875rem;
    }

    .nbanner img {
        width: 130%;
        margin-left: -15%;
    }



    .protop .pbrief .protitle h3 {
        font-size: 1.375rem;
    }

    .protop .pbrief .conn {
        line-height: 1.75rem;
    }

    .protop .pbrief .protitle {
        padding-bottom: 0.9375rem;
        margin-bottom: 0.9375rem;
    }

    .pdetails .conntent {
        padding: 1.875rem;
    }

    .pdetails .conntent .nr {
        padding: 1.25rem 0;
    }

    .pdetails .conntent .canshu table td {
        padding: 0.1875rem 0.375rem;
    }

}

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

    .header .menu,
    .header .use {
        display: none;
    }

    .header .lang {
        display: block;
    }

    .m-btn {
        display: block
    }

    .header .tel {
        margin-right: 5.625rem;
    }



    .section-vh {
        height: auto !important;
        min-height: auto !important
    }

    .fp-tableCell {
        height: auto !important;
    }

    .fp-section.fp-table,
    .fp-slide.fp-table {
        height: auto !important;
    }

    .Pagebtn-ico {
        display: none !important;
    }

    #fp-nav {
        display: none !important;
    }



    .banner .swiper-slide {
        height: 32.5rem;
    }

    .banner .swiper-pagination {
        margin-bottom: 0.9375rem !important;
    }





    .section .title {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5S ease;
        transition: all 1.5s ease;
    }

    .section.active .title {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }

    .section .conn {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5S ease;
        transition: all 1.5s ease;
    }

    .section.active .conn {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
        opacity: 1
    }



    .title h4 {
        margin-top: 0
    }

    .i-product,
    .i-brand,
    .i-about,
    .i-news {
        padding: 2.5rem 0 3.75rem 0;
    }



    .i-about .text {
        margin-top: 1.25rem;
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5S ease;
        transition: all 1.5s ease;
    }

    .i-about.active .text {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }

    .i-about .images {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1;
        -webkit-transition: all 1.5s ease;
        -moz-transition: all 1.5S ease;
        transition: all 1.5s ease;
    }

    .i-about.active .images {
        -webkit-transform: translateX(0);
        -moz-transform: translateX(0);
        -ms-transform: translateX(0);
        transform: translateX(0);
        opacity: 1
    }



    .footer li:nth-child(3) {
        display: none;
    }



    .m-foot {
        display: block
    }



    .nbanner .text .title {
        margin-bottom: 0.625rem;
    }

    .protop .proll .swiper-button-prev,
    .protop .proll .swiper-button-next {
        width: 2.5rem;
        height: 2.5rem;
        font-size: 1.5rem;
        margin-top: -1.25rem;
    }

    .protop .proll .swiper-button-prev,
    .protop .proll .swiper-button-next {
        background-size: 0.625rem auto;
    }

    .title02 {
        margin-bottom: 1.5625rem;
    }

}

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

    .wrap {
        width: 92%;
    }

    .npdpnav.fixeds {
        padding: 0 4%;
    }

    .section-vh {
        height: auto !important;
        min-height: auto !important
    }

    .fp-section.fp-table,
    .fp-slide.fp-table {
        height: auto !important;
    }

    .banner .swiper-slide {
        height: 30rem;
    }



    .protop {
        margin-bottom: 3.125rem;
    }

    .protop .proll {
        width: 100%;
        margin-bottom: 1.875rem;
    }

    .protop .pbrief {
        width: 100%;
        position: relative;
        right: auto;
        -moz-transform: translate(0%, -0%);
        -webkit-transform: translate(0%, -0%);
        transform: translate(0%, -0%);
        top: auto;
    }



    .npdpnav li a {
        padding: 0 0.625rem;
    }



    .nbrand li {
        width: 23.5%;
        margin-right: 2%;
        margin-bottom: 0.9375rem
    }

    .nbrand li a {
        display: block;
        height: 6.25rem;
    }

    .nbrand li:nth-child(5n) {
        margin-right: 2%
    }

    .nbrand li:nth-child(5n+1) {
        clear: none
    }

    .nbrand li:nth-child(4n) {
        margin-right: 0
    }

    .nbrand li:nth-child(4n+1) {
        clear: both
    }



    .pslists .pptext {
        display: block;
        margin-bottom: 0.9375rem;
    }

    .pptext .pplogo {
        width: auto;
        height: auto;
        margin-right: 0;
        padding: 1.25rem;
    }

    .pptext .pplogo img {
        max-width: 10rem;
    }

    .pptext .intro {
        width: auto;
    }



    .nnews .newskuai .wenzi p {
        -webkit-line-clamp: 2;
    }



    .nnews .newskuai .date h3 {
        font-size: 1.5rem;
        margin-bottom: 0.625rem;
    }

    .nnews .newskuai .date p {
        font-size: 1rem;
        margin-bottom: 0;
    }



    .nnews .newskuai a:after {
        right: 5.625rem;
    }

    .nnews .newskuai .wenzi {
        width: calc(72% - 5.625rem);
    }

    .pdetails .conntent .nr .blue {
        font-size: 1.125rem;
    }

}



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

    .banner .swiper-slide {
        height: 26.25rem;
    }

    .title h4 {
        font-size: 0.875rem;
        margin-bottom: 0.375rem;
    }

    .title h3 {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }

    .title02 h3 {
        font-size: 1.25rem;
        line-height: 1.625rem;
    }



    .abtitle h4 {
        font-size: 0.875rem;
    }

    .abtitle h3 {
        font-size: 1.375rem;
        line-height: 1.75rem;
    }



    .abtitle {
        margin-bottom: 1.25rem;
        padding-bottom: 0.9375rem;
    }

    .i-about .text .abcon {
        line-height: 1.625rem;
    }



    .title {
        margin-bottom: 1.5625rem;
    }





    #a01,
    #a02,
    #a03,
    #a04,
    #a05,
    #a06 {
        margin-top: -5.625rem;
    }

    .space {
        height: 5.625rem;
    }

    .header .menu li .menu_a {
        font-size: 1rem;
    }





    .m-btn {
        top: 2.375rem
    }

    .m-menu {
        top: 90px;
        padding-top: 1rem;
    }

    .m-menu ul {
        height: calc(100vh - 5.625rem);
    }

    .header .logo {
        margin: 0 0 0 5%;
    }

    .banner .swiper-slide .wenzi .con p {
        padding-left: 1.5625rem;
    }

    .banner .swiper-slide .bpic {
        padding: 0 0 0 3%;
    }

    .banner .swiper-slide .wenzi {
        padding: 0;
    }

    .i-about .text .more {
        margin-top: 1.875rem;
    }



    .footer li:nth-child(4) {
        display: none;
    }

    .footer .copyright {
        padding: 0.9375rem 0;
    }



    .nbanner img {
        width: 140%;
        margin-left: -20%;
    }



    .nguide ul li {
        padding: 0.625rem 0;
    }

    .nguide .location {
        padding: 0.625rem 0 0.625rem 1.875rem;
        background: url(../image/home.svg) no-repeat left center;
        background-size: 0.9375rem auto;
    }

    .nguide ul li {
        margin: 0 0.625rem;
    }

    .nguide ul li:first-child {
        margin-left: 0;
    }

    .nguide ul li:last-child {
        margin-right: 0;
    }



    .prodetail .lists .section-wrapper .text table tr td:first-child {
        min-width: 6.25rem;
    }

    .pslists .conn img {
        margin-top: 0 !important
    }



    .nabout .images {
        width: 100%;
        position: relative;
        left: auto;
        top: auto;
        height: autos;
        margin-bottom: 1.25rem;
    }

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

    .nabout .text {
        width: 100%;
        float: none;
    }



    .nhr .conn .item .icon {
        width: 5rem;
        height: 5rem;
    }

    .nhr .conn .item .icon img {
        max-height: 2.8125rem;
        max-width: 2.8125rem;
    }



    .nhr .conn .item .text h3 {
        font-size: 1rem;
        margin-bottom: 0.5rem;
    }

    .nhr .conn .item.item {
        padding: 1.25rem 0.9375rem 2.1875rem 0.9375rem;
    }



    .pdetails .pdtop .picout {
        width: 100%;
        float: none;
    }

    .pdetails .pdtop .intro {
        width: 100%;
        float: none;
        margin-top: 1.875rem;
    }

    .pdetails .pdtop .intro .inconn {
        line-height: 1.75rem;
    }

    .pdetails .conntent {
        padding: 1.25rem;
    }

    .pdetails .conntent .ktitle {
        font-size: 1.25rem;
    }



    .pdetails .conntent .list .item .num {
        line-height: 4.75rem;
        margin-top: -2.375rem;
        font-size: 1.875rem;
    }

    .pdetails .conntent .list .item .wz {
        padding: 2.8125rem 1.5625rem 1.875rem 1.5625rem;
        margin-top: -2.1875rem;
    }

}

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

    .banner .swiper-slide {
        height: 25rem;
    }

    .header .tel {
        display: none;
    }



    .i-brand li {
        width: calc(33.33% - 0.625rem);
        margin-right: 0.9375rem;
        margin-bottom: 0.9375rem
    }

    .i-brand li a {
        display: block;
        height: 4.0625rem;
    }

    .i-brand li:nth-child(6n) {
        margin-right: 0.9375rem
    }

    .i-brand li:nth-child(6n+1) {
        clear: none
    }

    .i-brand li:nth-child(3n) {
        margin-right: 0
    }

    .i-brand li:nth-child(3n+1) {
        clear: both
    }



    .banner .swiper-slide {
        height: 22.5rem;
    }

    .i-product .item {
        width: 100%;
        padding: 1.25rem;
    }

    .i-product .item h3,
    .pcalist .item h3 {
        margin: 0.625rem 0 1.25rem 0;
    }



    .i-about .images {
        width: 100%;
        position: relative;
        right: auto;
    }

    .i-about .text {
        width: 100%;
    }

    .banner .swiper-pagination {
        margin-bottom: 0.3125rem !important;
    }

    .footer li:nth-child(2),
    .footer li:nth-child(5) {
        display: none;
    }

    .nguide ul li {
        margin: 0 0.3125rem;
    }



    .prodetail .lists .section-wrapper .pic {
        width: 100%;
        float: none;
        margin-top: 1.875rem;
    }

    .prodetail .lists .section-wrapper .text {
        width: 100%;
        float: none;
    }

    .npdpnav li a {
        padding: 0 0.5rem;
    }



    .nbrand li {
        width: 32%;
        margin-right: 2%;
        margin-bottom: 0.9375rem
    }

    .nbrand li a {
        display: block;
        height: 5.625rem;
    }

    .nbrand li:nth-child(4n) {
        margin-right: 2%
    }

    .nbrand li:nth-child(4n+1) {
        clear: none
    }

    .nbrand li:nth-child(3n) {
        margin-right: 0
    }

    .nbrand li:nth-child(3n+1) {
        clear: both
    }



    .pslists .item .text {
        padding: 0.9375rem;
    }

    .pslists .item .nmmore {
        margin: 0.9375rem auto;
    }



    .ndown .conn .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1.25rem;
        padding: 0.9375rem;
    }

    .ndown .conn .item h3 {
        font-size: 0.9375rem;
    }

    .naqlist li {
        padding: 0.625rem 0.9375rem;
    }

    .naqlist .aqlist_tit {
        font-size: 0.9375rem;
    }

    .naqlist li .aqlist_tit {
        padding: 0 1.875rem 0 0
    }

    .naqlist li.cur .aqlist_tit {
        background: url(../image/jian.png) no-repeat right center;
        background-size: 1.5rem auto;
    }

    .naqlist li .aqlist_tit {
        background: url(../image/jia.png) no-repeat right center;
        background-size: 1.5rem auto;
    }



    .nvideo .item {
        width: 49%;
        margin-right: 2%;
        margin-bottom: 2%;
        background: #fff;
    }

    .nvideo .item:nth-child(3n) {
        margin-right: 2%;
    }

    .nvideo .item:nth-child(2n) {
        margin-right: 0;
    }

    .nvideo .item p {
        margin: 0.625rem 0.9375rem 0 0.9375rem;
    }

    .nvideo .item h3 {
        font-size: 0.9375rem;
        padding: 0 0.9375rem 1.25rem 0.9375rem;
    }



    .nab02 .wenzi {
        padding: 0.9375rem 0.9375rem 1.5625rem 0.9375rem;
    }



    .nab02 .conn .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1.25rem;
    }



    .contact01 .conn .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1.25rem;
        padding: 1.5625rem 0.9375rem 1.875rem 0.9375rem;
    }



    .hrtop {
        font-size: 1.0625rem;
        line-height: 3.125rem;
        padding: 0 0.9375rem;
        margin-bottom: 0.9375rem;
    }

    .hrlist li {
        margin-bottom: 0.75rem;
    }

    .hrlist .toptit {
        line-height: 2.8125rem;
    }

    .hrtop span:nth-child(3),
    .hrtop span:nth-child(4) {
        display: none
    }

    .hrtop span {
        width: 30%;
    }

    .hrtop span.job {
        width: 40%;
    }

    .hrlist li.cur .toptit {
        background: url(../image/nanext05.png) no-repeat calc(100% - 0.9375rem) center;
    }

    .hrlist .toptit {
        padding: 0 0.9375rem;
        background: url(https://www.winwintek.com/public/static/home/images/nanext04.png) no-repeat calc(100% - 0.9375rem) center;
    }

    .hrlist .toptit span:nth-child(3),
    .hrlist .toptit span:nth-child(4) {
        display: none
    }

    .hrlist .toptit span {
        width: 30%;
    }

    .hrlist .toptit span.job {
        width: 40%
    }

    .hrlist .cont {
        margin: 0.9375rem 0.9375rem;
    }





    .pdetails .conntent .list.list03 .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 3.125rem;
    }

    .pdetails .conntent .list.list0004 .item {
        width: 23.5%;
        margin-right: 2%;
        margin-top: 2.8125rem;
        border: solid 0.0625rem #ddd;
        border-radius: 0.625rem;
    }

    .pdetails .conntent .list.list02 {
        max-width: 75rem;
        margin: 0 auto;
    }

    .pdetails .conntent .list.list02 .item {
        width: 100%;
        margin-right: 0%;
        margin-top: 1.5625rem;
    }

    .pdetails .conntent .list.list003 {
        max-width: 75rem;
        margin: 0 auto;
    }

    .pdetails .conntent .list.list003 .item {
        width: 100%;
        margin-right: 0%;
        margin-top: 1.5625rem;
        text-align: center;
    }

    .pdetails .conntent .list.list004 {
        max-width: 75rem;
        margin: 0 auto;
    }

    .pdetails .conntent .list.list004 .item {
        width: 100%;
        margin-right: 0%;
    }

    .pdetails .conntent .list.list04 .item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1.25rem;
    }



    .pdetails .conntent .lista .item:nth-child(2) {
        position: relative;
        width: 100%;
        margin-top: 1.875rem;
    }

    .piaoyou {
        position: relative;
        right: auto;
        bottom: auto;
    }

}



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

    .banner .swiper-slide {
        height: 20rem;
    }

    .banner .swiper-slide .wenzi p {
        font-size: 0.8125rem;
    }

    .banner .swiper-slide .wenzi h3 {
        font-size: 1.25rem;
        line-height: 1.5625rem;
    }

    .banner .swiper-slide .wenzi {
        width: 50%
    }

    .banner .swiper-slide .bpic {
        width: 35%;
        height: 60%;
    }



    .pcshow {
        display: none;
    }

    .phshow {
        display: block
    }



    .header .logo {
        position: static;
        margin: 0 0 0 5%;
    }

    .header .logo img {
        display: block;
        width: auto;
        max-width: 7.5rem;
        max-height: 3rem;
    }

    .header .lang {
        right: 3.125rem;
    }



    .more {
        width: 6.25rem;
        padding-right: 0.9375rem;
        line-height: 2.1875rem;
        padding-right: 0.9375rem;
    }

    .nmmore {
        width: 6.875rem;
        line-height: 2.1875rem;
    }

    .pslists .item .nmmore {
        margin-bottom: 0.625rem;
    }



    .banner .swiper-slide .wenzi .con {
        margin: 0.625rem 0 2.1875rem 0;
    }

    .i-product,
    .i-brand,
    .i-about,
    .i-news {
        padding: 1.875rem 0 3.125rem 0;
    }

    .i-product .item h3,
    .pcalist .item h3 {
        margin: 0 0 0.75rem 0;
    }



    .footer li .code {
        width: 6.875rem;
        float: right;
        margin-right: 0;
        margin-top: 0.625rem;
    }

    .footer li .code img {
        width: 6.875rem;
    }

    .footer li .lists {
        float: left;
        width: calc(100% - 8.75rem)
    }

    .footer li .ftop {
        margin-bottom: 0.9375rem;
    }

    .footer li .ftop img {
        margin-right: 0;
        padding-right: 0;
        border: none;
        display: block;
        float: none;
    }

    .footer li .lists {
        line-height: 1.5rem;
    }

    .footer li .lists p {
        padding: 0.3125rem 0;
    }

    .footer .fcontent {
        padding: 2.5rem 0 3.125rem 0;
    }



    .nbanner img {
        width: 150%;
        margin-left: -25%;
    }



    .nguide ul {
        width: 100%;
        text-align: center;
        float: none;
        clear: both;
        margin-top: -0.625rem;
    }

    .pcalist .item {
        width: 100%;
        margin-bottom: 1.25rem;
        padding: 1.25rem 3% 2.5rem 3%;
    }



    .pslists .item {
        width: calc(50% - 0.625rem);
        margin-right: 1.25rem;
        margin-bottom: 1.25rem;
    }

    .pslists .item:nth-child(3n) {
        margin-right: 2%;
    }

    .pslists .item:nth-child(2n) {
        margin-right: 0;
    }



    .nguide .location a {
        padding-left: 0.625rem;
        margin-left: 0.5rem;
    }

    .nbrand li a {
        height: 5rem;
    }



    .nnews .newskuai .pic {
        float: none;
        width: 100%;
        margin-bottom: 0.625rem;
        position: relative;
        z-index: 2;
    }

    .nnews .newskuai .wenzi {
        width: calc(100% - 5rem);
        padding-left: 0;
    }

    .nnews .newskuai a:after {
        right: 5rem;
    }

    .nnews .newskuai .date h3 {
        font-size: 1.375rem;
        margin-bottom: 0;
    }

    .nnews .newskuai .date p {
        font-size: 0.875rem;
        margin-bottom: 0;
    }

    .nhr .conn .item.item {
        width: 100%;
        margin-right: 0%;
        margin-bottom: 1.25rem;
    }

}



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

    .banner .swiper-slide .wenzi {
        width: 56%
    }

    .banner .swiper-slide .bpic {
        height: 55%;
    }

    .banner .swiper-slide .wenzi p {
        font-size: 0.75rem;
    }

    .banner .swiper-slide .wenzi h3 {
        font-size: 1.125rem;
    }

    .banner .swiper-slide {
        height: 17.5rem;
    }



    .title h4 {
        font-size: 0.8125rem;
        margin-bottom: 0;
    }

    .title h3 {
        font-size: 1.25rem;
    }

    .nbanner img {
        width: 160%;
        margin-left: -30%;
    }



    .pslists .item {
        width: 100%;
        margin-right: 0;
        margin-bottom: 1.25rem;
    }

    .pslists .item:nth-child(3n) {
        margin-right: 0%;
    }



    .nbrand li a {
        height: 4.375rem;
    }

}