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

        }

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

         #banner2 .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 .zhongxin {
        margin-top: 40px;
        text-align: center;
        position: relative;
        margin-bottom: 40px;
}
         #chanpin .zhongxin p:nth-child(1) {
            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";
        }

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

    #chanpin .nr .cpzx {
        display: flex;
        justify-content: space-between;

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

            #chanpin .nr .cpzx 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";
            }
        

        #chanpin .nr .cpzx div:nth-child(1) .ul {
            /* width: 250px;
            height: 406px; */
            background-color: #f3faff;
            overflow: hidden;
}
            #chanpin .nr .cpzx div:nth-child(1) .ul .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";
}
                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul {*/
                /*    display: block;*/
                /*}*/

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul li:hover a {
                    color: #178eec;
                }

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul li a {
                    font-size: 14px;
                    letter-spacing: 0px;
                    line-height: 48px;
                    color: #666666;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                }

                 #img21 {
                    position: absolute;
                    top: 25px;
                    left: 15px;
                      display: none;
                }

                 #img31 {
                    position: absolute;
                    top: 21px;
                    left: 15px;
                  
                }

                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 p #img22,*/
                /*#img23,*/
                /*#img24 {*/
                /*    position: absolute;*/
                /*    top: 25px;*/
                /*    left: 20px;*/
                    /*display: none;*/
                /*}*/

                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 p #img32,*/
                /*#img33,*/
                /*#img34 {*/
                /*    position: absolute;*/
                /*    top: 21px;*/
                /*    left: 17px;*/
                  
                /*}*/

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 p span {
                    display: block;
                    text-indent: 37px;
                }
                
             
              
        

        #chanpin .nr .cpzx .logo {
            /* width: 374px;*/
            height: 370px;
            background-color: #13a4fa;
            padding: 16px 15px 16px 15px;
}
            #chanpin .nr .cpzx .logo  img {
                width: 100%;
                height: 100%;
            }
        

        #chanpin .nr .cpzx .last {
            width: 30%;
            margin-right: 0;
}
            #chanpin .nr .cpzx .last 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 .cpzx .last 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 .nr .cpzx .last div {

                width: 150px;
                height: 40px;

                border: 1px solid #666666;
                margin-top: 40px;
                margin-bottom: 40px;
                text-align: center;
        }
                 #chanpin .nr .cpzx .last div a {
                     display: block;
                    font-size: 18px;
                    letter-spacing: 0px;
                    color: #333333;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                    line-height: 40px;
                }

}












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

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

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

         #banner2 .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 .zhongxin {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
}
        #chanpin .zhongxin p:nth-child(1) {
            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";
        }

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


    #chanpin .nr .cpzx {
        display: flex;
        justify-content: space-between;
        flex-wrap: wrap;
}

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

            #chanpin .nr .cpzx 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";
            }
        

        #chanpin .nr .cpzx div:nth-child(1) .ul {
            /* width: 250px;
            height: 406px; */
            background-color: #f3faff;
            overflow: hidden;
}
            #chanpin .nr .cpzx div:nth-child(1) .ul .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";
}
                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul {*/
                /*    display: block;*/
                /*}*/

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul li:hover a {
                    color: #178eec;
                }

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul li a {
                    font-size: 14px;
                    letter-spacing: 0px;
                    line-height: 48px;
                    color: #666666;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                }

                 #img21 {
                    position: absolute;
                    top: 25px;
                    left: 15px;
                      display: none;
                }

                 #img31 {
                    position: absolute;
                    top: 21px;
                    left: 15px;
                  
                }

                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 p #img22,*/
                /*#img23,*/
                /*#img24 {*/
                /*    position: absolute;*/
                /*    top: 25px;*/
                /*    left: 20px;*/
                    /*display: none;*/
                /*}*/

                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 p #img32,*/
                /*#img33,*/
                /*#img34 {*/
                /*    position: absolute;*/
                /*    top: 21px;*/
                /*    left: 17px;*/
                  
                /*}*/

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 p span {
                    display: block;
                    text-indent: 37px;
                }
                
               

        

        #chanpin .nr .cpzx .logo{
            /* width: 374px; */
            height: 350px;
            background-color: #13a4fa;
            padding: 25px 38px 25px 38px;
}
            #chanpin .nr .cpzx .logo img {
                width: 100%;
                height: 100%;
            }
        

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

            #chanpin .nr .cpzx .last 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 .nr .cpzx .last div {

                width: 150px;
                height: 40px;

                border: 1px solid #666666;
                margin-top: 40px;
                margin-bottom: 40px;
                text-align: center;
}
                #chanpin .nr .cpzx .last div  a {
                    font-size: 18px;
                    letter-spacing: 0px;
                    color: #333333;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                    line-height: 40px;
                }
    }
    











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

    .w {
        width: 95%;
    }

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

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

        #banner2 .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 .zhongxin {
        width: 100%;
        margin-top: 20px;
        text-align: center;
        position: relative;
        margin-bottom: 20px;
}
        #chanpin .zhongxin 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";
        }

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

    #chanpin .nr .cpzx {
        display: flex;
        justify-content: flex-start;
        flex-wrap: wrap;
}
        #chanpin .nr .cpzx .chanpin1 {
            margin: auto;
            width: 100%;
        }

