@media only screen and (min-width: 320px) and (max-width: 768px) {
	body{
		padding-top: 40px !important;
		overflow-x: hidden;
		padding-bottom: 60px !important;	
	}
	html{
		overflow-x: hidden;
	}
	.top-wrapper{
		display: none;
	}
	.footer-wrapper{
		display: none;
	}
	
	
	
	/*导航*/
	.sj-nav{
            position: relative;
            position: fixed;
            left: 0;
            top: 0;
            width: 100%;
            padding: 5px 2% 5px;
            box-sizing: border-box;
            background: #f5f5f5;
            z-index: 5;
        }
        .sj-logo{
            float: left;
            width: 28px;
            height: 30px;
        }
        .sj-nav-bar{
            float: right;
            width: 40px;
            height: 30px;
        }
        .sj-nav-bar span{
            display: block;
            width: 100%;
            height: 5px;
            margin: 2px auto 5px;
            background: #4d4d4d;
            border-radius: 20px;
        }
        .sj-nav-menu{
        	display: none;
            position: absolute;
            top: 40px;
            left: 0;
            width: 100%;
            background: #f5f5f5;
        }
        .sj-nav-menu li{
            text-indent: 5%;
            width: 100%;
            height: 24px;
            line-height: 24px;
        }
        .sj-nav-menu li a{
            color: #999999;
        }
        /*底部*/
        .pho_footer{
            position: fixed;
            left: 0;
            bottom: 0;
            width: 100%;
            height: 60px;
            background: #005784;
        }
        .pho_footer ul{
            width: 100%;
            height: 100%;
        }

        .pho_footer ul li{
            float: left;
            width: 33.33%;
            height: 100%;
        }
        .fIcon_pic{
            width: 35%;
            height: 40px;
            margin: 0 auto;
        }
        .fIcon_text{
            width: 100%;
            height: 20px;
            line-height: 16px;
            color: #FFFFFF;
            font-size: 14px;
            text-align: center;
        }
        /*首页*/
    .banner-wrapper{
        height: 250px;
    }
    .banner-btn-box{
        width: 100%;
    }
    .banner-btn{
        left: 10px;
    }
    .banner-btn-box{
        margin-top: -20px;
    }
    .banner-btn li{
        width: 10px;
        height: 10px;
        border-radius: 50%;
        background: #FFFFFF
    }
    .banner-btn li > img{
        visibility: hidden;
    }
    .banner-btn li.active {
        box-sizing: border-box;
        border: 2px solid #d80c18;
    }
    .banner-mask{
        border-radius: 50%;
    }
    .index-company{
        margin-top: 20px;
        position: static;
        width: 100%;
        box-sizing: border-box;
        padding: 0 2%;
    }
    .index-company-pic{
        position: static;
        width: 80%;
        margin: 0 auto;
        height: auto;
    }
    .index-company-text{
        width: 100%;
        padding-bottom: 10px;
    }
    .index-company-text p{
        margin-top: 15px;
    }
    .index-company-more{
        padding-top: 10px;
    }
    .index-dev{
        box-sizing: border-box;
        padding: 0 2%;
    }
    .index-dev-title{
        width: 100%;
        padding-top: 0;
    }
    .index-dev-bg{
        height: 180px;
    }
    .index-dev-tab{
        width: 100%;
        margin-top: 40px;
    }
    .index-dev-tablist{
        padding: 0;
    }
    .index-dev-tablist li{
        width: 100%;
    }
    .index-devtab-itemPic{
        margin: 0 auto;
        float: none;
    }
    .index-devtab-itemText{
        float: none;
        margin: 0 auto;
        width: 60%;
        padding-top: 20px;
    }
    .index-dev-control .left,
    .index-dev-control .right{
        top: 40%;
            width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    font-weight: 500;
    }
    .index-dev-more{
        width: 120px;
    margin: 15px auto;
    height: 30px;
    line-height: 30px;
    }
    .index-dev-more a{
        line-height: 30px;
    }
    .index-service{
        width: 100%;
        box-sizing: border-box;
        padding: 0 2%;
    }
    .index-service-list{
        width: 100%;
    }
    .index-service-list li{
        width: 30%;
        margin: 0 5% 0 0;
        height: auto;
    }
    .index-service-list li:last-child{
        margin: 0;
    }
    .index-service-itemIcon{
        margin: 25px auto 0;
    }
    .index-service-itemText{
        margin-top: 15px;
        font-size: 14px;
    }
    .index-service-wrapper{
        height: auto;
        padding-bottom: 10px;
    }
    .index-service-more{
        width: 120px;
    margin: 15px auto;
    height: 30px;
    line-height: 30px;
    }
    .index-service-more a{
        line-height: 30px
    }
    .index-case-wrapper{
        width: 100%;
        box-sizing: border-box;
        padding: 0 2%;
        margin-top: 20px;
    }
    .index-case-list{
        position: static;
        height: auto;
        width: 80%;
        margin: 0 auto;
    }
    .index-case-list li{
       position: relative;
       display: none;
    }
    .index-case-list li:first-child{
        display: block;
    }
    .index-case-more{
        width: 120px;
    margin: 15px auto;
    height: 30px;
    line-height: 30px;
    }
    .index-case-more a{
        line-height: 30px;
    }
    .cooperative-bg{
        background: none;
    }
    .cooperative-bg{
        box-sizing: border-box;
        padding: 0 2%;
    }
    .cooperative{
        margin-top: 20px;
        width: 100%;
    }
    .cooperative-item{
        width: 30%;
        height: 54px;
    }
    /*公司概况*/
    .sub-banner{
        height: auto;
    }
    .jrwm-fffff{
        box-sizing: border-box;
        padding: 0 2%;
    }
    .gsgk-wrapper{
        width: 100%;
        margin-top: 20px;
        margin-bottom: 40px;
    }
    .gsgk-btn{
        width: 100%;
        margin: 20px auto;
    }
    .gsgk-btn li{
        width: 40%;
        margin: 5px 4%;
    }
    .gsjj-pic{
        width: 80%;
        height: auto;
        float: none;
    }
    .gsjj-text{
        width: 100%;
        margin: 10px 0;
    }
    .gsgk-body{
        margin-top: 0;
    }
    .qywh-text{
        width: 100%;
        margin: 0;
        box-sizing: border-box;
        padding: 10px 2%;
        float: none;
    }
    .qywh-pic{
        float: none;
        width: 100%;
        margin-top: 15px;
    }
    .qywh-pic-big{
        width: 70%;
        height: auto;
        margin-right: 0;
    }
    .qywh-pic-title{
        float: right;
        width: 4%;
        height: auto;
    }
    .hzhb ul{
        width: 100%;
    }
    .hzhb ul li{
        box-sizing: border-box;
        width: 30%;
        border: none;
        height: auto;
        margin: 10px 1.5%;
    }
    .hzhb ul li img{
        width: 80%;
        margin: 0 auto;
        height: auto;
    }
    .hzhb .page{
        margin: 20px auto;
    }
    .gsry-bg{
        height: auto;
    }
    .gsry-info{
        display: none;
    }
    .gsry-map{
        display: none;

    }
    .gsry-item{
        display: block;
        width: 100%;
        position: static;
        margin-bottom: 10px;
    }

    /*发展历程*/
    .fzlc-body{
        margin-bottom: 40px;
    }
    .fzlc-item-bg{
        display: none;
    }
    .fzlc-item-content{
        width: 100%;
        margin-left: 0;
    }
    .fzlc-item-content time{
        font-size: 24px;
    }
    .fzlc-item-content h3{
        width: 50%;
        margin-left: 10px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
        font-size: 18px;
    }
    .span-time{
        line-height: 30px;
    }
    .fzlc-dev-list{
        margin-top: 20px;
    }
    .fzlc-list>li{
        height: auto;
        box-sizing: border-box;
        padding: 20px 5px;
    }
    .fzlc-dev-list li span{
        display: block;
    }
    .fzlc-dev-list li{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .fwfw-list{
        margin-top: 20px;
    }
    .fwfw-list>li{
        float: none;
        width: 100%;
        margin-right: 0;
        margin-bottom: 10px;
    }
    /*团队展示*/
    .tdzs-list{
        margin-top: 20px;
    }
    .tdzs-list li{
        height: auto;
    }
    .tdzs-item-text{
        width: 60%;
        float: left;
        margin-left: 5%;
    }
    .tdzs-item-content{
        width: 100%;
    }
    .tdzs-item-act{
        display: none;
    }
    .tdzs-item-pic{
        width: 30%;
        height: auto;
    }
    .tdzs-item-content .name-en{
        padding-bottom: 8px;
    }
    .tdzs .page{
        margin: 40px 0;
    }
    /*详情*/
    .loaction{
        padding-top: 20px;
        width: 100%;
    }
    .loaction-line-short{
        margin-top: 10px;
    }
    .tdxq{
        width: 100%;
        margin-top: 20px;
    }
    .tdxq-line-center{
        display: none;
    }
    .tdxq-text{
        width: 100%;
    }
    .alzs-btn{
        margin: 20px auto;
    }
    .alzs{
        margin-top: 20px;
    }
    .alzs li{
        width: 40%;
        height: 194px;
        margin: 10px 5%;
    }
    .alzs-mask-text h3{
        font-size: 14px;
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .alzs-mask-text p{
        font-size: 12px;
    }
    .alzs-mask-arrow{
        margin: 10px 0 0;
    }
    .alzs .page{
        margin: 40px auto;
    }
    .alxq{
        width: 100%;
        padding: 10px 0;
    }
    .alxq-pic{
        width: 75%;
        height: 400px;
    }
    .alxq-text{
        width: 100%;
        margin-left: 0;
        margin-top: 15px;
    }
    /*加入我们*/
    .jrwm-join-bg{
        position: static;
        margin-top: 20px;

    }
    .jrwm-join{
        position: static;
        width: 100%;
        left: 0;
        margin-left: 0;
        padding: 10px;
    }
    .jrwm-join-content{
        width: 100% !important;
    }
    .jrwm-zp{
        width: 100%;
        padding-top: 20px;
    }
    .jrwm-zp-line{
        display: none;
    }
    .jrwm-zp-tab>div{
        width: 20%;
    }
    .jrwm-zp-tab>div:last-child{
        display: none;
    }
    .jrwm-zp-list ul > li > div{
        width: 20%;
        font-size: 14px;
    }
    .work-money{
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .work-look{
        display: none;
    }
    .jrwm-zp-list ul{
        border-left: none;
    }
    .jrwm-zp-list ul > li > div:first-child{
        text-overflow: ellipsis;
        overflow: hidden;
        white-space: nowrap;
    }
    .zp-info{
        padding-left: 2%;
    }
    .jrwm-linkUs{
        width: 100%;
        margin-top: 30px;
    }
    .jrwm-linkUs-body{
        width: 100%;
        margin-top: 20px;
        padding: 10px 5px;
    }
    .jrwm-linkUs-text{
        width: 100%;
    }
    .jrwm-map{
        width: 100%;
        height: auto;
        margin: 20px 0;
    }
    .jrwm-map #dituContent{
        width: 100% !important;
    }
}
      
@media only screen and (min-width: 769px) {
	.sj-nav{
		display: none;
	}
	.pho_footer{
		display: none;
	}
}