/* PureOne 响应式样式表 */

@media screen and (max-width: 1024px) {
    .body-content, #head, #topnav {
        max-width: 100% !important;
        width: 100% !important;
        margin: 0 auto !important;
        height: 0px !important;
        padding: 0 5px !important;
        box-sizing: border-box;
    }
    div.header{
        height: 100px;
    }
    #head{
        height: 100px;
        display: block;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        padding: 0 10px;
        box-sizing: border-box;
    }
}

/* 头部logo与公司名并排 */
@media screen and (max-width: 768px) {
    #headleft {
        width: 100% !important;
        float: none !important;
        margin: 0 auto !important;
        text-align: center !important;
        display: flex !important;
        flex-direction: row;
        align-items: center;

    }
    #headleft a,
    #headleft img {
        height: 50px;
        float: none !important;
        display: inline-block !important;
        margin-top: 15px !important;
        vertical-align: middle;
    }
    #headright{
        display: none;
    }
    #headright #headcart{
        display: none;
    }
    #headright #headlinks{
        display: none;
    }
    #headlangID {
        padding-top: 0 !important;
        margin-left: 10px !important;
        display: inline-block !important;
        vertical-align: middle;
    }
    #headlangID img {
        margin-top: 45px !important;
        max-height: 40px  ;
        width: auto;
        vertical-align: middle;
        display: inline-block;
    }
 }
 #contentCenter{
    #productTree{
        display: none;
    }
    #productsList{
        width: 100%;
    }
    #articlemain{
        width: 100%;
        margin-left:0px;
    }
    #articlemain .blue_title{
        width: 100%;
    }
    #articlemain img{
        width: 100%;
        height: auto;
        margin-bottom: 10px;
        display: block;
        object-fit: cover;
        object-position: center;
    }
    #articleright{
        .Cooperation{
            width: 100%;
            .list{
                .list_item{
                    width: 100%;
                    .img_warp_b{
                        display: none;
                    }
                }
              ul{
                display: flex;
                flex-wrap: wrap;
                padding: 0;
                margin: 0;
              li{
                width: 50%;
                white-space: nowrap ;
                overflow: hidden;
                text-overflow: ellipsis;
                box-sizing: border-box;
                margin: 0;
                list-style: none;
              }
              }
            }
    }
 }
}

/* 主区块宽度100%，去除float，防止溢出 */
@media screen and (max-width: 768px) {
    #center_square,
    #searchDiv,
    #bannerBig,
    #bannerBig{
        width: 100%;
    }
    #bannerBig img{
        max-width: 100%;
    }
    #bannerBig .index_big_banner{
        width: 100%;
    }

    #contenttop,
    .search_field{
    }
    #productsList,
    #productTree,
    #articleright,
    #searchRight {
        width: 100% !important;
        float: none !important;
        margin-left: 0 !important;
        margin-right: 0 !important;
        box-sizing: border-box;
    }
    #searchDiv .s_recent {
        margin-left: 0;
        display: none;
    }
    #searchDiv .s_recent a{
        color: #000;
    }
    #searchDiv #searchLeftPic{
        margin-left: 10px;
    }
    table,
    ul,
    ol {
        max-width: 100%;
        box-sizing: border-box;
        overflow-x: auto;
    }
    #searchRight{
        display: none;
    }
}

/* 登录面板移动端优化 */
@media screen and (max-width: 768px) {
    #loginPanel{
        display: none;
    }
    #loginPanel {
        width: 100% !important;
        max-width: 400px;
        margin: 20px auto 15px auto !important;
        float: none !important;
        border-radius: 10px;
        box-shadow: 0 2px 8px rgba(0,0,0,0.06);
        padding: 20px 10px 25px 10px !important;
        background: #fff;
    }
    #loginPanel a.ltitle {
        margin: 0 0 18px 0 !important;
        text-align: center;
        font-size: 18px;
        color: #00b41d;
        display: block;
    }
    #loginPanel .loginForm {
        margin: 0 !important;
        padding: 0;
    }
    #loginPanel font.l_t {
        display: block;
        margin: 10px 0 5px 0;
        font-size: 15px;
        color: #333;
        text-align: left;
    }
    #loginPanel input.inner_bold {
        width: 100% !important;
        height: 48px !important;
        font-size: 18px !important;
        padding: 10px 12px !important;
        border-radius: 5px;
        margin-bottom: 15px;
        box-sizing: border-box;
    }
    #loginPanel .submit,
    #loginPanel .register {
        width: 100%;
        margin: 0 0 10px 0 !important;
        text-align: center;
        float: none !important;
        display: block;
    }
    #loginPanel .submit input[type='image'],
    #loginPanel .register a img {
        width: 100%;
        max-width: 220px;
        min-width: 120px;
        height: 48px;
        border-radius: 5px;
        background: #00b41d;
        color: #fff;
        font-size: 20px;
        padding: 0;
        margin: 0 auto 8px auto;
        display: block;
        box-sizing: border-box;
    }
    #loginPanel .register a img {
        background: #108ee9;
    }
}

