body{
    margin:0 0 ;
    letter-spacing: 2px;
    font-family: 'Microsoft YaHei','Arial', sans-serif;
}
@media (min-width: 770px){
    .mobile{
        display: none;
    }
    .top{
        width:1200px;
        margin:0 auto;
        height:60px;
        padding: 15px 0;
        clear: both;
    }

    .logo img{
        width: 200px;
        height: auto;
        
    }
    .logo{
        width: 200px;
        height: auto;
        margin-right:50px;
        float:left;
    }
    .nav{
        
        float:left;
    }

    .nav ul {
        width:800px;
        display: block;
    }
        
    .nav ul li{
        margin: 0 35px;
        display: inline-block;
        font-size: 19px;
        color:#262626;
    }

    .nav ul li a:hover{
        color:#ff3000;
    }

    .default-color {
        color: #262626; /* 默认颜色 */
        text-decoration: none;
    }
    .active-color {
        color: #ff3000; /* 激活颜色 */
        font-weight: bold;
        text-decoration: none;
    }

    .banner{
        background: url("./pic/banner.jpg") no-repeat center center;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        background-size: cover;
        position: relative;
        width:100%;
        height:500px;
    }
    .biaoti{
        width:1200px;
        margin:0 auto;
    }
    .title2{
        font-size: 60px;
        text-align: center;
        color:#ffe5df;
        margin-top:80px;
    }
    .title1{
        font-size: 60px;
        text-align: center;
        margin-top:-150px;
        margin-bottom: 80px;
    }
    .title3{
        color:#ff3000;
        text-align: center;
        margin-top:-40px;
    }
    .sp1{
        text-align: center;
        color:#f00001;
    }
    .sp2{
        text-align: center;
        color:#ff3000;
    }


    .outer{
        width:1200px;
        margin:0 auto;
        height:600px;
    }
    .title4{
        font-size: 65px;
        text-align: center;
        color:#262626;
        text-decoration: underline;
        text-decoration-thickness: 10px;
        text-decoration-color: #ffe5df;
        margin:15px 0;
    }
    .title5{
        text-align: center;
        font-size: 25px;
        line-height: 40px;
        color:#535353;
        margin:25px 0;
    }
    .cont1{
        margin-top:35px;
        width: 100%;
    }
    .cont1-left{
        margin-right: 4%;
        width:48%;
        text-align: justify;
        float:left;
    }
    .cont1-left p{
        font-size: 25px;
        color: #262626;
        line-height: 43px;
        text-align: justify;
        margin-top: 0;
        margin-bottom: 30px;
    }
    .cont1-right{
        overflow: hidden;
        margin-top:10px;
        width:48%;
        float: left;
    }
    .cont1-right img{
        width: 100%;
        transition: transform 0.3s ease;
    }
    .cont1-right:hover img{
        transform: scale(1.2);
    }


    .hexin{
        width:1200px;
        margin:0 auto;
        height:850px;
    }
    .hecont{
        height:620px;
        margin-top: 35px;
        background: url("./pic/part8-background.png") no-repeat center center;
        background-size: cover;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .hecont1{
        width:16.6%;
        height:200px;
        border-radius: 50%;
        margin-left: 8.4%;
        float:left;
        overflow: hidden;
    }
    .hecont1 img{
        width:102%;
        transition: transform 0.3s ease;
    }
    .hecont1:hover img{
        transform: rotate(360deg);
    }
    .hecont2{
        width:16.6%;
        height:200px;
        border-radius: 50%;
        margin-right: 8.4%;
        float: right;
        overflow: hidden;
    }
    .hecont2 img{
        width:102%;
        transition: transform 0.3s ease;
    }
    .hecont2:hover img{
        transform: rotate(360deg);
    }
    .hecont3{
        width:16.6%;
        height:200px;
        border-radius: 50%;
        margin-top:6px;
        clear: left;
        float: left;
        overflow: hidden;
    }
    .hecont3 img{
        width:102%;
        transition: transform 0.3s ease;
    }
    .hecont3:hover img{
        transform: rotate(360deg);
    }
    .hecont4{
        width:16.6%;
        height:200px;
        border-radius: 50%;
        margin-top:6px;
        float: right;
        overflow: hidden;
    }
    .hecont4 img{
        width:102%;
        transition: transform 0.3s ease;
    }
    .hecont4:hover img{
        transform: rotate(360deg);
    }
    .hecont5{
        width:16.6%;
        height:200px;
        border-radius: 50%;
        margin-left: 8.4%;
        margin-top:6px;
        clear: left;
        float: left;
        overflow: hidden;
    }
    .hecont5 img{
        width:102%;
        transition: transform 0.3s ease;
    }
    .hecont5:hover img{
        transform: rotate(360deg);
    }
    .hecont6{
        width:16.6%;
        height:200px;
        border-radius: 50%;
        margin-right: 8.4%;
        margin-top:6px;
        float: right;
        overflow: hidden;
    }
    .hecont6 img{
        width:102%;
        transition: transform 0.3s ease;
    }
    .hecont6:hover img{
        transform: rotate(360deg);
    }


    .jiaoxue{
        width:1200px;
        margin:0 auto;
        height:530px;
    }
    .jiaoxue h1{
        font-size: 38px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ff3f3f,#ff0101);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .jiao-left{
        width:68%;
        height:380px;
        background-color:#ffeaea;
        margin-top:30px;
        float:left;
        display: flex;
        align-items: center;
        justify-items: center;
    }
    .jiao-left p{
        font-size: 25px;
        color: #262626;
        line-height: 43px;
        margin:0 6%;
        text-align: justify;
    }
    .jiao-right{
        width:32%;
        height:380px;
        margin-top:30px;
        float:left;
        overflow: hidden;
    }
    .jiao-right img{
        width:100%;
        transition: transform 0.3s ease;
    }
    .jiao-right:hover img{
        transform: scale(1.2);
    }


    .aizhixi{
        width:1200px;
        margin:0 auto;
        height:530px;
    }
    .aizhixi h1{
        font-size: 38px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ff6d2f,#ff2d01);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .ai-left{
        width:32%;
        height:380px;
        margin-top:30px;
        float:left;
        overflow: hidden;
    }
    .ai-left img{
        width:100%;
        transition: transform 0.3s ease;
    }
    .ai-left:hover img{
        transform: scale(1.2);
    }
    .ai-right{
        width:68%;
        height:380px;
        background-color:#ffeeea;
        margin-top:30px;
        float:left;
        display: flex;
        align-items: center;
        justify-items: center;
    }
    .ai-right p{
        font-size: 25px;
        color: #262626;
        line-height: 43px;
        margin:0 6%;
        text-align: justify;
    }


    .pingban{
        width:1200px;
        margin:0 auto;
        height:530px;
    }
    .pingban h1{
        font-size: 38px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ffac36,#ff6501);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .ping-left{
        width:68%;
        height:380px;
        background-color:#fff2e7;
        margin-top:30px;
        float:left;
        display: flex;
        align-items: center;
        justify-items: center;
    }
    .ping-left p{
        font-size: 25px;
        color: #262626;
        line-height: 43px;
        margin:0 6%;
        text-align: justify;
    }
    .ping-right{
        width:32%;
        height:380px;
        margin-top:30px;
        float:left;
        overflow: hidden;
    }
    .ping-right img{
        width:100%;
        transition: transform 0.3s ease;
    }
    .ping-right:hover img{
        transform: scale(1.2);
    }


    .jishu{
        width:1200px;
        margin:0 auto;
        height:700px;
    }
    .jicont{
        height: 500px;
    }
    .jicont p{
        font-size: 25px;
        color: #262626;
        line-height: 40px;
        text-align: justify;
        margin-top: 0;
        margin-bottom: 6px;
    }
    .jicont-pic1{
        width:24%;
        height: 230px;
        margin-top: 14px;
        float: left;
        overflow: hidden;
    }
    .jicont-pic1 img{
        width:100%;
        transition: transform 0.3s ease;
    }
    .jicont-pic1:hover img{
        transform: scale(1.2);
    }
    .jicont-pic2{
        width:24%;
        height: 230px;
        margin-left: 1.33%;
        margin-top: 14px;
        float: left;
        overflow: hidden;
    }
    .jicont-pic2 img{
        width:100%;
        transition: transform 0.3s ease;
    }
    .jicont-pic2:hover img{
        transform: scale(1.2);
    }


    .footer{
        width: 100%;
        height:60px;
        background-image:linear-gradient(to bottom,#ff6d2f,#ff2d01) ;
    }
    .footinner{
        width:1200px;
        height:inherit;
        margin:0 auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .footinner p{
        width: 100%;
        color:white;
        text-align: center;
        margin:0;
    }

    
    .totop{        
        position: fixed;       
        right: 40px;
        bottom: 40px;
        display: none;
    }
    .totop a{  
        width:40px;
        height:40px;
        margin-top:3px;
        border-radius: 50%;
        background-color: #ffd0c5;
        box-shadow: 0 5px 10px #ffd0c5;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .totop a img{
        width: 80%;
    }
    .totop a:hover{  
        background-color: #ff3000;
        box-shadow: 0 5px 10px #ffd0c5;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .totop a:hover img{
        width: 80%;
    }
}




@media (max-width: 769px){
    .pc{
        display: none;
    }
    .mobile{
        margin:0 auto;
        width: 100%;
    }
    .mbanner{
        width: 100%;
        height:auto;
        overflow: hidden;
    }
    .mbanner img{
        width: 100%;
        height: auto;

    }


    .mbiaoti{
        width:95%;
        margin:0 auto;
    }
    .mtitle2{
        font-size: 56px;
        text-align: center;
        color:#ffe5df;
        margin-top:70px;
    }
    .mtitle1{
        font-size: 65px;
        text-align: center;
        font-weight: bolder;
        margin-top:-150px;
        margin-bottom: 80px;
    }
    .mtitle3{
        font-size: 40px;
        color:#ff3000;
        text-align: center;
        margin-top:-65px;
    }
    .msp1{
        text-align: center;
        color:#f00001;
    }
    .msp2{
        text-align: center;
        color:#ff3000;
    }


    .mouter{
        width:92%;
        margin:0 auto;
        margin-bottom:60px;
    }
    .mouter::after{
        content: "";
        display: table;
        clear: both;
    }
    .mtitle4{
        font-size: 50px;
        text-align: center;
        color:#262626;
        line-height: 75px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 10px;
        margin:-25px 0 15px;
    }
    .mtri{
        width:100%;
        display: flex;
        justify-content: center;
        margin:2.5% auto;
    }
    .mtriangle{
        width:0;
        height:0px;
        border-top: 25px solid #262626;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
    .msubtitle{
        width:100%;
        height:60px;
        border-radius: 60px;
        background-image:linear-gradient(to right,#ffdddd,#ffe5dd) ;
        margin:25px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .msubtitle p{
        background-image:linear-gradient(to right,#f00001,#ff3000) ;
        -webkit-background-clip: text;
        color: transparent;
        font-size: 32px;
        font-weight: bold;
    }
    .mcont{
        width:100%;
    }
    .mcont-top{
        color:#262626;
        font-size: 28px;
        line-height: 45px;
        text-align: justify;
    }
    .mcont-bottom{
        width: 100%;
        height:300px;
        border-radius: 30px;
        overflow: hidden;
        margin-top:35px;
    }
    .mcont-bottom img{
        width: 100%; 
    }


    .mhexin{
        width:92%;
        margin:0 auto;
        margin-bottom:30px;
    }
    .mhexin::after{
        content: "";
        display: table;
        clear: both;
    }
    .mhecont-bottom{
        width: 100%;
        background: url("./picphone/part7-pic.png") no-repeat center center;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        margin-top:25px;
    }
    .mhecont-bottom::after
    {
        content:"";
        display:block;
        padding:31%;
    }
    .mhecont1{
        width:17%;
        border-radius: 50%;
        margin-top:2%;
        margin-left: 5.5%;
        background: url("./picphone/part7-pic-1.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:left;
    }
    .mhecont1::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont2{
        width:17%;
        border-radius: 50%;
        margin-top:2%;
        margin-right: 5.5%;
        background: url("./picphone/part7-pic-2.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:right;
    }
    .mhecont2::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont3{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-left: 0%;
        background: url("./picphone/part7-pic-3.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        clear: both;
        float:left;
    }
    .mhecont3::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont4{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-right: 0%;
        background: url("./picphone/part7-pic-4.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:right;
    }
    .mhecont4::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont5{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-left: 5.5%;
        background: url("./picphone/part7-pic-5.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        clear:both;
        float:left;
    }
    .mhecont5::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont6{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-right: 5.5%;
        background: url("./picphone/part7-pic-6.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:right;
    }
    .mhecont7::after
    {
        content:"";
        display:block;
        padding:50%;
    }

    .mjiaoxue{
        width:92%;
        margin:0 auto;
    }
    .mjiaoxue h1{
        font-size: 30px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ff3f3f,#ff0101);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .mjiaoxue p{
        color:#262626;
        font-size: 28px;
        line-height: 45px;
        text-align: justify;
    }

    .maizhixi{
        width:92%;
        margin:0 auto;
    }
    .maizhixi h1{
        font-size: 30px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ff6d2f,#ff2d01);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .maizhixi p{
        color:#262626;
        font-size: 28px;
        line-height: 45px;
        text-align: justify;
    }

    .mpingban{
        width:92%;
        margin:0 auto;
        margin-bottom:50px;
    }
    .mpingban h1{
        font-size: 30px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ffac36,#ff6501);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .mpingban p{
        color:#262626;
        font-size: 28px;
        line-height: 45px;
        text-align: justify;
    }


    .mjishu{
        width:92%;
        margin:0 auto;
        margin-bottom:30px;
    }
    .mjishu::after{
        content: "";
        display: table;
        clear: both;
    }
    .mcont-mid-1{
        background: url("./picphone/part8-pic-1.jpg" ) no-repeat center center;
    }
    .mcont-mid-2{
        margin-left:3%;
        background: url("./picphone/part8-pic-2.jpg" ) no-repeat center center;
    }
    .mcont-mid-3{
        margin-top:20px;
        background: url("./picphone/part8-pic-3.jpg" ) no-repeat center center;
        
    }
    .mcont-mid-4{
        margin-left:3%;
        margin-top:20px;
        background: url("./picphone/part8-pic-4.jpg" ) no-repeat center center;
    }
    .mcont-mid{
        width:48.5%;
        border-radius: 30px;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float: left;
    }
    .mcont-mid::after
    {
        content:"";
        display:block;
        padding:40%;
    }
    .mcont-bottom-1{
        clear: both;
        width: 100%;
        overflow: hidden;
        margin-top:35px;
    }
    .mcont-bottom-1 p{
        margin-bottom: 0;
    }


    .mfooter{
        width:92%;
        height:20px;
        margin:0 auto;
        margin-bottom:220px;
    }
    .mfootinner{
        width:100%;
    }
    .mfootinner p{
        color:#262626;
        font-size: 18px;
        text-align: center;
    }


    .mnav{
        position: fixed;
        z-index: 1;
        height:150px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0 -3px 3px rgba(97, 97, 97,0.05);
        bottom: 0;
    }
    .mnav-inner{
        width:92%;
        margin:0 auto;
    }
    .mnavcont1{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont1-element{
        background: url("./picphone/icon1a.png") no-repeat center center;
        background-size:100%;
        width: 30%;
        height:50px;
        margin-left:35%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont1 p{
        color: #262626;
        font-size: 22px;
        text-align: center;
        margin-top:0px;
    }

    .mnavcont2{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont2-element{
        background: url("./picphone/icon2a.png") no-repeat center center;
        background-size:100%;
        width: 30%;
        height:50px;
        margin-left:35%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont2 p{
        color: #262626;
        font-size: 22px;
        text-align: center;
        margin-top:0px;
    }
    
    .mnavcont3{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont3-element{
        background: url("./picphone/icon3b.png") no-repeat center center;
        background-size:100%;
        width: 30%;
        height:50px;
        margin-left:35%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont3 p{
        color: #ff2c00;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin-top:0px;
    }

    .mnavcont4{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont4-element{
        background: url("./picphone/icon4a.png") no-repeat center center;
        background-size:100%;
        width: 30%;
        height:50px;
        margin-left:35%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont4 p{
        color: #262626;
        font-size: 22px;
        text-align: center;
        margin-top:0px;
    }

    .mnavcont5{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont5-element{
        background: url("./picphone/icon5a.png") no-repeat center center;
        background-size:100%;
        width: 30%;
        height:50px;
        margin-left:35%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont5 p{
        color: #262626;
        font-size: 22px;
        text-align: center;
        margin-top:0px;
    }

}



@media (max-width: 667px){
    .pc{
        display: none;
    }
    .mobile{
        margin:0 auto;
        width: 100%;
    }
    .mbanner{
        width: 100%;
        height:auto;
        overflow: hidden;
    }
    .mbanner img{
        width: 100%;
        height: auto;

    }

    .mbiaoti{
        width:95%;
        margin:0 auto;
    }
    .mtitle2{
        font-size: 33px;
        text-align: center;
        color:#ffe5df;
        margin-top:30px;
    }
    .mtitle1{
        font-size: 33px;
        text-align: center;
        font-weight: bolder;
        margin-top:-85px;
        margin-bottom: 75px;
    }
    .mtitle3{
        font-size: 25px;
        color:#ff3000;
        text-align: center;
        margin-top:-65px;
    }
    .msp1{
        text-align: center;
        color:#f00001;
    }
    .msp2{
        text-align: center;
        color:#ff3000;
    }


    .mouter{
        width:92%;
        margin:0 auto;
    }
    .mouter::after{
        content: "";
        display: table;
        clear: both;
    }
    .mtitle4{
        font-size: 27px;
        text-align: center;
        color:#262626;
        line-height: 40px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 6px;
        margin:-20px 0 12px;
    }
    .mtri{
        width:100%;
        display: flex;
        justify-content: center;
    }
    .mtriangle{
        width:0;
        height:0px;
        border-top: 13px solid #262626;
        border-left: 7px solid transparent;
        border-right: 7px solid transparent;
    }
    .msubtitle{
        width:100%;
        height:35px;
        border-radius: 60px;
        background-image:linear-gradient(to right,#ffdddd,#ffe5dd) ;
        margin:15px auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .msubtitle p{
        background-image:linear-gradient(to right,#f00001,#ff3000) ;
        -webkit-background-clip: text;
        color: transparent;
        font-size: 15px;
        font-weight: bold;
        margin:2px 0;
    }
    .mcont{
        width:100%;
    }
    .mcont-top{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
    }
    .mcont-bottom{
        width: 100%;
        height:150px;
        border-radius: 20px;
        overflow: hidden;
        margin-top:18px;
    }
    .mcont-bottom img{
        width: 100%; 
    }


    .mhexin{
        width:92%;
        margin:0 auto;
        margin-bottom:30px;
        margin-top:35px;
    }
    .mhexin::after{
        content: "";
        display: table;
        clear: both;
    }
    .mhecont-bottom{
        width: 100%;
        background: url("./picphone/part7-pic.png") no-repeat center center;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        margin-top:18px;
    }
    .mhecont-bottom::after
    {
        content:"";
        display:block;
        padding:31%;
    }
    .mhecont1{
        width:17%;
        border-radius: 50%;
        margin-top:2%;
        margin-left: 5.5%;
        background: url("./picphone/part7-pic-1.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:left;
    }
    .mhecont1::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont2{
        width:17%;
        border-radius: 50%;
        margin-top:2%;
        margin-right: 5.5%;
        background: url("./picphone/part7-pic-2.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:right;
    }
    .mhecont2::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont3{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-left: 0%;
        background: url("./picphone/part7-pic-3.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        clear: both;
        float:left;
    }
    .mhecont3::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont4{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-right: 0%;
        background: url("./picphone/part7-pic-4.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:right;
    }
    .mhecont4::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont5{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-left: 5.5%;
        background: url("./picphone/part7-pic-5.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        clear:both;
        float:left;
    }
    .mhecont5::after
    {
        content:"";
        display:block;
        padding:50%;
    }
    .mhecont6{
        width:17%;
        border-radius: 50%;
        margin-top:3%;
        margin-right: 5.5%;
        background: url("./picphone/part7-pic-6.jpg") no-repeat center center;;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float:right;
    }
    .mhecont7::after
    {
        content:"";
        display:block;
        padding:50%;
    }

    .mjiaoxue{
        width:92%;
        margin:0 auto;
    }
    .mjiaoxue h1{
        font-size: 15px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ff3f3f,#ff0101);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: -10px;
    }
    .mjiaoxue p{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify
    }

    .maizhixi{
        width:92%;
        margin:0 auto;
    }
    .maizhixi h1{
        font-size: 15px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ff6d2f,#ff2d01);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .maizhixi p{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
    }

    .mpingban{
        width:92%;
        margin:0 auto;
        margin-bottom:40px;
    }
    .mpingban h1{
        font-size: 15px;
        font-weight: bold;
        background: linear-gradient(to bottom,#ffac36,#ff6501);
        -webkit-background-clip: text;
        color: transparent;
        margin-top: 10px;
    }
    .mpingban p{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
    }


    .mjishu{
        width:92%;
        margin:0 auto;
        margin-bottom:20px;
    }
    .mjishu::after{
        content: "";
        display: table;
        clear: both;
    }
    .mcont-mid-1{
        background: url("./picphone/part8-pic-1.jpg" ) no-repeat center center;
    }
    .mcont-mid-2{
        margin-left:3%;
        background: url("./picphone/part8-pic-2.jpg" ) no-repeat center center;
    }
    .mcont-mid-3{
        margin-top:10px;
        background: url("./picphone/part8-pic-3.jpg" ) no-repeat center center;
        
    }
    .mcont-mid-4{
        margin-left:3%;
        margin-top:10px;
        background: url("./picphone/part8-pic-4.jpg" ) no-repeat center center;
    }
    .mcont-mid{
        width:48.5%;
        border-radius: 20px;
        background-size: 100% 100%;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        float: left;
    }
    .mcont-mid::after
    {
        content:"";
        display:block;
        padding:40%;
    }
    .mcont-bottom-1{
        clear: both;
        width: 100%;
        overflow: hidden;
        margin-top:35px;
    }
    .mcont-bottom-1 p{
        margin-bottom: 0;
    }


    .mfooter{
        width:92%;
        height:20px;
        margin:0 auto;
        margin-bottom:130px;
    }
    .mfootinner{
        width:100%;
    }
    .mfootinner p{
        color:#262626;
        font-size: 13px;
        text-align: center;
    }



    .mnav{
        position: fixed;
        z-index: 1;
        height:80px;
        width: 100%;
        background-color: rgba(255, 255, 255, 0.98);
        box-shadow: 0 -3px 3px rgba(97, 97, 97,0.05);
        bottom: 0;
    }
    .mnav-inner{
        width:92%;
        margin:0 auto;
    }
    .mnavcont1{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont1-element{
        background: url("./picphone/icon1a.png") no-repeat center center;
        background-size:100%;
        width: 40%;
        height:30px;
        margin-left:30%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont1 p{
        color: #262626;
        font-size: 12px;
        text-align: center;
        margin-top:0px;
    }

    .mnavcont2{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont2-element{
        background: url("./picphone/icon2a.png") no-repeat center center;
        background-size:100%;
        width: 40%;
        height:30px;
        margin-left:30%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont2 p{
        color: #262626;
        font-size: 12px;
        text-align: center;
        margin-top:0px;
    }
    
    .mnavcont3{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont3-element{
        background: url("./picphone/icon3b.png") no-repeat center center;
        background-size:100%;
        width: 40%;
        height:30px;
        margin-left:30%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont3 p{
        color: #ff2c00;
        font-size: 12px;
        text-align: center;
        font-weight: bold;
        margin-top:0px;
    }

    .mnavcont4{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont4-element{
        background: url("./picphone/icon4a.png") no-repeat center center;
        background-size:100%;
        width: 40%;
        height:30px;
        margin-left:30%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont4 p{
        color: #262626;
        font-size: 12px;
        text-align: center;
        margin-top:0px;
    }

    .mnavcont5{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont5-element{
        background: url("./picphone/icon5a.png") no-repeat center center;
        background-size:100%;
        width: 40%;
        height:30px;
        margin-left:30%;
        margin-top: 10px;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mnavcont5 p{
        color: #262626;
        font-size: 12px;
        text-align: center;
        margin-top:0px;
    }

}


img { 
    image-rendering: crisp-edges;
    image-rendering: pixelated; 
  }