@charset "utf-8";
    /*data:2017/12/07*/
    /* about*/
    @media screen and (max-width:1440px){
        .nav-item .list{margin:0 10px;}
        .nav-item .list a{font-size: 16px;}
    }
    @media screen and (max-width:1220px) {
        .nav-item .list{margin:0 5px;}
        .footer .f-wrap {
            width: 100%;
        }
        .history-date span {
            font-size: 16px;
        }
        .right_bottom .contact {
            width: 45%;
        }
        .nav-item .list a {
            font-size: 16px;
        }
        .vertical-Line {
            margin: 0 4%;
        }
        .history-date li h5 {
            left: 15%;
        }
        .history-date li p {
            line-height: 1.2;
            /* left: 38.3%; */
        }
    }

    @media screen and (max-width:1024px) {
        .follow a {
            padding-right: 5px;
        }
        .square_item {
            width: 60%;
        }
        .square li a {
            margin: 0 5%;
        }
        .zhaopin .tab_btn li {
            padding: 0 20px;
        }
        .u-img,
        .u-text {
            padding: 60px 10px 0 10px;
        }
        .history-date span {
            font-size: 14px;
        }
        .history-date strong {
            font-size: 14px;
        }
        .vertical_nav li {
            width: initial;
        }
        .vertical_nav li a {
            width: 160px;
        }
        .service_way {
            margin-bottom: 60px;
        }
        .about_a .us,
        .honour {
            margin-left: 270px;
        }
        .talent {
            padding: 18px 20px;
        }
        .history-date span {
            font-size: 12px;
        }
        .right_bottom .contact {
            width: 100%;
        }
        .vertical-Line {
            margin: 0 7%;
        }
        .nav-item .list {
            margin: 0 15px;
        }
        .nav-item .list a {
            font-size: 14px;
        }
    }

    @media screen and (max-width:960px) {
        .vertical-Line {
            margin: 0 5%;
        }
        .nav-item .list {
            margin: 0 12px;
        }
        .nav-item .list a {
            font-size: 14px;
        }
    }

    @media screen and (max-width:900px) {
        .header{height:61px;}
        .banner{margin-top: 61px;}
        .inter .i-text{padding-top: 35px;}
        .inter .i-text p{text-align: left!important;}
        .nav,
        .content {
            width: 92.91%;
        }
        .vertical_nav li a {
            width: auto;
        }
        .about_a p {
            margin-right: 0;
        }
        .about_a .us,
        .honour {
            margin-left: 170px;
        }
        .vertical_nav li:hover a,
        .vertical_nav li .active {
            background: #e71a0f url(../images/back_icon.png) no-repeat 130px;
        }
        .history-date span {
            line-height: 20px;
        }
        .footer .service {
            padding-left: 30px;
        }
        .copyright p {
            padding: 20px 5%;
            line-height: 1.5;
        }
        .content,
        .about_a {
            padding-bottom: 0;
        }
        .nav-item,
        .f-wrap {
            display: none;
        }
    }

    @media screen and (max-width:686px) {
        /*thanks*/
        .thanks{padding:10em 0 10em;width:310px;}
        .thanks p{font-size: 16px;line-height: 36px;}
        /*float*/
        .float{top:80%;}
        .float_btn{width:120px;font-size: 16px;border-radius: 3px;}
        .float_form{position:absolute;width:200px;height:314px;padding:15px 20px 20px;bottom:40px;}
        .float_close{font-size: 18px;;}
        .float_form h2{font-size: 17px;line-height: 50px;}
        .float_form input[type='text']{font-size: 14px;}
        .float_form textarea{height:85px;font-size: 14px;}
        .float_form input[type='button']{height:40px;}
        .vertical_nav{overflow-x:auto;display: block;margin-bottom: 30px;}
        .vertical_nav ul{}
        .vertical_nav li {
            width:auto;float:left;text-align: center;
        }
        .vertical_nav li a {
            padding:0 10px;
        }
        .vertical_nav li:hover a, .vertical_nav li .active{background-image:none;}
        .vertical_nav,
        .crumbs,
        .f-wrap,
        .about_a .us,
        .honour {
            margin-left: 0;
        }
        .vertical_nav {
            float:none;
        }
        .boss,
        .organiza {
            padding: 15px;
        }
        .square_item {
            width: 100%;
        }
        .history-date span {
            font-size: 12px;
            line-height: 12px;
        }
        .history-date strong {
            font-size: 12px;
            width: 20%;
        }
        .about_a h3 {
            font-size: 24px;
        }
        .nav {
            height: 60px;
        }
        .c-banner {
            padding-top: 60px;
        }
        .logo,
        .cart,
        .search {
            padding-top: 12px;
        }
        .search .search-input {
            width: 180px;
        }
        .search .s-form {
            top: 62px;
        }
        .partner li {
            width: 48%;
        }
        .hp-news {
            margin-top: 20px;
        }
        /* .banner .bd .tempWrap li{
        background-size: contain;
    } */
        .inter_wrap {
            padding: 30px 0 30px;
        }
        .inter_wrap .swiper-slide{margin-bottom:5px;}
        .inter_wrap .swiper-slide .img2 {
            height: 10px;
        }
        .w-tip span {
            display: none;
        }
        .w-text .cut-off {
            margin: 5px auto;
            width: 35%;
        }
        .world .w-text {
            width: 99%;
            left: auto;
            top: auto;
        }
        .w-text h2 {
            font-size: 20px;
            padding-top: 6px;
        }
        .w-text p {
            overflow: hidden;
            font-size: 14px;
            padding: 0 5px;
            height: 116px
        }
        .industry .ind {
            margin-left: 0;
        }
    }

    @media screen and (max-width:375px) {
        .history-date strong {
            height: 28px;
            line-height: 28px;
        }
    }
    /* chanpin */

    @media screen and (max-width:1396px) {
        .produce li h3 {
            height: 36px;
            line-height: 36px;
            font-size: 20px;
        }
    }

    @media screen and (max-width:1200px) {
        .produce li {
            height: 335px;
        }
        .produce li h3 {
            height: 36px;
            line-height: 36px;
            font-size: 18px;
            margin: 5% auto;
        }
        .produce li span {
            font-size: 14px;
        }
    }

    @media screen and (max-width:1024px) {
        .produce li h3 {
            height: 30px;
            line-height: 30px;
            font-size: 16px;
        }
        .produce li {
            height: 288px;
        }
    }

    @media screen and (max-width:960px) {
        .produce,
        .produce_06 {
            margin-top: 30px;
        }
        .produce li {
            height: 275px;
        }
        .produce li h3 {
            height: 28px;
            line-height: 28px;
            font-size: 14px;
            margin: 5% auto;
        }
        .produce li span {
            font-size: 12px;
        }
    }

    @media screen and (max-width:888px) {
        .produce li {
            margin-top: 45px;
            float: left;
            width: 45%;
        }
        .produce li:nth-child(2n) {
            border-right: none;
        }
        .produce li:nth-child(2n-1) {
            padding-left: 0;
        }
        .produce li {
            height: 450px;
        }
        .cart {
            display: block;
            right: 5%;
            margin-top:8px;
        }
        .language {
            position: absolute;
            right: 24%;
        }
        .search {
            position: absolute;
            right: 10%;
        }
    }

    @media screen and (max-width:768px) {
        .news_menu  a, .news_menu_list  a{padding:3%}
        .news_menu .curr .n-img, .news_menu_list .curr .n-img{height:auto;margin:0 0 15px 0;float:none;width:100%}
        .news_menu  h3, .news_menu_list .n-text h3{font-size: 16px;line-height: 1.5;padding:0 0 0.5em}
        .news_menu .curr, .news_menu_list .curr{height:auto;}
        .news_menu .curr .btn, .news_menu_list .curr .btn{margin-top: 15px;width:130px;line-height: 36px;}
        .pagetation{margin-top: 35px;}
        .about_a{margin-bottom: 60px;}
        .news_menu_list .n-text h4{font-size: 16px;}
        .news_menu_list .n-text span{font-size: 14px;}
        .produce li {
            height: 340px;
        }
        .language {margin-top:38px;right:190px;}
        .language li{height: 20px;}
        .language li .zh{padding:0 8px;}
        .language li .en{padding:0 6px;}
        .language li a{font-size: 12px;line-height: 20px;}
        .search {
            position: absolute;
            right: 12%;
        }
        .world {
            padding-bottom: 35px;
            margin-top: 25px;
            min-height: 512px;
            background:url(../images/70204.png) no-repeat;
            background-size: cover;
        }
        .slideBox .bd {
            display: none;
        }
        .slideBox .hide_moblie {
            display: none;
        }
        .slideBox .show_mobile {
            display: block;
            position: absolute;
            left: 16%;
        }
    .world .world_tittle{display: block;}
    .about_a .im .wrap_video{width:100%;height: auto}
    .news_in{width:96%;}
        .search_wrap{width:100%;margin:60px auto 0;padding:30px 0 50px;min-height: 350px;}
        .search_wrap_t{width:100%;margin:10px auto 40px;border:1px solid #bfbfbf;}
        .search_wrap_t a{font-size: 15px;}
        .search_item{padding:15px 0 30px;}
        .search_wrap_t input{font-size: 15px;}
}

    @media screen and (max-width:450px) {
        .language {margin-top:22px;right:70px;}
        .produce li {
            width: 100%;
            height: auto
        }
        .produce li h3 {
            font-size: 18px;
            height: 36px;
            line-height: 36px;
        }
        .produce li span {
            font-size: 16px;
        }
        .search {
            display: none;
        }
        .imp_t li{width:100%}
        .imp_c .bd li{width:100%;}
        .imp_c .bd li .txt{width:90%}
        .imp_bl,.imp_br{float:none;width:100%}
        .imp_form_item{width:100%;margin-bottom: 10px;}
        .imp_form_item input, .imp_form_item select, .imp_form_item textarea{height:40px;line-height: 40px;font-size: 14px;}
        .imp_form_item textarea{height:8em;}
    }

    @media screen and (max-width:375px) {
        .produce li {
            width: 100%;
            height: auto
        }
        .produce li h3 {
            font-size: 16px;
        }
        .produce li span {
            font-size: 14px;
        }
        .search {
            display: none;
        }
    }

    @media screen and (max-width:320px) {
        .produce li {
            height: auto
        }
    }
    /* smart */

    @media screen and (max-width:1200px) {
        .applicaiton .a-text {
            font-size: 22px;
        }
        .applicaiton li {
            height: 275px;
        }
    }

    @media screen and (max-width:960px) {
        .applicaiton .a-text {
            font-size: 18px;
        }
        .applicaiton li {
            height: 220px;
        }
        .news_in img{max-width: 80%}
    }

    @media screen and (max-width:888px) {
        .applicaiton li:nth-child(2n+1) {
            padding-left: 0;
        }
        .applicaiton li:nth-child(2n) {
            border-right: 1px solid transparent;
        }
        .applicaiton li {
            width: 47%;
            height: 300px;
        }
    }

    @media screen and (max-width:450px) {
        .applicaiton li {
            width: 100%;
        }
        .applicaiton .a-text {
            font-size: 28px;
        }
    }

    @media screen and (max-width:320px) {
        .language {
            display: none;
        }
        .applicaiton .a-text {
            font-size: 22px;
        }
    }
    /* new */

    @media screen and (max-width:1024px) {
        .news_menu .date {
            font-size: 13px;
        }
        .news_menu .year {
            font-size: 12px;
        }
        .news_menu .others .n-img {
            margin: 0 2.5%;
        }
        .slideBox .hd {
            top: 8%;
        }
        .slideBox .hd ul li {
            /*width: 180px;*/
            height: 29px;
            line-height: 29px;
            margin-bottom: 12px;
        }
        .world .w-text {
            top: 8%;
        }
        .world .w-text h2 {
            font-size: 28px;
        }
        .w-text .cut-off {
            margin: 10px auto;
        }
        .w-tip {
            left: 28%;
            top: 60%;
        }
    }

    @media screen and (max-width:414px) {
        .news_menu h4 {
            float: none;
            margin-bottom: 2%;
        }
        .news_menu .curr {
            height: 100%;
        }
        .news_menu .curr .n-img,
        .news_menu .others .n-img {
            width: 100%;
            margin-right: 0;
            padding-bottom: 5%;
        }
        .news_menu .others .n-img {
            margin: 0;
            padding-bottom: 5%;
        }
        .news_menu h3 {
            line-height: 1.5
        }
        .news_menu h4 .news_menu a,
        .news_menu a {
            padding: 5%;
        }
        .news_menu li {
            height: 100%;
        }
        .about_a .wrap {
            display: none;
        }
        .r-text {
            width: 100%;
        }
        .icon_04,
        .icon_03 {
            background-size: contain;
            width: 100%;
        }
        .industry .ODM,
        .industry .ind {
            margin-left: 0;
        }
        .industry .o_img {
            width: 50%;
            padding-left: 5%;
        }
        .honour li {
            width: 40%;
            margin: 0 5%;
        }
        .honour li a {
            padding: 5% 0;
        }
        .about_a .im {
            width: 100%;
            padding-left: 0;
            padding-bottom: 5%;
        }
        .history-date li p {
            line-height: 1.5;
        }
        .content .partner,
        .nice {
            width: 100%;
        }
    }