@charset "utf-8";
/* CSS Document */

/*以下  写字楼运营 office operate*/

#common-header .pro-banpicbm-sale {
	background: url(../Images/market_banner.jpg) no-repeat center;
    background-size: 100% 100%;
}

/*问题*/

.oo-wt {
    /* width: 1200px; */
    margin: 0 auto;
    height: 207px;
}

.oo-wt ul li {
    width: 400px;
    float: left;
    margin: 0
}

.oo-wt ul li .oo-pic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.oo-wt ul li .oo-pic img {
    height: 60px;
}

.oo-wt ul li .oo-con {
    width: 400px;
    line-height: 26px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding-top: 35px;
}

/*解决方案*/

.oo-fa {
    width: 100%;
    height: 800px;
    background: #f8f8f8
}

.oo-fa .oo-fbox {
    /* width: 1200px; */
    margin: 0 auto;
    margin-top: 18px;
}

.oo-fa .oo-fbox .oofl {
    width: 253px;
    float: left;
}

.oo-fa .oo-fbox .oofl .oofb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
}

.oo-fa .oo-fbox .oofl .oo1 {
    padding-top: 146px;
}

.oo-fa .oo-fbox .oofl .oofb p {
    text-align: right
}

.oo-fa .oo-fbox .oofm {
    width: 694px;
    float: left;
}

.oo-fa .oo-fbox .oofm img {
    width: 694px;
}

.oo-fa .oo-fbox .oofr {
    width: 253px;
    float: left;
}

.oo-fa .oo-fbox .oofr .oo3 {
    padding-top: 34px;
}

.oo-fa .oo-fbox .oofr .oo4 {
    padding-top: 314px;
}

.oo-fa .oo-fbox .oofr .oorb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    text-align: left;
}

.oo-fa .oo-fbox .oofr .oorb p {
    text-align: left
}

/*平台特色*/

.oo-pf {
    /* width: 1200px; */
    margin: 0 auto;
    height: 280px;
}

.oo-pf ul li {
    width: 400px;
    float: left;
}

.oo-pf ul li .oo-ppic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.oo-pf ul li .oo-ppic img {
    height: 80px;
}

.oo-pf ul li .oo-ptit {
    text-align: center;
    font-size: 18px;
    color: #333333;
    margin-top: 30px;
    margin-bottom: 14px;
}

