html {font-size: 625%;}
body {font-size: .12rem;}
.layui-nav {
    position: relative;
    padding: 0 16%;
    background-color: rgba(0, 0, 0,0.1);
    color: #fff;
    border-radius: 2px;
    font-size: 0;
    box-sizing: border-box;
}
.nav{
    position: relative;
}
.nav_Tou{
    position: absolute;
    top: 0;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    left: 0;
    z-index:111;
}
.Action a{
    color: white !important;
}
.Action i{
    width: 70%;
    background: white;
    height: 3px;
    position: absolute;
    left: 0;
    bottom: 10px;
}
.Center{
    position: absolute;
    top: 20%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    width: 64%;
    left: 16%;
}
.Center li{
    width: 50%;
    color: white;
}
.Center li:nth-child(1){
    width: 50%;
    color: white;
}
.Center li img{
    width: 100%;
}
.Center li p{
    font-size: 0.5rem;
    font-weight: 900;
    margin-bottom: 20px;
    font-family: MFYiHei_Noncommercial-Regular;
}
.technology{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 60px;
    position: relative;
}
.technology>p{
    width: 60%;
    margin-top: 20px;
    font-size: 15px;
    line-height: 24px;
    color: #333;
}
.technology img{
    margin-bottom: 5px;
}
.technology>span{
    color: #999;
}
.technology>ul{
    display: flex;
    flex-direction: row;
    width: 68%;
    justify-content: space-between;
}
.technology>ul>li{
    width: 28%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.technology>ul>li img{
    width: 100%;
}
.post_AC{
    margin-top: 30px;
    display: flex;
    flex-direction: row;
}
.post_AC2{
    position: relative;
    color: white;
}
.post_AC2 p{
    position: absolute;
    top: 78px;
    display: flex;
    flex-direction: column;
    left: 20px;
}
.post_AC2 div{
    position: absolute;
    right: 28px;
    bottom: 50px;
    display: flex;
    flex-direction: column;
    width: 62%;
    font-size: 13px;
}
.post_AC2 div span{
    margin-top: 12px;
    font-size: 12px;
}
.post_AC3{
    margin: 0 40px;position: relative;
}
.post_AC3 ul{
    position: absolute;top: 0;width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    color: white;
    font-size: 16px;
}
.post_AC3 ul li:nth-child(1){
    margin-top: 38px;
}
.post_AC3 ul li:nth-child(2){
    margin-top: 80px;
}
.post_AC3 ul li:nth-child(3){
    margin-top: 86px;
}
.post_AC3 ul li:nth-child(4){
    margin-top: 86px;
}
.nature_Cen{
    width: 70%;
    margin-top: 30px;
}
.nature_Cen ul{
    width: 104%;
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
}
.nature_Cen ul li{
    height: 180px;
    width: 42%;
    box-shadow: #ccc 0px 0px 8px 1px;
    border-radius: 5px;
    margin-bottom: 30px;
    padding: 3% 3%;
    position: relative;
}
.nav2_NAX p{
    display: flex;
    flex-direction: column;
    text-align: center;
    line-height: 17px;
}
.nav2_NAX p span:nth-child(2){
    font-size: 0.12rem;
}
.nature_Cen ul li>p:after{
    position: absolute;
    top: 0;
    left: 0;
    height: 5px;
    width: 50px;
    background: #1AB7BC;
    border-radius: 5px;
    content:"";
}
.nature_Cen ul li>p{
    color: #1AB7BC;
    position: relative;
    font-weight: 900;
    padding-top: 14px;
    margin-bottom: 10px;
    font-size: 14px;
}
.nature_Cen ul li>span{
    color: #333;
    font-size:13px;
}
.nature_Cen ul li>div{
    position: absolute;
    right: 6%;
    bottom: 26px;
    color: #999;
    font-size: 12px;
    cursor: pointer;
}
.nature_Cen ul li>div p{
    display: flex;
    flex-direction: row;
    align-items: center;
}
.nature_Cen img{
    width: 6px;
    margin-bottom: 0;
    margin-left: 6px;
}
.MyWn{
    position: relative;
}
.MyWn>div{
    position: absolute;
    top: 10%;
    left: 7%;
    background: rgba(29, 165, 170, 0.5);
    width: 62%;
    padding: 8% 12%;
    color: white;
    font-size: 16px;
    line-height: 26px;
}
.MyWn>div>p{
    text-align: center;
    font-size: 44px;
    font-weight: 900;
    margin-bottom: 40px;
}
#footer p{
    font-size: 0.3rem;
    font-weight: 900;
    font-family: MFYiHei_Noncommercial-Regular;
}
#footer{
    width: 70%;
    background:#18A4A7;

    padding: 40px 15% 60px 15%;
    color: white;

    position: relative;
}
.Weibu2{
    display: flex;
    flex-direction: row;    
    align-items: center;
}
#footer>img{
    margin: 0 20px;
}
#footer div img{
    width: 14px;
}
#footer div ul li{
    margin-top: 12px;
}
#footer>ul{
    display: flex;
    flex-direction: row;
}
#footer>ul>li{
    margin-left: 50px;
}
#footer>ul>li:nth-child(1){
    margin-left: 0;
}
#footer>ul li>ul>li{
    margin-bottom: 6px;
    font-size: 13px;
}
#footer>ul li>ul>li:nth-child(1){
    margin-bottom: 12px;
    font-size: 14px;
}
.footer-con{
    width: calc(1640/1920*100%);
    height:336px;
    margin:auto;
    padding-top:96px;
    box-sizing: border-box;
    position: relative;
}
.footer-con>div{
    float: left;
}
.footer-con>div>img{
    width: 176px;
}
.Product{
    width: 60%;
    margin-top: 50px;
}
.Product ul{
    width: 100%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.Product ul li{
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 16%;
    color: #333333;
    padding: 0 3%;
    box-shadow: #eee 0px 4px 5px 1px;
    border-radius: 5px;
}
.Product ul li img:nth-child(1){
    height: 50%;
}
.Product ul li img:nth-child(3){
    width: 100%;
}
.Product ul li p{
    font-size: 15px;
    margin: 10px 0 10px  0;
}
.Product ul li span{
    margin-top: 10px;
}
.Product_Shon{
    width: 70%;
    border-radius: 5px;
    box-shadow: #ccc 0px 0px 5px 1px;
    display: flex;
    flex-direction: row;
    margin-top: 20px;
}
.Product_Shon>div:nth-child(1){
    background: #2AB5BE;
    width: 44%;
    padding: 5% 5% 3% 5%;
}
.Product_Shon>div:nth-child(2){
    width: 36%;
    padding: 3% 5% 0 5%;
}
.Product_Shon>div div{
    display: flex;
    flex-direction: column;
    color: #2AB5BE;
    margin-bottom: 40px;
}
.Product_Shon>div div p{
    font-size: 15px;
    margin-bottom: 20px;
}
.Product_Shon>div div span{
    margin-bottom: 10px;
}
.Product_Shon>div img{
    width: 100%;
}
.technology_Cen{
    width: 68%;
    color: #999;
    margin-bottom: 10px;
    font-size: 16px;
    line-height: 24px;
}
span{
    line-height: 20px;
}
.Product_Cen{
    margin: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    padding: 5% 10%;
    color: #1AB7BC;
    font-size: 14px;
    margin-bottom: 70px;
    border: #1AB7BC 8px solid;
}
* {
    margin: 0;
    padding: 0;
}

html {
    font-size: 625%;
}

body {
    font-size: .12rem;
}

.m-bg {
    /* background: url(./../images/37.png) no-repeat ; */
    width: 100%;
    /* max-height: 3.91rem; */
    position: relative;
}

.m-nav {
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-color: rgba(0, 0, 0, .1);
    z-index: 2;
    padding: 0rem 3.5rem 0rem 2.5rem;
}

.m-nav .left {
    font-family: MFYiHei_Noncommercial-Regular;
    font-size: .16rem;
    color: #ffffff;
    line-height: normal;
}

.m-nav.layui-nav .layui-nav-item a {
    color: #ffffff;
}

.m-nav.layui-nav .left.layui-nav-item a {
    padding: 0;
}

.m-nav.layui-nav .right .layui-nav-item a {
    color: #333333;
}

.m-nav b {
    font-size: .16rem;
    font-weight: bold;
}

.img {
    position: absolute;
    left: 0;
    top: -4px;
    width: 100%
}

.header-img {
    margin-top: -.65rem;
}

.header-content {
    z-index: 1;
    padding: 1rem 3.5rem 0rem 2.5rem;
    display: flex;
    flex-direction: row;
    align-items: center;
}

.header-content .header-title {
    color: #ffffff;
    font-weight: bold;
    font-size: 48px;
}

.header-content .text {
    color: #ffffff;
    margin-top: .2rem;
    display: block;
}

.header-content:last-child img {
    margin-top: 1rem;
}

.evaluation {
    margin-top: 2.5rem;
}

.evaluation .title {
    display: flex;
    justify-content: center;
    margin-bottom: .3rem;
}

.evaluation .evaluation-content {
    display: flex;
    justify-content: center;
}

.evaluation .describe {
    width: 1.8rem;
    background-color: #1b9fe5;
    padding: .15rem .15rem .15rem .5rem;
    margin: 0 .3rem;
}

.evaluation .describe .text {
    color: #ffffff;
    display: block;
    padding: .5rem .15rem .15rem;
    border: .02rem solid #ffffff;
    position: relative;
    min-height: 79%;
}

.evaluation .describe .text span {
    position: absolute;
    top: .1rem;
    left: -.5rem;
    z-index: 2;
    width: 1rem;
    text-align: center;
}

.text span b {
    font-size: .14rem;
}

.evaluation .describe .text .pop {
    content: '';
    background: #1b9fe5;
    position: absolute;
    height: .35rem;
    top: .1rem;
    left: -.1rem;
    width: 1rem;
    z-index: 1;
}

.cart {
    margin-top: 1rem;
}

.cart .describe {
    padding: 6% 20%;
    font-size: .14rem;
    color: #ffffff;
    line-height: 24px;
}

.cart .describe .header-title {
    font-family: MicrosoftYaHei-Bold;
    font-size: 48px;
    display: flex;
    justify-content: center;
    margin-bottom: .3rem;
}

.advantage {
    margin-top: .5rem;

}

.advantage span {
    display: flex;
    justify-content: center;
}

.advantage span.text {
    text-align: center;
    margin-top: .2rem;
    margin-bottom: .3rem;
    color: #999;
}

.advantage span div {
    padding: 0 .15rem;
    border-right: 1px dashed #333333;
    text-align: center;
}

.advantage span div:last-child {
    border-right: 0;
}

.advantage span.title {
    color: #18A4A7;
    margin: 20px 0 10px 0;
    font-weight: 900;
    font-size: 16px;
}

.advantage span.t {
    width: 1.7rem;
}
.AboutUs{
    display: flex;
    flex-direction: row;
    width: 70%;
    margin: auto;
    margin-top: 30px;
}
.AboutUs img{
    width: 55%;
}
.AboutUs ul{
    width: 45%;
    display:flex;
    flex-direction: column;
    margin-left: 20px;
}
.AboutUs ul li{
    width: 100%;
    color: #333;
    margin-bottom: 20px;
    font-size: 15px;
    line-height: 24px;
}
.AboutUs ul li:nth-last-child(1){
    margin-bottom: 0;
}
.Weibu{
    position: absolute;
    bottom: 15px;
    left: 0;
    text-align: center;
    width: 100%;
    color: white;
    z-index: 111;
}
.technology_UL{
    margin-top: 30px;
}
.technology_UL li{
    position: relative;
}
.technology_UL li span{
    position: absolute;
    bottom: 16px;
    color: white;
}
.technology_UL li span:after{
    position: absolute;
    bottom: -4px;
    left: 34px;
    height: 4px;
    width: 31px;
    background: #1AB7BC;
    border-radius: 5px;
    content: "";
}
.nav2{
    display: none;
    position: relative;
}
.nav2_NAX{
    width: 90%;
    padding: 0 5%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    height: 50px;
    line-height: 50px;
    background: #1AB7BC;
    font-size: 0.18rem;
    color: white;
    position: fixed;;
    top: 0;
    z-index:111;
    box-shadow: #333 0px 0px 5px -1px;
}
.nav2_X{
    position: absolute;
    top: 26%;
    right: 5%;
    color: white;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    width: 90%;
}
.nav2_X>span{
    width: 30%;
}
.nav2_X>div{
    width: 70%;
}
.nav2_X>div>p{
    text-align: center;
    font-size: 0.3rem;
    margin-bottom: 10px;
}
.Screen2{
    display: none;
}
#Screen2{
    display: none;
}
.TAB{
    display: none;
}
.temOS{
    top: 35%;
}
a {
    color: white;
}
@media screen and (max-width: 1040px) {
    .Product ul li img:nth-child(1) {
        height: 40%;
    }
    #footer {
        width: 84%;
        background: #18A4A7;
        padding: 40px 8% 60px 8%;
        color: white;
        position: relative;
    }
    .MyWn>div {
        position: absolute;
        top: 10%;
        left: 7%;
        background: rgba(29, 165, 170, 0.5);
        width: 70%;
        padding: 6% 8%;
        color: white;
        font-size: 16px;
    }
    .Center li img {
        width: 100%;
        margin-left: 40px;
    }
    .temOS{
        top: 26%;
    }
    .layui-nav {
        padding: 0 13%;
    }
}
@media screen and (max-width: 950px) {
    .cart .describe {
        padding: 3% 14%;
        font-size: .14rem;
        color: #ffffff;
        line-height: 24px;
    }
    .Product ul li img:nth-child(1) {
        height: 30%;
    }
    #footer {
        width: 90%;
        background: #18A4A7;
        padding: 40px 5% 60px 5%;
        color: white;
        position: relative;
    }
    .MyWn>div {
        position: absolute;
        top: 7%;
        left: 7%;
        background: rgba(29, 165, 170, 0.5);
        width: 78%;
        padding: 6% 4%;
        color: white;
        font-size: 16px;
        line-height: 26px;
    }
    .Center {
        position: absolute;
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        width: 66%;
        left: 16%;
    }
    .temOS{
        top: 20%;
    }
}
@media screen and (max-width: 850px){
    .layui-nav {
        padding: 0 6%;
    }
}
@media screen and (max-width: 750px) {
    .nav{
        display: none;
    }
    .nav2{
        display: block !important;
    }
    .Screen{
        display: none;
    }
    .Screen2{
        display: block !important;
    }
    .AboutUs{
        width: 92%;
        align-items: center;
        margin-top: 20px;
    }
    .AboutUs ul{
        margin-left: 14px;
    }
    .AboutUs ul li{
        font-size: 0.1rem;
        margin-bottom: 0;
    }
    #Screen{
        display: none;
    }
    #footer>div:nth-child(1){
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }
    #footer>div>span{
        font-size: 0.22rem;
        font-weight: 400;
    }
    #footer>div div ul li span{
        font-size: 0.1rem;
        margin-left: 5px;
    }
    #footer>div:nth-child(2){
        font-size: .1rem;
        text-align: center;
        margin-top: 20px;
        padding-bottom: 20px;
    }
    .TAB{
        width: 100%;
        position: fixed;
        top: 50px;
        background: white;
        z-index: 111;
        display: none;
    }
    .TAB ul{
        width: 94%;
        padding: 0 3%;
    }
    .TAB ul li{
        width: 100%;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
        font-size: 0.15rem;
        border-bottom: 1px solid #1AB7BC;
        height: 30px;
    }
    .TAB ul li img{
        width: 10px;
    }
    .TAB a{
        width: 90%;
        color: #333;
    }
    #TabList3{
        display: none;
    }
    .nav2 ul{
        display: flex;
        flex-direction: row;
        align-items: center;
        position: absolute;
        top: 26%;
    }
    .nav2 ul li{
        color: white;
    }
    .nav2 ul li:nth-child(1){
        margin-left: 3%;
    }
    .nav2 ul li img{
        width: 200px;
    }
    .nav2 ul li p{
        font-size: 0.3rem;
        margin-bottom: 14px;
    }
    .nav2 ul li span{
        font-size: 0.1rem;
    }
    .technology>p{
        width: 80%;
        font-size: 0.1rem;
        font-size: #999;
        margin-left: 10%;
        margin-top: 5px;
    }
    .Product {
        width: 80%;
        padding: 0 10%;
    }
    .Product ul{
        display: flex;
        flex-flow: row wrap;
    }
    .Product ul li{
        width: 30%;
        padding: 0 8%;
        margin-bottom: 30px;
    }
    .Product ul li img:nth-child(1) {
        height: 100px;
        margin-top: 10px;
    }
    .Product ul li span{
        font-size: 0.1rem;
        margin-bottom: 15px;
    }
    .Product_Shon>div div p {
        font-size: 0.13rem;
        margin-bottom: 6px;
    }
    .Product_Shon>div div span {
        margin-bottom: 2px;
        font-size: 0.10rem;
    }
    .Product_Shon>div div {
        margin-bottom: 16px;
    }
    .Product_Shon>div:nth-child(2) {
        width: 44%;
        padding: 2% 1% 0 4%;
    }
    .Product_Shon>div:nth-child(1) {
        background: #2AB5BE;
        width: 48%;
        padding: 10% 0% 3% 3%;
    }
    .technology_Cen{
        font-size: 0.12rem;
        width: 90%;
        margin-left: 5%;
    }
    .Product_Cen{
        padding: 7% 7%;
        margin-bottom: 35px;
    }
    .post_AC2{
        width: 50%;
    }
    .post_AC2 img{
        width: 100%;
    }
    .post_AC2 div span {
        margin-top: 0px;
        font-size: 0.01rem;
        line-height: 0.11rem;
    }
    .post_AC2 p span:nth-child(1){
        font-size: 0.12rem;
    }
    .post_AC2 p span{
        font-size: 0.1rem;
    }
    .post_AC2 p {
        position: absolute;
        top: 44px;
        display: flex;
        flex-direction: column;
        left: 20px;
    }
    .post_AC2 div {
        position: absolute;
        right: 10px;
        top: 71px;
        display: flex;
        flex-direction: column;
        width: 68%;
        font-size: 13px;
    }
    .post_AC {
        margin-top: 10px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 96%;
        margin-left: 2%;
    }
    .cart .describe {
        padding: 0 10px;
        font-size: .14rem;
        color: #ffffff;
    }
    .cart .describe .header-title {
        font-family: MicrosoftYaHei-Bold;
        font-size: 0.2rem;
        margin-bottom: 5px;
        margin-top: 10px;
    }
    .cart {
        margin-top: 20px;
    }
    .describe span{
        font-size: 0.1rem;
    }
    .advantage span.title {
        color: #18A4A7;
        margin: 0px 0 10px 0;
    }
    .advantage {
        margin-top: 0.3rem;
    }
    .advantage span div {
        padding: 0;
        border-right: none;
        text-align: center;
        margin-bottom: 20px;
    }
    .advantage>.layui-col-xs12>div {
        width: 86%;
        display: flex;
        flex-flow: row wrap;
        justify-content: space-between;
        margin-left: 7%;
    }
    .advantage>.layui-col-xs12>div>div{
        display: flex;
        flex-direction: column;
        align-items: center;
        margin-bottom: 20px;
    }
    .advantage span.t {
        font-size: 0.11rem;
        width: 1.3rem;
    }
    #Screen2{
        display: block;
    }
    .technology>.technology_List{
        width: 94%;
        padding: 0 3%;
    }
    .technology_List li span{
        font-size: 0.15rem;
    }
    .Home{
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 94%;
        padding: 0 3%;
    }
    .Home>div{
        width: 48%;
        color: white;
    }
    .Home>div>img{
        width: 100%;
    }
    .Home>.Home_X>p{
        position: absolute;
        top:97px;
        left: 26px;
        display: flex;
        flex-direction: column;
    }
    .Home>.Home_X>p span:nth-child(1){
        font-size: 0.13rem;
    }
    .Home>.Home_X>p span:nth-child(2){
        font-size: 0.1rem;
    }
    .Home .Home_X div{
        position: absolute;
        top: 132px;
        left: 54px;
        width: 30%;
        display: flex;
        flex-direction: column;
        font-size: 0.1rem;
    }
    .Center li img {
        width: 100%;
        margin-left: 0;
    }
    .Home .Home_X div span{
        margin-bottom: 8px;
    }
    .Home_S{
        display: flex;
        flex-direction: column;
    }
    .Home_S div{
        display: flex;
        flex-direction: row;
        position: relative;
    }
    .Home_S div img{
        width: 30%;
    }
    .Home_S div img:nth-child(1){
        position: absolute;
        top: 0;
        left: -4px;
    }
    .Home_S div img:nth-child(2){
        position: absolute;
        top: 5px;
        left: 40px;
        opacity: 0.5;
    }
    .Home_S div img:nth-child(3){
        position: absolute;
        top: 5px;
        left: 83px;
        opacity: 0.5;
    }
    .Home_S div img:nth-child(4){
        position: absolute;
        top: 5px;
        left: 127px;
        opacity: 0.5;
    }
    .nature_Cen{
        width: 90%;
        padding: 0 5%;
        margin-top: 20px;
    }
    .nature_Cen ul{
        display: flex;
        flex-direction: column;
    }
    .nature_Cen ul li{
        width: 90%;
        margin-bottom: 20px;
    }
    .MyWn>div {
        position: absolute;
        top: 6%;
        left: 5%;
        background: rgba(29, 165, 170, 0.5);
        width: 84%;
        padding: 5% 3% 6% 3%;
        color: white;
        font-size: 16px;
    }
    .MyWn>div>p {
        text-align: center;
        font-size: 0.25rem;
        font-weight: 900;
        margin-bottom: 16px;
    }
    .MyWn>div>div{
        font-size: 0.1rem;
    }
    .technology>.technology_UL{
        width: 90%;
        display: flex;
        flex-flow: row wrap;
        padding: 0 5%;
    }
    .technology>.technology_UL li{
        width: 48%;
    }
    .technology_UL li span {
        position: absolute;
        bottom: 14px;
        color: white;
        font-size: 0.1rem;
    }
    .Home_S ul{
        position: absolute;
        right: 0;
        bottom: 8px;
        display: flex;
        flex-direction: row;
        font-size: 0.15rem;
    }
    .Home_S ul li{
        margin-right: 20px;
    }
    .technology>p{
        line-height: 0.14rem;
    }
    .MyWn>div{
        line-height: 0.14rem;
    }
    .technology_Cen{
        line-height: 0.16rem;
    }
    span{
        line-height: 0.12rem;
    }
    .cart .describe {
        line-height: 0.14rem;
    }
    .AboutUs ul li{
        line-height: 0.14rem;
    }
    
    .nav2_NAX p span{
        line-height: 17px;
    }
}