/* banner  s*/
.banner-type-main .banner-type-item{
    cursor: pointer;
}
.banner-type-main .banner-type-item.active .type-item-title p:nth-of-type(1),
.banner-type-main .banner-type-item.active .type-item-title p:nth-of-type(2){
color: #C42521;
}
/* banner  e*/
/*  app-wrapper s */
.app-box {
margin-top: 163px;
}

.container>p,
.customer-box>p {
text-align: center;
}

.container>p.title,
.customer-box>p.title {
font-size: 38px;
font-weight: bold;
color: #000000;
}

.container>p.sub-title,
.customer-box>p.sub-title {
font-size: 18px;
font-weight: 300;
color: #544D4D;
margin-top: 20px;
}

.app-wrapper {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 46px;
}

.app-wrapper .app-item-box {
width: calc(25% - 28px);
}

.app-wrapper .app-item-box .app-item {
width: 100%;
height: 439px;
max-height: 439px;
margin-right: 18px;

background-repeat: no-repeat;
background-size: 100% 100%;
}
.app-item1 {
    background-image: url("../images/app-item1-bg.png");
}
.app-item2 {
    background-image: url("../images/app-item2-bg.png");
}
.app-item3 {
    background-image: url("../images/app-item3-bg.png");
}
.app-item4 {
    background-image: url("../images/app-item4-bg.png");
}
.app-item-box .app-item {
text-align: center;
}

.app-item-box .app-item img {
margin-top: 106px;
width: unset;
}

.app-item-box .app-item p:nth-of-type(1) {
margin-top: 20px;
font-size: 22px;
font-weight: bold;
color: #FFFFFF;
}

.app-item-box .app-item p:nth-of-type(2) {
margin-top: 64px;
padding: 0px 20px;
font-size: 16px;
font-weight: 300;
color: #FFFFFF;
}

/*  app-wrapper e */


