.box{ background: #f4f4f4;}
@media screen and (min-width: 1440px) {
.field-list-box{ width: 1400px; background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/investment-right-bg.png) no-repeat,#f4f4f4; background-position: 45px 10px,90% bottom; margin: 0 auto;}
.field-list-box dl{ margin-bottom: 0;}
.field-list-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.field-list-box dd{ padding: 0 150px; margin-top: 55px;}
.field-list-box dd li{width: calc((100% - 40px)/2); background: #fff; float: left; margin-right: 40px; margin-bottom: 40px;cursor: pointer;}
.field-list-box dd li:nth-of-type(2n){margin-right:0}
.field-list-box dd li .font-box{ height: 300px; width: 100%;padding: 0 35px; position: relative;}
.field-list-box dd li .font-box .title{ color: #3A5DAE; font-size: 36px; position: relative; padding: 25px 0; box-sizing: border-box;}
.field-list-box dd li .font-box .title span{ width: 67px; height: 4px;  background: #759FFF; display: block; position: absolute; bottom:0}
.field-list-box dd li .font-box .desc{ width: 80%; color: #666; font-size: 16px; margin-top: 25px; line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; line-clamp: 5;-webkit-box-orient: vertical;}
.field-list-box dd li .font-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%;}
.field-list-box dd li: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;}
.field-list-box dd li:hover .title{ color: #5589FF;}



.product-box{ height: 400px; background: url(../images/product-box-bg.png) no-repeat 100%; background-size: 100%;}
.product-box dl{ width: 1400px; margin: 0 auto; background: url(../images/investment-left-bg.png) no-repeat 45px 10px;}
.product-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.product-box dd{ padding-left:200px; padding-top: 45px; }
.product-box dd .desc{color: #666; font-size: 16px; width: 484px; line-height: 30px;}

.product-box dd .link-btn{width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 35px;}
.field-list-box dd li:hover{ box-shadow: 20px 10px 20px #ccc;box-shadow: 20px 10px 20px #ccc;transition:0.25s; -webkit-transition:0.25s;}

}



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

.field-list-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: 45px 10px,1014px bottom;}

.field-list-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.field-list-box dd{ padding: 0 200px; margin-top: 55px;}
.field-list-box dd li{width: 500px; height: 550px; background: #fff; float: left; margin-right: 40px; margin-bottom: 40px; cursor: pointer;}
.field-list-box dd li:nth-of-type(2n){margin-right:0}
.field-list-box dd li .font-box{ height: 300px; width: 100%;padding: 0 35px; position: relative;}
.field-list-box dd li .font-box .title{ color: #3A5DAE; font-size: 36px; position: relative; padding: 25px 0; box-sizing: border-box;}
.field-list-box dd li .font-box .title span{ width: 67px; height: 4px;  background: #759FFF; display: block; position: absolute; bottom:0}
.field-list-box dd li .font-box .desc{ width: 325px; color: #666; font-size: 16px; margin-top: 25px; line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3; line-clamp: 3;-webkit-box-orient: vertical;}
.field-list-box dd li .font-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: 100px; cursor: pointer; transition: all .4s ease 0s; border: 1px solid #ccc; border-radius: 50%;}
.field-list-box dd li: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;}
.field-list-box dd li:hover .title{ color: #5589FF;}

.product-box{ height: 400px; width: 100%; background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/product-box-bg.png) no-repeat 100%;}

.product-box dt{ padding-top: 50px; margin-left: 90px; color: #002A5C; font-size: 48px;}
.product-box dd{ padding-left:200px; padding-top: 45px; }
.product-box dd .desc{color: #666; font-size: 16px; width: 484px; line-height: 30px;}

.product-box dd .link-btn{width: 150px; height: 50px; background: #4F85FF; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 35px;}

.field-list-box dd li:hover{ box-shadow: 20px 10px 20px #ccc;box-shadow: 20px 10px 20px #ccc;transition:0.25s; -webkit-transition:0.25s;}

}

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

    .field-list-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;}
    .field-list-box dl{ margin: 0;}
    .field-list-box dt{padding-top: 16vw; margin-left: 14vw; color: #002A5C; font-size: 36px;}
    .field-list-box dd{margin-top: 6.6vw; padding: 0 5vw;}

    .field-list-box dd li{width: 100%; background: #fff; margin-bottom: 40px; }
    .field-list-box dd li .font-box .title{ color: #3A5DAE; font-size: 5.5vw; position: relative; padding: 25px 0;}
    .field-list-box dd li .font-box .title span{ width: 67px; height: 4px;  background: #759FFF; display: block; position: absolute; bottom:0}
    .field-list-box dd li .font-box{ padding: 0 5vw; position: relative; padding-bottom: 15vw;}

    .field-list-box dd li .font-box .desc{ color: #666; font-size: 16px; margin-top: 25px; line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5; line-clamp: 5;-webkit-box-orient: vertical;letter-spacing:2.8px}
    .field-list-box dd li .font-box .link-btn{ width: 6vw; height: 6vw; background: url(../images/arrow_blue.png) no-repeat;background-position: center center; position: absolute; background-size: 70%; right: 5vw; bottom: 5vw; border: 1px solid #ccc; border-radius: 50%;}


    .product-box{ width: 100%; background: url(../images/investment-left-bg.png) no-repeat 45px 10px,url(../images/product-box-bg.png) no-repeat 60%;}

    .product-box dt{ padding-top: 16vw; margin-left: 20vw; color: #002A5C; font-size: 6.5vw;}
    .product-box dd{ padding: 5vw; padding-bottom: 10vw;}
    .product-box dd .desc{color: #666; font-size: 16px; line-height: 30px;}
    
    .product-box dd .link-btn{width: 25vw; line-height: 6.6vw; border-radius: 25px; background: #4F85FF; color: #fff; font-size: 3.5vw; margin-top: 10vw;}
    
    
    
    


}