.oo-pf ul li .oo-pdes {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

/*以上  写字楼运营 office operate*



/*以下  园区运营 park operate*/

/*难题*/

.po-td {
    /* width: 1200px; */
    height: 265px;
    margin: 0 auto;
}
.po-td ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.po-td ul li {
    width: 33.333%;
    float: left;
    margin: 0
}

.po-td ul li .po-pic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.po-td ul li .po-pic img {
    height: 60px;
}

.po-td ul li .po-con {
    height: 140px;
}

.po-td ul li .po-con .potit {
    padding-top: 28px;
    line-height: 26px;
    font-size: 16px;
    color: #333;
    text-align: center;
}

.po-td ul li .po-con .podes {
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    text-align: center;
    margin-top: 5px;
}


@media (max-width:768px) {
    .maintit {font-size: 24px;padding-top: 30px;padding-bottom: 40px;}
    .po-td {height: auto;}
    .po-td ul li {width: 50%;}
}
/*服务内容*/

.po-service {
    width: 100%;
    height: 870px;
    background: #f8f8f8;
}

.po-service .po-sbox {
    /* width: 1200px; */
    margin: 0 auto;
}
.po-service .po-sbox ul {
    display: flex;
    flex-wrap: wrap;
}

.po-service .po-sbox ul li {
    width: 32.2%;
    height: 195px;
    margin-right: 20px;
    margin-bottom: 20px;
    background: #fff;
    float: left;
}

.po-service .po-sbox ul li .po-sl {
    width: 200px;
    margin-left: 30px;
    float: left;
}

.po-service .po-sbox ul li .po-sl .post {
    font-size: 16px;
    color: #212121;
    padding-top: 40px;
    text-align: left;
}

.po-service .po-sbox ul li .po-sl .posd {
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    padding-right: 10px;
    padding-top: 15px;
}

.po-service .po-sbox ul li .po-sr {
    float: left;
    margin-left: 25px;
    width: 131px;
}

.po-service .po-sbox ul li .po-sr img {
    margin-top: 45px;
    width: 84px;
}

@media (max-width:1245px) {
    .po-service .po-sbox ul {justify-content: space-between;}
    .po-service .po-sbox ul li {margin-right: 0;}
    .po-service .po-sbox ul li .po-sr {margin-left: 0;}
}
@media (max-width:1200px) {
    .po-service {height: auto;}
    .po-service .po-sbox ul li {width: 49%;}
}
@media (max-width:790px) {
    .po-service .po-sbox ul li {display: flex;padding-right: 15px;padding-bottom: 20px;height: auto;}
    .po-service .po-sbox ul li .po-sl {margin-left: 15px;}
    .po-service .po-sbox ul li .po-sl .post {font-size: 18px;padding-top: 22px;}
    .po-service .po-sbox ul li .po-sr {width: auto;}
    .po-service .po-sbox ul li .po-sr img {width: 70px;}
}
@media (max-width:500px) {
    .po-service .po-sbox ul li {flex-direction: column;}
    .po-service .po-sbox ul li .po-sl {width: auto;}
    .po-service .po-sbox ul li .po-sl .posd {padding-right: 0;}
    .po-service .po-sbox ul li .po-sr {text-align: right;}
    .po-service .po-sbox ul li .po-sr img {margin-top: 20px;}
}
/*选择*/

.po-choose {
    /* width: 1200px; */
    margin: 0 auto;
}
.po-choose ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.po-choose ul li {
    width: 33.333%;
    float: left;
}

/* .po-choose ul li.pc-lm {
    margin: 0 180px;
} */

.po-choose ul li .po-cpic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.po-choose ul li .po-cpic img {
    height: 80px;
}

.po-choose ul li .po-ctit {
    font-size: 18px;
    color: #333333;
    padding-top: 41px;
    text-align: center;
}

.po-choose ul li .po-cdes {
    font-size: 12px;
    color: #666666;
    line-height: 24px;
    text-align: center;
    padding-top: 16px;
    padding-bottom: 55px;
}
@media (max-width:768px) {
    .po-choose ul li {width: 50%;}
    .po-choose ul li .po-cpic {height: auto;}
    .po-choose ul li .po-cpic img {height: 65px;}
    .po-choose ul li .po-ctit {padding-top: 20px;font-size: 16px;}
    .po-choose ul li .po-cdes {padding-bottom: 30px;line-height: 1.5;}
}
/*以上  园区运营 park operate*/

/*以下  办公云 office cloud*/

/*问题*/

.oc-wt {
    /* width: 1200px; */
    margin: 0 auto;
    height: 234px;
}

.oc-wt ul li {
    width: 300px;
    float: left;
    margin: 0
}

.oc-wt ul li .oc-pic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.oc-wt ul li .oc-pic img {
    height: 60px;
}

.oc-wt ul li .oc-con {
    width: 300px;
    line-height: 26px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding-top: 36px;
}

/*解决方案*/

.oc-fa {
    width: 100%;
    height: 800px;
    background: #f8f8f8
}

.oc-fa .oc-fbox {
    /* width: 1200px; */
    margin: 0 auto;
    margin-top: 7px;
}

.oc-fa .oc-fbox .ocfl {
    width: 253px;
    float: left;
}

.oc-fa .oc-fbox .ocfl .ocfb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
}

.oc-fa .oc-fbox .ocfl .oc1 {
    padding-top: 42px;
}

.oc-fa .oc-fbox .ocfl .oc2 {
    padding-top: 295px;
}

.oc-fa .oc-fbox .ocfl .ocfb p {
    text-align: right
}

.oc-fa .oc-fbox .ocfm {
    width: 694px;
    float: left;
}

.oc-fa .oc-fbox .ocfr {
    width: 253px;
    float: left;
}

.oc-fa .oc-fbox .ocfr .oc3 {
    padding-top: 42px;
}

.oc-fa .oc-fbox .ocfr .oc4 {
    padding-top: 296px;
}

.oc-fa .oc-fbox .ocfr .ocrb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    text-align: left;
}

.oc-fa .oc-fbox .ocfr .ocrb p {
    text-align: left
}

/*平台 tese*/

.oc-pff {
    width: 820px;
    margin: 0 auto;
    height: 298px;
}

.oc-pff ul li {
    width: 330px;
    float: left;
    margin: 0 40px;
}

.oc-pff ul li .oc-fpic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.oc-pff ul li .oc-fpic img {
    height: 78px;
}

.oc-pff ul li .oc-ftit {
    text-align: center;
    font-size: 18px;
    color: #333333;
    height: 60px;
    line-height: 60px;
    margin-top: 19px;
}

