.blog-header{
    background: url(../images/miniprogram/banner.jpg) bottom center no-repeat #dadde4;
    height: 450px;
    padding-top: 0;
    background-size: cover;
}
.blog-inner {
    max-width: 100%;
    padding: 0;
    min-width: 1240px;
}
.Banner-innerContent {
    width: 1190px;
    margin: 0 auto;
    position: relative;
    min-width: 1240px;
    height: 305px;
    text-align: left;
}
.Banner-innerContent_ct {
    color: #fff;
    position: absolute;
    left: 80px;
    top: 80px;
}
.Banner-innerContent_ct h2 {
    font-size: 58px;
    font-weight: normal;
    color:#fff;
}
.Banner-innerContent_ct .BannerDes-text {
    font-size: 30px;
    padding-top: 15px;
}
.Banner-innerContent_ct .BannerDes-text3 {
    font-size: 20px;
    margin-top: 20px;
}
.Banner-innerContent a {
    position: absolute;
    color: #fff;
    width: 200px;
    height: 48px;
    border: 1px solid #fff;
    border-radius: 3px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    top: 290px;
    left: 80px;
    cursor: pointer;
}
.Banner-innerContent a:hover {
    background: #fff;
    color: #3154c8;
}


.mod-wrap {
    padding: 80px 0;
    min-width: 320px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    /*border:1px solid red;*/
}
.mod-inner {
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto
}
.mod-wrap.bg-color-1 {
    background-color: #fff;
}
.mod-wrap .mod-title {
    color: #333;
    text-align: center;
}
.ct-slot {
    margin-left: 10px;
    margin-right: 10px
}
.mod-wrap .mod-title .title {
    font-size: 35px;
    font-weight: 400;
    margin-bottom: 20px;
    color:#303233;
}
.mode-solution{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
}
.mod-wrap .mod-title .des-text {
    font-size: 18px;
    line-height: 1.5em;
    color:#868684;
}
.img_size{
    height: 50px;
    vertical-align: bottom;
}
.solution-flex{
    box-sizing: border-box;
    width: 280px;
    border:2px solid #f3f3f3;
    padding: 40px 20px;
    margin: 40px 10px 10px;
}
.miniprogram .solution-flex{
    width: 350px;
    margin: 40px 25px 10px;
}
.solution-flex .title-img{
    text-align: center;
}
.solu-title{
    font-size: 18px;
    letter-spacing: 1px;
    padding: 15px 0;
    color: #303233;

}
.solu-text{
    /*border: 1px solid red;*/
    height: 100px;
    line-height: 24px;
    font-size: 12px;
    color: #9c9b9a;
    letter-spacing: 1px;
}
.solu-button{
    display: flex;
    justify-content: space-between;
    color: #0088ff;
    vertical-align: bottom;
}
.see-consu{
    box-sizing: border-box;
    width: 100px;
    text-align: center;
    line-height: 32px;
    border:1px solid #0088ff;
    border-radius: 20px;
    cursor: pointer;
    color: #0088ff;
    text-decoration: none;
}
.see-consu:last-child{
    background-color: #e8f5ff;
}

