body{width: 100%;height: 100%;overflow-x:hidden;position: relative;}

#header{position:relative;overflow:hidden;width:100%;height:90px}
#header .allheader{position:fixed;left:50%;z-index:1999;margin-left:-960px;width:1920px;height:90px;border-radius:4px;background-color:#fff;box-shadow:0 0 20px rgb(0 165 120 / 10%)}
.headerAll{position:relative;display:flex;margin:0 auto;width:1200px;height:90px;justify-content:flex-start}

/* 头部左边 */
.headerLeft{width:30%;height:90px;display:flex;justify-content:space-between;padding-top:17px}
.headerLeft .headerLeft-line{height:52px;width:1px;border-left:1px solid #d6d6d6;margin-left:20px;margin-top:4px}
.headerLeft .headerLeft-L a img{width:154px;height:59px}
.headerLeft .headerLeft-R{height:70.6px;display:flex;flex-direction:column;margin-left:20px;text-indent:2px}
.headerLeft .headerLeft-R>p{height:24px;font-size:12px;text-align:center;line-height:24px;margin-top:10px;color:#00a578;border:1px solid #00a578;border-radius:20px}
.headerLeft .headerLeft-R div{width:130px;height:24px;font-size:12px;line-height:24px;padding-left:10px;background-color:#00a578;border-radius:20px;display:flex;justify-content:flex-starts}
.headerLeft .headerLeft-R div img{width:18px;height:15px;margin-top:6px;margin-left:6px}
.headerLeft .headerLeft-R div p{color:#fff}

/* 头部右边 */
.headerRight{width:726px;display:flex;justify-content:flex-start;align-items:center}
.headerRight .headerRight-L{width:488px;font-size:14px;color:#333;display:flex;margin-left:173px;justify-content:flex-start;align-items:center}
.headerRight .headerRight-L ul{width:488px;height:90px;display:flex;margin-left:0;padding-left:0;justify-content:space-around;align-items:center}
.headerRight .headerRight-L ul>li{height:90px;display:flex;justify-content:center;align-items:center;list-style:none;background-color:#fff}
.headerRight .headerRight-L ul>li>a{height:90px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:19px;color:#333;display:flex;align-items:center}
.headerRight .headerRight-L ul :first-child :hover{color:#00a578}
.headerRight .headerRight-L ul li a img{margin-left:6px}

/* 产品 */
.headerRight .headerRight-L ul>li .product>div{height:260px;width:125px;border-right:1px solid #eee}
.headerRight .headerRight-L ul>li .product>div li{width:125px;display:flex;align-items:center;text-indent:35px;margin-left:3.5px;margin-bottom:13px}
.headerRight .headerRight-L ul>li .product>div li a{width:118px;height:20px;line-height:20px;font-size:12px}
.headerRight .headerRight-L ul>li .product>div li :hover{background-color:#eee;color:#00a578;border-radius:2px}
.headerRight .headerRight-L ul>li .product :last-child{border-right:none}
.headerRight .headerRight-L ul>li .product{width:756px;border-radius:4px;position:absolute;box-shadow:0 0 2px rgba(0,0,0,.16);top:92px;height:0;overflow:hidden;transition:.1s;left:250px;padding-left:0;background-color:#fff;display:flex}
.headerRight .headerRight-L ul>li .product li a{height:16px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;line-height:16px;color:#666}
.headerRight .headerRight-L ul>li .product .title{width:121px;height:19px;display:flex;align-items:center;margin-top:20px;margin-left:18px;margin-bottom:19px}
.headerRight .headerRight-L ul>li .product .title a{height:19px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:19px;color:#333;margin-left:8px}

/* 解决方案 */
.headerRight .headerRight-L ul>li .programme>div{height:186px;width:140px;border-right:1px solid #eee}
.headerRight .headerRight-L ul>li .programme{width:140px;border-radius:4px;box-shadow:0 0 2px rgba(0,0,0,.16);position:absolute;top:92px;height:0;overflow:hidden;transition:.1s;left:570px;padding-left:0;background-color:#fff;display:flex}
.headerRight .headerRight-L ul>li .programme li{width:135px;display:flex;margin-top:13px;margin-left:3px;text-indent:35px}
.headerRight .headerRight-L ul>li .programme li :hover{background-color:#eee;color:#00a578;border-radius:2px}
.headerRight .headerRight-L ul>li .programme li a{width:135px;height:20px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;line-height:18px;color:#666}
.headerRight .headerRight-L ul>li .programme .title{width:131px;height:19px;display:flex;align-items:center;margin-top:20px;margin-left:18px;margin-bottom:6px}
.headerRight .headerRight-L ul>li .programme .title a{height:19px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:19px;color:#333;margin-left:8px}

/* 定制服务 */
.headerRight .headerRight-L ul>li .serve{width:131px;box-shadow:0 0 2px rgba(0,0,0,.16);border-radius:4px;position:absolute;top:92px;height:0;overflow:hidden;transition:.1s;left:760px;padding-left:0;background-color:#fff}
.headerRight .headerRight-L ul>li .serve li{width:125px;display:flex;margin-top:13px;margin-left:3px;text-indent:35px}
.headerRight .headerRight-L ul>li .serve li :hover{background-color:#eee;color:#00a578;border-radius:2px}
.headerRight .headerRight-L ul>li .serve li a{width:125px;height:20px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;line-height:18px;color:#666}
.headerRight .headerRight-L ul>li .serve .title{width:131px;height:19px;display:flex;align-items:center;margin-top:20px;margin-left:18px;margin-bottom:6px}
.headerRight .headerRight-L ul>li .serve .title a{height:19px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:19px;color:#333;margin-left:8px}

/*服务中心 */
.headerRight .headerRight-L ul>li .center{width:131px;border-radius:4px;position:absolute;top:92px;height:0;overflow:hidden;transition:.1s;left:880px;padding-left:0;background-color:#fff;box-shadow:0 0 2px rgba(0,0,0,.16)}
.headerRight .headerRight-L ul>li .center li{width:125px;display:flex;margin-top:13px;margin-left:3px;text-indent:35px}
.headerRight .headerRight-L ul>li .center li :hover{background-color:#eee;color:#00a578;border-radius:2px}
.headerRight .headerRight-L ul>li .center li a{width:125px;height:20px;font-size:12px;font-family:Microsoft YaHei;font-weight:400;line-height:18px;color:#666}
.headerRight .headerRight-L ul>li .center .title{width:131px;height:19px;display:flex;align-items:center;margin-top:20px;margin-left:18px;margin-bottom:6px}
.headerRight .headerRight-L ul>li .center .title a{height:19px;font-size:14px;font-family:Microsoft YaHei;font-weight:400;line-height:19px;color:#333;margin-left:8px;cursor:pointer}
.headerRight .headerRight-L ul>li ol .title div{background-color:#00a578;width:11px;height:11px}

/* 按钮 */
.headerRight .headerRight-R{width:180px;display:flex;justify-content:flex-start;align-items:center}
.headerRight .headerRight-R div{width:90px;height:30px;font-size:14px;text-align:center;line-height:30px;cursor:pointer;color:#00a578;border:1px solid #00a578;border-radius:20px;padding:5px auto}
.headerRight .headerRight-R span{display:inline-block;width:70px;height:30px;font-size:14px;text-align:center;line-height:30px;color:#fff;background-color:#00a578;cursor:pointer;border-radius:20px;margin-left:20px}
.headerRight-R{width:180px;display:flex;justify-content:flex-start;align-items:center}
.headerRight-R div{width:90px;height:30px;font-size:14px;text-align:center;line-height:30px;cursor:pointer;color:#00a578;border:1px solid #00a578;border-radius:20px;padding:5px auto}
.headerRight-R span{display:inline-block;width:70px;height:30px;font-size:14px;text-align:center;line-height:30px;color:#fff;background-color:#00a578;cursor:pointer;border-radius:20px;margin-left:20px}
.headerRight-L ul>li ol{width:100%;background-color:#fff}

/* 背景图 */
.bg{width:100%;height:640px;position:relative}
.bg .bg-bg{width:1920px;height:500px;background:url("../img/202207/banner.gif") no-repeat;background-size:cover;position:absolute;left:50%;margin-left:-960px;display:flex;justify-content:center}
.bg .bg-bg .bg-box{margin:0 auto;width:1200px;height:540px;position:relative}
.bg .bg-bg .bg-box .bg-text{font-weight:700;display:flex;flex-direction:column;justify-content:space-between;position:absolute;left:0;top:85px}
.bg .bg-bg .bg-box .bg-tags{font-size:18px;font-family:PingFang SC;font-weight:400;line-height:35px;color:#fff;position:absolute;top:215px}
.bg .bg-bg .bg-box .bg-text span{font-size:40px;letter-spacing:1.5px;line-height:1.5em;font-family:"微软雅黑";color:#fff}
.bg .bg-bg .bg-box .operation{width:325px;display:flex;justify-content:space-around;position:absolute;left:0;bottom:177px}
.bg .bg-bg .bg-box .operation button{width:149px;height:47px;font-size: 21px;font-family: PingFang SC;font-weight: 400;cursor:pointer;border-radius: 6px;}
.bg .bg-bg .bg-box .bg-bottom{width:1200px;height:140px;position:absolute;bottom:-31px;left:0}
.bg .bg-bg .bg-box .freeTrial{background-color:#fff;color: #333333;border:none;}
.bg .bg-bg .bg-box .contactCustomer{border: 1px solid #FFFFFF;background: transparent;color: #FFFFFF;}

/* 成本距离营销风控 */
.bg .bg-bottom ul{width:1200px;display:flex;border-radius:4px;align-items:flex-start;justify-content:space-between}
.bg .bg-bottom ul li{width:380px;height:140px;display:flex;cursor:pointer;background:#fff;align-items:center;border-radius:20px;box-shadow:0 0 10px rgba(0,0,0,.0500);transition: 0.5s!important;}
.bg .bg-bottom ul li,.animated{animation-fill-mode: unset!important;-webkit-animation-fill-mode: unset!important;}
.bg .bg-bottom ul li img{margin:0 14px 0 20px;}
.bg .bg-bottom ul li>div{margin:0 20px 0 0;}
.bg .bg-bottom ul li>canvas{border-radius: 0 0 20px 20px;}
.bg .bg-bottom ul li:hover{transform: translateY(-20px)!important;box-shadow:0 0 10px rgba(0,0,0,.1);}
.bg .bg-bottom ul li:hover strong{color: #00a578;}
.bg .bg-bottom ul .last div{border-right:none}
.bg .bg-bottom ul li div strong{font-size:20px;font-weight:800;line-height:35px;color:#333}
.bg .bg-bottom ul li div span{display:inline-block;font-size:16px;font-family:PingFang SC;font-weight:400;line-height:35px;color:#666}
.bg .bg-bottom ul li div p{font-size:16px;font-family:PingFang SC;font-weight:400;line-height:35px;color:#00a578}
.bg .bg-bottom ul li div .one{margin:0 0 0 8px;font-size:16px;font-family:PingFang SC;font-weight:400;line-height:35px;color:#00a578}
.bg .bg-bottom ul li div .two{font-size:16px;font-family:PingFang SC;font-weight:400;line-height:35px;color:#00a578;opacity:.5}
.bg .bg-bottom ul li div .three{font-size:16px;font-family:PingFang SC;font-weight:400;line-height:35px;color:#00a578;opacity:.2}

/* 内容标题 */
.in_title div{font-size: 34px;font-family: PingFang SC;font-weight: 800;line-height: 48px;color: #333333;}
.in_title p{font-size: 22px;font-family: PingFang SC;font-weight: 400;line-height: 30px;color: #666666;margin: 6px 0 0;}

/* 完整的私域运营闭环服务全景图 */
.Private_map{padding: 0 0 85px;}
.Private_map .private_map{margin: 57px 0 0;}
.Private_map .btn_alll{margin: 71px 0 0;}
.Private_map .btn_alll .btn_left{width: 177px;height: 56px;background: #00A578;font-size: 26px;font-family: PingFang SC;font-weight: 800;color: #FFFFFF;border-radius: 6px;margin: 0 96px 0 0;cursor: pointer;}
.Private_map .btn_alll .btn_right{width: 177px;height: 56px;border: 1px solid #00A578;border-radius: 6px;font-size: 26px;font-family: PingFang SC;font-weight: 800;color: #00A578;cursor: pointer;}

/* 助力企业私域运营更智能、更高效 */
.Help_enterprises{background-color: #F6F9FC;padding: 71px 0 91px;background-image: url("../img/202207/Help_enterprises.svg"); background-size: 100%;background-repeat: no-repeat;background-position: bottom;}
.Help_enterprises .in_all{margin: 58px auto 22px;max-width: 1200px;}
.Help_enterprises .in_all .list{width: 370px;height: 226px;background: #fff;box-shadow: 0px 0px 10px rgba(0,0,0,0.0500);border-radius: 20px;margin: 0 0 45px;cursor: pointer;transition: 0.5s!important;}
.Help_enterprises .in_all .list>div{margin: 24px 32px 15px 32px;width: 306px;}
.Help_enterprises .in_all .list>p{margin: 0 32px;width: 306px;}
.Help_enterprises .in_all .list>canvas{border-radius: 20px;}
.Help_enterprises .in_all .list:hover{transform: scale(1.1);box-shadow: 0px 0px 10px rgba(0,0,0,0.3);}
.Help_enterprises .list h3{font-size: 26px;font-family: PingFang SC;font-weight: 800;line-height: 35px;color: #333333;margin: 0 0 0 10px;}
.Help_enterprises .list p{font-size: 18px;font-family: PingFang SC;font-weight: normal;line-height: 30px;color: #666666;margin: 20px 0 0;}
.Help_enterprises .btn_all{width: 383px;height: 56px;background: #00A578;border-radius: 6px;font-size: 26px;font-family: PingFang SC;font-weight: 800;color: #FFFFFF;margin: 0 auto;cursor: pointer;}

/* 多行业解决方案 */
.Solution{background: #fff;padding: 70px 0 0;}
.Solution .in_all{margin: 72px auto ;max-width: 1200px;}
.Solution .in_all .list{width: 280px;border-radius: 8px;transition: 0.5s;}
.Solution .in_all .list:hover{transform: translateY(-20px);box-shadow: 0px 0px 10px rgba(0,0,0,0.1000);}
.Solution .in_all .top{height: 202px;background-repeat: no-repeat;background-position: center;background-size: cover;border-radius: 8px 8px 0 0;position: relative;}
.Solution .in_all .top p{font-size: 20px;font-family: PingFang SC;font-weight: 800;line-height: 31px;color: #FFFFFF;text-align:center;position: relative;width: 50px;margin: 0 auto;}
.Solution .in_all .top p::before{position: absolute;content:""; height: 2px;width: 47px;top: calc(50% - 1px);left: -47px;background: linear-gradient(270deg, #fff 0%, rgba(0,0,0,0) 100%);}
.Solution .in_all .top p::after{position: absolute;content:""; height: 2px;width: 47px;top: calc(50% - 1px);right: -47px;background: linear-gradient(90deg, #fff 0%, rgba(0,0,0,0) 100%);}
.Solution .in_all .top .bj{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: linear-gradient(180deg, rgba(0,0,0,0.6) 0%, rgba(0,0,0,0) 100%);border-radius: 8px 8px 0 0;}
.Solution .in_all .bottom{box-shadow: 0px 0px 10px rgba(0,0,0,0.1000);border-radius: 8px;height: 434px;margin: -10px 0 0;background: #fff;position: relative;}
.Solution .in_all .bottom canvas{border-radius: 8px;}
.Solution .in_all .in p+p{margin: 15px 0 0;}
.Solution .in_all .in{padding: 31px 0 31px 28px;font-size: 18px;font-family: PingFang SC;font-weight: normal;color: #333333;margin: 0 16px;}
.Solution .in_all .in img{margin: 0 12px 0 0;}
.Solution .in_all .bottom>p{font-size: 14px;font-family: PingFang SC;font-weight: 400;color: #333333;line-height: 21px;margin: 0 16px;letter-spacing: 1px;}
.Solution .in_all .btn_all{width: 138px;height: 33px;background: #00A578;border-radius: 17px;font-size: 18px;font-family: PingFang SC;font-weight: 800;color: #FFFFFF;position: absolute;bottom: 70px;left: calc(50% - 69px);cursor: pointer;z-index: 10;}

/* 强劲实力值得信赖 */
#logoGroup{padding: 74px 0 127px;background: #F6F9FC;}
#logoGroup .in_all{margin: 70px 0 0;}

/* 管家海报 */
#GXZposter{width:100%;height:320px;overflow:hidden;position:relative;background: #1E1E1E;}
#GXZposter>div{width:1920px;height:320px;display:flex;background-image:url("../img/202207/bottom_bj.svg");background-repeat:no-repeat;background-size:cover;justify-content:center;align-items:center;position:absolute;left:50%;margin-left:-960px}
#GXZposter>div .poster-box{margin:0 auto;width:1200px;height:320px;display:flex;flex-direction:column;align-items:center}
#GXZposter div .poster-box p{height:59px;font-size:44px;font-family:Microsoft YaHei;font-weight:400;line-height:59px;margin-top:85px;color:#fff}
#GXZposter div button{margin-top:20px;width:200px;height:50px;outline:0;color:#00a578;font-size:20px;border-radius:25px;margin-top:45px;background-color:#fff;cursor:pointer;border: none;}
#GXZposter div button canvas{border-radius:25px;}

/* 动画效果 */
.freeTrial, .contactCustomer, .btn_left, .btn_right,.btn_all,.right_btn>div{transition: 0.2s;}
.freeTrial canvas, .btn_left canvas, .btn_right canvas,.btn_all canvas, .right_btn>div canvas{border-radius: 6px;}
.freeTrial:hover, .contactCustomer:hover, .btn_left:hover, .btn_right:hover, .btn_all:hover ,.right_btn>div:hover{transform: scale(1.1);box-shadow:0 0 10px rgba(0,0,0,.1);}

/* 其他内容------------------------------------------------------- */

/* 客服二维码弹框 */
.shade{background:rgba(0,0,0,.5);position:absolute;z-index:9000;display:none;top: 0;left: 0;right: 0;bottom: 0;}
.shade .login{border-radius:4px;vertical-align:middle;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%);}
.shade .login .bj{max-width: 100%;image-rendering: -webkit-optimize-contrast;max-height: 90vh;}
.shade .login .code{width: 140px;height: 140px;bottom: 46px;left: 114px;position: absolute;z-index: 1;}

/* 不知好久的双十一 */
.welcome-bg{width:100%;height:100%;background:rgba(0,0,0,.7);position:absolute;z-index:9000;display:none}
.welcome{padding:10px;border-radius:4px;vertical-align:middle;width:520px;position:fixed;left:50%;top:50%;transform:translate(-50%,-50%)}
.welcome-img{width:100%;cursor:pointer}
.welcome-close{position:absolute;right:9px;width:36px;cursor:pointer}

/* 东莞站报名 */
.modal-fix {position: fixed;display: none;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .7);cursor: pointer;z-index: 3090;}
.modal-main {background: transparent;border: none;width: 720px;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);border-radius: 10px;cursor: default;}
.modal-main img {width: 100%;box-sizing: inherit;}

/* 弹框样式 */
.open-bj{
    position: absolute;
    top: 0px;
    width: 100%;
    text-align: center;
    height: 100vh;
    background: rgba(0, 0, 0, .4);
    z-index: 2000;
    display: none;
}
.open-bj>img{
    width: 650px;
    margin-top: 10%;
}