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;
        font-weight: bolder;
        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:580px;
    }
    .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:40px;
    }

    .zixishi{
        margin-right:2%;
        width:32%;
        float: left;
    }
    .zipic{
        height:270px;
        overflow: hidden;
    }
    .zipic img{
        width: 100%;
        height:auto;
        transition: transform 0.3s ease;
    }
    .zipic:hover img{
        transform: scale(1.2);
    }

    .zitext{
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
        height:110px;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jiance{
        margin-right:2%;
        width:32%;
        float: left;
    }
    .jianpic{
        height:270px;
        overflow: hidden;
    }
    .jianpic img{
        width: 100%;
        height:auto;
        transition: transform 0.3s ease;
    }
    .jianpic:hover img{
        transform: scale(1.2);
    }

    .jiantext{
        background-image:linear-gradient(to bottom,#ff6d2f,#ff2d01) ;
        height:110px;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xuexiji{
        width:32%;
        float: left;
    }
    .xuepic{
        height:270px;
        overflow: hidden;
    }
    .xuepic img{
        width: 100%;
        height:auto;
        transition: transform 0.3s ease;
    }
    .xuepic:hover img{
        transform: scale(1.2);
    }
    .xuetext{
        background-image:linear-gradient(to bottom,#ffac36,#ff6501) ;
        height:110px;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .ziouter{
        margin-top:60px;
        width:100%;
        height:825px;
        background-color: #ffe5df;
    }
    .ziout{
        width:1200px;
        margin:0 auto;
        padding:60px 0;
    }
    .zititle{
        height:90px;
        width: 32%;
        margin: 0 auto;
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .ziout h1{
        font-size: 65px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ff3f3f,#ff0101);
        -webkit-background-clip: text;
        color: transparent;
    }
    .ziout p{
        margin-top: -20px;
        font-size: 25px;
        line-height: 40px;
        color: #535353;
        text-align: center;
    }
    .zicont{
        margin-top:40px;
    }
    .zicont-left{
        width:49.9%;
        height:350px;
        border-right: 1px solid #262626;
        float: left;
        text-align: center;
    }
    .zicont-right{
        width:49.9%;
        height:350px;
        text-align: center;
        float: left;
    }
    .zicont img{
        width:40%;
        transition: transform 0.3s ease;
    }
    .zicont-left:hover img{
        transform: scale(1.2);
    }
    .zicont-right:hover img{
        transform: scale(1.2);
    }
    .zicont p{
        margin-top:10px;
        font-size: 25px;
        letter-spacing: 2px;
        line-height: 40px;
        color: #262626;
    }


    .jiaoouter{
        height:800px;
    }
    .jiaoout{
        width:1200px;
        margin:0 auto;
        padding:60px 0;
    }
    .jiaotitle{
        height:90px;
        width: 32%;
        margin: 0 auto;
        background-image:linear-gradient(to bottom,#ff6d2f,#ff2d01) ;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jiaoout h1{
        font-size: 65px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ff6d2f,#ff2d01);
        -webkit-background-clip: text;
        color: transparent;
    }
    .jiaocont{
        margin-top: -25px;
    }
    .jiaocont-left{
        width:62%;
        float:left;
    }
    .jiaocont-left p{
        font-size: 25px;
        color:#262626;
        line-height: 43px;
        text-align: justify;
    }
    .jiaocont-right{
        width:35%;
        height:410px;
        margin-left: 3%;
        margin-top:32px;
        float:left;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .jiaocont-right img{
        width:100%;
        display: flex;
        align-items: center;
        justify-content: center;
    }


    .xueouter{
        background-color: #fff7f0;
        width:100%;
        height:860px;
    }
    .xueout{
        width:1200px;
        margin:0 auto;
        padding:60px 0;
    }
    .xuetitle{
        height:90px;
        width: 32%;
        margin: 0 auto;
        background-image:linear-gradient(to bottom,#ffac36,#ff6501) ;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .xueout h1{
        font-size: 65px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ffac36,#ff6501);
        -webkit-background-clip: text;
        color: transparent;
    }
    .xuecont-left{
        width: 40%;
        float:left;
    }
    .xuecont-left-inner{
        font-size: 40px;
        color:#262626;
        border-radius: 20px;
        height:130px;
        display: flex;
        align-items: center;
        padding:3% 5%;
    }
    .xuecont-left-inner img{
        height:130px;
        width: auto;
        float:left;
    }
    .xuecont-left-inner p{
        
        margin-left: 30px;
    }
    .xuecont-left-inner:hover{
        background-color: #fee8d3;
        color:#fe891c;
        font-weight: bold;
    }
    .xuecont-right{
        width: 57%;
        float:left;
        padding-left:3%;
    }
    .xuecont-right img{
        width:100%;
    }


    .wudaliyou{
        width:1200px;
        margin:60px auto 0;
        height:890px;
    }
    .wucont{
        background: url("./pic/part5-background-image.png") no-repeat center center;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        width: 100%;
        height: 700px;
        background-size: cover;
        position: relative;
        margin-top: 60px;
    }
    .wucont1{
        width:28%;
        height:336px;
        border-radius: 50%;
        background-color: #ffeaea;
        float: left;
    }
    .wucont1 h1{
        padding-top: 55px;
        color:#ff0505;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont1 p{
        color:#262626;
        font-size: 25px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont2{
        width:28%;
        height:336px;
        border-radius: 50%;
        background-color: #ffeeea;
        margin-left: 8%;
        float: left;
    }
    .wucont2 h1{
        padding-top: 55px;
        color:#ff2d01;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont2 p{
        color:#262626;
        font-size: 25px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont3{
        width:28%;
        height:336px;
        border-radius: 50%;
        background-color: #fff2e7;
        margin-left: 8%;
        float: left;
    }
    .wucont3 h1{
        padding-top: 55px;
        color:#fe6501;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont3 p{
        color:#262626;
        font-size: 25px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont4{
        width:28%;
        height:336px;
        border-radius: 50%;
        background-color: #ffeaea;
        margin-left: 18%;
        margin-top:20px;
        float: left;
    }
    .wucont4 h1{
        padding-top: 65px;
        color:#ff0505;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont4 p{
        color:#262626;
        font-size: 25px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont5{
        width:28%;
        height:336px;
        border-radius: 50%;
        background-color: #ffeeea;
        margin-left: 8%;
        margin-top:20px;
        float: left;
    }
    .wucont5 h1{
        padding-top: 65px;
        color:#ff2d01;
        font-size: 35px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont5 p{
        color:#262626;
        font-size: 25px;
        line-height: 40px;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .wucont1:hover {
        
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
    }
    .wucont1:hover h1{
        color:white;
    }
    .wucont1:hover p{
        color:white;
    }
    .wucont2:hover {
        background-image:linear-gradient(to bottom,#ff6d2f,#ff2d01) ;
    }
    .wucont2:hover h1{
        color:white;
    }
    .wucont2:hover p{
        color:white;
    }
    .wucont3:hover {
        background-image:linear-gradient(to bottom,#ffac36,#ff6501) ;
    }
    .wucont3:hover h1{
        color:white;
    }
    .wucont3:hover p{
        color:white;
    }
    .wucont4:hover {
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
    }
    .wucont4:hover h1{
        color:white;
    }
    .wucont4:hover p{
        color:white;
    }
    .wucont5:hover {
        background-image:linear-gradient(to bottom,#ff6d2f,#ff2d01) ;
    }
    .wucont5:hover h1{
        color:white;
    }
    .wucont5:hover p{
        color:white;
    }


    .jiangxin{
        width:1200px;
        margin:0 auto ;
        height:1000px;
    }
    .jiangcont{
        background: url("./pic/part6-pic.png") no-repeat center center;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
        position: relative;
        background-size: cover;
        height:730px;
        margin-top:30px;
    }


    .wangpai{
        width:1200px;
        margin:0 auto ;
        height:760px;
    }
    .wangcont{
        margin-top: 70px;
        height:600px;
    }
    .wangcont1{
        width:32%;
        height:250px;
        border-radius: 40px;
        background-image:linear-gradient(to right,#fedada,#ffe9e9) ;
        float: left;
    }
    .wangcont1 h1{
        padding:2% 9% 6%;
        color:#ff0505;
        font-size: 35px;
    }
    .wangcont1 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 25px;
        line-height: 40px;
    }
    .wangcont1 img{
        float:right;
        width:30%;
        padding:2% 6%;
        margin-top: -210px;
        transition: transform 0.3s ease;
    }
    .wangcont1:hover img{
        transform: scale(1.2);
    }
    .wangcont2{
        width:32%;
        height:250px;
        border-radius: 40px;
        background-image:linear-gradient(to right,#ffd2c8,#ffe9e4) ;
        margin-left: 2%;
        float: left;
    }
    .wangcont2 h1{
        padding:2% 9% 6%;
        color:#ff2d01;
        font-size: 35px;
    }
    .wangcont2 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 25px;
        line-height: 40px;
    }
    .wangcont2 img{
        float:right;
        width:30%;
        padding:2% 6%;
        margin-top: -210px;
        transition: transform 0.3s ease;
    }
    .wangcont2:hover img{
        transform: scale(1.2);
    }
    .wangcont3{
        width:32%;
        height:250px;
        border-radius: 40px;
        background-image:linear-gradient(to right,#ffe8d4,#fff1e6) ;
        margin-left: 2%;
        float: left;
    }
    .wangcont3 h1{
        padding:2% 9% 6%;
        color:#fe6501;
        font-size: 35px;
    }
    .wangcont3 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 25px;
        line-height: 40px;
    }
    .wangcont3 img{
        float:right;
        width:30%;
        padding:2% 6%;
        margin-top: -210px;
        transition: transform 0.3s ease;
    }
    .wangcont3:hover img{
        transform: scale(1.2);
    }
    .wangcont4{
        margin-top: 25px;
        width:32%;
        height:250px;
        border-radius: 40px;
        background-image:linear-gradient(to right,#fedada,#ffe9e9) ;
        float: left;
    }
    .wangcont4 h1{
        padding:2% 9% 6%;
        color:#ff0505;
        font-size: 35px;
    }
    .wangcont4 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 25px;
        line-height: 40px;
    }
    .wangcont4 img{
        float:right;
        width:30%;
        padding:2% 6%;
        margin-top: -210px;
        transition: transform 0.3s ease;
    }
    .wangcont4:hover img{
        transform: scale(1.2);
    }
    .wangcont5{
        margin-top: 25px;
        width:32%;
        height:250px;
        border-radius: 40px;
        background-image:linear-gradient(to right,#ffd2c8,#ffe9e4) ;
        margin-left: 2%;
        float: left;
    }
    .wangcont5 h1{
        padding:2% 9% 6%;
        color:#ff2d01;
        font-size: 35px;
    }
    .wangcont5 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 25px;
        line-height: 40px;
    }
    .wangcont5 img{
        float:right;
        width:30%;
        padding:2% 6%;
        margin-top: -210px;
        transition: transform 0.3s ease;
    }
    .wangcont5:hover img{
        transform: scale(1.2);
    }
    .wangcont6{
        margin-top: 25px;
        width:32%;
        height:250px;
        border-radius: 40px;
        background-image:linear-gradient(to right,#ffe8d4,#fff1e6) ;
        margin-left: 2%;
        float: left;
    }
    .wangcont6 h1{
        padding:2% 9% 6%;
        color:#fe6501;
        font-size: 35px;
    }
    .wangcont6 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 25px;
        line-height: 40px;
    }
    .wangcont6 img{
        float:right;
        width:30%;
        padding:2% 6%;
        margin-top: -210px;
        transition: transform 0.3s ease;
    }
    .wangcont6: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;
    }
    .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;
    }
    .mtitle5{
        text-align: center;
        font-size: 29px;
        line-height: 40px;
        color:#535353;
        letter-spacing: 2px;
        margin:16px 0;
    }

    .mcont1{
        width: 100%;
        height: auto;
        margin-top:35px;
    }
    .mcont1 a{
        text-decoration: none;
    }
    .mcont1 p{
        font-size: 32px;
        color:white;
        font-weight:bold;
        text-align: center;
    }
    .mzixishi{
        height:170px;
        width:32%;
        border-radius: 30px;
        background: url("./picphone/frame1.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mjiance{
        height:170px;
        width:32%;
        border-radius: 30px;
        background: url("./picphone/frame2.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2%;
        float: left;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }  
    .mxuexiji{
        height:170px;
        width:32%;
        border-radius: 30px;
        background: url("./picphone/frame3.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2%;
        float: left;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }

    
    .mziouter{
        width: 100%;
        margin-top:50px;
        background-color: #fff0f0;
    }
    .mziout{
        width:92%;
        margin:0 auto;
        padding:50px 0;
    }
    .mzititle{
        height:60px;
        width: 230px;
        margin: 0 auto;
        border-radius: 30px;
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mziout h1{
        font-size: 45px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ff3f3f,#ff0101);
        -webkit-background-clip: text;
        color: transparent;
    }
    .mziout p{
        width:80%;
        margin:0 auto;
        margin-top: -10px;
        font-size: 28px;
        line-height: 43px;
        color: #535353;
        text-align: center;
    }
    
    .mzicont{
        width:100%;
        height:auto;
    }
    .mzicont1{
        width: 100%;
        height:160px;
        margin-top:35px;
    }
    .mzicont1-left{
        width:25%;
        height:160px;
        float:left;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .mzicont1-left img{
        width:100%;
        height:auto;
    }
    .mzicont1-right{
        border-radius: 30px;
        background-color: #ffd2d2;
        width:72%;
        height:160px;
        float: left;
        margin-left: 3%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mzicont1-right p{
        width: 90%;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
        text-align: justify;
    }

    .mzicont2{
        width: 100%;
        height:160px;
        margin-top:20px;
    }
    .mzicont2-left{
        width:25%;
        height:160px;
        float:left;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .mzicont2-left img{
        width:100%;
        height:auto;
    }
    .mzicont2-right{
        border-radius: 30px;
        background-color: #ffd2d2;
        width:72%;
        height:160px;
        float: left;
        margin-left: 3%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mzicont2-right p{
        width: 90%;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
        text-align: justify;
    }


    .mjiaoouter{
        width: 100%;
        margin-top:20px;
        background-color: #fff3f0;
    }
    .mjiaoout{
        width:92%;
        margin:0 auto;
        padding:50px 0;
    }
    .mjiaotitle{
        height:60px;
        width: 330px;
        margin: 0 auto;
        border-radius: 30px;
        background-image:linear-gradient(to bottom,#ff6e2f,#ff2c00) ;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mjiaoout h1{
        font-size: 45px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ff6e2f,#ff2c00);
        -webkit-background-clip: text;
        color: transparent;
    }
    .mjiaocont1{
        width:100%;
        height:auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mjiaocont1-left{
        width: 30%;
        float:left;
    }
    .mjiaocont1-left img{
        width:100%;
    }
    .mjiaocont1-right{
        width:67%;
        margin-left:3%;
        float:left;
    }
    .mjiaocont1-right p{
        color:#262626;
        font-size: 28px;
        line-height: 43px;
        text-align: justify;
        margin-top:0;
    }
    .mjiaocont1::after{
        content: "";
        display: table;
        clear: both;
    }
    .mjiaocont2{
        width:100%;
        height:auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mjiaocont2-left{
        width:67%;
        float:left;
    }
    .mjiaocont2-left p{
        color:#262626;
        font-size: 28px;
        line-height: 43px;
        text-align: justify;
        margin-top:0;
        margin-bottom: 0;
    }
    .mjiaocont2-right{
        width: 30%;
        float:left;
        margin-left:3%;
    }
    .mjiaocont2-right img{
        width:100%;
    }
    .mjiaocont2::after{
        content: "";
        display: table;
        clear: both;
    }


    .mxueouter{
        width: 100%;
        margin-top:20px;
        background-color: #fff7f0;
    }
    .mxueout{
        width:92%;
        margin:0 auto;
        padding:50px 0;
    }
    .mxuetitle{
        height:60px;
        width: 230px;
        margin: 0 auto;
        border-radius: 30px;
        background-image:linear-gradient(to bottom,#ffac37,#fe6400) ;
        font-size: 30px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mxueout h1{
        font-size: 45px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ffac37,#fe6400);
        -webkit-background-clip: text;
        color: transparent;
    }
    .mxuecont{
        width:100%;
        height:auto;
    }
    .xuecont-left{
        width:43%;
        height:auto;
        float: left;
    }
    .mxuecont-left-inner{
        height:90px;
        display: flex;
        align-items: center;
    }
    .mxuecont-left-inner img{
        width: 28%;
        float: left;
    }
    .mxuecont-left-inner p{
        width: 67%;
        margin-left: 5%;
        float: left;
        color:#262626;
        font-size: 28px;
    }
    .mxuecont-right{
        width: 57%;
        float: right;
    }
    .mxuecont-right img{
        width: 100%;
    }
    .mxuecont::after{
        content: "";
        display: table;
        clear: both;
    }


    .mwudaliyou{
        width:92%;
        margin:0 auto;
    }
    .mwutitle{
        font-size: 50px;
        text-align: center;
        color:#262626;
        line-height: 75px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 10px;
        margin:35px 0 45px;
    }
    .mwucont{
        width: 100%;
        margin-top: 20px;
    }
    .mwucont::after{
        content: "";
        display: table;
        clear: both;
    }
 
    .mwucont-left{
        height:80px;
        width:33%;
        border-radius: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; 
        z-index: 1;
        margin-top:25px;
        margin-right:-10%;
        float: left;
    }
    .mwucont-left h1{
        font-size: 28px;
        color:white;
    }
    .mwucont-right{
        height:130px;
        width:77%;
        border-radius: 30px;
        display: flex;
        align-items: center;
        float: left;
    }
    .mwucont-right p{
        color:#262626;
        font-size: 28px;
        line-height: 43px;
        text-align: justify;
        margin-left:16%;
        margin-right:3%;
    }
    .mwucont1-left{
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
    }
    .mwucont1-right{
        background-color:#ffeaea;
    }
    .mwucont2-left{
        background-image:linear-gradient(to bottom,#ff6e2f,#ff2c00) ;
    }
    .mwucont2-right{
        background-color:#ffeeea;
    }
    .mwucont3-left{
        background-image:linear-gradient(to bottom,#ffac36,#fe6601) ;
    }
    .mwucont3-right{
        background-color:#fff2e7;
    }
    .mwucont4-left{
        background-image:linear-gradient(to bottom,#ff6e2f,#ff2c00) ;
    }
    .mwucont4-right{
        background-color:#ffeeea;
    }
    .mwucont5-left{
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
    }
    .mwucont5-right{
        background-color:#ffeaea;
    }


    .mjiangxin{
        width:92%;
        margin:0 auto;
    }
    .mjiangxin  h1{
        font-size: 50px;
        text-align: center;
        color:#262626;
        line-height: 75px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 10px;
        margin:35px 0 20px;
    }
    .mjiangxin p{
        text-align: center;
        font-size: 29px;
        line-height: 43px;
        color:#535353;
        letter-spacing: 2px;
        margin:16px 0;
    }
    .mjiangcont{
        width:100%;
    }
    .mjiangcont img{
        width: 100%;;
    }


    .mwangpai{
        width:92%;
        margin:0 auto;
    }
    .mwangtitle{
        font-size: 50px;
        text-align: center;
        color:#262626;
        line-height: 75px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 10px;
        margin:35px 0 35px;
    }
    .mwangcont{
        width: 100%;
        margin-top: 20px;
        margin-bottom:38px;
    }
    .mwangcont::after{
        content: "";
        display: table;
        clear: both;
    }

    .mwangcont1{
        width:49%;
        border-radius: 30px;
        margin-top:15px;
        background-image:linear-gradient(to right,#fedada,#ffe9e9) ;
        float: left;
    }
    .mwangcont1 h1{
        padding:0 9% 6%;
        color:#ff0505;
        font-size: 35px;
    }
    .mwangcont1 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
    }
    .mwangcont1 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -220px;
    }

    .mwangcont2{
        width:49%;
        border-radius: 30px;
        margin-top:15px;
        margin-left:2%;
        background-image:linear-gradient(to right,#fedada,#ffeaea) ;
        float: left;
    }
    .mwangcont2 h1{
        padding:0 9% 6%;
        color:#ff0505;
        font-size: 35px;
    }
    .mwangcont2 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
    }
    .mwangcont2 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -220px;
    }

    .mwangcont3{
        width:49%;
        border-radius: 30px;
        margin-top:15px;
        background-image:linear-gradient(to right,#ffcfc4,#ffedea) ;
        float: left;
    }
    .mwangcont3 h1{
        padding:0 9% 6%;
        color:#ff2d01;
        font-size: 35px;
    }
    .mwangcont3 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
    }
    .mwangcont3 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -220px;
    }

    .mwangcont4{
        width:49%;
        border-radius: 30px;
        margin-top:15px;
        margin-left:2%;
        background-image:linear-gradient(to right,#ffcfc4,#ffedea) ;
        float: left;
    }
    .mwangcont4 h1{
        padding:0 9% 6%;
        color:#ff2d01;
        font-size: 35px;
    }
    .mwangcont4 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
    }
    .mwangcont4 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -220px;
    }

    .mwangcont5{
        width:49%;
        border-radius: 30px;
        margin-top:15px;
        background-image:linear-gradient(to right,#ffe5cf,#fff2e7) ;
        float: left;
    }
    .mwangcont5 h1{
        padding:0 9% 6%;
        color:#fe6501;
        font-size: 35px;
    }
    .mwangcont5 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
    }
    .mwangcont5 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -220px;
    }

    .mwangcont6{
        width:49%;
        border-radius: 30px;
        margin-top:15px;
        margin-left:2%;
        background-image:linear-gradient(to right,#ffe5cf,#fff2e7) ;
        float: left;
    }
    .mwangcont6 h1{
        padding:0 9% 6%;
        color:#fe6501;
        font-size: 35px;
    }
    .mwangcont6 p{
        padding:0 9%;
        margin-top: -30px;
        color:#262626;
        font-size: 28px;
        line-height: 43px;
    }
    .mwangcont6 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -220px;
    }


    .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/icon2b.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: #ff2c00;
        font-size: 22px;
        font-weight: bold;
        text-align: center;
        margin-top:0px;
    }

    .mnavcont3{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont3-element{
        background: url("./picphone/icon3a.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: #262626;
        font-size: 22px;
        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;
    }
    .mtitle5{
        text-align: center;
        font-size: 16px;
        line-height: 15px;
        color:#535353;
        letter-spacing: 2px;
        margin:12px 0;
    }

    .mcont1{
        width: 100%;
        height: auto;
        margin-top:20px;
    }
    .mcont1 a{
        text-decoration: none;
    }
    .mcont1 p{
        font-size: 16px;
        color:white;
        font-weight:bold;
        text-align: center;
    }
    .mzixishi{
        height:85px;
        width:32%;
        border-radius: 15px;
        background: url("./picphone/frame1.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        float: left;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }
    .mjiance{
        height:85px;
        width:32%;
        border-radius: 15px;
        background: url("./picphone/frame2.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2%;
        float: left;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }  
    .mxuexiji{
        height:85px;
        width:32%;
        border-radius: 15px;
        background: url("./picphone/frame3.jpg") no-repeat center center;
        background-size: cover;
        display: flex;
        align-items: center;
        justify-content: center;
        margin-left: 2%;
        float: left;
        image-rendering: crisp-edges;
        image-rendering: pixelated; 
    }

    
    .mziouter{
        width: 100%;
        margin-top:25px;
        background-color: #fff0f0;
    }
    .mziout{
        width:92%;
        margin:0 auto;
        padding:25px 0;
    }
    .mzititle{
        height:35px;
        width: 140px;
        margin: 0 auto;
        border-radius: 30px;
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
        font-size: 16px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mziout h1{
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ff3f3f,#ff0101);
        -webkit-background-clip: text;
        color: transparent;
    }
    .mziout p{
        width:100%;
        margin:0 auto;
        font-size: 15px;
        line-height: 23px;
        color: #535353;
        text-align: center;
    }
    
    .mzicont{
        width:100%;
        height:auto;
    }
    .mzicont1{
        width: 100%;
        height:100px;
        margin-top:20px;
    }
    .mzicont1-left{
        width:25%;
        height:100px;
        float:left;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .mzicont1-left img{
        width:100%;
        height:auto;
    }
    .mzicont1-right{
        border-radius: 20px;
        background-color: #ffd2d2;
        width:72%;
        height:100px;
        float: left;
        margin-left: 3%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mzicont1-right p{
        width: 90%;
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
    }

    .mzicont2{
        width: 100%;
        height:100px;
        margin-top:10px;
    }
    .mzicont2-left{
        width:25%;
        height:100px;
        float:left;
        display: flex;
        align-items: center;
        justify-content: center;
        
    }
    .mzicont2-left img{
        width:100%;
        height:auto;
    }
    .mzicont2-right{
        border-radius: 20px;
        background-color: #ffd2d2;
        width:72%;
        height:100px;
        float: left;
        margin-left: 3%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mzicont2-right p{
        width: 90%;
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
    }


    .mjiaoouter{
        width: 100%;
        margin-top:10px;
        background-color: #fff3f0;
    }
    .mjiaoout{
        width:92%;
        margin:0 auto;
        padding:25px 0;
    }
    .mjiaotitle{
        height:35px;
        width: 200px;
        margin: 0 auto;
        border-radius: 30px;
        background-image:linear-gradient(to bottom,#ff6e2f,#ff2c00) ;
        font-size: 16px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mjiaoout h1{
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ff6e2f,#ff2c00);
        -webkit-background-clip: text;
        color: transparent;
    }
    .mjiaocont1{
        width:100%;
        height:auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mjiaocont1-left{
        width: 30%;
        float:left;
    }
    .mjiaocont1-left img{
        width:100%;
    }
    .mjiaocont1-right{
        width:67%;
        margin-left:3%;
        float:left;
    }
    .mjiaocont1-right p{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
        margin-top:0;
    }
    .mjiaocont1::after{
        content: "";
        display: table;
        clear: both;
    }
    .mjiaocont2{
        width:100%;
        height:auto;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mjiaocont2-left{
        width:67%;
        float:left;
    }
    .mjiaocont2-left p{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
        margin-top:0;
        margin-bottom: 0;
    }
    .mjiaocont2-right{
        width: 30%;
        float:left;
        margin-left:3%;
    }
    .mjiaocont2-right img{
        width:100%;
    }
    .mjiaocont2::after{
        content: "";
        display: table;
        clear: both;
    }


    .mxueouter{
        width: 100%;
        margin-top:10px;
        background-color: #fff7f0;
    }
    .mxueout{
        width:92%;
        margin:0 auto;
        padding:25px 0;
    }
    .mxuetitle{
        height:35px;
        width: 140px;
        margin: 0 auto;
        border-radius: 30px;
        background-image:linear-gradient(to bottom,#ffac37,#fe6400) ;
        font-size: 16px;
        color:white;
        font-weight: bold;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .mxueout h1{
        font-size: 21px;
        font-weight: bold;
        text-align: center;
        background: linear-gradient(to bottom,#ffac37,#fe6400);
        -webkit-background-clip: text;
        color: transparent;
    }
    .mxuecont{
        width:100%;
        height:auto;
    }
    .xuecont-left{
        width:43%;
        height:auto;
        float: left;
    }
    .mxuecont-left-inner{
        height:48px;
        display: flex;
        align-items: center;
    }
    .mxuecont-left-inner img{
        width: 28%;
        float: left;
    }
    .mxuecont-left-inner p{
        width: 67%;
        margin-left: 5%;
        float: left;
        color:#262626;
        font-size: 16px;
    }
    .mxuecont-right{
        width: 57%;
        float: right;
    }
    .mxuecont-right img{
        width: 100%;
    }
    .mxuecont::after{
        content: "";
        display: table;
        clear: both;
    }


    .mwudaliyou{
        width:92%;
        margin:0 auto;
    }
    .mwutitle{
        font-size: 27px;
        text-align: center;
        color:#262626;
        line-height: 45px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 6px;
        margin:13px 0 18px;
    }
    .mwucont{
        width: 100%;
        margin-top: 10px;
    }
    .mwucont::after{
        content: "";
        display: table;
        clear: both;
    }

    .mwucont-left{
        height:40px;
        width:33%;
        border-radius: 20px;
        display: flex;
        align-items: center;
        justify-content: center;
        position: relative; 
        z-index: 1;
        margin-top:20px;
        margin-right:-10%;
        float: left;
    }
    .mwucont-left h1{
        font-size: 15px;
        color:white;
    }
    .mwucont-right{
        height:72px;
        width:77%;
        border-radius: 20px;
        display: flex;
        align-items: center;
        float: left;
    }
    .mwucont-right p{
        color:#262626;
        font-size: 15px;
        line-height: 23px;
        text-align: justify;
        margin-left:16%;
        margin-right:3%;
    }
    .mwucont1-left{
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
    }
    .mwucont1-right{
        background-color:#ffeaea;
    }
    .mwucont2-left{
        background-image:linear-gradient(to bottom,#ff6e2f,#ff2c00) ;
    }
    .mwucont2-right{
        background-color:#ffeeea;
    }
    .mwucont3-left{
        background-image:linear-gradient(to bottom,#ffac36,#fe6601) ;
    }
    .mwucont3-right{
        background-color:#fff2e7;
    }
    .mwucont4-left{
        background-image:linear-gradient(to bottom,#ff6e2f,#ff2c00) ;
    }
    .mwucont4-right{
        background-color:#ffeeea;
    }
    .mwucont5-left{
        background-image:linear-gradient(to bottom,#ff3f3f,#ff0101) ;
    }
    .mwucont5-right{
        background-color:#ffeaea;
    }


    .mjiangxin{
        width:92%;
        margin:0 auto;
    }
    .mjiangxin  h1{
        font-size: 27px;
        text-align: center;
        color:#262626;
        line-height: 45px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 6px;
        margin:13px 0 10px;
    }
    .mjiangxin p{
        text-align: center;
        font-size: 15px;
        line-height: 23px;
        color:#535353;
        letter-spacing: 2px;
        margin:0;
    }
    .mjiangcont{
        margin-top:10px;
        width:100%;
    }
    .mjiangcont img{
        width: 100%;;
    }


    .mwangpai{
        width:92%;
        margin:0 auto;
    }
    .mwangtitle{
        font-size: 27px;
        text-align: center;
        color:#262626;
        line-height: 45px;
        text-decoration: underline;
        text-decoration-color: #ffe5df;
        text-decoration-thickness: 6px;
        margin:9px 0 10px;
    }
    .mwangcont{
        width: 100%;
        margin-top: -5px;
        margin-bottom:18px;
    }
    .mwangcont::after{
        content: "";
        display: table;
        clear: both;
    }

    .mwangcont1{
        width:49%;
        border-radius: 20px;
        margin-top:15px;
        background-image:linear-gradient(to right,#fedada,#ffe9e9) ;
        float: left;
    }
    .mwangcont1 h1{
        padding:2% 9% 4%;
        color:#ff0505;
        font-size: 17px;
    }
    .mwangcont1 p{
        padding:0 9%;
        margin-top: -10px;
        color:#262626;
        font-size: 14px;
        line-height:23px;
    }
    .mwangcont1 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -115px;
    }

    .mwangcont2{
        width:49%;
        border-radius: 20px;
        margin-top:15px;
        background-image:linear-gradient(to right,#fedada,#ffe9e9) ;
        float: left;
    }
    .mwangcont2 h1{
        padding:2% 9% 4%;
        color:#ff0505;
        font-size: 17px;
    }
    .mwangcont2 p{
        padding:0 9%;
        margin-top: -10px;
        color:#262626;
        font-size: 14px;
        line-height:23px;
    }
    .mwangcont2 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -115px;
    }

    .mwangcont3{
        width:49%;
        border-radius: 20px;
        margin-top:10px;
        background-image:linear-gradient(to right,#ffcfc4,#ffedea) ;
        float: left;
    }
    .mwangcont3 h1{
        padding:2% 9% 4%;
        color:#ff2d01;
        font-size: 17px;
    }
    .mwangcont3 p{
        padding:0 9%;
        margin-top: -10px;
        color:#262626;
        font-size: 14px;
        line-height:23px;
    }
    .mwangcont3 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -115px;
    }

    .mwangcont4{
        width:49%;
        border-radius: 20px;
        margin-top:10px;
        margin-left:2%;
        background-image:linear-gradient(to right,#ffcfc4,#ffedea) ;
        float: left;
    }
    .mwangcont4 h1{
        padding:2% 9% 4%;
        color:#ff2d01;
        font-size: 17px;
    }
    .mwangcont4 p{
        padding:0 9%;
        margin-top: -10px;
        color:#262626;
        font-size: 14px;
        line-height:23px;
    }
    .mwangcont4 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -115px;
    }

    .mwangcont5{
        width:49%;
        border-radius: 20px;
        margin-top:10px;
        background-image:linear-gradient(to right,#ffe5cf,#fff2e7) ;
        float: left;
    }
    .mwangcont5 h1{
        padding:2% 9% 4%;
        color:#fe6501;
        font-size: 17px;
    }
    .mwangcont5 p{
        padding:0 9%;
        margin-top: -10px;
        color:#262626;
        font-size: 14px;
        line-height:23px;
    }
    .mwangcont5 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -115px;
    }

    .mwangcont6{
        width:49%;
        border-radius: 20px;
        margin-top:10px;
        margin-left:2%;
        background-image:linear-gradient(to right,#ffe5cf,#fff2e7) ;
        float: left;
    }
    .mwangcont6 h1{
        padding:2% 9% 4%;
        color:#fe6501;
        font-size: 17px;
    }
    .mwangcont6 p{
        padding:0 9%;
        margin-top: -10px;
        color:#262626;
        font-size: 14px;
        line-height:23px;
    }
    .mwangcont6 img{
        float:right;
        width:27%;
        padding:2% 5%;
        margin-top: -115px;
    }

    .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/icon2b.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: #ff2c00;
        font-size: 12px;
        font-weight: bold;
        text-align: center;
        margin-top:0px;
    }
    
    .mnavcont3{
        width:20%;
        text-decoration: none;
        float: left;
    }
    .mnavcont3-element{
        background: url("./picphone/icon3a.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: #262626;
        font-size: 12px;
        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: 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; 
}