.mode-entrance{
    display: flex;
    justify-content: flex-start;
    flex-direction: row;
    flex-wrap: wrap;
    background-color: #f8fcff;
}
.ent_flex{
    box-sizing: border-box;
    width: 200px;
    padding: 30px 10px 0;

}
.ent_img_out{
    padding: 0 0 10px ;
}
.ent-img{
    border:1px solid #f3f3f3;
    width: 88px;
    height: 88px;
    line-height: 88px;
    text-align: center;
    border-radius: 50%;
    margin: 0 auto;
}
.ent-text{
    /*border:1px solid red;*/
    text-align: center;
    padding: 10px 0px;
    color: #3f4040;
    font-size: 18px;
}
.ct-slot {
    margin-left: 10px;
    margin-right: 10px;
}
.mod-inner2 {
    width: 1240px;
    margin: 0 auto;
}
.proAllList {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.proAllDetail {
    display: inline-block;
    width: 200px;
    height: 230px;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 10px 0;
}
.paoAllName {
    font-size: 20px;
    color: #333333;
    margin-top: 15px;
}
.proText {
    font-size: 14px;
    color: #666666;
    margin-top: 15px;
}
.isshowCenter {
    text-align: center;
}
.showTit {
    font-size: 18px;
    width: 180px;
    line-height: 40px;
    margin: 20px auto 0;
    color: #0088ff;
    text-align: center;
    cursor: pointer;
}
.replyNow {
    text-align: center;
}
.replyNow a {
    display: inline-block;
    font-size: 21px;
    width: 180px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    margin: 50px auto 0;
    border-radius: 25px;
    border: 1px solid #0088ff;
    color: #0088ff;
}
.replyNow a:hover{
    color: white;
    background-color: #0088FF;
}
.replyNow a:active{
    color: white;
    background-color: #0072d6;
}

.xcx-f2-bg {background: #011026 url(../images/miniprogram/bg.png) no-repeat center; background-size: cover; height: 606px;}
.g-tac {text-align: center;}
.s-fcw {color: #fff;}
.f-oh {overflow: hidden;}
.g-box {width:100%;height: 100%;margin: 0 auto;}
.g-mt80 { margin-top: 80px;}
.s-fs36 {font-size: 36px;}
.g-mb100 {margin-bottom: 100px;}
.g-mt100 {margin-top: 100px;}
.clear {}
.g-mt20 { margin-top: 20px;}
.xcx-f2>li {float: left;width: 25%;}
.xcx-in2 { background-image: url(../images/miniprogram/2.png); width: 110px; height: 110px; display: inline-block;}
.xcx-in2.gx {background-position: 0 0;}
.xcx-in2.dqd {background-position: 0 -120px;}
.xcx-in2.tg {background-position: 0 -240px;}
.xcx-in2.lb {background-position: 0 -360px;}
.xcx-f2-tt {width: 100%; margin-top: 84px;font-size: 20px;position: relative;}
.xcx-f2-tt:before { content: '';position: absolute; border-radius: 4px;width: 30px;height: 4px;background-color: #fff;top: -40px;left: 50%;margin-left: -15px;}


.solution-flex2 {
    box-sizing: border-box;
    width: 300px;
    border: 2px solid #f3f3f3;
    padding: 40px 20px;
    margin: 40px 140px 10px 0;
    text-align: center;
}
.solution-flex2:nth-child(3n){
    margin-right: 0;
}
.mod-wrap .mod-content {
    height: auto;
    margin-top: 40px;
    font-size: 0;
}
.qc-unit-1-4, .qc-unit-6-24 {
    width: 20%;
}
.qc-grids [class*=qc-unit] {
    display: inline-block;
    zoom: 1;
    letter-spacing: normal;
    word-spacing: normal;
    vertical-align: top;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-left: 10px;
    padding-right: 10px;

}
.mod-wrap-product .unit-box {
    background-color: #fff;
    height: 122px;
    padding-top: 30px;
    margin-top: 10px;
    margin-bottom: 10px;
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border: 1px solid #e9e9e9;
    border-radius: 3px;
}

.mod-wrap-product .unit-box:hover:hover {
    -webkit-box-shadow: 0 3px 20px rgba(0,0,0,.1);
    box-shadow: 0 3px 20px rgba(0,0,0,.1);
    -webkit-transform: translate3d(0,-2px,0);
    transform: translate3d(0,-2px,0)
}

.mod-wrap-product .pd-item-name {
    display: inline-block;
    width: 100%;
    vertical-align: top;
    height: 100%;
    text-align: center
}

.mod-wrap-product .pd-item-name h3 {
    font-size: 18px;
    color: #333;
    margin-top: 22px;
    font-weight: 400
}

.mod-wrap-product .pd-img {
    max-width: 81%
}

.mod-wrap-product .pd-item-sub {
    display: inline-block;
    width: 52%;
    vertical-align: top;
    padding-left: 5%
}

.mod-wrap-product .pd-item-sub .sub-name {
    color: #666;
    font-size: 14px;
    line-height: 32px
}

.mod-wrap-product .pd-item-sub .sub-name:hover {
    color: #2277da
}

.mod-wrap-product .m-more {
    margin-top: 10px;
    display: none;
    margin-left: 10px;
    margin-right: 10px
}

.mod-wrap-product .m-more .links {
    color: #2277da;
    font-size: 14px;
    text-align: center;
    background: #fff;
    display: block;
    height: 30px;
    line-height: 30px
}

.mod-wrap-product .mobile-pt {
    margin-left: 30px;
    margin-right: 30px;
    margin-top: 40px;
    display: none
}

.mod-wrap-product .mobile-pt .pt-item {
    background-color: #fff;
    margin-bottom: 10px;
    padding-left: 10px;
    padding-right: 10px
}

.mod-wrap-product .mobile-pt .pt-item:last-child {
    margin-bottom: 0
}

.mod-wrap-product .mobile-pt .pt-title {
    padding-left: 5px;
    padding-right: 5px
}

.mod-wrap-product .mobile-pt .pt-title a {
    -webkit-tap-highlight-color: transparent
}

.mod-wrap-product .mobile-pt .pt-category {
    color: #000;
    font-size: 16px;
    height: 50px;
    position: relative;
    display: block
}

.mod-wrap-product .mobile-pt .pt-category:before {
    display: inline-block;
    content: "";
    width: 0;
    height: 100%;
    vertical-align: middle;
    font-size: 0
}

.mod-wrap-product .mobile-pt .pt-category .pd-img {
    width: 32px;
    height: 32px;
    display: inline-block;
    vertical-align: middle;
    margin-right: 15px
}

.mod-wrap-product .mobile-pt .pt-category .text {
    display: inline-block;
    vertical-align: middle
}

.mod-wrap-product .mobile-pt .pt-item .arr {
    display: inline-block;
    position: absolute;
    right: 0;
    top: 20px;
    width: 17px;
    height: 10px;
    background-image: url(../images/miniprogram/arr-down.png);
    background-size: 17px auto
}

.mod-wrap-product .mobile-pt .pt-item-open .arr {
    background-image: url(../images/miniprogram/arr-up.png)
}

.mod-wrap-product .mobile-pt .pt-ct {
    border-top: 1px solid #e2e2e2;
    display: none;
    padding: 15px 5px 5px
}

.mod-wrap-product .mobile-pt .pt-item-open .pt-ct {
    display: block
}

.mod-wrap-product .mobile-pt .pt-ct .ct-item {
    margin-bottom: 10px
}

.mod-wrap-product .mobile-pt .sub-title {
    display: block;
    padding-top: 5px;
    padding-bottom: 5px
}

.mod-wrap-product .mobile-pt .sub-title h4 {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.mod-wrap-product .mobile-pt .sub-title .des-text {
    color: #999;
    font-size: 12px;
    line-height: 20px
}

.m-hp-ability {
    max-width: 1200px;
    min-width: 320px;
    margin: 0 auto;
    box-sizing: inherit;
}
.m-hp-title {
    font-size: 38px;
    font-weight: 400;
    margin-bottom: 30px;
    color: #303233;
    text-align: center;
    display: block;
}
.m-hp-info {
    font-size: 20px;
    color: #000;
    text-align: center;
    line-height: 18px;
    margin-bottom: 30px;
}
.m-hp-list {
    text-align: center;
    width: 100%;
    margin: 0 auto;
    overflow: hidden;
}
.m-hp-list > li {
    position: inherit;
    float: left;
    width: 25%;
    padding: 5px 0;
    z-index: 2;
}

.m-hp-ability-icon {
    width: 90px;
    height: 90px;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: contain;
    margin: 0 auto;
}

.m-hp-keyword {
    font-weight: bold;
    font-size: 26px;
    color: #000;
    text-align: center;
    padding-top: 17px;
}

.m-hp-desc {
    margin-top: 20px;
    line-height: 25px;
    font-size: 14px;
    color: #666;
    text-align: center;
}

.m-hp-devhelper-icon {
    background-image: url(../images/miniprogram/i_01.jpg);
}

.m-hp-feed-icon {
    background-image: url(../images/miniprogram/i_02.jpg);
}

.m-hp-ai-icon {
    background-image: url(../images/miniprogram/i_03.jpg);
}

.m-hp-ecological-icon {
    background-image: url(../images/miniprogram/i_04.jpg);
}

.classProText{
    display: flex;
    justify-content: space-between;
    width: 1200px;
    line-height: 50px;
    color: #000000;
}
.classProText div{
    /*width: 25%;*/
    text-align: right;
    box-sizing: border-box;
    padding-right: 40px;
    font-size: 20px;
}
.solution-flex4 {
    box-sizing: border-box;
    width: 220px;
    border: 2px solid #f3f3f3;
    padding: 40px 10px;
    margin: 40px 10px 10px;
}
.solution-flex4 .title-img {
    text-align: center;
}
.img_size {
    height: 50px;
    vertical-align: bottom;
}
.miniprogram .img_size{
    height: 90px;
    vertical-align: bottom;
    margin-bottom: 20px;
}
.solu-title {
    font-size: 20px;
    letter-spacing: 1px;
    padding: 15px 0;
    color: #333;
}
.solu-text {
    /* border: 1px solid red; */
    height: 100px;
    line-height: 24px;
    font-size: 14px;
    color: #999999;
    letter-spacing: 1px;
}
.custom-wrp{
    height: 478px;
    width: 100%;
    position: relative;
    overflow: hidden;
    text-align: center;
}
.custom-img{
    position: relative;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    min-width: 1920px;
    width: 100%;
}