@charset "utf-8";
/*[ MBKFW.COM] Copyright (c) 2010-2024*dz-CSS-qq:290948585*/
.banner {margin-top:-10px;background-color:#1844A7;background-image:url("images/ecosphere/bg.jpg");}
/**/
.card-list-a7cv {display:grid;grid-template-columns:repeat(4,1fr);column-gap:16px;row-gap:16px;padding:16px 0px;}
.card-a7cv {background-color:#ffffff;height:440px;border-radius:6px;box-shadow:0px 12px 21px 0px rgba(53,92,141,0.11);transition:top 0.2s,transform 0.2s;}
.card-a7cv:hover {box-shadow:0px 12px 21px 0px rgb(35 93 167 / 18%);transform:translateY(-8px);transition:top 0.2s,transform 0.2s;}
.card-a7cv .card-a7cv-s {display:flex;flex-direction:column;align-items:center;overflow:hidden;height:100%;}
.card-a7cv .top {text-align:center;width:100%;height:270px;padding-top:30px;background-color:#f5f7fd;}
.card-a7cv .top img {max-width:80%;max-height:80%;aspect-ratio:1;border-radius:8px;margin-bottom:40px;}
.card-a7cv .bottom-a7cv {position:relative;width:100%;height:140px;}
.card-a7cv .bottom-a7cv .content-q {background-color:#fff;position:absolute;left:20px;right:20px;bottom:20px;height:100%;padding:8px 16px;display:flex;flex-direction:column;justify-content:center;align-items:center;border-radius:8px;box-shadow:0px 12px 21px 0px rgba(53,92,141,0.11);}
.card-a7cv .bottom-a7cv .content-q h2 {font-size:20px;color:#242947;text-decoration:none;cursor:pointer;transition:all .3s;}
.card-a7cv .bottom-a7cv .content-q span.int {color:#aab3bf;font-size:14px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin:10px 0;}
.card-a7cv .bottom-a7cv .content-q .btna {background-color:#1844A7;border:none;border-radius:100px;width:128px;height:35px;line-height:32px;color:#ffffff;font-weight:bold;margin-top:16px;transition:box-shadow 0.2s;text-align:center;}
.card-a7cv .bottom-a7cv .content-q .btna:hover {box-shadow:0px 6px 16px 2px rgba(55,110,242,0.49);transition:box-shadow 0.2s;}
.card-a7cv .bottom-a7cv .content-q .btna i {font-style:normal;font-weight:bold;color:#FFFFFF;padding-left:5px;font-family:simsun;}
.header-a7cv {width:100%;height:300px;display:flex;flex-direction:column;justify-content:center;}
.header-a7cv h2,.header-a7cv p {color:#ffffff;font-size:38px;margin-left:50px;}
.header-a7cv p {margin-top:15px;font-size:20px;}
/**/
.eco-title {padding:18px 0px;margin-top:12px;text-align:center;column-gap:12px;}
.eco-title h2 {font-size:28px;font-weight:bold;}
.eco-more {font-size:14px;color:#cbd0d6;text-align:center;margin-top:20px;margin-bottom:40px;}
.eco-more a {display:block;width:200px;margin:0 auto;height:45px;line-height:45px;text-align:center;font-size:16px;color:#787878;font-weight:600;box-shadow:0px 12px 21px 0px rgba(53,92,141,0.11);border:1px solid #f5f7fd;border-radius:4px;background:#fff;-webkit-transition:all 0.2s linear;-moz-transition:all 0.2s linear;-o-transition:all 0.2s linear;-ms-transition:all 0.2s linear;transition:all 0.2s linear;}
.eco-more a:hover {color:#fff;border:1px solid #1844A7;background:#1844A7;width:260px;box-shadow:0px 6px 16px 2px rgba(55,110,242,0.49);}
/**/
.banner-foot {background:#1844A7;margin-bottom:-20px;text-align:center;}
.banner-foot .header-a7cv h2 {margin:20px 0px 0px 0px;}
.banner-foot .header-a7cv p {margin:20px 0px;}
.banner-foot .eco-more a {background:none;color:#ffffff;font-weight:500;}
.banner-foot .eco-more a:hover {border-color:#ffffff;}
/**/
.banner-cat {/* text-align:center; */}
.banner-cat h2 a {color:#ffffff;}
.banner-cat .header-a7cv h2,.banner-cat .header-a7cv p {/* margin-left:0px; */}
/**/
.eco-cat-name {background:#ffffff;height: 60px;line-height: 60px;box-shadow:0px 6px 12px 0px rgb(205 205 205 / 22%);margin:0px auto 20px auto;}
.eco-cat-name div.mxh {height:100%;}
.eco-cat-name ul {display:flex;column-gap: 25px;font-size: 18px;width:fit-content;height:100%;margin:0px auto;}
.eco-cat-name li.on a {font-weight:bold;color:#1844A7;}