@charset "utf-8";

[data-href] {
    cursor: pointer;
}

.index-banner {
    height: 680px;
}

.index-banner .swiper-container {
    height: 100%;
}

.index-banner .swiper-slide {
    background: no-repeat center;
}

.index-banner .swiper-slide .main-wrap {
    box-sizing: border-box;
    height: 100%;
    padding-top: 70px;
    justify-content: space-around;
    position: relative;
}


.index-banner .index-banner-l .index-banner-1{
    width: 700px;
    height: 300px;
    background: url(../images/banner-1-icon-1.png) no-repeat;
    background-size: 100% 100%;

}

.index-banner-1 .index-banner-title {
    
  font-weight:bold;
  font-size: 72px;
  color: #fff;
  text-align: right;
}

.index-banner-text{
    font-weight:bold;
    font-size: 72px;
    color: #fff;
    text-align: right;
    display: block;
    padding-top: 20px;
}

.index-banner-p {
    font-size: 72px;
    color: #fff;
    margin-top: 30px;
    padding: 10px 30px;
    background-color: rgba(255, 255, 255, .15);
    border-radius: 50px;
    line-height: 1.6em;
}

.index-banner-title-block {
    padding-bottom: 30px;
    position: relative;
}


.index-banner-title-block .index-banner-title {
    font-weight:bold;
    font-size: 64px;
    color: #fff;
}

.index-banner-title-block .index-banner-title .tag {
    box-sizing: border-box;
    display: inline-block;
    width: 209px;
    height: 44px;
    font-size: 30px;
    line-height: normal;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjA5cHgiIGhlaWdodD0iNDRweCI+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjUyLCAxMjUsIDYzKSIgZD0iTTIwMy4wMDAsNDQuMDAwIEwxNS4wMDAsNDQuMDAwIEwtMC4wMDAsNDQuMDAwIEw5LjAwMCwzMy44MDAgTDkuMDAwLDYuMDAwIEM5LjAwMCwyLjY4NiAxMS42ODYsLTAuMDAwIDE1LjAwMCwtMC4wMDAgTDIwMy4wMDAsLTAuMDAwIEMyMDYuMzE0LC0wLjAwMCAyMDkuMDAwLDIuNjg2IDIwOS4wMDAsNi4wMDAgTDIwOS4wMDAsMzguMDAwIEMyMDkuMDAwLDQxLjMxNCAyMDYuMzE0LDQ0LjAwMCAyMDMuMDAwLDQ0LjAwMCBaIi8+PC9zdmc+) no-repeat center;
    padding: 0 0 0 9px;
    text-align: center;
}

.index-banner-l .index-banner3-title-block{
    
    z-index: 1;
    width: 550px;
    height: 360px;
    background-size: 100% 100%;
    text-align: center;
    margin: auto;
 

}

.index-banner3-p-block{
    background: url(../images/20200428-icon-1.png);
    width: 100%;
    height: 10%;
    background-size: 100% 100%;
    line-height: 55px;
    text-align: center;
}

.index-banner3-p-block .index-banner3-p {
    
    color: #fff;
    font-size: 28px;
    letter-spacing: 4px;
    border-radius: 0;
    
    padding: 0;
}


.index-banner-title-block .index-banner-subtitle {
    color: #fff;
    font-size: 24px;
    margin-top: 15px;
}

.index-banner-p-block .index-banner2-p {
    text-shadow:#000 3px 4px 5px;
    color: #fff;
    font-size: 16px;
    letter-spacing: 8px;
    background: none;
    border-radius: 0;
    line-height: normal;
    padding: 0;
}




.slide-3 .index-banner-p-block .index-banner-p {
    font-size: 24px;
    line-height: 1.6em;
}

.index-banner-bottom{
    z-index: 999;
    opacity: 1;
    top:350px;
    position: absolute;
    float: left;
    color: #fff;
    text-align: center;
    width: 100%;
}
.index-banner-bottom-ico{
    text-align: center;
    width: 80%;
    display: block;
    margin-bottom: 30px;
}
.index-banner-bottom p{
    font-size: 20px;
}

.index-banner-bottom li{
    display: inline-block;
    text-align: center;
    margin: 0 40px 80px 0;
}


.index-banner .swiper-pagination {
    bottom: 30px;
}

.index-banner .swiper-pagination .swiper-pagination-bullet {
    width: 36px;
    height: 14px;
    background: none;
    position: relative;
    margin: 0 6px;
}

.index-banner .swiper-pagination-bullet:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    border-radius: 50px;
    background-color: #fff;
    left: 0;
    bottom: 0;
}







/*seo推广*/

.banner-pic .banner-pic0{
    width: 100%;
    height: 620px
    
}

.swiper-container .banner_container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;

    position: relative
}

.banner-pic0-btn-container {
    position: absolute;
    top: 448px;
    left: 500px
}


.banner-pic0-consultBtn {
    width: 250px;
    height: 75px;
    background: url(../images/btn_banner0.png) no-repeat -23px -24px;
    display: inline-block;
    margin-right: 28px
}

.banner-pic0-consultBtn:hover {
    cursor: pointer;
    background: url(../images/btn_banner0.png) no-repeat -23px -128px
}

.banner-pic0-buyBtn {
    width: 200px;
    height: 75px;
    background: url(../images/btn_banner0.png) no-repeat -332px -24px;
    display: inline-block;
    margin-right: 40px
}

.banner-pic0-buyBtn:hover {
    cursor: pointer;
}

.pic2 {
    height: 701px;
    width: 100%;
    background: url(../images/bg02.png) center no-repeat
}

.pic2 .container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.pic2 .disadvantage-title {
    text-align: center;
    font-size: 36px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #353545;
    line-height: 65px;
    margin-top: 86px
}

.pic2 .disadvantage-container {
    margin-top: 56px;
    width: 100%;
    height: 270px;
    position: relative
}

.pic2 .disadvantage-container:after {
    display: block;
    content: "";
    clear: both
}

.pic2 .disadvantage-container .disadvantage {
    display: inline-block;
    width: 280px;
    height: 100%;
    text-align: center;
    vertical-align: middle
}

.pic2 .disadvantage-container .disadvantage-top {
    height: 210px;
    position: relative
}

.disadvantage-top-text {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%)
}

.pic2 .disadvantage-container .disadvantage-top p:nth-child(1) {
    font-size: 40px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: white;
    line-height: 65px
}

.pic2 .disadvantage-container .disadvantage-top p:nth-child(2) {
    font-size: 12px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: white;
    opacity: .6;
    filter: alpha(opacity=60)
}

.pic2 .disadvantage-container .disadvantage0 {
    margin-left: 4px
}

.pic2 .disadvantage-container .disadvantage1 {
    margin-left: 20px
}

.pic2 .disadvantage-container .disadvantage2 {
    margin-left: 21px
}

.pic2 .disadvantage-container .disadvantage3 {
    margin-left: 20px
}

.pic2 .disadvantage-container .disadvantage .disadvantage-bottom {
    height: 60px;
    line-height: 60px;
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #86828f
}

.pic2 .btm1 {
    margin: 76px auto 0 auto;
    display: block
}

.pic2 .btn-consult-right-arrow {
    position: relative;
    top: -1px;
    background: url(../images/icon01.png) no-repeat -1px 0;
    display: inline-block;
    width: 24px;
    height: 24px;
    vertical-align: middle;
    margin-left: 7px
}

.pic3 {
    height: 1086px;
    width: 100%;
    background: url(../images/bg03.png) center no-repeat
}

.pic3 .container {
    height: 100%;
    width: 1200px;
    margin: 0 auto;
    overflow: hidden;
    position: relative
}

.pic3 .advantage-title {
    font-size: 36px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #353545;
    text-align: center;
    margin-top: 143px
}

.pic3 .advantage-subtitle {
    text-align: center;
    font-size: 20px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #9a9aa4;
    margin-top: 23px
}

.pic3 .advantage-container {
    height: 585px;
    width: 480px;
    margin-top: 86px;
    position: absolute;
    left: 672px
}

.pic3 .advantage-container .advantage {
    height: 70px;
    margin-left: 63px
}

.pic3 .advantage-container .advantage p:nth-child(1) {
    font-size: 26px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #313035;
    margin-bottom: 13px
}

.pic3 .advantage-container .advantage p:nth-child(2) {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #9696a7;
    line-height: 24px
}

.pic3 .advantage-container .advantage2 {
    margin-top: 42px
}

.pic3 .advantage-container .advantage3 {
    margin-top: 42px
}

.pic3 .advantage-container .advantage4 {
    margin-top: 42px
}

.pic3 .advantage-container .advantage5 {
    margin-top: 42px
}

