@charset "utf-8";
/* 响应式布局 */
@media (max-width: 767px) {
    .header-logo img{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .header-right{
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        align-items: center;
    }
    nav.navbar.bootsnav {
        border: none;
        margin: 10px 15px;
        background-color: #ffffff;
    }
    nav.navbar.bootsnav .navbar-toggle {
        top: 0px;
        margin-bottom: 10px;
    }
    nav.navbar.bootsnav .navbar-toggle i{
        color: #2196f3;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        background: #085491;
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        border-bottom: solid 1px #ffffff;
        color: #ffffff;
    }
    .server-number {
        text-align: center;
        font-size: 24px;
        padding: 40px 20px;
    }
    .server-number span {
        color: #2196f3;
        font-size: 30px;
    }
    .price-type-all{
        margin: 0 10px;
    }
    .price-type-1{
        margin-bottom: 20px;
    }
    .home-responsive {
        background: url(../images/home-responsive-bg.jpg) no-repeat center top;
        background-color: #e13f34;
        width: 100%;
        height: 100%;
        padding: 0 20px 60px 20px;
	
    }
    .home-responsive-title-name {
        font-size: 24px;
    }
    .home-responsive-title-info {
        font-size: 14px;
    }
    .home-responsive-vs-text {
        font-size: 80px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .home-responsive-title-2 {
        text-align: left;
    }
    .home-responsive-img-title {
        font-size: 14px;
    }
    .home-template .home-template-one{
        margin: 0 30px 40px 30px;
    }
    .home-process-list {
        display: flex;
        display: -webkit-flex;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 80px 0 0 0;
        padding: 0 10px;
    }
    .home-process-li {
        background: none;
        width: 50%;
        padding: 0px 20px;
        margin-bottom: 40px;
    }
    .home-process-li-nobg{
        width: 50%;
        padding: 0px 20px;
        margin-bottom: 40px;
    }
    .home-process-img{
        margin: 0 auto;
    }
    .home-process-text {
        text-align: center;
        font-weight: bold;
        font-size: 14px;
        color: #FFFFFF;
        margin-top: 20px;
    }
    .home-services{
        padding: 0 15px;
    }
    .home-services-all{
        margin-bottom: 40px;
    }
    .home-services-4{
        margin-bottom: 0px;
    }
    .home-review {
        padding: 60px 15px;
    }
    .home-faq {
        padding: 0 15px;
        margin-bottom: 60px;
    }
    .home-faq-item {
        margin-bottom: 40px;
    }
    .footer-partners{
        padding: 0 15px;
    }
    .footer-partners-text a{
        color: #ffffff;
        font-size: 15px;
        padding: 5px 10px;
    }
    .copyright-text{
        padding: 20px 15px;
    }
    .copyright-text > span{
        display: block;
    }

    .home-services-all{
        height: 435px;
        margin-top: 82px;
        position: relative;
        -moz-box-shadow:0px 2px 2px #c1c1c1; 
        -webkit-box-shadow:0px 2px 2px #c1c1c1; 
        box-shadow:0px 2px 2px #c1c1c1;
        margin-bottom: 40px;
    }
    .restore-padding{
        padding-right: 15px;
        padding-left: 15px;
    }

    .news-list-box {
        background-color: #FFFFFF;
        border-bottom: 3px solid #2196f3;
        margin-bottom: 50px;
        padding: 20px 10px;
        box-shadow: 0 3px 4px 0 rgba(160,160,160,.14),0 3px 3px -2px rgba(160,160,160,.2),0 1px 8px 0 rgba(160,160,160,.12);
    }
    .news-list-box-title {
        font-size: 18px;
        color: #2196f3;
        text-align: center;
        margin-top: 20px;
    }
    .news-list-box-text {
        font-size: 13px;
        color: #6f6f6f;
        line-height: 24px;
        margin: 10px 0 18px 0;
    }
    .about-body-title-text {
        color: #FFFFFF;
        font-size: 14px;
        text-align: left;
        margin-top: 40px;
    }
    .about-body-title-1 {
        font-size: 28px;
        color: #0cd2eb;
        margin-top: 40px;
        margin-bottom: 10px;
    }
    .about-body-main {
        margin-top: 105px;
        border-top: 1px solid #dcdde2;
        position: relative;
        padding: 0 15px;
    }
    .about-body-main-title {
        position: absolute;
        z-index: 2;
        font-size: 30px;
        color: #888888;
        left: 0;
        top: -25px;
        display: inline-block;
        background-color: #f5f5f5;
        padding-right: 20px;
        padding-left: 15px;
    }
    .about-body-main-box {
        margin-top: 50px;
        line-height: 30px;
        margin-bottom: 50px;
    }
    .about-body-title-text-1 {
        margin-bottom: 15px;
        font-weight: bold;
    }
    .advantage-body-1-title {
        font-size: 26px;
        font-weight: bold;
        color: #2196f3;
        margin-top: 20px;
        text-align: center;
    }
    .advantage-body-2-title {
        font-size: 26px;
        font-weight: bold;
        color: #9c27b0;
        margin-top: 20px;
        text-align: center;
    }
    .advantage-body-3-title {
        font-size: 26px;
        font-weight: bold;
        color: #9c27b0;
        margin-top: 20px;
        text-align: center;
    }
    .advantage-body-1-title-small,.advantage-body-2-title-small,.advantage-body-3-title-small {
        font-size: 18px;
        font-weight: bold;
        color: #545454;
        margin-top: 10px;
        text-align: center;
    }
    .advantage-body-1-text,.advantage-body-2-text,.advantage-body-3-text {
        font-size: 16px;
        color: #a6a6a6;
        line-height: 36px;
        margin-top: 30px;
        text-align: center;
    }
    .advantage-body-1-link,.advantage-body-2-link{
        text-align: center;
    }
    .advantage-body-4-title-1,.advantage-body-4-title-2,.advantage-body-4-title-3,.advantage-body-4-title-4{
        font-size: 16px;
    }
    .advantage-body-4-text {
        margin-top: 20px;
        padding: 0 10px;
        color: #545454;
        font-size: 14px;
        line-height: 30px;
        text-align: center;
    }
    .advantage-body-4-img {
        margin: 30px 0;
    }
    .design-banner-title-1 h1 {
        font-size: 55px;
        font-weight: bold;
        letter-spacing: 10px;
    }
    .template-body-title-1 {
        font-size: 40px;
        color: #FFFFFF;
        margin-top: 50px;
        margin-bottom: 10px;
    }
    .template-body-title-text{
        color: #FFFFFF;
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 30px;
    }
	.weixinzixun{
		display:none;
	}
	.qqjiaotan{
		display:none;
	}
	.shoujizixun{position: fixed; bottom:10px; left:20px; z-index:200000; cursor: pointer;}
  }
	
}
 
@media (min-width: 768px) and (max-width: 991px) {
    .header-logo img{
        display: block;
        margin-right: auto;
        margin-left: auto;
    }
    .header-right{
        display: flex;
        display: -webkit-flex;
        flex-direction: row;
        justify-content: center;
        margin-top: 10px;
        margin-bottom: 10px;
        align-items: center;
    }
    nav.navbar.bootsnav {
        border: none;
        margin: 10px 0;
        background-color: #ffffff;
    }
    nav.navbar.bootsnav .navbar-toggle {
        top: 0px;
        margin-bottom: 10px;
    }
    nav.navbar.bootsnav .navbar-toggle i{
        color: #2196f3;
    }
    nav.navbar.bootsnav.navbar-mobile .navbar-collapse {
        background: #085491;
    }
    nav.navbar.bootsnav .navbar-nav > li > a {
        border-bottom: solid 1px #ffffff;
        border-top: solid 1px #ffffff;
    }
    nav.navbar.bootsnav ul.nav li.dropdown ul.dropdown-menu > li > a {
        border-bottom: solid 1px #ffffff;
        color: #ffffff;
    }
    .server-number {
        text-align: center;
        font-size: 24px;
        padding: 40px 20px;
    }
    .server-number span {
        color: #2196f3;
        font-size: 30px;
    }
    .price-type-all{
        margin: 0;
    }
    .price-type-1{
        margin-bottom: 20px;
    }
    .home-responsive {
        background: url(../images/home-responsive-bg.jpg) no-repeat center top;
        background-color: #e13f34;
        width: 100%;
        height: 100%;
        padding: 0 20px 60px 20px;
    }
    .home-responsive-title-name {
        font-size: 24px;
    }
    .home-responsive-title-info {
        font-size: 14px;
    }
    .home-responsive-vs-text {
        font-size: 80px;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .home-responsive-title-2 {
        text-align: left;
    }
    .home-responsive-img-title {
        font-size: 12px;
    }
    .home-services-all{
        height: 435px;
        margin-top: 82px;
        position: relative;
        -moz-box-shadow:0px 2px 2px #c1c1c1; 
        -webkit-box-shadow:0px 2px 2px #c1c1c1; 
        box-shadow:0px 2px 2px #c1c1c1;
        margin-bottom: 40px;
    }
    .restore-padding{
        padding-right: 15px;
        padding-left: 15px;
    }
    .news-list-box{
        padding: 30px 10px;
    }
    .news-list-box-text{
        line-height: 24px;
    }
    .news-list-box-btn-a{
        color: #2196f3;
    }
    .news-list-box-btn-a:hover{
        color: #085491;
    }

    .about-body-title-text {
        color: #FFFFFF;
        font-size: 12px;
        text-align: left;
        margin-top: 50px;
    }
    .about-body-main {
        margin-top: 155px;
        border-top: 1px solid #dcdde2;
        position: relative;
        padding: 0 15px;
    }
    .about-body-main-title {
        position: absolute;
        z-index: 2;
        font-size: 30px;
        color: #888888;
        left: 0;
        top: -25px;
        display: inline-block;
        background-color: #f5f5f5;
        padding-right: 20px;
        padding-left: 15px;
    }
    .advantage-body-1-title{
        font-size: 25px;
        font-weight: bold;
        color: #2196f3;
        margin-top: 60px;
    }
    .advantage-body-2-title{
        font-size: 25px;
        font-weight: bold;
        color: #9c27b0;
        margin-top: 60px;
    }
    .advantage-body-3-title{
        font-size: 25px;
        font-weight: bold;
        color: #4caf50;
        margin-top: 60px;
    }

    .advantage-body-1-text,.advantage-body-2-text,.advantage-body-3-text {
        font-size: 14px;
        color: #a6a6a6;
        line-height: 26px;
        margin-top: 30px;
    }
    .advantage-body-4 {
        margin-top: 60px;
        margin-bottom: 40px;
    }
    .advantage-body-4-text {
        margin-top: 20px;
        padding: 0 10px;
        color: #545454;
        font-size: 14px;
        line-height: 36px;
        text-align: center;
        margin-bottom: 20px;
    }
    .design-banner-text {
        padding-top: 240px;
        color: #FFFFFF;
    }
	.weixinzixun{
		position: fixed; cursor: pointer; z-index: 1999999999; right: 10px; bottom: 263px;	
	}
	.qiyeweixin{display:none;}
	.weixinzixun:hover .qiyeweixin{display:block; position:absolute; top:-60px;right:106px; }
	.qqjiaotan{
		right: 10px; bottom: 400px; position: fixed; z-index: 2000000000;cursor: pointer;
	}
	.shoujizixun{display:none;}
}

@media (min-width: 992px) and (max-width: 1199px) {
    .three-price-type > div.col-sm-4{
        width: 33%;
    }
    .price-type-menu {
        font-size: 18px;
    }
    .price-type-list {
        padding: 27px 10px;
        font-size: 13px;
    }

    .home-services-all{
        height: 435px;
        margin-top: 82px;
        position: relative;
        -moz-box-shadow:0px 2px 2px #c1c1c1; 
        -webkit-box-shadow:0px 2px 2px #c1c1c1; 
        box-shadow:0px 2px 2px #c1c1c1;
        margin-bottom: 40px;
    }
    .news-list-box-title {
        font-size: 22px;
        color: #2196f3;
    }
    .news-list-box-text {
        font-size: 13px;
        color: #6f6f6f;
        line-height: 24px;
        margin: 15px 0 15px 0;
    }
	.weixinzixun{
		position: fixed; cursor: pointer; z-index: 1999999999; right: 10px; bottom: 263px;	
	}
	.qiyeweixin{display:none;}
	.weixinzixun:hover .qiyeweixin{display:block; position:absolute; top:-60px;right:106px; }
	.qqjiaotan{
		right: 10px; bottom: 400px; position: fixed; z-index: 2000000000;cursor: pointer;
	}
	.shoujizixun{display:none;}
}

@media (min-width: 1200px) {
    .container {
        width: 1200px;
    }
    .home-services-all{
        height: 505px;
        margin-top: 82px;
        position: relative;
        -moz-box-shadow:0px 2px 2px #c1c1c1; 
        -webkit-box-shadow:0px 2px 2px #c1c1c1; 
        box-shadow:0px 2px 2px #c1c1c1;
    }
	.weixinzixun{
		position: fixed; cursor: pointer; z-index: 1999999999; right: 10px; bottom: 263px;	
	}
	.qiyeweixin{display:none;}
	.weixinzixun:hover .qiyeweixin{display:block; position:absolute; top:-60px;right:106px; }
	.qqjiaotan{
		right: 10px; bottom: 400px; position: fixed; z-index: 2000000000;cursor: pointer;
	}
	.shoujizixun{display:none;}
}