.of-heand {
    height: 130px;
}

.layui-container.layui-bg-cyan {
    display: flex;
    flex-direction: column;
}

.of-login.logo-and-title {
    width: 100%;
    justify-content: center;
}

.head-logo {
    width: 40px;
    height: 40px;
}

.display-flex-head-text {
    margin-left: 2%;
}

.display-flex-ul-div {
    width: 100%;
    position: relative;
}

.layui-nav.layui-bg-cyan.of-nav {
    height: 40px;
}

.layui-nav .layui-nav-item {
    line-height: 30px;
}

.layui-nav * {
    font-size: 12px;
}

.layui-nav .layui-nav-item a {
    font-size: 12px;
    padding: 0 15px;
}

.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    font-size: 12px;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    height: 3px;
}

.display-flex-head-text .big-chinese-title {
    font-size: 16px;
    line-height: 25px;
}

.of-login.logo-and-title {
    padding-left: 0px;
}

.display-flex-head-text .english-title {
    font-size: 10px;
}

.layui-container {
    padding: 0 2%;
}

.display-flex-ul-div {
    height: 50px;
}

.layui-nav-child {
    top: 35px;
    line-height: 25px;
}

.layui-nav {
    padding: 0px;
}

.of-content .case .title {
    padding: 10px;
}

.of-content .case .title-of-each-content-module {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 26px;
}

.of-content .industry-pain-points-ul {
    flex-wrap: wrap;
}

.of-content .industry-pain-points-ul li {
    width: 165px;
    height: 220px;
}

.case ul li {
    padding: 5px;
}

.industry-pain-points-img-border {
    width: 100px;
    height: 100px;
}

.industry-pain-points-img-border {
    border-radius: 20px;
}

.of-content .industry-pain-points-ul li a img {
    width: 60px;
    height: 60px;
}

.industry-pain-points-text p {
    font-size: 12px;
    line-height: 18px;
}

.industry-pain-points-text {
    padding-left: 10%;
    padding-right: 10%;
}

.industry-pain-points-subtitle-div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.of-content .case .industry-pain-points-subtitle {
    font-size: 16px;
}

.of-content .platform-entrance-ul {
    flex-wrap: wrap;
}

.of-content .platform-entrance-ul li {
    width: 300px;
    height: 280px;
}

.of-content .platform-entrance-ul li a {
    height: 300px;
    padding: 0px;
}

.of-content .platform-entrance-ul li a img {
    width: 295px;
    height: 190px;
}

.platform-entrance-subtitle-div {
    margin-top: 25px;
    line-height: 30px;
}

.of-content .case .platform-entrance-subtitle {
    font-size: 14px;
}

.platform-entrance-text-english {
    font-size: 12px;
}

.of-content .platform-entrance-ul li + li {
    margin-top: 20px;
}

.of-content .platform-advantages-ul {
    margin-top: 10px;
    flex-wrap: wrap;
}

.of-content .platform-advantages-ul li {
    height: 150px;
}

.of-content .platform-advantages-ul li a img {
    width: 83px;
    height: 83px;
}

.platform-advantages-subtitle-div {
    margin-top: 10px;
    margin-bottom: 10px;
}

.of-content .platform-advantages-subtitle {
    font-size: 16px;
}

.of-content .platform-advantages-details-ul {
    width: 94%;
    border-radius: 10px;
}

.of-content .platform-advantages-details-ul li {
    margin-left: 2%;
    min-height: 30px;
    height: auto;
}

.of-content .platform-advantages-details-ul li img {
    width: 25px;
    height: 25px;
}

.of-content .platform-advantages-details-div {
    margin-left: 2%;
}

.of-content .platform-advantages-details-text {
    font-size: 14px;
    line-height: 18px;
}

.cooperation-mechanism-div {
    height: 30px;
}

.of-content .cooperation-mechanism-subtitle {
    font-size: 14px;
}

.of-content .cooperation-mechanism {
    min-height: 100px;
}

.of-footer {
    height: auto !important;
    padding: 10px;
}

.of-crad {
    width: 100%;
}

.of-footer .of-crad {
    width: 100%;
}


.footer-address-phone-info div {
    height: 20px;
}

.overall-product-arch-and-NDT-cloud-platform-ul {
    width: 98%;
    margin: 0 auto;
    min-height: 300px;
    height: auto;
}

.overall-product-arch-and-NDT-cloud-platform-ul li {
    box-sizing: border-box;
}

.of-content .overall-product-arch-and-NDT-cloud-platform-ul li {
    min-height: 240px;
    height: auto !important;
    max-height: 400px;
}

.of-content .overall-product-arch-and-NDT-cloud-platform-text {
    font-size: 14px;
}

.of-content .overall-product-arch-and-NDT-cloud-platform-ul li:nth-last-child(1) {
    min-height: 260px;
}

/* app start */
.of-content .app-service-object-ul {
    width: 98%;
    margin: 0 auto;
    align-items: center;
}

