.container-title-rule {
    text-align: center;
    letter-spacing: 5px;
    position: relative;
    font-weight: bold;
}

.container-title-rule::before {
    position: absolute;
    content: '';
    width: 1000px;
    height: 2px;
    /* background: #009999; */
    background: #92B4B5;
    left: 50%;
    margin: 0 -25px 80px -500px;
    bottom: 0;
}

.col-rule {
    display: flex;
    justify-content: space-between;
    width: 80%;
    margin-left: 10%;
    margin-top: 3%;
}

.col-rule-2 {
    width: 220px;
    height: 555px;
    background-color: #fff;
    /* border: 1px solid #C0C0C0; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    position: relative;
    overflow: hidden;
    /* 超出部分隐藏 */

}
.cpts{
    margin-top: 20px;
}

.col-rule-2 .col-img {
    width: 50%;
    height: 30%;
    margin-left: 27%;
}

.col-rule-2 .opacity {
    width: 70%;
    height: 70%;
    /* margin-left: 27%; */
    position: absolute;
    opacity: 0.4;
    bottom: -25%;
    left: 35%;
}

.col-rule-2 h4 {
    position: absolute;
    top: 27%;
    left: 27%;
    font-weight: 400;
    color: #92B4B5;
}

.col-rule-2 .col-des {
    position: absolute;
    /* border: 1px solid #C0C0C0; */
    /* box-shadow: 0px 1px 0px #C0C0C0, 1px 0px 0px #C0C0C0, 0px 0px 0px #C0C0C0, -1px 0px 0px #C0C0C0; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    color: #6c757d;
    width: 80%;
    height: 304px;
    left: 10%;
    top: 37%;
    padding: 20px 20px;
    /* font-weight: 800; */
    font-size: 16px;
    background-color: #fff;
    z-index: 99;
}

.zygn {
    background-color: #fff;
    height: 1200px;
    padding-top: 60px;
    margin-top: 100px;
}

.py-rule {
    color: #92B4B5;
    margin-top: 10px;
}
.py-youshi{
    color: #92B4B5;
}

.col-zygn-p {
    width: 100%;
    margin-top: 50px;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* align-content: center; */
}

.col-zygn-c {
    width: 40%;
    height: 380px;
    margin: 0px 20px 90px;
    box-sizing: border-box;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    text-align: center;
    padding: 10px 0 5px;
}

.col-zygn-c h4 {
    justify-content: center;
    color: #92B4B5;
}

.col-zygn-c img {
    width: 90%;
    height: 250px;
}

.col-zygn-des {
    margin-top: 15px;
    margin-left: 25px;
    margin-right: 25px;
    color: #6c757d;
    /* border: 1px solid #C0C0C0; */
    /* box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.5); */
}

.py-youshi {
    margin-top: 80px;
}

.col-ys-p {
    height: 650px;
    width: 100%;
    text-align: center;
    justify-content: center;

}

.col-ys-c {
    width: 80%;
    height: 130px;
    margin: 40px auto;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    display: flex;

}

.ys-img {
    height: 100%;
    width: 130px;
    /* background-color:red; */
}

.ys-img img {
    width: 70%;
    height: 70%;
    text-align: center;
    margin: 20px auto;
}

.ys-img .ys-img-3 {
    width: 80%;
    height: 80%;
}

.ys-left {
    text-align: left;
    color: #92B4B5;
    padding-top: 30px;
    margin-left: 30px;
}

.ys-des {
    margin-top: 20px;
    color: #6c757d;
}

/* 平台价值 */
.ptjz {
    background-color: #F2F2F2;
    height: 1100px;
    width: 100%;
}

.ptjz-p {
    height: 100%;
    width: 100%;
    margin-top: 30px;
}

.ptjz-p .odd {
    width: 80%;
}

.ptjz-p .even {
    width: 100%;
}

.ptjz-c {
    /* width: 100%; */
    height: 200px;
    /* background-color: skyblue; */
    margin: 0px auto 70px;
    display: flex;
    justify-content: space-between;
}

.ptjz-c-box {
    position: relative;
    width: 450px;
    height: 100%;
    background-color: #fff;
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    align-content: center;
    padding: 0 20px;
    color: #6c757d;
    font-size: 20px;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    font-size: 16px;

}

