body {
    font-family: "Microsoft YaHei", sans-serif;
}


/* start header css */
.one-header {
    position: fixed;
    top: 0;
    z-index: 999;
    width: 100%;
    min-height: 70px;
    display: flex;
    align-items: center !important;
    background: radial-gradient(
            circle at 20px 20px,
            rgba(84,164,206, 0.8),
            transparent 25%
    ),
    radial-gradient(
            circle at 60% 90%,
            rgb(47,87,108),
            transparent 60%
    ),
    #54A4CE;
    opacity: 0.97;
}
.one-header-content {
    width: 80%;
    min-height: 2.85714286em;
    margin: 0 auto;
}
.one-header-content .item {
    color: #ffffff !important;
}
.one-header-content .one-menu .item {
    font-size: 17px;
}
.one-header-logo {
    width: 200px !important;
    height: 50px;
}

.header-item-title {
    top: 18px;
}
.ui.menu:not(.vertical) .one-dropdown {
    top: 12px !important;
}
.ui.menu:not(.vertical) .one-menu .item{
    top: 10px !important;
}
/* end header css */


.one-body-center {
    width: 100%;
    height: 860px;
    display: flex;
    justify-content: center;
    position: relative;
    background-image: url("../image/one_banner.png");
    background-repeat: no-repeat;
    background-size: cover;
}
.one-body-banner {
    width: 100%;
    height: 800px;
    position: absolute;
    z-index: 1;
}
.one-body-center-logo {
    position: absolute;
    z-index: 2;
    width: 400px;
    top: 58%;

}
.one-body-center-text {
    position: absolute;
    z-index: 2;
    top: 83%;
    color: #ffffff;
    font-size: 24px;
}
.one-body-center-text-two {
    position: absolute;
    z-index: 2;
    top: 90%;
    color: #ffffff;
    font-size: 24px;
}
.one-body-about {
    margin-top: 50px;
    /*height: 760px;*/
}
.one-body-about-title {
    display: flex;
    justify-content: center;
    width: 100%;
}
.one-body-about .one-body-about-title h1 {
    color: #3A9FD9 !important;
    padding-bottom: 16px !important;
    border-bottom: 6px #3A9FD9 solid !important;
}
.one-body-about-content {
    margin-top: 50px;
    margin-bottom: 50px;
    text-align: center;
    /*height: 180px;*/
}
.one-body-about-content p {
    font-size: 20px;
}
.one-body-about-content p a {
    font-size: 24px;
    padding-right: 2px;
}
.one-body-about-more {
    width: 100%;
    text-align: center;
}
.one-body-about-more-content {
    width: 40%;
    margin: 100px auto;
}
.one-body-about-more-content-img {
    width: 100%;
}
.one-body-about-more-content-text {
    margin-top: 20px;
    font-size: 18px;
}

.one-body-card {
    width: 74%;
    margin: 80px auto 0;
}

.one-body-card .card {
    border-radius: 58px !important;
}

.one-body-card .image {
    background: none !important;
}

.one-body-card .content {
    padding: 1em 3em !important;
}

.one-body-content {
    width: 100%;
    position: relative;
}
.one-body-content img{
    width: 100%;
    position: absolute;
}
.one-body-card-title {
    width: 95.8%;
    height: 120px;
    cursor: pointer;
    border-radius: 0 0 48px 48px;
    padding: 20px 0 0 40px;
    top: 250px;
    left: 5px;
    font-size: 2em;
    font-weight: bold;
    position: absolute;
    color: #676767;
}
.one-body-card-title:hover{
    background-color: #F0F0F0;
}
.one-body-card-title p {
    line-height: 1em !important;
}

/* start biz */

.one-body-center-biz {
    height: 500px;
    display: flex;
    justify-content: center;
    position: relative;
    background-image: url("../image/biz.png");
    background-repeat: no-repeat;
    background-size: cover;
}

.one-body-banner-biz {
    width: 100%;
    height: 500px;
    position: absolute;
    z-index: 1;
}

.one-body-center-text-biz {
    position: absolute;
    z-index: 2;
    left: 300px;
    top: 400px;
    color: #ffffff;
    font-size: 34px;
    font-weight: bold;
}
.one-body-center-text-biz p {
    display: inline;
}

