@charset "UTF-8";
.special_00315 { position: relative; padding: 100px 0 217px; background-color: #f7f7f7; background: url() center no-repeat; background-size: cover; }

.special_00315 .link { font-family: almmdfdk; font-size: 60px; line-height: 1; color: #fde6ca; position: absolute; left: 0; bottom: 0; }

@media (max-width: 768px) { .special_00315 .link { font-size: 28px; } }

.special_00315 .con { display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00315 .con .left { width: 50%; padding-right: 25px; }

.special_00315 .con .left .desc { font-size: 20px; margin-top: 40px; color: #7f563a; }

body:not(.lang-en) .special_00315 .con .left .desc { text-align: justify; text-justify: inter-ideograph; }

@media (max-width: 768px) { .special_00315 .con .left .desc { font-size: 18px; } }

.special_00315 .con .left .scroll1 { max-height: 220px; }

.special_00315 .con .right { position: relative; width: 50%; position: relative; overflow: hidden; overflow: visible; }

.special_00315 .con .right::before { content: ''; display: block; padding-top: 100.42857%; }

.special_00315 .con .right .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00315 .con .right .item { -webkit-box-shadow: 5.657px 5.657px 20px 0px rgba(0, 0, 0, 0.03); box-shadow: 5.657px 5.657px 20px 0px rgba(0, 0, 0, 0.03); border-radius: 30px; position: relative; overflow: hidden; width: 38.85714%; position: absolute; max-width: 272px; color: #fff; }

.special_00315 .con .right .item::before { content: ''; display: block; padding-top: 100%; }

.special_00315 .con .right .item .i { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; -webkit-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; }

.special_00315 .con .right .item .t1 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 18px; position: absolute; left: 1.30208vw; top: 1.66667vw; right: 1.30208vw; }

@media (max-width: 768px) { .special_00315 .con .right .item .t1 { font-size: 16px; } }

.special_00315 .con .right .item .t1 .num { font-size: 44px; line-height: 1.2; line-height: 1; font-family: almmdfdk; }

@media (max-width: 768px) { .special_00315 .con .right .item .t1 .num { font-size: 28px; } }

.special_00315 .con .right .item .t1 span { color: #e50211; font-size: 30px; line-height: 1.1; margin-right: 15px; }

@media (max-width: 768px) { .special_00315 .con .right .item .t1 span { font-size: 22px; } }

.special_00315 .con .right .item .t2 { font-size: 24px; position: absolute; left: 1.30208vw; bottom: 1.66667vw; right: 1.30208vw; line-height: 1.4; }

@media (max-width: 768px) { .special_00315 .con .right .item .t2 { font-size: 18px; } }

body:not(.lang-en) .special_00315 .con .right .item .t2 { text-align: justify; text-justify: inter-ideograph; }

.special_00315 .con .right .item.item1 { top: 0; right: 0; background-image: url(../../image/special_00315/jpg3.jpg); }

.special_00315 .con .right .item.item2 { top: 19.20341%; right: 41.71429%; background-image: url(../../image/special_00315/jpg5.jpg); }

.special_00315 .con .right .item.item2 .t { display: block; width: 100%; }

.special_00315 .con .right .item.item3 { bottom: 0; right: 41.71429%; background-image: url(../../image/special_00315/jpg2.jpg); }

.special_00315 .con .right .item.item4 { top: 43.66999%; right: 0; background-image: url(../../image/special_00315/jpg4.jpg); }

.special_00315 .con .right .item.item5 { top: 101.70697%; right: 0; }

/*	pc 端	*/
/*	1280~1440	*/
@media (min-width: 1921px) { .special_00315 .con .right .item .t1 { left: 20px; top: 20px; }
  .special_00315 .con .right .item .t2 { bottom: 20px; left: 20px; right: 20px; } }

@media (max-width: 1500px) { .special_00315 .con .right .item .t1 .num { font-size: 36px; }
  .special_00315 .con .right .item .t2 { font-size: 20px; } }

@media (max-width: 1300px) { .special_00315 .link { bottom: -5.20833vw; } }

@media (max-width: 1200px) { .special_00315 .con .right .item .t1 .num { font-size: 32px; }
  .special_00315 .con .right .item .t2 { font-size: 20px; }
  .special_00315 .con .left { padding-right: 0; }
  .special_00315 .con .left .scroll1 { max-height: 160px; } }

@media (max-width: 1100px) { .special_00315 { padding-bottom: 24vw; }
  .special_00315 .con { display: block; }
  .special_00315 .con .left { padding: 0; width: 100%; }
  .special_00315 .con .right { width: 100%; margin: 20px -5px 0; }
  .special_00315 .con .right .flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; }
  .special_00315 .con .right::before { display: none; }
  .special_00315 .con .right .item { position: relative !important; top: auto !important; right: auto !important; width: calc(25% - 10px); margin: 0 5px; }
  .special_00315 .con .right .item .t1 .t { font-size: 16px; }
  .special_00315 .con .right .item .t1 span { line-height: 1; font-size: 22px; margin-right: 5px; }
  .special_00315 .con .right .item .t1 .num { font-size: 30px; }
  .special_00315 .con .right .item .t2 { font-size: 18px; }
  .special_00315 .link { position: relative; bottom: auto; margin-top: 40px; } }

@media (max-width: 900px) { .special_00315 .con .right .flex-box { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .special_00315 .con .right .item { width: calc(50% - 10px); margin: 5px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00315 { padding: 40px 0; }
  .special_00315 .con .right .item .t1 { left: 15px; top: 15px; }
  .special_00315 .con .right .item .t1 .num { font-size: 22px; }
  .special_00315 .con .right .item .t2 { left: 15px; bottom: 15px; font-size: 16px; right: 15px; }
  .special_00315 .con .left .desc { margin-top: 25px; }
  .special_00315 .link { margin-top: 25px; } }