/* 网站建设 */
@media screen and (max-width: 375px){
    .m-smart2 .m-smart2-list .m-smart2-box {
        min-width: 100px;
    }
}
@media screen and (max-width: 324px){
    .m-smart2 .m-smart2-list .m-smart2-box {
        min-width: 85px;
    }
}
.m-smart4-mobile { display: none;}
.g-mobile { display: none;}
@media screen and (max-width: 768px){
    .m-smart4 { display: none; }
    .m-smart4-mobile { display: block;}
    .m-smart6 { display: none;}
    .g-pc { display: none;}
    .g-mobile { display: block;}
}
@media screen and (max-width: 768px){
    .m-smart4-mobile { display: block;margin-bottom: 0;}
    .m-smart4-mobile .box-wp { width: calc(100% + 30px); margin-left: -15px;}
    .m-smart4-mobile .m-hhd { padding: 8vw 14.667vw}
    .m-smart4-mobile .m-list { padding: 6vw 6.4vw;background: rgba(225, 225, 225, 0.5);}
    .m-smart4-mobile .m-item { padding: 0 2.933vw; margin-top: 6vw; text-align: center; background: #FFFFFF; border: 1px solid #D6D5D5; border-radius: 0.8vw;}
    .m-smart4-mobile .m-item:nth-of-type(1) { margin-top: 0;}
    .m-smart4-mobile .m-item .m-title {font-size: 4vw;color: #333333;line-height: 5.867vw;padding: 2.667vw;border-bottom: 1px solid #E1E1E1;}
    .m-smart4-mobile .m-item .m-txt { padding: 2.4vw 0 4vw; font-size: 3.2vw;color: #333333;line-height: 4.8vw;}
    .m-smart4-mobile .left .m-img-box img { margin-top: 3.867vw; width: 12.4vw;height: auto;}
    .m-smart4-mobile .right .m-img-box img { margin-top: 5.333vw; width: 13.067vw;height: auto;}
}


/* 海外广告 */
@media screen and (max-width: 768px){
    .g-mobile .m-hhd { padding: 8.933vw 4vw 3.6vw; margin-bottom: 2.667vw;}
    .g-mobile .m-adsb2 .box-item { border-radius: 3.2vw; width: calc(50% - 2.333vw); margin-right: 4.667vw;box-shadow: 0px 2px 1.6vw 0px rgba(0, 0, 0, 0.12);}
    .g-mobile .m-adsb2 .box-item .item-img { padding: 5.867vw 0 5.333vw;margin-bottom: 2vw;}
    .g-mobile .m-adsb2 .box-item .item-img img {width: 29.067vw;}
    .g-mobile .m-adsb2 .box-item .item-text { padding: 0 2.4vw;}
    .g-mobile .m-adsb2 .box-item .text-item { padding: 3.6vw 3.467vw;}
    .g-mobile .m-adsb2 .box-item .text1 { font-size: 4vw;line-height: 5.333vw;}
    .g-mobile .m-adsb2 .box-item .text2 {margin-top: 1.6vw; font-size: 3.2vw;line-height: 4.533vw;}
    .g-mobile .m-adsb2 .box-item .text3 {font-size: 3.2vw;line-height: 4.533vw;}
    .g-mobile .m-adsb2 .box-item2 .text-item:nth-of-type(1) .text2 { padding: 1.333vw 0 1.333vw;}
    .g-mobile .m-adsb2 .box-item2 .text-item:nth-of-type(1) .text3 { padding-bottom: 1.867vw;}
    .m-adsb4 { padding-top: 0;}
    .m-adsb4 .box-list { width: calc(100% + 4vw);margin-left: -2vw; display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 0;}
    .m-adsb4 .box-list .list-item { width: 33.33%; display: block;margin: 0;margin-bottom: 20px;}
    .m-adsb4 .item-icon {padding: 2.267vw;border: solid 0.4vw #eaeaea;}
    .m-adsb4 .item-icon i { width: 19.333vw;height: 19.333vw;line-height: 19.333vw;font-size: 10.667vw;}
    .m-adsb4 .item-title { font-size: 3.2vw;}
    .m-adsb7 { padding: 0 0 4vw; background: rgba(235, 235, 235, 0.4);}
    .m-adsb7-1 { background: #FFF;}
    .m-adsb7 .info-item { margin-bottom: 2.4vw; width: 100%;padding: 2.667vw 2.933vw; padding-left: 0; display: flex;align-items: center;}
    .m-adsb7 .info-item .item-icon { float: left;width: 17.867vw; text-align: center;}
    .m-adsb7 .info-item .item-icon i { font-size: 9.333vw;}
    .m-adsb7 .info-item .item-icon i.icon-Google { font-size:5.333vw;}
    .m-adsb7 .info-item .item-text { flex: 1;padding-top: 0;}
    .m-adsb7 .info-item .item-title {font-size: 4vw;line-height: 4.533vw;}
    .m-adsb7 .info-item .item-desc {font-size: 3.467vw;line-height: 5.333vw;margin-top: 1.333vw;}
    .m-adsb7 .box-list { margin-top: 0;}
    .m-adsb7 .list-item { width: calc(50% - 1.2vw); margin: 0 2.4vw 2vw 0 !important;}
    .m-adsb7 .list-item:nth-child(2n) { margin-right: 0 !important;}
    .m-adsb7 .list-item .item-title { padding: 2.667vw 1.334vw ;font-size: 3.2vw;line-height: 3.467vw;}
    .m-adsb7 .list-item .item-title i { width: 4.667vw;font-size: 2.667vw;line-height: 4.667vw;margin-right: 1.6vw;}
    .m-adsb7 .list-item .item-desc { padding: 3.2vw 2.667vw 4vw; font-size: 3.2vw;line-height: 4.8vw;}
    .m-adsb10 { padding-top: 0;}
    .m-adsb10 .info-item { padding: 4vw 4vw 2.667vw;width: 50%;}
    .m-adsb11 .info-item {padding: 3.333vw 5.333vw; background: rgba(62, 132, 255, 0.2);border-radius: 0.8vw;font-size: 3.467vw;color: #333333;line-height: 5.333vw;margin-bottom: 1.733vw;}
    .m-adsb11 {padding-bottom: 6.667vw;}
    .m-adsb10 .info-item .item-title:before { height: 0.4vw;width: 3.067vw;}
    .m-adsb12 { padding-top: 0;}
    .m-adsb12 .item-title { padding: 0 4.4vw; height: 14.667vw;font-size: 4vw;line-height: 5.333vw;}
    .m-adsb12 .item-desc { padding: 2.933vw 2.933vw 3.733vw; font-size: 3.467vw;line-height: 4.8vw;}
    .m-adsb3 { background: #3E84FF;padding-top: 0;}
    .m-adsb3 .list-item { width: 50%;}
    .m-adsb3 .m-hhd .title1 { color: rgba(225, 225, 225, 0.13);}
    .m-adsb3 .m-hhd .title2 { color: #FFF;}
    .m-adsb3 .list-item { width: calc(50% - 1.333vw); padding: 4.4vw 2.267vw; margin: 0 2.667vw 0 0!important;}
    .m-adsb3 .list-item:nth-child(2n) { margin-right: 0!important;}
    .m-adsb3 .item-icon .iconfont { font-size: 10.667vw;color: #3372F3;}
    .m-adsb3 .item-title { font-size: 4.533vw;line-height: 5.333vw;}
    .m-adsb3 .item-desc { margin-top: 3.067vw; font-size: 3.2vw;line-height: 4.8vw;text-align: left;}
    .m-seob7 { padding-top: 0;padding-bottom: 0;}
}



/* seo优化 */
.common-title{text-align: center;}
.common-title .tit1{color: #000;font-size: 36px;font-weight: bold;}
.common-title .tit2{color: #898989;font-size: 16px;margin-top: 10px;}
@media screen and (max-width: 991px) {
    .common-title .tit1{font-size: 20px;}
    .common-title .tit2{font-size: 14px;}
}
.common-bottom {width: 100%;position: relative;overflow: hidden;height: 140px;}
.common-bottom .common-w1,.common-bottom .common-w2{display: block;width: 2000%;height: 140px;background-position: 0 0;background-repeat: repeat-x;}
.common-bottom .common-w1{position: absolute;left: 0;top: 0;background-image: url(../images/index/index-wavetop.png);
    -webkit-animation: footerWave 270s linear infinite;-o-animation: footerWave 270s linear infinite;animation: footerWave 270s linear infinite;}
.common-bottom .common-w2{position: absolute;left: 0;bottom: 0;background-image: url(../images/index/index-wavebg.png);
    -webkit-animation: footerWave 180s linear infinite forwards;
    -o-animation: footerWave 180s linear infinite forwards;
    animation: footerWave 180s linear infinite forwards;}
@-webkit-keyframes footerWave{
    0%{-webkit-transform:translateX(0);transform:translateX(0);}
    100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
@keyframes footerWave{
    0%{-webkit-transform:translateX(0);transform:translateX(0);}
    100%{-webkit-transform:translateX(-100%);transform:translateX(-100%)}
}
.common-btn{line-height: 48px;text-align: center;color: #fff;font-size: 16px;height: 48px;background: linear-gradient(266deg, #5A84FF, #03DCFF);border-radius: 24px;padding: 0 24px;display: inline-block;}
.common-btn:hover{color: #fff;}
@media screen and (max-width: 1419px) {

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

}
@media screen and (max-width: 991px) {
    .common-bottom{height: 0;}
}
@media screen and (max-width: 767px) {

}
/* 谷歌seo页面 */
.seo-body{padding-top: 0;}
.g-seo{background: url("../images/seo/j-seo-bg.png ") no-repeat;background-position: 0 90px;}
.g-seo *{box-sizing: border-box;}
.seo-banner{}
.seo-banner img{max-width: 98%;}
.seo2{margin: 150px auto 97px;}
.seo2 .seo2-tit{text-align: center;font-size: 18px;color: #000;font-family: Source Han Sans CN;margin: 40px auto 76px;}
.seo2 .seo2-list{display: flex;align-items: center;flex-wrap: wrap;}
.seo2 .seo2-list1{justify-content: space-between;}
.seo2 .seo2-list2{justify-content: center;margin-top: 30px;}
.seo2 .seo2-list2 .seo2-item:first-child{margin-right: 28px;}
.seo2 .seo2-list .seo2-item{width: calc(33.33% - 18px);min-height: 254px;padding: 0 35px;background-color: #fff;box-shadow: 0px 0px 22px 2px rgba(88, 88, 88, 0.1);border-radius: 0px 50px 0px 50px;border: 1px solid #fff;}
.seo2 .seo2-list .seo2-item:hover{border: 1px solid #5689FF;}

.seo2 .seo2-list .seo2-item-img{height: 122px;display: flex;align-items: center;justify-content: center;}
.seo2 .seo2-list .seo2-item-tit1{font-size: 24px;color: #000;position: relative;text-align: center;}
.seo2 .seo2-list .seo2-item-tit1::after{content: "";display: block;width: 49px;height: 2px;background-color: #5886FF;margin: 10px auto;font-family: Source Han Sans CN;}
.seo2 .seo2-list .seo2-item-tit2{font-size: 16px;color: #000;text-align: center;line-height: 32px;font-family: Source Han Sans CN;}
@media screen and (max-width: 1419px) {
    .seo2{margin: 100px auto 60px;}
    .seo2 .seo2-tit{margin: 30px auto 40px;}
}
@media screen and (max-width: 1219px) {
    .seo2{margin: 60px auto 40px;}
    .seo2 .seo2-tit{margin: 20px auto 30px;}
    .seo2 .seo2-list{align-items: normal;}
    .seo2 .seo2-list .seo2-item{padding: 0 20px;}
    .seo2 .seo2-list .seo2-item-tit1{font-size: 18px;}
    .seo2 .seo2-list .seo2-item-tit2{font-size: 12px;}
}
@media screen and (max-width: 991px) {
    .seo2{margin: 20px auto;}
    .seo2 .seo2-tit{margin: 10px auto 20px;}
    .seo2 .seo2-list .seo2-item{width: calc(33.33% - 10px);}
    .seo2 .seo2-list2{margin-top: 10px;}
}
@media screen and (max-width: 767px) {
    .seo-body{margin-top: 0;}

}
.seo3{background: #F0F4FE;padding: 78px 0 64px 0;}
.seo3-m-img{display: none;}
.seo3-flex{display: flex;justify-content: space-between;margin-top: 38px;}
.seo3-flex .seo3-item{}
.seo3-flex .seo3-item .seo3-tit{font-size: 24px;display: flex;align-items: center;color: #000;height: 45px;font-family: Source Han Sans CN;}
.seo3-flex .seo3-item .seo3-tit span{font-size: 60px;font-weight: 800;background: linear-gradient(1deg, #5642F9 0%, #5A84FF 0%, #00DEFF 98.7060546875%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;font-family: Source Han Sans CN;margin-right: 10px;}
.seo3-flex .seo3-item ul{margin-top: 10px;transition: all 0.4s;}
.seo3-flex .seo3-item:hover ul{transform: scale(1.15);}

.seo3-flex .seo3-item ul li{line-height: 32px;color: #000;font-size: 16px;font-family: Source Han Sans CN;}
.seo3-flex>div{height: 100%;}
.seo3-flex .seo3-left{}
.seo3-flex .seo3-left .seo3-item:first-child{margin: 56px 0 5vw;}
.seo3-flex .seo3-center .seo3-item{margin: 33px 0 0 7vw;}
.seo3-flex .seo3-right .seo3-item:first-child{margin: 56px 0 5vw;}
@media screen and (max-width: 1419px) {
    .seo3{padding: 60px 0 40px;}
}
@media screen and (max-width: 1219px) {
    .seo3{padding: 40px 0 20px;}
}
@media screen and (max-width: 991px) {
    .seo3{padding: 20px 0 }
    .seo3-flex{flex-wrap: wrap;margin-top: 10px;}
    .seo3-flex>div{width: 100%;height: auto;margin: 0 auto;}
    .seo3-flex .seo3-center .seo3-item{margin: 0;}
    .seo3-flex .seo3-left .seo3-item:first-child{margin: 0 ;}
    .seo3-flex .seo3-item{margin-top: 20px;}
}
@media screen and (max-width: 767px) {
    .seo3-m-img{display: block;}
    .seo3-m-img img{width: 50vw;}
    .seo3-flex .seo3-center .seo3-img{display: none;}
}
.seo4{padding: 111px 0 0 0 ;}
.seo4-flex.nf-box{display: flex;margin-top: 60px;position: relative;}
.seo4-flex .seo4-left{flex: 0 0 24.5vw;max-width: 343px;}
.seo4-flex .seo4-right{margin-left: 24px;display: flex;flex-wrap: wrap;flex: 1;}
.seo4-flex .seo4-right .seo4-item{display: flex;max-width: 520px;width: calc(50% - 10px);padding:0 16px;}
.seo4-flex .seo4-right .seo4-item:hover{box-shadow: 0px 0px 5px 1px rgba(88, 88, 88, 0.1);}
.seo4-flex .seo4-right .seo4-icon{flex: 0 0 64px;margin: 45px 25px 0 0 ;}
.seo4-flex .seo4-right .seo4-tit{font-size: 24px;color: #5689FF;margin: 26px 0 10px 0;font-family: Source Han Sans CN;}
.seo4-flex .seo4-right .seo4-txt{font-size: 16px;color: #000000;line-height: 32px;font-family: Source Han Sans CN;letter-spacing: -1.2px;}
.seo-animate{position: absolute;}
.seo4-img1{right: 164px;bottom: 105px;animation: animationOne 20s infinite linear;;}
.seo4-img2{right: -48px;bottom: 9px;width: 65px;animation: animationTwo 3s linear infinite;}
@keyframes animationOne {
    0% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
      transform: translate(0px, 0px) rotate(0deg);
    }

    20% {
      -webkit-transform: translate(73px, -1px) rotate(36deg);
      transform: translate(73px, -1px) rotate(36deg);
    }

    40% {
      -webkit-transform: translate(100px, 72px) rotate(72deg);
      transform: translate(100px, 72px) rotate(72deg);
    }

    60% {
      -webkit-transform: translate(83px, 122px) rotate(108deg);
      transform: translate(83px, 122px) rotate(108deg);
    }

    80% {
      -webkit-transform: translate(-40px, 72px) rotate(144deg);
      transform: translate(-40px, 72px) rotate(144deg);
    }

    100% {
      -webkit-transform: translate(0px, 0px) rotate(0deg);
      transform: translate(0px, 0px) rotate(0deg);
    }
}
@-webkit-keyframes animationTwo {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }

    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}
@keyframes animationTwo {
    0% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }

    50% {
      -webkit-transform: translateY(-20px);
      transform: translateY(-20px);
    }

    100% {
      -webkit-transform: translateY(0px);
      transform: translateY(0px);
    }
}
@media screen and (max-width: 1419px) {
    .seo4{padding-top: 60px;}
}
@media screen and (max-width: 1219px) {
    .seo4{padding-top: 40px;}
    .seo4-flex.nf-box{margin-top: 30px;}
    .seo-animate{display: none;}
}
@media screen and (max-width: 991px) {
    .seo4{padding-top: 20px;}
    .seo4-flex.nf-box{margin-top: 20px;flex-wrap: wrap;}
    .seo4-flex .seo4-left{width: 100%;max-width: none;text-align: center;flex: auto;}

}
@media screen and (max-width: 767px) {
    .seo4-flex .seo4-right .seo4-item{width: 100%;}
}
.seo5{background: url("../images/seo/j-seo5-bg.png") no-repeat;height: 164px;}
.seo5 a{display: flex;align-items: center;justify-content: center;height: 100%;}
.seo5 a div{margin-right: 50px;text-align: center;font-family: Source Han Sans CN;}
.seo5 .seo5-tit1{font-size:30px;color: #fff;}
.seo5 .seo5-tit2{font-size:30px;color: #fff;}
.seo5 .seo5-tit2 span{font-size: 36px;font-weight: bold;}
@media screen and (max-width: 1419px) {

}
@media screen and (max-width: 1219px) {
    .seo5 .seo5-tit1,.seo5 .seo5-tit2{font-size: 20px;}
    .seo5 .seo5-tit2 span{font-size: 24px;}
}
@media screen and (max-width: 991px) {

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

}

.seo6{padding:100px 0 0}
.seo6-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.seo6-list .seo6-item{width: calc(50% - 20px);padding: 0 65px 42px 65px;margin-bottom: 36px;box-shadow: 0px 0px 12px 1px rgba(88, 88, 88, 0.14);}
.seo6-list .seo6-item:hover{
    animation:jump 0.6s ease;
}
.seo6-list .seo6-item *{font-family: Source Han Sans CN;}
.seo6-list .seo6-item .seo6-img{height: 160px;display: flex;align-items: center;justify-content: center;}
.seo6-list .seo6-item .seo6-con{font-size: 16px;color: #000;font-family: Source Han Sans CN;letter-spacing: -0.7px;min-height: 112px;line-height: 26px;}
.seo6-list .seo6-item .seo6-flex{display: flex;justify-content: space-between;}
.seo6-list .seo6-item .seo6-flex>div{flex:0 0 calc(50% - 8px);}
.seo6-list .seo6-item .seo6-left{}
.seo6-list .seo6-item .seo6-left .seo6-info{background: #F0F4FE;padding: 15px 0 15px 34px;height: 71px;}
.seo6-list .seo6-item .seo6-left .seo6-info:first-child{margin-bottom: 10px;}
.seo6-list .seo6-item .seo6-tit {color:#5689FF;font-size: 16px;font-weight: bold;}
.seo6-list .seo6-item .seo6-txt {color:#000000;font-size: 16px;line-height: 32px;}
.seo6-list .seo6-item .seo6-right{background: #F0F4FE;padding: 22px 0 0 55px;}
.seo6-btn{text-align: center;}
@media screen and (max-width: 1419px) {
    .seo6{padding-top: 60px;}
}
@media screen and (max-width: 1219px) {
    .seo6{padding-top: 40px;}
    .seo6-list{margin-top: 30px;}
    .seo6-list .seo6-item{padding: 0 20px 10px;}
    .seo6-list .seo6-item .seo6-left .seo6-info{height: auto;min-height: 71px;padding: 10px 0 10px 10px;}
    .seo6-list .seo6-item .seo6-right{padding: 10px 0 10px 10px;}
}
@media screen and (max-width: 991px) {
    .seo6{padding-top: 20px;}
    .seo6-list{margin-top: 20px;}
    .seo6-list .seo6-item{width: calc(50% - 10px);}

}
@media screen and (max-width: 767px) {
    .seo6-list .seo6-item{width: 100%;margin-bottom: 10px;}
}
.seo7{padding: 90px 0;}
.seo-swiper{margin-top: 44px;padding-bottom: 70px;}
.seo-swiper .swiper-slide{display: flex;align-items: center;justify-content: space-between;}
.seo-swiper .swiper-slide .seo7-item{max-width: 100%;}
.seo-swiper .swiper-slide .seo7-item:hover{color: #5689FF;}
.seo-swiper .swiper-slide .seo7-item .seo7-img{height: 295px;}
.seo-swiper .swiper-slide .seo7-item .seo7-img img{max-height: 100%;}
.seo-swiper .swiper-slide .seo7-tit{margin: 20px 0 28px ;text-align: center;font-size: 20px;font-weight: 500;font-family: Source Han Sans CN;}
.seo-swiper .swiper-slide .seo7-con{font-size: 16px;color: #333333;line-height: 32px;font-family: Source Han Sans CN;}
.seo-swiper .swiper-slide .seo7-item:hover *{color: #5689FF;}
.seo-swiper .swiper-pagination .swiper-pagination-bullet{background: url("../images/seo/swiper-span.png") no-repeat;width: 22px;height: 22px;opacity: 1;}
.seo-swiper .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background: url("../images/seo/swiper-span-on.png") no-repeat;}
.seo-swiper .swiper-pagination{bottom: 0;}
@media screen and (max-width: 1419px) {
    .seo7{padding: 60px 0;}
}
@media screen and (max-width: 1219px) {
    .seo7{padding: 40px 0;}
    .seo-swiper{margin-top: 20px;padding-bottom: 40px;}
    .seo-swiper .swiper-slide .seo7-item .seo7-img{height: auto;}
}
@media screen and (max-width: 991px) {
    .seo7{padding: 20px 0;}

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

}
@-moz-keyframes jump{
    0%{-moz-transform:translateX(0);}
    25%{-moz-transform:translateX(-8px);}
    50%{-moz-transform:translateX(0);}
    75%{-moz-transform:translateX(-4px);}
    100%{-moz-transform:translateX(0);}}
@keyframes jump{
    0%{transform:translateX(0);}
    25%{transform:translateX(-8px);}
    50%{transform:translateX(0);}
    75%{transform:translateX(-4px);}
    100%{transform:translateX(0);}
}
.common-btn2{display: inline-block;background: linear-gradient(74deg, #7698FD 0%, #7F66FD 0%, #326FF9 99%);padding: 0 30px;height: 48px;line-height: 48px;color: #fff;font-size: 16px;border-radius: 24px;}
.common-btn2:hover{color: #fff;}
/* 谷歌竞价页面 */
.google-bid-body{padding-top: 0;}
.google-bid-body .common-bottom .common-w1{background-image:url("../images/googlebid/googlebid-wavetop.png")}
.google-bid-body .common-bottom .common-w2{background-image:url("../images/googlebid/googlebid-wavebg.png")}
@media screen and (max-width: 767px) {
    .google-bid-body{margin-top: 0;}
}
.google-bid{background: url("../images/googlebid/googlebid-bg.png") no-repeat;}
.google-bid *{box-sizing: border-box;}

.bid-banner img{max-width: 98%;}

.bid2{padding-top: 140px;}
.bid2-list{display: flex;justify-content: space-between;flex-wrap: wrap;margin: 70px 0 120px;}
.bid2-list .bid2-item{width: calc(25% - 45px);min-height: 188px;box-shadow: 0px 0px 12px 1px rgba(88, 88, 88, 0.1);border: 2px solid transparent;margin-bottom: 50px;}
.bid2-list .bid2-item:hover{border: 2px solid #396DF9;}
.bid2-list .bid2-item .bid2-img{display: flex;justify-content: center;align-items: center;height: 96px;}
.bid2-list .bid2-item .bid2-tit{text-align: center;font-size: 24px;color: #000000;font-family: Source Han Sans CN;line-height: 40px;}
@media screen and (max-width: 1419px){
    .bid2{padding-top: 100px;}
    .bid2-list{margin: 40px auto 80px;}
}

@media screen and (max-width: 1219px){
    .bid2{padding-top: 60px;}
    .bid2-list{margin: 30px auto;}
    .bid2-list .bid2-item{min-height: auto;margin-bottom: 20px;width: calc(25% - 10px);padding-bottom: 10px;}
    .bid2-list .bid2-item .bid2-tit{font-size: 18px;}
    .bid2-list .bid2-item .bid2-img{height: 60px;}
    .bid2-list .bid2-item .bid2-img img{height: 50%;}
}
@media screen and (max-width: 991px){
    .bid2{padding-top: 20px;}
    .bid2-list{margin: 20px auto 0;justify-content: flex-start;}
    .bid2-list .bid2-item{width: calc(33% - 10px);margin-right: 10px;}
    .bid2-list .bid2-item:nth-of-type(3n){margin-right: 0;}
    .bid2-list .bid2-item .bid2-tit{font-size: 14px;line-height: 30px;}
}
@media screen and (max-width: 768px){
    .bid2-list .bid2-item{width: calc(50% - 10px);margin-right: 10px;}
    .bid2-list .bid2-item:nth-of-type(2n){margin-right: 0;}
}
.bid3{padding: 90px 0;}
.bid3-flex{display: flex;margin-top: 68px;justify-content: space-between;}
.bid3-flex .bid3-left{flex: 0 0 43.78%;}
.bid3-flex .bid3-right{flex: 0 0 54.14%;display: flex;justify-content: space-between;flex-direction: column;}
.bid3-flex .bid3-item{display: flex;align-items: center;min-height: 100px;}
.bid3-flex .bid3-item:hover{box-shadow: 0px 0px 12px 1px rgba(88, 88, 88, 0.1);}
.bid3-flex .bid3-item .bid3-img{flex: 0 0 94px;text-align: center;}
.bid3-flex .bid3-item .bid3-tit{font-size: 24px;font-family: Source Han Sans CN;}
.bid3-flex .bid3-item .bid3-txt{font-size: 16px;font-family: Source Han Sans CN;margin-top: 10px;letter-spacing: -1.2px;}
.bid3-btn{text-align: center;margin-top: 55px;}
@media screen and (max-width: 1419px){
    .bid3{padding: 60px 0;}
    .bid3-flex{margin-top: 40px;}
}

@media screen and (max-width: 1219px){
    .bid3{padding: 40px 0;}
    .bid3-flex{margin-top: 30px;}

}

@media screen and (max-width: 991px){
    .bid3{padding: 20px 0;}
    .bid3-flex{flex-wrap: wrap;margin-top: 20px;}
    .bid3-flex .bid3-left{width: 100%;flex: auto;text-align: center;}
    .bid3-flex .bid3-right{width: 100%;flex: auto;}
    .bid3-flex .bid3-item{min-height: 80px;}
    .bid3-flex .bid3-item .bid3-img{flex: 0 0 60px;}
    .bid3-flex .bid3-item .bid3-img img{width: 50%;}
    .bid3-flex .bid3-item .bid3-tit{font-size: 18px;}
    .bid3-flex .bid3-item .bid3-txt{font-size: 12px;}
    .bid3-btn{margin-top: 10px;}

}
@media screen and (max-width: 768px){
    .bid3{}

}
.bid4{padding: 95px 0 0 0;background: #F7F8FF;}
.bid4-list{padding: 128px 0 167px;position: relative;width: 508px;margin: 0 auto;}
.bid4-list .bid4-item{position: absolute;text-align: left;font-family: Source Han Sans CN;}
.bid4-list .bid4-item .bid4-tit{color: #396DF9;font-size: 24px;transition: all 0.4s;}
.bid4-list .bid4-item .bid4-txt{color: #000;font-size: 16px;line-height: 32px;margin-top: 5px;}
.bid4-list .bid4-map{width:100%;max-width: 508px;}
.bid4-list .bid4-item1{left: -300px;top: 100px;}
.bid4-list .bid4-item2{left: -404px;top: 330px;}
.bid4-list .bid4-item3{left: -300px;bottom: 133px;}
.bid4-list .bid4-item4{right: -388px;top: 100px;}
.bid4-list .bid4-item5{right: -404px;top: 330px;}
.bid4-list .bid4-item6{right: -388px;bottom: 100px;}
.bid4-list .bid4-item:hover .bid4-tit{transform: scale(1.1);}
@media screen and (max-width: 1419px){

}

@media screen and (max-width: 1219px){
    /* .bid4-list{width: 36.28%;} */
}

@media screen and (max-width: 991px){
    .bid4{padding-top: 20px;}
    .bid4-list{width: 100%;padding: 20px 0;}
    .bid4-list .bid4-map{display: none;}
    .bid4-list .bid4-item{position: static;}
    .bid4-list .bid4-item .bid4-txt br{display: none;}
}
@media screen and (max-width: 768px){

}
.bid5{padding: 100px 0;}
.bid5-top{display: flex;align-items: center;height: 55px;margin: 37px auto 22px;overflow: hidden;}
.bid5-top p{flex: 1;text-align: center;font-size: 24px;color: #fff;font-family: Source Han Sans CN;background: linear-gradient(0deg, #7698FD 0%, #7F66FD 0%, #326FF9 99%);height: 100%;display: flex;align-items: center;justify-content: center;position: relative;}
.bid5-top p::after{width: 55px;height: 55px;display: block;z-index: 2;content: "";background: url("../images/googlebid/bid5-triangle.png") no-repeat;position: absolute;right: -20px;top: 0;}
.bid5-top p:last-child::after{display: none;}
.bid5-list{display: flex;justify-content: space-between;}
.bid5-list .bid5-item{width: calc(25% - 22.5px);padding: 33px 26px;box-shadow: 0px 0px 8px 0px rgba(7, 31, 98, 0.11);font-size: 16px;color: #000;line-height: 32px;font-family: Source Han Sans CN;letter-spacing: -1.2px;display: flex;align-items: center;}
.bid5-list .bid5-item p{transition: all 0.4s;}
.bid5-list .bid5-item:hover p{transform: scale(1.1);}
@media screen and (max-width: 1419px){

}

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

}

@media screen and (max-width: 991px){
    .bid5{padding: 20px 0 0 ;}
    .bid5-top{zoom: 0.5;}
    .bid5-list{flex-wrap: wrap;}
    .bid5-list .bid5-item{width: calc(50% - 12px);padding: 10px;margin-bottom: 20px;}
}
.bid6{background: url("../images/googlebid/bid6-img.png") no-repeat center bottom;padding-bottom: 100px;}
.bid6 .bid6-list{display: flex;justify-content: space-between;margin: 65px auto 0;}
.bid6 .bid6-list .bid6-item{width: calc(25% - 45px);min-height: 265px;background: #FFFFFF;border: 2px solid #396DF9;box-shadow: 0px 0px 21px 0px rgba(0, 0, 0, 0.15);}
.bid6 .bid6-list .bid6-item:hover{    animation: jump 0.6s ease;}
.bid6 .bid6-list .bid6-item .bid6-img{display: flex;align-items: center;justify-content: center;height: 100px;}
.bid6 .bid6-list .bid6-item .bid6-tit1{color: #396DF9;font-size: 24px;text-align: center;font-family: Source Han Sans CN;margin-bottom: 10px;}
.bid6 .bid6-list .bid6-item .bid6-tit2{color: #000;font-size: 16px;text-align: center;font-family: Source Han Sans CN;line-height: 32px;}
@media screen and (max-width: 1419px){
    .bid6 .bid6-list .bid6-item{width: calc(25% - 10px);}
}


@media screen and (max-width: 991px){
    .bid6{padding-bottom: 00px;}
    .bid6 .bid6-list{margin-top: 20px;}
    .bid6 .bid6-list{flex-wrap: wrap;}
    .bid6 .bid6-list .bid6-item{width: calc(50% - 10px);margin-bottom: 20px;min-height: 0;padding:0 10px 10px;}
    .bid6 .bid6-list .bid6-item .bid6-img{height: auto;padding: 20px 0;}
    .bid6 .bid6-list .bid6-item .bid6-img img{width: 5vw;}
    .bid6 .bid6-list .bid6-item .bid6-tit2{line-height: 20px;}
}
.bid7{background: url("../images/googlebid/bid7-bg.png") no-repeat;padding: 100px 0 170px;}
.bid-swiper{max-width: 1133px;margin: 68px auto 0;width: 81%;}
.bid-swiper .swiper-slide{text-align: center;}
.bid-swiper .bid-swiper-button{width: 95px;height: 78px;}
.bid-swiper .swiper-button-prev{background: url("../images/googlebid/bid7-left.png") no-repeat;}
.bid-swiper .swiper-button-next{background: url("../images/googlebid/bid7-right.png") no-repeat;}
@media screen and (max-width: 991px){
    .bid7{padding: 20px 0 30px;}
    .bid-swiper{margin-top: 20px;width: 100%;}
    .bid-swiper .bid-swiper-button{background-size: 100% 100%;width: 30px;height: 25px;}
}

/* youtube视频 */
.youtube-body{padding-top: 0;}
/*.youtube-body .common-bottom .common-w1{background-image:url("../images/youtube/youtube-wavetop.png")}*/
/*.youtube-body .common-bottom .common-w2{background-image:url("../images/youtube/youtube-wavebg.png")}*/
.youtube *{box-sizing: border-box;font-family: Source Han Sans CN;}
.youtube2{padding: 150px 0 0 0;position: relative;}
.youtube2 .common-title{margin-bottom: 70px;}
.youtube2 .youtube2-list{display: flex;justify-content: space-between;flex-wrap: wrap;}
.youtube2 .youtube2-list .youtube2-item{max-width: 311px;width: calc(25% - 30px);height: 178px;border: 2px solid;border-image: linear-gradient(0deg, #5642F9, #5A9CFF, #00FFCC) 10 10;display: flex;align-items: center;justify-content: center;margin-bottom: 50px;}
.youtube2 .youtube2-list .youtube2-item:hover{box-shadow: 0px 0px 29px 0px rgba(0, 0, 0, 0.14);}
.youtube2 .youtube2-list .youtube2-item.empty{opacity: 0;}
.youtube2 .youtube2-list .youtube2-item p{font-size: 24px;color: #000;text-align: center;line-height: 40px;font-family: Source Han Sans CN;}
.youtube2 .youtube2-list .youtube2-item p span{font-size: 30px;font-weight: bold;color: #2BD5E5;}
.youtube-animate{position: absolute;}
.youtube-img1{left: 327px;top: 671px;animation: animationTwo 3s linear infinite;}
.youtube-img2{right: 489px;top: 646px;animation: animationOne 20s infinite linear;}
.youtube-img3{right: 171px;top: 688px;animation: animationTwo 3s linear infinite;}
@media screen and (max-width: 1419px){
    .youtube2{padding-top: 100px;}
    .youtube2 .common-title{margin-bottom: 40px;}
}
@media screen and (max-width: 1219px){
    .youtube-animate{display: none;}
    .youtube2{padding-top: 60px;}
    .youtube2 .common-title{margin-bottom: 30px;}
    .youtube2 .youtube2-list .youtube2-item{margin-bottom: 20px;width: 32%;}
    .youtube2 .youtube2-list .youtube2-item.empty{display: none;}
}
@media screen and (max-width: 991px){
    .youtube2{padding-top: 20px;}
    .youtube2 .common-title{margin-bottom: 20px;}
    .youtube2 .youtube2-list .youtube2-item{width: calc(50% - 10px);height: auto;padding: 20px 0;}
    .youtube2 .youtube2-list .youtube2-item p{font-size: 18px;}
    .youtube2 .youtube2-list .youtube2-item p span{font-size: 22px;}
}

.youtube3{padding: 104px 0 87px 0;}
.youtube3 .common-title{margin-bottom: 90px;}
.youtube3-list{display: flex;justify-content: space-between;}
.youtube3-list .youtube3-item{max-width: 320px;width: calc(25% - 20px);min-height: 360px;padding: 0 30px; box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.1);}
.youtube3-list .youtube3-item:hover{    animation: jump 0.6s ease;}
.youtube3-list .youtube3-item .youtube3-img{height: 135px;display: flex;align-items: center;justify-content: center;}
.youtube3-list .youtube3-item .youtube3-tit{font-size: 24px;color: #2BD5E5;text-align: center;margin-bottom: 20px;}
.youtube3-list .youtube3-item .youtube3-txt{font-size: 16px;color: #000;display: flex;line-height: 32px;letter-spacing:-1px}
.youtube3 .youtube3-bot{text-align: center;margin-top: 80px;}
.youtube3 .youtube3-btn{display: inline-block;background: #2BD5E5;height: 48px;line-height: 48px;padding: 0 20px;color: #fff;font-size: 16px;border-radius: 24px;}
@media screen and (max-width: 1419px){
    .youtube3{padding: 80px 0 60px;}
    .youtube3 .common-title{margin-bottom: 70px;}

}
@media screen and (max-width: 1219px){
    .youtube3{padding: 40px 0 20px;}
    .youtube3 .common-title{margin-bottom: 40px;}
    .youtube3-list{flex-wrap: wrap;}
    .youtube3-list .youtube3-item{padding: 0 20px;}
    .youtube3 .youtube3-bot{margin-top: 40px;}
}
@media screen and (max-width: 991px){
    .youtube3{padding: 20px 0;}
    .youtube3 .common-title{margin-bottom: 20px;}
    .youtube3-list .youtube3-item{width: calc(50% - 10px);min-height: 0px;margin-bottom: 20px;}
    .youtube3-list .youtube3-item .youtube3-tit{margin-bottom: 10px;font-size: 18px;}
    .youtube3-list .youtube3-item .youtube3-txt{font-size: 14px;}
    .youtube3-list .youtube3-item .youtube3-img{height: 60px;}
    .youtube3-list .youtube3-item .youtube3-img img{height: 70%;}

    .youtube3 .youtube3-bot{margin-top: 0;}
}
.youtube4{background-color: #F0FCFD;padding: 96px 0;}
.youtube4 .common-title{margin-bottom: 50px;}
.you-swiper-parent{position: relative;width: 1570px;margin: 0 auto;padding: 0 80px;max-width: 100%;}
.you-swiper .swiper-wrapper{display: flex;align-items: center;}
.you-swiper .swiper-slide{display: flex;align-items: center;justify-content: space-between;}
.you-swiper .swiper-slide .youtube4-left{flex:0 0 60%}
.you-swiper .swiper-slide .youtube4-right{flex:0 0 40%}
/*.you-swiper-parent  .you-swiper-button{width: 38px;height: 38px;}*/
/*.you-swiper-parent .swiper-button-prev{background: url("../images/youtube/youtube-swiper-left.png") no-repeat;}*/
/*.you-swiper-parent .swiper-button-next{background: url("../images/youtube/youtube-swiper-right.png") no-repeat;}*/
.youtube4 .youtube4-tit{font-size: 30px;color: #2BD5E5;margin-bottom: 30px;}
.youtube4 .youtube4-txt{font-size: 16px;color: #000;height: 120px;}
.youtube4 .youtube4-tit2{font-size: 24px;color: #000;display: flex;align-items: center;margin-bottom: 30px;}
.youtube4 .youtube4-tit2 em{width: 12px;height: 12px;background: linear-gradient(0deg, #5642F9 0%, #5A9CFF 0%, #00FFCC 99%);border-radius: 50%;margin-right: 10px;}
.you-swiper .swiper-slide .youtube4-left ul{}
.you-swiper .swiper-slide .youtube4-left ul li{display: flex;align-items: center;line-height: 22px;margin-bottom: 27px;}
.you-swiper .swiper-slide .youtube4-left ul li:last-child{margin-bottom: 0;}
.you-swiper .swiper-slide li img{margin-right: 10px;}
@media screen and (max-width: 1419px){
    .youtube4{padding: 70px 0 20px;}
}
@media screen and (max-width: 1219px){
    .youtube4{}
}
@media screen and (max-width: 991px){
    .youtube4{padding: 20px 0;}
    .youtube4 .common-title{margin-bottom: 20px;}
    .youtube4 .youtube4-tit{margin-bottom: 10px;font-size: 18px;}
    .youtube4 .youtube4-txt{height: auto;font-size: 14px;margin-bottom: 10px;}
    .youtube4 .youtube4-txt br{display: none;}
    .youtube4 .youtube4-tit2{margin-bottom: 10px;font-size: 16px;}
    .youtube4 .youtube4-tit2 em{width: 8px;height: 8px;margin-right: 6px;}
    .you-swiper .swiper-slide .youtube4-left ul li{margin-bottom: 10px;}
}
@media screen and (max-width: 767px){
    .you-swiper-parent{padding: 0 40px;}
    .you-swiper .swiper-slide{flex-wrap: wrap;}
    .you-swiper .swiper-slide .youtube4-right{order: 1;flex: 0 0 100%;text-align: center;}
    .you-swiper .swiper-slide .youtube4-right img{width: 80%;}
    .you-swiper .swiper-slide .youtube4-left{order: 22;width: 100%;flex: 0 0 100%;}
}
.youtube5{padding: 95px 0 55px;}
.youtube5 .nf-box{text-align: center;position: relative;padding-bottom: 180px;}
.youtube5 .nf-box>img{}
.youtube5 .youtube5-item{width: 312px;background: #FFFFFF;box-shadow: 0px 0px 13px 0px rgba(0, 0, 0, 0.07);padding:0 0 20px 0;position: absolute;}
.youtube5 .youtube5-item:hover{animation: jump 0.6s ease;}
.youtube5 .youtube5-item .youtube5-tit{font-size: 24px;color: #2BD5E5;text-align: center;margin: 40px 0 16px 0;}
.youtube5 .youtube5-item5 .youtube5-tit{margin: 18px 0 9px 0;}
.youtube5 .youtube5-item .youtube5-txt{font-size: 16px;color: #000000;line-height: 32px;letter-spacing:-1px}
.youtube5 .youtube5-item1{left: 0;top: 76px;}
.youtube5 .youtube5-item2{left: 0;bottom: 20px;}
.youtube5 .youtube5-item3{left:calc((100% - 312px)/2);bottom: 0;}
.youtube5 .youtube5-item4{right: 0;top: 76px;}
.youtube5 .youtube5-item5{right: 0;bottom: 20px;}
@media screen and (max-width: 1419px){

    .youtube5 .nf-box>img{width: 50%;}

}
@media screen and (max-width: 1219px){
    .youtube5 .youtube5-item{zoom: 0.8;}
}
@media screen and (max-width: 991px){
    .youtube5{padding: 20px 0 0 0;}
    .youtube5 .nf-box{padding-bottom: 0;}
    .youtube5 .nf-box>img{width: 90%;}
    .youtube5 .youtube5-item{zoom: 1;position: static;transform: translate(0);margin-bottom: 20px;width: calc(50% - 10px);}
    .youtube5 .youtube5-list{display: flex;flex-wrap: wrap;justify-content: space-between;}
}
.youtube6{background: #F0FCFD;padding: 80px 0;}
.youtube6 .youtube6-list{margin-top: 30px;display: flex;align-items: center;justify-content: space-between;}
.youtube6 .youtube6-list .youtube6-left{flex: 0 0 45%;}
.youtube6 .youtube6-list .youtube6-right{flex: 0 0 53%;}
.youtube6 .youtube6-item:not(:last-child){margin-bottom: 40px;}
.youtube6 .youtube6-item .youtube6-tit{font-size: 24px;color: #2BD5E5;}
.youtube6 .youtube6-item .youtube6-tit img{margin-right: 10px;}
.youtube6 .youtube6-item .youtube6-txt{font-size: 16px;color: #000;line-height: 32px;}
.youtube6 .youtube6-item:hover .youtube6-txt{color: #2BD5E5;}
@media screen and (max-width: 1419px){
    .youtube6{padding: 60px 0;}
}
@media screen and (max-width: 1219px){
    .youtube6{padding: 40px 0;}

}
@media screen and (max-width: 991px){
    .youtube6{padding: 20px 0;}
    .youtube6 .youtube6-list{flex-wrap: wrap;}
    .youtube6 .youtube6-list .youtube6-left{flex: 0 0 100%;text-align: center;}
    .youtube6 .youtube6-list .youtube6-left img{width: 80%;}
    .youtube6 .youtube6-list .youtube6-right{flex: 0 0 100%;}
    .youtube6 .youtube6-item:not(:last-child){margin-bottom: 10px;}
    .youtube6 .youtube6-item .youtube6-tit{font-size: 18px;}
    .youtube6 .youtube6-item .youtube6-txt{font-size: 14px;line-height: 22px;}
}
/* fb */
.facebook *{box-sizing: border-box;}
.facebook-body{padding-top: 0;}
.fb-btn{display: inline-block;width: 361px;height: 73px;background: linear-gradient(74deg, #7698FD 0%, #7F66FD 0%, #326FF9 99%);border-radius: 37px;color: #fff;font-size: 18px;line-height: 73px;text-align: center;}
.fb-btn:hover{color: #fff;}
.fb2{margin: 90px 0 134px;}
.fb2 .fb2-list{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 100px auto 110px;}
.fb2 .fb2-list .fb2-item{width: calc(25% - 15px);max-width: 280px;text-align: center;padding:20px;}
.fb2 .fb2-list .fb2-item:hover{box-shadow: 0px 0px 13px 0px rgb(0 0 0 / 10%);}
.fb2 .fb2-list .fb2-item .fb2-tit{color: #396DF9;font-size: 20px;margin: 30px 0 40px;}
.fb2 .fb2-list .fb2-item .fb2-txt{color: #000000;font-size: 16px;line-height: 28px;}
/*.fb2 .common-bottom .common-w1{background-image: url(../images/fb/fb-wavetop.png);}*/
/*.fb2 .common-bottom .common-w2{background-image: url(../images/fb/fb-wavebg.png);}*/
@media screen and (max-width: 1219px) {
    .fb2{margin: 60px auto 90px;}
}
@media screen and (max-width: 991px) {
    .fb2{margin: 20px auto 30px;}
    .fb2 .fb2-list{margin: 20px auto 0;}
    .fb2 .fb2-list .fb2-item{width: calc(50% - 10px);max-width: 100%;padding: 5px;}
}
@media screen and (max-width: 767px) {
    .fb2 .fb2-list .fb2-item .fb2-tit{margin: 10px 0;}

    .fb-btn{width: 90%;height: auto;padding: 10px 20px;line-height:normal}
}
@media screen and (max-width: 480px) {
    .fb2 .fb2-list .fb2-item{width: 100%;margin-bottom: 0px;}
}
.fb3 .fb3-box{display: flex;margin: 120px 0 120px 64px;}
.fb3 .fb3-box>img{width: 45%;}
.fb3 .fb3-box .fb3-list{transition: all .4s;display: flex;flex-wrap: wrap;max-width: 800px;justify-content: space-between;margin-left: -45px;width: 55%;}
.fb3 .fb3-box .fb3-list>div{width: 50%;max-width: 300px;display: flex;align-items: flex-start;transition: all .4s;position: relative;top: 0}
.fb3 .fb3-box .fb3-list>div:hover{position: relative;top: -8px;transition: all .4s}
.fb3 .fb3-box .fb3-list>div>img{margin-right: 10px;}
.fb3 .fb3-box .fb3-list>div .fb3-tit{color: #396DF9;font-size: 22px;font-weight: bold;margin-bottom: 20px;}
.fb3 .fb3-box .fb3-list>div .fb3-txt{color: #000;font-size: 16px;line-height: 28px;letter-spacing: -1.2px;}
@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb3 .fb3-box{margin: 20px auto;width: calc(100% - 30px);flex-wrap: wrap;justify-content: center;}
    .fb3 .fb3-box .fb3-list{width: 100%;margin-left: 0;}
}
@media screen and (max-width: 767px) {
    .fb3 .fb3-box .fb3-list>div{width: 100%;max-width: 100%;}
    .fb3 .fb3-box .fb3-list>div:hover{position: relative;top: 0px;transition: all .4s}
}
.fb4{position: relative;}
.fb4 .nf-box{margin: 90px auto 120px;}
.fb4 .fb4-left{max-width: 810px;width: 43vw;}
.fb4 .fb4-left li{padding: 0 95px 22px 22px;border-radius: 10px;}
.fb4 .fb4-left li .fb4-tit{font-size: 22px;color: #396DF9;line-height: 58px;}
.fb4 .fb4-left li .fb4-txt{font-size: 18px;line-height: 30px;color: #010101;}
.fb4 .fb4-left li.on{background-color: #396DF9;}
.fb4 .fb4-left li.on p{color: #fff;}
/*.fb4 .fb4-right{position: absolute;right: 0;max-width: 803px;padding: 78px 13px 30px 41px; top: 161px;width: 42vw;*/
/*background: url("../images/fb/fb-item4-rightbg.png") no-repeat;*/
/*}*/
.fb4 .fb4-right img{display: none;}
.fb4 .fb4-right img.on{display: block;max-width: 100%;max-height: 557px;}
.fb4 .fb4-btn{text-align: center;margin-top: 100px;width: 100%;}

@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb4 .nf-box{display: flex;flex-wrap: wrap;margin: 20px auto;}
    .fb4 .fb4-right{position: static;order: 1;width: 100%;}
    .fb4 .fb4-left{order: 2;width: 100%;}
    .fb4 .fb4-btn{order: 3;margin-top: 10px;}
}
@media screen and (max-width: 767px) {
}
.fb5{background: #F7F8FF;padding: 80px 0;}
.fb5 .nf-box{display: flex;margin-top: 94px;}
.fb5 .fb5-left{position: relative;margin-right: 40px;}
.fb5 .fb5-left .fb5-vertical{width: 2px;height: 422px;background-color: #AEBAC3;position: absolute;left: 10px;top: 20px;}
.fb5 .fb5-left .fb5-img-on{display: none;}
.fb5 .fb5-left .fb5-l-item{display: flex;align-items: center;margin-top: 80px;margin-left: -10px;position: relative;}
.fb5 .fb5-left .fb5-l-item:nth-of-type(1){margin-top: 100px;}
.fb5 .fb5-left .fb5-l-item .fb5-line{width: 65px;height: 2px;background-color: #AEBAC3;}
.fb5 .fb5-left .fb5-l-item > img{border: 10px solid #F7F8FF;}
.fb5 .fb5-left .fb5-l-item span{margin-left: 7px;color: #333;font-size: 22px;}
.fb5 .fb5-left .fb5-l-item.on{}
.fb5 .fb5-left .fb5-l-item.on .fb5-img{display: none;}
.fb5 .fb5-left .fb5-l-item.on .fb5-img-on{display: block;}
.fb5 .fb5-left .fb5-l-item.on .fb5-line{background-color: #396DF9;}
.fb5 .fb5-left .fb5-l-item.on span{color: #396DF9;}
.fb5 .fb5-list{}
.fb5 .fb5-list .fb5-item{display: none;}
.fb5 .fb5-list .fb5-item.on{display: flex;}
.fb5 .fb5-list .fb5-item .fb5-ul{margin-left: 52px;max-width: 438px;}
.fb5 .fb5-list .fb5-item .fb5-tit{color: #010101;font-size: 22px;position: relative;margin-bottom: 18px;}
.fb5 .fb5-list .fb5-item .fb5-tit::before{content: "";display: block;width: 6px;height: 6px;background-color: #000;border-radius: 50%;position: absolute;left: -16px;top: 10px;}
.fb5 .fb5-list .fb5-item .fb5-txt{color: #010101;font-size: 16px;}
.fb5 .fb5-list .fb5-item li:not(:last-child){margin-bottom: 28px;}

.fb5 .fb5-list .fb5-item .fb5-item-img{max-width: 590px;width: 30.8vw;}
.fb5-m-left{display: none;}
@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb5{padding: 20px 0;}
    .fb5 .fb5-left{display: none;}
    .fb5 .nf-box{flex-wrap: wrap;margin-top: 20px;}
    .fb5-m-left{display: flex;width: 100%;margin-bottom: 10px;}
    .fb5-m-left p{flex: 1;text-align: center;height: 40px;line-height: 40px;font-size: 16px;}
    .fb5-m-left p.on{color: #396DF9;}
    .fb5 .fb5-list .fb5-item .fb5-ul{margin-left: 18px;}
    .fb5 .fb5-list .fb5-item.on{flex-wrap: wrap;}
    .fb5 .fb5-list .fb5-item .fb5-item-img{width: 100%;text-align: center;max-width: 100%;}
    .fb5 .fb5-list .fb5-item .fb5-tit{margin-bottom: 0;}
    .fb5 .fb5-list .fb5-item li:not(:last-child){margin-bottom: 0;}
}
@media screen and (max-width: 767px) {
}
.fb6{}
.fb6 .common-title{margin: 100px auto 60px;}
.fb6 .fb6-list{display: flex;justify-content: space-between;}
.fb6 .fb6-list .fb6-item{max-width: 320px;width: calc(25% - 10px);}
.fb6 .fb6-list .fb6-item:hover{box-shadow: 0px 0px 13px 0px rgba(0,0,0,.1 );  }
.fb6 .fb6-list .fb6-item .fb6-top{width: 100%;display: flex;align-items: center;justify-content: center;flex-direction: column;height: 160px;}
.fb6 .fb6-list .fb6-item .fb6-tit{color: #fff;font-size: 24px;margin-top: 20px;}
.fb6 .fb6-list .fb6-item .fb6-txt{color: #333;font-size: 16px;line-height: 28px;}
.fb6 .fb6-list .fb6-item .fb6-bot{text-align: center;padding: 20px 0 ;}
.fb6 .fb6-list .fb6-item:nth-of-type(1) .fb6-top{background: linear-gradient(90deg, #D4238F, #AC2F93, #77409B);}
.fb6 .fb6-list .fb6-item:nth-of-type(2) .fb6-top{background: linear-gradient(90deg, #0ABBFF, #1FA1FF, #3A7DFF);}
.fb6 .fb6-list .fb6-item:nth-of-type(3) .fb6-top{background: linear-gradient(90deg, #FCB84F, #F58963, #E63782);}
.fb6 .fb6-list .fb6-item:nth-of-type(4) .fb6-top{background: linear-gradient(90deg, #695FFE, #6C69FE, #6F81FF);}
.fb6 .fb6-btn{text-align: center;margin: 20px auto 130px;}
@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb6 .common-title{margin: 20px auto;}

    .fb6 .fb6-list{flex-wrap: wrap;}
    .fb6 .fb6-list .fb6-item{width: calc(50% - 10px);}
    .fb6 .fb6-list .fb6-item .fb6-top{height: auto;padding: 20px 0;}
    .fb6 .fb6-list .fb6-item .fb6-tit{margin-top: 10px;font-size: 20px;}
    .fb6 .fb6-list .fb6-item .fb6-bot{padding: 10px 0;}
    .fb6 .fb6-list .fb6-item .fb6-txt{font-size: 14px;line-height: 22px;}

    .fb6 .fb6-btn{margin: 10px auto 20px;}
}
@media screen and (max-width: 480px) {
    .fb6 .fb6-list .fb6-item{width: 100%;max-width: 100%;}

}
.fb7{}
.fb7 .nf-box img{margin: 82px auto 135px;}
@media screen and (max-width: 1219px) {
}
@media screen and (max-width: 991px) {
    .fb7 .nf-box img{margin: 20px 0;}

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