/* 头部 */
.banner-bar {
    height: 370px;
    background-size: contain;
}

.banner-bar .title {
    display: flex;
    align-items: center;
    padding-top: 122px;
    font-size: 40px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
}

.banner-bar .bread {
    margin-top: 32px;
    width: 210px;
    height: 42px;
    background: #ffffff1f;
    color: #FFFFFF;
    text-align: center;
    line-height: 42px;
}

.banner-bar .bread a {
    color: #FFFFFF;
}

.banner-bar .bread span {
    margin: 0px 10px;
}

/* 底部 */
.footer {
    padding-top: 24px !important;
}

/* 智慧社区 */
.wisdom {
    width: 100%;
    /* height: 570px; */
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/cb1e3873.png') no-repeat;
    background-size: cover;
    padding-bottom: 50px;
}

.wisdom .title {
    text-align: center;
}

.wisdom .title .line {
    margin: 0 auto;
    margin-top: 30px;
}

.wisdom .en {
    color: #00000015;
}

.wisdom .list {
    margin-top: 60px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.wisdom .list .item {
    /* transition-duration: 0.8s; */
    transition: all .3s linear;
    margin: 10px 0;
    position: relative;
    width: 588px;
    height: 262px;
    background-color: #fff;
    display: flex;
    justify-content: space-between;
}

/* .wisdom .list .item .image{
    width: 88px;
    height: 88px;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
} */
/* .wisdom .list .item .image:nth-child(1){
    background-image: url('../../img/solution/item1-w.png');
}
.wisdom .list .item .image:nth-child(2){
    background-image: url('../../img/solution/item2-w.png');
}
.wisdom .list .item .image:nth-child(3){
    background-image: url('../../img/solution/item3-w.png');
}
.wisdom .list .item .image:nth-child(4){
    background-image: url('../../img/solution/item4-w.png');
} */
.wisdom .list .item:hover {
    background-color: #ffc001;
}

.wisdom .list .item:hover .desc {
    color: #fff;
}

.wisdom .list .item:hover .blod {
    color: #fff;
}

.wisdom .list .item:hover .gray {
    opacity: 0.65;
    color: #fff;
}

.wisdom .list .item .text {
    padding: 50px;
}

.wisdom .list .item .blod {
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #222222;
}

.wisdom .list .item .gray {
    margin-top: 10px;
    font-size: 14px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #aaa;
}

.wisdom .list .item .desc {
    width: 240px;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    margin-top: 30px;
}

.wisdom .list .item .img {
    width: 212px;
    height: 212px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

.wisdom .list .item:nth-child(1) .img {
    margin-top: auto;
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/464371df.png');
}

.wisdom .list .item:nth-child(2) .img {
    margin-top: auto;
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/7d48fd60.png');
}

.wisdom .list .item:nth-child(3) .img {
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/e9357672.png');
}

.wisdom .list .item:nth-child(4) .img {
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/92554397.png');
}

/* api */
.api .title {
    text-align: center;
}

.api .title .line {
    margin: 30px auto;
}

.api .list {
    margin-top: 105px;
    display: flex;
}

.api .list .item {
    margin: 0 8px;
    padding: 16px;
    /* position: relative; */
    width: 20%;
    background-color: #fffaeb;
    text-align: center;
    transition-duration: 0.5s;
}

.api .list .item:hover {
    /* top: -50px; */
    transform: translate(0, -50px)
    /* margin-top: -50px; */
}

.api .hoverImg {
    margin: 0 auto;
    width: 88px;
    display: block;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%, -50%)
}

.api .item-top {
    line-height: 130px;
    height: 100px;
    position: relative;
    background-color: #ffffff;
    box-shadow: 0px 2px 6px 1px rgba(0, 0, 0, 0.05);
}

.api .desc {
    margin-top: 38px;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666666
}

.api .triggle {
    margin: 0 auto;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 100%);
    width: 0px;
    height: 0px;
    border-top: 14px solid #fff;
    border-left: 14px solid transparent;
    border-bottom: 14px solid transparent;
    border-right: 14px solid transparent;

}

/* sass */
.sass {
    display: flex;
    margin-top: 80px;
}

.sass .box {
    width: 960px;
}

.sass .left {
    width: 960px;
    position: relative;
}

.sass .back-color {
    height: 520px;
    width: 960px;
    position: absolute;
    bottom: 0;
    z-index: -10;
    background-color: #ffc001;
    border-radius: 0 50px 0 0;
}

.sass .left img {
    width: 936px;
}