#chanpin .nr .cpzx div:nth-child(1){
    width: 100%;
}
        #chanpin .nr .cpzx div:nth-child(1) div {
            width: 100%;
            height: 60px;
            background-color: #178eec;
            position: relative;
}
            #chanpin .nr .cpzx div:nth-child(1) div img {
                position: absolute;
                top: 21px;
                left: 50px;
            }

            #chanpin .nr .cpzx 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";
            }
        

        #chanpin .nr .cpzx div:nth-child(1) .ul {
            /* width: 250px;
            height: 406px; */
            background-color: #f3faff;
            overflow: hidden;
}
            #chanpin .nr .cpzx div:nth-child(1) .ul .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";
}
                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul {*/
                /*    display: block;*/
                /*}*/

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul li:hover a {
                    color: #178eec;
                }

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 ul li a {
                    font-size: 14px;
                    letter-spacing: 0px;
                    line-height: 48px;
                    color: #666666;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                }

                 #img21 {
                    position: absolute;
                    top: 25px;
                    left: 15px;
                      display: none;
                }

                 #img31 {
                    position: absolute;
                    top: 21px;
                    left: 15px;
                  
                }

                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 p #img22,*/
                /*#img23,*/
                /*#img24 {*/
                /*    position: absolute;*/
                /*    top: 25px;*/
                /*    left: 20px;*/
                    /*display: none;*/
                /*}*/

                /*#chanpin .nr .cpzx div:nth-child(1) .ul .l1 p #img32,*/
                /*#img33,*/
                /*#img34 {*/
                /*    position: absolute;*/
                /*    top: 21px;*/
                /*    left: 17px;*/
                  
                /*}*/

                #chanpin .nr .cpzx div:nth-child(1) .ul .l1 p span {
                    display: block;
                    text-indent: 37px;
                }
                
               

        

        #chanpin .nr .cpzx .logo{
            /* width: 374px; */
            height: 350px;
            background-color: #13a4fa;
            padding: 25px 38px 25px 38px;
}
            #chanpin .nr .cpzx .logo img {
                width: 100%;
                height: 100%;
            }
        

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

            #chanpin .nr .cpzx .last 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 .nr .cpzx .last div {

                width: 150px;
                height: 40px;

                border: 1px solid #666666;
                margin-top: 40px;
                margin-bottom: 40px;
                text-align: center;
}
                #chanpin .nr .cpzx .last div  a {
                    font-size: 18px;
                    letter-spacing: 0px;
                    color: #333333;
                    font-weight: 400;
                    font-family: "Source Han Sans SC";
                    line-height: 40px;
                }
 
}
/*.activeds{*/
/*    display: block;*/
/*}*/
/*.activedss{*/
/*    display: none;*/
/*}*/