@media screen and (max-width: 1050px) {
    .map_content {
        display:none
    }

    .mg_banner {
        display: none
    }

    .mg_footer .mg_footer_t .sitemap {
        padding-left: 50px
    }

    .mg_process .bd li {
        padding-left: 30px
    }
}

@media screen and (max-width: 960px) {
    .showShad {
        overflow:hidden
    }
    .mg_header .mobileMenuBtn {
        display: block
    }

    .mg_header .mg_nav_wrap .mg_nav_main .mg_nav_inside {
        width: 200px;
        background: rgba(49,152,242,.8);
        position: fixed;
        height: 100%;
        overflow: auto;
        top: 0;
        right: -200px;
        -webkit-transition: .6s all;
        transition: .6s all
    }

    .mg_header .mg_nav_wrap .mg_nav_main .mg_nav_inside.active {
        right: 0
    }

    .mg_header .mg_nav_wrap .mg_nav_main .mg_nav_inside ul {
        margin: 0;
        text-align: center
    }

    .mg_header .mg_nav_wrap .mg_nav_main .mg_nav_inside ul li {
        display: block;
        margin: 0 !important;
        padding: 0;
        border: 0
    }

    .mg_header .mg_nav_wrap .mg_nav_main .mg_nav_inside ul li a {
        padding: 12px 0;
        border-bottom: 1px solid #378fdd
    }

    .mg_header .mg_nav_wrap .mg_nav_main .mg_nav_inside ul li.active a {
        color: #000
    }
	
	.mg_header .mg_nav_call{
		display: none;
	}
	
    .mg_header .mobileMenu_shad {
        width: 100%;
        height: 0;
        position: fixed;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-50%);
        -webkit-transform: translate(-50%,-50%);
        background: rgba(0,0,0,.7);
        transition: .3s all;
        -webkit-transition: .3s all
    }

    .mg_header .mobileMenu_shad.active {
        height: 100%
    }

    .service_advantages .content ul .list:hover,.service_advantages .content ul li {
        height: auto
    }

    .service_advantages .content .list .img img {
        width: 280px
    }

    .service_advantages .content .list .info {
        min-height: 125px
    }

    .service_advantages .content .list .info .f {
        opacity: 1;
        display: block;
        transform: translateY(0)
    }

    .service_advantages .content .list:hover .info {
        min-height: 125px
    }

    .mg_footer .mg_footer_t .hotline {
        margin-left: 100px
    }

    .mg_footer .mg_footer_t .qr_code {
        float: right;
        margin-left: 0
    }
}

@media screen and (max-width: 880px) {
    .index_bg .mg_wrap {
        background-size:100%
    }

    .index_bg .search {
        background-size: 75%;
        padding-top: 500px
    }

    .mg_process .bd {
        margin-left: -15px
    }

    .mg_process .bd li {
        padding-left: 15px
    }
}

@media screen and (max-width: 860px) {
    .mg_footer .mg_footer_t .sitemap {
        width:100%;
        padding: 0
    }

    .mg_footer .mg_footer_t .sitemap .col-xs-3 {
        width: 25%
    }

    .mg_footer .mg_footer_t .hotline {
        margin: 120px 15px 0
    }

    .mg_footer .mg_footer_t .qr_code {
        float: right;
        margin: 0;
        margin-top: 50px
    }
}

@media screen and (max-width: 767px) {
    .index_bg {
        height:615px
    }

    .search .search_content {
        width: 90%
    }

    .search .search_content .search_cell {
        width: 70%
    }

    .search .search_content .search_action {
        width: 30%;
        font-size: 15px
    }

    .mg_question .bd {
        margin-left: -50px
    }

    .mg_question .bd li {
        padding-left: 50px
    }

    .mg_advantage .col-xs-12 {
        width: 100%
    }

    .mg_advantage .l-r {
        position: relative;
        top: 0;
        right: 0;
        margin-top: 30px
    }
}

@media screen and (max-width: 720px) {
    .mg_wrap_system .col-xs-12 {
        width:100%
    }

    .mg_wrap_system .bd .info {
        height: auto;
        padding-bottom: 20px
    }

    .mg_process .bd {
        margin-left: -30px
    }

    .mg_process .bd li.col-xs-6 {
        width: 50%;
        padding-left: 30px
    }
}

@media screen and (max-width: 590px) {
	.mg_header .mg_nav_wrap{
		height: 48px;
	}
	.mg_header .mg_nav_wrap .mg_nav_main {
		justify-content: center;
	}
	.mg_header .mg_nav_wrap .mg_nav_main .mg_logo {
	    background-size: 120px 28px;
	}
	.mg_header .mobileMenuBtn {
		width: 20px;
		top: 17px;
	}
	.mg_header .mobileMenuBtn span {
		height: 2px;
		line-height: 2px;
		margin-bottom: 4px;
	}
    .search .search_content {
        display:none
    }

    .toolbar {
        display: none
    }
}

@media screen and (max-width: 490px) {
    .home_bg {
        height:500px
    }

    .service_advantages .content .list .info,.service_advantages .content .list:hover .info {
        height: auto;
        min-height: auto
    }

    .mg_question .bd .list .num span {
        font-size: 30px
    }

    .mg_question .bd .list .info b {
        font-size: 16px
    }

    .mg_question .bd .list .info p {
        font-size: 14px
    }

    .mg_advantage .l-f,.mg_advantage .l-r {
        padding: 25px
    }

    .mg_advantage .l-f li .item,.mg_advantage .l-r li .item {
        padding-right: 15px
    }
}

@media screen and (max-width: 390px) {
    .develop_content li b {
        font-size:40px;
        line-height: 50px
    }

    .develop_content li span {
        font-size: 14px
    }

    .mg_market .bd .item b {
        font-size: 22px
    }

    .mg_process .bd {
        margin-left: 0
    }

    .mg_process .bd li.col-xs-6 {
        width: 100%;
        padding-left: 0
    }

    .mg_process .bd .list {
        padding-bottom: 30px
    }

    .mg_advantage .l-f,.mg_advantage .l-r {
        padding: 10px
    }

    .mg_advantage .l-f li .item,.mg_advantage .l-r li .item {
        padding-right: 10px
    }
}