.oc-pff ul li .oc-fdes {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

.oc-pf {
    /* width: 1200px; */
    margin: 0 auto;
    height: 326px;
}

.oc-pf ul li {
    width: 375px;
    float: left;
}

.oc-pf ul li.oc-pm {
    width: 450px;
}

.oc-pf ul li .oc-ppic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.oc-pf ul li .oc-ppic img {
    height: 78px;
}

.oc-pf ul li .oc-ptit {
    text-align: center;
    font-size: 18px;
    color: #333333;
    height: 60px;
    line-height: 60px;
    margin-top: 19px;
}

.oc-pf ul li .oc-pdes {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 30px;
}

/*以上  办公云 office cloud*/

/*以下  管理云 manage cloud*/

/*问题*/

.mc-wt {
    /* width: 1200px; */
    margin: 0 auto;
    height: 235px;
}

.mc-wt ul li {
    width: 240px;
    float: left;
    margin: 0
}

.mc-wt ul li .mc-pic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.mc-wt ul li .mc-pic img {
    height: 60px;
}

.mc-wt ul li .mc-con {
    width: 240px;
    line-height: 26px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding-top: 35px;
}

/*解决方案*/

.mc-fa {
    width: 100%;
    height: 800px;
    background: #f8f8f8
}

.mc-fa .mc-fbox {
    /* width: 1200px; */
    margin: 0 auto;
    margin-top: 7px;
}

.mc-fa .mc-fbox .mcfl {
    width: 253px;
    float: left;
}

.mc-fa .mc-fbox .mcfl .mcfb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
}

.mc-fa .mc-fbox .mcfl .mc1 {
    padding-top: 50px;
}

.mc-fa .mc-fbox .mcfl .mc2 {
    padding-top: 338px;
}

.mc-fa .mc-fbox .mcfl .mcfb p {
    text-align: right
}

.mc-fa .mc-fbox .mcfm {
    width: 694px;
    float: left;
}

.mc-fa .mc-fbox .mcfr {
    width: 253px;
    float: left;
}

.mc-fa .mc-fbox .mcfr .mc3 {
    padding-top: 46px;
}

.mc-fa .mc-fbox .mcfr .mc4 {
    padding-top: 341px;
}

.mc-fa .mc-fbox .mcfr .mcrb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    text-align: left;
}

.mc-fa .mc-fbox .mcfr .mcrb p {
    text-align: left
}

/*平台特色*/

.mc-pf {
    /* width: 1200px; */
    margin: 0 auto;
    height: 325px;
}

.mc-pf ul li {
    width: 300px;
    float: left;
}

.mc-pf ul li .mc-epic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.mc-pf ul li .mc-epic img {
    height: 80px;
}

.mc-pf ul li .mc-etit {
    text-align: center;
    margin-top: 37px;
    font-size: 18px;
    color: #333333;
}

.mc-pf ul li .mc-edes {
    text-align: left;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    margin-top: 14px;
    padding: 0 20px 0 50px;
}

.mc-pf ul li .mc-sp {
    padding-left: 80px;
}

.mc-pf ul li .mc-edes p {
    margin-bottom: -6px;
    width: 230px;
    display: inline-block;
}

.mc-pf ul li .mc-edes p span.d {
    display: inline-block;
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: #999999;
    margin-right: 5px;
    position: relative;
    top: 14px;
}

.mc-pf ul li .mc-edes p span.txt {
    display: inline-block;
    float: left;
    width: 218px;
}

.mc-pf ul li .mc-sp p span.txt {
    width: 188px;
}

/*以上  管理云 manage cloud*/

/*以下  培训云  cloud*/

/*问题*/

.tc-wt {
    /* width: 1200px; */
    margin: 0 auto;
    height: 234px;
}

.tc-wt ul li {
    width: 300px;
    float: left;
    margin: 0
}

.tc-wt ul li .tc-pic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.tc-wt ul li .tc-pic img {
    height: 60px;
}

.tc-wt ul li .tc-con {
    width: 300px;
    line-height: 26px;
    font-size: 16px;
    color: #666666;
    text-align: center;
    padding-top: 35px;
}

/*解决方案*/

.tc-fa {
    width: 100%;
    height: 732px;
    background: #f8f8f8
}

.tc-fa .tc-fbox {
    /* width: 1200px; */
    margin: 0 auto;
    margin-top: 40px;
}

.tc-fa .tc-fbox .tcfl {
    width: 313px;
    float: left;
}

.tc-fa .tc-fbox .tcfl .tcfb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
}

.tc-fa .tc-fbox .tcfl .tc1 {
    padding-top: 34px;
}

.tc-fa .tc-fbox .tcfl .tc2 {
    padding-top: 272px;
}

.tc-fa .tc-fbox .tcfl .tcfb p {
    text-align: right
}

.tc-fa .tc-fbox .tcfm {
    width: 574px;
    float: left;
}

.tc-fa .tc-fbox .tcfm img {
    width: 574px;
    margin-top: 10px;
}

.tc-fa .tc-fbox .tcfr {
    width: 313px;
    float: left;
}

.tc-fa .tc-fbox .tcfr .tc3 {
    padding-top: 35px;
}

.tc-fa .tc-fbox .tcfr .tc4 {
    padding-top: 274px;
}

