*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

@font-face {
    font-family: 'FZYTJW--GB1';
    src: url('../font/方正姚体.ttf');
}

.homeHeader{
    position: relative;
    width: 100%;
    height: calc(100vw / 2.0645);
}
.homeHeader .banner{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0 ;
    left: 0;
}

.homeHeader .logo{
    position: absolute;
    left: 50%;
    top: 26.77%;
    transform: translateX(-50%);
    width: calc(100% - 42.14% - 42.08%); 
    height: auto;
}

.homeHeader .bannerTitle{
    font-family: FZYTJW--GB1;
    font-weight: normal;
    font-size: clamp(16px, 2.6171875vw, 67px);
    color: #C0182F;
    font-style: normal;
    position: absolute;
    top: 45.81%;
    left: 0;
    width: 100%;
    text-align: center;
}

.homeHeader .bannerContent{
display: flex;
justify-content: space-between;
width: calc(100% - 16.67% - 16.67%);
position: absolute;
top:63.79%;
left: 50%;
transform: translateX(-50%);
}

.homeHeader .bannerContent .contentItem{
    flex: 1;
    margin: 0 1.04%;
    background: #C0182F;
    border-radius: 21px;
    padding:1.47% 2.29%;
    box-sizing: border-box;
    color: #fff;
    cursor: pointer;
}

.homeHeader .bannerContent .contentItem .title{
    margin-bottom: 0.67vh;
    font-size: clamp(12px, 1.4453125vw, 37px);
    font-weight: 600;
}

.homeHeader .bannerContent .contentItem .content{
    font-size: clamp(8px, 1.1328125vw, 29px);
}

.content .title{
    margin-top: 11.11vh;
    font-weight: 600;
    font-size: clamp(18px, 2.8125vw, 72px);
    text-align: center;
}

.content .more{
    text-align: center;
    margin-top: 2.99vh;
    font-size:clamp(10px, 1.25vw, 32px);
    color: #999999;
}

.content .newsList{
    padding: 1.88vh  16.67vw 5.56vh 16.67vw;
    box-sizing: border-box;
}

.content .newsList .newsItem{
    margin-top: 5.56vh;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}


.newsImg{
    margin-right: 2vw;
    width: 20.8vw;
    height: 24.65vh;
}

.content .newsList .newsItem .newsInfo{
    padding: 1.04vh 0;
    display: flex;
    flex-direction: column;
    justify-content: space-between;


}

.content .newsList .newsItem .newsInfo .newsTitle{
    font-weight: 500;
    font-size: clamp(12px, 1.4453125vw, 37px);
    color: #333;

    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
    margin-bottom:2.22vh;
}

.content .newsList .newsItem .newsInfo .newsContent{
    font-size:clamp(10px, 1.25vw, 32px);
    color: #666;
    margin-bottom: 3.68vh;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.content .newsList .newsItem .newsInfo .newsTime{
    font-size:clamp(10px, 1.25vw, 32px);
    color: #999;

    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}


.pageHeader{
    position: relative;
    height: 55.56vh;
    width: 100%;
    background-size: 100% 100%;
}

#rc{
    background-image: url('../img/rc.png');
}

#as{
    background-image: url('../img/as.png');
}
#bm{
    background-image: url('../img/bm.png');
}

#zxns{
    background-image: url('../img/zxns.png');
}



.pageHeader .pageHeaderLogo{
    width: 5.78%;
    height: auto;
    left: 2.14%;
    top: 2.57vh;
    position: absolute;
}

.pageHeader .pageHeaderContent{
    position: absolute;
    left: 16.67%;
    top: 22.43vh;
  
}

.pageHeader .pageHeaderContent .title{
    font-size: clamp(16px, 2.6171875vw, 67px);
    color: #FCE7CD;
    font-family: FZYTJW--GB1;
    margin-bottom: 2.99vh;
}

.pageHeader .pageHeaderContent .content{
    font-size: clamp(12px, 1.5625vw, 40px);
    color: #FCE7CD;
    font-family: FZYTJW--GB1;
}


.pagePaddingOut{
    padding: 11.11vh 9.38%;
    box-sizing: border-box;
    
}

.rcProduct .title,
.rcNews .title,
.asProduct .title,
.asImgProdBox .title,
.asTabsBox .title,
.bmBox .title{
    font-size: clamp(18px, 2.8125vw, 72px);
    margin-bottom: 2.99vh;
    color: #333333;
    text-align:center;
}

.rcProduct .text,
.rcNews .text,
.asProduct .text,
.asImgProdBox .text,
.asTabsBox .text,
.bmBox .text{
    font-size: clamp(12px, 1.25vw, 32px);
    color: #999999;
    text-align:center;
}

.rcProduct .rcProductImg{
    width: 100%;
    height: auto;
    margin-bottom: 4.65vh;
    margin-top: 9.24vh;
    
}

.rcProduct .textBox{
    display: flex;
    width: 100%;
    padding-left: 2.97%;
    box-sizing: border-box;
}


.rcProduct .textBox .textItem{
    flex: 1;
}

