.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: #005350; font-size: 48px;}
.field-list-box dd{ padding: 0 150px; margin-top: 55px;}
.field-list-box dd li{width: 100%; height: 150px; background: #fff; margin-bottom: 10px; cursor: pointer; position:relative;}
.field-list-box dd li .icon{ width: 200px; height: 150px; background-position: center center;background-size: 100% auto; background-repeat: no-repeat; position: absolute; background-color: #ccc;}
.field-list-box dd li .font-box{ position: absolute; left: 250px; top: 0;}
.field-list-box dd li .font-box .title{ color: #299794; font-size: 36px; position: relative; padding: 10px 0; }
.field-list-box dd li .font-box .desc{ color: #666; font-size: 16px; line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.field-list-box dd li:hover .title{ color: #3ccecb;}



.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: #005350; 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: #18bc9c; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 35px;}
.field-list-box dd li:hover{ box-shadow: 10px 5px 10px #ccc;box-shadow: 10px 5px 10px #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: #005350; font-size: 48px;}
.field-list-box dd{ padding: 0 200px; margin-top: 55px;}
.field-list-box dd li{width: 100%; height: 150px; background: #fff; margin-bottom: 10px; cursor: pointer; position:relative;}
.field-list-box dd li .icon{ width: 200px; height: 150px; background-position: center center;background-size: 100% auto; background-repeat: no-repeat; position: absolute; background-color: #ccc;}
.field-list-box dd li .font-box{ position: absolute; left: 250px; top: 0;}
.field-list-box dd li .font-box .title{ color: #299794; font-size: 36px; position: relative; padding: 10px 0; }
.field-list-box dd li .font-box .desc{ color: #666; font-size: 16px; line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
.field-list-box dd li:hover .title{ color: #3ccecb;}

.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: #005350; 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: #18bc9c; border-radius: 25px; line-height: 35px; color: #fff; font-size: 16px; margin-top: 35px;}
.field-list-box dd li:hover{ box-shadow: 10px 5px 10px #ccc;box-shadow: 10px 5px 10px #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: #005350; font-size: 36px;}
    .field-list-box dd{margin-top: 6.6vw; padding: 0 5vw;}
    .field-list-box dd li{width: 100%; height: 25vw; background: #fff; margin-bottom: 10px; cursor: pointer; position:relative;}
    .field-list-box dd li .icon{ width: 25vw; height: 25vw; background-position: center center;background-size: 100% auto; background-repeat: no-repeat; position: absolute; background-color: #ccc;}
    .field-list-box dd li .font-box{ position: absolute; left: 30%; top: 0;}
    .field-list-box dd li .font-box .title{ color: #299794; font-size: 18px; position: relative; padding-top: 10px;}
    .field-list-box dd li .font-box .desc{ color: #666; font-size: 12px; line-height: 25px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; line-clamp: 2;-webkit-box-orient: vertical;}
    .field-list-box dd li:hover .title{ color: #3ccecb;}




    .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: #005350; font-size: 6.5vw;}
    .product-box dd{ padding: 5vw; padding-bottom: 10vw;}
    .product-box dd .desc{color: #666; font-size: 16px; line-height: 30px;}

    
    
    
    


}