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;
        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;
    }
    
    
    .contact-out{
        width:100%;
    }
    .outer{
        width:1200px;
        margin:0 auto;
        margin-top: 30px;
        height:640px;
    }
    .cont{
        margin-top:20px;
        width: 100%;
        height:280px;
        background-color:#ffeeea;
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
    .city{
        width:18%;
        height:70px;
        background-color:#ff3000;
        margin-left: 4%;
        display: flex;
        align-items: center;
        justify-content: center;
    }
    .city p{
        color: white;
        font-size: 28px;
        font-weight: bold;
        margin:0 0 ;
    }
    .phone{
        width:35%;
        margin-left:7%;
    }
    .phone p{
        color:#262626;
        font-size: 28px;
        margin:0 0 ;
    }
    .qrcode{
        margin-right: 4%;
        width:18%;
        height:216px;
    }
    .qrcode img{
        width: 100%;
        overflow: hidden;
    }
    
    
    .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:30px;
    }
    .mouter::after{
        content: "";
        display: table;
        clear: both;
    }
    .mcont{
        width: 100%;
        padding: 35px 0 45px;
        border-radius: 30px;
        background-color: #ffedea;
    }
    .mcont h1{
        font-size: 45px;
        text-align: center;
        color:#262626;
        margin:0;
    }
    .mtri{
        width:100%;
        display: flex;
        justify-content: center;
        margin:3.5% auto;
    }
    .mtriangle{
        width:0;
        height:0px;
        border-top: 25px solid #262626;
        border-left: 15px solid transparent;
        border-right: 15px solid transparent;
    }
    .mcont p{
        color:#262626;
        font-size: 36px;
        text-align: center;
        margin: 0 0 15px;
    }
    .mqrcode{
        width: 38%;
        margin-left:31%;
        margin-top:30px;
        border-radius: 30px;
        overflow: hidden;
    }
    .mqrcode img{
        width: 100%;
        object-fit: cover;
        border-radius: inherit;
    }
    .mcont1{
        margin-top:28px;
        margin-bottom: 10px;
    }


    .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/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/icon5b.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: #ff2c00;
        font-size: 22px;
        font-weight: bold;
        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;
        margin-top:-8px;
    }
    .mouter::after{
        content: "";
        display: table;
        clear: both;
    }
    .mcont{
        width: 100%;
        padding: 22px 0 28px;
        border-radius: 25px;
        background-color: #ffedea;
    }
    .mcont h1{
        font-size: 27px;
        text-align: center;
        color:#262626;
        margin:0;
    }
    .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;
    }
    .mcont p{
        color:#262626;
        font-size: 17px;
        text-align: center;
        margin: 0 0 6px;
    }
    .mqrcode{
        width: 38%;
        margin-left:31%;
        margin-top:18px;
        border-radius: 20px;
        overflow: hidden;
    }
    .mqrcode img{
        width: 100%;
        object-fit: cover;
        border-radius: inherit;
    }
    .mcont1{
        margin-top:15px;
    }


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

}




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