@media (max-width: 767px) {
    .row{
        margin-left: -15px;
        margin-right: -15px;
    }
    #navbar .navbar-toggle{
        margin-top: 20px;
        margin-right: 15px;
    }
    .navbar .navbar-collapse{
        background-color: rgba(204,30,20,0.9);
    }
	.navbar .nav>li>a.on {
    	color: #fff;
	}
    .navbar-nav{
        margin: 0;
    }
    .navbar .nav li{
        margin: 20px 0;
    }
    .navbar .nav li a{
        margin: 0;
        color: #eee;
        text-align: center;
    }
    .my-navbar{
        height: 75px;
    }
    .my-navbar .navbar-brand{
        margin-top: 14px;
    }
    .about-good .about-good-right{
        padding-left: 15px;
    }
    .about-good .about-good-left{
        padding-right: 15px;
    }
    .about-idea-wrapper .about-idea .about-idea-0{
        position: initial;
        max-width: 100%;
        margin-top: 20px;
    }
    .about-idea-wrapper .about-idea .about-idea-0 h5{
        text-align: center;
    }
    .service-process .service-process-left {
        padding-right: 15px;
    }
    .service-maintain .service-maintain-right {
        padding-left: 15px;
    }
    .service-service .service-service-left {
        padding-right: 15px;
    }
    .address>div{
        padding-left: 0;
        margin-top: 30px;
    }
    .play {
        margin-top: 0;
        margin-bottom: 20px;
    }
    .about-description-right{
        margin-top: 20px;
    }
    .about-idea-0{
        padding: 0 15px;
    }
    .seo-wrapper .tel-400{
        background: url("../img/business_02.png") no-repeat left center;
    }
    .seo-wrapper .panoramic{
        background: url("../img/business_03.png") no-repeat left center;
    }
    .seo-wrapper .seo-left h6{
        text-align: left;
        padding-left: 70px;
    }
    .seo-wrapper .seo-left p{
        text-align: left;
        padding-left: 70px;
    }
    .website-wrapper h4{
        margin-bottom: 30px;
    }
    .website .col-md-3{
        margin-top: 15px;
    }
    .app-wrapper h4{
        margin-bottom: 30px;
    }
    .app .col-md-3{
        margin-top: 15px;
    }
    .wechat-wrapper h4{
        margin-bottom: 30px;
    }
    .wechat .col-md-3{
        margin-top: 15px;
    }
    .article>.row{
        padding: 0;
    }
    .share {
        text-align: center;
        margin-top: 20px;
    }
    .link{
        text-align: center;
    }
    .article{
        padding: 15px;
    }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		margin-left: 15px;
		width: 180px;
		height: 45px;
		background-size: 100%;
	}
	.margin-top-nav{
		margin-top: 75px;
	}
	.bdsharebuttonbox{
		text-align: center
	}
	.product{
		margin-top: 20px;
	}
	.product .row > div{
		margin-top: 30px;
	}
	.news-list .time{
		width: 100%;
		height: auto;
		margin-top: 20px;
	}
	.news-list .time h6{
		padding-top: 15px;
	}
	.news-list .time p{
		padding-bottom: 15px;
	}
	.list-desc h3{
		margin-top: 0
	}
}

@media (min-width: 768px) and (max-width: 992px) {
    #navbar .nav li {
        margin-left: 15px;
    }
    #navbar .nav{
        margin-top: 45px;
    }
    .about-idea{
        margin-left: -30px;
        margin-right: -30px;
    }
    .about-good .about-good-right{
        padding-left: 15px;
    }
    .about-good .about-good-left{
        padding-right: 15px;
    }
    .service-process .service-process-left {
        padding-right: 15px;
    }
    .service-maintain .service-maintain-right {
        padding-left: 15px;
    }
    .service-service .service-service-left {
        padding-right: 15px;
    }
    .play{
        margin-top: 0;
        margin-left: 100px;
        margin-bottom: 20px;
    }
    .about-description-right{
        margin-top: 20px;
    }
    .website-wrapper h4{
        margin-bottom: 30px;
    }
    .website .col-md-3{
        margin-top: 15px;
    }
    .mobile-left{
        margin-top: 40px;
    }
    .app-wrapper h4{
        margin-bottom: 30px;
    }
    .app .col-md-3{
        margin-top: 15px;
    }
    .wechat-wrapper h4{
        margin-bottom: 30px;
    }
    .wechat .col-md-3{
        margin-top: 15px;
    }
    .list-desc h3{
        margin-top: 10px;
    }
    .article>.row{
        padding: 0 40px;
    }
	.navbar>.container .navbar-brand, .navbar>.container-fluid .navbar-brand{
		margin-left: 5px;
	}
}

@media (min-width: 992px) and (max-width: 1200px) {
    #navbar .nav li{
        margin-left: 45px;
    }
    .about-description-left img{
        margin-top: 50px;
    }
    .about-good .about-good-center{
        margin-top: 200px;
    }
    .seo-center{
        margin-top: 40px;
    }
	.service-process .service-process-right img{
		margin-top: 100px;
	}
}

@media (max-width: 1200px) {

}