.tc-fa .tc-fbox .tcfr .tcrb {
    width: 100%;
    font-size: 18px;
    line-height: 26px;
    color: #666666;
    text-align: left;
}

.tc-fa .tc-fbox .tcfr .tcrb p {
    text-align: left
}

/*平台 特色*/

.tc-pf {
    /* width: 1200px; */
    margin: 0 auto;
}

.tc-pf ul li {
    width: 400px;
    float: left;
    padding-bottom: 60px;
}

.tc-pf ul li .tc-ppic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.tc-pf ul li .tc-ppic img {
    height: 80px;
}

.tc-pf ul li .tc-ptit {
    text-align: center;
    font-size: 18px;
    color: #333333;
    height: 60px;
    line-height: 60px;
    margin-top: 18px;
}

.tc-pf ul li .tc-pdes {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 26px;
}

/*以上  培训云  cloud*/

/* 招商品牌营销 banner 标题、背景显示 */

.pro-ban .sale-bar-box .sale-bar {
    margin-top: 20px;
}

.pro-ban .sale-bar-box {
    /* width: 1200px; */
    margin: 0 auto;

}

.sale-bar-box {
    position: relative;
}

.pro-ban .sale-bar-box .pro-bmcb {
    width: 700px;
    margin-top: 8px;
}

.pro-ban .sale-bar-box .pro-bmt {
    padding-top: 80px;
}

.sale-bar-box .solution_banner_bg {
    width: 247px;
    height: 211px;
    position: absolute;
    left: 0;
    top: 55px;
}

.pro-ban .sale-bar-box .sale-bar ul li {
    float: left;
    margin-right: 22px;
    width: 100px;
    font-size: 16px;
    line-height: 30px;
    opacity: .8;
    border: 1px solid #fff;
    text-align: center;
    filter: alpha(opacity=80);
    color: #fff;
    overflow: hidden;
    cursor: pointer;
}

.pro-ban .sale-bar-box .sale-bar ul li:hover {
    border: 1px solid #fff;
    background: #fff;
    color: #1f6cdd;
    cursor: pointer;
}

/*以下  品牌营销  brand marketing*/

/*营销*/

.bm-market {
    width: 847px;
    margin: 0 auto;
    height: 236px;
}

.bm-market ul li {
    width: 263px;
    float: left;
}

.bm-market ul li.bm-mc {
    margin: 0 29px;
}

.bm-market ul li .bm-ppic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.bm-market ul li .bm-ppic img {
    height: 60px;
}

.bm-market ul li .bm-ptit {
    text-align: center;
    font-size: 18px;
    color: #333333;
    height: 60px;
    line-height: 60px;
    padding-top: 17px;
}

.bm-market ul li .bm-pdes {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-top: -8px;
}

.bm-markets {
    /* width: 1200px; */
    margin: 0 auto;
    height: 510px;
}

.bm-markets ul {
    overflow: hidden;
}

.bm-markets ul li {
    width: 263px;
    float: left;
    margin: 0 14.5px;
}

.bm-markets ul li .bms-ppic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.bm-markets ul li .bms-ppic img {
    height: 60px;
}

.bm-markets ul li .bms-ptit {
    text-align: center;
    font-size: 18px;
    color: #333333;
    height: 60px;
    line-height: 60px;
    padding-top: 17px;
}

.bm-markets ul li .bms-pdes {
    text-align: center;
    font-size: 14px;
    color: #666;
    line-height: 26px;
    margin-top: -8px;
}

/**/

.bm-markets .line-text {
    /* width: 1200px; */
    margin-top: 81px;
    text-align: center;
    font-size: 18px;
}

.bm-markets .line-text .line-text-box {
    width: 1100px;
    position: relative;
    margin: auto;
}

.bm-markets .line-text .line {
    width: 100%;
    border: 1px solid #1f6cdd;
    position: relative;
    top: 10px;
}

.bm-markets .line-text .text {
    position: relative;
    background: #fff;
    padding: 0 20px;
}

/**/

.bm-markets .text-desc {
    margin: 50px auto;
}

.bm-markets .text-desc .desc {
    width: 300px;
    float: left;
    height: 66px;
    /* margin-left: 52px; */
}

.bm-markets .text-desc .desc .desc-box {
    width: 230px;
    margin: auto;
    height: 66px;
    text-align: center;
    background-color: #eef5ff;
}

.bm-markets .text-desc .desc span {
    display: block;
    height: inherit;
    line-height: 76px;
}

/*门户*/

.bm-gate {
    width: 100%;
    /* height: 761px; */
    background: #f8f8f8;
    padding-bottom: 90px;
}

.bm-gate .bm-gbox {
    /* width: 1200px; */
    margin: 0 auto;
}

.bm-gate .bm-gbox .bm-gdes {
    text-align: center;
    font-size: 16px;
    color: #333;
    padding-bottom: 65px;
}