/* 菜单按钮移动端显示 */
@media screen and (max-width: 768px) {
    .mobile-menu-toggle {
        display: block !important;
        background: #00b41d;
        color: white;
        border: none;
        padding: 10px;
        font-size: 16px;
        cursor: pointer;
        width: 100%;
        text-align: right;
        float: right;    
    }
    ul.navsystem {
        float: none !important;
        display: none;
        width: 100%;
        background: #f8f8f8;
        border: 1px solid #ddd;
    }
    ul.navsystem li {
        float: none !important;
        display: block;
        border-bottom: 1px solid #ddd;
        margin: 0;
    }
    ul.navsystem a.navsystemtopbuttoncontents {
        padding: 15px 10px;
        border-bottom: 1px solid #eee;
        display: block;
        text-align: center;
    }
    ul.navsystem div.navsystemtopbuttonleft {
        display: none !important;
    }
}
/* 产品列表、新闻、表格等内容自适应 */
@media screen and (max-width: 768px) {
    #productsUl{
        width: 100%;
    }
    #productsUl  .bluetable{
        width: 100%;
    }
    #productsUl  .bluetable th a{
        color: #00b41d;
    }

}

/* 产品列表、新闻、表格等内容自适应 */
@media screen and (max-width: 768px) {
    #productsUlList{
        text-align: center !important;
        display: flex;
        flex-wrap: wrap;
	    padding-inline-start: 0;
        margin: 0;
    }
    #productsUlList > ul > li{
        width: 50%;
        box-sizing: border-box;
        white-space: unset;
        margin: 0;
        list-style: none;
    }

    #productsUlList > li,
    .top_three_p {
        width: 47% !important;
        height: auto !important;
        margin: 10px 5px !important;
        padding: 10px !important;
        border: 1px solid #eee;
        border-radius: 5px;
        text-align: left !important;
        box-sizing: border-box;
    }
    #productsUlList a.p_img {
        float: none !important;
        display: block !important;
        text-align: center !important;
        margin-bottom: 10px !important;
    }
    #productsUlList .p_info {
        float: none !important;
        width: 100% !important;
    }
    .imgnews{
        display: none;
    }
    .imgnews .left,
    .imgnews .right {
        float: none !important;
        width: 100% !important;
        height: auto !important;
        margin-bottom: 10px !important;
        text-align: center !important;
    }
    .imgnews p {
        font-size: 14px !important;
        line-height: 20px !important;
    }
}
@media screen and (max-width: 768px) {
    #techNews{
        width: 100%;
        .Cooperation{
            width: 100%;
            .list{
                .list_item{
                    width: 100%;
                    .img_warp_b{
                        display: none;
                    }
                }
              ul{
                display: flex;
                flex-wrap: wrap;
                padding: 0;
                margin: 0;
              li{
                width: 50%;
                box-sizing: border-box;
                white-space: nowrap ;
                overflow: hidden;
                text-overflow: ellipsis;
                margin: 0;
                list-style: none;
              }
              }
            }
        }
    }
}
/* 页脚自适应 */
@media screen and (max-width: 768px) {
    #footer {
        font-size: 12px !important;
        padding: 0 10px !important;
        text-align: center !important;
    }
    #footer a {
        display: inline-block !important;
        margin: 2px 5px !important;
    }
}

/* 小屏手机进一步优化 */
@media screen and (max-width: 480px) {
    .body-content, #head, #topnav {
        padding: 0 2px !important;
        height: 0px !important;
    }
    .body-content, #head, #topnav {
        padding: 0 2px !important;
        height: 0px !important;
    }
    .bea-portal-body-footer{
        height: 0px !important;
        display: block;
    }
    #loginPanel {
        padding: 10px 2px 15px 2px !important;
    }
    #loginPanel input.inner_bold {
        font-size: 16px !important;
        height: 40px !important;
    }
    #loginPanel .submit input[type='image'],
    #loginPanel .register a img {
        height: 40px !important;
        font-size: 16px !important;
    }
    #headlangID img {
        max-height: 28px !important;
        margin-top: 45px !important;
    }
}