/*首页-网站定制开发*/
.customized-text{
    padding: 0 25px!important;
}



/*我们深知企业营销痛点*/
.know-bottom .img1{
    display: inline-block;
  text-align:center;
  
}
.know-bottom .img1-1{
    display: none;
}
.know1:hover .img1{
    display: none;
}
.know1:hover .img1-1{
    display: inline-block;
  text-align:center;
}

.know-bottom .img2{
    display: inline-block;
  text-align:center;
}
.know-bottom .img2-2{
    display: none;
}
.know2:hover .img2{
    display: none;
}
.know2:hover .img2-2{
    display: inline-block;
  text-align:center;
}

.know-bottom .img3{
    display: inline-block;
  text-align:center;
}
.know-bottom .img3-3{
    display: none;
}
.know3:hover .img3{
    display: none;
}
.know3:hover .img3-3{
    display: inline-block;
  text-align:center;
}

.know-bottom .img4{
    display: inline-block;
  text-align:center;
}
.know-bottom .img4-4{
    display: none;
}
.know4:hover .img4{
    display: none;
}
.know4:hover .img4-4{
    display: inline-block;
  text-align:center;
}

.know5{
    transition: all .3s ease;
}
.know5:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}

.know6{
    transition: all .3s ease;
}
.know6:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}

.know7{
    transition: all .3s ease;
}
.know7:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}

.know8{
    transition: all .3s ease;
}
.know8:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}

/*搜索引擎优化*/
.optimization .aos-animate .know-bottom{
    transition: all 0.5s;
}
.optimization .aos-animate .know-bottom:hover{
    margin-top: -30px;
}

/*网站运营托管服务*/
.server .container img.aos-init{
    animation:mymove 1s infinite;
    animation-direction:alternate;
}
@keyframes mymove
{
    from {transform:scale(1);}
    to {transform:scale(0.9);}
}

/*营销策划方案-七个半圆*/
.brand-inner:hover{
    background-color:#3ebcc7;
    margin-top: 9px;
}
.brand-inner:hover p{
    color: #fff;
    margin-top: 70px;
}
.brand-inner:hover span{
    color: #fff;
}
@media (max-width: 767px){
    .brand-inner{
        width: 125px!important;
        height: 125px!important;
    }
    .brand-inner:hover{
        margin-top: 6px;
    }
    .brand-inner:hover p{
        margin-top: 25px;
    }
    .brand-inner:hover span{
        font-size: 13px;
    }
}

/*品牌营销--客户案例*/
.brand-cus-img{
    overflow: hidden;
}
.brand-cus-img img{
    transition: all 0.5s;
}
.brand-cus-item:hover img{
    transform: scale(1.2);
}

/*网站运营托管*/
.tgwz{
    margin: 0 auto;
}
@media (max-width: 768px){
    .tgwz img{
        width: 100%;
        height: auto;
    }
    .know-zx{
        margin: 10px auto 15px!important;
    }
}

/*公关危机处理*/
.brand-cus .aos-animate .crisis-all:hover{
    box-shadow: 0 0 25px 5px #3ebcc7!important;
}

.crisis-cl-item span{
    padding: 0 5px!important;
}

/*营销型网站建设-是否因为这些困惑而走进中涛*/
.marketing-enter li{
    width: 20%!important;
    margin: 0 2%;
}
.marketing-enter li p{
    color: #666!important;
    background-color: #E5E5E5!important;
}
.marketing-enter li span{
    color: #acacac!important;
    background-color: #ffffff!important;
    border: 1px solid #E5E5E5;
}
.marketing-enter li{
    box-shadow: 0 0 7px 3px rgba(0,0,0,.08);
}
.marketing-enter li:hover p{
    color: #fff!important;
    background-color: #5bc6cf!important;
}