.bm-gate .bm-gbox .bm-gcon {
    /* width: 1200px; */
    margin: 0 auto;
    height: 184px;
}

.bm-gate .bm-gbox .bm-gcon ul li {
    /* padding-top: 30px; */
    width: 300px;
    height: 154px;
    line-height: 154px;
    float: left;
    /* margin-right: 106px; */
    /* background-color: #ffffff; */
    /* box-shadow: 1px 3px 8px 2px #eaeff6; */
}

.bm-gate .bm-gbox .bm-gcon ul li .gcon-box {
    margin: auto;
    width: 184px;
    background-color: #fff;
    height: inherit;
    padding-top: 30px;
    box-shadow: 1px 3px 8px 2px #eaeff6;
}

.bm-gate .bm-gbox .bm-gcon ul li .bm-gpic {
    text-align: center;
    height: 94px;
    line-height: 94px;
}

.bm-gate .bm-gbox .bm-gcon ul li .bm-gpic img {
    height: 80px;
}

.bm-gate .bm-gbox .bm-gcon ul li .bm-gtit {
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 18px;
    color: #333;
}

/**/

.bm-gate .bm-gbox .bm-gdesc {
    margin: 60px auto 0;
}

.bm-gate .bm-gbox .bm-gdesc ul li {
    /* background-color: #ffffff; */
    /* width: 1100px; */
    height: 60px;
    line-height: 60px;
    margin-bottom: 10px;
}

.bm-gate .bm-gbox .bm-gdesc ul li .gdesc-box {
    margin: auto;
    /* width: 1200px; */
    background-color: #ffffff;
}

.bm-gate .bm-gbox .bm-gdesc ul li span {
    display: inline-block;
}

.bm-gate .bm-gbox .bm-gdesc ul li .bm-gdesc-title {
    margin-left: 44px;
    font-size: 18px;
    width: 196px;
    color: #333;
}

.bm-gate .bm-gbox .bm-gdesc ul li .bm-gdesc-title .t-icon {
    width: 4px;
    height: 16px;
    background-color: #1f6cdd;
    border-radius: 3px;
    display: inherit;
    position: relative;
    top: 2px;
    margin-right: 14px;
}

.bm-gate .bm-gbox .bm-gdesc ul li .bm-gdesc-text {
    font-size: 14px;
    color: #666;
}

.secstit {
    padding-bottom: 60px;
}

/*创意*/

.bm-cy {
    /* width: 1200px; */
    margin: 0 auto;
}

.chuang-yi {
    background: url('../images/chuang-bg2.jpg') no-repeat center;
    height: 635px;
    background-color: #1a2e45;
    padding-bottom: 82px;
    overflow: hidden;
}

.chuang-yi .common_main_title {
    margin-top: 90px;
}

.chuang-yi .common_main_title,
.chuang-yi .common_secondary_title {
    color: #fff;
}

.chuang-yi .bm-cy {
    /* width: 1200px; */
    margin: 0 auto;
}

/* 创意 图标 */

.chuang-yi .bm-cy .icon-list {
    margin-top: 64px;
    color: #fff;
    overflow: hidden;
}

.chuang-yi .bm-cy .icon-list ul li {
    width: 300px;
    float: left;
}

.chuang-yi .bm-cy .icon-list ul li div {
    text-align: center;
    margin: auto;
}

.chuang-yi .bm-cy .icon-list ul li .icon-text {
    margin-top: 38px;
}

/* 创意  三条文字 */

.chuang-yi .bm-cy .bm-cy-desc {
    margin-top: 83px;
    /* padding-left: 27px; */
    /* width: 1200px; */
}

.chuang-yi .bm-cy .bm-cy-desc ul li {
    /* width: 1200px; */
    height: 60px;
    line-height: 60px;
    /* margin-bottom: 10px; */
    margin: 0 auto 10px;
}

.chuang-yi .bm-cy .bm-cy-desc ul li span {
    display: inline-block;
    color: #fff;
}

.chuang-yi .bm-cy .bm-cy-desc ul li .bm-cy-desc-title {
    margin-left: 44px;
    font-size: 18px;
    width: 196px;
}

.chuang-yi .bm-cy .bm-cy-desc ul li .bm-cy-desc-text {
    font-size: 14px;
}

.chuang-yi .bm-cy .bm-cy-desc ul li .bm-cy-desc-title .t-icon {
    width: 4px;
    height: 16px;
    background-color: #1f6cdd;
    border-radius: 3px;
    display: inherit;
    position: relative;
    top: 2px;
    margin-right: 14px;
}

.bm-cy .bm-cpic {
    text-align: center;
    margin: 0 auto;
}

.bm-cy .bm-cbox {
    width: 600px;
    height: 116px;
    margin: 0 auto;
    margin-top: 60px;
    margin-bottom: 90px;
}

