@media screen and  (min-width: 1440px) {
.news-box{ width: 1400px; background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat 90% bottom; padding-bottom: 100px; margin: 0 auto;}

.news-box dl{ margin-bottom: 0;}
.news-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.news-box dd{padding: 0 150px; margin-top: 55px;}
.news-box dd li{ height: 395px; padding: 35px 0; box-sizing:border-box; border-bottom: #cccccc solid 1px;}
.news-box dd li .icon{ width: 300px; height: 300px;float: left;}

.news-box dd li .desc-box{ width: 68%; height: 100%; float: right; position: relative; cursor: pointer;}
.news-box dd li .desc-box .type{font-size: 14px; color: #4F85FF; margin-bottom: 30px; letter-spacing:4px}
.news-box dd li .desc-box .title{font-size: 24px; color: #3A5DAE;margin-bottom: 30px;}
.news-box dd li .desc-box .desc{font-size: 16px; color: #666;line-height: 28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
.news-box dd li .desc-box .date{font-size: 16px; color: #999; position: absolute; bottom: 30px; font-family: "IBMP";}
.news-box dd li .desc-box .link-btn{ width: 45px; height: 45px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat;background-position: -60px center,center center; position: absolute; right: 35px; bottom: 50px; cursor: pointer; transition: all .4s ease 0s; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: 0; bottom: 30px; cursor: pointer;}
.news-box dd li .desc-box:hover .link-btn{background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat;background-position: center center,60px center; transition: all .4s ease 0s;}
.news-box dd li .desc-box:hover .title{ color: #4F85FF;}


.news-box .news-more-btn{ width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; margin: 0 auto; line-height: 35px; color: #fff; font-size: 16px; display: block; margin-top: 70px}

.empty-data{ width: 100%; color: #ccc; font-size: 14px; text-align: center; display: none;height: 50px; line-height: 50px;}

}

@media screen and  (min-width: 750px) and (max-width: 1440px) {

.news-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat 1014px bottom ; padding-bottom: 30px;}


.news-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.news-box dd{padding: 0 200px; margin-top: 55px;}
.news-box dd li{ height: 395px; padding: 35px 0;border-bottom: #cccccc solid 1px;}
.news-box dd li .icon{ width: 300px; height: 300px;float: left;}

.news-box dd li .desc-box{ width: 696px; height: 100%; float: right; position: relative; cursor: pointer;}
.news-box dd li .desc-box .type{font-size: 14px; color: #4F85FF; margin-bottom: 30px;letter-spacing:4px}
.news-box dd li .desc-box .title{font-size: 24px; color: #3A5DAE;margin-bottom: 30px;}
.news-box dd li .desc-box .desc{font-size: 16px; color: #666; line-height: 28px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
.news-box dd li .desc-box .date{font-size: 16px; color: #999; position: absolute; bottom: 30px;font-family: "IBMP";}
.news-box dd li .desc-box .link-btn{ width: 45px; height: 45px; background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat;background-position: -60px center,center center; position: absolute; right: 35px; bottom: 50px; cursor: pointer; transition: all .4s ease 0s; border: 1px solid #ccc; border-radius: 50%; position: absolute; right: 0; bottom: 30px; cursor: pointer;}
.news-box dd li .desc-box:hover .link-btn{background: url(../images/arrow_blue.png) no-repeat,url(../images/arrow_blue.png) no-repeat;background-position: center center,60px center; transition: all .4s ease 0s;}
.news-box dd li .desc-box:hover .title{ color: #4F85FF;}

.news-box .news-more-btn{ width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; margin: 0 auto; line-height: 35px; color: #fff; font-size: 16px; display: block; margin-top: 70px}

    


}

@media screen and (max-width: 750px) {

    .news-box{ width: 100%;background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 5.3vw 10px,56vw bottom; padding-bottom: 10vw;}
    .news-box dl{ margin: 0;}
    .news-box dt{padding-top: 16vw; margin-left: 14vw; color: #002A5C; font-size: 36px;}
    .news-box dd{margin-top: 6.6vw; padding: 0 5vw;}


    .news-box dd li{ height: 40vw;border-bottom: #cccccc solid 1px; margin-bottom: 10vw;}
    .news-box dd li .icon{ width: 23vw; height: 23vw; margin-top: 8.5vw;}
    .news-box dd li .desc-box{ width: 66%; height: 100%; float: right; position: relative; }
    .news-box dd li .desc-box .type{font-size: 3.5vw; color: #4F85FF;letter-spacing:4px}
    .news-box dd li .desc-box .title{font-size: 4vw; color: #3A5DAE;font-weight: bold;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1; line-clamp: 1;-webkit-box-orient: vertical;}
    .news-box dd li .desc-box .desc{font-size: 3.5vw; color: #666;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
    .news-box dd li .desc-box .date{font-size: 3vw; color: #999; font-family: "IBMP";}

    .news-box .news-more-btn{ width: 25vw; line-height: 6.6vw; border-radius: 25px; background: #4F85FF; margin: 0 auto; display: block; color: #fff; font-size: 3.5vw;}


}
.empty-data{ width: 100%; color: #ccc; font-size: 14px; text-align: center; display: none;height: 50px; line-height: 50px;}