
@media screen and (min-width:993px){
    #banner4 {
        background-size: cover;
        background-image: url(/public/home/xin/images/lyBanner.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 360px;
        position: relative;
}
        #banner4 span {
            width: 100%;
            height: 72%;
            background-color: #2a3039;
            opacity: 0.251;
            position: absolute;
            top: 100px;
            left: 0;
            pointer-events:none;

        }

        #banner4.js {
            height: 66%;
            position: relative;
        }

        #banner4 .js p {
            font-size: 50px;
            line-height: 50px;
            color: #ffffff;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            position: absolute;
            bottom: -90px;
            left: 0;
        }
    

   
    /* ==========================在线留言=========================== */
    #zaixian .liuyan {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
}
        #zaixian .liuyan p:nth-child(1) {
            width: 100%;
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0.102;
            font-size: 30px;
            letter-spacing: 2px;
            line-height: 60px;
            text-transform: uppercase;
            color: #333333;
            font-weight: 700;
            font-family: "Source Han Sans SC";
        }

        #zaixian .liuyan p:nth-child(2) {
            font-size: 30px;
            line-height: 60px;
            color: #000000;
            font-weight: 500;
            font-family: "Source Han Sans SC";
        }
    

    #zaixian form div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
        #zaixian form div p {
            width: 350px;
            height: 30px;
            margin-bottom: 30px;
}
            #zaixian form div p span {
                font-size: 15px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #333333;
                font-weight: 400;
                font-family: "Source Han Sans SC";
                vertical-align: top;
            }

            #zaixian form div p textarea {
                width: 300px;
                height: 30px;
                resize: none;
                font-size: 12px;
                letter-spacing: 0px;
                line-height: 30px;
                text-transform: uppercase;
                color: #cccccc;
                font-weight: 400;
                font-family: "Source Han Sans SC";
                text-indent: 1rem;
                border: 0;
                border: 1px solid #ccc;
            }
        
    

    #zaixian form .p {
        display: flex;
        justify-content: space-between;
        margin-top: 50px;
}
        #zaixian form .p span {
            font-size: 15px;
            letter-spacing: 0px;
            line-height: 30px;
            color: #333333;
            font-weight: 400;
            font-family: "Source Han Sans SC";
        }

       #zaixian form .p textarea {
            resize: none;
            height: 200px;
            width: 95%;
            font-size: 12px;
            letter-spacing: 0px;
            line-height: 30px;
            text-transform: uppercase;
            color: #cccccc;
            font-weight: 400;
            font-family: "Source Han Sans SC";
            text-indent: 1rem;
            text-align: left;
            vertical-align: top;
            border: 0;
            border: 1px solid #ccc;
        }
    
    
    #zaixian form input{
        float: right;
        width: 100px;
        height: 30px;
        margin-top: 10px;
    }
}















@media screen and (min-width:751px) and (max-width: 992px) {
    .w {
        width: 95%;
    }

    #banner4 {
        background-size: 100% 100%;
        background-image: url(/public/home/xin/images/lyBanner.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 360px;
        position: relative;
}
        #banner4 span {
            width: 100%;
            height: 100%;
            background-color: #2a3039;
            opacity: 0.251;
            position: absolute;
            top: 0;
            left: 0;
        }

        #banner4 .js {
            height: 66%;
            position: relative;
            pointer-events: none;
        }

       #banner4 .js p {
            font-size: 50px;
            line-height: 50px;
            color: #ffffff;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            position: absolute;
            bottom: -90px;
            left: 0;
        }
    

    /* ==========================在线留言=========================== */
    #zaixian .liuyan {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
}
       #zaixian .liuyan p:nth-child(1) {
            width: 100%;
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0.102;
            font-size: 30px;
            letter-spacing: 2px;
            line-height: 60px;
            text-transform: uppercase;
            color: #333333;
            font-weight: 700;
            font-family: "Source Han Sans SC";
        }

        #zaixian .liuyan p:nth-child(2) {
            font-size: 30px;
            line-height: 60px;
            color: #000000;
            font-weight: 500;
            font-family: "Source Han Sans SC";
        }
    

    #zaixian form div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
         #zaixian form div p {
            width: 350px;
            height: 30px;
            margin-bottom: 30px;
}
            #zaixian form div p span {
                font-size: 15px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #333333;
                font-weight: 400;
                font-family: "Source Han Sans SC";
                vertical-align: top;
            }

            #zaixian form div p textarea {
                width: 300px;
                height: 30px;
                resize: none;
                font-size: 12px;
                letter-spacing: 0px;
                line-height: 30px;
                text-transform: uppercase;
                color: #cccccc;
                font-weight: 400;
                font-family: "Source Han Sans SC";
                text-indent: 1rem;
                border: 0;
                border: 1px solid #ccc;
            }

    #zaixian form .p {
        margin-top: 30px;
}
        #zaixian form .p span {
            font-size: 15px;
            letter-spacing: 0px;
            line-height: 30px;
            color: #333333;
            font-weight: 400;
            font-family: "Source Han Sans SC";
        }

        #zaixian form .p textarea {
            resize: none;
            height: 200px;
            width: 93%;
            font-size: 12px;
            letter-spacing: 0px;
            line-height: 30px;
            text-transform: uppercase;
            color: #cccccc;
            font-weight: 400;
            font-family: "Source Han Sans SC";
            text-indent: 1rem;
            text-align: left;
            vertical-align: top;
            border: 0;
            border: 1px solid #ccc;
        }
    
    
     #zaixian form input{
        float: right;
        width: 100px;
        height: 30px;
        margin-top: 10px;
    }

   
}

