.sass .right {
    margin-top: 75px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sass .right .title {
    margin-left: 32px;
    margin-bottom: 80px;
}

.sass .right .detail {
    background: linear-gradient(90deg, rgba(255, 192, 1, 0.1) 0%, rgba(255, 255, 255, 0) 100%);
    height: 100%;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #222222;
    line-height: 32px;
    padding: 80px 360px 0 32px;
}

.sass .right .detail p:first-child {
    margin-bottom: 30px;
}

/* polish */
.polish {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/0824c57b.png') no-repeat;
    background-size: cover;
    height: 814px;
}

.polish .title {
    padding-top: 50px;
    text-align: center;
}

.polish .title .en {
    opacity: 0.06;
    color: #F2F2F2;
}

.polish .title .cn {
    color: #FFFFFF;
}

.polish .title .line {
    margin: 0 auto;
    margin-top: 30px;
}

.polish .list {
    margin-top: 40px;
    display: flex;
    flex-wrap: wrap;
    background-color: #fff;
}

.polish .list .item {
    padding: 48px 0;
    text-align: center;
    width: 20%;
    transition-duration: 0.3s
}

.polish .list .item:hover {
    box-shadow: 0px 0px 40px 1px rgba(0, 0, 0, 0.1);
}

.polish .list .item:hover .title {
    color: #FFC001;
}

.polish .list .item img {
    height: 64px;
}

.polish .list .item .title {
    transition-duration: 0.2s;
    padding: 0;
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #222222;
    line-height: 50px;
}

.polish .list .item .desc {
    padding: 0 24px;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

/* four */
.four .title {
    text-align: center;
}

.four .title .line {
    margin: 30px auto;
}

.four .main {
    display: flex;
    justify-content: space-between;
}

.four .main .left {
    flex: 1;
    box-shadow: 0px 10px 40px 1px rgba(0, 0, 0, 0.05);
}

.four .main .left .item {
    display: flex;
    height: 25%;
    align-items: center;
    border-top: solid 1px #eee;
}

.four .main .left .item:first-child {
    border: none;
}

.four .main .left .item:nth-child(1):hover .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/5a0f1e5a.png') no-repeat;
    background-size: cover;
}

.four .main .left .item:nth-child(2):hover .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/d9892cd2.png') no-repeat;
    background-size: cover;
}

.four .main .left .item:nth-child(3):hover .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/afe8ed6c.png') no-repeat;
    background-size: cover;
}

.four .main .left .item:nth-child(4):hover .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/636d9fdb.png') no-repeat;
    background-size: cover;
}

.four .main .left .item .image {
    margin: 36px;
    width: 64px;
    transition-duration: 0.5s;
    height: 64px;
    margin-right: 32px;
}

.four .main .left .item:nth-child(1) .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/f9cb34ed.png') no-repeat;
    background-size: cover;
}

.four .main .left .item:nth-child(2) .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/bc767c0e.png') no-repeat;
    background-size: cover;
}

.four .main .left .item:nth-child(3) .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/87d9ddf8.png') no-repeat;
    background-size: cover;
}

.four .main .left .item:nth-child(4) .image {
    background: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/45ec4736.png') no-repeat;
    background-size: cover;
}

.four .main .left .item .detail {
    text-align: left;
}

.four .main .left .item .detail .title {
    text-align: left;
    font-size: 18px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #000000;
    line-height: 40px;
}

.four .main .left .item .detail .desc {
    font-size: 16px;
    width: 338px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #666666;
    line-height: 24px;
}

.four .main .right img {
    width: 686px;
}

/* 服务 */
.server .title {
    margin-top: 50px;
    text-align: center;
}

.server .title .line {
    margin: 30px auto;
}

.server main {
    display: flex;
    height: 480px;
}

.server .item {
    position: relative;
    width: 25%;
    background-size: cover;
    background-repeat: no-repeat;
    text-align: center;
    transition-duration: 0.8s;
}

.server .item .fixed-box {
    position: absolute;
    transform: translate(-50%, 0%);
    top: 50%;
    left: 50%;
    transition-duration: 0.8s;
}

.server .item .desc {
    /* display: none; */
    opacity: 0;
    font-size: 16px;
    font-family: Microsoft YaHei-Regular, Microsoft YaHei;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 48px;
    transition-duration: 0.8s;
}

.server .item:hover .desc {
    /* display: block; */
    margin-bottom: -54px;
    opacity: 1;
    padding-top: 83px;
}

.server .item:hover .fixed-box {
    transform: translate(-50%, -80%);
}

.server .item .num {
    font-size: 80px;
    font-family: DingTalk Sans-Regular, DingTalk Sans;
    font-weight: 400;
    color: #ffffff49;
    line-height: 0px;
    z-index: 9;
}

.server .item .title {
    z-index: 10;
    font-size: 20px;
    font-family: Microsoft YaHei-Bold, Microsoft YaHei;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0px;
}

.server .item:nth-child(1) {
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/beeba007.png');
}

.server .item:nth-child(2) {
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/f9db3a60.png');
}

.server .item:nth-child(3) {
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/2b949053.png');
}

.server .item:nth-child(4) {
    background-image: url('https://gxl-share.oss-cn-zhangjiakou.aliyuncs.com/official_website/chinese/PICTURE/4604fc07.png');
}