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

        }

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

        #banner3 .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;
        }

   
    /* ==========================产品展示=========================== */
    #chanpin .first {
        height: 85px;
}
        #chanpin .first span {
            line-height: 85px;
            font-size: 13px;
            letter-spacing: 0px;
            color: #999999;
            font-weight: 400;
            font-family: "Source Han Sans SC";
}
            #chanpin .first span #last {
                color: #178eec;
            }
        
    

    #chanpin .nr .cpzx2 {
        display: flex;
        justify-content: flex-start;

        /* flex-wrap: wrap; */
}
        #chanpin .nr .cpzx2 div:nth-child(1) div {
            width: 250px;
            height: 60px;
            background-color: #178eec;
            position: relative;
}
            #chanpin .nr .cpzx2 div:nth-child(1) div img {
                position: absolute;
                top: 21px;
                left: 50px;
            }

            #chanpin .nr .cpzx2 div:nth-child(1) div p {
                text-align: center;
                font-size: 20px;
                letter-spacing: 0px;
                line-height: 60px;
                color: #ffffff;
                font-weight: 500;
                font-family: "Source Han Sans SC";
            }
        

        /*>div:nth-child(1) .ul {*/
            /* width: 250px;
            height: 406px; */
        /*    background-color: #f3faff;*/
        /*    overflow: hidden;*/

        /*    >.l1 {*/
        /*        position: relative;*/
        /*        text-indent: 37px;*/
        /*        font-size: 18px;*/
        /*        letter-spacing: 0px;*/
        /*        line-height: 48px;*/
        /*        color: #333333;*/
        /*        font-weight: 500;*/
        /*        font-family: "Source Han Sans SC";*/

        /*        >ul {*/
        /*            display: block;*/
        /*        }*/

        /*        >ul li:hover a {*/
        /*            color: #178eec;*/
        /*        }*/

        /*        >ul li a {*/
        /*            font-size: 14px;*/
        /*            letter-spacing: 0px;*/
        /*            line-height: 48px;*/
        /*            color: #666666;*/
        /*            font-weight: 400;*/
        /*            font-family: "Source Han Sans SC";*/
        /*        }*/

        /*        >p #img1 {*/
        /*            position: absolute;*/
        /*            top: 25px;*/
        /*            left: 15px;*/
        /*        }*/

        /*        >p #img2 {*/
        /*            position: absolute;*/
        /*            top: 21px;*/
        /*            left: 15px;*/
        /*            display: none;*/
        /*        }*/

        /*        >p #img3,*/
        /*        #img5,*/
        /*        #img7 {*/
        /*            position: absolute;*/
        /*            top: 20px;*/
        /*            left: 15px;*/
        /*        }*/

        /*        >p #img4,*/
        /*        #img6,*/
        /*        #img8 {*/
        /*            position: absolute;*/
        /*            top: 24px;*/
        /*            left: 17px;*/
        /*            display: none;*/
        /*        }*/

        /*        >p span {*/
        /*            display: block;*/
        /*            text-indent: 37px;*/
        /*        }*/

        /*        #u2,*/
        /*        #u3,*/
        /*        #u4 {*/
        /*            display: none;*/
        /*        }*/
        /*    }*/
        /*}*/
        #chanpin .nr .cpzx2 .logo2 {
            /* width: 374px;*/
            height: 370px;
            background-color: #13a4fa;
            padding: 16px 15px 16px 15px;
            margin-right: 140px;
        }
            #chanpin .nr .cpzx2 .logo2 img {
                width: 100%;
                height: 100%;
            }
        

        #chanpin .nr .cpzx2 .last2 {
            width: 50%;
            margin-right: 0;
}
              #chanpin .nr .cpzx2 .last2 h1 {
                font-size: 24px;
                letter-spacing: 0px;
                line-height: 60px;
                color: #333333;
                font-weight: 500;
                font-family: "Source Han Sans SC";
                margin-top: 40px;
            }

              #chanpin .nr .cpzx2 .last2 p {
                text-indent: 2rem;
                font-size: 18px;
                letter-spacing: 0px;
                line-height: 45px;
                color: #666666;
                font-weight: 400;
                font-family: "Source Han Sans SC";
            }

    #chanpin .box {
        /*height: 370px;*/
        overflow: hidden;
    }
        #chanpin .box  .down {
            width: 69%;
            display: flex;
            flex-direction: column;
}
            #chanpin .box  .down div {
                width: 100%;
                height: 50px;
                background-color: #eff9ff;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-bottom: 10px;
                margin-top: 30px;
    }
                #chanpin .box  .down div p:first-child{
                    color: #ffffff;
                    background-color: #13a4fa;
                }
                #chanpin .box  .down div p {
                    width: 100px;
                    font-size: 14px;
                    letter-spacing: 0px;
                    line-height: 50px;
                    color: #333333;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                    text-align: center;
                    cursor: pointer;
                }
            

            #chanpin .box .down ul {

                font-size: 18px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                font-family: "Source Han Sans SC";
}
                #chanpin .box .down ul li:first-child {
                    font-size: 20px;
                    letter-spacing: 0px;
                    line-height: 30px;
                    color: #333333;
                    font-weight: bold;
                    font-family: "Source Han Sans SC";
                }
            
            #u22,#u33{
                display: none;
            }
   
}








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

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

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

        #banner3 .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;
        }
    

    /* ==========================产品中心=========================== */
    #chanpin .first {
        height: 85px;
}
        #chanpin .first span {
            line-height: 85px;
            font-size: 13px;
            letter-spacing: 0px;
            color: #999999;
            font-weight: 400;
            font-family: "Source Han Sans SC";
}
            #chanpin .first spa #last {
                color: #178eec;
            }
        
    

    #chanpin .nr .cpzx2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
        #chanpin .nr .cpzx2 #logo2{
            /* width: 374px;*/
            height: 370px;
            background-color: #f5f5f5;
            padding: 16px 35px 16px 35px;
}
            #chanpin .nr .cpzx2 #logo2 img {
                width: 100%;
                height: 100%;
            }
        

        #chanpin .nr .cpzx2 .last2{
            width: 50%;
            margin-right: 0;
}
            #chanpin .nr .cpzx2 .last2 h1 {
                font-size: 24px;
                letter-spacing: 0px;
                line-height: 60px;
                color: #333333;
                font-weight: 500;
                font-family: "Source Han Sans SC";
                margin-top: 40px;
            }

            #chanpin .nr .cpzx2 .last2 p {
                text-indent: 2rem;
                font-size: 14px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                font-family: "Source Han Sans SC";
            }

    #chanpin .box {
        /*height: 370px;*/
        overflow: hidden;
    }
        #chanpin .box .down {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin-top:20px ;
    }
            #chanpin .box .down div {
                width: 100%;
                height: 50px;
                background-color: #eff9ff;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-bottom: 10px;
                /* margin-top: 30px; */
            }
                #chanpin .box .down div p:first-child{
                    color: #ffffff;
                    background-color: #13a4fa;
                }
                #chanpin .box .down p {
                    width: 100px;
                    font-size: 14px;
                    letter-spacing: 0px;
                    line-height: 50px;
                    color: #333333;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                    text-align: center;
                }

            #chanpin .box .down ul {

                font-size: 16px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                font-family: "Source Han Sans SC";
}
                #chanpin .box .down ul li:first-child {
                    font-size: 18px;
                    letter-spacing: 0px;
                    line-height: 30px;
                    color: #333333;
                    font-weight: bold;
                    font-family: "Source Han Sans SC";
                }
            #u22,#u33{
                display: none;
            }

}