.pic3 .btm1 {
    margin-top: 67px
}


 .pic4 {
    height: 933px;
    width: 100%;
    background: url(../images/bg04.png) center no-repeat
}

 .pic4 .container {
    width: 1200px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

 .pic4 .container .result-title {
    font-size: 36px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #353545;
    text-align: center;
    margin-top: 89px
}

.pic4 .container .result-subtitle {
    font-size: 18px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #9a9aa4;
    text-align: center;
    margin-top: 13px
}

.pic4 .container .result-container {
    width: 985px;
    margin: 56px auto 0 auto
}

.pic4 .container .result-container .before {
    display: inline-block;
    margin: 43px 0 0 45px
}

.pic4 .container .result-container .before p:nth-child(1) {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #353545;
    margin-bottom: 10px
}

.pic4 .container .result-container .before p:nth-child(2) {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #9696a7
}

.pic4 .container .result-container .after {
    display: inline-block;
    margin-left: 332px
}

.pic4 .container .result-container .after p:nth-child(1) {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #353545;
    margin-bottom: 10px
}

.pic4 .container .result-container .after p:nth-child(2) {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #9696a7
}

.pic4 .btm0 {
    display: block;
    margin: 460px auto 0 auto
}


.pic6 {
    height: 810px;
    width: 100%;
    background: url(../images/bg06.png) center no-repeat
}

.pic6 .container {
    width: 1200px;
    margin: 0 auto;
    height: 100%;
    overflow: hidden;
    position: relative
}

.pic6 .example-title {
    margin: 60px auto 0 auto;
    text-align: center;
    font-size: 34px;
    font-weight: 400;
    color: #464450
}

.pic6 .step-container {
    width: 994px;
    height: 415px;
    margin: 74px auto 0 auto;
    position: relative
}

.pic6 .step-duration {
    display: inline-block;
    color: #b7b6c2;
    margin-top: 12px;
    font-size: 14px;
    font-weight: 400
}

.pic6 .step {
    font-size: 16px;
    font-weight: bold;
    color: #312e41;
    position: absolute
}

.pic6 .step1 {
    left: 43px;
    top: 110px;
    text-align: center
}

.pic6 .step2 {
    left: 314px;
    top: 110px;
    text-align: center
}

.pic6 .step3 {
    left: 584px;
    top: 110px
}

.pic6 .step4 {
    left: 850px;
    top: 110px
}

.pic6 .step5 {
    left: 30px;
    top: 338px
}

.pic6 .step6 {
    left: 314px;
    top: 338px
}

.pic6 .step7 {
    left: 584px;
    top: 338px;
    text-align: center
}

.pic6 .step8 {
    left: 855px;
    top: 338px
}

.pic6 .container .btm1 {
    display: block;
    margin: 70px auto 0 auto
}

.pic7 {
    height: 600px;
    width: 100%;
    background: url(../images/bg07.png) center no-repeat
}

.pic7 .container {
    width: 1300px;
    height: 100%;
    margin: 0 auto;
    overflow: hidden
}

.pic7 .promise-title {
    font-size: 36px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #353545;
    margin-top: 87px;
    text-align: center
}

.pic7 .promise-container {
    height: 335px;
    position: relative
}

.pic7 .promise {
    position: absolute;
    font-size: 16px;
    font-weight: 400;
    color: #454453;
    line-height: 30px;
    text-align: center;
    width: 241px
}

.pic7 .promise p:nth-child(1) {
    font-size: 28px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #313035;
    margin-bottom: 17px
}

.pic7 .promise p:nth-child(2) {
    font-size: 16px;
    font-family: MicrosoftYaHei;
    font-weight: 400;
    color: #70707e
}

.pic7 .promise1 {
    bottom: 65px;
    left: 57px
}

.pic7 .promise2 {
    bottom: 65px;
    left: 369px
}

.pic7 .promise3 {
    bottom: 65px;
    left: 689px
}

.pic7 .promise4 {
    bottom: 65px;
    left: 996px
}

.pic7 .btm1 {
    display: block;
    margin: 0 auto
}




/*派琪态度*/
.paiky-att-box{
    height: 735px;
}
.paiky-att-box .img-box25{
    height: 735px;
    padding-top: 27px;
    width: 50%;
}
.paiky-att-box .img-box25 img,
.paiky-att-box .text-box img{
    width:100%;
}
.paiky-att-box .text-box{
    width:50%;
    padding-top: 49px;
    background-color: #FCFCFC;
}
.paiky-att-box .text-box li{
    width:50%;
    float: left;
}
.paiky-att-box .text-box li.text01,
.paiky-att-box .text-box li.text02{
    position: relative;
}
.paiky-att-box .text-box li.text02 b{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);

    font-size: 23px;
    color: #FFFFFF;
    line-height: 40px;
}
.paiky-att-box .text-box li.text01 .text03{
    position: absolute;
    top:15.4%;
    left:12%;
}
.paiky-att-box .text-box li.text01 .text03 span{
    display: block;
    width:233px;
    height:16px;
    margin: 10px 0 24px;
}
.paiky-att-box .text-box li.text01 .text03 h2{
    display: block;
    font-size: 30px;
    color: #333333;
}
.paiky-att-box .text-box li.text01 .text03 i{
    display: block;
    width:77px;
    height:2px;
    background-color: #C5C5C5;
    margin-bottom: 26px;
}
.paiky-att-box .text-box li.text01 .text03 p{
    font-size: 16px;
    color: #7B7B7B;
    line-height: 24px;
    overflow : hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
}



.paiky-att-box .img-box25 .swiper-container-horizontal > .swiper-pagination-bullets{
    bottom: auto;
    right: 30px;
    left:auto;
    width:auto;
    top:50%;
}
.paiky-att-box .img-box25 .swiper-pagination-bullet{
    display: block;
    margin: 8px 0;
    width:10px;
    height:10px;
    opacity: 1;
    background-color: #FFFFFF;
}
.paiky-att-box .img-box25 .swiper-pagination-bullet-active{
    background-color: #1A58AB;
    opacity: 1;
}



.paiky-att-box .text-box li.text02 b{
        font-size: 17px;    
    }
    .paiky-att-box .text-box li.text01 .text03 b{
        font-size: 16px;
    }
    .paiky-att-box .text-box li.text01 .text03 span{
        width: 100%;
    }
    .paiky-att-box .text-box li.text01 .text03 p{
        font-size: 12px;
        line-height: 20px;
    }
    .paiky-att-box .text-box li.text01 .text03{
        top: 11.4%;
        left: 0;
        padding: 0 6%;
    }
    .paiky-att-box .text-box li.text01 .text03 i{
        margin-bottom: 11px;
    }
    .paiky-att-box .text-box{
        padding-top: 27px;
    }


    /*派琪团队文化*/
.team-cultr{
    position: relative;
}
.team-cultr .text-box{
    width:50%;
    position:relative;
}
.team-cultr .text-box>img{
    width:100%;
}
.team-cultr .text-box .text{
    position:absolute;
    top:24%;
    left:28%;
}
.team-cultr .img-box26{
    width: 50%;
}
.team-cultr .img-box26>img{
    width:100%;
}
.team-cultr .text h2{
    font-size: 35px;
    color: #333333;
}
.team-cultr .text i{
    display: block;
    width:54px;
    height:2px;
    background-color: #CFCFCF;
    margin: 30px 0 25px;
}
.team-cultr .text .text01{
    margin-bottom: 70px;
}
.team-cultr .text .text01 span{
    font-size: 20px;
    color: #000;
    font-family: 'Microsoft YaHei Regular';
}
.team-cultr .text .text01 p{
    font-size: 16px;
    color: #999;
    line-height: 24px;
    margin-top: 6px;
}
.team-cultr .text .text02 span{
    font-size: 18px;
    color: #333333;
    margin-bottom: 25px;
}
.team-cultr .text .text02 p{
    font-size: 16px;
    color: #999;
    line-height: 24px;
    margin-top: 35px;
}
.team-cultr>s{
    position: absolute;
    left:50%;
    top:50%;
    transform: translate(-50%,-50%);
    -ms-transform:translate(-50%,-50%); /* IE 9 */
    -moz-transform:translate(-50%,-50%);    /* Firefox */
    -webkit-transform:translate(-50%,-50%); /* Safari 和 Chrome */
    -o-transform:translate(-50%,-50%);
}
    .team-cultr .text-box .text{
        left: 0;
        top: 0;
        padding: 6%;
    }

.team-cultr .text-box .text{
        left: 0;
        top: 0;
        padding: 6%;
    }
    .team-cultr .text b{
        font-size: 16px;
    }
    .team-cultr .text .text01 span,.team-cultr .text .text02 span{
        font-size: 14px;
    }
    .team-cultr .text .text01 p,.team-cultr .text .text02 p{
        font-size: 12px;
        line-height: 20px;
    }
    
    .team-cultr .text .text02 p{
        margin-top: 10px;   
    }
    .team-cultr .text-box .text .text01{
        margin-bottom: 18px;
    }
    .team-cultr .text i{
        margin: 10px 0;
    }
    .web-marking,.marking-strategy,.systematize,.paiky-att-box,.team-cultr,.chase-detail-box,.paiky-active-box,
    .weChat-applet,.weChat-correlation,.service-feature,.function-planning,.ui-design,.development,.representative-case,.solute-way,.weChat-idea{
        width: 1800px;
        overflow: hidden;
		margin-left: auto;
		margin-right: auto;
		
    }



/*对于细节的追求，我们向来偏执！*/
.chase-detail-box{
    height:800px;
    padding-top: 70px;
    background: url("../images/paiky-att-img05.jpg");
    background-size:cover;
}
.chase-detail{
    width:1260px;
    margin: 0 auto;
}
.chase-detail .text{
    width:620px;
    padding-top: 220px;
}
.chase-detail .text h2{
    font-size: 35px;
    color: #343434;
    display: block;
    margin-bottom: 25px;
}
.chase-detail .text p{
    font-size: 14px;
    line-height: 20px;
    color: #727272;
}
.chase-detail .text span{
    font-size: 18px;
    color: #333333;
    display: block;
    margin-top: 55px;
    margin-bottom: 8px;
}
.chase-detail-box .chase-detail .animate02{
        width: 50%;
    }

