@charset "UTF-8";
.special_00352 { padding: 100px 0; position: relative; }

.special_00352 .wnzt-title { position: relative; font-size: 48px; line-height: 1.2; color: #121158; }

@media (max-width: 768px) { .special_00352 .wnzt-title { font-size: 28px; } }

.special_00352 .list { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0 -20px; margin-top: 40px; }

.special_00352 .li { width: calc(50% - 40px); margin: 0 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00352 .li .lt { width: 45.58%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; z-index: 2; }

.special_00352 .li .lt:before { content: ""; display: block; width: 0; height: 0; border-left: 0 solid transparent; /* 左边框透明 */ border-right: 101px solid transparent; /* 右边框透明 */ border-bottom: 45px solid #111c3a; position: absolute; right: 0; bottom: 100%; }

.special_00352 .li .lt::after { content: ""; display: block; width: 0; height: 0; border-left: 0 solid transparent; /* 左边框透明 */ border-right: 101px solid transparent; /* 右边框透明 */ border-top: 45px solid #111c3a; position: absolute; right: 0; top: 100%; }

.special_00352 .li .pic { position: relative; overflow: hidden; background-color: #f5f5f5; }

.special_00352 .li .pic::before { content: ''; display: block; padding-top: 132.90323%; }

.special_00352 .li .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_00352 .li .pic .i { width: 100%; }

.special_00352 .li .rr { height: 501px; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; color: #fff; padding: 70px 40px; z-index: 1; }

.special_00352 .li .rr:before { content: ""; display: block; height: 100%; width: calc(100% + 101px); background: url(../../image/special_00352/bg1.jpg) no-repeat center center/cover; position: absolute; right: 0; top: 0; z-index: -1; }

.special_00352 .li .rr .t { font-size: 24px; }

@media (max-width: 768px) { .special_00352 .li .rr .t { font-size: 18px; } }

.special_00352 .li .rr .p { font-size: 20px; margin-top: 8px; width: 11em; }

@media (max-width: 768px) { .special_00352 .li .rr .p { font-size: 18px; } }

.special_00352 .li .rr .desc { font-size: 18px; color: #b8bfd3; margin-top: 17px; height: 12em; line-height: 1.5; }

@media (max-width: 768px) { .special_00352 .li .rr .desc { font-size: 16px; } }

body:not(.lang-en) .special_00352 .li .rr .desc { text-align: justify; text-justify: inter-ideograph; }

.special_00352 .mCSB_inside > .mCSB_container { margin-right: 15px; }

.special_00352 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; background-color: #b17160; }

.special_00352 .mCSB_scrollTools .mCSB_draggerRail { width: 3px; background-color: #404f7b; }

/*	pc 端	*/
/*	1280~1440	*/
/*	1024	*/
@media (max-width: 1024px) { .special_00352 .list { display: block; margin: 0; margin-top: 40px; }
  .special_00352 .li { width: 100%; margin: 0 auto; max-width: 680px; }
  .special_00352 .li + .li { margin-top: 20px; } }

/*	移动端	*/
@media (max-width: 768px) { .special_00352 { padding: 40px 0; }
  .special_00352 .li { display: block; }
  .special_00352 .list { margin-top: 25px; }
  .special_00352 .li .lt:before { display: none; }
  .special_00352 .li .lt:after { display: none; }
  .special_00352 .li .lt { width: 100%; }
  .special_00352 .li .rr { height: auto; padding: 30px 20px; }
  .special_00352 .li .rr:before { width: 100%; } }