@charset "utf-8";
.product-all:nth-child(2n) .product-cont {
    flex-direction: row-reverse;
}

@media screen and (max-width:1920px){
    .header{
        width: 100%;
    }
}
@media screen and (max-width:1600px) {
    .nav>ul>li {
        margin: 0 15px
    }

    .nav>ul>li>a {
        font-size: 19px
    }

    .search {
        width: 200px
    }

    .indexA .tit h3 {
        font-size: 48px
    }

    .indexB h3 {
        font-size: 48px
    }

    .indexC h3 {
        font-size: 48px
    }

    .indexD h3 {
        font-size: 48px
    }

    .indexF ul li a h5 {
        font-size: 36px
    }

    .indexE h3 {
        font-size: 48px
    }
    .header{
        width: 100%;
    }
    .foot-form ul li{
        padding-left: 50px;
    }
    .container{
        width: 85%;
    }
    /* .header h1 a{
        width: 200px;
    } */
    .foot-logo a{
        /* width: 200px; */
        margin: auto;
    }
    .foot-form ul li a:first-child{
        font-size: 14px;
    }
    .foot-form ul li a{
        font-size: 12px;
    }
    .solution-tan-cont{
        width: 55%;
    }
}

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

    [data-lang="ru"] .nav>ul>li>a{
        font-size: 16px;
    }
    .nav>ul>li {
        margin: 0 8px
    }

    .nav>ul>li>a {
        font-size: 16px
    }
    .header-top-left{
        padding-left: 40px;
    }
    .dropdown-a a{
        font-size: 16px;
    }
    .dropdown-b-a a{
        font-size: 14px;
    }

    .search {
        width: 180px
    }

    .indexA .swiper-slide h5 {
        font-size: 24px
    }
    .tan-cont{
        width: 73%;
    }
    .header{
        width: 100%;
    }
    .tan-top-one>div{
        margin-left: 20px;
    }
    .tan-top-one>img{
        width: 90px;
        height: 90px;
    }
    .foot-form ul li:nth-child(2) a, .foot-form ul li:nth-child(3) a{
        font-size: 14px;
    }
    .nav>ul>li:nth-child(3){
        padding-right: 10px;
    }
}

