p,a{font-size:1rem; } a{transition:.5s;} button{transition:.5s;} .container{max-width:105rem;width:105rem;margin:0 auto;padding:0;} .pc_show{display: block;} .m_show{display: none;} @media(max-width: 105rem){ .container{max-width:96%;width:96%;} } @media(max-width: 62rem){ .pc_show{display: none!important;} .m_show{display: block!important;} .container{max-width:92%;width:92%;} } /*电脑端导航*/ .mobile_header{display: none;} header{height:6.25rem;width:100%;top:0;left:0;position: fixed;background: #fff;box-shadow: 0 0 0.625rem rgba(0,0,0,.1);z-index:99;} header .container{height:100%;display: flex;justify-content: space-between;align-items: center;} header .logo{display: flex;align-items: center;} header .logo img{height:4.375rem;margin-right:0.625rem;} header .logo p{font-size:2rem;font-weight: bold;color:#000;} header .nav{display: flex;align-items: center;} header .link{font-size:1.125rem;color:#000;padding:0.875rem 1.25rem;border-radius: 0.625rem;} header .link.active{color: #fff;background-color: #c69665;} header .link:hover{color: #c69665;} /*首页-轮播图*/ .banner{position: relative;height:53.125rem;margin-top:6.25rem;} .banner img{width:100%;} .banner .txt{position: absolute;z-index:2;left:0;top:0;width:100%;height:100%;display: flex;flex-direction: column;justify-content: center;} .banner .box{width:31.25rem;height:30.625rem;background-color: rgba(198,150,101,.8);padding:0.9375rem;margin-left:6.5625rem;} .banner .inner{border:0.125rem solid #c8ad92;width:100%;height:100%;display: flex;flex-direction: column;align-items: center;justify-content: center;color:#fff;} .banner .t1{font-size:2rem;} .banner .t2{font-size:3.375rem;font-weight: bold;margin:3.125rem 0 3.75rem;line-height: 1.2;} .banner .t3{font-size:1.75rem;} /*首页产品*/ .de_product{padding:5.625rem 0 3.75rem;} .de_product .container{display: flex;justify-content: space-between;flex-wrap:wrap;} .de_product .item{width:49%;margin-bottom:1.875rem;border:0.125rem solid #c69665;border-radius: 0.625rem;overflow: hidden;} .de_product .imgbox{width:100%;aspect-ratio:8/5;overflow: hidden;} .de_product img{width:100%;height:100%;object-fit: cover;} .de_product p{width:100%;height:6.25rem;background-color:#c69665;color:#fff;display: flex;justify-content: center;align-items: center;font-size: 1.875rem;font-weight: bold; } /*底部*/ footer{position: relative;} footer .f1{width:100%;height:42.5rem;} footer .f1 .con{padding-top:9.375rem;display: flex;justify-content: space-between;align-items: center;} footer .f1 .left{color:#fff;} footer .f1 .en{font-size: 4.5rem;font-weight: bold;} footer .f1 .cn{font-size: 3.375rem;margin-top:0.625rem;} footer .f1 .right{color:#fff;} footer .f1 img{width:14.8125rem;} footer .f1 p{text-align: center;font-size: 1.25rem;margin-top:0.625rem;} footer .f2{width:100%;height:26.25rem;display: flex;flex-direction: column;justify-content: flex-end;align-items: center;padding-bottom:3.125rem;} footer .f2 .container{display: flex;justify-content: center;align-items: center;} footer .f2 p{color:#000;font-size:1rem;margin:0 0.9375rem;} footer .f2 a{color:#000;font-size:1rem;} footer .f2 a:hover{color:#c69665;} footer .f3{position: absolute;z-index:2;width:100%;display: flex;justify-content: center;bottom:8.125rem;} footer .f3 .container{background-color: #fff;border-radius: 1.25rem;box-shadow: 0 0 0.625rem rgba(0,0,0,.2);padding:1.875rem 6.25rem;} footer .f3 .title{padding:1.5625rem 0;display: flex;justify-content: center;align-items: center;border-bottom:0.125rem solid #c69665;} footer .f3 .title img{width:5.1875rem;margin-right:1.25rem;} footer .f3 .title p{color:#c69665;font-size:2.625rem;font-weight: bold;} footer .f3 .info{display: flex;justify-content: space-between;flex-wrap:wrap;margin-bottom:1.875rem;} footer .f3 .item{width:49%;display: flex;align-items: center;margin-top:3.125rem;} footer .f3 .iconfont{width:5rem;height:5rem;background-color: #bdbdbd;border-radius: 50%;display: flex;justify-content: center;align-items: center;color:#fff;font-size:2.5rem;} footer .f3 .item p{font-size:1.375rem;margin-left:1.125rem;} footer .f3 .item a{font-size:1.375rem;color:#000;} footer .f3 .item:hover .iconfont{background-color: #c69665;} .page_pdt{background-color: #f5f5f5;padding:3.125rem 0;margin-top:6.25rem;} .page_pdt .container{} .page_pdt .list{width:100%;display: flex;justify-content: space-between;flex-wrap:wrap;} .page_pdt .item{width:32%;margin-bottom:1.875rem;background-color: #e6e6e6;} .page_pdt .item:last-child:nth-child(3n+2){margin-right:34%;} .page_pdt img{width:100%;border:0.0625rem solid #cacaca;} .page_pdt .name{background-color: #e6e6e6;display: flex;justify-content: center;align-items: center;font-size:2rem;height:5.625rem;} /* 放大后的遮罩层 */ #overlay { display: none; /* 默认隐藏 */ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); z-index: 1000; justify-content: center; /* 水平居中 */ align-items: center; /* 垂直居中 */ } /* 放大后的图片容器 */ #overlay .image-container { position: relative; /* 相对定位，用于关闭按钮的定位 */ max-width: 90%; max-height: 90%; } /* 放大后的图片 */ #overlay .image-container img { max-width: 100%; max-height: 100%; object-fit: contain; /* 保持图片比例 */ } /* 关闭按钮 */ #overlay .close-btn { position: absolute; top: -1.25rem; /* 向上偏移 */ right: -1.25rem; /* 向右偏移 */ color: white; font-size: 1.875rem; cursor: pointer; background: rgba(0, 0, 0, 0.5); /* 添加背景色，提高可见性 */ border-radius: 50%; /* 圆形按钮 */ width: 2.5rem; height: 2.5rem; display: flex; justify-content: center; align-items: center; }

.page{margin-top:30px;width:100%}
.pagination{justify-content: center}
.pagination li{width:20px;height:20px;display: flex;justify-content: center;align-items: center;background:#000;color:#fff;font-size:14px;margin:0 3px; }
.pagination li a{color:#fff;}
.pagination li.active{background:#c69665 }
.pagination li.disabled{cursor:text‌;background:#ddd;}
.pagination li:hover{background:#c69665 }
.pagination li.disabled:hover{background:#ddd;}