@import url("common.css");@import url("animate.css");.products{overflow:hidden;box-sizing:border-box}.products .item{overflow:hidden;box-sizing:border-box;padding:100px 0;display:-webkit-flex;display:flex;flex-wrap:wrap}.products .mr20{background-color:#f7f8fc}.products .item a{overflow:hidden;box-sizing:border-box;display:-webkit-flex;display:flex;flex-wrap:wrap;align-items:center;width:100%}.products .item a .im{display:block;flex-shrink:0;overflow:hidden;box-sizing:border-box;max-width:500px;width:50%}.products .item a .im p{display:block;overflow:hidden;position:relative;box-sizing:border-box;padding-top:100%}.products .item a .im p i{display:block;background-position:center center;position:absolute;left:0;top:0;width:100%;height:100%;z-index:6;background-repeat:no-repeat;background-size:cover}.products .item a .im p img{width:100%;height:100%;overflow:hidden}.products .item a .infowrap{flex:1;overflow:hidden;order:2}.products .item a .infowrap .info{overflow:hidden;box-sizing:border-box;margin-left:50px}.products .mr20 a .infowrap .info{overflow:hidden;box-sizing:border-box;margin-left:0;margin-right:50px}.products .item a .infowrap .info h2{overflow:hidden;font-weight:normal}.products .item a .infowrap .info h2 span{display:block;font-size:36px;overflow:hidden;line-height:1.4;white-space:nowrap;text-overflow:ellipsis}.products .item a .infowrap .info p{overflow:hidden;color:#555555;margin-top:30px;line-height:2.2;font-size:18px;font-weight:normal}@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px){.products .item a .infowrap .info h2 span{font-size:30px}.products .item a .infowrap .info p{font-size:16px;margin-top:20px;line-height:2.2}}@media only screen and (max-width: 1000px), only screen and (max-device-width: 1000px){.products .item a .infowrap .info h2 span{font-size:24px}.products .item a .infowrap .info p{font-size:14px;margin-top:20px}}@media only screen and (max-width: 768px), only screen and (max-device-width: 768px){.products .item{padding:30px 0}[data-dpr="2"] .products .item{padding:60px 0}[data-dpr="3"] .products .item{padding:90px 0}.products .item a .im{max-width:300px;width:50%}[data-dpr="2"] .products .item a .im{max-width:600px}[data-dpr="3"] .products .item a .im{max-width:900px}.products .item a .infowrap .info{margin-left:15px}[data-dpr="2"] .products .item a .infowrap .info{margin-left:30px}[data-dpr="3"] .products .item a .infowrap .info{margin-left:45px}.products .mr20 a .infowrap .info{margin-left:0;margin-right:15px}[data-dpr="2"] .products .mr20 a .infowrap .info{margin-left:0}[data-dpr="3"] .products .mr20 a .infowrap .info{margin-left:0}[data-dpr="2"] .products .mr20 a .infowrap .info{margin-right:30px}[data-dpr="3"] .products .mr20 a .infowrap .info{margin-right:45px}.products .item a .infowrap .info h2 span{font-size:18px;font-weight:bold}[data-dpr="2"] .products .item a .infowrap .info h2 span{font-size:36px}[data-dpr="3"] .products .item a .infowrap .info h2 span{font-size:54px}.products .item a .infowrap .info p{margin-top:15px;line-height:1.6;font-size:14px}[data-dpr="2"] .products .item a .infowrap .info p{margin-top:30px}[data-dpr="3"] .products .item a .infowrap .info p{margin-top:45px}[data-dpr="2"] .products .item a .infowrap .info p{font-size:28px}[data-dpr="3"] .products .item a .infowrap .info p{font-size:42px}}@media only screen and (max-width: 561px), only screen and (max-device-width: 561px){.products .item{padding:30px 0}[data-dpr="2"] .products .item{padding:60px 0}[data-dpr="3"] .products .item{padding:90px 0}.products .item a{flex-direction:column;align-items:flex-start}.products .item a .im{max-width:560px;width:100%;order:2;margin-top:15px}[data-dpr="2"] .products .item a .im{max-width:1120px}[data-dpr="3"] .products .item a .im{max-width:1680px}[data-dpr="2"] .products .item a .im{margin-top:30px}[data-dpr="3"] .products .item a .im{margin-top:45px}.products .item a .infowrap{order:1}.products .item a .infowrap .info{margin-left:0}[data-dpr="2"] .products .item a .infowrap .info{margin-left:0}[data-dpr="3"] .products .item a .infowrap .info{margin-left:0}.products .mr20 a .infowrap .info{margin-left:0;margin-right:0}[data-dpr="2"] .products .mr20 a .infowrap .info{margin-left:0}[data-dpr="3"] .products .mr20 a .infowrap .info{margin-left:0}[data-dpr="2"] .products .mr20 a .infowrap .info{margin-right:0}[data-dpr="3"] .products .mr20 a .infowrap .info{margin-right:0}.products .item a .infowrap .info h2 span{font-size:18px;font-weight:bold}[data-dpr="2"] .products .item a .infowrap .info h2 span{font-size:36px}[data-dpr="3"] .products .item a .infowrap .info h2 span{font-size:54px}}