/* 公共样式 */

.title-index  {
    width: 100%;
    text-align: center;
    margin-top: 100px;
    margin-bottom: 36px;
}
.title-index h3 {
    font-size: 31px;
}
.title-index p {
    font-size: 16px;
    color: #555;
    font-family: Lato, serif;
    line-height: 1.4;
    width: 35%;
    margin:30px auto;
}
/* 头部样式 */

.header .top {
    width: 100%;
    height: 50px;
    border-bottom: solid 1px #dbd4d6;
    line-height: 50px;
}
.header .top .box {
    display: flex;
    justify-content: space-between;
}
.header .top .icon {
    color:#fb2661;
    font-weight: bold;
}
.header .head {
    width: 100%;
    height: 90px;
    line-height: 90px;
    border-bottom: solid 1px #dbd4d6;
}
.header .head .box {
    height: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header .head .logo {
    width: 200px;
}
.header .head .logo img {
    width: 100%;
}
.header .head .menu {
    width: calc(100% - 250px);
    display: flex;
    justify-content: space-between;
}
.header .head .menu ul {
    display: flex;
}
.header .head .menu ul li {
    margin-right: 30px;
}
.header .head .menu ul li a{
    color: rgb(104, 104, 104);
    font-size: 16px;
    font-weight: bolder;
}
.header .head .search {
    position: relative;
}
.header .head .search input {
    width: 100%;
    max-width: 256px;
    height: 41px;
    padding: 8px;
    padding-left: 48px;
    font-size: 16px;
    line-height: 24px;
    font-family: lato, sans-serif;
    background-color: #f0f0f0;
    border-radius: 12px;
    border: none;
}
.header .head .search button {
    background: none;
    border:none;
    position: absolute;
    left: 16px;
    height:100%;
}
.header .head .search button span {
    font-size: 24px;
}
.banner  {
    margin-top: 50px;
}
.banner img {
    width: 100%;
    border-radius: 20px;
}

/* 首页banner下搜索 */
.filter {
    width: 100%;
    box-sizing: border-box
}

.filter .search {
    width: 100%;
    background: #e70d23;
    padding: 32px;
    border-radius: 16px;
    box-sizing: border-box;
    position: relative;
    display: inline-block;
}
.filter .search form {
    display: flex;
    justify-content: space-between;
}
.filter .search .item {
    height: 56px;
    line-height: 56px;
    width: calc(100% - 200px);
    position: relative;
}
.filter .search .item input {
    width: 100%;
    height: 100%;
    border-radius: 10px;
    outline: none;
    border: none;
    padding-left: 10px;
}
.filter .search .bef {
    position: absolute;
    right: 30px;
    color: #eb0d23;
    font-size: 25px;
}
.filter .search button {
    width: 180px;
    border:none;
    background: #fff;
    border-radius: 26px;
    font-size: 20px;
    font-weight: bold;
    color: #e70d23;
}
.filter .search button span {
    font-size: 23px;
    margin-right: 5px;
}
.filter .search button p {
    display: inline-block;
}
/* 首页产品展示 */
.product {
    width: 100%;
    box-sizing: border-box
}
.product .Classificatiom ul {
    display: flex;
    justify-content: center;
    margin: 32px 0;
}
.product .Classificatiom ul li {
    padding: 10px 16px;
    border: solid 1px #8b8b8b;
    border-radius: 20px;
    margin: 0px 8px 12px 0px
}
.product .Classificatiom ul li a {
    cursor: pointer;
    color: rgb(139, 139, 139);
    font-size: 16px;
}
.product .Classificatiom ul li:hover {
    background: #121010;
    transition: 0.3s ease-in-out;
}
.product .Classificatiom ul li:hover a {
    color: #fff;
}
.product .list {
    width: 100%;
}
.product .list ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr ;
    grid-template-rows: 1fr 1fr;
    gap: 1em;
 
}
.product .list ul li {
    background: #f0f0f0;
    text-align: center;
    border-radius: 16px;
    position: relative;
}
.product .list ul li img {
    width: 50%;
    padding: 50px 0 230px;
}
.product .list ul li:first-child {
    grid-row: 1 / 3;
    grid-column: 1 / 3;
}
.product .list ul li:first-child img {
    padding: 100px 0;
    width: 78%;
}
.product .list ul li .text {
    background: #fff;
    padding: 16px;
    border-radius: 16px;
    position: absolute;
    bottom:1em;
    left: 1em;
    right: 1em;
}
.product .list ul li .text h3 {
    text-align: left;
}
.product .list ul li .text .parameter {
    display: flex;
    justify-content: space-between;
    margin: 30px 0;
    
}
.product .list ul li .text .parameter .item {
    width: 25%;
    border-right: solid 1px #d4d4d4;
    text-align: center;
}
.product .list ul li .text .parameter .item span {
    display: block;
}
.product .list ul li .text .parameter .item span {
    color: #565656;
    font-size: 10px;
}
.product .list ul li .text .parameter .item span:first-child {
    color: #141414;
    font-size: 13px;
    font-weight: bold;
    padding-bottom: 5px;
}
.product .list ul li .text .parameter .item:last-child {
    border:none;
}
.product .list ul li .text .more a {
    font-size: 14px;
    font-weight: 600;
    color: #141414;
    text-decoration: underline;
    cursor: pointer;
}

