@media (max-width:360px){
    .zmj_top img {
        width: 100%;
    }
    .click_img .zmj_glass a{
        display: inline-block;
    }
}
@media (max-width:576px){
    .zmj_header{
        height: 60px;
    }
    .zmj_top{
        padding:0 30px 0 20px;
        line-height: 60px;
        transform: scale(0.8);
    }
    .zmj_top img {
        display: inline-block;
        height: 50px;
        vertical-align: middle;
    }
    .zmj_menu{
        position: absolute;
        right: 0;
        margin-top: 8px;
    }
    .zmj_menu_list{
        top: 60px;
    }
    .zmj_menu .icon{
        font-size: 20px
    }
    .click_img .zmj_glass a{
        display: inline-block;
    }
    .zmj_footer{
        height: 60px;
    }
    .zmj_footer ul li img{
        height: 20px;
        margin: 10px 0;
    }
    .zmj_footer ul li p{
        font-size: 12px;
    }
    .zmj_plus,.zmj_close{
        top: 250px
    }

    /* 手机版本 */
    .zmj_banner,.zmj_information,.click_img{margin-bottom: 30px;}

    .info_title .inf_title_en{display: none;}
    .inf_title_cn:before,.inf_title_cn:after{width: 0;}
    .inf_title_cn{
        line-height: 43px;
        text-align: left;
        font-size: 24px;
        margin-bottom: 20px;
    }
    .inf_title_cn .zmj_bar{
        display: inline-block;
        width: 5px;
        height: 37px;
        background: rgb(103, 160, 255);
        float: left;
    }
    .info_subtitle{
        font-size: 18px;
        margin-bottom: 10px;
    }
    .info_content{
        padding: 0 20px;
        margin-bottom: 20px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 4;
        line-clamp: 4;
        -webkit-box-orient: vertical;
    }
    .info_content p {
        font-size: 12px;
    }
    .click_img>div>div{
        width: 33%;
    }
    .zmj_glass img{
        height: 30px;
        margin: 20px 0 10px;
    }
    .zmj_glass p{
        display: none;
    }
    .zmj_glass h3 {
        font-size: 14px;
        margin: 5px 0 10px;
    }
    .click_img .zmj_glass a {
        border: 1px #fff solid;
        font-size: 12px;
    }

    .culture_img div{
        width: 50%;
        padding: 0 5px;
        text-overflow: -o-ellipsis-lastline;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        line-clamp: 1;
        -webkit-box-orient: vertical;
    }

    .digital_img p span{
        width: 18px;
        margin: 0 8px;
    }

    .zmj_robot1{display: none}
    .zmj_robot2{display: block;}

    .news_img h4{
        font-size: 25px;
        color: #aaa;
        margin-bottom: 5px;
    }
    .news_img h4 span{
        font-size: 12px;
        color: #aaa;
        font-weight: bold;
        margin-left: 15px;
    }
    .news_img p{
        font-size: 16px;
        font-weight: bold
    }

    .title_left{
        height: 40px;
    }
    .title_right{
        padding:0 0 0 10px;
        color: #aaa
    }
    .title_right h3 {
        padding-left: 10px;
        font-size: 16px;
        font-weight: bolder
    }
    .title_right p{
        font-size: 12px;
        padding-left: 10px;
        font-weight: bolder
    }
    .zmj_introduce .content{
        font-size: 12px;
        padding: 30px 0;
    }
    .detail_hide{display: none}
    .detail_message{
        margin-bottom: 20px;
        padding-left: 0;
    }
    .detail_glass{
        font-size: 12px;
    }
    .zmj_rebuild{
        margin-top:20px
    }
    .info_more{
        height: 30px;
        line-height: 30px;
    }
    .info_more a {
        font-size: 12px;
        padding: 8px 10px;
        color: #fff;
        background: rgb(103, 160, 255);
        border-radius: 8px;
    }
    #container .zmj_contact h4{  font-size: 20px; }
    #container .zmj_contact p{  font-size: 12px; }
    .culture_content{margin-bottom: 20px}
    .culture_content p{font-size: 12px}

    /* 联系我们 */
    .m-bottom-60{
        margin-bottom: 30px;
    }
    .contact_detail{
        padding: 30px 0 0;
    }
    .contact_detail_item{
        height: 150px;
    }
    .contact_detail_item1{ width: 60%; }
    .contact_detail_item2{ width: 40% }

}

@media (min-width: 576px) and (max-width:768px) { 
    .zmj_top{
        padding:0 50px;
    }
    .zmj_top img {
        width: 100%;
    }
    .zmj_menu{
        position: absolute;
        right: 0;
    }
    .zmj_menu_list{
        top: 60px;
    }
    .click_img .zmj_glass a{
        display: inline-block;
    }

    .zmj_footer{
        height: 80px;
    }
    .zmj_footer ul li img{
        height: 20px;
        margin: 15px 0;
    }
    .zmj_information{
        padding-bottom: 80px
    }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) and (max-width:992px ) {
    .zmj_top{
        padding-left: 100px
    }
    .click_img .zmj_glass a{
        display: inline-block;
    }
    
    .zmj_footer ul li img{
        height: 30px;
        margin: 15px 0;
    }
    .zmj_information{
        padding-bottom: 80px
    }
}

@media (max-width:992px){
    html,body{
        overflow: hidden;
        display: flex;
        flex-direction:column;
        position: relative;
    }
    .zmj_body{
        flex: 1;
        overflow-y: auto
    }
    .zmj_footer h4{
        display: none;
    }
    .zmj_footer{
        background: rgba(103,160,255,.5);
        position: relative;
    }
    .zmj_footer ul{
        display: block;
        background: rgba(103,160,255,.5);
        width: 100%;
        height: 100%;
        position: absolute;
        bottom: 0;
    }
    .zmj_footer ul li {
        float: left;
        width: 20%;
        height: 100%;
    }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
    .zmj_layout{
        width: 900px;
        margin: 0 auto
    }
    .zmj_top{
        width: 450px;
        height: 98px
    }
    .zmj_header ul{
        display: block;
    }
    .zmj_header ul li{
        width: 90px
    }
    .zmj_menu{
        display: none
    }
    .triangle_border_up span{
        left:41px
    }
    .triangle_border_up p{
        left: 10px
    }
    .zmj_footer{
        background: rgb(243, 243, 243)
    }
    .zmj_information{
        padding-bottom: 80px
    }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .zmj_layout{
        width: 1200px;
        margin: 0 auto
    }
    .zmj_top{
        width: 600px;
        height: 98px
    }
    .zmj_header ul{
        display: block
    }
    .zmj_header ul li{
        width: 120px
    }
    .zmj_menu{
        display: none
    }
    .triangle_border_up span{
        left:56px
    }
    .triangle_border_up p{
        left: 25px
    }
    
    .zmj_introduce{
        padding: 0 
    }
    .zmj_information{
        padding-left: 0;
        padding-right: 0;
        padding-bottom: 80px
    }
}