.business .self-brand .list{grid-gap:var(--padding);display:grid;grid-template-columns:repeat(4,1fr)}.business .self-brand .list .item .image{align-items:center;background-color:#ededed;display:flex;height:200px;justify-content:center}.business .self-brand .list .item .desc{align-items:center;background-color:var(--primary-color);color:#fff;display:flex;font-size:16px;height:48px;justify-content:center}@media (max-width:768px){.business .self-brand .list{grid-template-columns:repeat(2,calc((100% - var(--padding))/2))}.business .self-brand .list .item img{max-height:80%;max-width:80%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center}}.top-banner{overflow:hidden;position:relative}.top-banner img{display:block;height:450px;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center;width:100%}.top-banner .container{bottom:40px;left:50%;position:absolute;transform:translateX(-50%);width:100%}.top-banner .title{color:var(--primary-color);font-size:32px}.top-banner .title .en{margin-left:10px}@media screen and (max-width:768px){.top-banner img{height:240px}.top-banner .container{bottom:20px}.top-banner .title{font-size:22px}}.block-title{margin-bottom:var(--padding);margin-top:var(--padding)}.block-title .cn{font-size:26px}.block-title .en{font-size:18px}@media screen and (max-width:768px){.block-title .cn{font-size:20px}.block-title .en{font-size:14px}}.production .list{grid-gap:var(--padding);display:grid;grid-template-columns:repeat(2,1fr);margin-top:var(--padding)}.production .list .item{position:relative;transition-duration:.3s;width:100%}.production .list .item:before{background:linear-gradient(248.58deg,#ededed 8.25%,hsla(0,0%,93%,0) 69.47%);content:"";height:100%;left:0;position:absolute;top:0;transition-duration:.3s;width:100%;z-index:1}.production .list .item img{height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.production .list .item .title-wrap{align-items:flex-end;color:var(--primary-color);display:flex;flex-direction:column;height:325px;position:absolute;right:var(--padding);top:var(--padding);transition-duration:.3s;width:213px;z-index:5}.production .list .item .title-wrap .border-img{-o-object-fit:contain;object-fit:contain;opacity:0;position:absolute;z-index:0}.production .list .item .title-wrap .title{margin-right:20px;text-align:end;width:165px}.production .list .item .title-wrap .cn{font-size:28px;font-weight:700;margin-top:20px}.production .list .item .title-wrap .en{font-size:20px;font-weight:700}.production .list .item .desc{bottom:30px;color:#fff;left:30px;opacity:0;position:absolute;transition-duration:.3s;width:calc(100% - 290px);z-index:3}.production .list .item .desc p{font-size:16px;line-height:1.5}.production .list .item .desc p+p{margin-top:5px}.production .list .item:hover .desc{opacity:1}.production .list .item:hover:before{background:#003365;mix-blend-mode:multiply}.production .list .item:hover .title-wrap{color:#fff}.production .list .item:hover .title-wrap .border-img{opacity:1}@media screen and (max-width:768px){.production .list{grid-template-columns:repeat(1,1fr)}.production .list .item .title-wrap{height:193px;width:126px}.production .list .item .title-wrap .title{margin-right:15px;margin-top:15px;width:100px}.production .list .item .title-wrap .title.cn{font-size:18px}.production .list .item .title-wrap .title.en{font-size:14px;margin-top:5px}.production .list .item .desc{bottom:15px;left:15px;width:calc(100% - 166px)}.production .list .item .desc p{font-size:14px}}