/*治学、*/
.study{
    height:536px;
    padding-top: 260px;
    background: url("../images/paiky-att-img06.jpg");
    background-size: cover;
}
.study .text{
    color: #FFFFFF;
    text-align: center;
}
.study .text h2{
    font-size: 50px;
}
.study .text span{
    display: block;
    font-size: 24px;
    margin: 20px 0 30px;
}
.study .text p{
    font-size: 16px;
    color: #DFE4F1;
    line-height: 28px;
}


/*合作伙伴*/
.partner-box{
    /*height:800px;*/
    /*padding-top: 60px;*/
    background: url("../images/paiky-att-img05.jpg");
    background-size:cover;
}

/*观点媒体资源*/
.media-idea{

}
.media-idea-box{
    width: 1260px;
    margin: 0 auto;
    padding-top: 75px;
    padding-bottom: 95px;
}
.media-idea-box .text{
    text-align: center;
}
.media-idea-box .text h2{
    font-size: 30px;
    color: #232323;
    margin-bottom: 10px;
}
.media-idea-box .text h2 span{
    color: #1A58AB;
}
.media-idea-box .text p{
    font-size: 18px;
    color: #666666;
}
.media-idea-box .media-box{
    /*border-left: 1px solid #E2E2E2;*/
    /*border-top: 1px solid #E2E2E2;*/
    margin-top: 50px;
    display: table;
    border-collapse: collapse;
}
.media-idea-box .media-box li{
    float: left;
    width: 200px;
    height: 122px;
    /*border-right: 1px solid #E2E2E2;*/
    /*border-bottom: 1px solid #E2E2E2;*/
    border: 1px solid #E2E2E2;
    text-align: center;
    line-height: 122px;
    margin: 0 0 -1px -1px;
}
.media-idea-box .media-box li img{
    /*filter: grayscale(100%);*/
    /*opacity: 0.5;*/
}
.media-idea-box .media-box li:hover img{
    /*filter: grayscale(0);*/
    /*opacity: 1;*/
}
.media-idea-box .media-box li:hover{
    box-shadow: 0 0 30px #E0E0E0;
}

/*.media-idea-box .media-box li{
        width: 20%;
    }*/


.fl {float:left;}
.fr {float:right;}

/**/




.jituan_img {
    position: absolute;
    left: 0;
    top: 0;
}

.jituan_img img{
    width: 100%;
    height: 1280px
}

.imga {
    background-color: #5574f8;
    animation: gt 30s infinite linear;
}

@keyframes gt {
    0% {
        margin-top: -650px;
        transform: scale(1);
    }
    25% {
        margin-top: -450px;
        transform: scale(1.2);
    }
    50% {
        margin-top: -250px;
        transform: scale(1.4);
    }
    75% {
        margin-top: -450px;
        transform: scale(1.2);
    }
    100% {
        margin-top: -650px;
        transform: scale(1);
    }
}

/**/

.items {
    
    overflow: hidden;
}

.main-title {
    font-size: 30px;
    text-align: center;
}

.main-subtitle {
    color: #999;
    font-size: 18px;
    text-align: center;
    margin-top: 10px;
}

.main-btn {
    margin-top: 60px;
   margin: auto;
	text-align: center;
}

.main-btn-a {
    display: inline-block;
    width: 300px;
    height: 60px;
    line-height: 60px;
    background-color: #3CA7FB;
    color: #fff;
    font-size: 24px;
    box-shadow: 0 6px 20px 0 rgba(60, 167, 251, .8);
}

.main-btn-a:hover {
    background-color: #5fb9ff;
}

/*  */

.items-main {
    height: 120px;
    background-color: #F6F6F6;
}

.items-main>.flex-row {
    height: 100%;
}

.items-main .item {
    flex: 1;
    border-right: 1px solid #E5E5E5;
    height: 100%;
}

.items-main .item:first-child {
    border-left: 1px solid #E5E5E5;
}

.items-main .item-block {
    text-align: center;
    height: 100%;
}

.items-main .num-block {
    text-align: center;
    font-family: "pmzdbt";
}

.items-main .numberRun-sub {
    color: #333;
    font-size: 18px;
    margin-left: 2px;
}

.items-main .numberRun-sub .number-p {
    height: 18px;
    line-height: 18px;
    text-align: left;
}

.items-main .numberRun,
.items-main .numberRun2,
.items-main .numberRun3,
.items-main .numberRun4,
.items-main .numberRun5 {
    font-size: 42px;
    color: #333;
}

.items-main .numberRun4-1 {
    display: inline-block;
    vertical-align: bottom;
    margin-left: 5px;
}

.items-main .numberRun-sub .number-plus {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAALklEQVQYlWM0NjZmwAL+MzAwMKILM2FTiQsMEsUsUM/g8iSGYgxfD5vQYGBgAADc2wSygummOAAAAABJRU5ErkJggg==) no-repeat center;
    position: relative;
    top: -4px;
    right: -4px;
}

.items-main .numberRun-sub .number-x {
    display: inline-block;
    width: 12px;
    height: 12px;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALBAMAAABbgmoVAAAAGFBMVEUAAAAzMzMzMzMzMzMzMzMzMzMzMzMzMzOW6p+xAAAAB3RSTlMA6z8+LnQFE4iCSwAAADtJREFUCNdjSGFgYGBJYHBUYGAwdGBgEmJgFgaKKCoYGgApJlEgBwjCAxjAPCEGiJwCA1glkAvRBzUFANzHBbYbwg4YAAAAAElFTkSuQmCC) no-repeat center;
    position: relative;
    top: 1px;
}

.items-main .mt-number-animate {
    height: 40px;
    line-height: 40px;
    overflow: hidden;
}

.items-main .numberRun4-1 .mt-number-animate {
    height: 16px;
    line-height: 16px;
}

.items-main .mt-number-animate-dom {
    display: inline-block;
    vertical-align: top;
}

.items-main .mt-number-animate-span {
    display: block;
}

.items-main .numberRun+.num-unit {
    font-size: 30px;
}

.items-main .item-title {
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}

/*  */

.items-contact {
    height: 318px;
    background: url(../images/items-contact-bg.png) no-repeat center;
    color: #fff;
}

.items-contact .promise {
    height: 98px;
    border-bottom: 1px dashed #fff;
    justify-content: space-around;
}

.items-contact .promise .item {
    justify-content: space-between;
}

.items-contact .promise .item .img-block {
    transition-duration: 1s;
}

.items-contact .promise .item:hover .img-block {
    transform: rotateZ(360deg);
}

.items-contact .promise .item-p {
    font-size: 24px;
    margin-left: 10px;
}

.items-contact .flex-col {
    height: 219px;
}

.items-contact .flex-col .item-title {
    font-size: 20px;
    margin-bottom: 35px;
}

.items-contact .item-form .item {
    margin: 0 10px;
}

.items-contact .item-form .label {
    margin-right: 6px;
}

.items-contact .item-form .input {
    border: none;
    width: 220px;
    height: 38px;
    line-height: 38px;
    box-sizing: border-box;
    padding: 0 10px;
    color: #666;
}

.items-contact .item-form .input:focus {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.24);
    transform: translateY(-4px);
}

.items-contact .item-form .verify {
    width: 126px;
    vertical-align: middle;
    margin-right: 6px;
}

.items-contact .item-form .item-btn {
    width: 116px;
    height: 38px;
    line-height: 38px;
    text-align: center;
}

.items-contact .item-form .item-btn-button {
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    border: none;
    color: #666;
    background-color: #FFEA00;
    cursor: pointer;
}

.items-contact .item-form .item-btn-button:hover {
    box-shadow: 0 0 5px 2px rgba(0, 0, 0, 0.24);
    transform: translateY(-4px);
}

/*  */

.items-website .flex-row {
    justify-content: space-between;
    margin-bottom: 40px;
}

.items-website .item {
    box-sizing: border-box;
    width: 265px;
    height: 450px;
    border: 1px solid #eee;
    position: relative;
	    background-color: white;
}

.items-website .img-block {
    margin-top: 30px;
    position: relative;
}

.items-website .img-a {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    opacity: 1;
}

.items-website .img-b {
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.items-website .item-title {
    font-size: 20px;
    text-align: center;
    margin: 15px 0 10px;
}

.items-website .item-p {
    color: #999;
    text-align: center;
    line-height: 24px;
}

.items-website .item-btn {
    text-align: center;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: 45px;
}

.items-website .item-btn-a {
    display: inline-block;
    width: 100px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    background-color: #00A2FF;
    border-radius: 50px;
    color: #fff;
}

.items-website .item:hover {
    box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2);
    border: 2px solid #dd4753;
	background-color:#dd4753;
	
}

.items-website .item:hover .img-a {
    opacity: 0;
}

.items-website .item:hover .img-b {
    opacity: 1;
}

.items-website .item:hover .item-title {
    color: #fff;
}
.items-website .item:hover .item-p {
    color: #fff;
}
/*  */

.items-fw .fw-block {
    padding: 50px 0;
    font-size: 24px;
    text-align: center;
    
}

.items-fw .fw-block .f-t {
    display: block;
    font-size: 30px;
}

.items-fw .ym-wrap {
    height: 58px;
    margin-top: 45px;
}

.items-fw .ym-item {
    flex: 1;
    background: #3CA7FB;
    font-size: 24px;
    height: 58px;
    line-height: 58px;
    color: #fff;
}

.items-fw .ym-item a.search {
    display: block;
    cursor: pointer;
}

