@charset "UTF-8";
.special_00201 { padding: 100px 0; background: url(../../image/special_00201/home7.jpg) no-repeat bottom -100px center; }

.special_00201 .box { margin-top: 45px; display: -webkit-box; display: -ms-flexbox; display: flex; }

.special_00201 .list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.special_00201 .li { width: 50%; background-color: #fff; position: relative; overflow: hidden; position: relative; }

.special_00201 .li::before { content: ''; display: block; padding-top: 75%; }

.special_00201 .li .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_00201 .li a { width: 100%; height: 100%; padding: 40px 60px 50px 42px; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; }

.special_00201 .y { width: 75px; text-align: center; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }

.special_00201 .y .n { font-size: 68px; font-family: arial; line-height: 110%; position: relative; }

.special_00201 .y .n::after { content: ""; display: block; width: 37px; border-bottom: 1px solid #eaeaea; position: absolute; left: 50%; bottom: 0; -webkit-transform: translateX(-50%); transform: translateX(-50%); }

.special_00201 .y .n1 { font-size: 18px; margin-top: 6px; }

@media (max-width: 768px) { .special_00201 .y .n1 { font-size: 16px; } }

.special_00201 .p { font-size: 18px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; line-height: 1.5; height: 3em; text-overflow: ellipsis; overflow: hidden; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; }

@media (max-width: 768px) { .special_00201 .p { font-size: 16px; } }

.special_00201 .li1 { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09); }

.special_00201 .left { width: 50%; position: relative; }

.special_00201 .left .li2 { background-color: #c30d23; color: #fff; }

.special_00201 .left .li2 .y .n::after { border-bottom: 1px solid #cb3a4b; }

.special_00201 .left .li3 { margin-left: auto; background-color: #373737; color: #fff; }

.special_00201 .left .li3 .y .n::after { border-bottom: 1px solid #5b5b5b; }

.special_00201 .left .pic { position: relative; overflow: hidden; width: 50%; position: absolute; left: 1px; bottom: 0; }

.special_00201 .left .pic::before { content: ''; display: block; padding-top: 150%; }

.special_00201 .left .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_00201 .right { width: 50%; position: relative; }

.special_00201 .right .list { margin-top: 37.5%; position: relative; z-index: 1; }

.special_00201 .right .li1 { margin-left: 50%; }

.special_00201 .right .li2 { -webkit-box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09); box-shadow: 0 5px 20px rgba(0, 0, 0, 0.09); }

.special_00201 .right .li3 { background-color: #373737; color: #fff; }

.special_00201 .right .li3 .y .n::after { border-bottom: 1px solid #5b5b5b; }

.special_00201 .right .pic { position: relative; overflow: hidden; width: 100%; position: absolute; left: 0; top: 0; }

.special_00201 .right .pic::before { content: ''; display: block; padding-top: 75%; }

.special_00201 .right .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_00201 .more { margin-top: 58px; }

/*	pc 端	*/
@media (min-width: 769px) { .special_00201 .li:hover .n { -webkit-animation: animat-shake .5s; animation: animat-shake .5s; } }

/*	1280~1440	*/
@media (max-width: 1480px) { .special_00201 .li a { padding: 20px 30px; } }

@media (max-width: 1200px) { .special_00201 .li a { display: block; }
  .special_00201 .y { -webkit-box-orient: initial; -webkit-box-direction: initial; -ms-flex-direction: initial; flex-direction: initial; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; }
  .special_00201 .y .n::after { display: none; }
  .special_00201 .y .n1 { margin: 0; font-size: 18px; } }

@media (max-width: 1200px) and (max-width: 768px) { .special_00201 .y .n1 { font-size: 16px; } }

@media (max-width: 1200px) { .special_00201 .y .n1::after { content: "."; }
  .special_00201 .y .n { font-size: 18px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } }

@media (max-width: 1200px) and (max-width: 768px) { .special_00201 .y .n { font-size: 16px; } }

/*	1024	*/
/*	移动端	*/
@media (max-width: 768px) { .special_00201 { padding: 40px 0; }
  .special_00201 .li::before { display: none; }
  .special_00201 .li a { position: relative; }
  .special_00201 .box { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 10px; }
  .special_00201 .left { width: 100%; }
  .special_00201 .right { width: 100%; margin-top: 20px; }
  .special_00201 .right .list { margin-top: 0; }
  .special_00201 .li { width: 100%; margin-top: 20px; }
  .special_00201 .li::before { padding-top: 60%; }
  .special_00201 .y .n { font-size: 32px; }
  .special_00201 .right .li1 { margin-left: 0; }
  .special_00201 .right .pic { position: relative; }
  .special_00201 .left .pic { width: 100%; position: relative; display: none; } }