/* 首页服务样式 */
.service ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    gap: 40px;
    margin-top: 2rem;
    margin-bottom: 4rem;
}
.service ul li {
    background-color: #fff;
    border: 1px solid #e6e6e7;
    border-radius: 20px;
    width: 250px;

  
    text-align: center;
}
.service ul li img {
    width: 100px;

}
.service ul li h3 {
    font-size: 18px;
    font-weight: 700;
    color: #333;
}
.service ul li .more {
    display: inline-block;
    width: 94%;
    height: 40px;
    line-height: 40px;
    border-radius: 25px;
    
    border: 1px solid #E70D23;
    box-sizing: border-box;
    margin: 50px 0 30px;
}
.service ul li .more a {
    color: #E70D23;
    font-weight: bold;
    white-space: nowrap;
    text-align: center;
}
.service ul li .more:hover {
    background: #e70d23;
    transition: background-color 0.3s ease;
}
.service ul li .more:hover a {
    color: #fff;
}

/* 关于我们样式 */
.about {
    background:  url(../img/wind-farms-fields.jpg) center;
    background-size: cover;
    padding: 4rem 3rem;
    border-radius: 24px;
    box-sizing: border-box;
}
.about h3 {
    font-size: 25px;
    font-weight: 700;
    color: #fff;
    margin-bottom: 1.2rem;
    line-height: 40px;
}
.about p {
    font-size: clamp(15px, 15px, 17px);
    color: #fff;
    font-family: Lato, serif;
    margin-bottom: 1.5rem;
    line-height: 1.4;
}
.about .more {
    display: inline-block;
    background-color: #fff;
    font-weight: bold;
    border-radius: 24px;
    border: 1px solid #E70D23;
    text-align: center;
    padding: 0.85rem 1.4rem;
}
.about .more a {
    font-size: 17px;
    color: #E70D23;
}
.about .more:hover {
    background: #e70d23;
    transition: background-color 0.3s ease;
}
.about .more:hover a {
    color: #fff;
}

/* 首页优势样式 */
.Advantages {
    text-align: center;
}
.Advantages ul {
    display: flex;
    justify-content: space-between;
    margin-bottom: 32px;
}
.Advantages ul li {
    border: 1px solid #e6e6e7;
    border-radius: 24px;
    width: calc(25% - 20px);
    min-height: 250px;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    text-align: left;
    box-sizing: border-box;
}
.Advantages ul li span {
    color: #e70d23;
    font-size: 30px;
}
.Advantages ul li h3 {
    font-size: 19px;
    font-weight: 700;
    margin-bottom: 1.5rem;
    line-height: 24px;
    color: #333;
    margin-top: 30px;
}
.Advantages ul li p {
    font-size: 14px;
    color: #555;
    line-height: 1.4;
}
.Advantages .more {
    display: inline-block;
    border-radius: 25px;
    padding: 0.95rem 2.4rem;
    transition: background-color 0.3s ease;
    border: 1px solid #E70D23;
    white-space: nowrap;
    text-align: center;
}
.Advantages .more a {
    color: #E70D23;
    font-weight: bold;
    font-size: 18px;
}
.Advantages .more:hover {
    background: #E70D23;
    transition: background-color 0.3s ease;
}
.Advantages .more:hover a {
    color: #fff;
}