.one-body-biz {
    width: 74%;
    margin: 50px auto;
    /*height: 1000px;*/
}
.one-body-biz-title {
    display: flex;
    justify-content: center;
    width: 100%;
}
.one-body-biz .one-body-biz-title h1 {
    color: #3A9FD9 !important;
    padding-bottom: 16px !important;
    border-bottom: 6px #3A9FD9 solid !important;
}
.one-body-biz-content {
    margin-top: 70px;
    text-align: center;
}

.card-biz-content .ui.grid {
    margin-top: 14px !important;
    margin-bottom: 0 !important;
}

.one-body-biz-content .changing-title {
    color: #3A9FD9;
    font-size: 40px;
    font-weight: bold;
}
.one-body-biz-content .changing-content {
    font-size: 30px;
}


.one-body-card-biz {
    /*width: 1090px;*/
    width: 74%;
    margin: 80px auto;
    text-align: center;
    /*height: 514px;*/
    /*overflow: auto;*/
}

.one-body-card-biz .column {
    text-align: center;
}

.one-body-card-biz .ui[class*="five column"].grid>.column:not(.row), .one-body-card-biz .ui[class*="five column"].grid>.row>.column {
    width: 30% !important;
    display: flex;
    justify-content: center;
}

.one-body-card-biz .ui[class*="five column"].grid>.connect-biz:not(.row), .one-body-card-biz .ui[class*="five column"].grid>.row>.connect-biz {
    width: 5% !important;
}

.one-body-content-biz {
    width: 300px;
}
.one-body-content-biz img{
    width: 300px;
    height: 300px;
}