.bm-cy .bm-cbox .bm-cbl {
    width: 280px;
    height: 116px;
    float: left;
    margin-right: 40px;
}

.bm-cy .bm-cbox .bm-cbr {
    width: 278px;
    height: 99px;
    border: 1px solid #333333;
    text-align: center;
    float: left;
    padding-top: 15px;
}

.bm-cy .bm-cbox .bm-cbr p {
    font-size: 14px;
    line-height: 26px;
    color: #333333;
}

/*选择*/

.bm-choose {
    width: 100%;
    height: 570px;
    background: #f8f8f8
}

.bm-choose .bm-cbox {
    /* width: 1200px; */
    margin: 0 auto;
}

.bm-choose .bm-cbox ul li {
    width: 400px;
    float: left;
}

.bm-choose .bm-cbox ul li .bm-cpic {
    margin: 0 auto;
    text-align: center;
    height: 180px;
}

.bm-choose .bm-cbox ul li .bm-cdes {
    text-align: center;
    font-size: 16px;
    color: #333333;
    line-height: 30px;
    padding-top: 23px;
}

/*流程*/

.bm-lc {
    /* width: 1200px; */
    height: 160px;
    margin: 0 auto;
    background: url(../images/bm-lc.jpg) no-repeat;
    background-size: cover;
    padding-bottom: 80px;
}

/*以上  品牌营销  brand marketing*/

/*以下  体系搭建  system make*/

/*搭建*/

.sm-dj {
    /* width: 1200px; */
    margin: 0 auto;
    height: 266px;
}

.sm-dj ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sm-dj ul li {
    width: 25%;
    float: left;
    margin-bottom: 60px;
}

.sm-dj ul li .sm-ppic {
    margin: 0 auto;
    text-align: center;
    height: 60px;
}

.sm-dj ul li .sm-ppic img {
    height: 60px;
}

.sm-dj ul li .sm-ptit {
    text-align: center;
    font-size: 14px;
    color: #333333;
    height: 35px;
    line-height: 20px;
    margin-top: 17px;
}

.sm-dj ul li .sm-pdes {
    text-align: center;
    font-size: 12px;
    color: #666;
    line-height: 22px;
    margin-top: -6px;
}

/*服务内容*/

@media (max-width: 768px) {
    .sm-dj {height: auto;}
    .sm-dj ul li .sm-ptit {height: auto;line-height: normal;font-size: 16px;margin-bottom: 15px;}
    .sm-dj ul li .sm-pdes {line-height: 1.5;}
    .sm-dj ul li {width: 50%;margin-bottom: 20px;}
}
.sm-nr {
    width: 100%;
    height: 412px;
    background: #f8f8f8;
}

.sm-nr .sm-nbox {
    /* width: 1200px; */
    margin: 0 auto;
}
.sm-nr .sm-nbox ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.sm-nr .sm-nbox ul li {
    flex: 1;
    margin-bottom: 20px;
    float: left;
}

.sm-nr .sm-nbox ul li .sm-npic {
    text-align: center;
    height: 80px;
}

.sm-nr .sm-nbox ul li .sm-npic img {
    height: 80px;
}

.sm-nr .sm-nbox ul li .sm-ntit {
    text-align: center;
    height: 104px;
    line-height: 104px;
    font-size: 18px;
    color: #333333;
}
@media (max-width: 768px) {
    .sm-nr .sm-nbox ul li {margin: 0 22px 20px;}
    .sm-nr .sm-nbox ul li .sm-npic {height: auto;}
    .sm-nr .sm-nbox ul li .sm-npic img {height: 50px;}
    .sm-nr .sm-nbox ul li .sm-ntit {height: auto;line-height: normal;width: 100%;margin-top: 15px;font-size: 16px;}
    .sm-nr {height: auto;}
}
/*体系特色*/

.sm-pf {
    /* width: 1200px; */
    margin: 0 auto;
    height: 425px;
}
.sm-pf ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.sm-pf ul li {
    width: 25%;
    float: left;
}

.sm-pf ul li .sm-epic {
    margin: 0 auto;
    text-align: center;
    height: 80px;
}

.sm-pf ul li .sm-epic img {
    height: 80px;
}

.sm-pf ul li .sm-etit {
    text-align: center;
    margin-top: 40px;
    font-size: 16px;
    color: #333333;
}

.sm-pf ul li .sm-edes {
    text-align: left;
    font-size: 12px;
    color: #666666;
    line-height: 22px;
    margin-top: 34px;
    padding: 0 20px;
}

.sm-pf ul li .sm-edes p {
    margin-bottom: 5px;
    display: inline-block;
    padding-left: 15px;
}

