
.banner{width:100%;position:relative}
.banner .swiper-slide{width:100%;position:relative;overflow:hidden}
.banner .swiper-slide a{width:100%;display:block}
.banner .swiper-slide .img{width:100%;padding-top:36.45%}
.banner .swiper-slide .voc{background-color:#000;object-fit:cover;position:absolute;z-index:3;top:0;left:0;width:100%;height:100%}
.banner .swiper-slide .box{position:absolute;left:calc((260 / 1920 * 100%));top:50%;transform:translateY(-50%);width:8.2rem;max-width:80%;z-index:5}
.banner .swiper-slide .box .bp{width:100%;color:#fff;font-weight:700;line-height:1.5}
.banner .swiper-slide .box .bp p{color:#fff;line-height:1.5}
.banner .swiper-slide .box .xt{width:100%;color:#fff;line-height:1.5;margin:.1rem 0 .2rem}
.banner .swiper-slide .box .xt p{color:#fff;line-height:1.5}
.banner .swiper-slide .box .btns{width:100%;font-size:0;margin-top:.4rem}
.banner .swiper-slide .box .btns a{display:inline-block;vertical-align:middle;color:#fff;line-height:3.2;background-color:#58c747;top:0;position:relative;transition:all ease .5s;width:auto;padding:0 .3rem}
.banner .swiper-slide .box .btns a span{display:inline-block;vertical-align:middle;width:6px;margin-left:.1rem}
.banner .swiper-slide .box .btns a span img{width:100%;display:block}
.banner .swiper-slide .box .btns a:hover{background-color:#58c747;top:-.06rem}
.banner .swiper-pagination{bottom:1.3rem}
.banner .swiper-pagination-bullet{width:.1rem;height:.1rem;background-color:rgba(255,255,255,.5);display:inline-block;vertical-align:middle;opacity:1;border-radius:50%}
.banner .swiper-pagination-bullet-active{width:.3rem;height:.3rem;background-image:url("../images/i4.png");background-size:100% 100%;background-repeat:no-repeat;background-color:transparent}
@media (max-width:1540px){.banner .swiper-slide .box{left:3%}
}
@media (max-width:800px){.banner .swiper-slide .img{padding-top:55%}
.banner .swiper-slide .box .bp{font-size:18px}
.banner .swiper-pagination{bottom:.5rem}
}

/*! 首页-关于 start */.abouts{width:100%;padding:0;position:relative;z-index:2}
.abouts .classify{width:100%;font-size:0;position:relative;top:-1rem}
.abouts .classify .clatm{display:inline-block;vertical-align:top;width:25%}
.abouts .classify .clatm a{width:100%;display:block;font-size:0;background-color:#002040;padding:.3rem .4rem}
.abouts .classify .clatm .cic{display:inline-block;vertical-align:top;width:.5rem;height:.5rem;margin-right:.25rem}
.abouts .classify .clatm .cic img{width:100%;display:block}
.abouts .classify .clatm .cic img:first-child{display:block}
.abouts .classify .clatm .cic img:last-child{display:none}
.abouts .classify .clatm .cim{display:inline-block;vertical-align:top;width:calc(100% - .75rem)}
.abouts .classify .clatm .cim .ct{width:100%;color:#fff;line-height:1.5;font-weight:700;margin-bottom:.06rem}
.abouts .classify .clatm .cim .cp{width:100%;color:rgba(255,255,255,.7);line-height:1.5;height:6em}
.abouts .classify .clatm+.clatm{border-left:solid 1px #1a3753}
.abouts .classify .clatm:hover a{background-color:#58c747}
.abouts .classify .clatm:hover .cic img:first-child{display:none}
.abouts .classify .clatm:hover .cic img:last-child{display:block}
.abouts .abotem{width:100%;padding-top: .5rem; display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;flex-direction:row-reverse}
.abouts .abotem .abl{display:inline-block;vertical-align:middle;width:calc((740 / 1520 * 100%));position:relative;overflow:hidden}
.abouts .abotem .abl .img{width:100%;padding-top:62.16%}
.abouts .abotem .abr{display:inline-block;vertical-align:middle;width:calc((660 / 1520 * 100%))}
.abouts .abotem .abr .ait{width:100%;color:#333;line-height:1.5}
.abouts .abotem .abr .ainp{width:100%;color:#666;line-height:1.8;margin:.25rem 0}
.abouts .abotem .abr .ainp p{color:#666;line-height:1.8}
.abouts .abotem .abr .btns{width:100%;font-size:0;margin-top:.4rem}
.abouts .abotem .abr .btns a{display:inline-block;vertical-align:middle;color:#fff;line-height:3.2;background-color:#58c747;top:0;position:relative;transition:all ease .5s;width:auto;padding:0 .3rem}
.abouts .abotem .abr .btns a span{display:inline-block;vertical-align:middle;width:6px;margin-left:.1rem}
.abouts .abotem .abr .btns a span img{width:100%;display:block}
.abouts .abotem .abr .btns a:hover{background-color:#58c747;top:-.06rem}
.abouts .abotem .swiper{width: 100%;}
.abouts .abotem .item{width: 100%;}

.abouts .havem{width:100%;font-size:0;background-color:#fff;box-shadow:0 0 30px 0 rgba(0,0,0,.1);position:relative;bottom:-1rem}
.abouts .havem .hal{display:inline-block;vertical-align:middle;width:calc((400 / 1520 * 100%));position:relative}
.abouts .havem .hal .imgs{width:100%;position:relative;overflow:hidden}
.abouts .havem .hal .img{width:100%;padding-top:60%}
.abouts .havem .hal .ic{position:absolute;right:0;transform:translate(50%,-50%);width:1.2rem;height:1.2rem;border-radius:50%;background-color:#fff;padding:.2rem;top:50%}
.abouts .havem .hal .ic .cm{display:block;border-radius:50%;width:100%;height:100%;background-color:#002040}
.abouts .havem .hal .ic .cm img{width:100%;display:block}
.abouts .havem .har{display:inline-block;vertical-align:middle;width:calc((1120 / 1520 * 100%));padding:.2rem 1.2rem}
.abouts .havem .har .ht{width:100%;font-weight:700;color:#001f40;line-height:1.1}
.abouts .havem .har .hm{width:100%;margin-top:.15rem;color:#666;line-height:1.5}
@media (max-width:800px){.abouts{padding:.3rem 0}
.abouts .classify{top:0;margin-bottom:20px}
.abouts .classify .clatm{width:100%;margin-bottom:.1rem}
.abouts .classify .clatm+.clatm{border-left:none}
.abouts .havem{bottom:0;margin-top:20px}
.abouts .havem .hal .ic{right:10%;top:100%}
}
/*! 首页-关于 end */

/*! w3011 首页-产品 start  */
.products .c-bg{background-position:center;background-size:contain;background-repeat:no-repeat}
.products{width:100%;padding:1.5rem 0 .25rem}
.products .propers{width:100%;font-size:0;position:relative}
.products .propers .cetrm{display:inline-block;vertical-align:top;width:calc((480 / 1520 * 100%));margin-right:calc((39 / 1520 * 100%));margin-bottom:.4rem;position:relative}
.products .propers .cetrm a{width:100%;display:block}
.products .propers .cetrm .imgs{width:100%;position:relative;overflow:hidden}
.products .propers .cetrm .imgs .img{width:100%;padding-top:75%;transition:all ease .5s}
.products .propers .cetrm .vom{position:absolute;bottom:0;width:calc(100% - .6rem);background-color:#fff;right:0;padding:.25rem .65rem .25rem .3rem;box-shadow:0 0 30px 0 rgba(0,0,0,.1)}
.products .propers .cetrm .vom .xim{width:100%;color:#333;font-weight:700;line-height:1.5;height:3em}
.products .propers .cetrm .vom .add{position:absolute;right:0;bottom:0;background-color:#002040;line-height:.5rem;width:.5rem;height:.5rem;z-index:2;font-weight:lighter;color:#fff;text-align:center}
.products .propers .cetrm:hover .imgs .img{transform:scale(1.1)}
.products .propers .cetrm:hover .vom{background-color:#58c747}
.products .propers .cetrm:hover .vom .xim{color:#fff}
.products .propers .cetrm:hover .vom .add{background-color:#fff;color:#58c747}
.products .propers .cetrm:nth-child(3n){margin-right:0}
.products .propers .btn{display:inline-block;vertical-align:middle;width:.6rem;height:.6rem;cursor:pointer;top:calc(50% - .2rem);transform:translateY(-50%);position:absolute;z-index:5;background-color:#f3f5f8;border-radius:50%}
.products .propers .btn img{width:100%;display:block}
.products .propers .btn img:first-child{display:block}
.products .propers .btn img:last-child{display:none}
.products .propers .btn:hover{background-color:#58c747}
.products .propers .btn:hover img:first-child{display:none}
.products .propers .btn:hover img:last-child{display:block}
.products .propers .bl{left:-.8rem}
.products .propers .br{right:-.8rem}
@media (max-width:1540px){.products .propers .bl{left:-.3rem}
.products .propers .br{right:-.3rem}
}
@media (max-width:800px){.products{padding:.25rem 0}
.products .propers .bl{left:0}
.products .propers .br{right:0}
.products .propers .cetrm{width:100%;transform:scale(.9)}
}
/*! w3011 首页-产品 end  */

.Solutions .c-bg{background-repeat:no-repeat;background-size:cover;background-position:center}
.Solutions{width:100%;padding:.25rem 0 0}
.Solutions .solutper{width:100%;position:relative}
.Solutions .solutper .swiper-slide{width:100%;position:relative}
.Solutions .solutper .swiper-slide a{width:100%;display:block}
.Solutions .solutper .swiper-slide .imgs{width:100%;position:relative;overflow:hidden}
.Solutions .solutper .swiper-slide .imgs .img{width:100%;padding-top:56.25%;transition:all ease .5s}
.Solutions .solutper .swiper-slide .vom{position:absolute;bottom:.4rem;left:1rem;z-index:2;width:calc(100% - 2rem)}
.Solutions .solutper .swiper-slide .vom .vmm{position:relative;z-index:3;padding:.3rem;background-color:#002040;width:400px;max-width:calc(100% - 2rem)}
.Solutions .solutper .swiper-slide .vom .num{-webkit-text-stroke:1px rgba(255,255,255,0.5);-webkit-text-fill-color:transparent;font-weight:550;position:absolute;z-index:-2;top:0;transform:translateY(-50%);width:calc(100% - 0rem);left:0}
.Solutions .solutper .swiper-slide .vom .vt{width:100%;color:#fff;line-height:1.3;border-left:solid 2px #fff;padding-left:.15rem;position:relative;z-index:2;margin-bottom:.3rem}
.Solutions .solutper .swiper-slide .vom .vmk{width:100%;color:#fff;font-weight:700;line-height:1.5;height:3em;position:relative;z-index:2;padding-right:.3rem}
.Solutions .solutper .swiper-slide .vom .vmk p{color:#fff;font-weight:700;line-height:1.5}
.Solutions .solutper .swiper-slide .vom .ic{position:absolute;width:1.37rem;height:1.37rem;right:.2rem;top:50%;transform:translateY(-50%);z-index:1}
.Solutions .solutper .swiper-slide .vom .ic img{width:100%;display:block}
.Solutions .solutper .swiper-slide:hover .imgs .img{transform:scale(1.1)}
.Solutions .solutper .swiper-slide:hover .vom .vmm{background-color:#58c747}
.Solutions .solutper .btn{display:inline-block;vertical-align:middle;width:.5rem;height:.5rem;cursor:pointer;top:calc(50%);transform:translateY(-50%);position:absolute;z-index:10;background-color:rgba(0,0,0,.5)}
.Solutions .solutper .btn img{width:100%;display:block}
.Solutions .solutper .btn:hover{background-color:#58c747}
.Solutions .solutper .bl{left:0}
.Solutions .solutper .br{right:0}

.choosed{width:100%;padding:.8rem 0 .25rem}
.choosed .citop{width:100%;margin-bottom:.35rem}
.choosed .citop .cit{width:100%;color:#333;font-weight:700;line-height:1.5}
.choosed .citop .cp{width:100%;color:#666;line-height:1.5}
.choosed .choem{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;flex-direction:row-reverse}
.choosed .choem .cml{display:inline-block;vertical-align:middle;width:calc((480 / 1520 * 100%));position:relative;overflow:hidden}
.choosed .choem .cml .img{width:100%;padding-top:129.16%}
.choosed .choem .cmr{display:inline-block;vertical-align:middle;width:calc((910 / 1520 * 100%))}
.choosed .choem .cmr .cmrlis{width:100%;font-size:0}
.choosed .choem .cmr .cmrlis .clrm{display:inline-block;vertical-align:top;width:calc((390 / 910 * 100%));margin-right:calc((129 / 910 * 100%));margin-bottom:.7rem}
.choosed .choem .cmr .cmrlis .clrm .vic{display:block;width:.8rem;height:.8rem;border-radius:50%;text-align:center;box-sizing:border-box;transition:all ease .5s;position:relative;border:solid 1px transparent}
.choosed .choem .cmr .cmrlis .clrm .vic .mc{width:100%;height:100%;display:block;margin:0 auto;border-radius:50%;position:absolute;left:0;top:0;transition:all ease .5s}
.choosed .choem .cmr .cmrlis .clrm .vic .mc img{width:100%;height:100%;display:block}
.choosed .choem .cmr .cmrlis .clrm .vmt{width:100%;color:#333;font-weight:700;line-height:1.5;margin:.25rem 0 .15rem}
.choosed .choem .cmr .cmrlis .clrm .vin{width:100%;color:#666;line-height:1.5;height:4.5em}
.choosed .choem .cmr .cmrlis .clrm:nth-child(2n){margin-right:0}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1) .vic .mc,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4) .vic .mc{background-color:#58c747}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1):hover .vic,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4):hover .vic{background-color:transparent;border:dashed 1px #58c747}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1):hover .vic .mc,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4):hover .vic .mc{transform:scale(.6)}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+1):hover .vmt,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+4):hover .vmt{color:#58c747}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2) .vic .mc,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3) .vic .mc{background-color:#002040}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2):hover .vic,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3):hover .vic{background-color:transparent;border:dashed 1px #002040}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2):hover .vic .mc,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3):hover .vic .mc{transform:scale(.6)}
.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+2):hover .vmt,.choosed .choem .cmr .cmrlis .clrm:nth-child(4n+3):hover .vmt{color:#002040}
.choosed .heres{width:100%;padding:.6rem .8rem;margin:.5rem 0;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center}
.choosed .heres .hel{display:inline-block;vertical-align:middle;padding-right:.5rem}
.choosed .heres .hel .hit{width:100%;color:#fff;font-weight:700;line-height:1.3;margin-bottom:.15rem}
.choosed .heres .hel .hit p{color:#fff;font-weight:700;line-height:1.3}
.choosed .heres .hel .him{width:100%;color:#fff;line-height:1.5}
.choosed .heres .hel .him p{color:#fff;line-height:1.5}
.choosed .heres .her{display:inline-block;vertical-align:middle}
.choosed .heres .her a{display:inline-block;vertical-align:middle;color:#fff;line-height:3.2;background-color:#58c747;top:0;position:relative;transition:all ease .5s;width:auto;padding:0 .3rem}
.choosed .heres .her a span{display:inline-block;vertical-align:middle;width:6px;margin-left:.1rem}
.choosed .heres .her a span img{width:100%;display:block}
.choosed .heres .her a:hover{background-color:#58c747;top:-.06rem}
@media (max-width:800px){.choosed .choem .cml .img{padding-top:50%}
}

.newsd{width:100%;padding:.25rem 0 1rem}
.newsd .mewom{width:100%;display:flex;flex-wrap:wrap;justify-content:space-between}
.newsd .mewom .mwl{display:flex;flex-wrap:wrap;width:calc(1000 / 1520 * 100%);font-size:0}
.newsd .mewom .mwl .melm{display:inline-block;vertical-align:top;width:calc((480 / 1000 * 100%));margin-right:calc((39 / 1000 * 100%))}
.newsd .mewom .mwl .melm a{width:100%;display:block}
.newsd .mewom .mwl .melm .imgs{width:100%;position:relative;overflow:hidden;margin-bottom:.2rem}
.newsd .mewom .mwl .melm .imgs .img{width:100%;padding-top:56.25%;transition:all ease .5s}
.newsd .mewom .mwl .melm .tm{width:100%;color:#666;line-height:1.5;margin-bottom:.1rem}
.newsd .mewom .mwl .melm .tt{width:100%;color:#333;line-height:1.5;height:3em;font-weight:700;margin-bottom:.15rem}
.newsd .mewom .mwl .melm .tim{width:100%;color:#666;line-height:1.5;height:4.5em;margin-bottom:.3rem}
.newsd .mewom .mwl .melm .more{width:100%;font-size:0}
.newsd .mewom .mwl .melm .more span{display:inline-block;vertical-align:middle;color:#666;line-height:1.5}
.newsd .mewom .mwl .melm:hover .imgs .img{transform:scale(1.1)}
.newsd .mewom .mwl .melm:hover .more span{color:#58c747}
.newsd .mewom .mwl .melm:hover .tt{color:#58c747}
.newsd .mewom .mwl .melm:nth-child(2n){margin-right:0}
.newsd .mewom .mwr{width:calc(450 / 1520 * 100%);display:flex;flex-wrap:wrap}
.newsd .mewom .mwr .mwrm{width:100%;border-bottom:solid 1px #dad9d9}
.newsd .mewom .mwr .mwrm a{width:100%;display:block;padding-bottom:.25rem}
.newsd .mewom .mwr .mwrm .tm{width:100%;color:#666;line-height:1.5;margin-bottom:.1rem}
.newsd .mewom .mwr .mwrm .tt{width:100%;color:#333;line-height:1.5;height:3em;font-weight:700;margin-bottom:.15rem}
.newsd .mewom .mwr .mwrm .more{width:100%;font-size:0}
.newsd .mewom .mwr .mwrm .more span{display:inline-block;vertical-align:middle;color:#666;line-height:1.5}
.newsd .mewom .mwr .mwrm+.mwrm{margin-top:.25rem}
.newsd .mewom .mwr .mwrm:last-child{border:none}
.newsd .mewom .mwr .mwrm:hover .more span{color:#58c747}
.newsd .mewom .mwr .mwrm:hover .tt{color:#58c747}
