@charset "UTF-8";
.pw1400 { max-width: 1400px; width: 100%; margin: 0 auto; }
.vaml { vertical-align: middle;}
#footer { margin: .5rem auto 0; }
.list_color1 { background: #FDF4FF; }
.list_color2 { background: #FFF9F5; }
.list_color3 { background: #F3FFF8; }
.list_color4 { background: #F4F8FF; }

.banner { background: url(../products/img/products-bannerimg.png) top center no-repeat; background-size: 100% 100%; max-width: 1400px; width: 100%; margin: .6rem auto; padding: 1.18rem 0; border-radius: .5rem; }
.banner h1 { color: #FFF; text-align: center; font-family: 'Poppins'; font-size: .42rem; font-weight: 600; line-height: 52px; }
.banner p { color: #FFF; text-align: center; font-family: 'Poppins'; font-size: .24rem; max-width: 800px; width: 100%; margin: 10px auto 0; }

.wrap { display: flex; justify-content: space-between; flex-wrap: wrap;}
.wrap .list_pro { max-width: 450px; width: 100%; margin-bottom: .3rem; display: inline-block; box-sizing: border-box; padding: .35rem; border-radius: .2rem; }
.wrap .list_pro h4 { color: #03141C; font-family: 'Poppins'; font-size: 24px;font-weight: 600; }
.wrap .list_pro p { color: #333; font-family: 'Poppins'; font-size: 18px; font-weight: 500; line-height: 36px; margin: .2rem auto .5rem; min-height: 72px;}
.wrap .content_btn .btn1 { transition: .3s; background: none; border: 2px solid #2C67FF; border-radius: .1rem; font-size: 20px; font-weight: 600; text-align: center; width: 206px; height: 54px; line-height: 54px; text-decoration: none; display: inline-block; }
.wrap .content_btn .btn1:hover { color: #fff; background-color: #2C67FF;}
.wrap  .content_btn .btn2 { display: inline-block; vertical-align: middle; color: #2C67FF; font-size: 18px; font-weight: 500; text-decoration: none; margin-left: .2rem;}
.wrap  .content_btn .btn2::after { font-weight: bold; display: inline-block; vertical-align: middle; content: "\e90d"; transform: scale(.6) translateX(5px); transition: .3s; font-size: 20px; font-family: "iconfont";}
.wrap  .content_btn .btn2:hover::after { transform: scale(.6) translateX(15px);}

@media screen and (max-width: 1400px) {
    .pw1400 { width: 94%; padding: 0 3%; }
    .banner { width: 94%; margin: .6rem auto; }
    .wrap { justify-content: space-around; }
}

@media screen and (max-width: 750px) {
    .banner { background: url(../products/img/products-bannerimg-mo.png) top center no-repeat; background-size: cover; padding: 1.18rem 3%; box-sizing: border-box; }
    .banner h1 { font-size: .54rem; }
    .banner p { font-size: 20px; }
    .wrap .list_pro { margin-bottom: .6rem; }
    .wrap .list_pro h4>img { width: 12%; }
    .wrap .list_pro h4 { font-size: 20px; }
    .wrap .list_pro p { font-size: 14px; min-height: auto; }
    .wrap .content_btn .btn1 { font-size: 16px; max-width: 300px; width: auto; width: 50%; height: auto; line-height: 2.75; }
    .wrap .content_btn .btn2 { font-size: 14px;}
}