@charset "UTF-8";
.special_00069 { padding: 100px 0; position: relative; background-position: center; background-repeat: no-repeat; background-size: cover; }

.special_00069 .main { display: -webkit-box; display: -ms-flexbox; display: flex; margin-top: 39px; }

.special_00069 .item { overflow: hidden; }

.special_00069 .item1 { width: 480px; height: 708px; background: url(../../image/special_00069/bg5.jpg) no-repeat center center/cover; padding-top: 83px; padding-left: 63px; position: relative; margin-top: -79px; }

.special_00069 .item1 .li::before { background: rgba(241, 167, 166, 0.3); }

.special_00069 .item2 { width: 480px; height: 662px; background: url(../../image/special_00069/bg6.jpg) no-repeat center center/cover; padding-top: 87px; padding-left: 62px; position: relative; z-index: 1; }

.special_00069 .item2 .li::before { background: rgba(223, 238, 255, 0.2); }

.special_00069 .item3 { width: 480px; height: 550px; background: url(../../image/special_00069/bg7.jpg) no-repeat center center/cover; padding-top: 89px; padding-left: 62px; margin-top: 79px; position: relative; }

.special_00069 .item3 .li::before { background: rgba(223, 238, 255, 0.2); }

.special_00069 .li { position: relative; padding: 14px 0; }

.special_00069 .li::before { content: ''; width: 1920px; height: 100%; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 1; display: none; position: absolute; }

.special_00069 .link-v1 { font-size: 24px; color: #fff; padding-left: 34px; position: relative; z-index: 2; }

@media (max-width: 1500px) { .special_00069 .link-v1 { font-size: 20px; } }

@media (max-width: 768px) { .special_00069 .link-v1 { font-size: 18px; } }

.special_00069 .link-v1::before { content: ''; width: 25px; height: 25px; background-image: url(../../image/more1.png); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; }

.special_00069 .item-v2 { position: absolute; left: 142px; top: 0; padding-top: 4px; padding-left: 42px; display: none; height: 450px; padding-right: 10px; }

.special_00069 .mCSB_inside > .mCSB_container { margin-right: 18px; }

.special_00069 .li-v2 { position: relative; font-size: 16px; }

.special_00069 .li-v2 + .li-v2 { margin-top: 0.4em; }

.special_00069 .list { margin-top: 19px; margin-left: 12px; position: relative; color: #fff; }

.special_00069 .icn { position: relative; overflow: hidden; width: 40px; margin-right: 5px; opacity: 0; }

.special_00069 .icn::before { content: ''; display: block; padding-top: 107.5%; }

.special_00069 .icn .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_00069 .tit { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 36px; color: #fff; }

@media (max-width: 1500px) { .special_00069 .tit { font-size: 32px; } }

@media (max-width: 768px) { .special_00069 .tit { font-size: 24px; } }

/*	pc 端	*/
@media (min-width: 1024px) { .special_00069 .li:hover::before { display: block; } }

/*	1280~1440	*/
@media (max-width: 1440px) { .special_00069 .item3 { padding-left: 30px; }
  .special_00069 .item2 { padding-left: 30px; }
  .special_00069 .item1 { padding-left: 30px; } }

@media (max-width: 1280px) { .special_00069 .item-v2 { left: 110px; }
  .special_00069 .link-v1::after { left: 120px; width: 16px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 1024px) { .special_00069 .main { display: block; }
  .special_00069 .item1 { width: 100%; min-height: 400px; margin-top: 0; height: auto; padding-bottom: 30px; }
  .special_00069 .item2 { width: 100%; min-height: 400px; margin-top: 20px; height: auto; padding-bottom: 30px; }
  .special_00069 .item3 { width: 100%; min-height: 400px; margin-top: 20px; height: auto; padding-bottom: 30px; }
  .special_00069 .item3::before { width: 100%; }
  .special_00069 .cur .item-v2 { position: relative; display: block; left: 0; }
  .special_00069 .item-v2 { min-height: 50px; height: 100%; } }

@media (max-width: 768px) { .special_00069 { padding: 40px 0; }
  .special_00069 .main { margin-top: 25px; }
  .special_00069 .item { padding: 20px 15px; min-height: auto; }
  .special_00069 .item + .item { margin-top: 15px; }
  .special_00069 .li { padding: 8px 0; } }