/* standard-wrapper s */
.standard-wrapper {
display: flex;
justify-content: center;
margin-top: 64px;
background-image: url("../images/standard-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
height: 506px;
max-height: 506px;
}

.standard-wrapper .standard-left {
max-width: 822px;
flex-grow: 1;
flex-shrink: 0;
}

.standard-wrapper .standard-left ul {
display: flex;
flex-wrap: wrap;
margin-top: 72px;
}

.standard-wrapper .standard-left ul li {
position: relative;
width: 50%;
}

.standard-wrapper .standard-left ul li p:nth-of-type(1) {
width: 319px;
height: 65px;
line-height: 65px;
margin: 0 auto;
background: #267FFB;
font-size: 18px;
font-weight: 300;
color: #F8F8F8;
text-align: center;
}

.standard-wrapper .standard-left ul li p:nth-of-type(2) {
width: 319px;
height: 108px;
background-image: url("../images/standard-left2.png");
background-repeat: no-repeat;
background-size: 100% 100%;
margin: 0 auto;
font-size: 16px;
font-weight: 300;
color: #312727;
}

.standard-wrapper .standard-left ul li p:nth-of-type(2) span {
display: inline-block;
width: 319px;
height: 108px;
padding: 35px 30px 20px;
}

.standard-wrapper .standard-right {
width: 537px;
height: 450px;
margin-left: 90px;
margin-right: 71px;
}


/* standard-wrapper e*/

/* .customer-box s */
.customer-box {
position: relative;
margin-top: 124px;
margin-bottom: 225px;
padding-top: 92px;
width: 100%;
height: 866px;
max-height: 866px;
background-image: url("../images/customer-box-bg.png");
background-repeat: no-repeat;
background-size: 100% 100%;
}

.customer-wrapper {
margin-top: 44px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}

.customer-box>p.sub-title {
margin-bottom: 44px;
}

.customer-wrapper .customer-item-box {
display: flex;
align-items: center;
justify-content: center;
width: 230px;
height: 230px;
background-color: #FFFFFF;
margin-bottom: 24px;
}

.customer-wrapper .customer-item-box img {
width: unset;
}

.customer-wrapper .customer-item-box img:nth-of-type(1) {
display: none;
}

.customer-wrapper .customer-item-box .customer-item {
text-align: center;
}

.customer-wrapper .customer-item-box p {
margin-top: 29px;
font-size: 22px;
font-weight: bold;
color: #312727;
}

.customer-wrapper .customer-item-box:hover {
background: linear-gradient(180deg, #38C1FE 0%, #2372FB 100%);
box-shadow: 0px 2px 6px 1px rgba(129, 129, 129, 0.13);
}

.customer-wrapper .customer-item-box:hover p {
color: #F8F8F8;
}

.customer-wrapper .customer-item-box:hover img:nth-of-type(1) {
display: inline-block;
}

.customer-wrapper .customer-item-box:hover img:nth-of-type(2) {
display: none;
}

.customer-tips-wrapper {
display: flex;
justify-content: space-between;
position: absolute;
padding: 61px 81px;
width: 100%;
left: 50%;
transform: translateX(-50%);
bottom: -108px;
height: 206px;
background: linear-gradient(289deg, #1B2A51 0%, #445684 100%);
border-radius: 19px 19px 19px 19px;
}

.customer-tips-wrapper .tips-left p {
font-weight: 300;
color: #F8F8F8;
}

.customer-tips-wrapper .tips-left p:nth-of-type(1) {
font-size: 38px;
}

.customer-tips-wrapper .tips-left p:nth-of-type(1) span {
margin-left: 20px;
font-weight: bold;
}

.customer-tips-wrapper .tips-left p:nth-of-type(2) {
margin-top: 21px;
font-size: 25px;
}

.customer-tips-wrapper .tips-right {
display: flex;
align-items: center;
}

/* .customer-box e*/


/* app-case-box s */
.app-case-box{
margin-bottom: 194px;
}
.app-case-wrapper {
margin-top: 58px;
}

.app-case-wrapper ul {
display: flex;
justify-content: space-between;
}

.app-case-wrapper ul li {
width: 234px;
height: 58px;
line-height: 58px;
text-align: center;
background: #FAFAFB;
margin-bottom: 77px;
}
.app-case-wrapper ul li a {
font-size: 18px;
font-weight: 300;
color: #312727;
}
.app-case-wrapper ul li.active {
background: linear-gradient(180deg, #1B2A51 0%, #445684 100%);
}
.app-case-wrapper ul li.active a {
color: #F8F8F8;
}
.app-case-main{
display: flex;
}
.app-case-main .app-case-left{
max-width: 495px;
}
.app-case-main .app-case-left p:nth-of-type(1){
margin-top: 137px;
margin-bottom: 55px;
font-size: 38px;
font-weight: bold;
color: #000000;
}
.app-case-main .app-case-left p:nth-of-type(2){
font-size: 18px;
font-weight: 300;
color: #312727;
margin-bottom: 44px;
}
.app-case-main .app-case-left .btn-box{
display: flex;
justify-content: space-between;
}
.app-case-main .app-case-left .btn-box a{
width: 234px;
height: 58px;
line-height: 58px;
text-align: center;
border: 1px solid #267FFB;
font-size: 18px;
font-weight: 300;
}
.app-case-main .app-case-left .btn-box a:nth-of-type(1){
background: #267FFB;
color: #FFFFFF;
}
.app-case-main .app-case-left .btn-box a:nth-of-type(2){
color: #267FFB;
}
.app-case-main .app-case-right{
display: flex;
margin-left: 4.605263%;
} 
.app-case-main .app-case-right>img{
width: 33.3333333%;
margin: 0px 10px;
}
/* app-case-box e */

/* app-main s */
.main-item.app-main{
display: none;
}
/* app-main e */

/*  web-things s */
.web-things{
/* display: none; */
}

.main-item.web-things .customer-box{
height: 793px;
max-height: 793px;
}
.main-item.web-things .app-box{
margin-top: 176px;
}
.main-item.web-things .web-things-wrapper{
max-width: 1230px;
margin: 85px auto 0px;
}
.main-item.web-things .customer-box{
background-image: url("../images/web-things-bg.png");
}
.main-item.web-things .customer-box>p.sub-title{
margin-bottom: 53px;
}
.web-thingsr-wrapper{
padding: 0px 60px 0px 90px;
display: flex;
}
.web-thingsr-left{
margin-right: 84px;
}
.web-thingsr-left li{
width: 285px;
height: 121px;
line-height: 121px;
text-align: center;
background: rgba(255,255,255,0.18);
border: 1px solid #FFFFFF;
}
.web-thingsr-left li{
margin-bottom: 25px;
}
.web-thingsr-left li:last-of-type{
margin-bottom: 0px;
}
.web-thingsr-left li img{
width: unset;
}
.web-thingsr-left li span{
margin-left: 11px;
font-size: 22px;
font-weight: 500;
color: #312727;
vertical-align: super;
}
.web-thingsr-right{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.web-thingsr-right img{
vertical-align: middle;
width: unset;
}
.web-thingsr-right .web-thingsr-right-item{
display: flex;
width: 44%;
}
.web-thingsr-right .web-thingsr-right-item .left-img{
width: 122px;
height: 122px;
line-height: 122px;
background: rgba(255,255,255,0.18);
border: 1px solid #FFFFFF;
border-radius: 50%;
text-align: center;
flex-shrink: 0;
}
.web-thingsr-right .web-thingsr-right-item .right-title{
margin-left: 15px;
display: flex;
flex-direction: column;
justify-content: center;
}
.web-thingsr-right .web-thingsr-right-item .right-title p{
font-size: 22px;
font-weight: 500;
color: #312727;
}
.web-thingsr-right .web-thingsr-right-item .right-title p:nth-of-type(2){
margin-top: 15px;
font-size: 18px;
font-weight: 300;
}
.standard-box {
    padding-top: 12px;
}

.web-things .standard-box{
padding-top: 12px;

}
.web-things .customize-wrapper{
margin-top: 64px;
padding: 0px 90px;
display: flex;
}
.web-things .customize-wrapper .customize-left{
width: 464px;
height: 496px;
max-height: 496px;
padding: 78px 54px 0px 58px;
margin-right: 30px;
background: url("../images/customize-left-bg.png") #FAFAFB;
background-repeat: no-repeat;
background-size: 100% 100%;
}   
.web-things .customize-wrapper  p{
font-size: 22px;
font-weight: bold;
color: #312727;
}
.web-things .customize-wrapper .customize-left .title{
margin-bottom: 10px;
}
.web-things .customize-wrapper .customize-left .title p{
display: inline-block;
margin-left: 7px;
}
.web-things .customize-wrapper .customize-left>p{
font-size: 18px;
font-weight: 300;
color: #312727;
line-height: 1.5;
}
.web-things .customize-wrapper .customize-left>p:nth-of-type(1){
margin-bottom: 30px;
}
.web-things .customize-wrapper .customize-left img{
width: unset;
}

.web-things .customize-wrapper .customize-right ul{
display: flex;
justify-content: space-between;
height: 100%;
}
.web-things .customize-wrapper .customize-right{
flex-grow: 1;
}
.web-things .customize-wrapper .customize-right li{
height: 100%;
}
.web-things .customize-wrapper .customize-right ul li{
padding: 85px 0px 0px 42px;
width: 272px;
height: 100%;
max-height: 496px;
background: url("../images/customize-right-bg.png") #FAFAFB;
background-repeat: no-repeat;
background-size: 100% 100%;     
}
.web-things .customize-wrapper .customize-right ul li p:nth-of-type(2){
margin-top: 17px;
font-size: 18px;
font-weight: 300;
color: #267FFB;
}

.web-things .app-case-box{
margin-top: 168px;
}
.web-things .app-case-box .app-case-right{
display: flex;
align-items: center;
}
.web-things .app-case-box .app-case-right a i{
font-size: 27px;
color: #E9E7E7;
}
.web-things .app-case-box .app-case-right a i:nth-of-type(1){
}
.web-things .app-case-box .app-case-right a:nth-of-type(1){
position: absolute;
left: 0px;
top: 50%;
transform: translateY(-50%) rotate(180deg);
}
.web-things .app-case-box .app-case-right a:nth-of-type(2){
position: absolute;
right: 0px;
top: 50%;
transform: translateY(-50%);
}
.web-things .app-case-box .app-case-right img{
width: unset;
}
.web-things .question-tips-wrapper{
bottom: 100px;
background: url("../images/question-tips-bg.png")  #fff;
background-repeat: no-repeat;
background-size: 100% 100%;
}
.web-things .question-tips-wrapper .tips-left p:nth-of-type(1){
font-weight: bold;
color: #312727;
}
.question-tips-wrapper .tips-left p:nth-of-type(2){
font-size: 25px;
font-weight: 300;
color: #312727;
}
.customer-box.question-box{
margin-bottom: 0px;
}
.main-item.web-things .customer-box.question-box {
    max-height: 1044px;
    height: 1044px;
    background: #FAFAFB;
}
.web-things ul.question-wrapper{
padding: 0px 90px;
display: flex;
flex-wrap: wrap;
}
.web-things ul.question-wrapper li{
width: 33.3333333%;
padding: 0px 10px;
margin-bottom: 124px;
}
.web-things ul.question-wrapper li p{
position: relative;
font-size: 18px;
font-weight: 500;
color: #312727;
padding-left: 35px;
}
.web-things ul.question-wrapper li p:nth-of-type(1){
font-weight: 500;
}
.web-things ul.question-wrapper li p:nth-of-type(2){
margin-top: 18px;
font-weight: 300;
line-height: 1.5;
}
.web-things ul.question-wrapper li p::before{
position: absolute;
content: '';
display: inline-block;
width: 26px;
height: 26px;
line-height: 26px;
margin-right: 9px;
text-align: center;
left: 0;
top: 0;
}
.web-things ul.question-wrapper li p:nth-of-type(1)::before {
content: 'Q';
background: linear-gradient(180deg, #38C1FE 0%, #2372FB 100%);
border-radius: 6px 6px 6px 6px;
font-size: 14px;
font-weight: bold;
color: #F8F8F8;
}
.web-things ul.question-wrapper li p:nth-of-type(2)::before{
content: 'A';
background: #E9E7E7;
border-radius: 7px 7px 7px 7px;
font-weight: bold;
color: #2886FB;
}

/*  web-things e */


/* website-warpper s */
.website-warpper{
display: none;
}
.main-item.website-warpper .customize-web p{
    color: #F8F8F8;
}
.customize-case-wrapper{
margin-top: 47px;
}
.customize-case-wrapper .customize-case-desc li{
font-size: 16px;
font-weight: 300;
color: #544D4D;
margin-bottom: 20px;
text-align: center;
}
.customize-case-wrapper .customize-case-main{
margin-top: 102px;
display: flex;
flex-wrap: wrap;
}
.customize-case-main .customize-case-item{
width: 25%;
text-align: center;
}
.customize-case-main .customize-case-item img{
width: 73px;
}
.customize-case-main .customize-case-item p:nth-of-type(1){
margin-top: 22px;
font-size: 30px;
font-weight: 400;
color: #000000;
}
.customize-case-main .customize-case-item p:nth-of-type(2){
margin-top: 16px;
font-size: 18px;
font-weight: 300;
color: #544D4D;
}

.customer-box.customize-web{
height: 921px;
max-height: 921px;
margin-top: 112px;
margin-bottom: 218px;
background-image: url("../images/customize-case298.png");
}
.customer-box.customize-web>li>p{
text-align: left;
color: #F8F8F8;
padding-left: 47px;
}
.customer-box.customize-web p.sub-title{
margin-top: 42px;
line-height: 2;
}
.customer-box.customize-web p.sub-title span{
display: block;
}

.customize-web-wrapper{
margin-top: 115px;
padding: 0px 86px 0px 103px;
height: 300px;
max-height: 300px;
}
.customize-web-wrapper>li{
    position: relative;
    cursor: pointer;
}

.customize-web-wrapper>li>p{
width: 300px;
height: 100px;
line-height: 100px;
font-size: 30px;
font-weight: 400;
color: #F8F8F8;
text-align: center;
}
.customize-web-wrapper>li .customize-web-main{
display: flex;
flex-wrap: wrap;
position: absolute;
top: 0px;
right: 0;
width: calc(100% - 300px);
height: 300px;
max-width: 1032px;
background: rgba(0, 0, 0, 0.5);
}
.customize-web-wrapper>li .customize-web-main .customize-web-item{
width: 50%;
padding: 40px 94px 0px;
}
.customize-web-wrapper>li .customize-web-main{
    display: none;
}
.customize-web-wrapper>li:hover>p{
    background: #C42521;
}
.customize-web-wrapper>li:hover .customize-web-main{
    display: flex;
}
.customize-web-main .customize-web-item p{
position: relative;
height: 30px;
font-size: 30px;
font-weight: 400;
color: #F8F8F8;
}
.customize-web-main .customize-web-item p::before{
position: absolute;
content: '';
display: block;
width: 13px;
height: 13px;
border-radius: 50%;
background: #F8F8F8;
left: -26px;
top: 50%;
transform: translateY(-50%);

}
.customize-web-main .customize-web-item .customize-web-item-main{
margin-top: 17px;
display: flex;
flex-wrap: wrap;
}
.customize-web-item-main ul:nth-child(1){
margin-right: 37px;
}
.customize-web-item-main ul li{
font-size: 18px;
font-weight: 300;
color: #F8F8F8;
margin-bottom: 20px;
}

.quertion-web-wrapper{
margin-top: 88px;
display: flex;
flex-wrap: wrap;
padding: 0px 10px;
justify-content: space-between;
}
.quertion-web-wrapper .quertion-web-item{
position: relative;
width: calc(25% - 44px);
height: 300px;
max-height: 300px;
background-color: #FAFAFB;
text-align: center;
}
.quertion-web-wrapper .quertion-web-item img{
margin-top: 61px;
width: unset;

}
.quertion-web-wrapper .quertion-web-item>p:nth-of-type(1){
font-size: 22px;
font-weight: 400;
color: #544D4D;
margin-top: 19px;
margin-bottom: 23px;
}
.quertion-web-wrapper .quertion-web-item>p:nth-of-type(2){
position: absolute;
left: 0;
bottom: 0;
height: 126px;
background: #fff;
padding: 26px 39px 30px;
font-size: 16px;
font-weight: 300;
line-height: 1.75;
color: #544D4D;
box-shadow: 0px 3px 10px 1px rgba(172,172,172,0.16);
}
.website-case-box{
margin-top: 141px;
}
.website-case-box .sub-title{
margin-top: 34px;
}
.website-case-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 54px;
}
.website-case-wrapper .website-case-item{
width: calc(33.33333% - 36px);
margin-bottom: 137px;
}
.website-case-wrapper .website-case-item .picture{
position: relative;
width: 100%;
padding-bottom: 66.595744%;
background-color: #f0f2f5;
}
.website-case-wrapper .website-case-item .picture img{
position: absolute;
top:0;
left: 0;
width: 100%;
height: 100%;
}
.website-case-wrapper .website-case-item p:nth-of-type(1){
margin-top: 56px;
font-size: 25px;
font-weight: 400;
color: #B2B2B2;
}
.website-case-wrapper .website-case-item p:nth-of-type(2){
margin-top: 13px;
font-size: 32px;
font-weight: 400;
color: #000000;
}
.website-case-box .btn{
margin-top: -31px;
margin-bottom: 62px;
text-align: center;
}
/* website-warpper e */


/* small-program s */
.main-item.small-program-warpper{
display: none;
}
.small-program-warpper .customize-wx-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 90px;
}
.customize-wx-wrapper .customize-wx-item{
width: calc(25% - 36px);
height: 439px;
background: #FAFAFB;
box-shadow: 0px 3px 6px 1px rgba(104,104,104,0.16);
text-align: center;
}
.customize-wx-wrapper .customize-wx-item img{
width: unset;
margin-top: 78px;
}
.customize-wx-wrapper .customize-wx-item p:nth-of-type(1){
position: relative;
font-size: 22px;
font-weight: bold;
color: #312727;
margin: 17px 0px 15px 0px;
}
.customize-wx-wrapper .customize-wx-item p:nth-of-type(1)::before{
content: '';
position: absolute;
display: block;
bottom: -15px;
left: 50%;
transform: translateX(-50%);
width: 29px;
height: 4px;
background: linear-gradient(180deg, #29B989 0%, #2CC682 100%);
border-radius: 3px 3px 3px 3px;
opacity: 0.5;
}
.customize-wx-wrapper .customize-wx-item p:nth-of-type(2){
padding: 25px 36px 0px;
font-size: 16px;
font-weight: 300;
color: #312727;
}


/* small-program e */


/* customer-vx-box s */
.customer-vx-box{
margin-top: 104px;
}
.customer-vx-box .customize-wx-service-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 83px;
padding: 0px 80px;
}
.customize-wx-service-item{
display: flex;
align-items: center;
width: 100%;
max-width: 525px;
height: 131px;
margin-bottom: 88px;
}
.customize-wx-service-item .customize-wx-service-item-left{
flex-shrink: 0;
display: flex;
align-items: center;
justify-content: center;
width: 102px;
height: 102px;
background: #FFFFFF;
box-shadow: 0px 3px 6px 1px rgba(138,127,127,0.16);
opacity: 1;
border-radius: 50%;
margin-right: 31px;
transition: all 1s ease;
}
.customize-wx-service-item.active .customize-wx-service-item-left{
width: 131px;
height: 131px;
background: linear-gradient(180deg, #29B989 0%, #2CC682 100%);
box-shadow: 0px 3px 6px 1px rgba(138,127,127,0.16);
border-radius: 0%;
}
.customize-wx-service-item .customize-wx-service-item-left img{
width: unset;
}
.customize-wx-service-item .customize-wx-service-item-left img:nth-of-type(1){
display: none;
}
.customize-wx-service-item.active .customize-wx-service-item-left img:nth-of-type(1){
display: block;
}
.customize-wx-service-item.active .customize-wx-service-item-left img:nth-of-type(2){
display: none;
}
.customize-wx-service-item .customize-wx-service-item-right p:nth-of-type(1){
font-size: 22px;
font-weight: 500;
color: #312727;
margin-top: 26px;
}
.customize-wx-service-item .customize-wx-service-item-right p:nth-of-type(2){
font-size: 16px;
font-weight: 300;
color: #312727;
margin-top: 15px;
line-height: 1.5;
}

.marketing-service-box{
margin-top: 51px;
margin-bottom: 219px;
padding-top: 103px;
background: #F5F6F8;
}
.marketing-service-box.customer-box>p.sub-title{
margin-bottom: 68px;
}
.marketing-service-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.marketing-service-wrapper .marketing-service-item{
width: calc(20% - 52px);
margin-bottom: 46px;
margin-right: 52px;
}
.marketing-service-wrapper .marketing-service-item:nth-of-type(5),
.marketing-service-wrapper .marketing-service-item:nth-of-type(10){
margin-right: 0px;
}
.marketing-service-wrapper .marketing-service-item .marketing-service-item-top{
display: flex;
align-items: center;
}
.marketing-service-wrapper .marketing-service-item .marketing-service-item-top img{
width: unset;
margin-right: 12px;
}
.marketing-service-wrapper .marketing-service-item .marketing-service-item-top span{
font-size: 22px;
font-weight: 500;
color: #312727;
}
.marketing-service-wrapper .marketing-service-item>p{
margin-top: 7px;
font-size: 16px;
font-weight: 300;
color: #312727;
line-height: 1.5;
}


.wx-flux-box .container>p.sub-title{
margin-bottom: 54px;
}
.wx-flux-wrapper{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.wx-flux-wrapper .wx-flux-item{
width: 260px;
margin-bottom: 37px;
text-align: center;
}
.wx-flux-wrapper .wx-flux-img{
padding: 27px 28px;
}
.wx-flux-wrapper .wx-flux-img img:nth-of-type(2){
display: none;
}
.wx-flux-wrapper .wx-flux-item p{
font-size: 22px;
font-weight: 500;
color: #312727;
}
.wx-flux-wrapper .wx-flux-item:hover .wx-flux-img img:nth-of-type(1){
display: none;
}
.wx-flux-wrapper .wx-flux-item:hover .wx-flux-img img:nth-of-type(2){
display: block;
}
.wx-flux-wrapper .wx-flux-item:hover p{
color: #2BBF86;
}
.small-program-warpper .app-case-main .app-case-left .btn-box a:nth-of-type(1){
background: linear-gradient(180deg, #29B989 0%, #2CC682 100%);
border: 1px solid #2BC284;
}
.small-program-warpper .app-case-main .app-case-left .btn-box a:nth-of-type(2){
color: #2ABE87;
border-color: #2ABE87;
}
.small-program-warpper .app-case-box{
margin-top: 202px;
}


/* customer-vx-box e */

@media screen and (max-width:1400px) {
.main {
    margin-left: 0px;
}
.app-case-main{
    flex-wrap: wrap;
    justify-content: center;
}
.customer-wrapper .customer-item-box {
    width: calc(25% - 20px);
}
.app-case-main .app-case-right{
    margin-top: 30px;
    margin-left: 0px;
}
.customer-tips-wrapper{
    transform: translate(-50%,100%);
    bottom: 0px;
}

.customer-box {
    height: 100%;
    max-height: unset;
}
.web-things .question-tips-wrapper{
    bottom: 130px;
}
}

@media screen and (max-width:1300px) {


.web-things .customize-wrapper{
    flex-wrap: wrap;
    padding: 0px 20px;
    justify-content: center;
}
.web-things .customize-wrapper .customize-right ul li{
    min-height: 496px;
    margin-top: 20px;
}

.customize-web-wrapper>li .customize-web-main .customize-web-item{
    padding: 40px 10px 0px 30px;
}
.customize-web-wrapper>li .customize-web-main{
    width: calc(100% - 300px);
}
}

@media screen and (max-width:1080px) {
.standard-wrapper .standard-right {
    display: none;
}

.quertion-web-wrapper .quertion-web-item{
    width: calc(50% - 44px);
    margin-bottom: 20px;
}
.quertion-web-wrapper .quertion-web-item>p:nth-of-type(2){
    width: 100%;
}
.banner-type-main{
    display: flex;
    
}
.banner-type-main .banner-type-item{
    width: 50%;
}
}

@media screen and (max-width:768px) {
.banner-type-main{
    bottom: -115px;
}
.banner-type-main .banner-type-item:nth-child(1) .type-item-img,
.banner-type-main .banner-type-item .type-item-img{
    margin-left: 5px;
}
.banner-type-main .banner-type-item .type-item-title p:nth-of-type(1){
    font-size: 17px;
}
.customer-tips-wrapper {
    display: none;
}

.customer-wrapper .customer-item-box {
    width: calc(50% - 20px);
}
.standard-wrapper .standard-left ul li{
    width: 100%;
}
.standard-wrapper{
    height: 100%;
    max-height: unset;
}
.app-case-wrapper ul{
    flex-wrap: wrap;
}
.main-item.web-things .app-box{
    margin-top: 140px;
}
.web-thingsr-wrapper{
    flex-wrap: wrap;
    padding: 0px;
}
.web-thingsr-left{
    margin: 0 auto;
}
.web-thingsr-right .web-thingsr-right-item{
    width: 100%;
}
.main-item.web-things .customer-box{
    height: 100%;
    max-height: unset;
    margin-bottom: 30px;
}
.web-things .customize-wrapper .customize-left{
    margin: 0 auto;
}
.web-things .customize-wrapper .customize-right ul{
    flex-wrap: wrap;
    justify-content: center;
}
.web-things .customize-wrapper .customize-right ul li{
    width: 100%;
}
.app-case-wrapper>ul{
    justify-content: center;
}
.app-case-wrapper ul li{
    margin-bottom: 20px;
}
.app-case-main .app-case-left p:nth-of-type(1){
    margin-top: 60px;
    text-align: center;
}
.app-case-main .app-case-left p:nth-of-type(2){
    padding: 0px 20px;
}
.app-case-main .app-case-left .btn-box{
    flex-wrap: wrap;
    justify-content: center;
}
.app-case-main .app-case-left .btn-box a:nth-of-type(1){
    margin-bottom: 20px;
}
.web-things .app-case-box .app-case-right{
    position: relative;
    margin: 10px;
}

.web-things .app-case-box .app-case-right img{
    margin: 0px;
    width: 100%;
}

.main-item.web-things .customer-box.question-box{
    margin-top: 0px;
    height: 100%;
    max-height: unset;
}
.app-case-box{
    margin-bottom: 40px;
}
.container>p.title, .customer-box>p.title{
    font-size: 24px;
}
.customer-box.customize-web p.sub-title{
    margin-top: 20px;
}
.main-item.web-things .customer-box>p.sub-title{
    margin-bottom: 40px;
}
.web-things ul.question-wrapper{
    padding: 0px 10px;
}
.web-things ul.question-wrapper li{
    width: 100%;
    margin-bottom: 40px;
}
.app-box{
    margin-top: 45px;
}
.customize-case-wrapper .customize-case-main{
    margin-top: 60px;
}
.customize-case-main .customize-case-item{
    width: 100%;
    margin-bottom: 40px;
}

.customer-box.customize-web{
    margin-top: 30px;
    height: 100%;
    max-height: unset;
    background-size: cover;
    margin-bottom: 40px;
    padding-bottom: 30px;
}
.customize-web-wrapper{
    display: none;
}
.quertion-web-wrapper{
    margin-top: 40px;
}
.quertion-web-wrapper .quertion-web-item{
    margin: 10px;
    width: 100%;
}
.quertion-web-wrapper .quertion-web-item img{
    margin-top: 30px;
}
.quertion-web-wrapper .quertion-web-item{
    height: 270px;
}

.website-case-wrapper{
    margin-top: 40px;
}
.website-case-wrapper .website-case-item{
    width: 100%;
    margin: 0 10px;
}
.website-case-wrapper .website-case-item p:nth-of-type(1){
    margin-top: 20px;
    font-size: 20px;
}
.website-case-wrapper .website-case-item p:nth-of-type(2){
    font-size: 20px;
}
.website-case-wrapper .website-case-item{
    margin-bottom: 40px;
}
.website-case-box .btn{
    margin-top: 0px;
}
.app-wrapper .app-item-box{
    width: 100%;
    padding: 0px 10px;
    margin-bottom: 30px;
}
.app-wrapper .app-item-box .app-item{
    background-size: cover;
    height: 100%;
}
.app-item-box .app-item img{
    margin-top: 40px;
}
.app-item-box .app-item p:nth-of-type(2){
    margin: 30px 0px;
}
.customer-box{
    margin-top: 0px;
    margin-bottom: 40px;
}
.app-case-main .app-case-right{
    flex-wrap: wrap;
}

.app-case-main .app-case-right>img{
    width: 100%;
    padding: 0px 60px;
    margin: 0px;
}
.web-things .app-case-main .app-case-right>img{
    padding: 0px;
}
.small-program-warpper .customize-wx-wrapper{
    margin-top: 50px;
}
.customize-wx-wrapper .customize-wx-item{
    width: 100%;
    height: 100%;
    padding: 20px;
    margin-bottom: 35px;
}
.customer-vx-box .customize-wx-service-wrapper{
    margin-top: 45px;
    padding: 0px 10px;
}
.customize-wx-wrapper .customize-wx-item img{
    margin-top: 0px;
}
.customize-wx-service-item{
    flex-wrap: wrap;
    justify-content: center;
    text-align: center;
    height: 100%;
    margin-bottom: 45px;
}

.customize-wx-service-item .customize-wx-service-item-left{
    margin-right: 0px;
}
.marketing-service-wrapper .marketing-service-item{
    width: 100%;
    padding: 0px 10px;
    margin: 0px;

}
.wx-flux-wrapper .wx-flux-item{
    width: 50%;
}
.small-program-warpper .app-case-box{
    margin-top: 45px;
}

.banner .banner-main .subtitle{
    font-size: 16px;
    margin-top: 30px;
}
main.main{
    margin-top: 120px;
}
}