.raw-materials>.l-wrap{max-width:100%;padding:0}
.raw-materials .page-main{padding: 0;}
.materials .materials-title{font-weight:500;font-size:28px;color:#0b1b2b;text-align:center;line-height:1.25}
.materials .page-dev{margin:15px auto 25px;text-align:center;line-height:1}
.materials .page-wordage{color:#555;line-height:26px;text-align:center}
.materials .materials-contant{margin-top:50px}
.materials .materials-box{display:flex;justify-content:space-between;align-items:center}
.materials .materials-box:nth-of-type(2n-1) .materials-left,.materials-box:nth-of-type(2n-1) .materials-title{text-align:right}
.materials .materials-box:nth-of-type(2n) .materials-left,.materials-box:nth-of-type(2n) .materials-title{text-align:left}
.materials .materials-box:nth-of-type(2n){flex-direction:row-reverse}
.materials .materials-right{width:50%;overflow: hidden;}
.materials .materials-tit{font-size: 24px;color: #0B1B2B;}
.materials .materials-left{width:50%;padding:60px}
.materials .materials-span{display:flex;margin:15px 0 30px}
.materials .materials-box:nth-of-type(2n-1) .materials-span{justify-content:end}
.materials .materials-box:nth-of-type(2n) .materials-span{justify-content:left}
.materials .materials-text{color:#555;line-height:26px}
.materials .page1{padding:80px 0}
.materials .page2{padding: 80px 0 200px;border-top: 10px solid #FFA2F1;background: #F7F7F7;transform: translateY(110px);margin-top: -110px;}
.materials .page2 .l-wrap{display:flex;align-items:center}
.materials .page2-left{width:46.5%;overflow: hidden;border-radius: 15px;}
.materials .page2-left img{transition: all .3s ease-in-out;}
.materials .page2-right{flex:1;padding-left:60px;text-align:left}
.materials .page2-right .materials-title{text-align:left}
.materials .page2-text{color:#555;line-height:30px}
.materials .page2 .page-dev{text-align:left;margin:30px 0}
.materials .page2-btn{display:flex;margin-top:40px}
.materials .page2-btn a{background:#ff679a;border-radius:27px;line-height:1;padding:20px 48px;color:#fff}
.materials .page2-left:hover img{transform: scale(1.03);}
@media (max-width:1420px) {.materials .materials-left{padding: 40px;}
.materials .materials-span{margin: 10px 0 20px;}
.materials .materials-tit{font-size: 22px;}
.materials .page2 .page-dev{margin: 15px 0 20px;}}
@media (max-width:1200px) {.materials .page1{padding: 50px 0;}
.materials .materials-title{font-size: 24px;}
.materials .materials-left{padding: 30px;}
.materials .materials-span img{max-width: 26%;}
.materials .materials-tit{font-size: 20px;}
.materials .page2-btn{margin-top: 25px;}
.materials .page2-btn a{padding: 15px 40px;}
.materials .page2{padding: 50px 0 140px;transform: translateY(110px);}
.materials .page2-right{padding-left: 35px;}}
@media (max-width:768px) {.materials .page1 {padding: 35px 0;}
.materials .page-dev{margin: 10px auto 15px;}
.materials .materials-contant{margin-top: 20px;}
.materials .materials-box{flex-direction: column-reverse;}
.materials .materials-box:nth-of-type(2n){flex-direction: column-reverse;}
.materials .materials-left {padding: 20px 0;width: 100%;}
.materials .materials-right{width: 100%;}
.materials .materials-box:nth-of-type(2n-1) .materials-left, .materials-box:nth-of-type(2n-1) .materials-title{text-align: left;}
.materials .materials-box:nth-of-type(2n-1) .materials-span{justify-content: left;}
.materials .page2 .l-wrap{flex-direction: column;}
.materials .page2-left {width: 100%;margin-bottom: 25px;}
.materials .page2-right {padding-left: 0;}}
@media (max-width:550px) {.materials .materials-tit{font-size: 18px;}
.materials .materials-span {margin: 10px 0 15px;}
.materials .materials-span img{max-width: 20%;}
.materials .page2 {padding: 20px 0 120px;transform: translateY(80px);}
.materials .materials-title{font-size: 22px;}}