.pattern-wrap{width:100%;position:relative;margin:0 auto;max-width:1350px;padding:0 15px;box-sizing:border-box}.pattern-list{position:relative;width:100%;height:430px;overflow:hidden}.pattern-wrap .pattern-list .pattern-item{opacity:0;position:absolute;top:40px;left:50%;width:264px;height:360px;text-align:center;background:#fff;border-radius:8px;box-shadow:0 12px 36px 0 rgba(3,74,115,.3)}.pattern-wrap .pattern-list .item-1{margin-left:-132px;z-index:50}.pattern-wrap .pattern-list .item-2{margin-left:-363.8px;transform:translateX(220px);width:237.6px;height:324px;top:60px;z-index:40}.pattern-wrap .pattern-list .item-3{margin-left:126.2px;transform:translateX(-220px);width:237.6px;height:324px;top:60px;z-index:40}.pattern-wrap .pattern-list .item-4{margin-left:-568.92px;transform:translateX(280px);width:213.84px;height:291.6px;top:75px;z-index:30}.pattern-wrap .pattern-list .item-5{margin-left:355.08px;transform:translateX(-280px);width:213.84px;height:291.6px;top:75px;z-index:30}.show .pattern-list .pattern-item{opacity:1;transform:translateX(0);transition:all .9s}.pattern-item-title{width:100%;height:calc(240px - 30px);padding-top:30px;margin-bottom:30px;border-radius:8px 8px 0 0;background-color:#ff6d01;background-image:linear-gradient(180deg,#016ddc 0,#2c92fb 53%,#3af 100%)}.pattern-item-title img{width:40%;height:auto;vertical-align:top;display:inline-block;background-color:transparent}.pattern-item p{line-height:1.6;color:#353535;font-size:14px}.item-2 .pattern-item-title{padding-top:27px;height:calc(216px - 27px)}.item-3 .pattern-item-title{padding-top:27px;height:calc(216px - 27px)}.item-4 .pattern-item-title{padding-top:24.3px;height:calc(194.4px - 24.3px)}.item-5 .pattern-item-title{padding-top:24.3px;height:calc(194.4px - 24.3px)}