@media screen and (max-width:750px) {
    .w {
        width: 95%;
    }

    #banner4{
        background-size: 100% 100%;
        background-image: url(/public/home/xin/images/lyBanner.png);
        background-repeat: no-repeat;
        background-position: center;
        height: 300px;
        position: relative;
}
        #banner4 span {
            width: 100%;
            height: 100%;
            background-color: #2a3039;
            opacity: 0.251;
            position: absolute;
            top: 0;
            left: 0;
        }

        #banner4 .js {
            height: 60%;
            position: relative;
            pointer-events: none;
        }

        #banner4 .js p {
            font-size: 30px;
            line-height: 50px;
            color: #ffffff;
            font-weight: 500;
            font-family: "Source Han Sans SC";
            position: absolute;
            bottom: -90px;
            left: 0;
        }
    

   
    /* ==========================在线留言=========================== */
    #zaixian .liuyan {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
}
        #zaixian .liuyan p:nth-child(1) {
            width: 100%;
            position: absolute;
            top: -12px;
            left: 50%;
            transform: translateX(-50%);
            opacity: 0.102;
            font-size: 30px;
            letter-spacing: 2px;
            line-height: 60px;
            text-transform: uppercase;
            color: #333333;
            font-weight: 700;
            font-family: "Source Han Sans SC";
        }

        #zaixian .liuyan p:nth-child(2) {
            font-size: 30px;
            line-height: 60px;
            color: #000000;
            font-weight: 500;
            font-family: "Source Han Sans SC";
        }
    

    #zaixian form div {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}
        #zaixian form div p {
            margin-bottom: 20px;
            width: 350px;
            height: 30px;
}
            #zaixian form div p span {
                font-size: 15px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #333333;
                font-weight: 400;
                font-family: "Source Han Sans SC";
                vertical-align: top;
            }

            #zaixian form div p textarea {
                width: 300px;
                height: 30px;
                resize: none;
                font-size: 12px;
                letter-spacing: 0px;
                line-height: 30px;
                text-transform: uppercase;
                color: #cccccc;
                font-weight: 400;
                font-family: "Source Han Sans SC";
                text-indent: 1rem;
                border: 0;
                border: 1px solid #ccc;
            }
        
    

    #zaixian form .p {
        margin-top: 30px;
}
        #zaixian form .p span {
            font-size: 15px;
            letter-spacing: 0px;
            line-height: 30px;
            color: #333333;
            font-weight: 400;
            font-family: "Source Han Sans SC";
        }

        #zaixian form .p textarea {
            resize: none;
            height: 200px;
            width: 87%;
            font-size: 12px;
            letter-spacing: 0px;
            line-height: 30px;
            text-transform: uppercase;
            color: #cccccc;
            font-weight: 400;
            font-family: "Source Han Sans SC";
            text-indent: 1rem;
            text-align: left;
            vertical-align: top;
            border: 0;
            border: 1px solid #ccc;
        }
    

     #zaixian form input{
        float: right;
        width: 100px;
        height: 30px;
        margin-top: 10px;
    }
   
}