html body {
background: #fff;
}
html body .header::after {
opacity: 0;
}
.address-map {
background: #f9f9f9;
}
/*产品详情页-产品轮播图*/
.product-artilce {
padding:0 0 2% 0;
background: #f9f9f9;
}
.product-artilce .parameter-item {
background: #fff;
box-shadow: 0px 0px 80px 0px rgba(0, 0, 0, 0.05);
}
.product-artilce .parameter-item .photo {
width:40%;
padding: 5% 0;
}
.product-artilce .parameter-item .photo .Bigphoto {}
.product-artilce .parameter-item .photo .Bigphoto ul {}
.product-artilce .parameter-item .photo .Bigphoto ul li {
text-align: center;
}
.product-artilce .parameter-item .photo .Bigphoto ul li img {
max-width: 100%;
max-height: 500px;
cursor: zoom-in;
}
.product-artilce .parameter-item .photo .Smallphoto {
padding:2% 10%;
}
.product-artilce .parameter-item .photo .Smallphoto ul {}
.product-artilce .parameter-item .photo .Smallphoto ul li {
position: relative;
padding: 1% 1%;
border: 1px solid #dcdddd;
cursor: pointer;
}
.product-artilce .parameter-item .photo .Smallphoto ul li img {
max-width: 100%;
}
.product-artilce .parameter-item .photo .Smallphoto ul li.swiper-slide-thumb-active {
border: 2px solid #e4002b;
}
@media screen and (max-width:1024px) {
.product-artilce {
margin:0 0 0 0;
background: #fff;
}
.product-artilce .parameter-item {}
.product-artilce .parameter-item .photo {
width:100%;
}
.product-artilce .parameter-item .photo .Bigphoto {}
.product-artilce .parameter-item .photo .Bigphoto ul {}
.product-artilce .parameter-item .photo .Bigphoto ul li {
}
.product-artilce .parameter-item .photo .Bigphoto ul li img {
max-width: 100%;
max-height: none;
padding: 0 20%;
}
.product-artilce .parameter-item .photo .Smallphoto {
padding:2% 10%;
}
.product-artilce .parameter-item .photo .Smallphoto ul {}
.product-artilce .parameter-item .photo .Smallphoto ul li {
}
.product-artilce .parameter-item .photo .Smallphoto ul li img {
}
.product-artilce .parameter-item .photo .Smallphoto ul li.swiper-slide-thumb-active::after {
}
}
/*产品详情页-产品轮播图*/
/*产品详情页-产品参数-*/
.product-artilce .parameter-item .word {
width:60%;
padding:5%;
}
.product-artilce .parameter-item .word .pro-title {
}
.product-artilce .parameter-item .word .pro-title h1 {
font-size:var(--fs36);
color:#000;
*text-transform: uppercase;
font-family: "MiSans-Medium";
margin:0 0 5% 0;
}
.product-artilce .parameter-item .word .pro-title h1 span {
color:#e4002b;
padding:0 0 0 0;
}
.product-artilce .parameter-item .word .pro-title p {
font-size:var(--fs16);
color:#666;
line-height: 1.8;
}
.product-artilce .parameter-item .word .pro-parameter {
margin:5% 0;
}
.product-artilce .parameter-item .word .pro-parameter ul {
padding:0.3rem 0;
border-top: 1px solid #dedede;
border-bottom: 1px solid #dedede;
}
.product-artilce .parameter-item .word .pro-parameter ul li {
position:relative;
float: left;
width: 100%;
padding:0 50px 20px 100px;
font-size:var(--fs18);
color:#231815;
text-transform: uppercase;
}
.product-artilce .parameter-item .word .pro-parameter ul li b {
position: absolute;
left: 0;
font-weight: normal;
color: #999;
}
.product-artilce .parameter-item .word .pro-parameter ul li span {
}
.product-artilce .parameter-item .word .pro-parameter ul li span:last-child {
display: none;
}
@media screen and (max-width:1024px) {
.product-artilce .parameter-item .word {
width:100%;
padding: 0.3rem 0.1rem;
}
.product-artilce .parameter-item .word .pro-title {
}
.product-artilce .parameter-item .word .pro-title h1 {
font-size:var(--fs20);
margin:0 0 5% 0;
}
.product-artilce .parameter-item .word .pro-title p {
font-size:var(--fs14);
line-height: 1.8;
}
.product-artilce .parameter-item .word .pro-parameter {
margin:5% 0;
}
.product-artilce .parameter-item .word .pro-parameter ul {
padding:10px 0;
}
.product-artilce .parameter-item .word .pro-parameter ul li {
position:relative;
float: left;
width: 100%;
padding:0 0px 10px 80px;
font-size: var(--fs16);
color:#231815;
}
.product-artilce .parameter-item .word .pro-parameter ul li b {
position: absolute;
left: 0;
font-weight: normal;
color: #999;
}
}
/*产品详情页-产品参数-end*/
/*产品详情页-产品参数-按钮*/
.product-artilce .parameter-item .word .product-tell {
margin-top:5%;
overflow: hidden;
}
.product-artilce .parameter-item .word .product-tell a {
display: block;
float: left;
width: 180px;
font-size:var(--fs14);
text-align: center;
margin:2% 1% 5% 1%;
padding: 10px 10px 10px 10px;
border: 1px solid #eeeeee;
border-radius: 0px;
box-shadow: 0 10px 6px 0 rgb(224 27 49 / 1%);
transition: padding 0.5s;
}
.product-artilce .parameter-item .word .product-tell a {
color:#666;
padding: 10px 10px 10px 15px;
border: 1px solid #eee;
background: #fff;
}
.product-artilce .parameter-item .word .product-tell a:hover {
color:#fff;
background: #e4002b;
box-shadow: 0 10px 6px 0 rgb(159 120 81 / 5%);
}
@media screen and (max-width:1024px) {
.product-artilce .parameter-item .word .product-tell {
display: flex;
justify-content: flex-start;
gap: 0.1rem 2%;
margin-top:2%;
}
.product-artilce .parameter-item .word .product-tell a {
width: 49%;
font-size:var(--fs14);
margin:3% 1%;
padding: 0.1rem 0.1rem;
}
.product-artilce .parameter-item .word .product-tell a:hover {
}
.product-artilce .parameter-item .word .product-tell a.p1,
.product-artilce .parameter-item .word .product-tell a.p2,
.product-artilce .parameter-item .word .product-tell a.p3 {
background-size: 16px;
}
}
/*产品详情页-产品参数-按钮*/
/*产品板块标题*/
.about-title {
margin:2% 0;
padding:0.5% 0;
border-bottom: 1px solid #f6f6f6;
}
.about-title p {
font-size:var(--fs24);
color: #000;
line-height: 2.0;
text-transform: uppercase;
}
.about-title h3 {
position: relative;
font-size:var(--fs36);
color: #000;
margin: 0 0 20px 0;
}
@media screen and (max-width:1024px) {
.about-title {
padding:4% 0 4% 0;
}
.about-title p {
font-size:var(--fs20);
}
.about-title h3 {
font-size:var(--fs20);
margin: 0 0 0px 0;
}
}
/*产品详情页-一石多面*/
.splice {
padding: 0.5rem 0 0 0;
/* background: #fbf6f0; */
}
.splice .splice-box {}
.splice .splice-box .photo {
text-align: center;
overflow: hidden;
}
.splice .splice-box .photo ul {
display: flex;
justify-content: center;
}
.splice .splice-box .photo ul li {
max-width: 2rem;
padding:1px;
}
.splice .splice-box .photo ul li img {
width: 100%;
cursor: zoom-in;
}
@media screen and (max-width:1024px) {
.splice .splice-box .photo {
max-width: 100%;
max-height: 5rem;
}
.splice .splice-box .photo img {
max-width: 100%;
}
}
/*产品详情页-一石多面 end*/
/*产品详情页-一石多面*/
.multifaceted {
padding: 0.5rem 0 0 0;
}
.multifaceted .multifaceted-box {}
.multifaceted .multifaceted-box .photo {
max-width: 50%;
/* max-height: 500px; */
overflow: hidden;
margin: 0 auto;
text-align: center;
}
.multifaceted .multifaceted-box .photo img {
max-width:800px;
/* max-height: 800px; */
cursor: zoom-in;
}
@media screen and (max-width:1024px) {
.multifaceted .multifaceted-box .photo {
max-width: 100%;
max-height: 500px;
}
}
/*产品详情页-一石多面 end*/
/*产品详情页-效果图图集*/
.effect {
margin: 0 0 30px 0;
padding: 0.5rem 0 0 0;
/* background: #fbf6f0; */
}
.effect-box {
}
.effect-box .photo {
max-width:100%;
}
.effect-box .photo ul {
display: flex;
flex-flow: row wrap;
justify-content: center;
align-items: flex-start;
gap:0.3rem 2%;
}
.effect-box .photo ul li {
width:100%;
}
.effect-box .photo ul li .gophoto {
display: block;
position: relative;
top:0;
left:0;
width: 100%;
padding-top:70%;
cursor: zoom-in;
box-shadow: 30px 30px 40px -10px rgba(0, 0, 0, 0.15);
}
.effect-box .photo ul li .gophoto img{
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
@media screen and (max-width:1024px) {
.effect {
margin: 0 0 5% 0;
}
.effect-box .photo ul li {
width:100%;
}
}
/*产品详情页-VR全景*/
.vr {
margin:0 0 5% 0;
}
.vr-box {
display: block;
position: relative;
top: 0;
left: 0;
width: 100%;
padding-top: 30%;
transition: all 0.5s;
}
.vr-box iframe {
display: block;
position: absolute;
top:0;
}
.vr-box .closevr {
display: none;
}
.vr-box-fix .closevr {
display: block;
position: fixed;
top: 5%;
right: 10%;
width: 48px;
height: 48px;
font-size: 34px;
color:#fff;
line-height: 48px;
text-align: center;
font-family: 宋体;
z-index: 2147483647;
cursor: pointer;
background: #e4002b;
transition: all 0.3s ease 0s;
}
.vr-box-fix {
position: fixed;
height: 100%;
z-index: 99999999;
}
@media screen and (max-width:1024px) {
.vr {
margin:0 0 50px 0;
}
.vr-box {
padding-top: 100%;
}
.vr-box iframe {
}
.vr-box .closevr {
}
.vr-box-fix .closevr {
top: 5%;
right: 10%;
width: 30px;
height: 30px;
font-size:var(--fs20);
line-height: 30px;
}
.vr-box-fix {
}
}
/*产品详情页-VR全景 end*/
/*产品详情页*/
.content {
margin:0 0 2% 0;
}
.content .content-box {}
.content .content-box img {
max-width: 100%;
height: auto !important;
}
/*产品详情页*/
/*产品列表*/
.product-list {
margin:0.4rem 0 0.4rem 0;
}
.newproduct-item {
overflow: hidden;
}
.product-list ul {
}
.product-list ul li {
position: relative;
*background: #fff;
}
.product-list ul li .new {
content: "新品";
padding: 0 0.1rem;
height: 0.26rem;
line-height: 0.26rem;
font-size:var(--fs14);
color: #fff;
position: absolute;
border-radius: 5px;
z-index: 1;
top: 0.1rem;
left: 0.1rem;
background: #e4002b;
}
.product-list ul li a {
display: block;
width: 100%;
}
.product-list ul li .photo {
display: block;
position: relative;
z-index: 1;
width: 100%;
margin: 0% 0 0 0;
padding-top: 70%;
overflow:hidden;
}
.product-list ul li .photo figure {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-list ul li .photo figure img {
max-width: 100%;
max-height: 100%;
padding: 0 10%;
transition: all 0.6s ease;
}
.product-list ul li .photo figure:before {
content:"";
position:absolute;
width:80px;
height:850px;
top:0;
left:-150px;
z-index: 999999999999999999;
overflow:hidden;
background:-moz-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
background:-webkit-gradient(linear,left top,righttop,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,.2)),color-stop(100%,rgba(255,255,255,0)));
background:-webkit-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
background:-o-linear-gradient(left,rgba(255,255,255,0)0,rgba(255,255,255,.2)50%,rgba(255,255,255,0)100%);
-webkit-transform:skewX(-25deg);
-moz-transform:skewX(-25deg);
-o-transform:skewX(-25deg);
}
.product-list ul li:hover .photo figure:before {
left:600px;
transition:left 2s ease 0s;
}
.product-list ul li:hover {
*box-shadow: 0 10px 15px 8px rgba(0, 0, 0, 0.05);
}
.product-list ul li:hover .photo figure img {
transform: scale(1.05);
}
.product-list ul li .photo .effect {
display: none;
position: absolute;
top: 0;
width: 100%;
height: 100%;
}
.product-list ul li:hover .photo .effect {
display: block;
}
.product-list ul li .photo .effect img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-list ul li .word {
padding: 0.2rem 0.1rem;
overflow: hidden;
}
.product-list ul li .word h3 {
font-size:var(--fs18);
color: #333;
text-align: center;
font-family: "Futura-Medium";
font-family: "MiSans-Medium";
}
.product-list ul li:hover .word h3 {
color: #e4002b;
}
.product-list ul li .word h4 {
font-size: var(-fs18);
color: #777;
text-align: center;
padding:15px 0;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.product-list ul li .word p {
font-size: var(--fs12);
color: #999;
font-family: "MiSans-Light";
text-align: center;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin: 0.1rem 0 0 0;
}
.product-list .swiper-pagination-progressbar {
background: rgba(255, 255, 255, .12) !important;
height: 1px !important;
position: relative;
margin:0.2rem 0 0 0;
}
.product-list .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: #e4002b !important;
height: 3px !important;
}
@media screen and (max-width:1024px){
.product-list {}
.product-list ul {
gap:0.3rem 4%;
}
.product-list ul li {
width: 48%;
}
.product-list ul li::after {
padding: 0 10px;
font-size:var(--fs14);
height: 26px;
line-height: 26px;
top: 10px;
left: 10px;
}
.product-list ul li .photo {
margin: 0 0 0 0;
}
.product-list ul li .photo figure {
position: absolute;
top: 0;
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.product-list ul li .photo figure img {
max-width: 100%;
max-height: 100%;
}
.product-list ul li:hover .photo figure img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
object-fit: cover;
}
.product-list ul li .word {
overflow: hidden;
}
.product-list ul li .word h3 {
height: auto;
font-size:var(--fs16);
line-height: 1.6;
}
.product-list ul li .word p {
font-size:var(--fs14);
}
}
/*产品列表 end*/
.slogan {
padding:0.5rem 0 0 0;
}