.of-content .app-service-object-ul li {
    width: 80px;
    height: 80px;
}

.of-content .app-service-object-border-div {
    width: 80px;
    height: 80px;
}

.of-content .app-service-object img {
    width: 25px;
    height: 25px;
}

.of-content .case .product-phase-one-and-product-app-and-contact-us-subtitle {
    font-size: 12px;
}

.of-content .case .product-phase-one-and-product-app-and-contact-us-subtitle {
    line-height: 10px;
}

.margin-top-fifteen-px {
    margin-top: 5px;
}

/*主要功能 start */
.of-content .app-major-function-ul {
    width: 90%;
}

.of-content .app-major-function-ul li {
    width: 100%;
    box-sizing: border-box;
}

/*移动端start */
.of-content .mobile-terminal-ul {
    margin-bottom: 30px;
    margin-top: 10px;
}

.of-content .mobile-terminal-ul li {
    width: 80px;
    height: 80px;
}

.of-content .case .product-app-major-mobile-terminal-subtitle {
    font-size: 12px;
}


/*通知资讯 start*/
.of-content .industry-information-ul li {
    padding: 2%;
    width: 98%;
    box-sizing: border-box;
}

.of-content .industry-information-content {
    margin-left: 2%;
}

.of-content .case .technical-and-management-require-data-security-and-news-subtitle {
    font-size: 14px;
}

.of-content .industry-information-text {
    font-size: 14px;
    line-height: 20px;
}
.industry-information-img {
    width: 279px;
    height: 162px
}

/*关于我们 start*/
.of-content .abount-us-right-div .of-crad {
    width: 90% !important;
}

.of-content .abount-us-right-div .of-crad-content {
    width: 100%;
}

.of-content .about-us-platform-intro p {
    padding-bottom: 20px;
}

.of-crad-body {
    font-size: 12px;
}

.of-content .contact-information-ul li {
    font-size: 10px;
}

.layui-nav.layui-bg-cyan.of-nav {
    display: flex;
    justify-content: center;
}

.layui-nav .layui-nav-item a {
    padding: 0 30px;
}

.of-content .overall-product-arch-and-NDT-cloud-platform-ul li {
    max-height: unset;
}
.of-content .platform-advantages {
    min-height: 300px;
}
.of-content .platform-advantages-ul li {
    width: 220px;
}
.of-content .app-service-object-ul li {
    width: 100px;
    height: 100px;
}
.of-content .app-service-object-border-div {
    width: 100px;
    height: 100px;
}
.of-content .app-service-object img {
    width: 30px;
    height: 30px;
}
.of-content .case .product-phase-one-and-product-app-and-contact-us-subtitle{
    line-height: 14px;
    font-size: 14px;
}
.of-content .case .product-app-major-function-text {
    font-size: 14px;
}
.of-content .mobile-terminal-ul li {
    width: 100px;
    height: 100px;
}
.of-content .mobile-terminal img {
    width: 40px;
    height: 40px;
}
.of-content .case .product-app-major-mobile-terminal-subtitle {
    font-size: 14px;
}
/*版权模块处理*/
@media screen and (min-width: 820px){
    .of-footer .footer-logo {
        width: 25px;
        height: 25px;
    }
    .of-footer .footer-display-flex-text {
        margin-left: 5px;
    }
    .of-footer .footer-english-title {
        text-align: left;
    }
    .of-footer .about-cloud-platform-div {
        margin-left: 35px;
    }
    .footer-address-phone-info {
        padding: 0px !important;
    }
    .of-footer .vx-app-qr-code-div a {
        width: 65px;
    }
    .of-footer .vx-app-qr-code-div a img {
        width: 30px;
        height: 30px;
    }
    .of-footer .vx-app-qr-code-text {
        font-size: 10px;
    }
}
@media screen and (min-width: 768px) and (max-width: 819px){
    .of-footer .of-footer-parent-div {
        flex-direction: column;
        height: auto;
    }
}
.overall-product-arch-and-NDT-cloud-platform-img {
    width: 100%;
    height: auto;
}
/*通知详情页面*/
.notice-details-page {
    width: 90%;
    margin: 0 auto;
}
.notice-details-page  .of-crad {
    width: 100%;
}
/*合作单位 ipad start */
.copperator-banner-img {
    height: 55px;
}
.cooper-mecha-banner-div .copperator-banner-img-div,.cooper-mecha-banner-div .copperator-banner-img-div2,
.cooper-mecha-banner-div .copperator-banner-img-div3,.cooper-mecha-banner-div .copperator-banner-img-div4 {
    height: 55px;
    padding:10px;
}
.cooper-mecha-banner-div .copperator-banner-div .warp,.cooper-mecha-banner-div .copperator-banner-div2 .warp,
.cooper-mecha-banner-div .copperator-banner-div3 .warp,.cooper-mecha-banner-div .copperator-banner-div4 .warp{
    height: 75px;
}
.cooper-mecha-banner-div .container {
    height: 75px;
}