.sm-pf ul li .sm-edes p span.d {
    display: inline-block;
    float: left;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background: url(../images/d.jpg);
    margin-right: 5px;
    position: relative;
    top: 11px;
}

.sm-pf ul li .sm-edes p span.txt {
    display: inline-block;
    float: left;
}


@media (max-width:1200px) {
    .sm-pf ul li .sm-epic {height: 70px;}
    .sm-pf ul li .sm-etit {margin-top: 20px;font-size: 18px;}
    .sm-pf ul li .sm-edes p {padding-left: 0;}
    .sm-pf ul li .sm-edes {line-height: 1.5;margin-top: 14px;padding: 0 6px;}
}

@media (max-width: 768px) {
    .sm-pf ul li .sm-epic {height: auto;}
    .sm-pf ul li .sm-epic img {height: 65px;}
    .sm-pf {height: auto;}
    .sm-pf ul li {width: 50%;margin-bottom: 20px;}
}
/*服务案例*/

.sm-al {
    width: 100%;
    height: auto;
    background: #f8f8f8
}

.sm-al .sm-abox {
    /* width: 1200px; */
    margin: 0 auto;
    padding-bottom: 100px;
}
.sm-al .sm-abox ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.sm-al .sm-abox ul li {
    flex: 1;
    height: 86px;
    border: 1px solid #fff;
    float: left;
    margin-bottom: 20px;
    text-align: center;
}

.sm-al .sm-abox ul li img {
    width: 181px;
    height: 86px;
}

.common_main_title {
    /* width: 1200px; */
    font-size: 32px;
    font-weight: normal;
    color: #333;
    overflow: hidden;
    text-align: center;
    margin: 0 auto 20px;
}

.common_secondary_title {
    /* width: 1200px; */
    font-size: 16px;
    font-weight: normal;
    color: #666;
    overflow: hidden;
    text-align: center;
    margin: 0px auto 55px;
}

.solutionm_three {
    width: 360px;
    height: 300px;
    display: block;
    margin: -5px auto 50px;
}

.solutionm_tab {
    width: 600px;
    margin: 0 auto 90px;
    overflow: hidden;
}

.solutionm_tab_one {
    width: 278px;
    float: left;
    padding: 16px 0;
    border: 1px dashed #999;
    position: relative;
    overflow: hidden;
}

.solutionm_box {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 5;
}

.solutionm_tab_one p {
    line-height: 26px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #999;
}

.solutionm_tab_two {
    width: 278px;
    float: right;
    padding: 16px 0;
    border: 1px solid #333;
}

.solutionm_tab_two p {
    line-height: 26px;
    text-align: center;
    width: 100%;
    overflow: hidden;
    font-size: 14px;
    color: #333;
}

.solution_advantage_box {
    width: 100%;
    min-width: 1200px;
    margin: 0 auto;
    padding-top: 90px;
    background: #f8f8f8;
    overflow: hidden;
    height: 535px;
}

.solution_advantage {
    /* width: 1200px; */
    margin: 0 auto 90px;
    overflow: hidden;
}

.solutionm_advantage {
    width: 870px;
    margin: 0 auto 50px;
    overflow: hidden;
}

.solutionm_advantage li {
    width: 33.3%;
    float: left;
    overflow: hidden;
}

.solution_advantage li {
    width: 25%;
    float: left;
    overflow: hidden;
}

.solution_advantage_pic {
    width: 65px;
    height: 65px;
    display: block;
    margin: 0px auto 33px;
}

.solution_advantage_tit {
    width: 100%;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0 auto 15px;
}

.solution_advantage_info {
    width: 90%;
    font-size: 14px;
    line-height: 24px;
    color: #666;
    overflow: hidden;
    text-align: center;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin: 0 auto;
}

/* 应用场景 */

.solutionm_label {
    /* width: 1200px; */
    margin: 0 auto 90px;
    height: 320px;
}

.solutionm_label .solutionm-label-box {
    width: 1100px;
    margin: auto;
}

.solutionm_label .tab-list {
    float: left;
    background-color: #fff;
}

.solutionm_label .tab-list ul li {
    height: 104px;
    line-height: 104px;
    width: 260px;
    text-align: center;
    font-size: 20px;
    box-shadow: inset -8px 0px 8px -4px #eaeff6;
    cursor: default;
    color: #666;
}

.solutionm_label .tab-list ul li.active {
    color: #1f6cdd;
    font-size: 20px;
    font-weight: 700;
    box-shadow: 3px 1px 8px 2px #eaeff6;
}

.solutionm_label .tab-list ul li.active:first-child {
    box-shadow: 3px 3px 8px #eaeff6;
}

.solutionm_label .tab-list ul li.active .line {
    display: none;
}

.solutionm_label .tab-list ul li .line {
    width: 200px;
    border-bottom: 1px solid #eeeeee;
    margin: auto;
}

