@media screen and (min-width:1200px) and (max-width:1400px) {
    .hc-index-banner .swiper-slide.banner3 .slide-txt h3{
        font-size: 38px;   
    }
    .hc-index-banner .swiper-slide.banner3 .slide-txt h4{
        font-size: 18px;
        line-height: 26px;
    }
    .hc-index-banner .swiper-slide.banner2 .slide-txt h3{
        font-size: 34px;
    }
    .hc-index-banner .swiper-slide.banner2 .slide-txt h4{
        font-size: 20px;
        line-height: 28px;
    }
    .hc-index-banner .swiper-slide.banner2 .slide-txt .banner2-list ul li{
        font-size: 18px;
    }
    .hc-index-banner .swiper-slide.banner1 .slide-txt .txt1-h3 {
        font-size: 38px;
    }
    .hc-index-banner .swiper-slide.banner1 .slide-txt .txt1-h4{
        font-size: 18px;
        line-height: 30px;
    }
    .hc-index-service .service-list .item{
        width: 25%;
        padding: 40px 10px;
    }
    .hc-index-service .service-list .item:last-child{
        display: none;
    }

    .hc-index-service .service-list .item .item-tab .tab-list .tab-item{
        padding: 6px 7px;
    }
    .hc-index-site .site-main .site-left-box .left-head h3.tit{
        font-size:36px
    }
    .hc-index-site .site-main .site-left-box .left-head .desc {
        line-height: 28px;
        font-size: 15px;
    }
    .hc-index-site .site-main .site-left-box .tab-list li{
        font-size: 18px;
    }
    .hc-index-site .site-main .site-right-box .site-list .item-content .item-info .intro {
        font-size: 14px;
        line-height: 28px;
    }
    .hc-index-site .site-main .site-right-box .site-list .item-content .item-pic img{
        max-width: 620px;
    }
    .hc-index-site{
        height: auto;
        padding: 138px 0;
    }
    .hc-index-template .template-main .template-list .item{
        width: 31.5%;
        margin-right: 2.75%;
    }
    .hc-index-template .template-main .template-list .item:nth-child(3n){
        margin-right: 0;
    }
    .hc-index-template .template-main .template-list .item:nth-child(4n){
        margin-right: auto;
    }
    .hc-index-template .template-main .template-list .item:nth-last-child(2){
        display: none;
    }
    .hc-index-template .template-main .template-list .item:last-child{
        display: none;
    }
    .ymcx-main .hc-title h3.title{
        font-size: 36px;
    }
    .ymcx-main .doamin-search .search-form .search-button span{
        font-size: 14px;
    }
    .ymcx-main .doamin-search .search-form .search-button span::after{
        width: 12px;
    }
    .ymcx-main .doamin-search .search-form .search-button .search-btn{
        font-size: 16px;
    }
    .hc-index-about .about-main .about-left{
        height: 485px;
        width: 30%;
        padding: 5% 4%;
    }
    .hc-index-about .about-main .about-left .about-head h3.tit {
        font-size: 36px;
    }
    .hc-index-about .about-main .about-left .about-data .item h4{
        font-size: 42px;
    }
    .hc-index-about .about-main .about-left .slogan-box h3 {
        font-size: 26px;
    }
    .hc-index-about .about-main .about-right {
        width: 70%;
        padding: 35px 0 0 55px;
    }
    .case-list .case-item .item-pic .item-info{
        padding: 10%;
    }
    .case-list .case-item .item-pic .item-info h6{
        -webkit-line-clamp: 2;
    }
    .case-list .case-item .item-pic .item-info .type {
        font-size: 20px;
        margin-bottom: 10px;
    }
    .case-list .case-item .item-pic .item-info h6{
        margin-top: 15px;
        line-height: 22px;
        font-size: 13px;
    }
    .case-list .case-item .item-pic .item-info span{
        bottom:11%
    }
    .hc-index-news .news-wrap .news-main .item-list .item-box p{
        -webkit-line-clamp: 3;
    font-size: 13px;
    line-height: 22px;
    }
    .hc-index-news .news-wrap .news-main .item-list .item-box .news-right .news-list .news-item{
        padding: 3%;
    }
    .hc-index-news .news-wrap .news-main .item-list .item-box .news-right .news-list .news-item .item-date .day{
        font-size: 25px;
    }
    .hc-index-news .news-wrap .news-main .item-list .item-box .news-right .news-list .news-item .item-date{
        width: 58px;
        height: 58px;
    }
    .hc-footer .foot-main .contact-box .item .icon{
        width: 45px;
    }
    .hc-footer .foot-main .contact-box .item{
        padding: 20px 27px;
    }
    .hc-footer .foot-main .foot-nav .foot-nav-list .nav-item.intro-item .intro{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
    }
    .template-wrapper .newtem-main-r-m .tem_main_m_pcwp li{
        width: 33.3%;
    }
    .template-wrapper .tem_main_m_top .top-color{
        padding-left: 30px;
    }
    .template-wrapper .tem_main_m_top .top-function{
        padding-right: 30px;
    }
    .template-wrapper .tem_main_m_top .top-function a{
        margin-right: 5px;
    }
    .template-wrapper .tem_main_m .ap4 .pcmb{
        display: none !important;
    }
    .service-wrapper .service-main .service-list li .d1 dl dt{
        width: 31%;
    }
    .hc-footer .foot-main .foot-nav .foot-nav-list .nav-item.right-item .foot-ewm .ewm-box{
        max-width: 48%;
    }
    .service-wrapper .service-main .service-list li .d1 .title{
        font-size: 24px;
    }
    .service-wrapper .service-main .service-title p{
        font-size: 14px;
        line-height: 24px;
    }
    .service-wrapper .service-main .service-title h5{
        font-size: 32px;
    }
    .page-wrapper .nav-tabs li{
        margin: 0 15px;
    }
    .container-icon .icon-download span{
        font-size:15px;
    }
    .container-plan-kuan .plan-text .item .item-cont h3{
        font-size: 18px;
    }
    .container-plan-kuan .plan-text .item .item-cont p{
        font-size: 14px;
    }
    .service-wrapper .applets-main .box-list .applets-item{
        width: 24%;
    }
    .service-wrapper .applets-main .box-list .applets-item:nth-last-child(2){
        display: block;
    }
    .service-wrapper .applets-main .box-list .applets-item:last-child{
        display: block;
    }
    .applets-small span{
        font-size: 18px;
    }
    .container-plan span{
        font-size: 18px;
    }
    .container-program span{
        font-size: 20px;
    }
    .service-wrapper .seo-title h2{
        font-size: 32px;
    }
    .service-wrapper .seo-content .advantage-list div p{
        font-size: 15px;
        line-height: 20px;
    }
    .quick-book form div input{
        height: 52px;
    }
    .quick-book form button{
        height: 52px;
        font-size: 17px;
    }
    .seo-content .overall .container ul li{
        width: 33.3%;
    }
    .different .container .seo-title h2{
        font-size: 32px;
    }
    .seo-content .overall .container ul li .text h2{
        font-size: 18px;
    }
    .different .container{
        width: 93%;
    }
    .logo-main .logo-cost .item{
        width:32%;
        margin-bottom: 2%;
    }
    .service-wrapper.phone400 .xi_ti_des .text p{
        font-size: 15px;
    }
    .service-wrapper.phone400 .xi_ti_des li{
        margin: 0 10px;
    }
    .service-wrapper.phone400 .xi_ti_text{
        line-height: 36px;
    }
    .service-wrapper.phone400 .xi_ti_text p{
        font-size: 15px;
    }
    .service-wrapper.phone400 .tc-item .top-content .text-list div.p{
        white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    height: auto;
    line-height: inherit;
    font-size: 15px;
    }
    .service-wrapper.phone400 .tc-item .top-content h3{
        font-size: 20px;
    }
    .service-wrapper.phone400 .tc-item .bottom-content .b .fsize{
        font-size: 32px;
    }
    .service-wrapper.phone400 .phone400-lc .container .kt-step-content .step-list .step-bottom p{
        font-size: 16px;
    }
    .service-wrapper .server-content .webhosting-list>li{
        width: 32%;
    }
    .service-wrapper .server-content .webhosting-list>li:nth-child(3n){
        margin-right: 0;
    }
    .service-wrapper .server-content .webhosting-list>li:nth-child(4n){
        margin-right: auto;
    }
    .email-product .product h2{
        font-size: 28px;
    }
    .email-product .product h4{
        font-size: 16px;
    }
    .product .product-gouma{
        height: 42px;
        line-height: 42px;
        font-size: 15px;
    }
    .product .product-jia{
        margin-bottom: 25px;
    }
    .product ul>li{
        margin-top: 18px;
    }
    .email-product .product.selected {
        border: 4px solid #0099e0;
    }
    .email-product .product{
        border: 4px solid #f8f8f8;
    }
    .xi_ti_email .email img{
        max-width: 48%;
    }
    .xi_ti_email .email span{
        font-size: 19px;
    }
    .xi_ti_email .email p{
        font-size: 13px;
    }
    .ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:nth-child(3n){
        margin-right:0;
    }
    .ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:nth-child(4n){
        margin-right:auto;
    }
    .ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item{
        width: 32%;
    }
    .ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:nth-child(7){
        display: none;
    }
    .ymzc-wrapper .ymzc-hot .ymzc-list .ymzc-item:nth-child(8){
        display: none;
    }
    .ymzc-wrapper .ymzc-advantage .container .advantage-item .desc{
        line-height: 22px;
    }
    .about-wrapper .about-intro .container .intro-left{
        width: 100%;
    }
    .about-wrapper .about-intro .container .intro-right{
        display: none;
    }
    .about-wrapper .about-intro .container .intro-left .about-txt p{
        line-height: 28px;
        font-size: 15px;
        margin-bottom: 20px;
    }
    .about-wrapper .about-title span{
        font-size: 32px;
    }
    .about-wrapper .about-title h3{
        font-size: 32px;
    }
    .about-wrapper .about-data{
        margin-top: 100px;
    }
    .jobs-content .jobs-list .itme .cont div{
        width: 100%;
    }
    .jobs-content .jobs-list .itme .top-title h4{
        font-size: 26px;
    }
    .jobs-content .jobs-list .itme .cont div h6{
        font-size: 20px;
    }
    .about-wrapper .about-data .data-list .item h4{
        font-size: 52px;
    }
    .about-wrapper .about-title h3 {
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .about-wrapper .about-title .desc{
        font-size: 15px;
    }
    .about-wrapper .about-service .service-content .service-item:nth-child(3){
        display: none;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item{
        padding: 0.6%;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title span{
        font-size: 40px;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title p{
        font-size: 40px;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title{
        font-size: 16px;
    }
    .solution-content .show .text p{
        font-size: 16px;
    }
    .contact-content .contact-list .plate .ico{
        width: 120px;
        height: 120px;
    }
    
    .news-wrapper .news-content .article-wrap{
        display: block;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar{
        position:initial;
        width: 100%;
        display: flex;
        border-bottom: 1px #eee solid;
        flex-wrap: wrap;
        text-align: center;
        align-items: center;
        padding-bottom: 18px;
    }
    .news-wrapper .news-content .article-wrap .article-main{
        width: 100%;
        margin-right: 0;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .title{
        width: 100%;
        margin-bottom: 10px;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .desc{
        display: none;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .page-action{
        position: absolute;
        bottom: 0;
       display: none;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .see-hits{
        margin: 0 20px;
    font-size: 14px;
        margin-bottom: 0;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .date{
        font-size: 14px;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .share{
        margin-top:0
    }
    .news-wrapper .news-content .article-wrap .article-sidebar{
        justify-content: center;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar .share a{
        margin: 0;
    }
    .news-wrapper .news-content .article-wrap .article-main p{
        font-size: 14px;
    }
    .hc-header .container .header-nav{
        padding-right: 30px;
    }
  .news-wrapper .news-list-wrap .news-list .list-wrap .news-item{
        width: 32%;
    }
    .news-wrapper .news-list-wrap .news-list .list-wrap .news-item:nth-child(3n){
        margin-right: 0;
    }
    .news-wrapper .news-list-wrap .news-list .list-wrap .news-item:nth-child(4n){
        margin-right: auto;
    }



}
@media screen and (min-width:1400px) and (max-width:1500px) {
    .about-wrapper .about-intro .container .intro-left .about-txt p{
        line-height: 28px;
        font-size: 15px;
        margin-bottom: 15px;
    }
    .about-wrapper .about-title span{
        font-size: 32px;
    }
    .about-wrapper .about-title h3{
        font-size: 32px;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title span{
        font-size: 44px;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title p{
        font-size: 44px;
    }

}
@media screen and (min-width:1500px) and (max-width:1600px) {
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item{
        padding: 0;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title span{
        font-size: 55px;
    }
    .about-wrapper .about-hzhb .hzhb-main .hzhb-list .hzhb-item.special-item .hzhb-title p{
        font-size: 55px;
    }
}
@media screen and (min-width:1400px) and (max-width:1600px) {
    .news-wrapper .news-content .article-wrap .article-main{
        padding: 45px;
    }
    .news-wrapper .news-content .article-wrap .article-sidebar{
        width: 30%;
    }
    .news-wrapper .news-content .article-wrap .article-main{
        width: calc(100% - 30% - 3%);
    }
    .news-wrapper .news-list-wrap .news-list .list-wrap .news-item{
        width: 32%;
    }
    .news-wrapper .news-list-wrap .news-list .list-wrap .news-item:nth-child(3n){
        margin-right: 0;
    }
    .news-wrapper .news-list-wrap .news-list .list-wrap .news-item:nth-child(4n){
        margin-right: auto;
    }
}