.items-fw .ym-item a.search:before {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDoxMzRDRjE3RTMzRDExMUU4QTlCOUEwQjBGNjYzMkY0NiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDoxMzRDRjE3RjMzRDExMUU4QTlCOUEwQjBGNjYzMkY0NiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjEzNENGMTdDMzNEMTExRThBOUI5QTBCMEY2NjMyRjQ2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjEzNENGMTdEMzNEMTExRThBOUI5QTBCMEY2NjMyRjQ2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+33hr0gAAAclJREFUeNqslT1LA0EQhu+SFFqICBYGKyVaBBSihdgIipBKIZWNEWLlxw+Ilb8gWAiC2kTSBoKFlY3aRQVtVSxUkkokIjYxJue7MgvjuXuXbDLwkOU2M+/M7uyu7TiOpbBusAQSIAYGQB2UQBHkwQloWH4mBFwsg2fH327AjML/DzarIAgOwSrTfwKnlLmYj4A46Kd5UUEaZJqp4Ihl9wAWNFmFwBp4Y//f1FXAl0XaOejzKx1EwCP5fIFJnUAXeGGZ9zQRXBIFH+R7oRNIsezjLQSXbDH/mErgmCbvDIJbtJxVirHtng9gn6O032eWmVXALY3H3JNCYJDGJcvcpG9YJRCQHduGQJ3F+ydQpnGkDYFR+i2rBC5pLE5oyCC4WOJxGl+pTnKCtVnSoIt2yLcOhlVtGqQWFfYKhloIPkenWFje66qYBw12HkaaCD4LKuRT0yWmO5HvIA16FU5hsMsyl7YPbC8BwQZlI61Kl18W5MA1+GbzNT8RVelToOjz2IjlLNBS5rxEbM2TKWwCLIJpemAc6nPxZBbAPXuosiDJfA/A+q+P4QXnJqioJKNbok6JiJY3Orle91EKfIIVsCc+eu1BR+xHgAEA8zeCDVrqUHkAAAAASUVORK5CYII=) no-repeat 0 50%;
    padding-left: 35px;
    content: "";
}

.items-fw .item-center {
    flex: 4;
    border: 2px solid #3CA7FB;
    height: 54px;
    background: #fff;
    position: relative;
}

.items-fw .item-center .ym-i {
    width: 80%;
    display: inline-block;
    outline: none;
    border: none;
    flex: 1;
    font-size: 18px;
    padding-left: 16px;
}

.items-fw .item-center .ym-h {
    width: 18%;
    font-weight: bold;
    border-left: 1px solid #3CA7FB;
    height: 40px;
    line-height: 40px;
    color: #333;
    text-align: left;
    padding-left: 18px;
    margin-right: 30px;
    cursor: pointer;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAMCAYAAABiDJ37AAABCElEQVQokZ3SwSsEYRjH8Y9J1LalHJ0V5eCgOKzImlBu+0/uiVIcKC7KTTkoYakVqygpBwcHeuvZGmtH7X5PbzPvfH+/52lGlptfMI0nfBqOCqbQyjCHG5xiYgjdJM5wjZksmt1hAYcDStPdI8xHqU4SvmMN91jCAaoDyFKRFtbxkcXLR9TxgBr2Yy9lVCN4MYqkQp10Nyt80A5pkq9ir0RaCVktCnS/0SsUu0wXnpFjB2M9shS0UpiqXRT0ChO3sY8XbGE3pONxzmO8ehT4xWjJjq5CeoJtNEO4GUF5BP+hTJi4xAaO0YhnrxGUAvvSb+QiFyFNv9ZbnFNQKf817HKOWXzHuOXgB9xTPG+0cxdBAAAAAElFTkSuQmCC) no-repeat 100% 50%;
}

.items-fw .ym-select {
    position: absolute;
    height: 216px;
    overflow-y: auto;
    right: 0px;
    top: 65px;
    background: #fff;
    z-index: 3;
    width: 150px;
    border: 1px solid #a7b1b3;
    border-radius: 4px;
}

@media screen and (min-width:1500px) {
    .items-fw .ym-select {
        width: 180px;
    }
}

.items-fw .ym-select a.a-l {
    display: block;
    line-height: 35px;
    border-bottom: 1px solid #a7b1b3;
    font-size: 16px;
    padding-left: 15px;
    color: #333;
    font-size: 16px;
    text-align: left;
    cursor: pointer;
}

.items-fw .adv .item {
    flex: 1;
    border-right: 1px solid #eee;
    height: 190px;
    background: #fff;
}

.items-fw .adv .item-n {
    flex: 1.4;
}

.items-fw .adv .item-btn {

    flex: none;

    border: none;

    width: 247px;
}

.items-fw .adv .e-img {
    margin-top: 50px;
    margin-bottom: 10px;
}

.items-fw .adv .e-title {
    font-size: 24px;
    color: #666;
}

.items-fw .adv .item-bg {
    background: #fff url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAMAAAC7IEhfAAAAY1BMVEUAAAAq158q15/////0/fro+/XF9OWx8dya7NI42qU02aT6/v3h+fGk7tZy5cBt5L5o47tf4bdZ4LRO3rBK3a4w2aLj+vPi+vLZ+O7N9um88uGp79iK6cqD6Mdi4rhG3Ks82qeI9C3/AAAAAnRSTlMAgJsrThgAAAC2SURBVDjLjc1HDoNQFEPR5BpCSSG09Lb/VSYSQTD46Nuj96wjeWVm7Tpch+twHa7DdbgO1+E6XIfrcB2uw3W4DtfhOlyH63BcDWC4fPsG4q7SHiDquuRcAsRcf1ENQMSRDcMQcU+dygkuu2ar1/8MutujB+CT6j52IddJuwPARmk5wcDuIZGuDbl0ZEzIQbuTtJGyqQo6KH5KSosZDDog13wYlhxUSTZ/Fx20xfwbnBHX4TpcxxeFLgkKObNloAAAAABJRU5ErkJggg==) no-repeat 100% 100%;
    padding-top: 60px;
    height: 130px;
}

.items-fw .adv .item strong {
    font-size: 20px;
    font-weight: bold;
    display: block;
}

.items-fw .adv .item-bg span {
    font-size: 16px;
    color: #666;
}

.items-fw .adv .item-n strong {
    font-size: 24px;
    line-height: 190px;
}

.items-fw .adv .item .button {
    display: block;
    height: 38px;
    line-height: 38px;
    width: 178px;
    text-align: center;
    font-size: 18px;
    margin: 0 32px;
    cursor: pointer;
}

.items-fw .adv .button.buy {
    background: #3CA7FB;
    color: #fff;
    margin: 36px 32px;
}

.items-fw .adv .button.free {
    background: #fff;
    border: 1px solid #3CA7FB;
    color: #3CA7FB;
}

.items-fw .adv .button.buy:hover {
    background: #5fb9ff;
}

.items-fw .adv .button.free:hover {
    background: #3CA7FB;
    color: #fff;
}

.items-fw .fw-block .adv {
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
    margin: 0;
    border: 1px solid #E5E5E5;
    border-top: none;
}

.items-fw .fw-b {
    justify-content: space-between;
    margin-top: 50px;
}

.items-fw .l-i {
    width: 560px;
    height: 265px;
    background: #fff;
    box-shadow: 0 4px 20px 0 rgba(0, 0, 0, .2);
}

.items-fw .l-i .l-i-t {
    text-align: center;
    line-height: 60px;
    height: 60px;
}

.items-fw .l-i .l-i-t span {
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}

.items-fw .l-i .l-i-t1 {
    background-color: #2AD79F;
}

.items-fw .l-i .l-i-t2 {
    background-color: #F45750;
}

.items-fw .l-i .l-i-t3 {
    background-color: #236EFB;
}

.items-fw .l-i .l-i-t1 span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAABb0lEQVRIie2Vvy8EURDHP3fnRyUSglY0RIKE6CQShcofICEaCRUFtYZ/QeVHJ1EoRaKUCCpy1Ymg0jgF4ki43PnKulnWhbWX3U0Uvsnum9l5O995782bQVLYZ0zSjUp4kbQtqcn1mXBeIdAMXAGHwC5QB8wB68DMu9uQ0Q9Y5IOeb/uS9lw9GSZ8D4plesoVoiL4EX+GYBG4c44MyAEr3m3wQ1WAOUPAArAFHANtwJRlzkUUBO02TtsqHIwCvUEIKjmDV4+sgMF9mdQFjAD1QBbYBK4rCMCXoB84AKo9tlmgJyyBu0WTwBPQCCTsYFuB4agInBryANyafmljTVQEseGfIDBB0bLHjzhZJhfswvFNXfoo3+49SAPjwDLwCHTbzxmgweasAedAi2Xdiel5K4ZHdo/6rKOVYJ2nVtKGpLx1qHtJ854utSQpZ7ZnSauSUvrsyVmzFSTtRNmTf4WzRRNAZ0z+M84KToGOWNzD2Rtd8CGeEzCBBAAAAABJRU5ErkJggg==) no-repeat 0 0;
    padding-left: 34px;
}

