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

.special_00300 .con { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 40px; }

.special_00300 .con .left { width: 48.57143%; }

.special_00300 .con .left .wnzt-title { display: none; }

.special_00300 .con .left .tab-mod .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00300 .con .left .tab-mod .tracker-mod { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }

.special_00300 .con .left .tab-mod .tracker-mod.dir-hor .tracker-box { text-align: left; }

.special_00300 .con .left .tab-mod .more .wnzt-more { display: none; }

.special_00300 .con .left .tab-mod .more .wnzt-more.cur { display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00300 .con .left .tab-mod .tab-cont { margin-top: 40px; }

.special_00300 .con .left .list .item .liner { display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00300 .con .left .list .item .pic { position: relative; overflow: hidden; background-color: #ececec; width: 38.08824%; margin-right: 20px; display: none; min-width: 220px; }

.special_00300 .con .left .list .item .pic::before { content: ''; display: block; padding-top: 56.37066%; }

.special_00300 .con .left .list .item .pic .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_00300 .con .left .list .item .text { padding: 0 0 13px; width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; border-bottom: 1px dashed #837865; color: #503717; }

.special_00300 .con .left .list .item .text .t1 { font-size: 24px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; }

@media (max-width: 768px) { .special_00300 .con .left .list .item .text .t1 { font-size: 18px; } }

.special_00300 .con .left .list .item .text .t2 { font-size: 20px; color: #666666; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; margin-top: 4px; display: none; }

@media (max-width: 768px) { .special_00300 .con .left .list .item .text .t2 { font-size: 18px; } }

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

.special_00300 .con .left .list .item .text .t3 { font-size: 20px; margin-top: 12px; }

@media (max-width: 768px) { .special_00300 .con .left .list .item .text .t3 { font-size: 18px; } }

.special_00300 .con .left .list .item + .item .liner { padding-top: 35px; }

.special_00300 .con .right { width: 0; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 28px; }

.special_00300 .con .right .title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 38px; }

.special_00300 .con .right .tit-title { font-size: 50px; line-height: 1.2; font-family: 'almmdfdk'; color: #7f563a; }

@media (max-width: 1024px) { .special_00300 .con .right .tit-title { font-size: 42px; } }

@media (max-width: 768px) { .special_00300 .con .right .tit-title { font-size: 28px; } }

.special_00300 .con .right .list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px 38px 0; position: relative; }

.special_00300 .con .right .list .item { margin: 0 8px; width: calc(50% - 16px); }

.special_00300 .con .right .list .item .pic { position: relative; overflow: hidden; background-color: #ececec; border-radius: 30px; }

.special_00300 .con .right .list .item .pic::before { content: ''; display: block; padding-top: 133.56401%; }

.special_00300 .con .right .list .item .pic .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_00300 .con .right .list .item .txt { text-align: center; white-space: nowrap; line-height: 1.5; height: 1.5em; text-overflow: ellipsis; overflow: hidden; font-size: 34px; margin-top: 23px; color: #7f563a; }

@media (max-width: 768px) { .special_00300 .con .right .list .item .txt { font-size: 22px; } }

.special_00300 .con .right .moreBox { margin-top: 0; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1400px) { .special_00300 .con .left .wnzt-title { width: 100%; margin-bottom: 20px; }
  .special_00300 .con .left .tab-mod .title { -ms-flex-wrap: wrap; flex-wrap: wrap; }
  .special_00300 .con .left .tab-mod .tracker-mod { margin-left: 0; width: 70%; }
  .special_00300 .con .left .tab-mod .moreBox { top: -73px; } }

@media (max-width: 1000px) { .special_00300 .con { display: block; }
  .special_00300 .con .left { width: 100%; }
  .special_00300 .con .left .list .item .pic .i { width: 100%; height: auto; }
  .special_00300 .con .right { width: 100%; margin-left: 0; margin-top: 40px; }
  .special_00300 .con .right .title { padding-left: 0; }
  .special_00300 .con .right .list::before { bottom: 6.5%; }
  .special_00300 .con .right .list .item .pic .i { width: 100%; height: auto; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00300 { padding: 40px 0; }
  .special_00300 .con .left .tab-mod .tab-cont { margin-top: 25px; }
  .special_00300 .con .left .tab-mod .moreBox { margin-top: 0 !important; top: -52px; }
  .special_00300 .con .left .list .item .liner { display: block; }
  .special_00300 .con .left .list .item:first-child .pic { width: 100%; }
  .special_00300 .con .left .list .item .text { width: 100%; padding: 15px 0; }
  .special_00300 .con .left .list .item + .item .liner { padding-top: 0; }
  .special_00300 .con .right { margin-top: 25px; }
  .special_00300 .con .right .moreBox { margin-top: 0 !important; }
  .special_00300 .con .right .list { padding: 25px 0 0; }
  .special_00300 .con .right .list::before { bottom: 9.5%; } }