.rcDesc{
    height: 42.01vh;
    background-image: url('../img/rcBanner.png');
    width: 100%;
    background-size: 100% 100%;

}

.rcDesc .context{
    width: 56.72vw;
    color: #fff;
    font-size: clamp(12px, 1.6796875vw, 43px);
    line-height: 6.8vh;
}
.rcProductWhite .title,
.rcProductWhite .text{
    color: #fff;
}

.rcProductWhite{
    background-color: #C0182F;
    height: 104.38vh;
    background-image: url('../img/rcBackground.png');
    width: 100%;
    background-size: 100% 100%;
}

.rcNews{
    background-color: #F7F7F7;
}

.rcNewsBox{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 7.43vh;
}

.rcNewsItem{
    width: calc(50% - 1.4vw);
    background-color: #fff;
    padding: 3.68vh 5.26%;
    box-sizing: border-box;
    border-radius:  clamp(12px, 1.5%, 21px);;   
    margin-bottom: 3.68vh;

}

.rcNewsItem .title{
    font-size: clamp(16px, 1.6796875vw, 43px);
    color: #333;
    text-align: left;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 1; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}



.rcNewsItem .desc{
    font-size: clamp(12px, 1.25vw, 32px);
    color: #666666;
    display: -webkit-box; /* 设置为WebKit内核的弹性盒子模型 */
    -webkit-box-orient: vertical; /* 垂直排列 */
    -webkit-line-clamp: 3; /* 限制显示两行 */
    overflow: hidden; /* 隐藏超出范围的内容 */
    text-overflow: ellipsis; /* 使用省略号 */
}

.rcNewsItem .go{
    display: flex;
    align-items: center;
    margin-top: 3.68vh;
    color: #C0182F;
    font-size: clamp(12px, 1.25vw, 32px);
    
}

.rcNewsItem .go img{
    margin-left: 1.97vw;
    width: 1.72vw;
}

.rcNewsItem .go a{
    text-decoration: none;
    color: #C0182F;
}



.asProduct{
    position: relative;
}

.asProduct .positionImg{
    width: 22.81vw;
    height: auto;
    position: absolute;
    left: 0;
    top: 100.03vh;
    z-index: -1;
}

.asProduct .rotate{
    rotate: 180deg;
    right: 0;
    left: unset;
    top: 41.6vh;
}

.asProduct .productImg{
    width: 100%;
    height: auto;
    margin-top: 7.43vh;
}

.asProdBox{
    padding-left: 0;
    display: flex;
    
}

.asProdBox img{
    width: 51.46vw;
    height: auto;
    
}
.asProdBox .content{
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding-left: 6.88%;
}

.asProdBox .content .title{
    margin-bottom: 3.68vh;
    font-size: clamp(16px, 2.3828125vw, 61px);
    text-align: left;
    margin-top: 0;
}

.asProdBox .content .context{
    font-size: clamp(12px, 1.6796875vw, 43px);
    
}

.asProdBoxDark{
    padding-left:0 ;
    padding-right:0 ;
    display: flex;
    align-items: center;
    justify-content: space-between;    
    height: 100%;
    position: relative;
}


.asProdBoxDark .leftDark{
    display: flex;
    flex-direction: column;
    justify-content: center;    
    width: 83.33%;
    height: 93.89vh;
    padding: 12.5vh 0;
    padding-left: 9.38%;
    padding-right: 38.25%;
    box-sizing: border-box;
    background-color: #F7F7F7;
}


.asProdBoxDark .leftDark .bigTitle{
    font-size: clamp(16px, 2.3828125vw, 61px);
    margin-bottom: 4.65vh;
 }

 .asProdBoxDark .leftDark .title{
    font-size: clamp(12px, 1.6796875vw, 43px);
    margin-bottom: 1.88vh;
 }

 .asProdBoxDark .leftDark .context{
    font-size:clamp(10px, 1.25vw, 32px);
    margin-bottom: 4.65vh;
 }


.asProdBoxDark img{
    width: 41.67%;
    position: absolute;
    right: 0;
}


.asImgProdBox .imgBox{
    margin-top: 7.43vh;

}

.asImgProdBox .imgBox .l,
.asImgProdBox .imgBox .r{
    display: flex;
    justify-content: space-between;
    margin-bottom: 3.68vh;

}

.asImgProdBox .imgBox .l .imgL,
.asImgProdBox .imgBox .r .imgR{
    width: 43.75vw;
}


.asImgProdBox .imgBox .l .imgR,
.asImgProdBox .imgBox .r .imgL{
    width: 35.42vw;
}

.asTabsBox{
    background: #F7F7F7;
}
.asTabsBox .tab{
    margin: 7.43vh 0;
    display: flex;
    justify-content: space-around;
    border-bottom: 1px solid #DDD;
    cursor: pointer;
}

.asTabsBox .tab .tabItem{
    font-size: clamp(16px, 1.875vw, 48px);
    padding-bottom: 2.99vh;
    color: #666666;
}

.asTabsBox .tab .current{
    border-bottom: 4px solid #C0182F;
    color: #C0182F;
}