.solutionm_label .tab-content {
    float: left;
    height: 312px;
    width: 838px;
    box-shadow: 5px 5px 8px #eaeff6;
    background-color: #fff;
}

.solutionm_label .tab-content .content-2,
.solutionm_label .tab-content .content-3 {
    display: none;
}

.solutionm_label .tab-content .content {
    width: 790px;
    margin: auto;
    height: inherit;
}

.solutionm_label .tab-content .content .content-left,
.solutionm_label .tab-content .content .content-right {
    float: left;
    height: inherit;
}

.solutionm_label .tab-content .content .content-title-left {
    height: 60px;
    line-height: 60px;
    margin-top: 13px;
    width: 344px;
    border-bottom: 1px solid #eeeeee;
    font-weight: 700;
    text-align: center;
}

.solutionm_label .tab-content .content .content-title-right {
    height: 60px;
    line-height: 60px;
    margin-top: 13px;
    width: 440px;
    font-weight: 700;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
}

.solutionm_label .tab-content .content .content-list {
    margin-top: 32px;
}

.solutionm_label .tab-content .content .content-list ul li {
    list-style-type: disc;
    margin-left: 20px;
    margin-bottom: 26px;
    color: #ababab;
}

.solutionm_label .tab-content .content .content-list ul li span {
    color: #666;
}

.solutionm_label .tab-content .content .content-list .circle {
    float: left;
    width: 110px;
}

.solutionm_label .tab-content .content .content-list .circle .space {
    height: 2px;
}

.solutionm_label .tab-content .content .content-list .wai-circle {
    margin: 0 auto;
    width: 80px;
    height: 80px;
    border-radius: 50%;
    background-color: #bbd3f5;
    padding-top: 1px;
}

.solutionm_label .tab-content .content .content-list .nei-circle {
    margin: 7px auto;
    width: 66px;
    padding: 17px 0;
    border-radius: 50%;
    background-color: #1f6cdd;
    color: #fff;
    text-align: center;
    line-height: 16px;
    height: 32px;
}

.solutionm_label .tab-content .content .content-list .wai-circle .circle-small {
    font-size: 15px;
}

.solutionm_label .tab-content .content .content-right .content-list {
    width: 440px;
}

.solutionm_label .tab-content .content .content-right .content-list .three-circle {
    width: 330px;
    margin: 15px auto;
    overflow: hidden;
}

.solutionm_label .tab-content .content .content-right .content-list .four-circle {
    width: 440px;
    margin: 15px 0;
    overflow: hidden;
}

.solutionm_label .tab-content .content .content-right .content-list .two-circle {
    width: 220px;
    margin: 15px auto;
    overflow: hidden;
}

/* 应用场景 end */

.solutionm_label_items {
    width: 33.3%;
    float: left;
}

.solutionm_label_item {
    width: 124px;
    height: 180px;
    padding: 0 28px;
    margin: 0 auto 25px;
    border: 1px dashed #333;
}

.solutionm_label_tit {
    width: 100%;
    margin-top: 26px;
    text-align: center;
    overflow: hidden;
    font-size: 48px;
    margin-bottom: 24px;
    color: #333;
    white-space: nowrap;
}

.solutionm_label_tit span {
    font-size: 80px;
}

.solutionm_label_intro {
    width: 100%;
    font-size: 24px;
    color: #666;
    text-align: center;
    white-space: nowrap;
    overflow: hidden;
}

.solutionm_label_info {
    width: 100%;
    line-height: 30px;
    font-size: 16px;
    color: #333;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.service-main-box {
    padding-top: 90px;
    height: 378px;
}

/*服务流程*/

.solutionm_question {
    /* width: 1200px; */
    margin: 0 auto 90px;
    overflow: hidden;
    position: relative;
}

.solutionm_question li {
    width: 200px;
    float: left;
    overflow: hidden;
}

.solutionm_question_icon {
    width: 103px;
    height: 103px;
    display: block;
    margin: 0 auto 32px;
}

.solutionm_question_font {
    width: 100%;
    font-size: 18px;
    color: #333;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    text-align: center;
    margin: 0 auto;
}

.solutionm_toright_one {
    position: absolute;
    top: 45px;
    left: 170px;
    width: 61px;
    height: 14px;
}

.solutionm_toright_two {
    position: absolute;
    top: 45px;
    left: 370px;
    width: 61px;
    height: 14px;
}

.solutionm_toright_three {
    position: absolute;
    top: 45px;
    left: 570px;
    width: 61px;
    height: 14px;
}

.solutionm_toright_four {
    position: absolute;
    top: 45px;
    left: 770px;
    width: 61px;
    height: 14px;
}

.solutionm_toright_five {
    position: absolute;
    top: 45px;
    left: 970px;
    width: 61px;
    height: 14px;
}