.support{width:100%;overflow:hidden;height:100%;}
.support ul{height:100%;}
.support li{float:left;overflow:hidden;position:relative;}
.support li:nth-child(1){width:43.5740514076%;height:100%;background:#fff;}
.support_3{width:100%;height:100%; opacity: 0;transition: opacity .5s ease-in-out;}
.support_3 img{width:100%;height:100%;}
.support a:hover .support_3{opacity:1;}
.support_1{position:absolute;left:0px;top:1.5rem;width:100%;text-align:center;color:#000000;opacity: 1;transition: opacity .5s ease-in-out;will-change: opacity;}
.support_1 font{font-size:7vh;line-height:1;}
.support_1 p{font-size:3vh;line-height:1;padding-top:.14rem;}
.support_2{position:absolute;left:0px;top:1.5rem;width:100%;text-align:center;color:#fff;opacity: 0;transition: opacity .5s ease-in-out;will-change: opacity;}
.support_2 font{font-size:7vh;line-height:1;}
.support_2 p{font-size:3vh;line-height:1;padding-top:.14rem;}
.support a:hover .support_1{opacity: 0;}
.support a:hover .support_2{opacity: 1;}
.support_4{position:absolute;width:100%;bottom:.7rem;text-align:center;}
.support_4 img{max-width:4.45rem;} 
.support li:nth-child(2){width:56.4259485924%;height:50%;background:#4e5f6b;float:left;}
.support li:nth-child(3){width:56.4259485924%;height:50%;background:#a3a3a3;float:left;}
.support li:nth-child(2) .support_1{left:auto;right:.66rem;top:.66rem;text-align: right;color:#ffffff;text-align:left;width:auto;}
.support li:nth-child(2) .support_2{left:auto;right:.66rem;top:.66rem;text-align: right;color:#ffffff;text-align:left;width:auto;}
.support li:nth-child(2) .support_4{text-align:left;left:1.26rem;max-width:3.07rem;bottom:.4rem;width:auto;}
.support li:nth-child(3) .support_1{left:auto;right:.66rem;top:.66rem;text-align: right;color:#ffffff;text-align:left;width:auto;}
.support li:nth-child(3) .support_2{left:auto;right:.66rem;top:.66rem;text-align: right;color:#ffffff;text-align:left;width:auto;}
.support li:nth-child(3) .support_4{text-align:left;left:1.26rem;max-width:3.07rem;bottom:.4rem;width:auto;}
@media (max-width: 999px)
{
    .support li:nth-child(1){height:500px;}
    .support li:nth-child(2){height:250px;}
    .support li:nth-child(3){height:250px;}
    .support_1 font{font-size:20px;}
    .support_1 p{font-size:16px;}
    .support_2 font{font-size:20px;}
    .support_2 p{font-size:16px;}
}
@media (max-width: 767px)
{
    .support li:nth-child(1){width:100%;height:300px;}
    .support li:nth-child(1) .support_1{right:20px;top:20px;width:auto;text-align:left;display:inline-block;left:auto;}
    .support li:nth-child(1) .support_2{right:20px;top:20px;width:auto;text-align:left;display:inline-block;left:auto;}
    .support li:nth-child(2){width:50%;float:left;}
    .support li:nth-child(3){width:50%;float:left;}
    .support li:nth-child(2) .support_4{left:.2rem;}
    .support li:nth-child(3) .support_4{left:.2rem;}
    .support li:nth-child(2) .support_1{right:20px;top:20px;width:auto;text-align:left;display:inline-block;left:auto;}
    .support li:nth-child(2) .support_2{right:20px;top:20px;width:auto;text-align:left;display:inline-block;left:auto;}
    .support li:nth-child(3) .support_1{right:20px;top:20px;width:auto;text-align:left;display:inline-block;left:auto;}
    .support li:nth-child(3) .support_2{right:20px;top:20px;width:auto;text-align:left;display:inline-block;left:auto;}
    .support li:nth-child(1) .support_4 img{max-height:160px;}
    .support_4 img{max-width:80%;}
}