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:500px;position:relative}
.bg .bg-bg{width:1920px;height:500px;background-color: #242424;background-image:url("../img/202208/top_bj.png");background-repeat: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:500px;position:relative}
.bg .bg-bg .bg-box .top_title{font-size: 60px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #FFFFFF;margin: 0 0 60px;line-height: 75px;}
.bg .bg-bg .bg-box .top_info{font-size: 20px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #00A578;}
.bg .bg-bg .bg-box .top_info img{display: block;margin: 0 7px 0 0;}
.bg .bg-bg .bg-box .top_info>div+div{margin: 26px 0 0;}
.bg .bg-bg .bg-box .top_info_l{margin: 0 50px 0 0;}
.bg .bg-bg .bg-box .code{width: 388px;height: 388px;background: rgba(0,165,120, 0.1);border-radius: 52px;}
.bg .bg-bg .bg-box .code p{font-size: 20px;font-family: Microsoft YaHei-Bold, Microsoft YaHei;font-weight: bold;color: #FFFFFF;text-align: center;margin: 10px 0 0;line-height: 26px;}
.bg .bg-bg .bg-box .code img{display: block;}

/* 流程 */
.flow_path{background: #F6F9FC;}
.flow_path .flow_path_all{margin:0 auto;width:1200px;height:394px;position:relative}
.flow_path .flow_path_left div+div{margin: 40px 0 0;}
.flow_path .flow_path_left img{display: block;margin: 0 22px 0 0;}
.flow_path .flow_path_left>div{background-color: #fff;border-radius: 4px;font-size: 20px;font-weight: bold;color: #333333;background-repeat: no-repeat;background-position:98% -15%;background-size: 40%;}
.flow_path .flow_path_bj{padding: 11px 28px 11px 29px;background: rgba(255,255,255,0.9);border-radius: 4px;}
.flow_path .flow_path_in{padding: 22px 23px 34px;background-color: #fff;border-radius: 4px;font-size: 20px;font-weight: bold;color: #333333;}
.flow_path .flow_path_in p+p{margin: 19px 0 0;}

/* 内容标题 */
.in_title h1{font-size: 46px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: bold;color: #333333;line-height: 61px;}
.in_title p{font-size: 22px;font-family: Microsoft YaHei-Regular, Microsoft YaHei;font-weight: 400;color: #666666;margin: 13px 0 0;line-height: 29px;}

/* 服务流程 */
.service{padding: 23px 0 127px;background: #fff;}
.service .service_all{width: 1200px;height: 568px;background: url('../img/202208/service_bj.svg') no-repeat;background-position: center 0;margin: 0 auto;align-items: flex-end!important;}
.service .service_all h3{color: #fff;font-size: 22px;font-weight: bold;margin: 0 0 10px;line-height: 29px;}
.service .service_all p{color: #fff;font-size: 16px;font-weight: 400;line-height: 21px;}
.service .service_all .top{margin: 0 0 61px;}
.service .service_all .top div{background: #00A578;cursor: pointer;}
.service .service_all .in{margin: 0 150px;}
.service .service_all .in div{background: #FF9F39;cursor: pointer;}
.service .service_all .button{margin: -63px 0 0;}
.service .service_all .button div{background: #00A578;cursor: pointer;}
.service .service_all .top div,.service_all .in div,.service_all .button div{width: 232px;height: 114px;border-radius: 12px;padding: 12px 0 0 18px;}

/* 课程详情 */
.curriculum{padding: 93px 0 130px;background: #F6F9FC;}
.curriculum_all{width: 1200px;margin: 0 auto;}
.curriculum_all>div{width: 370px;height: 379px;background: #FFFFFF;border-radius: 4px;text-align: center;margin: 65px 0 0;}
.curriculum_all>div>div{min-height: 156px;}
.curriculum_all img{padding:48px 0 25px;}
.curriculum_all h3{margin: 0 0 20px;font-size: 22px;font-weight: bold;color: #333;}
.curriculum_all p{font-size: 18px;font-weight: 400;color: #666;position: relative;width: fit-content;margin: 0 auto;}
.curriculum_all p::before{position: absolute;content: "";width: 9px;height: 9px;background: #666666;top: calc(50% - 4.5px);left: -18px;border-radius: 9px;}
.curriculum_all p::after{position: absolute;content: "";width: 9px;height: 9px;background: #666666;top: calc(50% - 4.5px);right: -18px;border-radius: 9px;}
.curriculum_all p+p{margin: 10px auto 0;}

/* 讲师介绍 */
.lecturer{padding: 94px 0 130px;background: #FFF;}
.lecturer_all{width: 1200px;margin: 0 auto;}
.lecturer_all>div{background: linear-gradient(90deg, #666666 0%, #333333 100%);width: 581px;height: 361px;border-radius: 20px;margin: 78px 0 0;}
.lecturer_all .left{width: 257px;height: 100%;position: relative;}
.lecturer_all .left img{position: absolute;bottom: 0;border-radius: 0 0 20px 20px;}
.lecturer_all .right{height: calc(100% - 46px);background: linear-gradient(180deg, #00A578 0%, rgba(0,165,120,0.4) 100%);border-radius: 0 20px 20px 0;padding: 23px 26px;color: #fff;}
.lecturer_all .right h2{font-size: 30px;font-weight: bold;margin: 0 0 4px;margin: 0 0 16px;}
.lecturer_all .right p{font-size: 16px;font-weight: 400;line-height: 21px;}

/* 以往案例 */
.case{padding: 95px 0 130px;background: #F6F9FC;}
.case_all{width: 1200px;margin: 24px auto 0;}
.case_all .top div{width: calc(370px - 50px);height: calc(139px - 36px);background: #FFFFFF;border-radius: 4px;margin: 20px 0 0 ;padding: 18px 25px;cursor: pointer;}
.case_all .top div h3{font-size: 26px;font-weight: bold;color: #333;margin: 0 0 16px;line-height: 35px;}
.case_all .top div p{font-size: 20px;font-weight: 400;color: #666;line-height: 26px;}
.case_all .top .active h3{color: #00A578;}
.case_all .top .active p{color: #00A578;}
.case_all .bottom{margin: 73px 0 0;}
.case_all .bottom img{width: 577px;display: block;transition: 0.2s;}

/* 联系我们 */
.contact{padding: 95px 0 115px;background: #FFF;}
.contact_all{width: 1200px;margin: 110px auto 0;}
.contact_all .top{width: calc(1200px - 38px);height: calc(251px - 77px);background: #FFFFFF;box-shadow: 0px 0px 10px 1px rgba(0,0,0,0.1);padding: 42px 19px 35px;}
.contact_all .top div{width: 289px;text-align: center;position: relative;height: calc(251px - 77px);}
.contact_all .top div+div::after{position: absolute;content: "";top: 1px;bottom: 1px;width: 1px;background: #eee;left: 0;}
.contact_all .top h3{font-size: 20px;font-weight: bold;color: #333;margin: 14px 0 20px;}
.contact_all .top p{font-size: 16px;font-weight: 400;color: #333;line-height: 20px;}
.contact_all .top img{display: block;margin: 0 auto;}
.contact_all .btn{width: 397px;height: 70px;background: #00A578;border-radius: 43px;font-size: 22px;font-weight: 400;color: #fff;text-align: center;margin: 65px auto 0;cursor: pointer;line-height: 27px;}

/* 管家海报 */
#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;}

/* 动画效果 */
.case_all .top>div, .service_all .top div,.service_all .in div,.service_all .button div,.contact_all .btn{transition: 0.2s;}
.case_all .top>div:hover, .service_all .top div:hover,.service_all .in div:hover,.service_all .button div:hover, .contact_all .btn: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;}