﻿.down ul {margin:0;}
.down ul li {float:left;width:49%;margin:0 0 30px;border:1px solid #E2E2E2;padding:24px;box-sizing:border-box;}
.down ul li:nth-child(2n) {float:right;}
.down ul li .pic {float:left;width:140px;height:140px;background:#F5F5F7;text-align:center;align-items:center;justify-content:center;display:-webkit-flex;display:flex;}
.down ul li .pic i {font-size:44px;color:#E0474C;}
.down ul li .t {margin:0 0 0 165px;}
.down ul li .t h5 {font-size:22px;color:#000;font-weight:600;text-transform:capitalize;}
.down ul li .t p {height:48px;overflow:hidden;line-height:24px;font-size:18px;color:#666;margin:10px 0 0;}
.down ul li .t .more {display:inline-block;margin:15px 0 0;font-size:16px;color:#666;}
.down ul li .t .more i {font-size:18px;color:#666;margin-right:8px;-webkit-text-stroke-width:0.2px;}
.down ul li:hover {border:1px solid var(--active-color);}
.down ul li:hover .t h5 a,.down ul li:hover .t .more,.down ul li:hover .t .more i {color:var(--link-color-hover);}

@media screen and (max-width:1400px) {
.down ul li {margin:0 0 20px;padding:20px;}
.down ul li .t h5 {font-size:20px;}
}

@media screen and (max-width:1200px) {
.down ul li {margin:0 0 15px;padding:15px;}
.down ul li .t h5 {font-size:18px;}
}

@media screen and (max-width:1000px) {
.down ul li {margin:0 0 15px;padding:10px;}
.down ul li .t h5 {font-size:16px;}
}

@media screen and (max-width:768px) {
.down ul li {width:100%;}
.down ul li .pic {width:110px;height:110px;}
.down ul li .t {margin:0 0 0 130px;}
}