@media (max-width: 768px) {
    .marketing-enter li{
        width: 50% !important;
        margin: 0;
    }
}
/*定制开发-微信公众号开发-为什么要做（四个）*/
.public1{
    transition: all .3s ease;
}
.public1:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}
.public2{
    transition: all .3s ease;
}
.public2:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}
.public3{
    transition: all .3s ease;
}
.public3:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}
.public4{
    transition: all .3s ease;
}
.public4:hover{
    transform: translateY(-20px);
    box-shadow: 0 0 10px 5px rgba(135, 135, 135, .1);
}
/*为什么要做微信公众平台开发 -七个文字*/
.wxgzpt1:hover{box-shadow: inset 0 0 0 10px #f6f6f6;    transition: 0.3s!important;}

/*微信平台众多的特色功能，只为成就您想做的一切*/
.public-fn-img>div>img{
    transform: rotate(0deg);
    transition: transform 1s linear;
}
.public-fn-img > div:hover img{
    transform: rotate(360deg);
}


/*小程序开发*/
.program-nl:hover{box-shadow: 0 0 10px 10px #d2e8ff;}
.program-app-before{background-color: rgba(0, 0, 0, 0.7)!important;}
.program-lc1:hover{box-shadow: 0 0 10px 10px #d2e8ff;}
.program-lc2:hover{box-shadow: 0 0 10px 10px #d2e8ff;}
.program-lc3:hover{box-shadow: 0 0 10px 10px #d2e8ff;}
.program-lc4:hover{box-shadow: 0 0 10px 10px #d2e8ff;}


/*营销方案*/
.education-case-img{
    overflow: hidden;
}
.education-case-img img{
    transition: transform ease 0.6s;
}
.education-list:hover img{
    transform: scale(1.2);
}

/*客户案例*/
.seocase-box-img{
    overflow: hidden;
}
.seocase-box-img img{
    transition: transform ease 0.6s;
}
.seocase-box:hover img{
    transform: scale(1.2);
}
@media (min-width: 1200px){
  .seocase-box-img img{
    max-width:428px;
    max-height:250px;
  }
}

/*APP*/

.app-img{
   width: 25%!important;
}



/*关于我们*/
.abouts .lefts{
    margin-left: -30px;
    opacity: 0;
    transition: all 0.5s;
}
.abouts .rights{
    margin-right: -30px;
    opacity: 0;
    transition: all 0.5s;
}
.abouts .on .lefts{
    margin-left: -0px;
    opacity: 1;
}
.abouts .on .rights{
    margin-right: -0px;
    opacity: 1;
}


/*手机端修改*/
@media(max-width: 768px){
    .know5{
        margin: 40px 0;
    }
    .know6{
        margin: 40px 0;
    }
    .know7{
        margin: 40px 0;
    }
    .know8{
        margin: 40px 0;
    }

}

@media (max-width:640px) {

    /*首页*/
    .knows div{
        width:25%;
    }
    .know-zx{
        margin-bottom: 65px!important;
    }

    .banner-title{
        padding-top: 40px!important;
        font-size: 2.6rem!important;
    }

    /*定制开发-营销型网站*/
    .marketing-enter li span{
        padding-left: 0px!important;
        padding-right: 0px!important;
    }
}

@media (max-width:414px) {
    .knows div {
        width: 45%;
        margin-left: 16px;
    }

    .know-zx {
             margin-bottom: 73px!important;
    }

    .customized-name{
        padding: 0!important;
    }

}

@media (max-width:375px){
	.search-server-text{
		    padding: 10px 10px 30px!important;
	}
}

@media (max-width: 360px) {
    .customized-text{
        padding: 0 21px!important;
    }
}

@media (max-width: 320px) {

    .mcase-list span{
        font-size: 1.4rem!important;
    }
    .marketing-lc > span{
        font-size: 4rem!important;
        text-indent: 4px!important;
    }
    .marketing-lc-name{
        left: 50px!important;
    }

    .customized-name{
        font-size: 1.6rem!important;
    }
}