.n_pro_title{}
.n_pro_title b{font-size: 52px;line-height: 52px;height: 52px;display: block}
.n_pro_title p{font-size: 24px;line-height: 52px; margin-top: 50px;display: block}

.n_banner_text span{margin-top: 40px;font-size: 30px;display: block;font-weight: lighter;color: #000;letter-spacing: 1px}
.n_banner_text b{display: block;margin-top: 30px; font-size: 60px;color: #000}
.n_banner_text p{max-width: 52%; font-size: 22px;font-weight: lighter;color: #000;white-space: initial;letter-spacing: 0}

.con_gif{display: none}

.pro_ACS_S50{}
.pro_ACS_S50 .n_banner{padding-top: 50%}
.pro_ACS_S50 .n_banner_text{text-align: right}
.pro_ACS_S50 .n_banner_text p{margin-right: 0;margin-left: auto}
.pro_ACS_S50 .con1{padding-top: 48%; position: relative; background: url("../images/product_ACS_S50/con1.jpg") no-repeat; background-size: cover; background-position: center}
.pro_ACS_S50 .con1 .view{position: absolute;left: 0;top: 30%;text-align: right;width: 100%}
.pro_ACS_S50 .con1 .view .n_pro_title{color: #fff}
.pro_ACS_S50 .con2{padding: 140px 0 80px 0; text-align: center;
    background: url("../images/product_ACS_S50/con2_2.jpg") no-repeat; background-size: cover; background-position: center}
.pro_ACS_S50 .con2 .n_pro_title b{color: #3c3c3c}
.pro_ACS_S50 .con2 .n_pro_title p{color: #474747}
.pro_ACS_S50 .con2 .img{margin: 40px auto 0 auto;display: inline-block;max-width: 30%;position: relative}
.pro_ACS_S50 .con2 .img .before{width: 227%;position: absolute;left: 50%;bottom: 0;transform: translate(-50%,12%);transform-origin: center bottom;
    animation: fadeInRotate 4s ease infinite;
    -webkit-animation: fadeInRotate 4s ease infinite;}
@keyframes fadeInRotate
{
    0% {opacity: 0; transform: translate(-50%,12%) scaleY(0);}
    90% {opacity: 1;transform: translate(-50%,12%) scaleY(1)}
    100% {opacity: 0;transform: translate(-50%,12%) scaleY(1)}
}
@-webkit-keyframes fadeInRotate {
    0% {opacity: 0; transform: translate(-50%,12%) scaleY(0);}
    90% {opacity: 1;transform: translate(-50%,12%) scaleY(1)}
    100% {opacity: 0;transform: translate(-50%,12%) scaleY(1)}
}

.pro_ACS_S50 .con3{padding: 170px 0 60px 0;  background: url("../images/product_ACS_S50/con3_3.jpg") no-repeat; background-position: center; background-size: cover}
.pro_ACS_S50 .con3 .n_pro_title{color: #fff}
.n_pro_title i{font-size: 52px;height: 52px;line-height: 52px;display: inline-block;margin-bottom: 60px;}
.pro_ACS_S50 .con3 .view{}
.pro_ACS_S50 .con3 .view .g_w{display: flex;align-items: center;justify-content: space-between}
.pro_ACS_S50 .con3 .con_l{width: calc(100% - 510px);}
.pro_ACS_S50 .con3 .img{display: inline-block;position: relative}
.pro_ACS_S50 .con3 .img img:nth-child(2){position: absolute;left: 55%;top: -9%;width: 63.1%;transform-origin: 0 35%;
    animation: fadeInScale 4s ease infinite;
    -webkit-animation: fadeInScale 4s ease infinite;}
.pro_ACS_S50 .con3 .con_r{width: 510px;text-align: right}

.pro_ACS_S50 .con4{padding: 120px 0 110px 0; background: #212121}
.pro_ACS_S50 .con4 .view{}
.pro_ACS_S50 .con4 .view .g_w{display: flex;align-items: center}
.pro_ACS_S50 .con4 .con_l{width: 580px;color: #fff}
.pro_ACS_S50 .con4 .i{display: flex;margin-top: 100px;}
.pro_ACS_S50 .con4 .i > div{margin-right: 56px;}
.pro_ACS_S50 .con4 .i .icon{display: block; width: 110px;height: 110px;background-size: 100% 100%;background-color: rgba(255,255,255,.1);border-radius: 16px;overflow: hidden;transition: .4s all ease}
.pro_ACS_S50 .con4 .i span{display: block;font-size: 24px;margin-top: 18px;text-align: center;}
.pro_ACS_S50 .con4 .i > div:hover .icon{background-color: rgba(255,255,255,.3)}
.pro_ACS_S50 .con4 .con_r{width: calc(100% - 580px);}

.show_view{padding: 120px 0 100px 0;}
.show_view .n_pro_title{text-align: center}
.show_view .n_pro_title b{color: #3c3c3c}
.show_view .n_pro_title p{color: #474747}

.show_list{margin-top: 60px;}
.show_list .flex{display: flex;justify-content: space-between}
.show_list .con_l {width: calc(50% - 10px) }
.show_list .con_r {width: calc(50% - 10px) }
.show_list .item{margin-bottom: 20px;position: relative;border-radius: 18px;overflow: hidden}
.show_list .item .g_bg{padding-top: 97%;}
.show_list .item .before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.3); width: 130px;height: 130px; opacity: 0;
    display: flex;align-items: center;justify-content: center;text-align: center; color: #fff; border-radius: 50%;background: rgba(0,0,0,.3);transition: .6s all ease}
.show_list .item .before i{font-size: 36px;}
.show_list .item .before span{display: block;text-align: center;font-size: 22px;margin-top: 4px;}
.show_list .item1 .g_bg{padding-top:calc(194% + 20px)}
.show_list .item2 .g_bg{padding-top: calc(48.5% - 10px)}
.show_list .item:hover .before{opacity: 1;transform: translate(-50%,-50%)  scale(1);}

@keyframes fadeInScale
{
    0% {transform: scale(0);opacity: .5 }
    90% {transform: scale(1);opacity: 1}
    100% {transform: scale(1);opacity: 0 }
}
@-webkit-keyframes fadeInScale {
    0% {transform: scale(0);opacity: .5 }
    90% {transform: scale(1);opacity: 1}
    100% {transform: scale(1);opacity: 0 }
}

.pro_ACS_S50 .con6{ background: url('../images/product_ACS_S50/con6.jpg') no-repeat;background-size: cover;background-position: center}
.n_cs2 .n_pro_title b{color: #fff;text-align: center}
.n_cs2 .tab_nav a{color: #fff;opacity: .5}
.n_cs2 .tab_nav a.active{opacity: 1;background: rgba(255,255,255,.5);border:1px solid rgba(255,255,255,0) }
.n_cs2 .tab_nav a:hover{opacity: 1;background: rgba(255,255,255,.5);border:1px solid rgba(255,255,255,0) }
.n_cs2 .tab_view ul li i{color: rgba(255,255,255,.5)}
.n_cs2 .tab_view ul li b{color: #fff}
.n_cs2 .tab_view ul li p{color: rgba(255,255,255,.5)}


.pro_ACS_S100{}
.pro_ACS_S100 .n_banner{padding-top: 50%}
.pro_ACS_S100 .n_banner_text{text-align: left;}
.pro_ACS_S100 .n_banner_text b{color: #ffff}
.pro_ACS_S100 .n_banner_text p{color: #ffff}
.pro_ACS_S100 .n_banner_text span{color: #ffff}
.pro_ACS_S100 .con1{position: relative; padding-top: 56.2%;background: url("../images/product_ACS_S100/con1.jpg") no-repeat; background-size: cover; background-position: center}
.pro_ACS_S100 .con1 .top{position: absolute;left: 50%;top: 11%;transform: translateX(-50%); width: 100%}
.pro_ACS_S100 .con1 .n_pro_title{color: #fff;text-align: center}
.pro_ACS_S100 .con1 .list{position: absolute;left: 0;bottom: 9.5%; width: 100%}
.pro_ACS_S100 .con1 .list .g_w{display: flex;justify-content: center}
.pro_ACS_S100 .con1 .list .g_w .item{margin: 0 35px;padding: 20px 66px; width: 500px;height: 170px;display: flex; justify-content: space-between; align-items: center;
    background: rgba(0,0,0,.5);border-radius: 6px;transition: .4s all ease}
.pro_ACS_S100 .con1 .list .g_w .item span{font-size: 30px; font-weight: 500; letter-spacing: 2px;
    background-image:-webkit-linear-gradient(right,#777777,#dcdcdc);
    -webkit-background-clip:text;
    -webkit-text-fill-color:transparent; }
.pro_ACS_S100 .con1 .list .g_w .item .icon{display: block;width: 77px;height: 77px;background-size: 100% 100%}
.pro_ACS_S100 .con1 .list .g_w .item:hover{transform: translateY(-20px)}
.pro_ACS_S100 .con2 .n_pro_title{color: #fff}
.pro_ACS_S100 .con2 .n_pro_title i{font-size: 70px;line-height: 70px;height: 70px;margin-bottom: 50px;display: inline-block}
.pro_ACS_S100 .con2{padding: 100px 0 0 0; background: url("../images/product_ACS_S100/con2_2.jpg") no-repeat; background-size: cover; background-position: center}
.pro_ACS_S100 .con2 .g_w{display: flex;justify-content: space-between;align-items: flex-start}
.pro_ACS_S100 .con2 .con_l{width: 730px;padding-top: 170px;}
.pro_ACS_S100 .con2 .con_r{width: calc(100% - 730px)}
.pro_ACS_S100 .con3{padding: 300px 0  180px 0;  background: url("../images/product_ACS_S100/con3.jpg") no-repeat; background-size: cover; background-position: center}
.pro_ACS_S100 .con3 .n_pro_title{color: #fff;text-align: right}
.pro_ACS_S100 .con3 .g_w{display: flex;justify-content: flex-end}
.pro_ACS_S100 .con3 .bottom{margin-top: 50px;padding: 0 20px; height: 160px;display: flex;align-items: center;justify-content: center;color: #fff;font-size: 24px;background: rgba(255,255,255,.1);
border: 2px solid  rgba(255,255,255,.2);border-radius: 16px;}
.pro_ACS_S100 .con3 .bottom i{width: 74px;height: 71px;background-size: 100% 100%;margin-right: 10px;}
.pro_ACS_S100 .con4{padding: 240px 0  290px 0;  background: url("../images/product_ACS_S100/con4.jpg") no-repeat; background-size: cover; background-position: center}
.pro_ACS_S100 .con4 .n_pro_title{color: #fff}
.pro_ACS_S100 .con4 .n_pro_title b{font-size: 50px;}
.pro_ACS_S100 .con4 .con_l{width: 530px;max-width: 100%}
.pro_ACS_S100 .con5{padding: 170px 0 60px 0;  background: url("../images/product_ACS_S100/con5_3.jpg") no-repeat; background-position: center; background-size: cover}
.pro_ACS_S100 .con5 .n_pro_title{color: #fff}
.n_pro_title i{font-size: 52px;height: 52px;line-height: 52px;display: inline-block;margin-bottom: 60px;}
.pro_ACS_S100 .con5 .view{}
.pro_ACS_S100 .con5 .view .g_w{display: flex;align-items: center;justify-content: space-between}
.pro_ACS_S100 .con5 .con_l{width: calc(100% - 510px);}
.pro_ACS_S100 .con5 .img{display: inline-block;position: relative}
.pro_ACS_S100 .con5 .img img:nth-child(2){position: absolute;left: 63%;top: -4.5%;width: 63.1%;transform-origin: 0 25%;
    animation: fadeInScale 4s ease infinite;
    -webkit-animation: fadeInScale 4s ease infinite;}
.pro_ACS_S100 .con5 .con_r{width: 510px;text-align: right}
.pro_ACS_S100 .con6{padding: 260px 0 386px 0;background: url("../images/product_ACS_S100/con6.jpg") no-repeat; background-position: center; background-size: cover}
.pro_ACS_S100 .con6 .view{}
.pro_ACS_S100 .con6 .view .g_w{display: flex;align-items: center}
.pro_ACS_S100 .con6 .con_l{width: 660px;max-width: 100%; color: #fff}
.pro_ACS_S100 .con6 .i{display: flex;margin-top: 100px;}
.pro_ACS_S100 .con6 .i > div{margin-right: 56px;}
.pro_ACS_S100 .con6 .i .icon{display: block; width: 110px;height: 110px;background-size: 100% 100%;background-color: rgba(255,255,255,.1);border-radius: 16px;overflow: hidden;transition: .4s all ease}
.pro_ACS_S100 .con6 .i span{display: block;font-size: 24px;margin-top: 18px;text-align: center;}
.pro_ACS_S100 .con6 .i > div:hover .icon{background-color: rgba(255,255,255,.3)}
.pro_ACS_S100 .con6 .con_r{width: calc(100% - 580px);}
.pro_ACS_S100 .show_view .img{margin-top: 40px;}
.pro_ACS_S100 .n_cs{;background: url("../images/product_ACS_S100/con8.jpg") no-repeat; background-position: center; background-size: cover}

.pro_AIPOS20_3{}
.pro_AIPOS20_3 .n_banner{padding-top: 52.08%; background-position: center; background-size: cover}
.pro_AIPOS20_3 .n_banner_text{text-align: left;top: 40%}
.pro_AIPOS20_3 .n_banner_text img{margin-left: 0}
.pro_AIPOS20_3 .n_banner_text b{color: #ffff}
.pro_AIPOS20_3 .n_banner_text p{color: #ffff}
.pro_AIPOS20_3 .n_banner_text span{color: #ffff}
.pro_AIPOS20_3 .con1{padding: 150px 0 70px 0;background: url("../images/product_AIPOS20_3/con1_2.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS20_3 .con1 .view{}
.pro_AIPOS20_3 .con1 .view .g_w{display: flex}
.pro_AIPOS20_3 .con1 .view .con_l{width: calc(100% - 640px);padding-right: 80px;}
.pro_AIPOS20_3 .con1 .view .con_r{width: 640px;}
.pro_AIPOS20_3 .con1 .view .n_pro_title{color: #fff;text-align: right;margin-top: 190px;}

.pro_AIPOS20_3 .con2 .item1{margin-top: 109px; display: flex;padding: 198px 40px 34px 70px; border-radius: 20px;overflow: hidden;
    background: url("../images/product_AIPOS20_3/con2_2.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS20_3 .con2 .n_pro_title b{font-size: 50px;}

.pro_AIPOS20_3 .con2 .item1 .g_w{display: flex}
.pro_AIPOS20_3 .con2 .item1 .con_l{width: 440px;}
.pro_AIPOS20_3 .con2 .item1 .con_r{width: calc(100% - 440px);padding-left: 130px;}
.pro_AIPOS20_3 .con2 .item1 .n_pro_title{color: #fff;text-align: left;margin-top: 40px;}
.pro_AIPOS20_3 .con2 .item2{margin-top: 90px; border-radius: 20px;overflow: hidden;position: relative}
.pro_AIPOS20_3 .con2 .item2 .n_pro_title{position: absolute;top: 22%; right: 70px;color: #fff;text-align: right;}
.pro_AIPOS20_3 .con2 .item2 .n_pro_title p{font-size: 20px;}
.pro_AIPOS20_3 .con4 {background: url('../images/product_AIPOS20_3/con4.jpg') no-repeat;background-size: cover;background-position: center}

.pro_AIPOS300_H{}
.pro_AIPOS300_H .n_banner{padding-top: 50%; background-position: center; background-size: cover}
.pro_AIPOS300_H .n_banner_text{text-align: left;top: 50%;}
.pro_AIPOS300_H .n_banner_text img{margin-left: 0}
.pro_AIPOS300_H .con1{padding-top: 130px; background: url("../images/product_AIPOS300_H/con1_3.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS300_H .con1 .view .g_w{display: flex}
.pro_AIPOS300_H .con1 .view .con_l{width: 530px;}
.pro_AIPOS300_H .con1 .n_pro_title i{color: #474747}
.pro_AIPOS300_H .con1 .n_pro_title p{color: #474747}
.pro_AIPOS300_H .con1 .view .con_r{width:calc(100% - 530px);text-align: right}
.pro_AIPOS300_H .con1 .view .img{position: relative;display: inline-block}
.pro_AIPOS300_H .con1 .view .img img:nth-child(2){position: absolute;left: -23%;top: 14%;width: 68.8%;transform-origin: center top;
    animation: fadeInScale 4s ease infinite;
    -webkit-animation: fadeInScale 4s ease infinite;}
.pro_AIPOS300_H .con2{padding: 150px 0 110px 0; background: url("../images/product_AIPOS300_H/con2_2.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS300_H .con2 .view .g_w{display: flex}
.pro_AIPOS300_H .con2 .view .con_l{width: 440px;padding-top: 90px;}
.pro_AIPOS300_H .con2 .n_pro_title i{color: #474747}
.pro_AIPOS300_H .con2 .n_pro_title p{color: #474747}
.pro_AIPOS300_H .con2 .view .con_r{width:calc(100% - 440px);text-align: right;padding-left: 180px;}
.pro_AIPOS300_H .con2 .view .img{position: relative;display: inline-block}
.pro_AIPOS300_H .con2 .view .bottom{display: flex;margin-top: 60px;}
.pro_AIPOS300_H .con2 .view .bottom .item{width: 140px;margin-right: 70px; padding: 30px 0;text-align: center;border: 2px solid rgba(85,89,95,.2);border-radius: 8px;}
.pro_AIPOS300_H .con2 .view .bottom .item:nth-last-child(1){margin-right: 0}
.pro_AIPOS300_H .con2 .view .bottom .item b{font-size: 30px;color: #474747;display: block;height: 30px;line-height: 30px;}
.pro_AIPOS300_H .con2 .view .bottom .item span{font-size: 20px;color: #474747;display: block;margin-top: 20px;height: 20px;line-height: 20px;}
.pro_AIPOS300_H .con3{position: relative; padding-top:56.25%; background: url("../images/product_AIPOS300_H/con3_1.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS300_H .con3 .top{position: absolute; left: 0; top: 13%;width: 100%;text-align: center}
.pro_AIPOS300_H .con3 .n_pro_title p{font-size: 20px;color: #474747;margin-top: 20px;}
.pro_AIPOS300_H .con4{padding: 90px 0 40px 0; background: url("../images/product_AIPOS300_H/con4_2.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS300_H .con4 .g_w{display: flex;}
.pro_AIPOS300_H .con4 .con_l{width: calc(100% - 600px);padding-right: 140px;}
.pro_AIPOS300_H .con4 .con_r{padding-top: 200px;width: 600px}
.pro_AIPOS300_H .con4 .n_pro_title{text-align: right}
.pro_AIPOS300_H .con4 .n_pro_title p{font-size: 20px;color: #474747;}
.pro_AIPOS300_H .con4 .n_pro_title i{color: #474747;}
.pro_AIPOS300_H .con5{padding: 100px 0 6px 0; background: url("../images/product_AIPOS300_H/con5_2.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS300_H .con5 .g_w{display: flex;}
.pro_AIPOS300_H .con5 .con_l{width: 600px;padding-top: 120px;}
.pro_AIPOS300_H .con5 .con_r{width: calc(100% - 500px);padding-left: 200px;}
.pro_AIPOS300_H .con5 .n_pro_title{}
.pro_AIPOS300_H .con5 .n_pro_title b{line-height: 80px;height: auto}
.pro_AIPOS300_H .con5 .n_pro_title p{font-size: 20px;color: #474747;}
.pro_AIPOS300_H .con5 .n_pro_title i{color: #474747;}
.pro_AIPOS300_H .con5 .i{display: flex;margin-top: 50px;}
.pro_AIPOS300_H .con5 .i > div{margin-right: 56px;text-align: center}
.pro_AIPOS300_H .con5 .i .icon{display: block;margin: 0 auto; width: 110px;height: 110px;background-size: 100% 100%;background-color: rgba(0,0,0,.2);border-radius: 16px;overflow: hidden;transition: .4s all ease}
.pro_AIPOS300_H .con5 .i span{display: block;font-size: 18px;margin-top: 18px;text-align: center;}
.pro_AIPOS300_H .con5 .i > div:hover .icon{background-color: rgba(0,0,0,.3)}
.pro_AIPOS300_H .con6{padding: 200px 0 250px 0; background: url("../images/product_AIPOS300_H/con6_1.jpg") no-repeat; background-position: center; background-size: cover}
.pro_AIPOS300_H .con6 .g_w{}
.pro_AIPOS300_H .con6 .n_pro_title{text-align: center}
.pro_AIPOS300_H .con6 .list{display: flex;justify-content: center;margin-top: 120px;}
.pro_AIPOS300_H .con6 .item{margin: 0 80px;transition: .4s all ease}
.pro_AIPOS300_H .con6 .item .icon{ display: block;margin: 0 auto; width: 180px;height: 180px;background-size: 100% 100%;border: 1px solid #fff;border-radius:16px;box-shadow:  0 0 10px #fff;transition: .4s all ease }
.pro_AIPOS300_H .con6 .item span{color: #fff;font-size:20px;font-weight: 600; text-align: center; display: block;margin-top: 20px;}
.pro_AIPOS300_H .con6 .item:hover i{background-color: rgba(0,0,0,0.3);}
.pro_AIPOS300_H .con7{padding: 100px 0 90px 0; }
.pro_AIPOS300_H .con7 .g_w{}
.pro_AIPOS300_H .con7 .n_pro_title{text-align: center}
.pro_AIPOS300_H .con7 .list{margin-top: 50px; display: flex;justify-content: space-between}
.pro_AIPOS300_H .con7 .item{width: 48%;}
.pro_AIPOS300_H .con7 .item .img{position: relative}
.pro_AIPOS300_H .con7 .item .g_bg{padding-top: 87.6%;}
.pro_AIPOS300_H .con7 .item .before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(.3); width: 130px;height: 130px; opacity: 0;
    display: flex;align-items: center;justify-content: center;text-align: center; color: #fff; border-radius: 50%;background: rgba(0,0,0,.3);transition: .6s all ease}
.pro_AIPOS300_H .con7 .item .before i{font-size: 36px;}
.pro_AIPOS300_H .con7 .item .before span{font-size: 22px;display: block;text-align: center}
.pro_AIPOS300_H .con7 .item:hover .before{transform: translate(-50%,-50%) scale(1);opacity: 1}
.pro_AIPOS300_H .con8{background: url('../images/product_AIPOS300_H/con8.jpg') no-repeat;background-size: cover;background-position: center}
.pro_AIPOS300_H .con8.n_cs .tab_view ul li p{color: #000;opacity: .5}
.pro_AIPOS300_H .con8.n_cs .tab_view ul li b{color: #222;}
.pro_AIPOS300_H .con8.n_cs .tab_nav a.active{background: #737373;border-color: #737373;color: #fff}
.pro_AIPOS300_H .con8.n_cs .tab_nav a:hover{background: #737373;border-color: #737373;color: #fff}
.pro_AIPOS300_H .con8 .n_pro_title {text-align: center}

.pro_AnyPOS300_3{}
.pro_AnyPOS300_3 .n_banner_text{text-align: left}
.pro_AnyPOS300_3 .n_banner_text img{margin-left: 0}
.pro_AnyPOS300_3 .n_banner_text b{color: #fff}
.pro_AnyPOS300_3 .n_banner_text span{color: #fff}
.pro_AnyPOS300_3 .n_banner_text p{color: #fff}
.pro_AnyPOS300_3 .con1{padding: 110px 0}
.pro_AnyPOS300_3 .con1 .n_pro_title{text-align: center}
.pro_AnyPOS300_3 .con1 ul{margin-top: 50px; display: flex;justify-content: space-between}
.pro_AnyPOS300_3 .con1 ul li{width: 26%;}
.pro_AnyPOS300_3 .con1 ul li:nth-child(2){width: calc(48% - 40px);}
.pro_AnyPOS300_3 .con1 ul li .item{padding: 100px 0 0 0; height: 700px; background: #e9f5fc;border-radius: 18px;box-shadow:  0 0 6px #dfdfdf;overflow: hidden}
.pro_AnyPOS300_3 .con1 ul li .item .title{display: block; text-align: center;color: #888888;font-size: 30px; line-height: 50px; padding-bottom: 40px;position: relative}
.pro_AnyPOS300_3 .con1 ul li .item .title:after{content: '';position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);display: block;width: 100px;height: 2px;background: #a9b9c6}
.pro_AnyPOS300_3 .con1 ul li .item .img{width: 80%;margin: 70px auto 0 auto;text-align: center}
.pro_AnyPOS300_3 .con1 ul li .item2{display: flex;align-items: center;height: 340px;padding: 0 2%;position: relative}
.pro_AnyPOS300_3 .con1 ul li .item2:nth-child(2){margin-top: 20px;}
.pro_AnyPOS300_3 .con1 ul li .item2 .item_l{width: 50%;padding: 0 2%;text-align: center}
.pro_AnyPOS300_3 .con1 ul li .item2 .item_r{width: 50%;padding: 0 2%;text-align: center}
.pro_AnyPOS300_3 .con1 ul li .item2 .title{display: inline-block;padding: 30px 0}
.pro_AnyPOS300_3 .con1 ul li .item2 .title:before{content: '';position: absolute;left: 50%;top: 0;transform: translateX(-50%);display: block;width: 100%;height: 2px;background: #a9b9c6}
.pro_AnyPOS300_3 .con1 ul li .item2 .title:after{width: 100%}
.pro_AnyPOS300_3 .con1 ul li .item2 .img{position: absolute;width: 48%;bottom: 0;left: 50%;margin-top: 10px}
.pro_AnyPOS300_3 .con1 ul li .item2:nth-child(2) .img{position: absolute;width: 48%;bottom: 50%; left: 0; transform: translateY(50%); margin-top: 10px}

.pro_AnyPOS300_3 .con2{padding: 180px 0 100px 0; background: url("../images/product_AnyPOS300_3/con2_2.jpg");background-position: center;background-size: cover}
.pro_AnyPOS300_3 .con2 .g_w{display: flex;align-items: flex-start }
.pro_AnyPOS300_3 .con2 .con_l{width: 50%;padding-top: 60px;}
.pro_AnyPOS300_3 .con2 .con_r{width: 50%}

.pro_AnyPOS300_3 .con3{padding: 260px 0 230px 0; background: url("../images/product_AnyPOS300_3/con3_1.jpg");background-position: center;background-size: cover}
.pro_AnyPOS300_3 .con3 .bottom{display: flex;margin-top: 170px;}
.pro_AnyPOS300_3 .con3 .bottom .item{margin-right: 60px;transition: .4s all ease}
.pro_AnyPOS300_3 .con3 .bottom .item:hover{}
.pro_AnyPOS300_3 .con3 .bottom i{display: block;margin: 0 auto; width: 90px;height: 90px;text-align: center;line-height: 90px;font-size: 36px;color: #525252;border-radius: 50%;border: 1px solid rgba(82,82,82,.2);transition: .4s all ease}
.pro_AnyPOS300_3 .con3 .bottom span{display: block;margin-top: 10px; ;text-align: center;font-size: 17px;color: #777777;}
.pro_AnyPOS300_3 .con3 .bottom i.icon-supermarket_icon{font-size: 50px;}
.pro_AnyPOS300_3 .con3 .bottom .item:hover i{border: 1px solid rgba(82,82,82,1);transform: translateY(-6px);}
.pro_AnyPOS300_3 .con3 .bottom .item:hover span{color: #525252}

.pro_AnyPOS300_3 .con4{padding: 0 0 60px 0; background: url("../images/product_AnyPOS300_3/con4_2.jpg");background-position: center;background-size: cover}
.pro_AnyPOS300_3 .con4 .g_w{display: flex;align-items: center }
.pro_AnyPOS300_3 .con4 .con_l{width: calc(100% - 500px);}
.pro_AnyPOS300_3 .con4 .con_r{width: 500px}
.pro_AnyPOS300_3 .con4 .n_pro_title{text-align: right}
.pro_AnyPOS300_3 .con4 .n_pro_title i{margin-bottom: 40px;color: #777777;height: 60px;line-height: 60px;font-size: 60px;}


.pro_AnyPOS300_3 .con5{background: url("../images/product_AnyPOS300_3/con5_2.jpg");background-position: center;background-size: cover}
.pro_AnyPOS300_3 .con5 .g_w{height: 100%; }
.pro_AnyPOS300_3 .con5 .g_w .view{display: flex;align-items: self-start;height: 100%;position: relative }
.pro_AnyPOS300_3 .con5 .con_l{width: 100%; position: absolute;left: 0;top: 50%;transform: translateY(-50%);  z-index: 9}
.pro_AnyPOS300_3 .con5 .con_r{width: 100%;text-align: right}
.pro_AnyPOS300_3 .con5 .con_r .img{width: 68%;padding:90px 0 50px 0;margin: 0 0 0 auto}
.pro_AnyPOS300_3 .con5 .bottom{display: flex;margin-top: 70px;}
.pro_AnyPOS300_3 .con5 .bottom .item{margin-right: 60px;transition: .4s all ease}
.pro_AnyPOS300_3 .con5 .bottom .item:hover{}
.pro_AnyPOS300_3 .con5 .bottom i{display: block;margin: 0 auto; width: 110px;height: 110px;text-align: center;line-height: 110px;font-size: 50px;color: #525252;border-radius: 8px;background: rgba(255,255,255,.3); transition: .4s all ease}
.pro_AnyPOS300_3 .con5 .bottom span{display: block;margin-top: 10px; ;text-align: center;font-size: 20px;color: #474747;white-space: nowrap}
/*.pro_AnyPOS300_3 .con5 .bottom i.icon-supermarket_icon{font-size: 50px;}*/
.pro_AnyPOS300_3 .con5 .bottom .item:hover i{background: rgba(255,255,255,.6);;transform: translateY(-6px);}
.pro_AnyPOS300_3 .con5 .bottom .item:hover span{color: #525252}

.pro_AnyPOS300_3 .con6{height: calc(1000 / 1920 * 100vw); background: url("../images/product_AnyPOS300_3/con6_2.jpg");background-position: center;background-size: cover}
.pro_AnyPOS300_3 .con6 .g_w{height: 100%; }
.pro_AnyPOS300_3 .con6 .g_w .view{display: flex;align-items: self-start;height: 100%;position: relative }
.pro_AnyPOS300_3 .con6 .con_l{width: 100%; position: absolute;left: 0;top: 50%;transform: translateY(-50%);  z-index: 9}
.pro_AnyPOS300_3 .con6 .n_pro_title em{margin-top: 70px; width: 204px;height: 2px;background: #9f9f9f;display: block}

.pro_AnyPOS300_3 .con7{background: url("../images/product_AnyPOS300_3/con7.jpg");background-position: center;background-size: cover}
.pro_AnyPOS300_3 .con7 .n_pro_title{text-align: center}



.pro_SelfPOS10{}
.pro_SelfPOS10 .n_banner{padding-top: 50%}
.pro_SelfPOS10 .n_banner_text{text-align: left}
.pro_SelfPOS10 .n_banner_text img{margin-left: 0}
.pro_SelfPOS10 .n_banner_text span{margin-top: 0}
.pro_SelfPOS10 .n_banner_text p{margin-top: 40px;}
.pro_SelfPOS10 .con1{padding: 200px 0 20px 0;background: url("../images/product_SelfPOS10/con1.jpg");background-position: center bottom;background-size: cover}
.pro_SelfPOS10 .con1 .view{display: flex;}
.pro_SelfPOS10 .con1 .n_pro_title b{line-height: 80px!important;height: auto!important;}
.pro_SelfPOS10 .con1 .n_pro_title p{line-height: 60px;}
.pro_SelfPOS10 .con1 .con_l{width: 510px;}
.pro_SelfPOS10 .con1 .con_r{width:calc(100% - 510px);padding-left: 150px;}
.pro_SelfPOS10 .con1 .con_r img{width: 53.3%}

.pro_SelfPOS10 .con2{padding: 160px 0 100px 0;background: url("../images/product_SelfPOS10/con2_1.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con2 .n_pro_title{text-align: center}
.pro_SelfPOS10 .con2 .img{margin-top: 100px; text-align: center}

.pro_SelfPOS10 .con3{background: url("../images/product_SelfPOS10/con3_1.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con3 .view{position: relative}
.pro_SelfPOS10 .con3 .con_l{position: absolute;left: 0;top: 50%;transform: translateY(-50%);width: 740px;}
.pro_SelfPOS10 .con3 .bottom{display: flex;margin-top: 56px;}
.pro_SelfPOS10 .con3 .bottom .item{margin-right: 70px;transition: .4s all ease}
.pro_SelfPOS10 .con3 .bottom .item:hover{}
.pro_SelfPOS10 .con3 .bottom .icon{display: block; width: 120px;height: 120px;background-size: 100% 100%; border: 3px solid #96a5ba;border-radius: 8px; transition: .4s all ease}
.pro_SelfPOS10 .con3 .bottom span{display: block;margin-top: 10px; ;text-align: center;font-size: 24px;color: #474747;white-space: nowrap}
.pro_SelfPOS10 .con3 .bottom .item:hover i{background-color: rgba(255,255,255,.6);;transform: translateY(-6px);}
.pro_SelfPOS10 .con3 .bottom .item:hover span{color: #525252}
.pro_SelfPOS10 .con3 .con_r{padding-left: 480px;}
.pro_SelfPOS10 .con3 .con_r .img{display:inline-block;}

.pro_SelfPOS10 .con4{padding: 100px 0 90px 0; background: url("../images/product_SelfPOS10/con4_1.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con4 .view{position: relative;display: flex}
.pro_SelfPOS10 .con4 .con_l{width: calc(100% - 650px);padding-right: 70px;}
.pro_SelfPOS10 .con4 .n_pro_title{text-align: right}
.pro_SelfPOS10 .con4 .bottom{display: flex;justify-content: flex-end; margin-top: 56px;}
.pro_SelfPOS10 .con4 .bottom .item{margin-left: 70px;transition: .4s all ease}
.pro_SelfPOS10 .con4 .bottom span{display: block;margin-top: 10px;width: 130px;height: 80px; line-height: 80px; ;text-align: center;font-size: 24px;color: #474747;border: 1px solid rgba(85,89,95,.2)}
.pro_SelfPOS10 .con4 .bottom .item:hover span{color: #525252;border: 1px solid rgba(85,89,95,.5)}
.pro_SelfPOS10 .con4 .con_r{width: 650px;}

.pro_SelfPOS10 .con5{padding: 140px 0 40px 0; background: url("../images/product_SelfPOS10/con5_1.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con5 .view{position: relative;display: flex;}
.pro_SelfPOS10 .con5 .con_l{ width: 650px;}
.pro_SelfPOS10 .con5 .n_pro_title b{height: auto!important;line-height: 80px!important;}
.pro_SelfPOS10 .con5 .bottom{display: flex;justify-content: space-between; margin-top: 56px;}
.pro_SelfPOS10 .con5 .bottom .item{transition: .4s all ease}
.pro_SelfPOS10 .con5 .bottom .icon{display: block; width: 120px;height: 120px;background-size: 100% 100%; border: 2px solid rgba(85,89,95,.2);border-radius: 8px; transition: .4s all ease}
.pro_SelfPOS10 .con5 .bottom span{display: block;margin-top: 20px; ;text-align: center;font-size: 24px;color: #474747;white-space: nowrap}
.pro_SelfPOS10 .con5 .bottom .item:hover i{background-color: rgba(255,255,255,.6);;transform: translateY(-6px);}
.pro_SelfPOS10 .con5 .bottom .item:hover span{color: #525252}
.pro_SelfPOS10 .con5 .con_r{width: calc(100% - 650px);text-align: right}
.pro_SelfPOS10 .con5 .con_r .img{position: relative;display: inline-block}
.pro_SelfPOS10 .con5 .con_r .img img:nth-child(2){position: absolute;left: -57%;top: -6%;width: 134%;transform-origin: 100% 25%;
    animation: fadeInScale 4s ease infinite;
    -webkit-animation: fadeInScale 4s ease infinite;}

.pro_SelfPOS10 .con6{padding: 110px 0 90px 0}
.pro_SelfPOS10 .con6 .n_pro_title{text-align: center}
.pro_SelfPOS10 .con6 ul{margin-top: 50px; display: flex;justify-content: space-between;border-radius: 8px;overflow: hidden}
.pro_SelfPOS10 .con6 ul li{width: 24%;}
.pro_SelfPOS10 .con6 .item{height: 197px;position: relative;background: #dce7f6}
.pro_SelfPOS10 .con6 .item img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);max-width: 90%;max-height: 90%}
.pro_SelfPOS10 .con6 .item2{height: 356px;margin-top: 26px;}
.pro_SelfPOS10 .con6 .item3{height: 580px;}
.pro_SelfPOS10 .con6 .item4{height: 276px;}
.pro_SelfPOS10 .con6 .item4:nth-child(2){margin-top: 26px;}

.pro_SelfPOS10 .con7{padding: 220px 0 220px 0; background: url("../images/product_SelfPOS10/con7_1.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con7 .view{position: relative;display: flex;justify-content: space-between}
.pro_SelfPOS10 .con7 .n_pro_title{text-align: right}
.pro_SelfPOS10 .con7 .bottom{display: flex;justify-content: flex-end; margin-top: 70px;}
.pro_SelfPOS10 .con7 .bottom .item{margin-left: 70px;transition: .4s all ease}
.pro_SelfPOS10 .con7 .bottom .item .icon{display: block;margin: 0 auto; width: 120px;height: 120px;background-size: 100% 100%; background-color: rgba(255,255,255,.3);border-radius: 8px; transition: .4s all ease}
.pro_SelfPOS10 .con7 .bottom span{display: block;margin-top: 20px;text-align: center;font-size: 18px;color: #474747;}
.pro_SelfPOS10 .con7 .bottom .item:hover .icon{background-color: rgba(255,255,255,.5);}
.pro_SelfPOS10 .con7 .bottom .item:hover span{color: #525252;}

.pro_SelfPOS10 .con8{padding: 80px 0 0 0}
.pro_SelfPOS10 .con8 .n_pro_title{text-align: center}
.pro_SelfPOS10 .con8 .view{margin-top: 50px; display: flex;justify-content: space-between}
.pro_SelfPOS10 .con8 .con_l{width: 49%;height: 1050px; background: #eff4fb;position: relative}
.pro_SelfPOS10 .con8 .con_l img{position: absolute;right: 0;bottom: 0;max-width: 76%}
.pro_SelfPOS10 .con8 .con_l .top{position: absolute;left: 160px;top: 130px;}
.pro_SelfPOS10 .con8 .con_r{width: 49%;height: 1050px; background: #eff4fb;position: relative}
.pro_SelfPOS10 .con8 .con_r img{position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);max-width: 65%}
.pro_SelfPOS10 .con8 .con_r .top{position: absolute;left: 50%;top: 130px;transform: translateX(-50%);text-align: center}
.pro_SelfPOS10 .con8 .top b{display: block;font-size: 36px;color: #222}
.pro_SelfPOS10 .con8 .top p{display: block;font-size: 24px;color: #474747;margin-top: 46px;}

.pro_SelfPOS10 .con9{padding: 90px 0 0 0}
.pro_SelfPOS10 .con9 .n_pro_title{text-align: center}
.pro_SelfPOS10 .con9 .item{display: flex;margin-top: 46px; justify-content: space-between;align-items: center; background: #e5e8f2;border-radius:16px;overflow: hidden }
.pro_SelfPOS10 .con9 .item_l{padding-left: 130px;}
.pro_SelfPOS10 .con9 .item_r{width: 55%}
.pro_SelfPOS10 .con9 .item_title{padding-bottom: 60px;}
.pro_SelfPOS10 .con9 .item_title i{display: block; font-size: 52px;color: #a7b2c0;line-height: 60px;position: relative}
.pro_SelfPOS10 .con9 .item_title b{display: block; margin-top: 30px; font-size: 36px;color: #474747;line-height: 60px;position: relative}
.pro_SelfPOS10 .con9 .item_title:after{content: '';margin-top: 30px; width: 100px;height: 2px;background: #a7b2c0;display: block}
.pro_SelfPOS10 .con9 .item:nth-child(2){flex-direction: row-reverse;background: url("../images/product_SelfPOS10/con9_3.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con9 .item:nth-child(2) .item_l{padding-left: 0;padding-right: 130px;}

.pro_SelfPOS10 .con10{padding: 90px 0 0 0}
.pro_SelfPOS10 .con10 .n_pro_title{text-align: center}
.pro_SelfPOS10 .con10 ul{margin-top: 60px;display: flex;justify-content: space-between}
.pro_SelfPOS10 .con10 ul li{width: 34%}
.pro_SelfPOS10 .con10 ul li:nth-child(2){width: calc(66% - 30px);}
.pro_SelfPOS10 .con10 .item{position: relative; display: flex;align-items: flex-end; border-radius: 16px;background-size: cover;background-position: center;background-repeat: no-repeat}
.pro_SelfPOS10 .con10 .item_title{position: absolute;left:50px;top: 80px;font-size: 30px;padding: 10px 0;border-top: 1px solid #4c5c75;border-bottom: 1px solid #4c5c75; }
.pro_SelfPOS10 .con10 .item .img{text-align: right;padding:0 50px 30px 0;width: 100% }
.pro_SelfPOS10 .con10 .item_row{display: flex;justify-content: space-between}
.pro_SelfPOS10 .con10 .item1{height: 830px;}
.pro_SelfPOS10 .con10 .item2{height: 370px;width: calc(50% - 15px)}
.pro_SelfPOS10 .con10 .item3{height: 370px;width: calc(50% - 15px)}
.pro_SelfPOS10 .con10 .item4{height: 430px;margin-top: 30px;}
.pro_SelfPOS10 .con10 .item1 .img{padding-bottom: 0}
.pro_SelfPOS10 .con10 .item4 .img{padding-bottom: 0}

.pro_SelfPOS10 .con11{padding: 120px 0 80px 0}
.pro_SelfPOS10 .con11 .n_pro_title{text-align: center}
.pro_SelfPOS10 .con11 .list{margin-top: 60px;display: flex;justify-content: space-between}
.pro_SelfPOS10 .con11 .list .item{width: 24%;}
.pro_SelfPOS10 .con11 .list .item .g_bg{padding-top: 173%}

.pro_SelfPOS10 .con12{background: url("../images/product_SelfPOS10/con12_1.jpg");background-position: center;background-size: cover}
.pro_SelfPOS10 .con12 .n_pro_title{text-align: center}


.n_pro_d1 .n_banner_text span{margin-top: 40px;display: block}
.n_pro_d1 .n_banner_con{padding-left: 10%;}

.n_pro_d2 .n_banner_text span{margin-top: 40px;display: block}
.n_pro_d2 .n_banner_con{padding-left: 10%;}


@media (max-width:1680px) {
    .n_pro_title b{font-size: 42px;line-height: 42px;height: 42px;}
}
@media (max-width:1440px) {

    .n_banner_text span{margin-top: 30px;font-size: 24px;display: block;font-weight: lighter;color: #000;letter-spacing: 1px}
    .n_banner_text b{display: block;margin-top: 30px; font-size: 50px;color: #000}
    .n_banner_text p{max-width: 48%; font-size: 20px;font-weight: lighter;color: #000;white-space: initial;letter-spacing: 0}

    .pro_SelfPOS10 .n_banner_text p{margin-top: 30px;}
    .pro_SelfPOS10 .n_banner_text span{margin-top: 0;}

    .n_pro_title b{font-size: 34px!important;line-height: 34px!important;height: 34px!important;}
    .n_pro_title p{font-size: 20px;line-height: 46px;margin-top: 40px;}
    .n_pro_title i{margin-bottom: 50px;}


    .pro_ACS_S50 .con3{padding: 120px 0 60px 0}
    .pro_ACS_S50 .con3 .con_l{max-width: 48%}
    .pro_ACS_S50 .con4{padding: 100px 0;}

    .pro_ACS_S50 .con4 .i,
    .pro_ACS_S100 .con6 .i{margin-top: 80px;}

    .pro_AIPOS300_H .con5 .i .icon,
    .pro_ACS_S50 .con4 .i .icon,
    .pro_ACS_S100 .con6 .i .icon {width: 90px;height: 90px;}

    .pro_ACS_S50 .con4 .i span,
    .pro_ACS_S100 .con6 .i span{font-size: 20px;}

    .show_view{padding: 100px 0 80px 0}
    .show_list .item .before{width: 100px;height: 100px;}
    .show_list .item .before span{font-size: 20px;}
    .show_list .item .before i{font-size: 30px;}

    .pro_ACS_S100 .con1 .list .g_w .item{height: 150px;}
    .pro_ACS_S100 .con1 .list .g_w .item span{font-size: 24px;}
    .pro_ACS_S100 .con1 .list .g_w .item .icon{width: 60px;height: 60px;}

    .pro_ACS_S100 .con2 .con_l{padding-top: 140px;width: 48%}

    .pro_ACS_S100 .con3{padding: 200px 0 120px 0}
    .pro_ACS_S100 .con3 .bottom{font-size: 20px;height: 140px;}
    .pro_ACS_S100 .con3 .bottom i{width: 64px;height: 61px;}
    .pro_ACS_S100 .con4{padding: 200px 0 ;}
    .pro_ACS_S100 .con5{padding: 100px 0 60px 0;}
    .pro_ACS_S100 .con5 .con_l{max-width: 48%}

    .pro_ACS_S100 .con6{padding: 180px 0 220px;}

    .pro_AIPOS20_3 .con1{padding: 110px 0 70px 0}
    .pro_AIPOS20_3 .con2 .item2 .n_pro_title p{font-size: 16px;}

    .pro_AIPOS300_H .con2{padding: 110px 0 30px 0}
    .pro_AIPOS300_H .con5 .con_l{padding-top: 60px;}
    .pro_AIPOS300_H .con5 .n_pro_title b{height: auto!important;line-height: 64px!important;}
    .pro_AIPOS300_H .con6 .item .icon{width: 140px;height: 140px;}
    .pro_AIPOS300_H .con6 .item span{font-size: 18px;}
    .pro_AIPOS300_H .con6{padding: 130px 0 150px 0}
    .pro_AIPOS300_H .con6 .list{margin-top: 70px;}
    .pro_AIPOS300_H .con6 .item{margin: 0 60px;}

    .pro_AnyPOS300_3 .con1{padding: 90px 0}
    .pro_AnyPOS300_3 .con1 ul li .item{height: 600px;}
    .pro_AnyPOS300_3 .con1 ul li .item .title{font-size: 20px;padding-bottom: 20px;line-height: 40px;}
    .pro_AnyPOS300_3 .con1 ul li .item2 .title{padding: 20px 0}
    .pro_AnyPOS300_3 .con1 ul li .item2{height: 290px;}
    .pro_AnyPOS300_3 .con2{padding: 120px 0 70px 0}
    .pro_AnyPOS300_3 .con3 .bottom{margin-top: 70px;}
    .pro_AnyPOS300_3 .con3{padding: 180px 0 150px 0;}
    .pro_AnyPOS300_3 .con3 .bottom i{width: 80px;height: 80px;line-height:80px;font-size: 36px;}
    .pro_AnyPOS300_3 .con3 .bottom .item{margin-right: 30px;}

    .pro_SelfPOS10 .con5 .n_pro_title b,
    .pro_SelfPOS10 .con1 .n_pro_title b{line-height: 70px!important; }

    .pro_SelfPOS10 .con1 .n_pro_title p{line-height: 50px;}

    .pro_SelfPOS10 .con1{padding: 160px 0 30px 0}
    .pro_SelfPOS10 .con2 .img{margin-top: 80px;}

    .pro_SelfPOS10 .con3 .con_r{padding-left: 600px;padding-top: 30px;}
    .pro_SelfPOS10 .con3 .con_l{width: 600px;}

    .pro_SelfPOS10 .con7 .bottom .item .icon,
    .pro_SelfPOS10 .con3 .bottom .icon,
    .pro_SelfPOS10 .con5 .bottom .icon{width: 100px;height: 100px;}

    .pro_SelfPOS10 .con5 .bottom span,
    .pro_SelfPOS10 .con3 .bottom span{font-size: 20px;}

    .pro_SelfPOS10 .con5{padding-top: 100px;}
    .pro_SelfPOS10 .con5 .con_l{width: 550px;}
    .pro_SelfPOS10 .con5 .con_r{width: calc(100% - 900px); }
    .pro_SelfPOS10 .con5 .view{justify-content: space-between}

    .pro_SelfPOS10 .con8 .con_l{height: 800px;}
    .pro_SelfPOS10 .con8 .con_l .top{left: 5vw;top: 50px;}
    .pro_SelfPOS10 .con8 .top b{font-size: 30px;}
    .pro_SelfPOS10 .con8 .top p{font-size: 20px;margin-top: 30px;}
    .pro_SelfPOS10 .con8 .con_r{height: 800px;}
    .pro_SelfPOS10 .con8 .con_r .top{top: 50px;}

    .pro_SelfPOS10 .con9 .item_title b{font-size: 30px;line-height: 50px;margin-top: 20px;}
    .pro_SelfPOS10 .con9 .item_title i{font-size: 40px;}

    .pro_SelfPOS10 .con10 .item_title{font-size: 24px;}
    /*.pro_SelfPOS10 .con10 .item1 .img img{max-width: 70%}*/
    .pro_SelfPOS10 .con10 .item1 .img{padding-right: 0}
    .pro_SelfPOS10 .con10 .item1 .img img{max-width: 80%}
    .pro_SelfPOS10 .con10 .item1{height: 700px;}
    .pro_SelfPOS10 .con10 .item2{height: 315px}
    .pro_SelfPOS10 .con10 .item3{height: 315px}
    .pro_SelfPOS10 .con10 .item4{height: 365px;}
    .pro_SelfPOS10 .con10 .item2 img{max-width: 30%}
    .pro_SelfPOS10 .con10 .item3 img{max-width: 40%}
    .pro_SelfPOS10 .con10 .item4 img{max-width: 40%}
}
@media (max-width:1350px) {
    .pro_AIPOS20_3 .con2 .item2 .n_pro_title{right: 40px;}
}
@media (max-width:1280px) {
    .n_pro_title b{font-size: 28px!important;line-height: 28px!important;height: 28px!important;}
    .n_pro_title p{font-size: 16px;line-height: 36px;margin-top: 30px;}

    .pro_AnyPOS300_3 .n_banner_text img,
    .pro_AIPOS300_H .n_banner_text img,
    .pro_AIPOS20_3 .n_banner_text img,
    .pro_ACS_S50 .n_banner_text img,
    .pro_ACS_S100 .n_banner_text img{max-width: 30%}

    .pro_ACS_S50 .con2{padding: 100px 0 60px 0}

    .pro_ACS_S50 .con4{padding: 90px 0;}
    .pro_ACS_S50 .con4 .i{margin-top: 70px;}

    .pro_AIPOS300_H .con5 .i .icon,
    .pro_ACS_S50 .con4 .i .icon,
    .pro_ACS_S100 .con6 .i .icon{width: 80px;height: 80px;}

    .pro_AIPOS300_H .con5 .i span,
    .pro_ACS_S50 .con4 .i span,
    .pro_ACS_S100 .con6 .i span{font-size: 18px;}

    .show_view{padding: 90px 0 70px 0}
    .show_list{margin-top: 40px;}
    .show_list .item .before{width: 90px;height: 90px;}
    .show_list .item .before span{font-size: 18px;}
    .show_list .item .before i{font-size: 28px;}

    .pro_AIPOS300_H .con1{padding-top: 100px;}
    .pro_AIPOS300_H .con2 .view .con_r{padding-left:100px; }
    .pro_AIPOS300_H .con2 .view .bottom .item{width: 100px;padding: 20px 0;}
    .pro_AIPOS300_H .con2 .view .bottom .item b{font-size: 24px;}
    .pro_AIPOS300_H .con2 .view .bottom .item span{font-size: 16px;margin-top: 10px;}
    .pro_AIPOS300_H .con2 .view .bottom{margin-top: 40px;}
    .pro_AIPOS300_H .con3 .n_pro_title p{font-size: 16px;}
    .pro_AIPOS300_H .con4 .con_r{padding-top: 150px;}
    .pro_AIPOS300_H .con4 .n_pro_title i{margin-bottom: 40px;}
    .pro_AIPOS300_H .con4 .n_pro_title p{font-size: 16px;}
    .pro_AIPOS300_H .con5 .con_l{padding-top: 0}
    .pro_AIPOS300_H .con5 .con_r{padding-left: 100px;}
    .pro_AIPOS300_H .con5 .n_pro_title p{font-size: 16px;}
    .pro_AIPOS300_H .con5 .n_pro_title b{line-height: 50px!important;}
    .pro_AIPOS300_H .con5 .i{margin-top: 30px;}
    .pro_AIPOS300_H .con6{padding: 100px 0 120px 0;}
    .pro_AIPOS300_H .con6 .item{margin: 0 40px;}
    .pro_AIPOS300_H .con6 .item .icon{width: 120px;height: 120px;}
    .pro_AIPOS300_H .con6 .item span{font-size: 16px;}


    .pro_AnyPOS300_3 .con5 .bottom span{font-size: 18px;}
    .pro_AnyPOS300_3 .con6 .n_pro_title em{margin-top: 40px;}

    .pro_SelfPOS10 .con1{padding: 100px 0 30px 0;background-position: bottom center}
    .pro_SelfPOS10 .con5 .n_pro_title b,
    .pro_SelfPOS10 .con1 .n_pro_title b {line-height: 56px!important;}
    .pro_SelfPOS10 .con1 .n_pro_title p{line-height: 30px;}

    .pro_SelfPOS10 .con2{padding: 100px 0 60px 0}
    .pro_SelfPOS10 .con2 .img{margin-top: 60px;}
    .pro_SelfPOS10 .con2 .img img{max-width: 80%;}

    .pro_SelfPOS10 .con7 .bottom .item .icon,
    .pro_SelfPOS10 .con3 .bottom .icon,
    .pro_SelfPOS10 .con5 .bottom .icon{ width: 80px;height: 80px;}

    .pro_SelfPOS10 .con3 .bottom{margin-top: 40px;}

    .pro_SelfPOS10 .con5 .bottom span,
    .pro_SelfPOS10 .con3 .bottom span{font-size: 16px;}

    .pro_SelfPOS10 .con4 .bottom span{width: 110px;height: 60px;line-height: 60px;font-size: 20px;}

    .pro_SelfPOS10 .con5 .con_l{width: 500px;}

    .pro_SelfPOS10 .con7{padding: 160px 0}

    .pro_SelfPOS10 .con8 .top p{white-space: nowrap}
}
@media (max-width:1220px) {

    .n_banner_text span{margin-top: 30px;font-size: 20px;display: block;font-weight: lighter;color: #000;letter-spacing: 1px}
    .n_banner_text b{display: block;margin-top: 30px; font-size: 40px;color: #000}
    .n_banner_text p{;max-width: 48%; font-size: 18px;font-weight: lighter;color: #000;white-space: initial;letter-spacing: 0}

    .pro_SelfPOS10 .n_banner_text p{margin-top: 30px;}
    .pro_SelfPOS10 .n_banner_text span{margin-top: 0;}

    .pro_ACS_S50 .con2{padding: 80px 0 40px 0}
    .n_pro_title i{font-size: 40px!important;line-height: 40px!important;height: 40px!important;margin-bottom: 40px!important;}
    .pro_ACS_S50 .con4{padding: 80px 0;}

    .pro_ACS_S50 .con4 .i{margin-top: 50px;}

    .pro_AIPOS300_H .con5 .i .icon,
    .pro_ACS_S50 .con4 .i .icon,
    .pro_ACS_S100 .con6 .i .icon{width: 70px;height: 70px;}

    .pro_AIPOS300_H .con5 .i span,
    .pro_ACS_S50 .con4 .i span,
    .pro_ACS_S100 .con6 .i span{font-size: 16px;margin-top: 10px;}

    .show_view{padding: 80px 0 60px 0}
    .show_list{margin-top: 40px;}
    .show_list .item .before{width: 80px;height: 80px;}
    .show_list .item .before span{font-size: 16px;}
    .show_list .item .before i{font-size: 24px;}

    .pro_ACS_S100 .con1 .list .g_w .item{height: 120px;}
    .pro_ACS_S100 .con1 .list .g_w .item span{font-size: 20px;}
    .pro_ACS_S100 .con1 .list .g_w .item .icon{width: 50px;height: 50px;}
    .pro_ACS_S100 .con2 .con_l{padding-top: 120px;width: 48%}
    .pro_ACS_S100 .con2 .con_r{ width: 48%}
    .pro_ACS_S100 .con3{padding: 140px 0 90px 0;}
    .pro_ACS_S100 .con4{padding: 160px 0 ;}

    .pro_ACS_S100 .con6{padding: 160px 0 ;}

    .pro_AIPOS20_3 .con1{    padding: 80px 0 40px 0;}
    .pro_AIPOS20_3 .con1 .view .n_pro_title{margin-top: 100px;}
    .pro_AIPOS20_3 .con1 .view .con_l{width:calc(100% - 420px);}
    .pro_AIPOS20_3 .con1 .view .con_r{width: 420px;}
    .pro_AIPOS20_3 .con2 .item2 .n_pro_title{top: 15%;right: 30px;}
    .pro_AIPOS20_3 .con2 .item2 .n_pro_title p{font-size: 14px;}
    .pro_AIPOS20_3 .con2 .item2{margin-top: 50px;}
    .pro_AIPOS20_3 .con2 .item1{ padding: 100px 40px 30px 40px;margin-top: 50px;}
    .pro_AIPOS20_3 .con2 .item1 .con_r{padding-left: 80px;width: calc(100% - 300px);}
    .pro_AIPOS20_3 .con2 .item1 .con_l{width: 300px;}

    .pro_AIPOS300_H .con1{padding: 80px 0 0 0}
    .pro_AIPOS300_H .con1 .view .con_l{padding-top: 60px;}
    .pro_AIPOS300_H .con2{padding: 80px 0 30px 0;}
    .pro_AIPOS300_H .con2 .view .bottom .item{width: 90px; ;margin-right: 40px;}
    .pro_AIPOS300_H .con2 .view .bottom .item b{font-size: 20px;height: 20px;line-height: 20px;}
    .pro_AIPOS300_H .con2 .view .bottom .item span{font-size: 14px;margin-top: 10px;}
    .pro_AIPOS300_H .con4{padding: 80px 0 40px 0;}
    .pro_AIPOS300_H .con4 .con_r{padding-top: 100px;width: 500px;}
    .pro_AIPOS300_H .con4 .con_l{width: calc(100% - 500px);padding-right: 140px;}
    .pro_AIPOS300_H .con5{padding: 80px 0 20px 0}
    .pro_AIPOS300_H .con5 .con_l{width: 50%}
    .pro_AIPOS300_H .con5 .n_pro_title b{line-height: 40px!important;}
    .pro_AIPOS300_H .con5 .con_r{width: 50%}
    .pro_AIPOS300_H .con6 .item .icon{width: 110px;height: 110px;}
    .pro_AIPOS300_H .con7{padding: 80px 0}

    .pro_AnyPOS300_3 .con1 ul li .item .title{font-size: 18px;line-height: 30px;}
    .pro_AnyPOS300_3 .con2{padding: 80px 0 60px 0}
    .pro_AnyPOS300_3 .con2 .con_r img{height: 460px;}
    .pro_AnyPOS300_3 .con3{padding: 100px 0 80px 0;}
    .pro_AnyPOS300_3 .con3 .bottom{margin-top: 40px;}
    .pro_AnyPOS300_3 .con3 .bottom i{width: 60px;height: 60px;line-height: 60px;font-size: 24px}
    .pro_AnyPOS300_3 .con3 .bottom i.icon-supermarket_icon{font-size: 34px;}
    .pro_AnyPOS300_3 .con3 .bottom span{font-size: 16px;}
    .pro_AnyPOS300_3 .con5 .bottom .item{margin-right: 30px;}
    .pro_AnyPOS300_3 .con5 .bottom i{width: 80px;height: 80px;line-height: 80px; font-size: 36px;}
    .pro_AnyPOS300_3 .con5 .bottom span{font-size: 18px;}

    .pro_SelfPOS10 .con1 .con_r{padding-left: 0}

    .pro_SelfPOS10 .con4 {padding: 80px 0}
    .pro_SelfPOS10 .con4 .con_l{width: 55%}
    .pro_SelfPOS10 .con4 .con_r{width: 45%}
    .pro_SelfPOS10 .con5 .con_r{width: calc(100% - 700px);}

    .pro_SelfPOS10 .con6{padding: 80px 0}

    .pro_SelfPOS10 .con7{padding: 120px 0;}
    .pro_SelfPOS10 .con7 .bottom span{font-size: 16px;}

    .pro_SelfPOS10 .con8 .top b{font-size: 24px;}
    .pro_SelfPOS10 .con8 .top p{font-size: 16px;}
    .pro_SelfPOS10 .con8 .con_l, .pro_SelfPOS10 .con8 .con_r{height: 700px;}

    .pro_SelfPOS10 .con9 .item_title b{font-size: 24px;line-height: 48px;}
    .pro_SelfPOS10 .con9 .item_title i{height: 34px;line-height: 34px;}
    .pro_SelfPOS10 .con9 .item_title:after{margin-top: 20px;}

    .pro_SelfPOS10 .con10 .item_title{font-size: 20px;}
}
@media (max-width:1024px) {
    .n_pro_title b{font-size: 24px!important;line-height: 24px!important;height: 24px!important;}
    .n_pro_title p{font-size: 14px;line-height: 30px;margin-top:30px;}
    .pro_ACS_S50 .con3 .con_l{width: 48%}
    .pro_ACS_S50 .con3 .con_r{width: 48%}
    .pro_ACS_S50 .con4 .con_l{width: 50%}
    .pro_ACS_S50 .con4 .con_r{width: 50%}

    .pro_AIPOS300_H .con1 .view .g_w{justify-content: space-between}
    .pro_AIPOS300_H .con1 .view .con_l{padding-top: 0;width: 300px;}
    .pro_AIPOS300_H .con1 .view .con_r{width: calc(100% - 350px);}

    .pro_AIPOS300_H .con2 .view .con_l{padding-top: 0;width:300px}
    .pro_AIPOS300_H .con2 .view .con_r{width: calc(100% - 300px)}

    .pro_AIPOS300_H .con4 .con_r{padding-top: 80px;width: 50%;}
    .pro_AIPOS300_H .con4 .con_l{width: 50%;padding-right: 100px;}

    .pro_SelfPOS10 .con1 .con_l{width: 400px;}
    .pro_SelfPOS10 .con1 .con_r{width: calc(100% - 400px)}

    .pro_SelfPOS10 .con3 .con_r{padding-top: 80px;padding-left: 400px;}
    .pro_SelfPOS10 .con3 .con_l{width: 500px;}

    .pro_SelfPOS10 .con5 .con_l{width: 450px;}
    .pro_SelfPOS10 .con5 .con_r{width: calc(100% - 600px);}

    .pro_SelfPOS10 .con8 .con_l, .pro_SelfPOS10 .con8 .con_r{height: 620px;}
    .pro_SelfPOS10 .con8 .top b{font-size: 20px;}

    .pro_SelfPOS10 .con9 .item_l{padding-left: 60px;}
    .pro_SelfPOS10 .con9 .item:nth-child(2) .item_l{padding-right: 60px;}
    .pro_SelfPOS10 .con9 .item_title{padding-bottom: 0}
    .pro_SelfPOS10 .con9 .item_title b{font-size: 20px;line-height: 36px;}
    .pro_SelfPOS10 .con9 .item_title i{font-size: 28px;line-height: 28px;}

    .pro_SelfPOS10 .con10 .item_title{font-size: 18px;left: 20px;}
    .pro_SelfPOS10 .con10 .item1{height: 500px;}
    .pro_SelfPOS10 .con10 .item2{height: 215px;}
    .pro_SelfPOS10 .con10 .item3{height: 215px;}
    .pro_SelfPOS10 .con10 .item4{height: 265px;}

    .pro_SelfPOS10 .con11{padding: 80px 0}
}
@media (max-width:998px) {

}
@media (max-width:768px) {
    .n_pro_title b{font-size: 20px!important;line-height: 20px!important;height: 20px!important;}
    .n_pro_title p{font-size: 14px;line-height: 26px;margin-top: 20px;}
    .pro_ACS_S50 .con2{padding: 40px 0}
    .pro_ACS_S50 .con2 .img{margin-top: 20px;}
    .pro_ACS_S50 .con3{padding: 40px 0;}
    .pro_ACS_S50 .con3 .view .g_w{display: block}
    .pro_ACS_S50 .con3 .con_l{width: 100%;text-align: center}
    .pro_ACS_S50 .con3 .con_r{width: 100%;margin-top: -40px;}
    .n_pro_title i{font-size: 30px!important;line-height: 30px!important;height: 30px!important;margin-bottom:20px!important;}
    .pro_ACS_S50 .con4{padding: 40px 0}
    .pro_ACS_S50 .con4 .view .g_w{display: block}
    .pro_ACS_S50 .con4 .con_l{width: 100%}
    .pro_ACS_S50 .con4 .i{margin-top: 20px;}
    .pro_ACS_S50 .con4 .con_r{width: 100%;margin-top: 20px;}
    .show_view{padding: 40px 0}
    .show_list .flex{display: block}
    .show_list .con_l{width: 100%}
    .show_list .con_r{width: 100%}
    .show_list .item .g_bg{padding-top: 70%}
    .show_list .item .before{opacity: 1;transform: translate(-50%,-50%) scale(1);}

    .pro_ACS_S100 .con1{padding: 40px 5%;}
    .pro_ACS_S100 .con1 .top{position: relative}
    .pro_ACS_S100 .con1 .list{position: relative;}
    .pro_ACS_S100 .con1 .list .g_w{display: block;}
    .pro_ACS_S100 .con1 .list .g_w .item{width: 100%;height: 100px;margin: 20px auto 0 auto}
    .pro_ACS_S100 .con2{padding-top: 40px;}
    .pro_ACS_S100 .con2 .con_l{padding-top: 0}
    .pro_ACS_S100 .con3{padding: 60px 0}
    .pro_ACS_S100 .con3 .bottom{font-size: 16px;height: 90px;margin-top: 20px;}
    .pro_ACS_S100 .con3 .bottom i{width: 44px;height: 41px;}
    .pro_ACS_S100 .con4{padding: 100px 0}

    .pro_ACS_S100 .con5 {padding: 60px 0}
    .pro_ACS_S100 .con5 .con_r{width: 60%}
    .pro_ACS_S100 .con5 .con_l{width: 40%;max-width: 50%}

    .pro_ACS_S100 .con6{padding: 60px 0}
    .pro_ACS_S100 .con6 .con_l{width: 50%}
    .pro_ACS_S100 .con6 .i{margin-top: 20px;}
    .pro_ACS_S100 .con6 .i > div{margin-right: 20px;}
    .pro_ACS_S100 .con6 .i .icon{background-color: rgba(0,0,0,.2)}

    .pro_AIPOS20_3 .con1{padding: 40px 0}
    .pro_AIPOS20_3 .con1 .view .con_l{width: 60%;padding-right: 20px;}
    .pro_AIPOS20_3 .con1 .view .con_r{width: 40%}
    .pro_AIPOS20_3 .con1 .view .n_pro_title{margin-top: 30px;}

    .pro_AIPOS20_3 .con2 .item1{padding: 40px 20px;display: block}
    .pro_AIPOS20_3 .con2 .item1 .n_pro_title{margin-top: 0}
    .pro_AIPOS20_3 .con2 .item1 .con_r{width: 100%;padding: 20px 0}
    .pro_AIPOS20_3 .con2 .item2{background: rgba(0,0,0,.7);}
    .pro_AIPOS20_3 .con2 .item2 .n_pro_title{position: relative;top: auto;right: auto;padding: 20px;text-align: left}

    .pro_AIPOS300_H .con1{padding-top: 40px;}
    .pro_AIPOS300_H .con1 .view .g_w{display: block}
    .pro_AIPOS300_H .con1 .view .con_l{width: 100%}
    .pro_AIPOS300_H .con1 .view .con_r{ width: 80%; margin: 20px auto 0 auto;}

    .pro_AIPOS300_H .con2{padding: 40px 0;background-position: center bottom}
    .pro_AIPOS300_H .con2 .view .g_w{display: block}
    .pro_AIPOS300_H .con2 .view .con_l{width: 100%;padding-left: 0}
    .pro_AIPOS300_H .con2 .view .con_r{width: 100%;padding-left: 0;margin-top: 30px;}

    .pro_AIPOS300_H .con3 .n_pro_title p{font-size: 14px;}

    .pro_AIPOS300_H .con4{padding: 40px 0}
    .pro_AIPOS300_H .con4 .g_w{display: block}
    .pro_AIPOS300_H .con4 .con_l{width: 60%; margin: 0 auto; padding: 0}
    .pro_AIPOS300_H .con4 .con_r{width: 100%;padding: 0;margin-top:30px;}
    .pro_AIPOS300_H .con4 .n_pro_title p{font-size: 14px;}
    .pro_AIPOS300_H .con5{padding: 40px 0}
    .pro_AIPOS300_H .con5 .g_w{display: block}
    .pro_AIPOS300_H .con5 .con_l{width: 100%; margin: 0 auto; padding: 0}
    .pro_AIPOS300_H .con5 .con_r{width: 100%;padding: 0;margin-top:30px;}
    .pro_AIPOS300_H .con5 .n_pro_title b{line-height: 36px!important;}
    .pro_AIPOS300_H .con5 .n_pro_title p{font-size: 14px;}
    .pro_AIPOS300_H .con6 .item .icon{width: 80px;height: 80px;}
    .pro_AIPOS300_H .con6 .item span{font-size: 14px;font-weight: 400}
    .pro_AIPOS300_H .con6 .item{margin: 0 20px;}
    .pro_AIPOS300_H .con6 .list{margin-top: 40px;}
    .pro_AIPOS300_H .con6{padding: 80px 0;}
    .pro_AIPOS300_H .con7 .item .before{width: 90px;height: 90px;}
    .pro_AIPOS300_H .con7 .item .before span{font-size: 16px;}
    .pro_AIPOS300_H .con7 .item .before i{font-size: 30px;}
    .pro_AIPOS300_H .con7 .list{margin-top: 30px;}
    .pro_AIPOS300_H .con7{padding: 40px 0}
    .pro_AIPOS300_H .con7 .item .before{transform: translate(-50%,-50%) scale(1);opacity: 1;}

    .pro_AnyPOS300_3 .con1{padding: 40px 0}
    .pro_AnyPOS300_3 .con1 ul{display: block}
    .pro_AnyPOS300_3 .con1 ul li {width: 100%}
    .pro_AnyPOS300_3 .con1 ul li .item{padding:30px 0;height: auto}
    .pro_AnyPOS300_3 .con1 ul li .item .img{margin-top: 30px;}
    .pro_AnyPOS300_3 .con1 ul li:nth-child(2){width: 100%;margin-top: 20px;}
    .pro_AnyPOS300_3 .con1 ul li .item2{display: block}
    .pro_AnyPOS300_3 .con1 ul li .item2 .item_l{width: 100%}
    .pro_AnyPOS300_3 .con1 ul li .item2 .item_r{width: 100%;text-align: center}
    .pro_AnyPOS300_3 .con1 ul li .item2 .img{position: relative;left: auto;bottom: auto;width: 100%;padding: 0 20px;}
    .pro_AnyPOS300_3 .con1 ul li .item2 .title{padding-top: 0;}
    .pro_AnyPOS300_3 .con1 ul li .item2 .title:before{display: none}
    .pro_AnyPOS300_3 .con1 ul li .item2:nth-child(2) .img{position: relative;left: auto;bottom: auto;transform: translateY(0);width: 100%;padding: 0 20px;margin-top: 30px;}
    .pro_AnyPOS300_3 .con1 ul li .item2:nth-child(2){display: flex;flex-direction: column-reverse}

    .pro_AnyPOS300_3 .con2{padding: 40px 0 80px;}
    .pro_AnyPOS300_3 .con2 .g_w{display: block;}
    .pro_AnyPOS300_3 .con2 .con_l{width: 100%;text-align: center;padding-top: 0}
    .pro_AnyPOS300_3 .con2 .con_r{margin-top: 30px;width: 100%;text-align: center}
    .pro_AnyPOS300_3 .con2 .con_r img{height: auto;max-height: 300px;}

    .pro_AnyPOS300_3 .con3{padding: 60px 0}

    .pro_AnyPOS300_3 .con4{padding: 0 0 40px 0;}
    .pro_AnyPOS300_3 .con4 .n_pro_title{text-align: center}
    .pro_AnyPOS300_3 .con4 .g_w{display: block}
    .pro_AnyPOS300_3 .con4 .con_l{width: 100%;text-align: center}
    .pro_AnyPOS300_3 .con4 .con_l img{max-width: 80%;width: 400px;}
    .pro_AnyPOS300_3 .con4 .con_r{width: 100%;margin-top: 20px;}

    .pro_AnyPOS300_3 .con5{padding: 40px 0}
    .pro_AnyPOS300_3 .con5 .n_pro_title{text-align: center}
    .pro_AnyPOS300_3 .con5 .g_w .view{display: block}
    .pro_AnyPOS300_3 .con5 .con_l{position: relative;left: auto;top: auto;transform: translate(0)}
    .pro_AnyPOS300_3 .con5 .con_r .img{margin: 30px auto 0 auto;padding:0;}
    .pro_AnyPOS300_3 .con5 .bottom{margin-top: 30px;justify-content: center}
    .pro_AnyPOS300_3 .con5 .bottom i{width: 50px;height: 50px;line-height: 50px;font-size: 24px;}
    .pro_AnyPOS300_3 .con5 .bottom span{font-size: 14px;}

    .pro_AnyPOS300_3 .con6{margin-top: 140px;position: relative}
    .pro_AnyPOS300_3 .con6:before{content: '';position: absolute;left: 0;top: 0;transform: translateY(-100%);width: 100%;height: 140px;background: #d5dce6;display: block}
    .pro_AnyPOS300_3 .con6 .con_l{top: 0;transform: translateY(calc(-10px - 100% ) )}
    .pro_AnyPOS300_3 .con6 .n_pro_title em{width: 40px;margin-top: 20px;display: none}
    .pro_AnyPOS300_3 .con6 .n_pro_title p{margin-top: 10px;}

    .n_banner_text span{font-size: 18px;margin-top: 10px;}
    .n_banner_text b{margin-top: 10px;font-size: 24px;}
    .n_banner_text p{font-size: 14px;}

    .pro_SelfPOS10 .n_banner_text p{margin-top: 10px;}
    .pro_SelfPOS10 .n_banner_text span{margin-top: 0;}


    .pro_SelfPOS10 .con1{padding-top: 40px;}
    .pro_SelfPOS10 .con1 .view{display: block}
    .pro_SelfPOS10 .con1 .con_l{width: 100%}
    .pro_SelfPOS10 .con5 .n_pro_title b, .pro_SelfPOS10 .con1 .n_pro_title b{line-height: 36px!important;}
    .pro_SelfPOS10 .con1 .n_pro_title p{line-height: 24px;}
    .pro_SelfPOS10 .con1 .con_r{width: 100%;margin-top: 30px;text-align: center}

    .pro_SelfPOS10 .con2{padding: 40px 0}
    .pro_SelfPOS10 .con2 .img{margin-top: 30px;}
    .pro_SelfPOS10 .con2 .img img{max-width: 100%}

    .pro_SelfPOS10 .con3 {padding: 40px 0 0 0}
    .pro_SelfPOS10 .con3 .con_l{position: relative;top: auto;transform: translate(0);width: 100%}
    .pro_SelfPOS10 .con3 .bottom{margin-top: 20px;}
    .pro_SelfPOS10 .con3 .bottom .item{margin-right: 30px;}
    .pro_SelfPOS10 .con3 .con_r{padding-left: 0;padding-top: 0}

    .pro_SelfPOS10 .con4{padding: 40px 0}
    .pro_SelfPOS10 .con4 .view{display: block}
    .pro_SelfPOS10 .con4 .con_l{width: 100%;padding-right: 0;text-align: center}
    .pro_SelfPOS10 .con4 .con_l img{max-width: 80%}
    .pro_SelfPOS10 .con4 .con_r{width: 100%;margin-top: 20px;}
    .pro_SelfPOS10 .con4 .bottom{margin-top: 20px;}
    .pro_SelfPOS10 .con4 .bottom .item{margin-left: 30px;}
    .pro_SelfPOS10 .con4 .bottom span{font-size: 16px;height: 46px;line-height: 46px;width: 100px}

    .pro_SelfPOS10 .con5{padding: 40px 0}
    .pro_SelfPOS10 .con5 .view{display: block}
    .pro_SelfPOS10 .con5 .con_l{width: 100%}
    .pro_SelfPOS10 .con5 .con_r{width: 100%;margin-top: 50px;}
    .pro_SelfPOS10 .con5 .con_r .img{width: 50%}
    .pro_SelfPOS10 .con5 .bottom{margin-top: 20px;}

    .pro_SelfPOS10 .con7 .bottom .item .icon,
    .pro_SelfPOS10 .con3 .bottom .icon,
    .pro_SelfPOS10 .con5 .bottom .icon{width: 70px;height: 70px;}

    .pro_SelfPOS10 .con5 .bottom span, .pro_SelfPOS10 .con3 .bottom span{font-size: 14px;}

    .pro_SelfPOS10 .con6 {padding: 40px 0}
    .pro_SelfPOS10 .con6 ul{display: block;margin-top: 20px;}
    .pro_SelfPOS10 .con6 ul li{width: 100%}
    .pro_SelfPOS10 .con6 .item{margin-top: 10px;}

    .pro_SelfPOS10 .con7{padding: 40px 0}
    .pro_SelfPOS10 .con7 .bottom{margin-top: 20px;}
    .pro_SelfPOS10 .con7 .bottom .item{margin-left: 30px;}
    .pro_SelfPOS10 .con7 .bottom span{font-size: 14px;margin-top: 10px;white-space: nowrap}

    .pro_SelfPOS10 .con8{padding: 40px 0 0 0}
    .pro_SelfPOS10 .con8 .view{margin-top: 0;display: block}
    .pro_SelfPOS10 .con8 .con_l,
    .pro_SelfPOS10 .con8 .con_r{width: 100%;height: auto;text-align: center;padding: 20px 0;margin-top: 10px;}
    .pro_SelfPOS10 .con8 .con_l .top,
    .pro_SelfPOS10 .con8 .con_r .top{text-align: center;position: relative;top: auto;left: auto; width: 100%;transform: translate(0)}
    .pro_SelfPOS10 .con8 .top p{margin-top: 10px;}
    .pro_SelfPOS10 .con8 .top b{font-size: 18px;}
    .pro_SelfPOS10 .con8 .con_l img{width: 50%;margin: 20px auto 0 auto; position: relative;left: auto;bottom: auto;transform: translate(0); display: block}
    .pro_SelfPOS10 .con8 .con_r img{width: 50%;margin: 20px auto 0 auto; position: relative;left: auto;bottom: auto;transform: translate(0); display: block}

    .pro_SelfPOS10 .con9{padding: 40px 0 0 0}
    .pro_SelfPOS10 .con9 .list{margin-top: 30px;}
    .pro_SelfPOS10 .con9 .item{display: block;padding: 20px 0 0 0;margin-top: 10px;}
    .pro_SelfPOS10 .con9 .item_l{padding: 0 20px;width: 100%}
    .pro_SelfPOS10 .con9 .item_title b{font-size: 18px;line-height: 30px;margin-top: 10px}
    .pro_SelfPOS10 .con9 .item_title:after{margin-top: 10px;}
    .pro_SelfPOS10 .con9 .item_r{width: 100%;margin-top: 20px;}
    .pro_SelfPOS10 .con9 .item:nth-child(2) .item_l{padding: 0 20px;}

    .pro_SelfPOS10 .con9{padding: 40px 0 0 0}
    .pro_SelfPOS10 .con10 ul{margin-top: 20px;display: block}
    .pro_SelfPOS10 .con10 ul li{width: 100%}
    .pro_SelfPOS10 .con10 ul li:nth-child(2){width: 100%}
    .pro_SelfPOS10 .con10 .item{text-align: center;display: block;height: auto;padding: 20px 0;margin-top: 10px;}
    .pro_SelfPOS10 .con10 .item .img{text-align: center;margin-top: 20px;padding: 0}
    .pro_SelfPOS10 .con10 .item1 .img img{max-width: 50%}
    .pro_SelfPOS10 .con10 .item_title{position: relative;width: auto;margin: 0 auto; text-align: center;left: auto;top: auto;display: inline-block}
    .pro_SelfPOS10 .con10 .item_row{display: block}
    .pro_SelfPOS10 .con10 .item2{width: 100%}
    .pro_SelfPOS10 .con10 .item3{width: 100%}

    .pro_SelfPOS10 .con11{padding: 40px 0}
    .pro_SelfPOS10 .con11 .list{margin-top: 30px;display: block;}
    .pro_SelfPOS10 .con11 .list .item{width: 100%;margin-top: 10px;}
    .pro_SelfPOS10 .con11 .list .item .g_bg{padding-top: 70%}

    .n_pro_d1 .n_banner_con{padding-left: 0;}
    .n_pro_d1 .n_banner_text span{margin-top: 20px;}

    .n_pro_d2 .n_banner_con{padding-left: 0;}
    .n_pro_d2 .n_banner_text span{margin-top: 20px;}

    .con_gif{display: none}
}
@media (max-width:640px) {
    .pro_AIPOS300_H .con2 .view .bottom{margin-top: 20px;}
    .pro_AIPOS300_H .con2 .view .bottom .item{padding: 14px 0}
    .pro_AIPOS300_H .con2{padding-bottom: 120px;}
    .pro_AIPOS300_H .con3{height: 340px;}
    .pro_AIPOS300_H .con3 .top{top: 20px;}
    .pro_AIPOS300_H .con3 .n_pro_title p{margin-top: 10px;}

    .pro_AIPOS300_H .con5 .con_r{width: 80%;margin: 30px auto 0 auto}
    .pro_AIPOS300_H .con6 .item span{font-size: 12px;margin-top: 10px;}
    .pro_AIPOS300_H .con7 .item .before{width: 80px;height: 80px;}
    .pro_AIPOS300_H .con7 .item .before span{font-size: 14px;}

    .n_banner_text{letter-spacing: 2px;}
    .n_banner_text span{font-size: 16px;}
    .n_banner_text b{margin-top: 10px;font-size: 24px;}
    .n_banner_text p{font-size: 12px;margin-top: 10px;}
}