@charset "UTF-8";
/* 中型设备（平板电脑，768 像素及以上） */
@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: calc(100% - 20px);
    }
    .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;
    }
    .news-main {
        padding: 0;
        flex-direction: column;
    }
    .news-main .news-recommend {
        width: 100%;
    }
    .news-main .news-detail {
        width: 100%;
        padding-right: 0;
    }
}