.section1{padding-top:.9rem;padding-bottom:.9rem}@media (max-width:767px){.section1{padding-top:.4rem;padding-bottom:.4rem}}.section1 .sub-nav{overflow-x:auto;padding-bottom:.1rem;margin-bottom:.65rem}@media (max-width:767px){.section1 .sub-nav{margin-bottom:.4rem}}.section1 .sub-nav .flex{display:-webkit-inline-box;display:-webkit-inline-flex;display:-moz-inline-box;display:inline-flex}.section1 .sub-nav .flex a{display:block;font-weight:700;text-transform:uppercase;border-radius:50px;position:relative;-webkit-transition:color .3s,border-color .3s;-moz-transition:color .3s,border-color .3s;transition:color .3s,border-color .3s;padding:.1rem .35rem}@media (max-width:1024px){.section1 .sub-nav .flex a{padding:.15rem .4rem}}@media (max-width:767px){.section1 .sub-nav .flex a{padding:.1rem .35rem}}.section1 .sub-nav .flex a:after,.section1 .sub-nav .flex a:before{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:-1;border-radius:50px;pointer-events:none;-webkit-transition:opacity .3s,border-color .3s;-moz-transition:opacity .3s,border-color .3s;transition:opacity .3s,border-color .3s}.section1 .sub-nav .flex a:before{opacity:0;background-image:-webkit-gradient(linear,left top, right top,from(#ad80d3),to(#43aeff));background-image:-webkit-linear-gradient(left,#ad80d3,#43aeff);background-image:-moz-linear-gradient(left,#ad80d3,#43aeff);background-image:linear-gradient(90deg,#ad80d3,#43aeff)}.section1 .sub-nav .flex a:after{border:2px solid #000}.section1 .sub-nav .flex a:not(:last-child){margin-right:.03rem}.section1 .sub-nav .flex a.active,.section1 .sub-nav .flex a:hover{color:#fff}.section1 .sub-nav .flex a.active:before,.section1 .sub-nav .flex a:hover:before{opacity:1}.section1 .sub-nav .flex a.active:after,.section1 .sub-nav .flex a:hover:after{opacity:0}.section1 .pro-list ul{-webkit-flex-wrap:wrap;flex-wrap:wrap;width:-moz-calc(100% + .15rem);width:calc(100% + .15rem);display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex}.section1 .pro-list ul li{position:relative;border-radius:.1rem;background-color:#ebf0f3;overflow:hidden;height:31.8vw;width:-moz-calc(25% - .15rem);width:calc(25% - .15rem);margin-right:.15rem;margin-bottom:.15rem}@media (max-width:991px){.section1 .pro-list ul li{height:33.8vw}}@media (max-width:767px){.section1 .pro-list ul li{height:66vw;width:-moz-calc(50% - .15rem);width:calc(50% - .15rem)}}.section1 .pro-list ul li .item-img{position:relative;width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-moz-box;display:flex;-webkit-box-align:end;-webkit-align-items:flex-end;-moz-box-align:end;align-items:flex-end;-webkit-box-pack:end;-webkit-justify-content:flex-end;-moz-box-pack:end;justify-content:flex-end}.section1 .pro-list ul li .item-img:after{content:"";display:block;width:100%;height:100%;position:absolute;top:0;left:0;z-index:1;background-color:rgba(0,0,0,.2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;transition:opacity .5s}.section1 .pro-list ul li .item-img img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;-webkit-transform-origin:bottom right;-moz-transform-origin:bottom right;-ms-transform-origin:bottom right;transform-origin:bottom right;-webkit-transition:-webkit-transform .5s;transition:-webkit-transform .5s;-moz-transition:transform .5s, -moz-transform .5s;transition:transform .5s;transition:transform .5s, -webkit-transform .5s, -moz-transform .5s}.section1 .pro-list ul li .item-text{color:#fff;font-weight:700;position:absolute;top:0;z-index:3;border-bottom:1px solid hsla(0,0%,100%,.5);left:.3rem;right:.3rem;padding:.3rem 0;font-size:.24rem}@media (max-width:1024px){.section1 .pro-list ul li .item-text{font-size:.34rem}}@media (max-width:991px){.section1 .pro-list ul li .item-text{font-size:.4rem}}@media (max-width:767px){.section1 .pro-list ul li .item-text{font-size:.3rem}}.section1 .pro-list ul li:hover .item-img:after{opacity:.6}.section1 .pro-list ul li:hover .item-img img{-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-ms-transform:scale(1.05);transform:scale(1.05)}footer:before{background-color:#fff}