.asTabsBox .tabContent {
    display: flex;
    justify-content: space-between;
}

.asTabsBox .tabContent .tabItem{
    width: 25.68vw;
    border-radius: 21px;
    box-shadow: 0px 11 24px 0px rgba(0,0,0,0.05);
    background: #FFFFFF;
    overflow: hidden;
}

.asTabsBox .tabContent .tabItem img{
    width: 100%;
}

.asTabsBox .tabContent .tabItem .text{
    padding: 3.63vh 7.3%;
    box-sizing: border-box;
    height: 25.21vh;
}


.tabItem .text .title{
    font-size: clamp(12px, 1.6796875vw, 43px);
    font-weight: 500;
    margin-bottom: 2.22vh;
}

.tabItem .text .desc{
    font-size:clamp(10px, 1.25vw, 32px);
    color: #666666;
    text-align: left;
}


#cont2 .tabItem{
    position: relative;
    height: 37.99vh;
    margin-top: calc(14.72vh - 7.43vh);
    overflow: unset;
    padding-top: 16.46vh;
    box-sizing: border-box;
}

#cont2 .text{
    padding-top: 0;
}

#cont2 .tabItem img{
    width: 12.71vw;
    position: absolute;
    top: -50%;
    left: 50%;
    transform: translate(-50%,50%);
}


#cont1{
    display: flex;
}

#cont2{
    display: none;
}


.bm1{
    padding-left:14.27%;
    padding-right:14.27%;

}

.bm1 .content{
    display: flex;
    justify-content: space-between;
    padding: 0 5.26vw;
    box-sizing: border-box;
}

.bm1 .contentItem{
    width: 23.75vw;
}

.bm1 .contentItem .title{
    font-size: clamp(16px, 2.3828125vw, 61px);
    margin-bottom: 3.26vh;
}

.bm1 ul li{
    color: #666666;
    font-size:clamp(10px, 1.25vw, 32px);
    margin-bottom: 1.88vh;
}

.bm1 img{
    width: 100%;
}

.bm2{
    background-color: #f7f7f7;
}

.bm2 .content{
    display: flex;
    justify-content: center;
}

.bm2 .contentItem{
    width: 29.17vw;
    padding: 3.68vh 7.14%;
    background-color: #fff;
    border-radius: 21px;
    margin: 0 1.04vw;
    margin-top: 7.43vh;
}

.bm2 .contentItem .title{
    margin: 0;
    margin-bottom: 2.22vh;
    font-size: clamp(12px, 1.6796875vw, 43px);
    text-align: left;
    transform: translateX(-2rem);
}


.bm2 .contentItem li {
    text-align: left;
    color: #666666;
    font-size:clamp(10px, 1.25vw, 32px);
    margin-bottom: 1.88vh;
    color: #666666;
}



.bm2 .contentItem .red li {
    text-align: left;
    color: #666666;
    font-size:clamp(10px, 1.25vw, 32px);
    margin-bottom: 1.88vh;
    color: #C0182F;
}

.bm2 .contentItem ul li div{
    color: #666666;
}


.bm3 .desc{
    margin: 7.43vh 0;
    font-size: clamp(12px, 1.6796875vw, 43px);
    text-align: left;
    color: #333;
}



.myTable .l1 ,
.myTable .l2,
.myTable .l3 {
    display: flex;
}

.myTable .l1 div{
    background-color: #c0182f;
    color: #fff;
    border: 1px solid #fff;
    text-align: center;
    font-size: clamp(12px, 1.406875vw, 43px);
    /* border-bottom: none; */
    width: 11.48vw;
    padding: 2.71vh 0;

}

.myTable .l2 div,
.myTable .l3 div{
    background-color: #ffdadf;
    color: #333;
    border: 1px solid #fff;
    text-align: center;
    font-size: clamp(12px, 1.406875vw, 43px);
    /* border-top: none; */
    width: 11.48vw;
    padding: 2.71vh 0;
}


.zxnsPadding{
    padding: 7.43vh 9.38vw;
    background-color: #f7f7f7;
    box-sizing: border-box;
}

#zxns{
    background-color: #fff;
    padding: 7.43vh 5.13%;
    width: 100%;
    box-sizing: border-box;
    border-radius: 21px;
}

.zxnsItem{
    padding: 2.99vh 1.67%;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #EEEEEE;
    background-color: #fff;
    margin-bottom:  2.99vh;
}

.zxnsItem .title{
    margin-bottom: 2.22vh;
    font-size: clamp(12px, 1.6796875vw, 43px);
}

.zxnsItem .other{
    display: flex;
    font-size:clamp(10px, 1.25vw, 32px);
    color: #666666;
}
.zxnsItem .other .price{
    margin-right: 1.82vw;
    color: #C0182F;
}

.zxnsItem .other .xueli{
    margin-right: 1.82vw;
}

.zpdetail{
    margin-top: 3.68vh;
    padding-top: 5.56vh;
    background-color: #fff;
    border-top: 1px solid #ccc;
}


/* .myTable .l3{
    border-top: 1px solid #fff;
} */