@media screen and (max-width: 768px) {
    .tem_index_news_list_txt p {
        max-height: 72px;
        line-height: 24px;
        overflow: hidden;
    }

    .tem_inner {
        width: 100%;
    }

    .met_section {
        width: auto;
    }

    .header {
        display: none;
    }

    .header_mobile {
        width: 100%;
        display: block;
        float: left;
        position: relative;
        z-index: 11;
        min-height: 60px;

    }

    .header_mobile .fixed {
        width: 100%;
        background: #fff;
    }

    .logo_mobile {
        height: 60px;
        float: left;
        margin: 0 15px;
    }

    .logo_mobile img {
        height: 60px;
    }

    .menu_mobile {
        width: 25px;
        height: 25px;
        float: right;
        background: url(../images/menu.png)
            /*tpa=http://demo422.adminbuy.cn/style/images/menu.png*/
            no-repeat center center;
        cursor: pointer;
        margin: 18px 15px 0 0;
    }

    .navbar-toggle .icon-bar {
        background: #ce9f51;
    }

    .mobile_nav {
        width: 100%;
        float: left;
        background: #141d40;
        display: none;
    }

    .mobile_nav ul {
        padding: 10px;
    }

    .mobile_nav li {
        border-bottom: 1px solid #ce9f51;
        line-height: 40px;
    }

    .mobile_nav li a {
        width: 100%;
        height: 40px;
    }

    .mobile_nav {
        display: none;
        background: #e9280c;
    }

    .mobile_nav ul {
        margin: 0px;
        padding: 0 15px;
        list-style-type: none;
    }

    .mobile_nav li {
        margin: 0px;
        padding: 0px;
        list-style-type: none;
        border-bottom: 1px solid #fff;
        position: relative;
    }

    .mobile_nav ul li a {
        color: #fff;
        font-size: 14px;
        height: 38px;
        line-height: 38px;
        font-weight: bold;
    }

    .mobile_nav ul li a:hover,
    .mobile_nav ul li a:active {
        background-color: #CE240C;
    }

    .mobile_nav ul ul {
        margin: 0;
        padding: 0 10px 10px 10px;
        display: none;
    }

    .mobile_nav ul ul li {
        border-bottom: none;
        margin: 0;
        padding: 0;
    }

    .mobile_nav ul ul li a {
        padding: 0;
        padding-left: 5px;
        font-size: 14px;
        font-weight: normal;
        height: 38px;
        line-height: 38px;
    }

    .mobile_nav ul li i {
        position: absolute;
        top: 0;
        right: 0;
        display: block;
        width: 40px;
        height: 40px;
        overflow: hidden;
        background-position: center center;
        background-repeat: no-repeat;
        background-size: contain;
    }

    .mobile_nav ul li i.touch-arrow-down {
        background-image: url(../images/touch-arrow-d.png)
            /*tpa=http://demo422.adminbuy.cn/style/images/touch-arrow-d.png*/
        ;
        background-size: 13px
    }

    .mobile_nav ul li i.touch-arrow-up {
        background-image: url(../images/touch-arrow-u.png)
            /*tpa=http://demo422.adminbuy.cn/style/images/touch-arrow-u.png*/
        ;
        background-size: 13px
    }

    .tem_index_about {
        padding: 15px;
    }

    .tem_index_about_cont {
        margin: 0px;
        padding: 0px;
    }

    .tem_index_about_txt {
        width: 100%;
    }

    .tem_index_about_txt .met_editor {
        padding: 0px;
    }

    .tem_index_about_img {
        height: auto;
        margin: 20px 4% 0 0;
    }

    .tem_index_about_img ul {
        height: auto;
    }

    .tem_index_about_img ul img {
        height: auto;
    }

    .tem_index_about_img ol img {
        height: auto;
    }

    .met_section {
        padding: 15px;
    }

    .met_section aside {
        width: 100%;
        display: block;
    }

    .met_aside {}

    .met_section aside section h2 {
        text-align: center;
    }

    .met_section article {
        margin: 0px;
    }

    .met_section article .met_article {
        margin: 0px;
        padding: 15px 0;
    }

    .met_article_head h1 {
        text-align: center;
    }

    .met_article_head .met_position {
        display: none;
    }

    .met_module3_list ul.list_1 li {
        width: 100%;
        padding: 0px;
    }

    .met_tools {
        height: auto;
        line-height: 30px;
    }

    .met_page_next {}

    .met_module2_list {
        padding: 10px 0;
    }

    .met_module2_list h2 {
        display: block;
    }

    .met_module2_list li a {
        display: block;
    }

    .met_module2_list li span.time {
        display: none;
    }

    .tem_index_product {
        padding: 15px;
    }

    .tem_index_product ul li {
        width: 45%;
    }

    .tem_index_more {
        width: 50%;
        padding: 0 0 10px 0;
    }

    .tem_index_news {
        padding: 15px;
    }

    .tem_index_title {
        margin: 20px auto;
    }

    .tem_index_news_tab {
        border: 0px;
        width: 100%;
    }

    .tem_index_news_tab li {
        width: 33%;
        float: left;
    }

    .tem_index_news_tab li h3 {
        border: 1px solid #8c989f;
        padding: 0px;
    }

    .tem_index_news_list {
        width: 100%;
    }

    .tem_index_news_list li {
        width: 100%;
    }

    .tem_index_news_list .tem_index_more {
        width: 50%;
        padding: 20px 0 0 0;
    }

    .tem_index_footer {
        padding: 15px;
    }

    .tem_index_footer_contact {}

    .tem_index_footer_contact li {
        width: 100%;
    }

    .tem_index_footer_attention {
        width: 100%;
    }

    .tem_index_footer_link {
        width: 100%
    }

    .tem_footer {
        padding: 15px;
    }

    .tem_footer_nav {
        display: none;
        width: 100%;
        position: static;
        height: auto;
        text-align: center;
        margin: auto;
    }

    .tem_footer_text {
        width: 100%;
        text-align: center;
    }

    /*底部*/
    #toolbar {
        color: #fff;
        width: 100%;
        position: relative;
        display: block;
        min-height: 50px;

    }

    #toolbar .fixed {
        bottom: 0;
        left: 0;
        width: 100%;
        background: #000;
    }

    #toolbar a {
        width: 100%;
        color: #fff;
        display: block;
        padding: 12px 0;
        line-height: 23px;
        font-size: 20px;
    }

    #toolbar a img {
        vertical-align: sub;
        width: 26px;
    }

    #toolbar a span {
        font-size: 22px;
        display: block;
    }

    #toolbar .x3 {

        text-align: center;

    }
}

@media (max-width: 414px) {
    .mob_css_info {
        display: block;
        text-align: left;
    }

    .met_img img {
        max-width: 50%;
    }
}