@charset "UTF-8";
@media only screen and (max-width: 768px) {
    :root {
        --jq_w1400: 100%;
        --jq_w1680: 100%;
    }
    .layout-container {
    }
    .layout-container .layout-header .lang-search-box .lang-search {
        padding: 0 20px;
        display: none;
    }
    .layout-container .layout-header .lang-search-box .lang-search .search {
        display: none;
    }
    .layout-container
        .layout-header
        .lang-search-box
        .lang-search
        .phone-menu-click {
        display: flex;
    }
    .layout-container .layout-header .lang-search-box .lang-search-phone {
        display: flex;
    }
    .layout-container .layout-header .logo-menu-box {
        height: auto;
    }
    .layout-container .layout-header .logo-menu-box .logo-menu {
        flex-direction: column;
        justify-content: center;
    }
    .layout-container .layout-header .logo-menu-box .logo-menu .logo-order {
        width: 100%;
        margin-top: 20px;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .logo-order
        .logo {
        display: none;
        width: 100%;
        padding: 20px;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .logo-order
        .logo
        img {
        width: 100%;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .logo-order
        .order-menu {
        width: 100%;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .logo-order
        .order-menu
        a {
        width: calc(100% - 58px);
    }
    .layout-container .layout-header .logo-menu-box .logo-menu .search-box {
        width: 100%;
        padding: 0 20px;
        margin: 20px 0;
        display: flex;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .search-box
        .search {
        width: 100%;
        height: 35px;
        border: 1px solid var(--jq_color1);
        border-radius: 4px;
        display: flex;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .search-box
        .search
        .search-submit {
        width: 50px;
        height: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        color: var(--jq_color3);
        flex-shrink: 0;
        border: none;
        background: none;
        cursor: pointer;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .search-box
        .search
        .search-submit:hover {
        color: var(--jq_color1);
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .search-box
        .search
        .input {
        width: 100%;
        height: 100%;
        border: none;
        background: none;
        outline: none;
        padding: 0 10px;
    }
    .layout-container .layout-header .logo-menu-box .logo-menu .menu {
        width: 100%;
        height: auto;
        flex-direction: column;
        margin-bottom: 10px;
        display: none;
    }
    .layout-container .layout-header .logo-menu-box .logo-menu .menu a {
        padding: 14px 24px;
        display: flex;
        justify-content: center;
    }
    .layout-container .layout-header .logo-menu-box .logo-menu .menu a.active {
        color: var(--jq_color1);
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .menu
        a.active::after {
        width: 100%;
        left: 0;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .menu
        .menu-child-box
        .hide {
        display: flex;
    }
    .layout-container
        .layout-header
        .logo-menu-box
        .logo-menu
        .menu
        .menu-child-box:hover
        .child-item-box {
        display: none;
    }
    .layout-container .layout-header .logo-menu-box .logo-menu .menu.active {
        display: flex;
    }
    .layout-container .layout-footer-box {
        padding-top: 20px;
    }
    .layout-container .layout-footer-box .layout-footer .menu-contact {
        flex-direction: column;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .menu-contact
        .footer-menu {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        padding: 0 20px;
        padding-bottom: 0;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .menu-contact
        .footer-menu
        .footer-menu-item {
        width: 50%;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .menu-contact
        .footer-contact {
        width: 100%;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .menu-contact
        .footer-contact
        .footer-contact-item {
        width: 100%;
        margin-bottom: 20px;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .menu-contact
        .footer-contact
        .footer-contact-item
        .items {
        width: 100%;
        margin-top: 20px;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .menu-contact
        .footer-contact
        .footer-contact-item
        .items
        a
        .child {
        left: 0%;
        margin-left: -0;
        top: -115px;
    }
    .layout-container .layout-footer-box .layout-footer .copyright-policy {
        height: auto;
        padding: 20px;
        flex-direction: column;
    }
    .layout-container
        .layout-footer-box
        .layout-footer
        .copyright-policy
        .policy {
        margin-top: 20px;
    }
    .layout-container .layout-content {
        width: 100%;
        padding-top: 185px;
    }
    .layout-container .layout-content .banner-box {
        height: 105px;
    }
    .layout-container .layout-content .search-technology-mall {
        padding: 20px 0;
        flex-direction: column;
        align-items: center;
    }
    .layout-container .layout-content .search-technology-mall a {
        margin: 0;
        margin-bottom: 10px;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .lr-list-box {
        width: 100%;
        margin-top: 30px;
        left: 0;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .lr-list-box
        .lr-list-item,
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .lr-list-box
        .lr-list-item1 {
        width: 100%;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .applicationPlan {
        width: 100%;
        left: 0;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .applicationPlan
        .applicationPlan-item {
        width: 100%;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .applicationPlan
        .applicationPlan-item
        .applicationPlan-main {
        opacity: 1;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .newsEvent {
        width: 100%;
        left: 0;
    }
    .layout-container
        .layout-content
        .latestRelease-box
        .latestRelease
        .newsEvent
        .newsEvent-item {
        width: calc(100% - 20px);
    }
    .layout-container .layout-content .growup-box {
        height: auto;
        padding-top: 20px;
    }
    .layout-container .layout-content .growup-box .growup .growup-about {
        width: 100%;
        padding: 0 20px;
    }
    .layout-container
        .layout-content
        .growup-box
        .growup
        .growup-about
        .statistics {
        margin-bottom: 20px;
    }
    .layout-container
        .layout-content
        .growup-box
        .growup
        .growup-about
        .statistics
        .statistics-item {
        width: calc(50% - 20px);
    }
    .layout-container .layout-content .growup-box .growup .growup-quality {
        width: 100%;
        display: flex;
        flex-direction: column;
        left: 0;
    }
    .layout-container
        .layout-content
        .growup-box
        .growup
        .growup-quality
        .quality-item {
        margin-bottom: 20px;
    }
    .layout-container .layout-content .explore-box .explore {
        padding: 90px 20px;
    }
    .layout-container .layout-content .product-box .product {
        padding: 0 20px;
        flex-direction: column;
    }
    .layout-container .layout-content .product-box .product .product-type-box {
        width: 100%;
        padding-right: 0;
        border-right: none;
    }
    .layout-container .layout-content .product-box .product .product-list-box {
        width: 100%;
        padding-left: 0;
        display: flex;
        flex-direction: column;
        padding-bottom: var(--jq_pb4);
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .prod-list-type {
        width: 100%;
        padding: var(--jq_pl2);
        display: flex;
        justify-content: flex-end;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .prod-list-type
        a {
        margin-left: var(--jq_ml2);
        color: var(--jq_color5);
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .prod-list-type
        a
        i {
        font-size: var(--jq_fs6);
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .product-list {
        padding: 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .product-list
        .product-list-item {
        width: 100%;
        margin: 0;
        margin-bottom: 20px;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .product-list-table {
        margin-bottom: var(--jq_mb4);
        display: flex;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .product-list.list-block {
        display: flex;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .product-list-table.list-block {
        display: flex;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .application-list
        .list-item {
        width: 100%;
        margin: 0;
        margin-top: 20px;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box
        .page-box {
        margin-top: 20px;
    }
    .layout-container
        .layout-content
        .product-box
        .product
        .product-list-box.news-list-box
        .application-list
        .list-item {
        width: 100%;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title {
        padding: 0 20px;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-content
        .product-left-box
        .enlarge {
        flex-direction: column;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-content
        .product-left-box
        .enlarge
        .enlarge-img {
        width: 100%;
        margin-bottom: 20px;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-content
        .product-left-box
        .enlarge
        .enlarge-table {
        width: 100%;
        padding-left: 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-content
        .product-left-box
        .specifications
        .specifications-content {
        padding: 0 20px;
        padding-bottom: 20px;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1 {
        width: 100%;
        height: 168px;
        background: url("icon/7.jpg") no-repeat left top;
        background-size: cover;
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        padding: 0 var(--jq_pt6);
        justify-content: center;
        color: var(--jq_color10);
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1
        .max-title {
        font-size: var(--jq_fs4);
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1
        .min-title {
        font-size: var(--jq_fs2);
        margin-top: var(--jq_mt2);
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1.brand-title {
        background: url("icon/6.jpg") no-repeat left top;
        background-size: cover;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1.aboutus-title {
        background: url("icon/3.jpg") no-repeat left top;
        background-size: cover;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1.contact-title {
        background: url("icon/4.jpg") no-repeat left top;
        background-size: cover;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1.news-title {
        background: url("icon/news-bg1.jpg") no-repeat left top;
        background-size: cover;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1.help-title {
        background: url("icon/8.jpg") no-repeat left top;
        background-size: cover;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .product-title1.application-title {
        background: url("icon/5.jpg") no-repeat left top;
        background-size: cover;
    }
    .layout-container .layout-content .product-box .product-main .contact-box {
        width: 100%;
        display: flex;
        padding: var(--jq_pt4);
        background: #f5f5f5;
        flex-direction: column;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .contact-box
        .contact-wrap {
        width: 100%;
        margin-right: 0;
        margin-bottom: var(--jq_mb2);
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .contact-box
        .contact-wrap
        .contact-item {
        width: 100%;
        margin: 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .contact-box
        .contact-wrap
        .contact-item
        .contact-item-title {
        margin: var(--jq_mt2) 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .contact-box
        .contact-wrap
        .contact-item
        .contact-item-title.notMt {
        margin-top: 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .contact-box
        .contact-item {
        margin: 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .contact-box
        .contact-item
        #container {
        height: 500px;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .aboutus-box
        .aboutus-main {
        padding: var(--jq_pt4);
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .aboutus-box
        .aboutus-main
        .aboutus-content {
        width: 100%;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .aboutus-box
        .aboutus-main
        .aboutus-img {
        width: 250px;
        padding: 0 var(--jq_pl2);
        flex-shrink: 0;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .aboutus-box
        .aboutus-main
        .aboutus-img
        img {
        width: 100%;
    }
    .layout-container
        .layout-content
        .product-box
        .product-main
        .aboutus-box
        .aboutus-main
        .join-content {
        width: 100%;
        padding-right: 0;
    }
    .layout-container .layout-content .manufacturers-box {
        padding: 0 10px;
    }
    .layout-container .layout-content .manufacturers-box .letter a {
        margin-bottom: 10px;
    }
    .layout-container .layout-content .manufacturers-box .list-box .list-item {
        width: 100%;
    }
    .layout-container .layout-content .manufacturers-box .brand-introduce {
        width: calc(100% - 20px);
        flex-direction: column;
        margin: 0 10px;
    }
    .layout-container .layout-content .manufacturers-box .brand-introduce .img {
        width: 100%;
        margin-bottom: 10px;
    }
    .layout-container
        .layout-content
        .manufacturers-box
        .brand-introduce
        .text {
        width: 100%;
        padding: 0;
    }
    .layout-container .layout-content .manufacturers-box .brand-productType {
        margin: 0 10px;
        margin-top: 20px;
    }
    .layout-container
        .layout-content
        .manufacturers-box
        .brand-productType
        .productType-item {
        width: 100%;
    }
    .layout-container
        .layout-content
        .manufacturers-box
        .product-list-box
        .list1-box {
        padding: 0 10px;
    }
    .layout-container
        .layout-content
        .manufacturers-box
        .product-list-box
        .list1-box
        .list-item {
        width: 100%;
        flex-direction: column;
    }
    .layout-container
        .layout-content
        .manufacturers-box
        .product-list-box
        .list1-box
        .list-item
        .img {
        width: 100%;
    }
    .layout-container
        .layout-content
        .manufacturers-box
        .product-list-box
        .list1-box
        .list-item
        .item-box {
        width: 100%;
        padding: 0;
    }
    .news-main {
        padding: 0;
        flex-direction: column;
    }
    .news-main .news-recommend {
        width: 100%;
    }
    .news-main .news-detail {
        width: 100%;
        padding-right: 0;
    }
    .banner-box .banner-max-text{
        display: none !important;
    }
    
}