@charset "UTF-8";
.special_00154 { padding: 100px 0; background: url() no-repeat center; background-size: cover; }

.special_00154 .cont { margin-top: 40px; position: relative; }

.special_00154 .cont .gcp { z-index: 1; width: 23%; position: relative; overflow: hidden; position: absolute; left: -14.21429%; top: 0; margin-top: -4.71429%; background: url() no-repeat center; background-size: contain; pointer-events: none; }

.special_00154 .cont .gcp::before { content: ''; display: block; padding-top: 136.3354%; }

.special_00154 .cont .gcp .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_00154 .cont .flex-box { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 2; border-radius: 20px; overflow: hidden; min-height: 492px; }

.special_00154 .cont .img { background: url() no-repeat center; background-size: cover; position: relative; width: 61.57143%; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.special_00154 .cont .img .border-box { position: absolute; top: 13px; left: 13px; right: 13px; bottom: 13px; border: 1px solid; border-radius: 20px; }

.special_00154 .cont .img .mask { background: url() no-repeat bottom center; background-size: 100% auto; }

.special_00154 .cont .r-box { font-size: 18px; color: #2d5358; background: url() no-repeat center; background-size: cover; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; padding: 60px 70px 60px 90px; }

@media (max-width: 768px) { .special_00154 .cont .r-box { font-size: 16px; } }

.special_00154 .cont .r-box .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00154 .cont .r-box .item + .item { margin-top: 25px; }

.special_00154 .cont .r-box .icon { position: relative; overflow: hidden; width: 58px; -webkit-box-flex: 0; -ms-flex: 0 0 auto; flex: 0 0 auto; }

.special_00154 .cont .r-box .icon::before { content: ''; display: block; padding-top: 93.10345%; }

.special_00154 .cont .r-box .icon .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_00154 .cont .r-box .icon .bg { background: url() no-repeat center; background-size: cover; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.special_00154 .cont .r-box .txt { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; margin-left: 10px; line-height: 1.3636; word-break: break-all; }

/*	pc 端	*/
/*	1280~1440	*/
@media (max-width: 1480px) { .special_00154 .cont .r-box { padding: 50px 30px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00154 { padding: 40px 0; }
  .special_00154 .cont { margin-top: 25px; }
  .special_00154 .cont .gcp { display: none; }
  .special_00154 .cont .flex-box { display: block; }
  .special_00154 .cont .img { width: 100%; position: relative; overflow: hidden; }
  .special_00154 .cont .img::before { content: ''; display: block; padding-top: 57.07657%; }
  .special_00154 .cont .img .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_00154 .cont .img .border-box { top: 10px; left: 10px; right: 10px; bottom: 10px; }
  .special_00154 .cont .r-box { padding: 20px; }
  .special_00154 .cont .r-box .icon { width: 40px; }
  .special_00154 .cont .r-box .item + .item { margin-top: 15px; } }