.items-fw .l-i .l-i-t2 span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAACP0lEQVRIiaXWSaiOURjA8Q+RDCmlhIWQZIq6WJhWqEumYmNhgZRkSmTDTkooCzNFNpQFkiGJshRiRSFShsg8l59OPW8db+/73ev66tR3nnOe8z/PeN4GqsYSXMVlLKjZk49O2Ir3uIuWfL1KYQ/eYSVW41Mc0AywH9+wAWfxEZPrILvxGqMz2YS4YR1oWwBmxrwLTuSgKsCoioNaakC9sRS/sS6TF6CkM6I9gByU3Dg20/mMaVgRoPUl0E2crAIMaQLqlsXtBy42AfXAHRxphDAFdyo24gO6YhyG1iRGArSiM45WgDbjEp5jUKG4PoKXgjUlAvYhUrkOUMjKoOUBeoWR5cBvCIvWBmBTOwA56FgGmo3hdSmcQOl38B8Axege7rldXqvaXFjU+x8AKSHO4U3Esk1IIzP1vwHNIB0FjImS6NIeyM4OWtAfD3A6B9UdcB1PMLADLhpYBuWLSbAXu9AXt/AwFVMTwPiaSxSgU+ncfCFV61d8wYEaUHsAxRiAR9ieC9MDdRwzakBDmgBmRRGWQdPxtpj0wncsinkV6EcGmIh5sXdheGBOBWQSXhaT+fiJPtmGMuhwFuRp0ev2BSD1uMGYm+n3w33sKASp71ypuMniaDOrKtZaw7pD4cqnUSMF4B7Opzg2ormljrkm3uvkji24gV94hmE1wW0Ni15HJ+5cBhQpPCluew0v4v/j+DhIfu/ZRhYVFi2rAhSQ9EYn31+Ir5O6W7cFShYll/0FyIvxr17TwZFAZ8oANP4A0Yr56lsyMtwAAAAASUVORK5CYII=) no-repeat 0 0;
    padding-left: 37px;
}

.items-fw .l-i .l-i-t3 span {
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAACgElEQVRIiZWVS4iOURjHf8NgQi7RFLlfQzJZIFmQa2FWY2PBQrKxsbAyWShJVqSsFBuXUsiOSFGmNJG7kOR+ySWGwZifDs80n8/7vd87T53e7zvPOb9znuc8539Q89pwdY96W21Tv6mt6jZ1SN7cPOhq9YN/LUGvqzfV9uh7qS7tKXi++l39pG5Q60p8g9Wt6pdYZF5RcI16Tf1ZaVK0BWqH2lIUPC9CPVgl/6kdjrEN5b5e/G+Lo+dEhq/cjsX/5eWOLPDM+F4tAL4S31lFwMOBduBdAfBH4BNQXw1cA4wF2gpAu+wDMB3okweeAUwCTvUAfBIYAczJAxvfXz0A947vt39J/5ZJr7i+neqmAuW2LsbeVXtXq+OJJVe4GvhS3L6pRa/0oSj85hzo9hhzpCdaMVK9HxNXZvjXhO+eWp/FyKrjZC+Apvi9LMPfddNWAG+yAJXApVab46ur6MkIo1ZtUp/kpGJV+B6qa9UBeTleEmr1LiYl2dwcvlHqPnW/Ojr6mkM2k31VT6iNIbt/wP3Vk3bbM3WvOqVk0Qsh+KldLumfpO5Q75TMP5OYXSsnOxdaXJMR+nF1fYj7xQqVNEs9G6xdCdIKjIv7/qPCUWwBOoGvoWQ7cw46VdTbVBUTgEc50GSLgPOhv3NzxnUAd4AxaYUhBbR3ckxIsjqlytgUVV0Cv84S6jJL4W0M1XueM65v2m1KRcrxaaAReAy0ANeBG5GeJ5GiFNWBCHVzvBr9gYkRTXqaZgMLgYHA0QROB5cOI13TYWU7SDt8Fa9Eav2AAcBIYGjGjm8CZ4Ddf4u528YDDcC02E1qo+MdHBT5+xz68DSifADcAq4B7/+ggN/TJvDWXYV4fAAAAABJRU5ErkJggg==) no-repeat 0 0;
    padding-left: 32px;
}

.items-fw .l-i .l-i-b {
    justify-content: space-between;
    flex-wrap: wrap;
    width: 320px;
    margin: 5px 30px 0;
    text-align: left;
    font-size: 0;
    /* cursor: default; */
}

.big-icon {
    width: 100%;
   
    font-size: 14px;
   
    margin-top: 10px;
    height: 26px;
    line-height: 26px;
    color: #666;
    background-color: #eee;
}

.sm-icon {
    width: 120px;
    text-align: center;
    font-size: 14px;

    margin-top: 10px;
    height: 26px;
    line-height: 26px;
    color: #666;

	background: url(../images/qq.png) no-repeat left center;
}

/* 中企特色服务 */

.items-excellent-fw {
    background-color: #F6F6F6;
}

.items-excellent-fw .switch-tabs {
    margin-top: 45px;
    justify-content: space-between;
}

.items-excellent-fw .switch-tab {
    box-sizing: border-box;
    width: 226px;
    height: 80px;
    text-align: center;
    line-height: 78px;
    border: 1px solid #E5E5E5;
    background-color: #fff;
    font-size: 20px;
    color: #666;
    cursor: pointer;
}

.items-excellent-fw .switch-tab.cur {
    border: 2px solid #3E93F7;
    color: #3ca7fb;
    line-height: 76px;
}

.items-excellent-fw .switch-contents {
    margin-top: 80px;
    height: 306px;
}

.items-excellent-fw .switch-content {
    display: none;
}

.items-excellent-fw .items-block {
    justify-content: space-around;
}

.items-excellent-fw .item-l {
    box-sizing: border-box;
    width: 500px;
    height: 306px;
    background: url(../images/laptop-bg.png);
    padding: 29px 72px 54px 72px;
    position: relative;
}

.items-excellent-fw .item-l .img-block {
    width: 356px;
    height: 223px;
}

.items-excellent-fw .item-l .item-title {
    box-sizing: border-box;
    position: absolute;
    width: 356px;
    height: 80px;
    background-color: rgba(60, 167, 251, .7);
    color: #fff;
    font-size: 16px;
    line-height: 1.5em;
    text-align: center;
    padding: 14px 20px;
    left: 72px;
    top: 105px;
}

.items-excellent-fw .item-s {
    width: 200px;
}

.items-excellent-fw .item-s .img-block {
    width: 200px;
    height: 125px;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .4);
    transition: all .5s ease;
    transform: none;
}

.items-excellent-fw .item-s:hover .img-block {
    transform: scale(1.1);
}

.items-excellent-fw .item-s .item-p {
    margin-top: 20px;
    padding: 0 2.6em;
    text-align: center;
    font-size: 16px;
    line-height: 1.8em;
    min-height: 5.4em;
    transition: all .5s ease;
}

.items-excellent-fw .item-s:hover .item-p {
    color: #3E93F7;
}

/* 建站流程 */

.items-flow .items-block {
    margin-top: 60px;
    justify-content: space-between;
    position: relative;
}

.items-flow .item {
    position: relative;
    z-index: 1;
    box-sizing: border-box;
    width: 254px;
    height: 322px;
    background-color: #fff;
    border: 2px solid #E5E5E5;
    text-align: center;
    transition: all .3s ease;
}

.items-flow .item:hover, .items-flow .item:hover + .item {
    border-color: #00A2FF;
}

.items-flow .item:not(:last-child):before {
    content: "";
    position: absolute;
    width: 32px;
    height: 32px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGZpbGw9InJnYigzOSwgMjA0LCAyNTUpIiBkPSJNMTYuMDAwLC0wLjAwMCBDMjQuODM2LC0wLjAwMCAzMi4wMDAsNy4xNjMgMzIuMDAwLDE2LjAwMCBDMzIuMDAwLDI0LjgzNyAyNC44MzYsMzIuMDAwIDE2LjAwMCwzMi4wMDAgQzcuMTYzLDMyLjAwMCAtMC4wMDAsMjQuODM3IC0wLjAwMCwxNi4wMDAgQy0wLjAwMCw3LjE2MyA3LjE2MywtMC4wMDAgMTYuMDAwLC0wLjAwMCBaIi8+PHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSJyZ2IoMjU1LCAyNTUsIDI1NSkiIGQ9Ik0xMS45OTYsMjEuOTk3IEwxNy45NTIsMTUuOTk5IEwxMS45OTYsMTAuMDAxIEwxNS4wNDgsMTAuMDAxIEwyMS4wMDQsMTUuOTk5IEwxNS4wNDgsMjEuOTk3IEwxMS45OTYsMjEuOTk3IFoiLz48L3N2Zz4=) no-repeat center;
    right: 0;
    top: calc(50% - 16px);
    transform: translateX(150%);
    transition: all .3s ease;
}

.items-flow .item:hover:not(:last-child):before {
    transform: translateX(150%) scale(1.2);
}

.items-flow .img-block {
    margin-top: 26px;
}

.items-flow .item-title {
    margin-top: 20px;
    font-size: 20px;
}

.items-flow .item-p {
    padding: 0 1.8em;
    margin-top: 20px;
    color: #666;
    line-height: 1.8em;
}

.items-flow .items-block:before {
    content: "";
    position: absolute;
    width: 100%;
    height: 4px;
    background-color: #E5E5E5;
    left: 0;
    top: calc(50% - 2px);
}

/* 品牌案例 */

.items-pinpai .items-block {
    padding-top: 40px;
    flex-wrap: wrap;
}

.items-pinpai .item {
    position: relative;
    width: 300px;
    height: 188px;
    -webkit-perspective: 300px;
    perspective: 300px;
    perspective-origin: 50% 50%;
    transform-style: preserve-3d;
}

.items-pinpai .item:hover {
    z-index: 1;
}

.items-pinpai .face-a {
    transition: transform .5s ease;
    backface-visibility: hidden;
    transform: none;
}

.items-pinpai .face-b {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #00A2FF;
    transition: transform .5s ease;
    transform: rotateX(-180deg);
    backface-visibility: hidden;
}

.items-pinpai .item:hover .face-a {
    transform: rotateX(180deg);
}

.items-pinpai .item:hover .face-b {
    transform: none;
}