@media screen and (max-width:1100px) {
    .tan-top-one>img{
        margin: auto;
    }
    .visible-xs-block {
        display: block
    }

    .wp,
    .wp2,
    .wp1200 {
        width: 100%;
        padding-right: 10px;
        box-sizing: border-box;
        padding-left: 10px
    }

    #footBar {
        display: block
    }

    .sitetop {
        background: #333;
        background: #333;
        position: fixed;
        width: 100%;
        z-index: 1000
    }
    #banner{
        padding-top: 120px;
    }

    .sitetop .wp2 {
        padding: 0;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .sitetop ul.tnav,
    .nav,
    .search {
        display: none
    }

    .sitetop span {
        display: block
    }

    .header-lang {
        margin-right: 10px
    }

    .header-lang .box {
        height: 32px
    }

    .header-lang .box img {
        margin: 6px 0 0 6px
    }

    .header-lang .box em {
        margin: 6px 5px 0 6px;
        color: #fff
    }

    .header-lang .box i {
        margin: 6px 0 0;
        color: #fff
    }

    .header-lang ul {
        padding: 0 6px;
        top: 32px
    }

    .header-lang ul li img {
        margin-right: 6px
    }

    .header {
        height: auto;
        padding: 50px 0 0px
    }

    .header .wp2 {
        -webkit-justify-content: center;
        justify-content: center
    }

    #banner .swiper-container-horizontal>.swiper-pagination-bullets {
        bottom: 10px
    }

    #banner .swiper-pagination-bullet {
        height: 10px;
        width: 10px;
        margin: 0 2px
    }

    #banner .swiper-button-prev,
    #banner .swiper-button-next {
        width: 36px;
        height: 36px;
        margin-top: -18px
    }

    #banner .swiper-button-prev i,
    #banner .swiper-button-next i {
        font-size: 16px;
        line-height: 36px
    }

    #banner .swiper-button-prev,
    #banner .swiper-container-rtl .swiper-button-next {
        left: 5px
    }

    #banner .swiper-button-next,
    #banner .swiper-container-rtl .swiper-button-prev {
        right: 5px
    }

    .web-live {
        display: none
    }

    .foot-top {
        height: auto;
        padding: 0px 0;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .foot-form {
        margin: 25px 0 0
    }

    .foot-form p {
        font-size: 22px
    }

    .foot-form .sendemail {
        width: 360px;
        margin: 0 0 0 35px
    }

    .foot-form .sendemail .post-text {
        height: 50px;
        line-height: 50px;
        font-size: 15px
    }

    .foot-form .sendemail .post-btn {
        right: 6px;
        top: 6px;
        font-size: 15px;
        height: 38px
    }

    #footer .box {
        padding: 30px 0
    }

    #footer h5 {
        font-size: 22px;
        text-align: center
    }

    .foot-nav {
        display: none
    }

    .foot-contact {
        width: 100%
    }

    .foot-contact p {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 10px;
        padding: 0 0 0 32px
    }

    .foot-contact p.p1 {
        background: url(../images/c1.png) no-repeat left 3px
    }

    .foot-contact p.p2 {
        background: url(../images/c2.png) no-repeat left 3px
    }

    .foot-contact p.p3 {
        background: url(../images/c3.png) no-repeat left 3px
    }

    .foot-contact p.p4 {
        background: url(../images/c4.png) no-repeat left 3px
    }

    .foot-contact .share {
        text-align: center
    }

    .foot-contact .share a {
        margin: 0 8px
    }

    .copyright {
        padding: 30px 0 35px
    }

    .copyright p {
        font-size: 15px;
        padding: 0 0 25px
    }

    .copyright p:nth-of-type(1) {
        /* display: none */
    }

    .copyright p a {
        margin: 0 10px 5px
    }

    .copyright .list {
        border-top: none;
        padding: 0 0 25px;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .copyright .list dl {
        text-align: center
    }

    .copyright .list dl:last-child {
        margin: 20px 0 0
    }

    .copyright .list dd {
        margin: 15px 0 0
    }

    .onlineservice {
        display: none
    }




    /* 2024.2.29history add */
    .history-one:nth-child(2n-1) .history-right{
        display: none;
    }
    .history-one:nth-child(2n) .history-left{
        display: none;
    }
    .history-one:nth-child(2n-1) .history-left::before,
    .history-one:nth-child(2n-1) .history-left::after,
    .history-one::after,.history-all::after,
    .history-one:nth-child(2n) .history-right::before,
    .history-one:nth-child(2n) .history-right::after{
        display: none;
    }
    .history-one:nth-child(2n-1) .history-left,.history-one:nth-child(2n) .history-right{
        width: 100%;
    }
    /* add */
    .tan-top-one>div{
        width: 100% !important;
        margin-left: 0;
        text-align: center;
    }
    .tan-top-one>div span{
        margin-top: 10px !important;
    }
    .tan-top-two a{
        margin-right: 0;
        float: left;
        width: 30%;
        text-align: center;
    }
    .tan-top-two a img{
        margin: auto;
    }
    .gc-swiper .swiper-slide img{
        height: auto;
    }
    .about-a{
        flex-direction: column-reverse;
    }
    .about .txt{
        width: 100%;
        margin-top: 20px;
    }
    .about-a .txt h4{
        margin-bottom: 0;
    }
    .about .txt p{
        margin-top: 10px;
    }
    .tan-top-two{
        width: 80% !important;
    }
    .pro-content p img{
        width: 100% !important;
        height: auto !important;
    }
    .sidebanner .txt h3{
        font-size: 18px !important;
    }
    .app-nav ul{
        display: block !important;
    }
    .app-nav ul li{
        font-size: 12px !important;
    }
    .header-top{
        display: none;
    }
    .product-cont-left{
        width: 100%;
    }
    .product-cont-zhong{
        width: 100%;
        margin-top: 20px;
    }
    .product-cont-right{
        width: 100%;
        margin-top: 20px;
    }
    .product-all:nth-child(2n) .product-cont{
        /*flex-direction: column-reverse;*/
    }
    .indexF h2{
        font-size: 24px;
    }
    .indexF h2 span{
        font-size: 24px !important;
    }
    .anli-cont{
        width: 48%;
    }
    .anli-left{
        width: 100%;
    }
    .anli-right{
        width: 100%;
        margin-top: 20px;
    }
    .line-all{
        width: 100%;
    }
    .line-cont{
        width: 50%;
        margin-top: 20px;
    }
    #footer{
        padding: 15px;
    }
    .foot-form{
        display: none;
    }
    .about-two-cont{
        width: 48%;
        margin: auto;
        margin-top: 20px;
    }
    .faq-cont{
        width: 100%;
        margin-top: 20px;
    }
    .down-list a span:first-child{
        width: 65%;
        font-size: 14px;
        height: 30px;
    }
    .down-list a span:last-child{
        font-size: 12px;
    }
    .solutions-left{
        width: 100%;
        overflow: hidden;
        overflow-x: scroll;
    }
    .solutions-left ul{
        /* width: max-content; */
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .solutions-left ul li{
        width: 33%;
        /* width: max-content !important; */
    }
    .solutions-left ul li a{
        padding-left: 0;
        padding-right: 0;
        text-align: center;
        padding: 0 20px;
        font-size: 14px;
    }
    .solutions-right{
        width: 100%;
    }
    .solutions-right-a-cont{
        width: 100%;
    }
    .solutions-right-a-cont{
        flex-direction: column-reverse;
    }
    .solution-zuo{
        width: 100%;
        margin-top: 20px;
    }
    .solution-zuo-all,.pro-content .solution-zuo-all{
        height: auto;
    }
    .contact-one-right h2{
        font-size: 30px;
    }
    .contact-one-right p{
        padding-left: 0;
    }
    .solution-you{
        width: 100%;
    }
    .service-cont{
        width: 100%;
    }
    .service-one{
        display: none;
    }
    .phone-service-one{
        display: block;
        margin-top: 20px;
    }
    .service-call{
        margin-top: 20px;
    }
    .contact-one-left{
        width: 100%;
    }
    .contact-one-right{
        width: 100%;
        margin-top: 20px;
    }
    /* .mo-leftmenu ul .xl:hover .dropdown{
        display: block;
    }*/
    .mo-leftmenu ul li .dropdown{
        display: none;
    }
    .container{
        width: 90%;
    }
    .product-cont-right-a{
        width: 100%;
        margin-top: 20px;
    }
    .product-cont-right .product-more a{
        padding: 10px 10px;
        font-size: 14px;
    }
    .line{
        padding: 40px 0;
        margin-top: 30px;
    }
    .foot{
        padding-top: 0;
    }
    .sidebanner{
        display: none;
    }
    .path{
        margin-top: 0 !important;
    }
    .about{
        margin-top: 90px;
    }
    .about-one{
        padding: 30px 0;
    }
    .about-two{
        padding: 30px 0;
    }
    .about-three{
        padding: 30px 0;
    }
    .faq-all{
        margin-top: 0px;
    }
    .main-right{
        width: 100%;
    }
    .xl{
        width: 50px;
    height: 50px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    }
    .xl img{
        width: 20px;
        height: 20px;
        max-width: 100%;
        display: block;
        margin: 15px auto;
    }
    .phone-nav li .a{
        transform: rotate(180deg);
        transition: .3s ease-in;
    }
    .phone-nav .active{
        display: block !important;
    }
    .dropdown a{
        font-size: 14px;
        line-height: 40px;
        border-bottom: 1px solid #e5e5e5;
    }
    .solution-tan-cont{
        width: 90%;
        max-height: 400px;
    }
    .about .indexF{
        padding: 0;
    }
    .about .indexF h2{
        margin: 0 auto;
        padding-top: 0px;
    }
    .about .indexF>div{
        padding: 30px 0 !important;
    }
    .service{
        margin-top: 0;
        padding-top: 10px;
        padding-bottom: 30px;
    }
    .newslist ul li .pic{
        width: 100% !important;
    }
    .newslist ul li .t{
        width: 100%;
    }
    .newslist ul li:nth-child(2n){
        flex-direction: column-reverse;
    }
    .contact-two{
        padding: 30px 0;
        padding-top: 1px;
    }
    .main.container{
        margin-top: 0;
    }
    .success-cont{
        width: 60%;
    }
    .indexA .list ul li:hover {
        background: #1683C0;
    }
    .indexA .list ul li:hover p {
        color: #fff;
    }
    .product-cont-right .product-more{
        margin-top: 20px;
    }
    .header h1{
        display: block;
    }
    .anli{
        padding: 30px 0;
    }
    .about-a .pic{
        width: 100%;
    }
    .contact-one{
        padding: 80px 0;
        padding-bottom: 30px;
    }
}
.phone-whatsapp{
    display: none;
}
@media screen and (max-width:768px) {
    .foot{
        padding-bottom: 50px;
    }
    .phone-whatsapp{
        display: block;
        position: fixed;
        width: 100%;
        bottom: 0;
        left: 0;
        z-index: 999;
    }
    .phone-whatsapp a{
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 10px 0;
        background-color: #1683C0;
        box-sizing: border-box;
    }
    .phone-whatsapp a i{
        font-size: 30px;
        color: #fff;
    }
    .phone-whatsapp a span{
        font-size: 20px;
        color: #fff;
        margin-left: 10px;
    }
    .indexA {
        padding: 0 10px
    }

    .indexA .tit {
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .indexA .tit h3 {
        width: auto;
        font-size: 36px;
        padding-right: 0;
        text-align: center
    }

    .indexA .tit h3::after {
        display: none
    }

    .indexA .tit h3 em {
        font-size: 16px;
        letter-spacing: 8px;
        margin-bottom: 10px
    }

    .indexA .tit p {
        margin: 15px 0 0;
        font-size: 16px;
        line-height: 22px
    }

    .indexA .swiper-slide {
        padding: 30px 10px
    }

    .indexA .swiper-slide h5 {
        font-size: 24px;
        margin: 20px 0 0
    }

    .indexA .swiper-slide p {
        font-size: 15px;
        line-height: 20px;
        height: 100px
    }

    .indexA .swiper-slide .more {
        font-size: 15px;
        width: 100px;
        height: 36px;
        line-height: 36px;
        margin: 20px 0 0
    }

    .indexA .swiper-pagination {
        display: block
    }

    .indexB {
        padding: 0 10px 30px;
        margin-top: 0;
    }

    .indexB h3 {
        font-size: 36px;
        padding: 30px 0
    }

    .indexB>p {
        margin-top: 0;
    }

    .indexB ul {
        display: block;
    }

    .indexB ul li {
        -webkit-flex-direction: column;
        flex-direction: column;
        width: 100%;
    }


    .indexB .txt {
        width: 100%;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .indexB .txt .box {
        width: 100%;
        padding: 20px 10px;
        flex-wrap: wrap;
    }
    .tan-top-left,.tan-top-right{
        width: 100%;
    }
    .tan .tan-cont{
        width: 80%;
        height: 400px;
        overflow-y: auto;
        padding: 10px;
    }
    .tan-top-yi h2{
        font-size: 14px;
        line-height: 28px;
        padding-bottom: 10px;
    }
    .tan-top-yi p{
        font-size: 16px;
        line-height: 32px;
        padding-bottom: 20px;
    }
    .tan-top-one p{
        width: 100%;
        margin-left: 0;
        text-align: center;
        margin-top: 20px;
    }
    .tan-top-two{
        width: max-content;
        margin: 20px auto;
    }
    .indexE .tan-cont{
        width: 95%;
        height: 100%;
        padding: 10px;
    }
    .contact ul .tan-cont{
        width: 95%;
        padding: 10px;
    }
    .iphone-honor{
        display: block;
    }
    #certify{
        display: none;
    }
    .pro-videos li{
        width: 100%;
    }
    .map #container{
        height: 300px;
    }
    .g-txt-left{
        width: 100%;
    }
    .g-txt-right{
        width: 100%;
    }






    .indexB .txt h5 {
        font-size: 24px;
        text-align: center
    }

    .indexB .txt .t {
        margin: 20px 0 0;
        font-size: 15px;
        line-height: 26px
    }

    .indexB .txt .t p {
        margin: 8px 0 0
    }

    .indexB .txt .t p em {
        font-size: 13px;
        padding: 0 15px;
        line-height: 25px
    }

    .indexB .txt h6 {
        font-size: 16px;
        padding: 0 0 0 0px;
        margin: 20px 0 0
    }
    .indexB .txt h6 img{
        width: 33%;
    }
    .g-txt-right dl p img{
        width: 33%;
    }

    .indexB .txt dl {
        margin: 20px 0 0;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between
    }

    .indexB .txt .more {
        margin: 25px auto 0;
        width: 150px;
        height: 36px;
        line-height: 36px;
        font-size: 15px
    }

    .indexB .pic {
        width: 100% !important;
        display: block
    }
    .indexB .greybg-txt{
        width: 100% !important;
    }

    .indexB .pic img {
        width: auto;
        max-width: 80%;
        margin: 0 auto;
        display: block;
    }

    .indexB ul li:nth-child(2n+1) {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .indexB ul li:nth-child(2n+1) .txt .box {
        padding: 20px 10px
    }

    .indexB .bnt {
        margin: 35px 0 0
    }

    .indexB .bnt a {
        width: 170px;
        height: 50px;
        line-height: 50px;
        font-size: 17px
    }

    .indexB .bnt a:hover {
        width: 190px
    }

    .indexC {
        padding: 30px 0 0;
        position: relative
    }

    .indexC h3 {
        font-size: 36px
    }

    .indexC>p {
        font-size: 17px;
        margin: 20px 10px 0
    }

    .indexC .list {
        margin: 20px 0 0
    }

    .indexC .view {
        width: 100%;
    }

    .indexC .view .arrow-left,
    .indexC .view .arrow-right {
        display: block
    }

    .indexC .preview {
        height: auto;
        position: static;
        width: 100%;
        max-width: 100%;
        float: inherit;
    }

    .indexC .preview .box {
        width: 100%;
        background: #fff;
        padding: 10px 0;
        min-height: auto;
    }

    .indexC .preview .swiper-wrapper {
        width: 100%;
        -webkit-flex-wrap: nowrap;
        flex-wrap: nowrap
    }

    .indexC .preview .swiper-slide {
        width: auto;
        background: #ccc;
        line-height: 40px;
        height: 40px;
        border-bottom: none;
        text-align: center;
        height: auto !important;
    }

    .indexC .preview .swiper-slide em {
        font-size: 16px;
        color: #111;
        padding: 0 10px
    }

    .indexC .preview .active-nav {
        background: #1683C0
    }

    .indexC .preview .active-nav::after {
        display: none
    }

    .indexC .preview .active-nav::before {
        display: none
    }

    .indexC .preview .active-nav em {
        color: #fff
    }

    .indexC .preview .more {
        width: 170px;
        line-height: 40px;
        height: 40px;
        font-size: 17px;
        margin: 20px auto 0
    }

    .indexC .news li {
        padding: 15px 0;
        display: block;
    }

    .indexC .news li .pic {
        width: 200px
    }

    .indexC .news li .t {
        margin: 0 0 0 20px;
        flex: auto;

    }

    .indexC .news li .t h5 {
        font-size: 18px
    }

    .indexC .news li .t .tip {
        margin: 12px 0 0
    }

    .indexC .news li .t .tip p {
        margin-left: 7px
    }

    .indexC .news li .t .tip p a {
        margin-left: 6px;
        font-size: 13px
    }

    .indexC .news li .t>p {
        margin: 12px 0 0;
        line-height: 20px;
        height: 40px;
        overflow: hidden
    }

    .indexC .news li .t .more {
        display: none
    }

    .indexD {
        padding: 30px 0 0
    }

    .indexD h3 {
        font-size: 36px
    }

    .indexD .pic {
        margin: 25px 0 0
    }

    .indexF {
        padding: 30px 0 0
    }
    .inleft, .inright{
        width: 100%;
    }
    .inleft ul li{
        width: 100% !important;
    }

    .indexF ul li {
        width: auto;
        max-width: 590px;
        margin: 0 auto
    }

    .indexF ul li+li {
        margin-top: 25px
    }

    .indexF ul li a h5 {
        font-size: 24px;
        top: 20px;
        left: 20px
    }

    .indexF ul li a h6 {
        font-size: 17px;
        bottom: 15px;
        left: 15px;
        padding: 0 0 0 25px;
        background-size: 12px
    }

    .indexF ul li a.n h5 {
        right: 20px
    }

    .indexF ul li p {
        font-size: 18px;
        margin: 20px 0 0
    }

    .indexE {
        padding: 30px 0;
        margin-top: 0;
    }

    .indexE h3 {
        font-size: 36px
    }

    .indexE ul {
        margin: 15px 0 0
    }

    .indexE ul li {
        width: 48%;
        margin: 15px 0 0;
        height: 130px;
        background-size: cover
    }

    .indexE ul li img {
        max-width: 80%;
        max-height: 80%
    }
}

@media screen and (max-width:768px) {
    .sidebanner {
        height: 120px;
        padding-top: 0px;
        margin-top: 0;
        top: 150px;
        background-size: contain;
    }

    .sidebanner .txt h3 {
        font-size: 30px;
        width: auto
    }

    .main {
        padding-top: 20px;
        padding-bottom: 30px;
        margin-top: 80px;
    }

    .main-left {
        float: none;
        width: 100%
    }

    .main-right {
        margin-left: 0
    }

    .main-left h3::after {
        display: block
    }

    .sidemenu ul,
    .side-nav ul,
    .side-tags,
    .side-bnt,
    .side-ad,
    .side-search {
        display: none
    }

    .menu-tabs {
        padding: 20px 0 12px
    }

    .menu-tabs ul li {
        height: 40px;
        line-height: 40px;
        margin: 0 5px 8px
    }

    .menu-tabs ul li a {
        font-size: 16px;
        padding: 0 25px
    }

    .path {
        height: 40px;
        line-height: 40px;
        margin-top: 150px;
    }

    .path p {
        font-size: 14px
    }

    .about {
        padding: 0px 0 0
    }

    .about .txt h4 {
        font-size: 24px;
        text-align: center;
    }

    .about .txt .t {
        font-size: 15px;
        line-height: 22px
    }

    .news-swiper .swiper-slide li .pic {
        float: none;
        width: 100%;
        margin-left: 0;
        margin-top: 0;
    }
    .news-swiper .swiper-slide li .t{
        width: 100%;
        margin-top: 20px;
    }
    .newslist{
        display: none;
    }
    .phone-news{
        display: block;
    }
    .phone-news ul{}
    .phone-news ul li{
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: center;
        margin-top: 20px;
    }
    .phone-news ul li .pic{
        width: 100%;
    }
    .phone-news ul li .pic img{
        width: 100%;
        display: block;
    }
    .phone-news ul li .t{
        width: 100%;
        margin-top: 20px;
    }
    .phone-news ul li .t h5{
        font-size: 18px;
    color: #111;
    }
    .phone-news ul li .t h5 a{
        color: #111;
    }
    .phone-news ul li .t .tip{
        margin: 15px 0 0;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    }
    .phone-news ul li .t .tip span{
        background: url(../images/time.png) no-repeat left center;
    padding: 0 0 0 20px;
    display: block;
    font-size: 13px;
    color: #666;
    }
    .phone-news ul li .t p{
        color: #666;
        font-size: 15px;
        margin: 15px 0 0;
        line-height: 22px;
        height: 110px;
        overflow: hidden;
    }
    .phone-news ul li .t .more{
        margin: 15px 0 0;
    }
    .phone-news ul li .t .more a{
        width: 110px;
        background: #1683C0;
        height: 32px;
        line-height: 32px;
        display: inline-block;
        text-align: center;
        font-size: 12px;
        text-transform: uppercase;
        color: #fff;
    }

    .history {
        padding: 30px 0
    }

    .history h3 {
        font-size: 24px;
        text-align: center
    }

    .history h3:after {
        margin: 15px auto 0
    }

    .history .view {
        margin: 25px 0 0;
        background-size: cover;
        padding: 20px 15px
    }

    .history .view .swiper-slide {
        -webkit-flex-direction: column;
        flex-direction: column;
        text-align: center
    }

    .history .view .swiper-slide .pic {
        margin: 0 auto
    }

    .history .view .swiper-slide .txt {
        margin: 15px 0 0;
        line-height: 22px
    }

    .history .view .swiper-slide .txt p~p {
        margin: 10px 0 0
    }

    .history .view .swiper-slide:hover {
        box-shadow: none
    }

    .history .arrow-left,
    .history .arrow-right {
        display: none
    }

    .history .preview::before {
        top: 25px
    }

    .history .preview .swiper-slide {
        padding: 18px 0 0
    }

    .history .preview .swiper-slide::before {
        border: 3px solid #bfbfbf;
        width: 10px;
        height: 10px
    }

    .history .preview .swiper-slide::after {
        border: 10px solid transparent;
        border-top-style: solid;
        border-top-color: #343434;
        left: calc(50% - 10px)
    }

    .history .preview .swiper-slide em {
        font-size: 14px
    }

    .factory {
        padding: 30px 0 0
    }

    .factory h3 {
        font-size: 24px
    }

    .factory .list {
        margin-top: 25px
    }

    .factory .swiper-button-prev,
    .factory .swiper-button-next {
        display: none
    }

    .factory .swiper-pagination {
        display: block
    }

    .team {
        padding: 30px 0
    }

    .team h3 {
        font-size: 24px
    }

    .team ul li {
        width: 48%;
        margin: 15px 0 0 2%
    }

    .cert-list {
        padding: 0
    }

    .cert-list h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .cert-list .list .swiper-slide img {
        border: 2px solid #d9d9d9
    }

    .cert-list .list .swiper-slide p {
        font-size: 16px
    }

    .cert-list .swiper-button-prev,
    .cert-list .swiper-button-next {
        display: none
    }

    .cert-list .swiper-pagination {
        display: block
    }

    .business-1 {
        padding: 25px 0 0
    }

    .business-1 .pic {
        margin: 20px 0 0
    }

    .business-2 {
        padding: 30px 0
    }

    .business-2 h3 {
        font-size: 24px
    }

    .business-2 .pic {
        margin-top: 20px;
        padding: 15px
    }

    .business-2 ul li {
        width: 48%;
        margin: 15px 0 0 2%
    }

    .newslist ul {
        margin-top: -15px
    }

    .newslist ul li {
        padding: 15px 0
    }

    .newslist ul li .pic {
        width: 200px
    }

    .newslist ul li .t {
        margin: 0 0 0 20px
    }

    .newslist ul li .t h5 {
        font-size: 18px
    }

    .newslist ul li .t .tip {
        margin: 12px 0 0
    }

    .newslist ul li .t .tip p {
        margin-left: 7px
    }

    .newslist ul li .t .tip p a {
        margin-left: 6px;
        font-size: 13px
    }

    .newslist ul li .t>p {
        margin: 12px 0 0;
        line-height: 20px;
        height: 40px;
        overflow: hidden
    }

    .newslist ul li .t .more {
        display: none
    }

    .newsnr h1 {
        font-size: 18px;
        margin: 20px 0 0
    }

    .newsnr .artInfo {
        padding: 0 0 15px;
        margin: 20px 0 0
    }

    .newsnr .artInfo span {
        margin: 0 6px;
        font-size: 14px
    }

    .news-content {
        line-height: 24px;
        font-size: 15px;
        padding: 0 0 20px
    }

    .pnbar {
        margin-top: 20px
    }

    .pnbar a {
        width: 100px;
        height: 36px;
        line-height: 36px;
        font-size: 13px;
        margin: 0 4px
    }

    .pnbar a img {
        margin-right: 6px
    }

    .onepage {
        line-height: 24px;
        font-size: 15px
    }

    .live-top {
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .live-top .live {
        width: 100%
    }

    .live-top .list {
        width: 100%;
        margin: 20px 0 0
    }

    .live-top .list ul li .t {
        overflow: hidden
    }

    .live-top .list ul li .t .more {
        width: 110px
    }

    .live-list {
        margin: 30px 0 0
    }

    .live-list h3 {
        font-size: 24px
    }

    .live-list ul li {
        width: 48%
    }

    .live-list ul li .t {
        padding: 12px
    }

    .live-list ul li .t h5 {
        font-size: 16px
    }

    .live-list ul li .t em {
        padding: 3px 8px
    }

    .pro-video h4 {
        font-size: 24px
    }

    .pro-video ul li {
        width: 48%
    }

    .video-list ul li {
        width: 48%
    }

    .video-list ul li .t {
        padding: 15px 10px
    }

    .video-list ul li .t h5 {
        font-size: 16px
    }

    .live-inquiry {
        margin: 25px 0 0
    }

    .live-inquiry h3 {
        font-size: 24px
    }

    .case-nav {
        padding: 0 0 15px
    }

    .case-nav ul li {
        width: auto;
        padding: 0 15px;
        line-height: 36px;
        height: 36px;
        margin: 0 5px 10px;
        font-size: 14px
    }

    .caselist ul li {
        width: 48%
    }

    .caselist ul li .t a {
        font-size: 15px;
        padding: 0 6px
    }

    .app-nav {
        padding: 0 0 20px
    }

    .app-nav h5 {
        font-size: 20px;
        color: #fff;
        height: 45px;
        line-height: 45px;
        padding: 0 0 0 15px;
        background: #000
    }

    .app-nav h5::after {
        display: block
    }

    .app-nav ul {
        display: none
    }

    .app-nav ul.active {
        height: 100%
    }

    .app-nav ul li {
        margin: 8px 6px 0 0;
        font-size: 14px
    }

    .app-nav ul li a {
        padding: 0 15px
    }

    .app-nav .bnt {
        display: none
    }

    .app-list ul {
        margin: 20px 0 0 -2%
    }

    .app-list ul li {
        width: 33%
    }

    .app-list ul li .t a {
        font-size: 15px;
        padding: 0 6px
    }

    .service h3 {
        font-size: 24px
    }

    .service ul li h5 {
        font-size: 18px
    }

    .service ul li p {
        font-size: 15px
    }

    .faq ul li {
        padding: 10px
    }

    .faq ul li:hover {
        border-left: 1px solid #d8bc65;
        padding-left: 10px
    }

    .down-list ul {
        margin: 15px 0 0
    }

    .down-list ul li {
        margin: 10px 0 0;
        height: 80px
    }

    .down-list ul li h6 {
        font-size: 18px;
        margin: 0 10px;
        overflow: hidden;
        -webkit-flex: 1;
        flex: 1
    }

    .down-list ul li .more {
        width: 130px;
        height: 80px;
        font-size: 16px
    }

    .down-list ul li .more i {
        font-size: 22px;
        margin-bottom: 5px
    }

    .advantage-list {
        margin-bottom: 20px
    }

    .advantage-list h3 {
        font-size: 24px
    }

    .advantage-list .swiper-pagination {
        display: block
    }

    .factory-list {
        padding: 30px 0 0
    }

    .factory-list ul li {
        width: 48%
    }

    .agents {
        padding: 30px 0
    }

    .agents h3 {
        font-size: 24px;
        margin-bottom: 20px
    }

    .other-inquiry {
        margin: 25px 0 0
    }

    .other-inquiry h5 {
        font-size: 18px;
        padding: 0 0 0 15px
    }

    .other-inquiry .inquirbox {
        padding: 15px 15px 5px
    }

    .exhibition-top h3 {
        font-size: 22px;
        line-height: 50px
    }

    .exhibition-top h3::after {
        width: 50px
    }

    .exhibition-top ul li {
        padding: 15px;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .exhibition-top ul li .pic {
        width: auto;
        max-width: 450px;
        margin: 0 auto
    }

    .exhibition-top ul li .t {
        margin: 20px 0 0
    }

    .exhibition-top ul li .t h5 {
        font-size: 18px;
        text-align: center
    }

    .exhibition-top ul li .t p {
        font-size: 16px;
        line-height: 22px
    }

    .exhibition-list {
        margin: 20px 0 0
    }

    .exhibition-list h3 {
        font-size: 22px;
        line-height: 50px
    }

    .exhibition-list h3::after {
        width: 50px
    }

    .exhibition-list ul li {
        width: 48%
    }

    .exhibition-list ul li .t a {
        font-size: 16px;
        padding: 0 5px
    }

    .customer-list ul li {
        padding: 15px;
        -webkit-flex-direction: column;
        flex-direction: column
    }

    .customer-list ul li .pic {
        width: auto;
        max-width: 350px;
        margin: 0 auto
    }

    .customer-list ul li .t {
        margin: 20px 0 0
    }

    .customer-list ul li .t p {
        font-size: 16px;
        line-height: 22px
    }

    .prolist ul li .pic::after {
        display: none
    }

    .prolist ul li h6 {
        font-size: 15px
    }

    .prolist ul li .t {
        padding: 15px;
    }

    .pro_img {
        float: none;
        margin: 0 auto
    }

    .pro_view_inner {
        width: 100%;
        margin: 20px 0 0
    }

    .pro_view_inner h1 {
        font-size: 20px;
        margin: 0;
        text-align: center
    }

    .pro_view_inner hr {
        margin: 20px 0 0
    }

    .pro_view_inner .pro-para {
        margin: 15px 0 0;
        font-size: 15px
    }

    .pro_view_inner table {
        font-size: 14px
    }

    .pro_view_inner .book {
        margin: 20px auto 0;
        height: 36px;
        line-height: 36px;
        width: 130px;
        font-size: 17px
    }

    .pro_view_inner .pro-share {
        margin: 20px 0 0;
        text-align: center
    }

    .pro_text .tabs li {
        width: 33%;
        height: 40px;
        line-height: 40px;
        font-size: 12px;
        padding: 0 0px;
        flex: unset;
    }

    .pro-scroll {
        padding: 15px
    }

    .pro_text {
        margin: 20px 0
    }

    .pro_text .tit {
        line-height: 50px
    }

    .pro-content {
        font-size: 15px;
        line-height: 22px;
        padding: 15px 0 0
    }

    .pro-content table {
        margin-bottom: 15px;
        font-size: 15px
    }

    .pro-content table tr>th {
        padding: 5px 7px
    }

    .pro-content table tr>td {
        padding: 5px 7px
    }

    .pro-inquiry {
        margin: 20px 0 0
    }

    .pro-inquiry h5 {
        height: 40px;
        line-height: 40px;
        font-size: 18px;
        padding: 0 0 0 15px
    }

    .pro-inquiry .inquirbox {
        padding: 15px 15px 5px
    }

    .related-pro {
        margin-top: 25px
    }

    .related-pro .tit {
        height: 40px;
        line-height: 40px
    }

    .related-pro .tit h4 {
        font-size: 15px;
        padding: 0 15px
    }

    .related-pro ul li {
        width: 48%
    }

    .txtMarquee-top {
        margin-top: 30px
    }

    .txtMarquee-top h3 {
        font-size: 20px;
        line-height: 50px
    }

    .txtMarquee-top .tit {
        display: none
    }

    .txtMarquee-top .bd {
        padding: 15px 0 0
    }

    .txtMarquee-top .infoList li {
        height: 100px;
        display: -webkit-flex;
        display: flex;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-align-items: center;
        align-items: center;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap;
        border-bottom: 1px solid #ccc;
        padding: 10px 0
    }

    .txtMarquee-top .infoList li p {
        width: 100%
    }

    .contact {
        margin: 0
    }

    .contact ul {
        margin: 0
    }

    .contact ul li {
        float: none;
        width: 100%;
        padding: 20px 10px;
        height: auto;
        border-right: none;
        border-bottom: 1px solid #ebebeb
    }

    .contact ul li:last-child {
        border-bottom: none
    }

    .contact ul li i {
        font-size: 35px
    }

    .linetit {
        margin: 20px 0 0
    }

    .linetit h4 span {
        font-size: 22px
    }

    .contact-inquiry {
        margin: 20px 0 0
    }

    .inquirbox .row {
        margin-bottom: 0
    }

    .inquirbox .row>div {
        margin-bottom: 10px
    }

    .inquirbox input.submit {
        width: 140px;
        line-height: 36px;
        font-size: 15px
    }

    #inquiry-box {
        width: 480px;
        height: 450px;
        box-sizing: border-box
    }
}

@media screen and (max-width:600px) {
    .foot-form p {
        display: none
    }

    .foot-form .search-foot {
        width: 320px;
        margin: 0
    }

    .indexC .list .hd ul li em {
        font-size: 16px;
        padding: 0 13px
    }

    .indexB .txt dl dd {
        width: 31%
    }

    .prolist ul {
        margin: 0
    }

    .prolist ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .prolist ul li h6 {
        margin-bottom: 10px
    }

    #inquiry-box {
        width: 320px;
        height: 390px;
        box-sizing: border-box
    }

    .live-form .inquirbox input[type=text],
    .live-form .inquirbox textarea {
        padding: 7px 10px;
        line-height: 20px
    }

    .live-form .inquirbox .row {
        margin-bottom: 0
    }

    .live-form .inquirbox .row>div {
        margin-bottom: 6px
    }
}

@media screen and (max-width:480px) {
    .header h1 img {
        height: 70px
    }

    .foot-logo img {

        /* height: 70px */
    }

    .foot-form {
        margin: 20px 0 0
    }

    .foot-contact .share a i {
        font-size: 24px
    }

    .indexA .tit h3,
    .indexB h3,
    .indexC h3,
    .indexD h3,
    .indexE h3 {
        font-size: 24px
    }

    .indexA .tit h3 em {
        font-size: 15px;
        letter-spacing: 3px
    }

    .indexA .tit p {
        font-size: 15px
    }

    .indexA .swiper-slide {
        padding: 20px 10px
    }

    .indexA .list ul li{
        width: 100%;
    }

    .indexA .swiper-slide .ico {
        height: 60px
    }

    .indexA .swiper-slide .ico img {
        height: 50px
    }

    .indexA .swiper-slide h5 {
        font-size: 20px;
        margin: 15px 0 0
    }

    .indexA .swiper-slide p {
        height: auto
    }

    .indexC ul li .pic {
        width: 250px;
        margin: 0 auto;
    }

    .indexF ul li a.v::after {
        background-size: 80px
    }

    .indexF ul li p {
        font-size: 16px;
        margin: 15px 0 0
    }

    .indexF ul li a h5 {
        font-size: 20px;
        top: 15px;
        left: 15px
    }

    .indexC .list .hd ul li em {
        font-size: 15px;
        padding: 0 10px
    }

    .indexC .list .hd .more {
        width: 160px;
        line-height: 40px;
        height: 40px;
        font-size: 16px
    }

    .indexB .bnt a {
        width: 150px;
        height: 42px;
        line-height: 42px;
        font-size: 16px
    }

    .indexB .txt h5 {
        font-size: 20px
    }

    .indexB .txt .t p em {
        font-size: 12px;
        padding: 0 6px
    }

    .sidebanner .txt h3 {
        font-size: 24px
    }

    .newslist ul {
        margin-top: -15px
    }

    .newslist ul li {
        -webkit-flex-direction: column;
        flex-direction: column;
        padding: 15px 0
    }

    .newslist ul li .pic {
        width: 250px;
        margin: 0 auto
    }

    .newslist ul li .t {
        margin: 15px 0 0
    }

    .newslist ul li .t h5 {
        text-align: center
    }

    .pro-video ul {
        margin: 0
    }

    .pro-video ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .pro-video ul li .t h6 {
        margin-bottom: 10px
    }

    .pro-video ul li .t .bnt {
        -webkit-justify-content: center;
        justify-content: center
    }

    .video-list ul {
        margin: 0
    }

    .video-list ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .caselist ul {
        margin: 0
    }

    .caselist ul li {
        float: none;
        width: 100%;
        margin: 0 0 20px
    }

    .app-list ul {
        margin: 20px 0 0
    }

    .app-list ul li {
        float: none;
        margin: 0 0 20px
    }
    .solutions-left ul li a{
        padding: 0;
        font-size: 12px;
    }

    .down-list ul li .more {
        width: 100px;
        font-size: 15px
    }

    .down-list ul li .more i {
        font-size: 20px;
        margin-bottom: 3px
    }

    .pro_img {
        width: 100%
    }

    .pro_view_inner h1 {
        font-size: 18px
    }

    .pro_view_inner a.book {
        margin: 15px auto 0
    }

    .pro_view_inner .share {
        margin: 15px 0 0;
        text-align: center
    }

    .pro_view_inner .share a {
        float: none;
        display: inline-block
    }

    .contact-top ul li {
        float: none;
        width: 100%;
        padding: 20px 0 0
    }

    .live-list ul {
        margin: 0
    }

    .live-list ul li {
        width: 100%;
        float: none;
        margin: 0 0 20px
    }

    .menu-tabs ul li {
        margin: 0 4px 8px
    }

    .menu-tabs ul li a {
        font-size: 15px;
        padding: 0 15px
    }
}

@media screen and (max-width:400px) {
    .foot-form .sendemail {
        width: 300px
    }

    .videolist ul {
        margin: 0
    }

    .videolist ul li {
        float: none;
        width: 100%;
        margin: 0 0 15px
    }

    .productlist ul {
        margin: 0%
    }

    .productlist ul li {
        float: none;
        width: 100%;
        margin: 0 0 15px
    }

    .menu-tabs ul li {
        height: 36px;
        line-height: 36px;
        margin: 0 3px 8px
    }

    .menu-tabs ul li a {
        font-size: 14px;
        padding: 0 9px
    }
}

/* .sitetop {
    display: none;
} */

@media screen and (max-width:1100px) {
    .sitetop {
        display: block;
    }

    #back {
        width: 100%
    }

    #goTop {
        margin-bottom: 50px
    }
}

.phone-nav-lang {
    height: 50px;
    padding-left: 20px;
    display: flex;
    gap: 20px;
    align-items: center;
}

.phone-nav-lang button {
    display: inline-flex;
    align-items: center;
    gap: 5px;
}

.phone-nav-lang button img {
    height: 20px;
    width: auto;
}

.phone-nav-lang button.active-lang
{
    opacity: 0.6;
}