@media screen and (max-width: 750px) {

    .w {
        width: 95%;
    }

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

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

        #banner3 .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;
        }

  

     /* ==========================产品中心=========================== */
     #chanpin .first {
        height: 85px;
}
        #chanpin .first span {
            line-height: 85px;
            font-size: 13px;
            letter-spacing: 0px;
            color: #999999;
            font-weight: 400;
            font-family: "Source Han Sans SC";
}
            #chanpin .first span #last {
                color: #178eec;
            }

    #chanpin .nr .cpzx2 {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
    }
        #chanpin .nr .cpzx2 .logo2 {
            width: 100%;
            height: 300px;
            background-color: #f5f5f5;
            padding: 16px 35px 16px 35px;
}
            #chanpin .nr .cpzx2 .logo2 img {
                width: 60%;
                height: 100%;
                margin: auto;
            }

        #chanpin .nr .cpzx2 .last2 {
            width: 100%;
            margin-right: 0;
}
            #chanpin .nr .cpzx2 .last2 h1 {
                font-size: 24px;
                letter-spacing: 0px;
                line-height: 60px;
                color: #333333;
                font-weight: 500;
                font-family: "Source Han Sans SC";
                margin-top: 40px;
            }

            #chanpin .nr .cpzx2 .last2 p {
                text-indent: 2rem;
                font-size: 14px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                font-family: "Source Han Sans SC";
            }

    #chanpin .box {
        /*height: 370px;*/
        overflow: hidden;
    }
        #chanpin .box .down {
            width: 100%;
            display: flex;
            flex-direction: column;
            margin-top: 20px;
    }
             #chanpin .box .down div {
                width: 100%;
                height: 50px;
                background-color: #eff9ff;
                display: flex;
                justify-content: flex-start;
                align-items: center;
                margin-bottom: 10px;
    }
                #chanpin .box .down div p:first-child{
                    color: #ffffff;
                    background-color: #13a4fa;
                }
                #chanpin .box .down div p {
                    width: 100px;
                    font-size: 14px;
                    letter-spacing: 0px;
                    line-height: 50px;
                    color: #333333;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                    text-align: center;
                }
            

            #chanpin .box .down ul {

                font-size: 16px;
                letter-spacing: 0px;
                line-height: 30px;
                color: #666666;
                font-weight: 400;
                font-family: "Source Han Sans SC";
}
                #chanpin .box .down ul li:first-child {
                    font-size: 18px;
                    letter-spacing: 0px;
                    line-height: 30px;
                    color: #333333;
                    font-weight: bold;
                    font-family: "Source Han Sans SC";
                }
            
            #u22,#u33{
                display: none;
            }
}