.items-pinpai .item-title {
    box-sizing: border-box;
    position: absolute;
    width: 100%;
    padding: 0 20px;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    text-align: center;
    color: #fff;
    font-size: 24px;
}

/* 案例欣赏 */

.index-case {/*  background: url(../images/case-bg.png) repeat;background-attachment: fixed;background-size: 100% auto;*/}
.index-case .items-block {/*justify-content: flex-start;*/flex-wrap: wrap;text-align: center;/*height: 2660px;*/}
.index-case .item {display: inline-block; width:540px;height:370px;margin-right:40px;position: relative;margin-bottom:100px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
.index-case .item:nth-child(3n+3) {margin-right:0px;}
/*.index-case .item:not(:nth-child(-n+3)) {<!-- margin-top: -170px;-->}*/
.index-case .img-block {width:540px;height:370px;text-align: center;overflow: hidden;}
.index-case .item-block {position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-color: rgba(0, 0, 0, .5);transition: all .5s ease;filter:Alpha(Opacity=60);opacity:0;text-align: center;color: #fff;}
.index-case .item:hover .item-block {filter:Alpha(Opacity=100);opacity:1;}
.index-case .item-title {font-size: 18px;padding: 0 20px;}
.index-case .item-p {margin-top: 10px;font-size: 14px;}
.index-case .item-btn {margin-top: 20px;width: 100px;height: 30px;line-height: 30px;cursor: pointer;}
.index-case .item-title-big {color: #fff;font-size: 20px;font-weight: bold;line-height: 60px;}
.anli_tab_1{background:url(../images/anli_tab_1.png)center center;}
.anli_tab_1.on{background:url(../images/anli_tab_1_on.png)center center;}
.anli_tab_2{background:url(../images/anli_tab_3.png)center center;}
.anli_tab_2.on{background:url(../images/anli_tab_3_on.png)center center;}
.anli_tab_3{background:url(../images/anli_tab_2.png)center center;}
.anli_tab_3.on{background:url(../images/anli_tab_2_on.png)center center;}
.flex-row .slideTxtBox .hd {text-align: center;margin-bottom: 60px;}
.flex-row .slideTxtBox .hd li{cursor:pointer;margin: 0 20px; display: inline-block; width: 70px;height: 63px;transition: all 0.2s linear 0s; /*一般用 all 代替所有要过渡的属性名称*/-ms-transition: all 0.2s linear 0s;/*兼容IE10+*/-moz-transform: all 0.2s linear 0s;/*兼容 Firefox */-o-transition: all 0.2s linear 0s;/* 兼容Opera */-webkit-transform:  all 0.2s linear 0s;/* 兼容Safari and Chrome */;}
.flex-row .slideTxtBox .hd li.on{transition: all 0.2s linear 0s; /*一般用 all 代替所有要过渡的属性名称*/-ms-transition: all 0.2s linear 0s;/*兼容IE10+*/-moz-transform: all 0.2s linear 0s;/*兼容 Firefox */-o-transition: all 0.2s linear 0s;/* 兼容Opera */-webkit-transform:  all 0.2s linear 0s;/* 兼容Safari and Chrome */;}

/*关于我们*/

.clear{
   clear: both;
}

.strips {
  height: 800px;

  overflow: hidden;
  color: white;
}
.strips__strip {
  will-change: width, left, z-index, height;
  position: absolute;
  width: 24.8%;
  height: 800px;
  overflow: hidden;
  cursor: pointer;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}
.strips__strip:nth-child(1) {
  left: 0;
}
.strips__strip:nth-child(2) {
  left: 24.8vw;
}
.strips__strip:nth-child(3) {
  left: 49.6vw;
}
.strips__strip:nth-child(4) {
  left: 74.4vw;
}

.strips__strip:nth-child(1) .strip__content {
  background: url(../images/20200423_bg_1.jpg);
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  -webkit-animation-name: strip1;
          animation-name: strip1;
  -webkit-animation-delay: 0.1s;
          animation-delay: 0.1s;
}
.strips__strip:nth-child(2) .strip__content {
  background: url(../images/20200423_bg_2.jpg);
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-animation-name: strip2;
          animation-name: strip2;
  -webkit-animation-delay: 0.2s;
          animation-delay: 0.2s;
}
.strips__strip:nth-child(3) .strip__content {
  background: url(../images/20200423_bg_3.jpg);
  -webkit-transform: translate3d(0, -100%, 0);
          transform: translate3d(0, -100%, 0);
  -webkit-animation-name: strip3;
          animation-name: strip3;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
}
.strips__strip:nth-child(4) .strip__content {
  background: url(../images/20200423_bg_4.jpg);
  -webkit-transform: translate3d(0, 100%, 0);
          transform: translate3d(0, 100%, 0);
  -webkit-animation-name: strip4;
          animation-name: strip4;
  -webkit-animation-delay: 0.4s;
          animation-delay: 0.4s;
}

@media screen and (max-width: 760px) {
  .strips__strip {
    min-height: 20vh;
  }
  .strips__strip:nth-child(1) {
    top: 0;
    left: 0;
    width: 100%;
  }
  .strips__strip:nth-child(2) {
    top: 20vh;
    left: 0;
    width: 100%;
  }
  .strips__strip:nth-child(3) {
    top: 40vh;
    left: 0;
    width: 100%;
  }
  .strips__strip:nth-child(4) {
    top: 60vh;
    left: 0;
    width: 100%;
  }
  .strips__strip:nth-child(5) {
    top: 80vh;
    left: 0;
    width: 100%;
  }
}
.strips .strip__content {
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
          animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
  -webkit-animation-fill-mode: both;
          animation-fill-mode: both;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-decoration: none;
}
.strips .strip__content:hover:before {
  -webkit-transform: skew(-30deg) scale(3) translate(0, 0);
      -ms-transform: skew(-30deg) scale(3) translate(0, 0);
          transform: skew(-30deg) scale(3) translate(0, 0);
  opacity: 0.1;
}


/*展开后里面的内容*/
.strips .strip__inner-text {
  will-change: transform, opacity;
  position: absolute;
  z-index: 5;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%) scale(0.5);
      -ms-transform: translate(-50%, -50%) scale(0.5);
          transform: translate(-50%, -50%) scale(0.5);
  opacity: 0;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.strips .strip__inner-text .inner{
   width: 1200px;
   margin:auto;
}

.strips .strip__inner-text .inner .top_title{
  padding-bottom:10%;
  text-transform:uppercase;
}

.strips .strip__inner-text .inner .top_title .left{
   float: left;
   font-size: 30px;
   height: 30px; 
}

.strips .strip__inner-text .inner .top_title .right{
  float: right;
}

.strips .strip__inner-text .inner .top_title .left span{
  float: left;
  line-height: 30px;
}

.strips .strip__inner-text .inner .top_title .left a{
  background: url(../images/20200423_more.png)no-repeat left center;
  font-size: 12px;
  color: #163d62;
  line-height: 30px;
  height: 30px;
  margin-left:40px;
  padding-left: 35px;
  display: block;
  float: left;
}

.strips .strip__inner-text .inner .mid_content_1 .txt .img{
  width: 40%;
  float: left;
}

.strips .strip__inner-text .inner .mid_content_1 .txt .img img{
  width: 100%;
}

.strips .strip__inner-text .inner .mid_content_1 .txt .neirong{
  float: left;
  width: 50%;
  margin-left:10%; 
  text-align: left;
  font-size: 20px;
  line-height: 40px;
  margin-bottom: 5%;
}

.strips .strip__inner-text .inner .mid_content_1 .txt_tu ul{
  list-style:none;
  margin:0;
  padding:0;
}

.strips .strip__inner-text .inner .mid_content_1 .txt_tu ul li{
  list-style:none;
  margin:0px;
  padding:0;
  float: left;
  margin-right:20px;
}

.strips .strip__inner-text .inner .mid_content_2 .left{
  float: left;
  width: 50%;
  position: relative;
}

.strips .strip__inner-text .inner .mid_content_2 .left img{width: 100%;}

.strips .strip__inner-text .inner .mid_content_2 .left span{
  position: absolute;
  left:0;
  top:15%;
  display: block;
  background: #163d62;
  padding: 10px 20px;
  font-size: 20px;

}

.strips .strip__inner-text .inner .mid_content_2 .right{
  float: right;
  width: 50%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .top .img_1{
  float: left;
  margin-left: 3%;
  width: 45%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .top .img_1 img{
  width: 100%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .top .img_2{
  float: left;
  margin-left: 3%;
  width: 45%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .top .img_2 img{
  width: 100%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .bottom .img_3{
  float: left;
  margin-left: 3%;
  width: 45%;
  margin-top:2%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .bottom .img_3 img{
  width: 100%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .bottom .txt_4{
  padding-top:8%;
  width: 40%;
  float: left;
  margin-left:4%;
}

.strips .strip__inner-text .inner .mid_content_2 .right .bottom .txt_4 p{
  font-size: 20px;
  line-height: 40px;
  text-align: left;
}

.strips .strip__inner-text .inner .mid_content_2 .right .bottom .txt_4 span{
  height: 3px;
  width: 85px;
  background: #2771bd;
  position: relative;
  text-align: center;
  display: block;
}

.strips .strip__inner-text .inner .mid_content_3 .left{
    text-align:center;
    float: left;
    width:800px;
}

.strips .strip__inner-text .inner .mid_content_3 .left .lefttop{
    text-align:left;
    width:800px;
}
.strips .strip__inner-text .inner .mid_content_3 .left dl{
    width:800px;
}
.strips .strip__inner-text .inner .mid_content_3 .left dd{
    float:left;
    width:260px;
    height:179.67px;
    margin:0 5px 0 0;
}

.strips .strip__inner-text .inner .mid_content_3 .text_3{
    display:block;
    margin-top:20%;
}

.strips .strip__inner-text .inner .mid_content_3 .text_3_time{
    
}

.strips .strip__inner-text .inner .mid_content_3 .right{
    width:250px;
    float: left;
}
.strips .strip__inner-text .inner .mid_content_3 .right .top{
    float:right;
    border:5px solid white;
    height:188px;
    margin:10px 0 10px 0;
    width:290px;
    text-align:center;
}
.strips .strip__inner-text .inner .mid_content_3 .right .bottom{
    margin-top:55px;
    text-align:left;
}
.strips .strip__inner-text .inner .mid_content_3 .right .bottom .b_text{
    display:block;
    margin-left:20px;
}

.strips .strip__inner-text .inner .mid_content_3 .right .bottom .b_text_x{
    display:block;
    border-color: white;
    border:4px solid white;
    width:60px;
    margin-left:-40px;
}

.strips .strip__inner-text .inner .mid_content_4{
    height:500px;
}


.strips .strip__inner-text .inner .mid_content_4 .left{
    float:left;
}
.strips .strip__inner-text .inner .mid_content_4 .right{
    float:left;
    width:50%;
    
}

.strips .strip__inner-text .inner .mid_content_4 .right ul{
    height:500px;
    
}

.strips .strip__inner-text .inner .mid_content_4 .right ul li{
    width:100vh;
    float:left;
    padding:0;
    margin:0;
    list-style:none;
    padding-bottom:30px;
    padding-left:50px;
    font-size: 2.5rem;
}

.strips__strip--expanded {
  width: 100%;
  top: 0 !important;
  left: 0 !important;
  z-index: 3;
  cursor: default;
}
@media screen and (max-width: 760px) {
  .strips__strip--expanded {
    min-height: 100vh;
  }
}
.strips__strip--expanded .strip__content:hover:before {
  -webkit-transform: skew(-30deg) scale(1) translate(0, 0);
      -ms-transform: skew(-30deg) scale(1) translate(0, 0);
          transform: skew(-30deg) scale(1) translate(0, 0);
  opacity: 0.05;
}
.strips__strip--expanded .strip__title {
  opacity: 0;
}
.strips__strip--expanded .strip__inner-text {
  opacity: 1;
  -webkit-transform: translate(-50%, -50%) scale(1);
      -ms-transform: translate(-50%, -50%) scale(1);
          transform: translate(-50%, -50%) scale(1);
}


/*展开前的文字部分*/

.strip__title{
  display: block;
  height: 100%;
  width: 100%;
  margin: 0;
  position: relative;
  z-index: 2;
  text-align: center;
  font-family: '../font/SourceHanSansCN-Bold.otf'
  color: red;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
}

.strips .strips__strip:nth-child(1) .strip__title {
  background:url(../images/20200423_begin_1.jpg) no-repeat;
  background-size: 100% 100%;
}
.strips .strips__strip:nth-child(2) .strip__title {
  background:url(../images/20200423_begin_2.jpg) no-repeat;
  background-size: 100% 100%;
}
.strips .strips__strip:nth-child(3) .strip__title {
  background:url(../images/20200423_begin_3.jpg) no-repeat;
  background-size: 100% 100%;
}
.strips .strips__strip:nth-child(4) .strip__title {
  background:url(../images/20200423_begin_4.jpg) no-repeat;
  background-size: 100% 100%;
}



.strip__title h1{
   margin-top: 25vh;
   font-size: 1.7vw;
   font-weight: 500;    
   line-height: 60px;
   letter-spacing: 2px;
   display: inline-block;
   margin-bottom: 50px;
}

.strip__title .line{
  height: 3px;
  margin: auto;
  width: 85px;
  background: #2771bd;
  position: relative;
  text-align: center;
}

.strip__title h2{
  position: relative;
  margin-top: 20px;
  font-size: 18px;
  text-transform:uppercase;
  font-weight: normal;
  display: block;
}

.strip__title h3{
  position: relative;
  margin-top: 10px;
  font-size: 12px;
  font-weight: normal;
  width: 60%;
  display: inline-block;
  line-height: 30px;
}


/*展开前的文字部分*/


@media screen and (max-width: 760px) {
  .strip__title {
    font-size: 28px;
  }
}

.strip__close {
  position: absolute;
  right: 18vw;
  top: 6vw;
  opacity: 0;
  z-index: 10;
  -webkit-transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.6s cubic-bezier(0.23, 1, 0.32, 1);
  cursor: pointer;
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
  border-radius: 30px;
  background: white;
  width: 30px;
  height: 30px;
  font-size: 14px;
  line-height: 30px;
  font-style:normal;
}
.strip__close--show {
  opacity: 1;
}

.fa{
    text-align:center;
    color: #163d62;
}

@-webkit-keyframes strip1 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

@keyframes strip1 {
  0% {
    -webkit-transform: translate3d(-100%, 0, 0);
            transform: translate3d(-100%, 0, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip2 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip3 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip3 {
  0% {
    -webkit-transform: translate3d(0, -100%, 0);
            transform: translate3d(0, -100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@-webkit-keyframes strip4 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}
@keyframes strip4 {
  0% {
    -webkit-transform: translate3d(0, 100%, 0);
            transform: translate3d(0, 100%, 0);
  }
  100% {
    -webkit-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
  }
}

/* 关于我们end */


/* 分公司信息 */

.items-branch {
    background-color: #eee;
    padding-top: 60px;
}

.items-branch .item-title {
    font-size: 18px;
    padding-left: 20px;
    position: relative;
}

.items-branch .item-title:before {
    content: "";
    position: absolute;
    width: 14px;
    height: 14px;
    background-color: #3CA7FB;
    left: 0;
    top: calc(50% - 7px);
}

.items-branch .item-more {
    width: 84px;
    height: 22px;
    line-height: 22px;
    font-size: 12px;
    margin-left: 20px;
    vertical-align: text-top;
}

.items-branch .items-block {
    border-top: 1px dashed #D6D6D6;
    margin-top: 25px;
    justify-content: space-between;
    flex-wrap: wrap;
}

.items-branch .item {
    box-sizing: border-box;
    width: 25%;
    height: 138px;
    padding: 18px 45px 18px 0;
    border-bottom: 1px dashed #D6D6D6;
}

.items-branch .item:nth-child(4n) {
    padding-right: 0;
}

.items-branch .branch-title {
    font-size: 14px;
    padding-left: 20px;
    background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMTJweCIgaGVpZ2h0PSIxNXB4Ij48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiICBmaWxsPSJyZ2IoNjAsIDE2NywgMjUxKSIgZD0iTTYuMDAwLDE1LjAwMCBDMi4wMDAsMTAuOTQ4IC0wLjAwMCw3Ljg2NCAtMC4wMDAsNS43NDcgQy0wLjAwMCwyLjU3MyAyLjY4NiwtMC4wMDEgNi4wMDAsLTAuMDAxIEM5LjMxNCwtMC4wMDEgMTIuMDAwLDIuNTczIDEyLjAwMCw1Ljc0NyBDMTIuMDAwLDcuODY0IDEwLjAwMCwxMC45NDggNi4wMDAsMTUuMDAwIFpNNi4wMDAsMy4xMzUgQzQuNjk1LDMuMTM1IDMuNjM2LDQuMTQ5IDMuNjM2LDUuMzk5IEMzLjYzNiw2LjY1MCA0LjY5NSw3LjY2NCA2LjAwMCw3LjY2NCBDNy4zMDUsNy42NjQgOC4zNjQsNi42NTAgOC4zNjQsNS4zOTkgQzguMzY0LDQuMTQ5IDcuMzA1LDMuMTM1IDYuMDAwLDMuMTM1IFoiLz48L3N2Zz4=) no-repeat left center;
    margin-bottom: 10px;
}

.items-branch .branch-p {
    color: #666;
    font-size: 12px;
    line-height: 2em;
}


.web_vs{margin:0 auto;display:table;padding: 40px 0;}
.web_vs dt{width:550px;float:left;padding-right:50px;position:relative;}
.web_vs dt em{position:absolute;right:-20px;top:-20px;font-size:66px;height:70px;line-height:66px;background:linear-gradient(to right,#3396FB ,#0AD8EF);-webkit-background-clip:text;color:transparent;}
.web_vs dt i{width:70px;height:30px;padding-top:40px;position:absolute;right:-60px;top:-15px;border-radius:40px;color:#fff;text-align:center;font-size:12px;background:#3396FB;background:linear-gradient(to left,#3396FB,#0AD8EF);z-index:3;overflow:visible;}
.web_vs dt i:after{width:30px;height:30px;background:url(../images/web_pk.png) no-repeat;left:18px;top:10px;}
.web_vs dt p:before{width:80px;height:80px;background:#fff;right:-65px;top:-20px;border-radius:60px;z-index:2;}
.web_vs dt p{background:#7D8790;background:linear-gradient(to right,#3396FB,#0AD8EF);color:#fff;text-align:right;position:relative;overflow: visible;border-radius:30px 0 0 30px;float:right;}
.web_vs dt h2{text-align:right;padding:0 40px 0 0;color:#3396FB;}
.web_vs dd{width:550px;float:left;}
.web_vs h2{font-size:32px;height:40px;line-height:40px;padding:0 0 0 40px;}
.web_vs p{padding:10px 40px;margin-top:50px;float:left;font-size:16px;height:20px;line-height:20px;border-radius:0 30px 30px 0;background:#F0F3F5;}
.web_vs dt p:nth-child(3) i:after{background-position:0 0px;}
.web_vs dt p:nth-child(4) i:after{background-position:0 -56px;}
.web_vs dt p:nth-child(5) i:after{background-position:0 -110px;}
.web_vs dt p:nth-child(6) i:after{background-position:0 -167px;}
.web_vs dt p:nth-child(7) i:after{background-position:0 -227px;}
.web_vs dt p:nth-child(8) i:after{background-position:0 -285px;}
.web_vs dt p:nth-child(9) i:after{background-position:0 -338px;}

.pagination{
	text-align: center;
	margin-top: 30px;
}
.solution .swiper-pagination-bullet {
	width: 20px;
	height: 20px;
	background:url("../images/s_icon0.png") no-repeat center;
	background-size: cover;
	margin:0 10px;
	border-radius: 50%;

}
.solution .swiper-pagination-bullet-active {
	background-image: url("../images/s_icon1.png");
}
.mobile-show{
	display: none;
}

.i-advantage .num>div {
	padding: 0 28px;
	text-align: center;
	position: relative;
	width: 25%;
	float: left;
}

.case-module {
	padding: 100px 0 70px;
}
.solution-title {
	margin-bottom: 60px;
}
.case-module .content {
	margin-top: 65px;
}
.solution-business .i-btn:before{
	background: #ffffff;
}
.solution-business .i-btn:hover span{
	color: #006699;
}
.contact-wrap .advis .link-qq a{
	box-sizing:content-box;
}
@media (max-width: 1400px) {
	.solution-mode-box1{
		display: block;
	}
	.solution-mode-box2{
		display: none;
	}
}
@media (max-width: 1300px) {
	.solution-business-con {
		padding-left: 370px;
	}
	.solution-business-box {
		padding: 110px 54px;
	}
	.solution-business-left {
		left: 55px;
	}
}

@media (max-width: 1050px) {
	.solution-fun-con {
		width: 25%;
	}
	.solution-team-con {
		padding: 30px 5px 0px 5px;
	}
	.solution-team-mar {
		margin: 0px -5px;
	}
}

@media (max-width: 768px){
	.solution-business-con {
		padding-left: 0;
	}
	.mobile-hidden{
		display: none;
	}
	.mobile-show{
		display: block;
	}

	.solution-title .tit {
		font-size: 0.58rem;
		line-height: 0.68rem;
	}
	.solution-title .text {
		font-size: 0.24rem;
		line-height: 0.4rem;
		margin-top: 0.36rem;
	}
	.solution-title {
		margin-bottom: 0.53rem;
	}
	.solution-pa{
		padding: 0.9rem 0.4rem;
	}
	.solution-title .text span{
		display: initial;
	}
	
	
	.solution-mode-con {
		float: none;
		width: 100%;
		padding: 0px 17px;
	}
	.solution-pa .w1280{
		width:100%;
		padding: 0;
	}
	.solution-mode-ph-fl{
		float: left;
		width:34%;
		position: relative;
	}
	.solution-mode-ph-fr{
		text-align: left;
		position: absolute;
		right:0;
		top:50%;
		width:66%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);

	}
	.solution-mode-ph-fr img{
		display: none;
	}
	.solution-mode-txt {
		box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.5);
		padding: 0.67rem 0 0 0;
		height: 2.45rem;
		margin-bottom: 0.36rem;
	}
	.solution-mode-txt .text {
		margin: 0;
		padding: 0px 0.34rem 0 0;
		font-size: 0.26rem;
		line-height: 0.48rem;
	}
	.solution-mode-txt .tit {
		font-size: 0.56rem;
		line-height: 0.36rem;
		top: 45px;
	}
	.solution-mode-txt .tit1 {
		font-size: 0.3rem;
	}


	.solution-business {
		background-image: url(../images/s2_bg_ph.png) ;
	}
	.solution-business-box {
		padding: 0.9rem 0.4rem;
	}
	.solution-business .solution-title {
		text-align: center;
		margin-bottom: 0.74rem;
	}
	.solution-business-btn1{
		padding-bottom: 0.2rem;
		height: 0.68rem;
		border-bottom: 1px solid rgba(255, 255, 255, 0.2);

	}
	.solution-business-btn1 div{
		color: #fff;
		font-size: 0.24rem;
		padding: 0rem 0.12rem;
		line-height: 0.48rem;
		float: left;
		margin-right: 0.1rem;
	    border: 1px solid rgba(255,255,255,.3);
	}
	.solution-business-btn1 div.on{
		background: #0084ff;
	}
	.solution-business-line {
		margin: 0.5rem 0 0.38rem 0;
	}
	.solution-business-text .tit {
		font-size: 0.28rem;
		margin-bottom: 0.23rem;
	}
	.solution-business-line .tit{
		font-size: 0.4rem;
	}

	.solution-business-text .text{
		font-size: 0.24rem;
		line-height: 0.48rem;
		margin-bottom: 0.3rem;
	}
	.solution-business-line .line {
		margin-top: 0.78rem;
	}
	.solution-business-text .img img{
		height: 0.41rem;
	}


	.solution-fun{
		padding: 0.9rem 0.6rem;
	}
	.solution-fun-con {
		width: 50%;
	}
	.solution-fun-txt img{
		width: 0.6rem;
	}
	.solution-fun-txt {
		background: #ffffff;
		box-shadow: 5px 5px 20px 0 rgba(237, 237, 248, 0.26);
		padding: 0.46rem 0 0 0;
		height: 2rem;
		font-size: 0.24rem;
	}

	.solution-tool-con {
		width: 33.333%;
		font-size: 0.24rem;
		padding: 0.35rem 10px;
	}
	.solution-tool-con img{
		width: 0.68rem;

	}


	.solution-team-con{
		float: none;
		width:100%;
		text-align: left;
		height: 1.4rem;
		padding: 0.24rem 0 ;
		margin-bottom: 0.2rem;
	}
	.solution-team-con .tit {
		color: #000;
		font-size: 0.3rem;
	}
	.solution-team-con img{
		float: left;
		width: 0.92rem;
		margin: 0rem 0.3rem;
	}
	.solution-team-con .text{
		display: none;
	}
	.solution-team-con .tx{
		display: block;
		color: #6d7481;
		font-size: 0.24rem;
		line-height: 0.3rem;
	}
	.solution-team-mar{
		padding-left: 0.7rem;
		position: relative;
		margin: 0;
	}
	.solution-team-line {
		left: 0.2rem;
		height: 100%;
		width: 1px;
		top: 0;
	}
	.solution-team-con span {
		width: 0.21rem;
		height: 0.21rem;
		left: -0.6rem;
		margin-left: 0;
		margin-top: -0.1rem;
		top: 50%;
	}
	.solution-team-fr{
		position: absolute;
		right:0;
		top:50%;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
		-o-transform: translateY(-50%);
		transform: translateY(-50%);
		width: 4.5rem;
	}

	.case-module,.i-advantage{
		padding: 0.9rem 0.4rem;
		overflow: hidden;
	}

	.case-module .w1280,.i-advantage .w1280{
		padding: 0;
		margin-top: 0;
	}
	.i-advantage .top-box{
		width:100%;
	}
	.i-advantage .title{
		margin-bottom: 0.36rem;
	}
	.i-advantage .text {
		font-size: 0.26rem;
		line-height: 0.48rem;
	}
	.i-advantage .num>div {
		width:50%;
		margin-bottom: 0.4rem;
		padding: 0;
	}
	.i-advantage .num>div:nth-child(2) .line{
		display: none;
	}
	.i-advantage .num{
		width:100%;
	}
	.i-advantage .num h4 {
		font-size: 1rem;
	}
	.i-advantage .num .line {
		height: 100%;
	}
	.i-advantage .bot-box ul {
		float: none;
		width: 100%;
	}
	.i-advantage .bot-box li {
		width: 33.33%;
	}
	.i-advantage .bot-box .box{
		width:100%;
	}
	.i-advantage .bot-box .box img{
		width:100%;
	}
	.i-advantage .bot-box {
		margin: 0.3rem 0 0;
	}
	.i-advantage .link {
		margin-top: 0.7rem;
	}
	.solution-mode-box2{
		display: block;
	}
	.solution-mode-box1{
		display: none;
	}

	.i-advantage .link a,.case-module .i-btn {
		width: 138px;
		height: 38px;
		line-height: 38px;
		font-size: 14px;
	}

	.solution-team-con.on:after{
		position: absolute;
		border-color: transparent;
		border-style: solid;
		border-width: 5px 5px 5px 0;
		border-right-color: rgba(226, 87, 48, 0.11);
		content: '';
		left: -5px;
		top: 50%;
		transform: translateY(-50%);
	}
	
}

@media (max-width: 480px) {
	.solution-mode-txt {
		padding: 0.5rem 0 0 0;
	}
}

@media (max-width: 768px) {
	.i-warp h2{
		height: auto;
	}
	/*.new-float {
		display: none;
	}*/
	.alert-contact-box{
		visibility: hidden;
		z-index: -10;
	}

	footer .w1280{
		min-width: 0;
	    padding: 0 20px;
	}
	.footer-top{
	    padding: 0 0 20px;
	}
	.footer-top .link{
		float: none;
	}
	.footer-top .phone{
		float: none;
	}
	.footer-bot{
		padding: 10px 0 0;
	}
}
.new-float li a,.new-float li p{
	box-sizing: content-box;
}