.ptjz-c-left.one::before {
    position: absolute;
    content: '集中管理';
    width: 150px;
    height: 45px;
    background-color: #fff;
    /* border: 1px solid #6c757d; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    top: -25px;
    text-align: center;
    align-content: center;
    font-weight: bold;
    font-size: 23px;
    color: #92B4B5;
}

.ptjz-c-left.three::before {
    position: absolute;
    content: '成本可控';
    width: 150px;
    height: 45px;
    background-color: #fff;
    /* border: 1px solid #6c757d; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    top: -25px;
    text-align: center;
    align-content: center;
    font-weight: bold;
    font-size: 23px;
    color: #92B4B5;
}

.ptjz-c-left.five::before {
    position: absolute;
    content: '适用面广';
    width: 150px;
    height: 45px;
    background-color: #fff;
    /* border: 1px solid #6c757d; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    top: -25px;
    text-align: center;
    align-content: center;
    font-weight: bold;
    font-size: 23px;
    color: #92B4B5;

}

.ptjz-c-right.two::before {
    position: absolute;
    content: '快速响应';
    width: 150px;
    height: 45px;
    background-color: #fff;
    /* border: 1px solid #6c757d; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    right: 5%;
    top: -25px;
    text-align: center;
    align-content: center;
    font-weight: bold;
    font-size: 23px;
    color: #92B4B5;

}

.ptjz-c-right.four::before {
    position: absolute;
    content: '简单开发';
    width: 150px;
    height: 45px;
    background-color: #fff;
    /* border: 1px solid #6c757d; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    right: 5%;
    top: -25px;
    text-align: center;
    align-content: center;
    font-weight: bold;
    font-size: 23px;
    color: #92B4B5;

}

.ptjz-c-right.six::before {
    position: absolute;
    content: '引擎强大';
    width: 150px;
    height: 45px;
    background-color: #fff;
    /* border: 1px solid #6c757d; */
    box-shadow: 0 0.5rem 1rem rgba(0, 0, 0, 0.15) !important;
    right: 5%;
    top: -25px;
    text-align: center;
    align-content: center;
    font-weight: bold;
    font-size: 23px;
    color: #92B4B5;

}

.ptjz-c-log img {
    width: 100%;
    height: 60%;
    margin-top: 40px;
}

/* 服务咨询 */
.fwzx {
    position: relative;
    height: 350px;
    width: 100%;
    text-align: center;
    padding: 30px 0;
}

.fwzx .bg-div {
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../img/wiseRuleInfo.png');
    /* 可以根据需要设置其他属性 */
    background-size: cover;
    /* 调整背景图片大小，cover 表示覆盖整个盒子 */
    background-repeat: no-repeat;
    /* 防止背景图片重复 */
    background-position: center center;
    top: 0;
    opacity: 0.8;
    z-index: -11;
}

.fwzx h2 {
    color: #92B4B5;
    font-weight: bold;
    /* margin-top: 40px; */
}

.fwzx-des {
    color: #fff;
    font-size: 20px;
    margin-top: 20px;
}

.fwzx .form input {
    width: 350px;
    height: 50px;
    margin: 40px 30px;
    outline: none;
    text-indent: 1em;
}

.fwzx-submit {
    width: 280px;
    height: 30px;
    margin-top: 20px;
    color: #92B4B5;
    font-size: 14px;
    outline: none;
    border-radius: 3px;
    border: 0;
    transition: background-color 0.5s, color 0.5s;
    /* border-radius: 3px; */
}

.fwzx-submit:hover {
    background-color: #92B4B5;
    color: #fff;
    border: 0;
}

.wiseRuleBG{
    height: 555px;
    background-color: #343A40;
}
.wiseRuleBgParent{
    position: relative;
}
.navWiseRuleLogo{
    position: absolute;
    top: 200px;
    right: 200px;
    width: 400px;
}
.navWiseRuleEarth{
    position: absolute;
    width: 700px;
    opacity: 0.1;
    top:-250px;
    left: -130px;
}
.wiseRuleBgColor{
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 0 10%;
    z-index: 10;
    color: #fff;
    /* background-image: linear-gradient(to right, rgba(0, 255, 255, 0.2) , rgba(0, 0, 0, 0)); */
    width: 75%;
    height: 100%;
}