.onn a  {
color: #ffffff !important;}
.img-lists ul li {
    float: left;
    width: 46%;
    margin: 30px 2% 0 2%;
    transition: all 0.3s;
    position: relative;
    top: 0;
    min-height: 296px;}
.info li .text .name {
    font-size: 24px;
    color: #3D3D3D;}
.info li {
    width: 520px;
    float: left;
    box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.2);
    margin-right: 58px;
    margin-bottom: 30px !important;}

.info li .img {
    overflow: hidden;
    float: left;}

.info li .img img {
    width: 180px;
    height: 235px;}

.info li .text {
    width: calc(100% - 197px);
    box-sizing: border-box;
    padding: 10px;text-align: left;}
.tealist .info li .text .name {
    font-size: 24px;
    color: #3D3D3D;}
.info li .text .name {
    font-size: 24px;
    color: #3D3D3D;}

.info li .text .desc {
    margin: 10px 0 19px 0;}

.info li .text p {
    color: #999;
    line-height: 30px;font-size: 16px;}
.f-right {
    float: right;}
.info li .text .teaPage {
    width: 128px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    box-sizing: border-box;
    border: 1px solid #1269CA;}

.info .teaPage a {
    color: #1269CA;}

.info .teaPage img {
    position: relative;
    top: -1px;
    margin-left: 15px;}
@media screen and (max-width: 1024px) {
.info .teaPage img {height:auto;}
}
@media screen and (max-width: 1420px) {
.img-lists ul li {
    float: left;
    width: 100%;
    margin: 30px 2% 0 2%;
    transition: all 0.3s;
    position: relative;
    top: 0;}
}