.one-body-content-connect-biz {
    width: 100%;
    height: 400px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.one-body-content-connect-biz img{
    width: 60px;
    margin-top: 40px;
}

.one-body-card-title-biz p {
    color: #399ED8;
    line-height: 8px;
    font-size: 24px;
    font-weight: bold;
}

.one-body-card-footer {
    width: 100%;
    margin-top: 30px;
    text-align: left;
}

.one-body-card-footer p{
    line-height: 1.3em;
    margin: 0 0 0.4em !important;
}

.one-body-info {
    width: 1090px;
    height: 800px;
    /*display: flex;*/
    /*text-align: center;*/
    /*justify-content: center;*/
    margin: 0 auto;
    position: relative;
}

.one-body-info img{
    width: 1090px;
    position: absolute;
}

.one-body-info .info {
    position: absolute;
}

.one-body-info .info-center-top {
    top: 10px;
    left: 390px;
    text-align: center;
}
.one-body-info .info-center-top .info-title {
    font-size: 34px;
    font-weight: bold;
    color: #3A9FD9;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-info .info-center-top .info-subtitle {
    font-size: 30px;
    color: #676767;
}

.one-body-info .info-left-one {
    top: 198px;
    left: 264px;
    text-align: center;
}
.one-body-info .info-left-one p{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-info .info-left-two {
    top: 389px;
    left: 264px;
    text-align: center;
}
.one-body-info .info-left-two p{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-info .info-left-three {
    top: 579px;
    left: 271px;
    text-align: center;
}
.one-body-info .info-left-three p{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}



.one-body-info .info-right-one {
    top: 209px;
    right: 263px;
    text-align: center;
}
.one-body-info .info-right-one p{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-info .info-right-two {
    top: 389px;
    right: 264px;
    text-align: center;
}
.one-body-info .info-right-two p{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-info .info-right-three {
    top: 579px;
    right: 263px;
    text-align: center;
}
.one-body-info .info-right-three p{
    font-size: 16px;
    font-weight: bold;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-info .info-center-bottom {
    bottom: 95px;
    left: 529px;

    text-align: center;
}
.one-body-info .info-center-bottom p {
    font-size: 16px;
    font-weight: bold;
    color: #EB1414;
    margin: 0 0 0.2em;
    line-height: 1.1em;
}

.one-body-biz-narrate {
    width: 74%;
    margin: 80px auto 100px;
    text-align: left;
}
.one-body-biz-narrate p {
    font-size: 20px;
    /*font-weight: lighter;*/
    color: #676767;
    /*margin: 0 0 0.8em;*/
    line-height: 1.6em;
}

.one-body-biz-ability {
    width: 74%;
    margin: 60px auto;
    /*display: flex;*/
    /*justify-content: center;*/
}

.one-body-biz-ability .card{
    box-shadow: none !important;
}

.one-body-biz-ability .image{
    background: none !important;
}

.one-body-biz-ability-content {
    width: 25%;
    height: 300px;
    position: relative;
}

.one-body-biz-ability-content img{
    width: 25%;
    position: absolute;
}

.one-body-biz-ability-content-footer {
    position: absolute;
    top: 64%;
    left: 22px;
}

.one-body-biz-ability-content-footer .footer-title{
    font-size: 16px;
    font-weight: bold;
    color: #3A9FD9;
    margin: 0 0 0.3em;
    line-height: 1.1em;
}

.one-body-biz-ability-content-footer .footer-content{
    color: #A0A0A0;
    font-size: 12px;
}

.one-body-biz-ability-content-footer .button{
    border-radius: 990px;
}

.one-body-biz-service {
    width: 1090px;
    margin: 60px auto;
    text-align: center;
}

.one-body-biz-service-content img {
    width: 110px;
}

.one-body-biz-service-content .service-title {
    font-size: 16px;
    font-weight: bold;
    color: #3A9FD9;
    margin: 20px 0 1.6em;
    line-height: 1.2em;
    text-align: center;
}

.one-body-biz-service-content .service-content {
    color: #8D8D8D;
    font-size: 12px;
}

.one-patent-title {
    font-size: 30px !important;
    color: #3A9FD9 !important;
    font-weight: bold !important;
}

.one-patent-title p{
    display: inline;
}

/* start 专利 */
.one-body-biz-patent {
    width: 74%;
    margin: 60px auto;

}
.one-body-biz-patent .card{
    box-shadow: none !important;
}

.one-body-biz-patent .image{
    background: none !important;
}

.one-body-biz-patent .one {
    width: 80%;
    margin: 60px auto;
}

/* end 专利 */

/* end biz */

/** start footer */
.one-footer {
    width: 100%;
}
.one-footer .one-call-me{
    width: 74%;
    margin: 80px auto 40px;
}
.one-footer .call-me-email {
    font-size: 18px;
}
.call-me-email {
    cursor: pointer;
}
.one-footer-copyright {
    width: 100%;
    height: 80px;
    background: radial-gradient(
            circle at 20px 20px,
            rgba(84,164,206, 0.8),
            transparent 25%
    ),
    radial-gradient(
            circle at 60% 90%,
            rgb(47,87,108),
            transparent 60%
    ),
    #54A4CE;
}
.one-footer-copyright-content {
    width: 80%;
    height: 80px;
    display: flex;
    margin: 0 auto;
    align-items: center;
    font-size: 16px;
    color: #ffffff;
}
.one-footer-copyright-content p{
    display: inline;
    margin: 0;
    line-height: 0;
}
/** end footer */

::-webkit-scrollbar {
    display: none;
}

/* @media 设置媒体特性来使用 */
@media (max-width: 800px) {
    .mobile-menu {
        display: block !important;
        text-align: center;
    }
    .mobile-menu .item{
        display: inline !important;
        margin: 0 auto !important;
        padding: 0.5em 0.8em;
    }
    .one-header-content {
        width: 96% !important;
    }

    .header-item-logo {
        padding: 6px 0 !important;
    }
    .header-item-title {
        font-size: 0.9em !important;
        top: 12px !important;
    }
    .one-header-logo {
        margin-top: 6px !important;
        width: 110px !important;
        height: 28px !important;
    }
    .menu-center {
        display: none !important;
    }

    .one-body-center {
        background-image: url("../image/mobile_one_banner.png");
        background-size: cover;
        background-position: center;
    }

    .one-body-center-logo {
        top: 50% !important;
        width: 60%;
    }

    .one-body-center-text {
        top: 60% !important;
        font-size: 1.3em;
        letter-spacing: 12px;
        font-weight: bold;
    }
    .one-body-center-text-two {
        top: 64% !important;
        font-size: 0.8em;
        font-weight: bold;
    }
    .one-body-about {
        width: 90% !important;
        margin: 40px auto;
    }
    .one-body-about-content p{
        text-align: left;
        font-size: 1em;
        font-weight: bold;
        color: #666666;
    }
    .one-body-about-content p a{
        font-size: 1.2em;
    }

    .one-body-about-more-content {
        width: 80%;
    }

    .one-body-card {
        /*visibility: hidden;*/
        width: 90% !important;
    }

    .one-body-info {
        display: none!important;
    }

    .one-body-center-biz {
        background-size: 1000px 510px !important;
        background-position: 25% 38% !important;
    }
    .ui.stackable.grid.pile-content-img-one{
        padding-left: -1rem !important;
        padding-right: -1rem !important;
    }

    .pile-content-img-one img {
        height: 360px !important;
    }

    .one-body-center-text-biz {
        left: 26px !important;
        top: 414px !important;
    }
    .one-body-center-text-biz p {
        display: block !important;
        line-height: 0.6em !important;
        font-size: 20px !important;
    }


    .one-patent-title {
        font-size: 16px !important;
        color: #3A9FD9 !important;
        font-weight: bold !important;
    }
    .one-patent-title p {
        display: block !important;
    }
    .one-patent-title .pc-comma {
        display: none !important;
    }

    .one-body-biz {
        width: 96%;
    }

    .one-body-biz-content .changing-content {
        font-size: 20px !important;
    }
    .one-body-card-biz {
        border: 1px #0b2e13 solid;
        border-radius: 40px;
        width: 100% !important;
        overflow-x: scroll;
        box-shadow: 0 3px 20px rgb(184 192 196 / 81%) !important
    }

    .mobile_battery {
        display: block !important;
    }
    .pc_battery {
        display: none !important;
    }

    .card-biz-content {
        width: 1390px !important;
    }

    .one-body-biz-narrate {
        width: 100%;
        text-align: left;
    }
    .one-body-biz-narrate p {
        font-size: 14px;
    }

    .one-body-biz-ability {
        width: 100% !important;
    }

    .one-body-biz-patent .one {
        width: 100% !important;
    }

    .one-body-pile {
        width: 100% !important;
    }
    .one-body-content-info {
        padding: 20px 20px !important;
        width: 94% !important;
        margin: 0 auto;
    }

    .one-body-title {
        padding: 20px 30px !important;
    }

    .one-body-center-contact {
        height: 800px !important;
        background-size: cover !important;
        background-position: 30% 10% !important;
    }
    .one-body-center-text-contact {
        text-align: left !important;
        width: 80% !important;
    }

    .one-body-center-text-contact .contact-title {
        font-size: 20px !important;
    }

    .one-body-center-text-contact .contact-content {
        font-size: 40px !important;
        display: block !important;
        margin: 0 0 0 !important;
    }
    .one-body-center-text-contact .contact-content-p{
        font-size: 40px !important;
        display: block !important;
    }
    .one-body-center-text-contact div {
        width: 100% !important;
        text-align: center !important;
        display: flex;
        justify-content: center;
    }
    .one-body-center-text-contact .call-email-button {
        margin-top: 0 !important;
    }

    .one-body-video .video {
        margin-top: 93px !important;
        height: 212px !important;
    }

    .one-body-center-text-contact .call-me-email {
        display: flex;
        justify-content: center;
    }

    .one-body-content-contact {
        height: 300px !important;
    }

    .one-body-content-contact #mapContent {
        height: 300px !important;

    }

    .one-body-address {
        width: 100% !important;
    }

    .company-info p{
        font-size: 14px !important;
    }

    .one-body-news-header {
        width: 96% !important;
        text-align: center !important;
    }
    .one-body-news-header .new-title {
        font-size: 18px !important;
    }

    .one-body-news-content {
        width: 98% !important;
    }


    .one-footer .menu {
        display: block !important;
    }
    .one-footer .menu .item {
        display: block !important;
        text-align: center !important;
    }

    .one-footer-copyright-content {
        font-size: 0.8em !important;
        text-align: center !important;
        display: block;
        padding-top: 15px;
    }
}