/* 推荐产品样式 */
.recommend {
    padding: 40px 32px;
    background: linear-gradient(to right, #fff 33%, #F7F4E9);
    border-radius: 24px;
    box-sizing: border-box;
    margin: 32px auto;
    box-shadow: 0 8px 16px rgba(0, 0, 0, 0.08);
    display: grid;
    gap: 40px;
    grid-template-columns: 1fr 3fr;
}
.recommend .left img {
    width: 100%;
}
.recommend .right h3 {
    font-size: 20px;
    font-weight: 700;
    margin: 0 0 24px 0;
    color: #222;
    margin-top: 30px;
}
.recommend .right p {
    margin: 0 0 24px 0;
    font-size: 18px;
    color: #555;
    line-height: 1.5;
}
.recommend .right .more {
    display: inline-block;
    border-radius: 25px;
    padding: 0.95rem 1.2rem;
    
    border: 1px solid #ee5359;
    text-decoration: none;
    white-space: nowrap;
    text-align: center;
}
.recommend .right .more a {
    color: #ee5359;
    font-weight: bold;
    font-size: 18px;
}
.recommend .right .more:hover {
    background: #c00017;
    transition: background-color 0.3s ease;
}
.recommend .right .more:hover a {
    color: #fff;
}

/* 产品目录样式 */
.Catalog {
    border-radius: 24px;
    box-sizing: border-box;
    margin: 52px auto;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    border: 1px solid #e6e6e7;
    display: grid;
    grid-template-columns: 1fr 1fr;
    padding: 0;
    background: #f5f5f5;
}
.Catalog .left img {
    width: 100%;
    border-radius: 24px 0 0 24px;
}
.Catalog .right {
    text-align: left;
    padding: 30px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.Catalog .right p {
    font-size: 18px;
    color: #555;
    margin-bottom: 8px;
    font-weight: bold;
}
.Catalog .right h3 {
    font-size: 36px;
    color: #e74c3c;
    margin-bottom: 16px;
    font-weight: 700;
}
.Catalog .right .SALES {
    font-size: 18px;
    margin-bottom: 24px;
    color: #333;
    font-weight: 600;
}
.Catalog .right .more {
    display: inline-block;
    border-radius: 25px;
    padding: 0.65rem 1.2rem;
    border: 1px solid #ee5359;
    white-space: nowrap;
    text-align: center;
    text-decoration: none;
    background: #fff;
}
.Catalog .right .more a {
    color: #ee5359;
    font-weight: bold;
    font-size: 18px;
}
.Catalog .right .more:hover {
    background: #c00017;
    transition: background-color 0.3s ease;
}
.Catalog .right .more:hover a {
    color: #fff;
}
.Catalog:hover {
    transform: scale(1.02);
    transition: transform 0.3s;
}

/* 客户评价 */
.evaluate h3 {
    font-size: 32px;
}
.evaluate ul {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 20px;
    margin: 30px 0;
    padding: 50px;
    box-sizing: border-box;
}
.evaluate ul li {
    height: 209px;
    text-align: center ;
    position: relative;
    border: 1px solid #eee ;
    border-radius: 3px;
    padding: 15px;
}
.evaluate ul li span {
    font-size: 20px;
    color: #00804e;
}
.evaluate ul li span:last-child {
    font-size: 15px;
    color: #373737;
}
.evaluate ul li p {
    font-size: 13px;
    color: #2b2b2b;
    font-weight: bold;
    line-height: 18px;
    margin-top: 10px;
}
.evaluate ul li .user {
    position: absolute;
    bottom: 15px;
    left: 15px;
    font-size: 10px;
    color: #373737;
    line-height: 14px;
    text-transform: uppercase;
    font-weight: 400;
}
.evaluate ul li .time {
    position: absolute;
    bottom: 15px;
    right: 15px;
    font-size: 10px;
    color: #AAA;
}

.title-map {
    text-align: center;
    font-size: 31px;
    margin-bottom: 32px;
}
.map img {
    width: 100%;
    border-radius: 30px;
}

/* 首页专家意见样式 */
.blog ul{
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 25px;
}
.blog ul li {
    position: relative;
    border-radius: 20px;
    overflow: hidden;
    height: 564px;
}
.blog ul li img {
    height: 100%;
}
.blog ul li .text {
    position: absolute;
    bottom: 0;
    top: 0;
    padding: 32px;
    background: linear-gradient(180deg, transparent, #141414);
    display: flex;
    align-content: flex-end;
    flex-wrap: wrap;
}
.blog ul li .text p {
    color: #f7f7f7;
    font-size: 10px;
    font-weight: 700;
    line-height: 120%;
    padding-bottom: 20px;
}
.blog ul li .text h3 {
    color: #f7f7f7;
    font-size: 31px;
    font-style: normal;
    font-weight: 800;
    line-height: 39.68px;
}
.blog .more {
    text-align: right;
    margin-top: 30px;
}
.blog .more a {
    font-size: 16px;
    color: #e70d23;
}

/* 手机版导航样式 */
.head .wap-menu {
    display: none;
}
.head .wap-nav {
    display: none;
}