*{
    padding: 0px;
    margin: 0px;;
}
@font-face {
  font-family: 'icomoon';
  src:  url('../font/icomoon/fonts/icomoon.eot?bnfsyz');
  src:  url('../font/icomoon/fonts/icomoon.eot?bnfsyz#iefix') format('embedded-opentype'),
    url('../font/icomoon/fonts/icomoon.ttf?bnfsyz') format('truetype'),
    url('../font/icomoon/fonts/icomoon.woff?bnfsyz') format('woff'),
    url('../font/icomoon/fonts/icomoon.svg?bnfsyz#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}
header{
    width:100%;
    height:12vh;
    display: flex;
    z-index:99;
    font-size:0.9vw;
    color:black;
    /* background: radial-gradient(circle at center, white 20%, rgb(230, 162, 18) 100%); */
    background-color:white;
    /* border-bottom: 1px solid red; */
    /*position:fixed;*/
    box-shadow:0px 1px 10px rgba(0, 0, 0, .06);
}
.mainPage{
    flex: 1;
    /* background-color:lightblue; */
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    /* margin-right: 2vw; */
    /* margin-left: -41vh; */
    font-size: 1vw;
}
.mainPage:hover{
    cursor: pointer;
    color:#00bfff;
}
.service{
    flex:1;
    /* background-color:lightcoral; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
}
.service:hover{
    cursor: pointer;
    color:#00bfff;
}
.aboutUs{
    flex:1;
    /* background-color:lightcyan; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
}
.aboutUs:hover{
    cursor: pointer;
    color:#00bfff;
}
.logo{
    flex: 2.2;
    /* background-color:lightgray; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* transform:scale(0.5); */
    margin-right: 4vw;
}
.logo img{
    object-fit: cover;
    width: 70%;
    height: auto;
    transform: scale(0.7);
}
.coreProduction{
    flex:1;
    /* background-color: lightgoldenrodyellow; */
    display: flex;
    align-items: center;  
    justify-content: center; 
}
.coreProduction:hover{
    cursor: pointer;
    color:#00bfff;
}
.webPosition{
    flex:1;
    /* background-color: lightgoldenrodyellow; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
}
.webPosition:hover{
    cursor: pointer;
    color:#00bfff;   
}
.cooperationCase{
    flex:1;
    /* background-color: lightskyblue; */
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1vw;
}
.cooperationCase:hover{
    cursor: pointer;
    color:#00bfff;
}
.contactUs{
    flex: 1;
    /* background-color: lightslategray; */
    display: flex;
    align-items: center;
    justify-content: center;
    /* margin-left: 2vw; */
    font-size: 1vw;
}
.contactUs:hover{
    cursor: pointer;
    color:#00bfff;
}
.headerTelephone{
    flex: 2.5;
    /* background-color: lightslategray; */
    display: flex;
    align-items: center;
    justify-content: left;
    /* margin-left: -19vw; */
}
.headerTelephone img{
    transform: scale(0.2);
    width: 10vw;
    margin-right: 0.5vw;
}
.headerTelephone span{
    font-size:1vw;
    margin-left:-4vw;
    font-size: 1.3vw;
    font-weight: 900;
}
/*原轮播图*/
.flowPics{
    width:100%;
    height:88vh;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    box-shadow: 0px 2px 2px rgba(0,0,0,0.1);
    border-top:0px solid black;
    background-image: url("../images/bg1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; 
    position: relative;
    cursor: grab;  
}
.flowPics:active {
    cursor: grabbing;
}
.buttonArea{
    width:96vw;
    height:8vh;
    display: flex;
    justify-content: space-between;
}
.previousBtn{
    width:3vw;
    height:100%;
    color:white;
    background-color: rgba(0,0,0,0.1);
    border:0px solid black;
    border-radius: 10px;
    font-size:1.7vw;

}
.previousBtn:hover{
    background-color: rgba(0,0,0,0.5);
    transition: ease 0.3s;
    cursor: pointer;
}
.nextBtn{
    width:3vw;
    height:100%;
    color:white;
    background-color: rgba(0,0,0,0.1);
    border:0px solid black;
    border-radius: 10px;
    font-size:1.7vw;
}
.nextBtn:hover{
    background-color: rgba(0,0,0,0.5);
    transition: ease 0.3s;
    cursor: pointer;
}
.dots-container {
    position: absolute;
    bottom: 20px; /* 距离底部20px */
    display: flex;
    gap: 10px; /* 圆点之间的间距 */
}

.dot {
    width: 24px;
    height: 24px;
    border-radius: 50%; /* 圆形 */
    background-color: rgba(255, 255, 255, 0.5); /* 半透明白色 */
    cursor: pointer;
    transition: background-color 0.3s ease;
}

.dot.active {
    background-color: #00bfff; /* 当前激活的圆点为纯白色 */
}
    /* .swiper {
      width: 100%;
      height: 100vh;
    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;
      display: flex;
      justify-content: center;
      align-items: center;
    }

    .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%;
      object-fit: cover;
    } */



/*.aboutUsPanel{*/
/*    width:100%;*/
    /* height:100vh; */
    /* background-color: pink; */
/*    display: flex;*/
/*    flex-direction: column;*/
/*    margin-bottom:10vh;*/
/*    background-color: rgba(0,0,0,0.01);*/
/*    padding-bottom: 8vh;*/
/*    margin-bottom: 0vh;*/
/*}*/
/*.aboutUsPanelHeader{*/
/*    flex:3;*/
    /* background-color: lightblue; */
/*    display: flex;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    flex-direction: column;*/
/*    font-size:1.2vw;*/
/*}*/
/*.aboutUsPanelHeaderTitle{*/
/*    margin-top:10vh;*/
/*    color:black;*/
/*    font-size: 2.5vw;*/
/*    margin-bottom: 1vh;*/
/*}*/
/*.aboutUsPanelHeaderSubtitle{*/
/*    color:gray;*/
/*    font-size:1vw;*/
/*    margin-bottom: 6vh;*/
/*}*/
/*.aboutUsHr{*/
/*    width:4vw;*/
/*    height:0.4vh;*/
/*    background-color:blue;*/
/*    margin-bottom: 1vh;*/
/*}*/
/*.aboutUsPanelBody{*/
/*    flex:7;*/
    /* background-color: lightcyan; */
/*    font-size:0.5vw;*/
/*    display:flex;*/
/*    flex-direction: row;*/
/*}*/
/*.aboutUsPanelBodyLeft{*/
/*    box-sizing: border-box;*/
/*    padding-left:5vw;*/
/*    padding-right:1vw;*/
/*    flex:1;*/
    /* background-color: lightgoldenrodyellow; */
/*    display: flex;*/
/*    flex-direction: column;*/
/*}*/
/*.companySummary{*/
/*    flex:2;*/
    /* background-color: pink; */
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: start;*/
/*    justify-content: center;*/
/*    margin-top:-20vh;*/
/*}*/
/*.aboutUsCompanySummaryTitle{*/
/*    font-size:1.3vw;*/
/*    margin-bottom:4vh;*/
/*    flex:4;*/
/*}*/
/*.aboutUsCompanySummaryparagraph{*/
/*    text-indent: 2em;*/
/*    font-size:0.8vw;*/
/*    color: rgb(102,112,133);*/
/*    line-height:4vh;*/
/*    margin-bottom: -10vh;*/
/*    flex:4;*/
/*}*/
/*.companySummaryLogo{*/
/*    transform: scale(0.8);*/
/*    margin-left: -2vw;*/
/*}*/
/*.sourceScale{*/
/*    flex:3;*/
    /* background-color:lightcoral; */
/*    background-color:rgb(243,244,246);*/
    /* border:1px solid gray; */
/*    box-shadow:0px 0px 5px rgba(0,0,0,0.2);*/
/*    border-radius: 10px;*/
/*    box-sizing: border-box;*/
/*    padding-left:0.8vw;*/
/*    margin-bottom: 1vh;*/
/*}*/
/*.sourceScaleTitle{*/
/*    font-size:1.2vw;*/
/*    margin-top:3vh;*/
/*    margin-bottom:7vh;*/
    
/*}*/
/*.sourceScaleList{*/
/*    font-size:0.9vw;*/
/*    list-style: none;*/
/*}*/
/*.sourceScaleList span{*/
/*    font-family: "icomoon";*/
/*    font-size:1vw;*/
/*    color:green;*/
/*}*/
/*.sourceScaleItem1{*/
/*    margin-bottom:2vh;*/
/*}*/
/*.sourceScaleItem2{*/
/*    margin-bottom:2vh;*/
/*}*/
/*.sourceScaleItem3{*/
/*    margin-bottom:2vh;*/
/*}*/
/*企业使命*/
/* .companyDuty{
    flex:2;
    box-shadow:0px 0px 5px rgba(0,0,0,0.2);
    border-radius: 20px;
    padding-left:0.6vw;
    box-sizing: border-box;
    padding-top:3vh;
}
.companyDutyTitle{
    font-size:1.2vw;
    margin-bottom:5vh;
}
.companyDutyParagraph{
    font-size:0.9vw;
    color:gray;
    font-style: italic;
} */
/*.companySummaryLearnMoreBtn{*/
    /* flex:1; */
/*    font-size:0.8vw;*/
/*    margin-left:80%;*/
/*    margin-top:12vh;*/
/*    margin-bottom: -10vh;*/
/*    padding-top:1vh;*/
/*    padding-bottom: 1vh;*/
/*    width:6vw;*/
/*    box-shadow:0px 1px 10px rgba(0, 0, 0, .06);*/
/*    border-radius: 10px;*/
/*    border: 1px solid gray;*/
/*    display: flex;*/
/*    justify-content: center;*/
    
/*}*/
/*.companySummaryLearnMoreBtn:hover{*/
    /* flex:1; */
/*    color:#00bfff;*/
/*    cursor:pointer;*/
/*    transition: ease 0.3s;*/
    
/*}*/
/*.achievement{*/
/*    box-shadow:0px 0px 5px white;*/
/*    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);*/
/*    border-radius: 20px;*/
    /* padding-left:0.6vw; */
/*    box-sizing: border-box;*/
/*    height:20vh;*/
/*    width: 100%;*/
/*    margin-top: 32vh;*/
/*    margin-left:-0.4vw;*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    background-color: white;*/
/*}*/
/*.scalePanel{*/
/*    flex:1;*/
    /* background-color: pink; */
/*    margin-left: 0.2vw;*/
/*    display: flex;*/
/*}*/
/*.scalePhoto{*/
/*    flex:1;*/
/*    transform:scale(0.5);*/
/*    margin-left:-2vw;*/
/*}*/
/*.scaleInfo{*/
/*    flex:1;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-left:-3vw;*/
/*}*/
/*.scaleNumber{*/
/*    color:#00bfff;*/
/*    font-size:2vw;*/
/*    font-weight: 900;*/
/*}*/
/*.scaleUnit{*/
/*    font-size:1vw;*/
/*}*/
/*.scaleName{*/
/*    font-size:1vw;*/
/*}*/

/*.partnerPhoto{*/
/*    flex:1;*/
/*    transform:scale(0.5);*/
/*    margin-left:-2vw;*/
/*}*/
/*.partnerInfo{*/
/*    flex:1;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-left:-3vw;*/
/*}*/
/*.partnerNumber{*/
/*    color:#00bfff;*/
/*    font-size:2vw;*/
/*    font-weight: 900;*/
/*}*/
/*.partnerUnit{*/
/*    font-size:1vw;*/
/*}*/
/*.partnerName{*/
/*    font-size:1vw;*/
/*}*/

/*.incomePhoto{*/
/*    flex:1;*/
/*    transform:scale(0.5);*/
/*    margin-left:-2vw;*/
/*}*/
/*.incomeInfo{*/
/*    flex:1;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-left:-3vw;*/
/*}*/
/*.incomeNumber{*/
/*    color:#00bfff;*/
/*    font-size:2vw;*/
/*    font-weight: 900;*/
/*}*/
/*.incomeUnit{*/
/*    font-size:1vw;*/
/*}*/
/*.incomeName{*/
/*    font-size:1vw;*/
/*}*/

/*.outputPhoto{*/
/*    flex:1;*/
/*    transform:scale(0.5);*/
/*    margin-left:-2vw;*/
/*}*/
/*.outputInfo{*/
/*    flex:1;*/
/*    display: flex;*/
/*    flex-direction: column;*/
/*    align-items: center;*/
/*    justify-content: center;*/
/*    margin-left:-3vw;*/
/*}*/
/*.outputNumber{*/
/*    color:#00bfff;*/
/*    font-size:2vw;*/
/*    font-weight: 900;*/
/*}*/
/*.outputUnit{*/
/*    font-size:1vw;*/
/*}*/
/*.outputName{*/
/*    font-size:1vw;*/
/*}*/


/*.partnerPanel{*/
/*    flex:1;*/
    /* background-color: pink; */
/*    margin-left: 0.2vw;*/
/*    display: flex;*/
/*}*/
/*.incomePanel{*/
/*    flex:1;*/
    /* background-color: pink; */
/*    margin-left: 0.2vw;*/
/*    display: flex;*/
/*}*/
/*.outputPanel{*/
/*    flex:1;*/
    /* background-color: pink; */
/*    margin-left: 0.2vw;*/
/*    display: flex;*/
/*}*/

/*.aboutUsPanelBodyRight{*/
/*    box-sizing: border-box;*/
/*    padding-right:5vw;*/
/*    padding-left:1vw;*/
/*    flex:1;*/
/*}*/
/*.aboutUsPanelBodyRightPicture{*/
/*    border:1px solid transparent;*/
/*    border-radius: 15px;*/
/*    width:100%;*/
/*    height:100%;*/
/*    box-shadow:0px 0px 5px rgba(0,0,0,0.1);*/
/*    background-color: rgba(0, 0, 0,0.05);*/
/*    display: flex;*/
/*    flex-direction: row;*/
/*    flex-wrap: wrap;*/
/*    align-content: start;*/
/*    background-image: url("../images/aboutus1.jpg");*/
/*    background-position: center center;*/
/*    background-repeat: no-repeat;*/
/*    background-size: cover;*/
/*}*/







.aboutuspanel{
    box-sizing: border-box;
    padding-left: 7%;
    padding-right: 7%;
    position: relative;
    /* padding-top: 3%; */
    display: flex;
    height: 100%;
    align-items: center;
    margin-top: 12vh;
}
.aboutustitleenglish{
    color: #dde8f3;
    font-size: 5vw;
    letter-spacing: 1vw;
}
.aboutustitlechinese{
    color: #4067c0;
    font-size: 2vw;
    margin-top: -6vh;
    margin-bottom: 1vh;
}
.aboutuscompanyname{
    color: #000;
    font-size: 1.4vw;
    margin-bottom: 2vh;
}
.aboutussubtitle{
    color: #4067c0;
    font-size: 1.1vw;
    margin-bottom: 2vh;
    width: 44vw;
}
.aboutuspassage{
    font-size: 0.9vw;
    line-height: 4vh;
    text-indent: 2em;
    width: 44vw;
    margin-bottom: 2vh;
}
.aboutusseemore{
    color: #fff;
    /* background-color: #4067c0; */
    border: 0px solid black;
    box-shadow: 2px 2px 5px #00000047;
    font-size: 0.9vw;
    padding: 0.8vw;
    border-radius: 10px;
    margin-bottom: 2vh;
    letter-spacing: 0.3vw;
    background: linear-gradient(to right, #4067c0 28%, #ff0000 82%);
}
.aboutusachievementpanel{
    display: flex;
    list-style: none;
    width: 49vw;
    display: none;
}
.aboutusachievementpanel li{
    flex: 1;
    /* display: flex; */
    box-shadow: 2px 2px 5px #cccccca1;
    margin-right: 2vw;
    padding: 2px;
    box-sizing: border-box;
    border-radius: 10px;
}


















/*原成就模块*/
/* .scalePanel{
    width:50%;
    height:30%;
    background-color:red;
    border-radius:100px 0px 100px 0px;
    display: flex;
}
.circle{
    flex: 1;
    height:110%;
    box-sizing: border-box;
    padding-top:12%;
    background-color: white;
    transform: scale(0.2) rotate(45deg);
    box-sizing: border-box;
    font-family: "icomoon";
    font-size:5vw;
    display: flex;
    justify-content: center;
}
.circle div{
    transform: rotate(-45deg);
}
.scaleInfo{
    flex:1;
    display: flex;
    flex-direction: column;
}
.scaleNumber{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:2.1vw;
    color: white;
}
.scaleName{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:1.5vw;
}
.partnerInfo{
    flex:1;
    display: flex;
    flex-direction: column;
}
.partnerNumber{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:2.1vw;
    color: white;
}
.partnerName{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:1.5vw;
}
.incomeInfo{
    flex:1;
    display: flex;
    flex-direction: column;
}
.incomeNumber{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:2.1vw;
    color: white;
}
.incomeName{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:1.5vw;
}
.outputInfo{
    flex:1;
    display: flex;
    flex-direction: column;
}
.outputNumber{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:2.1vw;
    color: white;
}
.outputName{
    flex: 1;
    display: flex;
    align-items: center;
    justify-content: start;
    font-size:1.5vw;
}
.partnerPanel{
    width:50%;
    height:30%;
    background-color:orange;
    border-radius:0px 100px 0px 100px;
    display: flex;
}
.incomePanel{
    width:50%;
    height:30%;
    background-color:rgb(236, 214, 16);
    border-radius:0px 100px 0px 100px;
    display: flex;
}
.outputPanel{
    width:50%;
    height:30%;
    background-color:skyblue;
    border-radius:100px 0px 100px 0px;
    display: flex;
} */

/*原统计图模块*/
/* .aboutUsPanelBodyRightTotal{
    width:45%;
    height:40%;
    box-shadow:0px 0px 5px rgba(0,0,0,0.2);
    border-radius: 15px;
    margin-top:-25vh;
    margin-left:-2vh;
    box-shadow: -0.1vw 0.2vw 0.2vw gray;
    background-color: white;
}
.aboutUsPanelBodyRightTotal canvas{
    width:100%;
    height:100%;
} */
.coreProductionArea{
    width:100%;
    /* height:80vh; */
    background-color: white;
    display:flex;
    flex-direction:column;
    margin-bottom: 11vh;
}
.coreProductionAreaTop{
    /* background-color:lightgreen; */
    flex:3;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    color:black;
}
.coreProductionAreaBottom{
    /* background-color:skyblue; */
    flex:7;
    display: flex;
    flex-direction: row;
    padding-left:7%;
    padding-right:3%;
}
.coreProductionAreaTopTitle{
    font-size: 2vw;
    margin-bottom:1.5vh;
    margin-top:12vh;
}
.coreProductionAreaTopHr{
    width:4vw;
    height:0.4vh;
    background-color: blue;
    margin-bottom: 5vh;
}
.coreProductionAreaTopParagraph{
    color:gray;
    font-size: 1.1vw;
    margin-bottom: 6vh;
    color: #000;
}

.coreProductionitem{
    background-color: white;
    /* margin-left:6%; */
    margin-top:3%;
    margin-right:4%;
    height: auto;
    flex:1;
    /* border:1px solid orange; */
    border-radius: 15px;
    display:flex;
    flex-direction: column;
    box-shadow:0px 0px 5px rgba(0,0,0,0.1);
    overflow: hidden;
}
.coreProductionitem:hover{
	transform: translateY(-2vh);
	box-shadow:5px 8px 20px #4067c0;
    transition: ease 0.5s;
}
.coreProductionitemBgPhoto1{
    /* flex:6; */
    height:40vh;
    width:100%;
    /* height:100%; */
    /* border:1px solid orange; */
    border-radius: 15px 15px 0px 0px;
    box-shadow:0px 1px 5px rgba(0,0,0,0.1);
    /* background-image: url("../images/碳路者绿链联盟1.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
    margin-bottom: 1vh;
}
.coreProductionitemBgPhoto1 img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.coreProductionitemBgPhoto1:hover{
    transform: scale(1.05);
    transition: ease 1s;
}
.coreProductionitemBgPhoto2{
    flex:6;
    width:100%;
    height:100%;
    /* border:1px solid orange; */
    border-radius: 15px 15px 0px 0px;
    box-shadow:0px 1px 5px rgba(0,0,0,0.1);
    /* background-image: url("../images/碳路者绿链联盟2.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}
.coreProductionitemBgPhoto2:hover{
    transform: scale(1.05);
    transition: ease 1s;
}
.coreProductionitemBgPhoto3{
    flex:6;
    width:100%;
    height:100%;
    /* border:1px solid orange; */
    border-radius: 15px 15px 0px 0px;
    box-shadow:0px 1px 5px rgba(0,0,0,0.1);
    /* background-image: url("../images/碳路者绿链联盟3.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}
.coreProductionitemBgPhoto3:hover{
    transform: scale(1.05);
    transition: ease 1s;
}
.coreProductionitemBgPhoto4{
    flex:6;
    width:100%;
    height:100%;
    /* border:1px solid orange; */
    border-radius: 15px 15px 0px 0px;
    box-shadow:0px 1px 5px rgba(0,0,0,0.1);
    /* background-image: url("../images/碳路者绿链联盟4.jpg");
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover; */
}

.coreProductionitemBgPhoto4:hover{
    transform: scale(1.05);
    transition: ease 1s;
}
.coreProductionitemLogo{
    flex:1;
    width:4vw;
    height:3vh;
    transform: scale(0.6);
    border-radius: 100%;
    border:1px solid skyblue;
    color:orange;
    display: flex;
    align-items: center;
    justify-content: center;
    font-family: "icomoon";
    font-size:1.5vw;
}
.coreProductionitemTitle{
    margin-left:5%;
    font-size: 1.3vw;
    display: flex;
    align-items: center;
    flex:1;
    margin-bottom: 1vh;
    color: #000;
}
.coreProductionitemDescribe{
    color:gray;
    margin-left:5%;
    font-size: 0.9vw;
    flex:0.5;
    margin-bottom: 1vh;
}
.coreProductionitemAdvantage{
    margin-left:5%;
    font-size:0.8vw;
    flex:0.5;
}
.coreProductionitemAdvantageList{
    list-style: none;
    margin-left: 5%;
    font-size: 0.8vw;
    flex:1;
}
.coreProductionitemLearnMore{
    flex:0.5;
    color:gray;
    font-size: 0.9vw;
    display: flex;
    margin-left: 64%;
    align-items: center;
    margin-bottom:1vh;
    border:1px solid #ccc;
    width: auto;
    padding:0.5vw;
    white-space: nowrap;
    margin-right: 1vw;
}
.coreProductionitemLearnMore:hover{
    color: #4067c0;
    cursor: pointer;
    transition: ease 0.5s;
}

/* .webPositionArea{
    width:100%;
    height:130vh;
    background-color:rgba(0,0,0,0.05);
    display: flex;
    flex-direction: column;
    padding-bottom:10vh;
}
.webPositionAreaTop{

    flex:2;
    display:flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.webPositionAreaBottom{

    flex:8;
    display: flex;
    flex-direction: row;
}
.webPositionAreaTopTitle{
    font-size:2.5vw;
    margin-bottom: 1.5vh;
    margin-top:2vh;
    color:black;
}
.webPositionHr{
    width:4vw;
    height:0.2vh;
    background-color:blue;
    margin-bottom: 1.5vh;
}
.webPositionAreaTopParagraph{
    color:gray;
    font-size:1vw;
}
.webPositionAreaBottomLeft{
    flex:4;

    margin-left:10%;
    margin-right:2%;
    display: flex;
    flex-direction: column;
}
.corePlace{
    flex:1;
    font-size:1vw;
    font-weight: 900;
    display: flex;
    align-items: center;
    
}
.gaomingArea{
    flex:2;
    width:100%;
    border-radius: 15px;
    margin-bottom:1vh;
    background-color: rgba(0,0,0,0.1);  
    box-sizing: border-box;
    padding-left: 1%;
    display: flex;
    flex-direction: column; 
}
.gaomingArea:hover{
    box-shadow:2px 2px 5px rgba(0,0,0,0.01);
    transform:scale(1.05);
    transition: ease 0.5s;
}
.gaomingTitle{
    font-size:0.8vw;
    flex:1;
    display: flex;
    align-items: center;
}
.gaomingParagraph{
    font-size:0.7vw;
    flex:1;
}
.gaomingLabelBanner{
    font-size:0.6vw;
    flex:1;
    display:flex;
    flex-direction: row;
}
.gaomingLabel1{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}
.gaomingLabel2{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}
.gaomingLabel3{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}

.xiuqianArea{
    flex:2;
    width:100%;

    background-color: rgba(0,0,0,0.1); 
    border-radius: 15px;
    margin-bottom:1vh;  
    box-sizing: border-box;
    padding-left: 1%;
    display: flex;
    flex-direction: column; 
}
.xiuqianArea:hover{
    box-shadow:2px 2px 5px rgba(0,0,0,0.01);
    transform:scale(1.05);
    transition: ease 0.5s;
}
.xiuqianTitle{
    font-size:0.8vw;
    flex:1;
    display: flex;
    align-items: center;
}
.xiuqianParagraph{
    font-size:0.7vw;
    flex:1;
}
.xiuqianLabelBanner{
    font-size:0.6vw;
    flex:1;
    display:flex;
    flex-direction: row;
}
.xiuqianLabel1{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}
.xiuqianLabel2{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}
.xiuqianLabel3{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}

.nanningArea{
    flex:2;
    width:100%;
    background-color: rgba(0,0,0,0.1); 
    border-radius: 15px;
    margin-bottom:1vh;
    box-sizing: border-box;
    padding-left: 1%;
    display: flex;
    flex-direction: column; 
}
.nanningArea:hover{
    box-shadow:2px 2px 5px rgba(0,0,0,0.01);
    transform:scale(1.05);
    transition: ease 0.5s;
}
.nanningTitle{
    font-size:0.8vw;
    flex:1;
    display: flex;
    align-items: center;
}
.nanningParagraph{
    font-size:0.7vw;
    flex:1;
}
.nanningLabelBanner{
    font-size:0.6vw;
    flex:1;
    display:flex;
    flex-direction: row;
}
.nanningLabel1{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}
.nanningLabel2{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}
.nanningLabel3{

    background-color: white;
    border-radius: 10px;
    height:40%;
    margin-right: 1vw;
    padding:1%
}

.portSource{
    flex:1;
    font-size:1vw;
    font-weight: 900;
    margin-top:1vh;
    display: flex;
    align-items: center;
}
.shipCooperation{
    flex:4;
    width:100%;

    background-color: rgba(0,0,0,0.1); 
    border-radius: 15px;
    margin-bottom:1vh;
    display:flex;
    flex-direction: column;
    box-sizing: border-box;
    padding-left:1%;  
}
.shipCooperation:hover{
    box-shadow:2px 2px 5px rgba(0,0,0,0.01);
    transform:scale(1.05);
    transition: ease 0.5s;
}
.shipOwner{
    flex:1;
    display: flex;
    align-items: center;
}
.ownerLabelBanner{
    flex:1;
    display: flex;
    flex-direction: row;
}
.owner1{
    margin-right:1vw;

    background-color: white;
    border-radius: 5px;
    height:35%;
    padding:0.5%;
}
.owner2{
    margin-right:1vw;

    background-color: white;
    border-radius: 5px;
    height:35%;
    padding:0.5%;
}
.owner3{
    margin-right:1vw;

    background-color: white;
    border-radius: 5px;
    height:35%;
    padding:0.5%;
}
.owner4{

    background-color: white;
    border-radius: 5px;
    height:35%;
    padding:0.5%;
}
.widespreadArea{
    flex:1;
    display: flex;
    align-items: center;
}
.widespreadAreaList{
    flex:1.5;
    margin-left:3%;
}
.widespreadAreaItem1{

}
.widespreadAreaItem2{
    margin-top:0.3vh;
}
.widespreadAreaItem3{
    margin-top:0.4vh;
}


.webPositionAreaBottomRight{

    flex:6;
    margin-right:10%;
    display: flex;
    flex-direction: column;
}
.art{
    flex:4;

    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 15px;
    background-image:url("../images/啤酒.jpg");
    background-position: center center;
    background-size: cover;
}
.masterpieceAccess{
    flex:1;

    display: flex;
    align-items:center;
    font-size:1vw;
    font-weight: 900;
}
.routineSheet{
    flex:4;

    border:1px solid gray;
    border-radius: 10px;
}
.routineSheetTable{
    width:100%;
    height:100%;
    border:0px solid gray;
    border-radius: 15px;
    border-collapse: collapse;
}
.sheetRow1{
    background-color: lightblue;
    border-collapse: collapse;
    
}
.sheetRow1 td{
    border-bottom: 1px solid skyblue;
    border-collapse: collapse;
    text-align: center;
}
.sheetRow1column1{
    border-radius: 10px 0px 0px 0px;
}
.sheetRow1column4{
    border-radius: 0px 10px 0px 0px;
}
.sheetRow2{}
.sheetRow2 td{
    border-bottom: 1px solid skyblue;
    border-collapse: collapse;
    text-align: center;
}
.sheetRow3{}
.sheetRow3 td{
    border-bottom: 1px solid skyblue;
    border-collapse: collapse;
    text-align: center;
}
.sheetRow4{}
.sheetRow4 td{
    border-bottom: 1px solid skyblue;
    border-collapse: collapse;
    text-align: center;
}
.sheetRow5{}
.sheetRow5 td{
    text-align: center;    
} */
/*homeBusiness*/
.homeBusiness {position: relative;padding-bottom: calc(128 / 16 * 1em);margin-top:3vh;}
.homeBusiness:after {position: absolute;content:'';width: 100%;height: 100%;top:calc(-220 / 16 * 1em);left: 0;padding-bottom:calc(220 / 16 * 1em);background: url("../images/home_bus_bg.png") no-repeat center top;z-index: -1;box-sizing: content-box;}
.homeBusiness .homeTit .cn {color:#fff;}
.homeBusiness .homeTit .en {color: rgba(255, 255, 255, 0.1);}
.homeBusiness .slider {position: relative;margin-top:calc(30 / 16 * 1em);/*padding-left: calc(120 / 16 * 1em);*/}
.homeBusiness .dots {}
.homeBusiness .dots li {display: flex;align-items: center;z-index: 10;}
.homeBusiness .dots li aside {font-size: calc(28 / 16 * 1em);color: #fff;}
.homeBusiness .dots li .icon {display:inline-flex;justify-content:center;align-items:center;flex-shrink:0;width:calc(80 / 16 * 1em);height:calc(80 / 16 * 1em);border-radius:50%;background-color: #0470c4;transition: .3s;}
.homeBusiness .dots li.on .icon {background-color: #e91800;}
.homeBusiness .swiper {width: calc(895 / 16 * 1em);padding: 0 calc(185 / 16 * 1em);box-sizing: content-box;}
.homeBusiness .content {position:relative;width: calc(895 / 16 * 1em);padding: calc(132 / 16 * 1em);border-radius: 50%;border:1px solid rgba(255, 255, 255, 0.2)}
.homeBusiness .content .text {width: calc(635 / 16 * 1em);height: calc(635 / 16 * 1em);padding: calc(160 / 16 * 1em) calc(138 / 16 * 1em) calc(160 / 16 * 1em) calc(150 / 16 * 1em);border-radius: 50%;background: url("../images/home_bus_cirbg.png") no-repeat center/contain;}
.homeBusiness .content .a_more {margin: calc(30 / 16 * 1em) auto 0;transition: .3s; }
.homeBusiness .content .a_more:hover {transform: translateY(-10px) }
.homeBusiness .content .text aside{margin-bottom: calc(26 / 46 * 1em);font-weight: normal; text-align: center;color: #202434;font-size: calc(46 / 16 * 1em);}
.homeBusiness .content .text .desc{font-size: calc(20 / 16 * 1em);color:#666;line-height: 1.8;text-align: justify;}
.homeBusiness .pic {border-radius: 50%;opacity: 0;transition: .5s .3s;}
.homeBusiness .pic figure {padding-bottom: 100%;border-radius: 50%}
.homeBusiness .swiper-slide-active .pic {opacity: 1;transform:translateX(0);}
.homeBusiness .swiper-button-prev,
.homeBusiness .swiper-button-next {display: block;width: calc(60 / 16 * 1em);height: calc(60 / 16 * 1em);border:1px solid #fff;border-radius: 50%;background: url("../images/arr_r.png") no-repeat center;transition: .3s;}
.homeBusiness .swiper-button-prev:after,
.homeBusiness .swiper-button-next:after {display: none;}
.homeBusiness .swiper-button-prev {transform: rotate(180deg)}
.homeBusiness .swiper-button-prev:hover,
.homeBusiness .swiper-button-next:hover  {border-color:transparent;background-color: #e91800;}
@media (min-width:1025px) {
  .homeBusiness .auto {position: relative;}
  .homeBusiness .homeTit {position: absolute;top: calc(120 / 16 * 1em);left: 0;}
  .homeBusiness .dots li {position: absolute;min-width:calc(215 / 16 * 1em);}
  .homeBusiness .dots li:nth-child(1) {top:calc(105 / 16 * 1em);right:calc(917 / 16 * 1em);}
  .homeBusiness .dots li:nth-child(2) {top:calc(-90 / 16 * 1em);left:50%;transform: translateX(-50%);flex-direction: column;}
  .homeBusiness .dots li:nth-child(3) {top:calc(105 / 16 * 1em);left:calc(917 / 16 * 1em);flex-direction: row-reverse;}
  .homeBusiness .dots li:nth-child(1) aside {margin-right: calc(20 / 28 * 1em);}
  .homeBusiness .dots li:nth-child(2) aside {margin-bottom: calc(10 / 28 * 1em);}
  .homeBusiness .dots li:nth-child(3) aside {margin-left: calc(20 / 28 * 1em);}
  .homeBusiness .pic {position: absolute;top: calc(356 / 16 * 1em);left: calc(-120 / 16 * 1em);width:calc(374 / 16 * 1em);height:calc(374 / 16 * 1em);transform:translateX(30px);}
}
@media (min-width: 1280px) and (max-width: 1600px) {
  .homeBusiness:after {padding-bottom: calc(280 / 16 * 1em);}
}
@media (max-width: 1024px) {
  .homeBusiness {padding-top: 6vw;padding-bottom: 50vw;}
  .homeBusiness .dots {display: flex;justify-content: space-between;margin-bottom: 6%;}
  .homeBusiness .dots li {position: relative;top: 0;left: 0;}
  .homeBusiness .dots li aside {font-size: 4.5vw;}
  .homeBusiness .dots li .icon {width: 36px;height: 36px;}
  .homeBusiness .dots li .icon img {width: 18px;height: 18px;object-fit: contain;}
  .homeBusiness .swiper {width: 100%;padding: 0;}
  .homeBusiness .content {width: 100%;padding: 0;border: 0;}
  .homeBusiness .content .text {width: 100%;height:auto;padding: 0;background: none;}
  .homeBusiness .content .text aside {font-size: 5.5vw;color:#fff;}
  .homeBusiness .content .text .desc {font-size: 4vw;color: #fff;}
  .homeBusiness .pic {position: relative;width: 70%;height:auto;top: 0;left: 0;margin: 4% auto;}
}






/*原合作案例*/
/*
.cooperationCaseArea{
    width:100%;
    height:130vh;
    background-color: white;
    display:flex;
    flex-direction: column;
    margin-bottom: 0vh;
    padding-bottom:20vh;
}
.cooperationCaseAreaTop{
    flex:1.5;
    display: flex;
    flex-direction: column;
    justify-content:center;
    align-items: center;
}
.cooperationCaseAreaTopTitle{
    font-size:2.5vw;
    margin-bottom: 1vh;
    color:black;
    margin-top:10vh;
}
.cooperationCaseHr{
    width:4vw;
    height:0.2vh;
    background-color:blue; 
    margin-bottom: 1vh; 
}
.cooperationCaseAreaTopParagraph{
    color:gray;
    font-size:1vw;
    margin-bottom: 6vh;
}
.cooperationCaseAreaBottom{
    flex:8.5;
    display: flex;
    flex-direction: column;
}
.cooperationCaseCatalog{
    flex:1;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.cooperationCaseCatalog1{
    margin-right: 2vw;
    border-radius: 15px;
    padding-left:1.5%;
    padding-right: 1.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    background-color: red;
    color:white;
}
.cooperationCaseCatalog2{
    margin-right: 2vw;
    border:1px solid transparent;
    border-radius: 15px;
    padding-left:1.5%;
    padding-right: 1.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    background-color: transparent;
}
.cooperationCaseCatalog3{
    margin-right: 2vw;
    border:1px solid transparent;
    border-radius: 15px;
    padding-left:1.5%;
    padding-right: 1.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    background-color: transparent;
}
.cooperationCaseCatalog4{
    margin-right: 2vw;
    border:1px solid transparent;
    border-radius: 15px;
    padding-left:1.5%;
    padding-right: 1.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    background-color: transparent;
}
.cooperationCaseCatalog5{
    border:1px solid transparent;
    border-radius: 15px;
    padding-left:1.5%;
    padding-right: 1.5%;
    padding-top: 0.5%;
    padding-bottom: 0.5%;
    background-color: transparent;
}
.cooperationCaseAreaCollection{
    flex:9;
    display:flex;
    flex-direction: column;
}

.cooperationCaseAreaCollectionTop{
    flex:1;
    display: flex;
    flex-direction: row;
    box-sizing: border-box;
    padding-left:7%;
}
.cooperationCaseItem{
    flex:1;
    background-color: white;
    margin-top:8vh;
    margin-right:5%;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius: 10px;
    display: flex;
    flex-direction: column;

}
.cooperationCaseItemBgPhoto1{
    flex:8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:10px 10px 0px 0px;
    background-image: url("../images/北粮南运.jpg");
    background-position: center center;
    background-size:cover;
}
.cooperationCaseItemBgPhoto2{
    flex:8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:10px 10px 0px 0px;
    background-image: url("../images/仓配.jpg");
    background-position: center center;
    background-size:cover;
}
.cooperationCaseItemBgPhoto3{
    flex:8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:10px 10px 0px 0px;
    background-image: url("../images/多式联运.jpg");
    background-position: center center;
    background-size:cover;
}
.cooperationCaseItemBgPhoto4{
    flex:8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:10px 10px 0px 0px;
    background-image: url("../images/智能仓储管理.jpg");
    background-position: center center;
    background-size:cover;
}
.cooperationCaseItemBgPhoto5{
    flex:8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:10px 10px 0px 0px;
    background-image: url("../images/货物全程可视化平台.jpg");
    background-position: center center;
    background-size:cover;
}
.cooperationCaseItemBgPhoto6{
    flex:8;
    box-shadow: 0px 0px 5px rgba(0,0,0,0.1);
    border-radius:10px 10px 0px 0px;
    background-image: url("../images/智能路径优化系统.jpg");
    background-position: center center;
    background-size:cover;
}

.cooperationCaseItemCatalog{
    flex:1;
    color:blue;
    background-color: skyblue;
    border: 1px solid blue;
    width:22%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.7vw;
    height: 30%;
    margin-top:1vh;
    margin-bottom: 1vh;
    border-radius: 15px;
    margin-left:2%;
}
.cooperationCaseItemTitle{
    flex:1;
    font-size:1vw;
    margin-left:2%;
    margin-top: 1vh;
    margin-bottom:1vh;
}
.cooperationCaseItemParagraph{
    flex:1;
    color:gray;
    font-size:0.7vw;
    margin-left:2%;
    margin-top: 1vh;
    margin-bottom:1vh;
}
.cooperationCaseItemLabelList{
    flex:1;
    display:flex;
    flex-direction: row;
    margin-top: 1vh;
    margin-bottom:1vh;
}
.cooperationCaseItemLabel1{
    margin-left:2%;
    background-color: rgba(0,0,0,0.1);
    border-radius: 10px;
    height:70%;
    padding-left:2%;
    padding-right:2%;
    font-size: 0.7vw;
}
.cooperationCaseItemLabel2{
    margin-left:2%;
    background-color: rgba(0,0,0,0.1);
    border-radius: 10px;
    height:70%;
    padding-left:2%;
    padding-right:2%;
    font-size: 0.7vw;
}
.cooperationCaseItemLabel3{
    margin-left:2%;
    background-color: rgba(0,0,0,0.1);
    border-radius: 10px;
    height:70%;
    padding-left:2%;
    padding-right:2%;
    font-size: 0.7vw;
}
.cooperationCaseItemInfo{
    flex:2;
    display: flex;
    align-items:end;
    margin-left:2%;
    margin-bottom: 2vh;
    font-size:0.7vw;
    color: gray;
    justify-content: space-between;
}
.cooperationCaseItemDetail{
    color:orange;
    margin-right:5%;
}
.cooperationCaseItemDetail:hover{
    cursor:pointer;
    transform:scale(1.1);
    transition: ease 0.3s;
}



.cooperationCaseAreaCollectionBottom{
    flex:1;
    display:flex;
    flex-direction: row;
    padding-left:7%;
}*/
.cooperationCaseArea{
    width:100%;
    min-height: 100vh;
    background-color: white;
    display:flex;
    flex-direction: column;
    padding: 5vh 0vh 15vh;
    box-sizing: border-box;
    display: none;
}

.cooperationCaseAreaTop{
    text-align: center;
    margin-bottom: 15vh;
}

.cooperationCaseAreaTopTitle{
    font-size: 2.5vw;
    margin-bottom: 1vh;
    color: black;
}

.cooperationCaseHr{
    width: 4vw;
    height: 0.2vh;
    background-color: blue;
    margin: 0 auto 2vh;
    border: none;
}

.cooperationCaseAreaTopParagraph{
    color: gray;
    font-size: 1vw;
    max-width: 800px;
    margin: 0 auto;
}

.cooperationCaseAreaBottom{
    flex: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
}

/* 案例分类样式 */
.cooperationCaseCatalog{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 1vw;
    margin-bottom: 5vh;
}

.cooperationCaseCatalogItem{
    border-radius: 20px;
    padding: 0.5vh 1.5vw;
    font-size: 1vw;
    cursor: pointer;
    transition: all 0.3s ease;
    background-color: transparent;
    color: #333;
    border: 1px solid #ddd;
}

.cooperationCaseCatalogItem.active{
    background-color: red;
    color: white;
    border-color: red;
}

.cooperationCaseCatalogItem:hover:not(.active){
    background-color: #f5f5f5;
}

/* 轮播容器样式 */
.carousel-container{
    width: 90%;
    max-width: 1585px;
    position: relative;
    transform: scale(1.2);
    /* overflow: hidden; */

}

.carousel-track{
    display: flex;
    transition: transform 0.5s ease-in-out;
    /* background-color: rgba(0,0,0,0.8); */
    border-radius:10px;
}

/* 轮播幻灯片样式 */
.carousel-slide{
    min-width: 100%;
    display: flex;
    flex-direction: row;
    opacity: 0;
    position: absolute;
    transition: opacity 0.5s ease, transform 0.5s ease;
    transform: translateX(50px);
}

.carousel-slide.active{
    opacity: 1;
    position: relative;
    transform: translateX(0);
}

/* 图片区域 */
.carousel-image{
    flex: 1;
    min-height: 50vh;
    overflow: hidden;
    border-radius: 10px;
}

.case-image{
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
    transition: transform 0.5s ease;
}

.carousel-slide:hover .case-image{
    transform: scale(1.03);
}

/* 内容区域 */
.carousel-content{
    flex: 1;
    padding: 5vh 3vw;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.case-category{
    color: blue;
    background-color: #e6f0ff;
    border: 1px solid blue;
    width: auto;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9vw;
    padding: 0.5vh 1.5vw;
    border-radius: 15px;
    margin-bottom: 2vh;
    width: fit-content;
}

.case-title{
    font-size: 1.8vw;
    margin-bottom: 2vh;
    color: white;
}

.case-description{
    color: white;
    font-size: 1vw;
    line-height: 1.8;
    margin-bottom: 3vh;
    max-width: 90%;
}

.case-labels{
    display: flex;
    flex-wrap: wrap;
    gap: 1vw;
    margin-bottom: 3vh;
}

.case-label{
    background-color: rgba(0,0,0,0.05);
    border-radius: 10px;
    padding: 0.5vh 1vw;
    font-size: 0.8vw;
    color: #666;
}

.case-metrics{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 3vh;
}

.case-metric{
    font-size: 1vw;
    color: white;
    font-weight: 500;
}

.case-detail{
    color: #fff;
    font-size: 0.5vw;
    cursor: pointer;
    transition: all 0.3s ease;
    border:0.5px solid #fff;
    /*border-radius: 10px;*/
    /*box-sizing: border-box;*/
    padding:0.5vw;
    width:4.8vw;
    margin-top:5vh;
    text-align: center;
}

.case-detail:hover{
    transform: translateX(5px);
    /*background-color:#00bfff;*/
}

/* 横线切换效果 */
.case-divider{
    width: 0;
    height: 3px;
    background-color: #00bfff;
    transition: width 0.7s ease-out;
    align-self: flex-start;
}

.carousel-slide.active .case-divider{
    width: 100px;
}

/* 轮播控制按钮 */
.carousel-control{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 3vw;
    height: 3vw;
    border-radius: 50%;
    background-color: rgba(255,255,255,0.8);
    border: none;
    font-size: 1.5vw;
    color: #333;
    cursor: pointer;
    box-shadow: 0 2px 10px rgba(0,0,0,0.1);
    transition: all 0.3s ease;
    z-index: 10;
}

.carousel-control:hover{
    background-color: white;
    transform: translateY(-50%) scale(1.1);
}

.prev-control{
    left: 1vw;
}

.next-control{
    right: 1vw;
}

/* 轮播指示器 */
.carousel-indicators{
    display: flex;
    justify-content: center;
    gap: 0.5vw;
    margin-top: 3vh;
}

.indicator-dot{
    width: 12px;
    height: 12px;
    border-radius: 50%;
    background-color: #ddd;
    cursor: pointer;
    transition: all 0.3s ease;
}

.indicator-dot.active{
    background-color: #00bfff;
    transform: scale(1.2);
}

/* 响应式调整 */
@media (max-width: 768px) {
    .carousel-slide{
        flex-direction: column;
    }
    
    .carousel-image{
        min-height: 30vh;
    }
    
    .case-title{
        font-size: 5vw;
    }
    
    .case-description,
    .case-label,
    .case-metric,
    .case-detail,
    .case-category,
    .cooperationCaseCatalogItem{
        font-size: 3vw;
    }
    
    .carousel-control{
        width: 8vw;
        height: 8vw;
        font-size: 4vw;
    }
}












        /* 轮播容器整体样式 */
        .ll-custom-carousel {
            width: 86%;
            margin: 2vh auto;
            position: relative;
            overflow: hidden;
            border-radius: 12px;
            /* box-shadow: 0 8px 32px rgba(0,0,0,0.1); */
            min-height: 600px;
        }

        /* 分类选择按钮 */
        .ll-carousel-filters {
            display: flex;
            justify-content: center;
            padding: 20px 0;
            gap: 15px;
            /* background-color: #f8fafc; */
            border-bottom: 1px solid #e2e8f0;
        }

        .ll-filter-btn {
            padding: 8px 20px;
            border: none;
            border-radius: 20px;
            background-color: white;
            color: #4a5568;
            font-size: 1.1vw;
            cursor: pointer;
            transition: all 0.3s ease;
            box-shadow: 0 2px 4px rgba(0,0,0,0.05);
        }

        .ll-filter-btn.active {
            background-color: #4299e1;
            color: white;
            box-shadow: 0 4px 6px rgba(66, 153, 225, 0.2);
        }

        .ll-filter-btn:hover:not(.active) {
            background-color: #edf2f7;
        }

        /* 轮播轨道 */
        .ll-carousel-track {
            display: flex;
            transition: transform 0.5s ease-in-out;
            padding: 20px 0;
        }

        /* 轮播卡片样式 */
        .ll-carousel-item {
            flex: 0 0 33.333%;
            padding: 0 15px;
        }

        .ll-carousel-card {
            width: 100%;
            border-radius: 8px;
            overflow: hidden;
            background: white;
            transition: transform 0.3s ease;
            box-shadow: 0 2px 10px rgba(0,0,0,0.05);
            height: 100%;
        }

        .ll-carousel-card:hover {
            transform: translateY(-5px);
        }

        .ll-carousel-img {
            width: 100%;
            height: 300px;
            object-fit: cover;
        }

        .ll-carousel-content {
            padding: 25px;
        }

        .ll-carousel-title {
            font-size: 1.1vw;
            margin-bottom: 15px;
            color: #2d3748;
        }

        .ll-carousel-desc {
            font-size: 0.9vw;
            color: #718096;
            line-height: 1.6vh;
            /* margin-bottom: 15px; */
            display: -webkit-box;
            -webkit-line-clamp: 1;
            text-overflow: ellipsis;
            overflow: hidden;
            height: 1.6vh;
            -webkit-box-orient: vertical;
        }

        /* 控制按钮 */
        .ll-carousel-btn {
            position: absolute;
            top: 65%;
            transform: translateY(-50%);
            width: 45px;
            height: 45px;
            border-radius: 50%;
            background: white;
            border: none;
            box-shadow: 0 2px 8px rgba(0,0,0,0.15);
            font-size: 20px;
            cursor: pointer;
            z-index: 10;
            display: flex;
            align-items: center;
            justify-content: center;
            transition: all 0.3s ease;
        }

        .ll-carousel-btn:hover {
            background: #4299e1;
            color: white;
        }

        .ll-btn-prev {
            left: 20px;
        }

        .ll-btn-next {
            right: 20px;
        }

        /* 指示器 */
        .ll-carousel-indicators {
            position: absolute;
            bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
            display: flex;
            gap: 8px;
        }

        .ll-indicator-dot {
            width: 10px;
            height: 10px;
            border-radius: 50%;
            background: rgba(255,255,255,0.6);
            cursor: pointer;
            transition: all 0.3s ease;
        }

        .ll-indicator-dot.active {
            background: white;
            width: 30px;
            border-radius: 5px;
        }

        /* 响应式适配 */
        @media (max-width: 768px) {
            .ll-carousel-item {
                flex: 0 0 50%;
            }
            .ll-filter-btn {
                font-size: 14px;
                padding: 6px 15px;
            }
            .ll-carousel-img {
                height: 250px;
            }
            .ll-custom-carousel {
                min-height: 550px;
            }
        }

        @media (max-width: 480px) {
            .ll-carousel-item {
                flex: 0 0 100%;
            }
            .ll-carousel-filters {
                flex-wrap: wrap;
                padding: 15px;
            }
            .ll-carousel-img {
                height: 200px;
            }
            .ll-custom-carousel {
                min-height: 500px;
            }
        }
        .serviceAreaTopTitle{
    font-size: 2vw;
    margin-bottom: 1.5vh;
    color: #000;
    text-align: center;
}
        .serviceAreaTopHr{
    width: 4vw;
    height: 0.4vh;
    background-color: blue;
    margin: 0 auto;
    margin-bottom: 5vh;
}
        .serviceAreaTopParagraph{
    color: gray;
    font-size: 1.1vw;
    margin-bottom: 6vh;
    text-align: center;
    color: #000;
}







/*        .serviceArea{*/
/*            width: 80%;*/
/*            height: 130vh;*/
            /* background-color:rgba(0, 0, 0, 0.05); */
/*            display: flex;*/
/*            flex-direction: column;*/
/*            margin: 0 auto;*/
/*            margin-bottom: -26vh;*/
/*        }*/
/*        .serviceAreaTop{*/
/*            flex:2;*/
/*            display: flex;*/
/*            flex-direction: column;*/
/*            align-items: center;*/
/*            justify-content: center;*/
/*        }*/
/*        .serviceAreaTopTitle{*/
/*            font-size: 3vw;*/
/*            margin-bottom:1vh;*/
/*            color:black;*/
/*            margin-top:10vh;*/
/*        }*/
/*        .serviceAreaTopHr{*/
/*            width:4vw;*/
/*            height:0.4vh;*/
/*            background-color:blue;*/
/*            margin-bottom: 5vh;*/
/*            border: none;*/
/*        }*/
/*        .serviceAreaTopParagraph{*/
/*            color:gray;*/
/*            font-size: 1.5vw;*/
/*            margin-bottom: 6vh;*/
/*        }*/

/*        .serviceAreaBottom{*/
/*            flex:8;*/
/*            box-sizing: border-box;*/
/*            padding: 0 2vw;*/
/*            overflow: hidden;*/
/*        }*/

        /* 轮播容器样式 */
/*        .carousel-container {*/
/*            width: 100%;*/
/*            height: 68%;*/
/*            position: relative;*/
/*        }*/
/*        .carousel-track {*/
/*            display: flex;*/
/*            height: 90%;*/
/*            animation: scroll 12s linear infinite;*/
/*        }*/
/*        .carousel-container:hover .carousel-track {*/
/*            animation-play-state: paused;*/
/*        }*/

        /* 轮播动画 */
/* 保持现有动画设置，确保匀速滚动 */
/*@keyframes scroll {*/
/*    0% { transform: translateX(0); }*/
    100% {transform: translateX(-50%);} /* 滚动距离刚好是原始卡片总宽度 */
/*}*/

/*        .serviceAreaBottomItem{*/
/*            flex: 0 0 14vw;*/
/*            height: 100%;*/
/*            margin-right:2vw;*/
/*            display:flex;*/
/*            flex-direction: column;*/
/*            border-radius: 10px;*/
/*            background-color:white;*/
/*            box-shadow:0px 0px 5px rgba(0,0,0,0.1);*/
/*            padding-bottom:2vh;*/
/*            overflow: hidden;*/
/*        }*/
/*        .serviceAreaBottomItemBgPhoto1{*/
/*            height: 22vw;*/
/*        }*/
/*        .serviceAreaBottomItemBgPhoto1 img{*/
/*            width:100%;*/
/*            height:100%;*/
/*            object-fit: cover;*/
/*            border-radius: 10px 10px 0px 0px;*/
/*            box-shadow:0px 0px 5px rgba(0,0,0,0.1);*/
/*        }*/
/*        .serviceAreaBottomItemLogo{*/
/*            padding-left:1vw;*/
/*            flex:1;*/
/*        }*/
/*        .serviceAreaBottomItemTitle{*/
/*            padding-left:1vw;*/
/*            flex:1;*/
/*            font-size: 1vw;*/
/*            margin: 0;*/
/*            display: flex;*/
/*            align-items: center;*/
/*            color: #000;*/
/*        }*/
/*        .serviceAreaBottomItemServiceList{*/
/*            flex:6;*/
/*            list-style: none;*/
/*            padding-left: 1vw;*/
/*            color:gray;*/
/*            margin: 0;*/
            /* padding-top: 1vh; */
/*            padding-right: 1vw;*/
/*        }*/
/*        .serviceAreaBottomItemServiceListItemTitle{*/
/*            font-size: 0.9vw;*/
/*            padding-top:2vh;*/
/*            font-weight: 400;*/
/*            margin: 0 0 0.3vh 0;*/
/*            color: #333;*/
/*            white-space: wrap;*/
/*        }*/
/*        .serviceAreaBottomItemServiceListItemParagraph{*/
/*            font-size: 0.7vw;*/
            /*margin-bottom: 1vh;*/
/*            margin-top:0;*/
            /* padding-right: 5%; */
/*            height: auto;*/
/*            width: 100%;*/
/*            white-space: nowrap;*/
/*            text-overflow: ellipsis;*/
/*            overflow: hidden;*/
/*            white-space: wrap;*/
/*        }*/
/*        .relativeTopicHr{*/
/*            margin: 2vh 0;*/
/*            border: none;*/
/*            border-top: 1px solid #eee;*/
/*        }*/
/*        .relativeTopic{*/
/*            font-size:0.8vw;*/
/*            margin-bottom: 1vh;*/
/*            padding-left: 1vw;*/
/*            position: relative;*/
/*        }*/
/*        .topicArrow{*/
/*            position: absolute;*/
/*            left: 0;*/
/*            top: 0.3vh;*/
/*            width: 0.5vw;*/
/*            height: 0.5vw;*/
/*            border-top: 1px solid gray;*/
/*            border-right: 1px solid gray;*/
/*            transform: rotate(45deg);*/
/*        }*/
/*.relativeTopicHr{*/
/*    width:95%;*/
/*    background-color: red;*/
/*    height:1.5%;*/
/*    margin-bottom: 2vh;*/
/*}*/
/*.topicArrow{*/
/*    width:1vw;*/
/*    height:1vw;*/
/*    background-color:red;*/
/*    display: inline-block;*/
/*    clip-path:polygon(0 20%, 50% 50%,0 80%);*/
/*    margin-right: 0.3vw;*/
/*    transform: rotate(*/
/*-3deg);*/
/*}*/
/*.relativeTopic{*/
/*    font-size:0.8vw;*/
/*    color:gray;*/
/*    margin-top:1vh;*/
/*    padding-right: 5%;*/
/*    margin-bottom:1vh; */
/*}*/

.contactUsArea{
  width: 100%;
  height: 120vh;
  /* background-color: #00000052; */
  background-image: url(../images/contactUsBg.jpg);
  display: flex;
  flex-direction: column;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  background-blend-mode: multiply;
}
.contactUsAreaTop{
    flex:2;
    /* background-color:lightskyblue; */
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}
.contactUsAreaTopTitle{
    font-size: 2vw;
    margin-bottom:1vh;
    color:black;
    margin-top:10vh;
}
.contactUsHr{
    width:4vw;
    height:0.4vh;
    background-color:blue;
    margin-bottom: 5vh;
}
.contactUsAreaTopParagraph{
    font-size:1vw;
    color: black;
    filter: brightness(1.1);
    margin-bottom: 6vh;
    /* letter-spacing:0.3vw; */
    font-size: 1.1vw;
}

.contactUsAreaBottom{
    flex:8;
    /* background-color:lightgrey; */
    display: flex;
    flex-direction: row;
}
.contactUsAreaBottomLeft {
    flex: 1;
    background-color: rgba(0,0,0,0.4);
    margin-left: 8%;
    margin-right: 1%;
    height: 70%;
    /* display: flex; */
    flex-direction: row;
    border-radius: 10px;
    box-shadow: 1px 2px 5px rgba(0,0,0,0.06);
}
.contactUsInfoArea{
    /* flex: 1.1; */
    /* display: flex; */
    flex-direction: column;
    color:white;
    float: left;
    width: 50%;
    height: 100%;
}
.contactUsAreaContactMethod {
    flex: 0.25;
    /*background-color:lightcoral;*/
    font-size:1.5vw;
    /* display:flex; */
    align-items:center;
    box-sizing:border-box;
    padding-left:1vw;
    margin-top: 3vh;
    color: #fff;
}
.contactUsAreaContactMethodList {
    /*background-color:lightcyan;*/
    /* display:flex; */
    flex-direction:column;
    box-sizing:border-box;
    padding-left:1vw;
    list-style:none;
    width: 100%;
    height: 100%;
    padding: 10vh 1vw 1vh 1vw;
}
.method1 {
    flex:1;
    /*background-color:pink;*/
    display:flex;
    flex-direction:row;
    /* align-items: start; */
    margin-left: -1vw;
    box-sizing: border-box;
    /* padding-top: 22%; */
    padding-bottom: 1vh;
}
.method1Logo {
    flex:2;
    /*padding:0.5vw;
    box-sizing:border-box;*/
    /* background-color:skyblue; */
    transform:scale(0.6);
    /* border:1px solid gray; */
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.5vw;
    font-family: "icomoon";
}
.method1Text {
    flex: 9;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-top: 1.5%;
    margin-left:-1vw;
}
.method2 {
    flex: 1;
    /*background-color: blue;*/
    display: flex;
    flex-direction: row;
    /* align-items: start; */
    padding-bottom: 1vh;
}
.method2Logo {
    flex: 1;
    /* background-color: skyblue; */
    transform: scale(0.6);
    /* border: 1px solid gray; */
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.5vw;
    font-family: "icomoon";
}
.method2Text {
    flex: 9;
    display: flex;
    flex-direction: column;
    align-items: start;
    padding-top: 1.5%;
}
.method3 {
    flex: 1;
    /*background-color: green;*/
    display: flex;
    flex-direction: row;
    /* align-items: start; */
}
.method3Logo {
    flex: 1;
    /* background-color: skyblue; */
    transform: scale(0.6);
    /* border: 1px solid gray; */
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size:1.5vw;
    font-family: "icomoon";
}
.method3Text {
    flex: 9;
    display:flex;
    flex-direction:column;
    align-items:start;
    padding-top:1.5%;
}

.codeServiceArea{
    /* flex: 1; */
    /* display: flex; */
    flex-direction: column;
    float: left;
    width: 50%;
    height: 100%;
    padding-top: 10vh;
    padding-left: 5vw;
}
.contactUsAreaScan {
    color: white;
    flex: 1;
    font-size: 1vw;
    /*background-color: lightgray;*/
    /* display:flex; */
    /* flex-direction:column; */
    /* justify-content:end; */
    /* padding-left:1vw; */
    /* padding-bottom:1vh; */
    font-size: 0.9vw;
    font-weight: 600;
    margin-bottom: 1vh;
}
.contactUsAreaCode {
    flex: 3;
    /*background-color:lightpink;*/
    /* width:15vw; */
    /* padding:2px; */
    /* border:1px solid white; */
    /* border-radius:10px; */
    /* margin-left:1vw; */
    /* background-image: url(../images/qrcode.jpg); */
    /* background-position: center center; */
    /* background-repeat: no-repeat; */
    /* background-size: cover; */
    height: auto;
    width: 100%;
    object-fit: cover;
}
.contactUsAreaScanParagraph {
    flex:1;
    /*background-color:lightblue;*/
    font-size: 0.9vw;
    color:white;
    box-sizing:border-box;
    /* padding-top:1vh; */
    /* padding-left:1vw; */
    /* padding-left: 3vw; */
}
.contactUsAreaFollowUs {
    flex:0.5;
    /*background-color:lightsalmon;*/
    font-size:1vw;
    padding-left:1vw;
    display:flex;
    align-items:center;
}
.contactUsAreaInternetApp {
    flex:1;
    /*background-color:lightseagreen;*/
    display:flex;
    flex-direction:row;
    box-sizing:border-box;
    padding-left:1vw;
    padding-top:3vh;
    padding-bottom:3vh;
    padding-right:20vw;
    font-family: "icomoon";
    font-size:1.5vw;
}
.app1 {
    flex:1;
    background-color:skyblue;
    margin-right:1vw;
    transform:scale(0.8);
    border-radius:100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app2 {
    flex: 1;
    background-color: skyblue;
    margin-right: 1vw;
    transform: scale(0.8);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app3 {
    flex: 1;
    background-color: skyblue;
    margin-right: 1vw;
    transform: scale(0.8);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app4 {
    flex: 1;
    background-color: skyblue;
    transform: scale(0.8);
    border-radius: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.app1:hover{
    cursor:pointer;
    transform:scale(1.05);
    transition: ease 0.3s;
}
.app2:hover{
    cursor:pointer;
    transform:scale(1.05);
    transition: ease 0.3s;
}
.app3:hover{
    cursor:pointer;
    transform:scale(1.05);
    transition: ease 0.3s;
}
.app4:hover{
    cursor:pointer;
    transform:scale(1.05);
    transition: ease 0.3s;
}
.contactUsAreaBottomRight {
    color: white;
    flex: 1;
    background-color: rgba(0,0,0,0.4);
    margin-left: 1%;
    margin-right: 8%;
    height: 70%;
    border-radius:10px;
    box-shadow:1px 2px 5px rgba(0,0,0,0.06);
    display:flex;
    flex-direction:column;
}
.contactUsAreaConsult {
    font-size:1.5vw;
    padding-left:1vw;
    /*background-color:lightblue;*/
    flex:1;
    border-radius:10px 10px 0px 0px;
    display:flex;
    align-items:center;
    margin-top: 3vh;
    margin-bottom: 1vh;
}
.contactUsAreaMainInfo {
    flex:1.5;
    display:flex;
    flex-direction:row;
    padding-left:1vw;
}
.contactUsAreaNameArea {
    flex:1;
}
.contactUsAreaName {
    font-size: 1.1vw;
    display:block;
}
.contactUsAreaNameInput {
    height:5vh;
    width:15vw;
    border-radius:10px;
    border:1px solid gray;
    font-size: 0.9vw;
    text-indent:1em;
    color: #000;
}
.contactUsAreaTelArea {
    flex: 1;
}
.contactUsAreaTelName {
    font-size: 0.9vw;
    display: block;
}
.contactUsAreaTelInput {
    height: 5vh;
    width: 15vw;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0.9vw;
    text-indent: 1em;
    color: #000;
}
.contactUsAreaBottomRightEmail {
    font-size:1vw;
    padding-left:1vw;
    margin-top:0.5vh;
    flex: 0.5;
    font-size: 0.8vw;
}
.contactUsAreaBottomRightEmailInput {
    flex: 1;
    height: 5vh;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0.9vw;
    text-indent: 1em;
    margin-left:1vw;
    margin-right:3.5vw;
    color: #000;
}
.contactUsAreaBottomRightConsultService {
    flex: 0.5;
    font-size: 1vw;
    padding-left: 1vw;
    margin-top: 1vh;
    font-size: 0.9vw;
}
.contactUsAreaBottomRightSelector {
    flex: 1;
    height: 5vh;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0.9vw;
    text-indent: 1em;
    margin-left: 1vw;
    margin-right: 3.5vw;
    color: #000;
}
.contactUsAreaBottomRightDescription {
    flex: 0.5;
    font-size: 0.8vw;
    padding-left: 1.1vw;
    margin-top: 1vh;
}
.contactUsAreaBottomRightTextarea {
    flex: 3;
    height: 5vh;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0.9vw;
    text-indent: 1em;
    margin-left: 1vw;
    margin-right: 3.5vw;
    padding-top:1vh;
    color: #000;
}
.contactUsAreaBottomRightSubmit {
    flex: 0.9;
    height: 5vh;
    border-radius: 10px;
    border: 1px solid gray;
    font-size: 0.9vw;
    /* text-indent: 1em; */
    /* margin-left: 1vw; */
    /* margin-right: 29.5vw; */
    margin-top:2vh;
    margin-bottom:2vh;
    color:white;
    background-color:deepskyblue;
    margin: 1vh auto;
    text-align: center;
    padding: 0 3vw;
}
.contactUsAreaBottomRightSubmit:hover{
    cursor: pointer;   
}
footer {
    width: 100%;
    height: 50vh;
    background-color: rgba(15, 15, 15, 0.8);
    /* padding-left: 10%;
    padding-right:10%; */
    /* padding-top:5%; */
    display:flex;
    flex-direction: column;
}
.footerTop{
    flex:8;
    display:flex;
    flex-direction: row;
    padding-left: 10%;
    padding-right:10%;
    /* margin-top:-5vh; */
    padding-top: 8vh;
}
.companySummary{
    flex: 0.7;
}
.companySummaryTitle{
    color:white;
    font-size:1.5vw;
    
}
.companySummaryParagraph{
    color:rgb(228, 230, 235);
    margin-top:2vh;
    margin-bottom: 2vh;
    font-size: 0.8vw;
}
.companySummaryInternetApp{

}

.link{
    flex:1;
    padding-left:10vw;
    box-sizing: border-box;
}
.linkTitle{
    font-size:1.2vw;
    color:white;
    font-weight: 600;
}
.linkList{
    color:rgb(228, 230, 235);
    list-style: none;
    font-size:0.8vw;
    margin-top:2vh;
}
.linkList li{
    margin-bottom:2vh;
}
.linkList li:hover{
    color: #4067c0;
    transform: scale(1.05);
    transition:ease 0.5s;
    cursor:pointer;
}

.productionService{
    flex:1;
}
.productionServiceTitle{
    font-size:1.2vw;
    color:white;
    font-weight: 600;
}
.productionServiceList{
    color:rgb(228, 230, 235);
    list-style: none;
    font-size:0.8vw;
    margin-top:2vh;
}
.productionServiceList li{
    margin-bottom:2vh;
}
.productionServiceList li:hover{
    color: #4067c0;
    transform: scale(1.05);
    transition:ease 0.5s;
    cursor:pointer;
}
.footercontactUs{
    flex:1;
}
.footercontactUsTitle{
    font-size:1.2vw;
    color:white;
    font-weight: 600;
}
.footercontactUsList{
    color:rgb(228, 230, 235);
    list-style: none;
    font-size:0.8vw;
    margin-top:2vh;
}
.footercontactUsList li{
    margin-bottom:2vh;
}
.footercontactUsList li:hover{
    color: #4067c0;
    transform: scale(1.05);
    /* text-decoration: underline; */
    transition:ease 0.5s;
    cursor:pointer;
}

.footerBottom{
    flex:0.8;
    display: flex;
    flex-direction: row;
    background-color:rgba(0,0,0,0.9);
    align-items:center;
}
.footerBottomCopyRight{
    flex:2;
    font-size:0.7vw;
    color:rgb(228, 230, 235);
    margin-left:10vw;
}
.footerBottomISO{
    flex:1;
    font-size:0.7vw;
    color:rgb(228, 230, 235);
    color: #fff!important;
    text-decoration: none!important;
}
.footerBottom4A{
    flex:1;
    font-size:0.7vw;
    color:rgb(228, 230, 235);
}
.footerBottomBlocWebsitea{
    flex:1;
    font-size:0.7vw;
    color:rgb(228, 230, 235);
}
.backToTopBtn{
    width: fit-content;
    height: fit-content;
    border-radius: 100%;
    background-color: #333333;
    color:white;
    font-size:2vw;
    display: flex;
    align-items: center;
    justify-content: center;
    position: fixed;
    z-index:3;
    right:1vw;
    bottom:5vh;
    opacity:0;
    font-size: 2vw;
    padding: 0.5rem;
}
.servicePanel{
    position:fixed;
    width:9vw;
    height: 12.5vh;
    background-color:gray;
    font-size:1vw;
    color:white;
    top:7vh;
    left: 59vw;
    z-index:100;
    border-radius: 10px;
    opacity:0;
    visibility: hidden;
    transform: translateY(0px);
}
.servicePanel ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.servicePanel ul li{
    flex:1;
    padding-top:1vh;
    width:100%;
    box-sizing: border-box;
    padding-left:1vw;
    padding-right:1vw;
    padding-bottom:1vh;
    display: flex;
    justify-content: center;
    font-size: 0.8vw;
}
.servicePanel ul li:first-child:hover{
    border-radius: 10px 10px 0px 0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
}
.servicePanel ul li:nth-child(2):hover{
    border-radius:0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
}
.servicePanel ul li:last-child:hover{
    border-radius: 0px 0px 10px 10px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color:white;
}
.coreProductionPanel{
    position:fixed;
    width:8vw;
    height:19vh;
    background-color:gray;
    font-size:1vw;
    color:white;
    top:7vh;
    left:43vw;
    z-index:100;
    border-radius: 10px;
    opacity:0;
    visibility: hidden;
    transform: translateY(0px);     
}
.coreProductionPanel ul{
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
    width:100%;
}
.coreProductionPanel ul li{
    flex:1;
    padding-top:1vh;
    padding-bottom:1vh;
    width:100%;
    box-sizing: border-box;
    padding-left:1vw;
    padding-right: 1vw;
    display: flex;
    justify-content: center;
}
.coreProductionPanel ul li:first-child:hover{
    border-radius: 10px 10px 0px 0px;
    background-color:red;
    transition: ease 0.5s;
    cursor:pointer;
    color: black;
}
.coreProductionPanel ul li:nth-child(2):hover{
    border-radius:0px;
    background-color:red;
    transition: ease 0.5s;
    cursor:pointer;
    color: black;
}
.coreProductionPanel ul li:nth-child(3):hover{
    border-radius:0px;
    background-color:red;
    transition: ease 0.5s;
    cursor:pointer;
    color: black;
}
.coreProductionPanel ul li:last-child:hover{
    border-radius: 0px 0px 10px 10px;
    background-color:red;
    transition: ease 0.5s;
    cursor:pointer;
    color: black;
}
.cooperationCasePanel{
    position:fixed;
    width:12vw;
    height: 25vh;
    background-color:gray;
    font-size:1vw;
    color:white;
    top:7vh;
    left: 48vw;
    z-index:100;
    border-radius: 10px;
    opacity:0;
    visibility: hidden;
    transform: translateY(0px);
}
.cooperationCasePanel ul{
    width: 100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.cooperationCasePanel ul li{
    flex:1;
    padding-top:1vh;
    padding-bottom: 1vh;
    width:100%;
    box-sizing: border-box;
    padding-left:1vw;
    padding-right:1vw;
    display: flex;
    justify-content: center;
    font-size: 0.8vw;
}
.cooperationCasePanel ul li:first-child:hover{
    border-radius: 10px 10px 0px 0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
    
}
.cooperationCasePanel ul li:nth-child(2):hover{
    border-radius:0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
}
.cooperationCasePanel ul li:nth-child(3):hover{
    border-radius:0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
}
.cooperationCasePanel ul li:nth-child(4):hover{
    border-radius:0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color:white;
}
.cooperationCasePanel ul li:nth-child(5):hover{
    border-radius:0px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
}
.cooperationCasePanel ul li:last-child:hover{
    border-radius: 0px 0px 10px 10px;
    background-color:#004eff80;
    transition: ease 0.5s;
    cursor:pointer;
    color: white;
}


/*mainability*/
/*.mainability{*/
/*    width:100%;*/
/*    height: 70vh;*/
/*    background-image: url("../images/hx.jpg");*/
/*    background-size: cover;*/
/*    background-repeat: no-repeat;*/
/*    background-position: center center;*/
/*    box-sizing: border-box;*/
/*    padding-left: 7%;*/
/*    padding-right: 7%;*/
    /* padding-bottom: 11%; */
/*    margin-bottom: 7vh;*/
/*    display: flex;*/
/*    align-content: center;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    flex-direction: column;*/
/*}*/
.mainability {
    width: 100%;
    height: 60vh;
    background-image: url("../images/hx.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    box-sizing: border-box;
    padding-left: 7%;
    padding-right: 7%;
    /* padding-bottom: 11%; */
    /* margin-bottom: 7vh; */
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    
    /* 【关键修改 1】设置相对定位，让伪元素能覆盖在背景上 */
    position: relative;
}

/* 【关键修改 2】添加黑色半透明遮罩层 */
.mainability::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    /* 这里控制背景变暗的程度：0.4 是微暗，0.6 是明显变暗，推荐 0.5 */
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 1; /* 层级：在背景图之上 */
    pointer-events: none; /* 确保遮罩不影响鼠标点击事件 */
}

/* 【关键修改 3】确保内部文字层级在遮罩之上，且颜色为白色 */
.mainability > * {
    position: relative;
    z-index: 2; /* 层级：在遮罩之上 */
    color: #ffffff; /* 强制文字为白色，对比度最高 */
    /* 确认没有继承其他奇怪的阴影 */
    text-shadow: none; 
}
.mainabilitytitle{
    font-size: 3vw;
    text-align: center;
    color: #fff;
    /* margin-top: 2vh; */
    box-sizing: border-box;
    padding-top: 3vh;
    /* padding-bottom: 2vh; */
    /* margin-bottom: 5vh; */
    padding-bottom: 6vh;
    text-shadow: 1px 1px 1px #000;
}
.mainabilitytitle1{
    font-size: 55.8rem;
    text-align: center;
    color: #fff;
    /* margin-top: 2vh; */
    box-sizing: border-box;
    /* padding-top: 3vh; */
    /* padding-bottom: 2vh; */
    /* margin-bottom: 5vh; */
    /* padding-bottom: 6vh; */
    text-shadow: 1px 1px 1px #000;
    line-height: 111rem;
}
.mainabilitytitle2{
    font-size: 53rem;
    text-align: center;
    color: #fff;
    /* margin-top: 2vh; */
    box-sizing: border-box;
    /* padding-top: 3vh; */
    /* padding-bottom: 2vh; */
    /* margin-bottom: 5vh; */
    /* padding-bottom: 6vh; */
    line-height: 111rem;
    text-shadow: 1px 1px 1px #000;
}
.mainabilitytitle3{
    font-size: 41rem;
    text-align: center;
    color: #fff;
    /* margin-top: 2vh; */
    box-sizing: border-box;
    /* padding-top: 3vh; */
    /* padding-bottom: 2vh; */
    /* margin-bottom: 5vh; */
    /* padding-bottom: 6vh; */
    text-shadow: 1px 1px 1px #000;
    line-height: 111rem;
}
.mainabilitycontentarea{
    width:100%;
    height: 100%;
    display: flex;
    flex-direction: row;
    justify-content: center;
    /* margin-bottom: 4vh; */
    align-items: center;
}
.mainabilityselectpanel{
    flex:1;
    height: 49vh;
    /* background-color:#fff; */
    margin-right:2vw;
    border-radius: 10px;
}
.mainabilityselectpanel ul{
    width:100%;
    height:100%;
    list-style: none;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
    padding: 2vw;
    background-color: #ffffffe8;
}
.mainabilityselectpanel ul li{
    width:100%;
    color:#000;
    font-size:1vw;
    text-align: center;
    flex:1;
    /* justify-items: center; */
    box-sizing: border-box;
    /* padding-top: 14%; */
    border: 1px solid #4067c0;
    margin-bottom: 20px;
    border-radius: 10px;
    font-size: 1.1vw;
    /* padding-bottom: 14%; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.mainabilityselectpanel ul li:hover{
    cursor:pointer
}
.mainabilityshowpanel{
    flex:4;
    height: auto;
    /* background-color: #ffffff; */
    border-radius: 10px;
    /* margin-bottom: 2vh; */
}
.mainabilityshowpanelitem1{
    width: 100%;
    height: 73vh;
    /* background-color:pink; */
    background-color: #ffffffe8;
    overflow: hidden;
    padding-top: 3vh;
}
.mainabilityshowpanelitem2{
    width: 100%;
    height: 73vh;
    background-color: #ffffffe8;
    display: none;
    padding-top: 3vh;
}
.mainabilityshowpanelitem3{
        width: 100%;
        height: 73vh;
        background-color: #ffffffe8;
        display: none;
        padding-top: 3vh;
}
.mainabilityshowpanelitem4{
        width: 100%;
        height: 73vh;
        background-color: #ffffffe8;
        display: none;
        box-sizing:border-box;
        padding-left: 2%;
        padding-right:2%;
        padding-bottom:2%;
        padding-top: 3vh;
}
.mainabilityshowpanelitem1 h2{
    color:#000;
    font-size: 1.5vw;
    letter-spacing: 0.5vw;
    text-align: center;
}
.mainabilityshowpanelitem1 .panel1info{
    text-align: center;
    border-radius: 15px;
    background-color: #3067ad94;
    /* border:1px solid #ccc; */
    font-size: 0.8vw;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    width: 18vw;
    margin: 0 auto;
    color: #fff;
}
.mainabilityshowpanelitem1 table{
    width:100%;
    height: auto;
    /* border: 1px solid; */
    margin-top: 2vh;
    color: #000;
}
.mainabilityshowpanelitem1 table tr{
    width:100%;
    height: 6.3vh;
    font-size:1vw;
}
.mainabilityshowpanelitem1 table td{
    text-align: center;
    border: 1px solid #ccc;
    border-top: 0px solid black;
    border-bottom: 1px solid #ccc;
    border-right: 0px solid black;
    border-left: 0px solid black;
    font-size: 0.9vw;
}
.mainabilityshowpanelitem1 table tr:nth-child(1){
    background-color: #cccccc47;
    font-size:0.8vw;
    height: 5vh;
}
.mainabilityshowpanelitem1 table tr td:nth-child(5){
    color:green;
}

.mainabilityshowpanelitem2 h1{
    color:#000;
    font-size: 1.5vw;
    letter-spacing: 0.5vw;
    text-align: center;
}
.mainabilityshowpanelitem2 .panel2info{
    text-align: center;
    border-radius: 15px;
    background-color: #3067ad94;
    /* border:1px solid #ccc; */
    font-size: 0.8vw;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    width: 18vw;
    margin: 0 auto;
    color: #fff;
}
.mainabilityshowpanelitem2 ul{
    width: 100%;
    height:auto;
    box-sizing: border-box;
    padding-left:4vw;
    padding-right:4vw;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin-top: 0vh;
    justify-content: space-evenly;
}
.mainabilityshowpanelitem2 ul li{
    width:45%;
    margin-right: 5%;
    box-sizing: border-box;
    /* padding-top: 13vh; */
    margin-top: 4vh;
    list-style: none;
    box-shadow: 2px 2px 5px #ccccccad;
}
.mainabilityshowpanelitem2 ul li:nth-chlid(2n){
    width:45%;
    margin-right: 0%;
    box-sizing: border-box;
}
.mainabilityshowpanelitem2 ul li h2{
    width:100%;
    height: auto;
    padding-top:0.5vh;
    padding-bottom:0.5vh;
    background-color: #2f75bf;
    color: #fff;
    font-size: 1.1vw;
    padding-left: 0.5vw;
    box-sizing: border-box;
}
.mainabilityshowpanelitem2 ul li p{
    width:100%;
    height: auto;
    box-sizing: border-box;
    padding-top: 0.5vh;
    padding-bottom:0.5vh;
    font-size: 0.9vw;
    padding-left: 0.5vw;
    color: #000;
    line-height: 2.5vh;
}
.mainabilityshowpanelitem2 ul li:nth-chlid(2n){
    width:45%;
    margin-right:0%;
}
.mainabilityshowpanelitem3 h1{
    color:#000;
    font-size: 1.5vw;
    letter-spacing: 0.5vw;
    text-align: center;
}
.mainabilityshowpanelitem3 .panel3info{
    text-align: center;
    border-radius: 15px;
    background-color: #3067ad94;
    /* border:1px solid #ccc; */
    font-size: 0.8vw;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    width: 18vw;
    margin: 0 auto;
    color: #fff;
}
.panel3selector{
    width:100%;
    height:auto;
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-top: 3vh;
}

.panel3selector li{
    flex:1;
    list-style: none;
    font-size: 0.9vw;
    border-bottom:1px solid #ccc;
    box-sizing: border-box;
    padding-bottom:0.5vh;
    text-align: center;
    color:#000;
}
.panel3selector li:hover{
    color:#2f75bf;
    cursor:pointer;
}
.panel3content{
    width:100%;
    height: auto;
    /* background-color:pink; */
    box-sizing: border-box;
    padding-top:2vh;
    padding-left: 4vw;
    padding-right: 4vw;
    list-style: none;
    color:#000;
}

.panel3content li:nth-child(1){
    display: block;
}
.panel3content li:nth-child(2){
    display: none;
}
.panel3content li:nth-child(3){
    display: none;
}
.panel3content li:nth-child(4){
    display: none;
}
.panel3content li:nth-child(5){
    display: none;
}
.panel3content li:nth-child(5)>h1{
    letter-spacing: 0;
    margin-bottom: 1vh;
    font-size: 1.1vw;
    color: #000;
}
.panel3content h3{
    color:#000;
    font-size: 1.1vw;
    margin-bottom: 1vh;
    margin-top: 1vh;
}
.panel3contentarea1{
    background-color: #1f49c317;
    box-sizing: border-box;
    padding: 6px;
    margin-bottom: 1vh;
}
.panel3contentarea1 p{
    font-size:1vw;
    margin-top:1vh;
    font-size: 0.9vw;
    line-height: 2vh;
    margin-bottom: 1vh;
}
.panel3contentarea2{
    margin-bottom: 1vh;
}
.mainfunctionlist{
    display: flex;
    flex-direction: row;
    /* margin-right:1vw; */
}
.mainfunctionlistitem{
    flex:1;
    background-color: #1f49c317;
    margin-right: 0.2vw;
    padding: 6px;
    border-radius: 10px;
}
.mainfunctionlistitem h4{
    color:#000;
    font-size: 1vw;
    margin-bottom: 1vh;
    margin-top: 1vh;
}
.mainfunctionlistitem p{
    color:#000;
    font-size: 0.9vw;
    line-height: 2vh;
    margin-bottom: 1vh;
}
.panel3contentarea3 p{
    font-size: 0.9vw;
    color:black;
    margin-bottom: 1vh;
}
.panel3contentarea3{
    margin-bottom: 1vh;
    background-color: #1f49c317;
    padding: 5px;
    border-radius: 10px;
}
.panel3contentarea4 h4{
    font-size: 1vw;
    margin-top: 1vh;
    margin-bottom: 1vh;
}
.panel3contentarea4 p{
    font-size: 0.9vw;
    line-height: 2vh;
    margin-bottom: 1vh;
}
.panel3contentarea4{
    background-color: #1f49c317;
    padding: 5px;
    border-radius: 10px;
    display: flex;
    flex-direction: row;
    /* margin-right:1vw; */
}
.panel3contentarea4 .panel3contentarea4item{
    flex:1;
}
.mainabilityshowpanelitem4 h1{
    color:#000;
    font-size: 1.5vw;
    letter-spacing: 0.5vw;
    text-align: center;
}
.mainabilityshowpanelitem4 .panel4info{
    text-align: center;
    border-radius: 15px;
    background-color: #3067ad94;
    /* border:1px solid #ccc; */
    font-size: 0.8vw;
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
    width: 18vw;
    margin: 0 auto;
    color: #fff;
    margin-bottom: 0vh;
}
.panel4left{
    float:left;
    width:50%;
    /* background-color:pink; */
    height: 60vh;
    box-sizing: border-box;
    padding: 2vw;
}
.panel4left h1{
    font-size: 1.3vw;
}
.panel4left ul{
    list-style: none;
    /* display: flex; */
    flex-direction: column;
    /* height: 75vh; */
    /* overflow: hidden; */
    height: 100%;
}
.panel4left ul li{
    flex: 1;
    box-shadow: 2px 2px 5px #80808061;
    padding: 5px;
    margin-top: 2vh;
    height: 14vh;
}
.panel4left ul li h2{
    font-size: 1.1vw;
    text-align: center;
    color: #000;
    margin-top: 1vh;
    margin-bottom: 1vh;
}
.panel4left ul li p{
    font-size: 0.9vw;
    line-height: 2vh;
    margin: center center;
    color: #000;
}
.panel4right{
    float:left;
    width:50%;
    /* background-color:pink; */
    height: 60vh;
    box-sizing: border-box;
    padding: 2vw;
}
.panel4right h1{
    font-size: 1.3vw;
}
.panel4right ul{
    list-style: none;
    /* display: flex; */
    flex-direction: column;
    /* height: 75vh; */
    /* overflow: hidden; */
    height: 100%;
}
.panel4right ul li{
    flex: 1;
    box-shadow: 2px 2px 5px #80808061;
    padding: 5px;
    margin-top: 2vh;
    height: 14vh;
}
.panel4right ul li h2{
    font-size: 1.1vw;
    text-align: center;
    color: #000;
    margin-top: 1vh;
    margin-bottom: 1vh;
}
.panel4right ul li p{
    font-size: 0.9vw;
    line-height: 2vh;
    margin: center center;
    color: #000;
}
.aboutusrightpart{
    /* float: right; */
    /* position: absolute; */
    top: 6vh;
    right: 0px;
    width: 95%;
    border-radius: 12%;
    overflow: hidden;
    /* float: left; */
    height: 100%;
}
.aboutusrightpart img{
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.aboutusachievementpanel li img{
    float: left;
}
.aboutusachievementpanel li div{float: left;margin-left: 1vw;text-align: center;font-size: 1.4vw;}
.aboutusachievementpanel li div span{
    color: #4067c0;
    font-size: 1.2vw;
}
.aboutuspanelleft{
    /* float: left; */
    /* width: 43%; */
    /* height: 100%; */
    flex: 1;
    box-sizing: border-box;
    padding-right: 10vw;
}
.aboutuspanelright{
    /* float: right; */
    /* width: 43%; */
    height: 100%;
    flex: 1;
    display: flex;
    justify-content: flex-end;
}
.aboutusline{
    width:10vw;
    height: 0.5vh;
    /* background-color:pink; */
    overflow: hidden;
    /* float: left; */
    margin-bottom: 5vh;
}
.linered{
    width: 4vw;
    height: 0.5vh;
    background-color:#4067c0;
    flaot: left;
    float: left;
    margin-right: 1vw;
}
.lineblue{
    width: 4vw;
    height: 0.5vh;
    background-color:red;
    float: left;
}
@keyframes linemove{
    0%{
        transform: translateX(0px);
    }
    25%{
        transform: translateX(50px);
    }
    50%{
        transform:translateX(0px);
    }
    75%{
        transform: translateX(-50px);
    }
    100%{
        transform: translateX(0px);
    }
    
}
.aboutuslinelayer{
    width:100%;
    height:100%;
    /* background-color:green; */
    animation-name: linemove;
    animation-duration: 3s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
}
.aboutusseemore:hover{
    cursor:pointer;
}
@keyframes tumble{
    0%{
        transform: rotate(0deg);
    }
    25%{
        transform:rotate(10deg);
    }
    50%{
        transform:rotate(0deg);
    }
    75%{
        transform:rotate(-10deg);
    }
    100%{
        transform:rotate(0deg);
    }
}
    .aboutusachievementpanel li:hover{
        animation-name: tumble;
        animation-duration: 0.3s;
        animation-iteration-count: 2;
        animation-timing-function: ease;
        
    }
    .aboutusachievementpanel li div p{
        font-size:1.2vw;
    }
    
.contactUsAreaAddressTitle{
    font-size: 0.9vw;
    font-weight: 600;
} 
.contactUsAreaAddress{
    font-size: 0.9vw;
}
.contactUsAreaEmailTitle{
    font-size: 0.9vw;
    font-weight: 600;
}
.contactUsAreaEmail{
    font-size: 0.9vw;
}
.contactUsAreaTelTitle{
    font-size: 0.9vw;
    font-weight: 600;
}
.contactUsAreaTel{
    font-size: 0.9vw;
}
.contactUsAreaCodediv{
    width: 14vw;
    height: auto;
    /* padding-left: 1vw; */
    margin-bottom: 1rem;
}    
    
    
    
    
    
    
/*case*/
.method0{
    flex: 1;
    /* padding-top: 10%; */
    padding-bottom: 1vh;
    display: flex;
    align-items: center;
}
.method0Text{
    /* padding-left: 1.5vw; */
}
.contactUsAreaCompanyName{
    font-size: 0.9vw;
    font-weight: 600;
}
.contactUsAreaName{
    font-size: 0.9vw;
}
.mainabilityselectpanel ul li:hover{
    background-color:#4067c0;
    color:#fff;
    transition:0.5s ease;
}
.mainfunctionlist div:nth-child(3){
    margin-right: 0vw;
}
























	.swiper-container {
	  width: 100%;
	  height: 100%;

	}
	.swiper-slide {
	  text-align: center;
	  font-size: 18px;

	  /* Center slide text vertically */
	  display: -webkit-box;
	  display: -ms-flexbox;
	  display: -webkit-flex;
	  display: flex;
	  -webkit-box-pack: center;
	  -ms-flex-pack: center;
	  -webkit-justify-content: center;
	  justify-content: center;
	  -webkit-box-align: center;
	  -ms-flex-align: center;
	  -webkit-align-items: center;
	  align-items: center;
	}
	
	
.headermenuactive{
    color:#4067c0;
    border-bottom: 5px solid #4067c0;
}
.headermenuactive a{
    color:#4067c0;
}
	
	
	
	
	
	
	

	.headeritemlist > li:hover{
	    cursor: pointer;
        color:#00bfff;
	}
/*.contactUsArea::before{*/
/*    content: '';*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    z-index: -1;*/
/*    width: 100%;*/
/*    height: 100%;*/
    /* background-color: #0000001c; */
/*}*/
/*.contactUsPanel > * {*/
/*  position: relative;*/
/*  z-index: 1;*/
/*}*/
	
	
	
	
/* 基础样式设置 */
.headeritemlist {
	    flex: 6;
  margin: 0;
  padding: 0;
  list-style: none;
  display: flex; /* 横向排列菜单项 */
  background: #fff; /* 菜单背景色 */
}

.headeritemlist > li {
  position: relative; /* 关键：为子菜单提供定位参考 */
  flex: 1;
  line-height: 12vh;
  text-align: center;
  font-weight: 900;
  cursor: pointer;
  transition: background 0.3s; /* 背景过渡效果 */
  padding: 0 10px;
  font-size:0.9vw;
}

/* 菜单项hover效果 */

/* 下拉面板基础样式 - 默认隐藏 */
.headermenuitemPanel {
  position: absolute; /* 相对于父li定位 */
  top: 100%; /* 定位在父元素正下方 */
  left: 0;
  width: 100%; /* 与父菜单项同宽 */
  background: #cccccca3; /* 下拉面板背景 */
  box-shadow: 0 3px 10px rgba(0,0,0,0.15); /* 阴影增强层次感 */
  padding: 0px 0;
  display: none; /* 默认隐藏 */
  z-index: 999; /* 确保在其他内容上方 */
}

/* 下拉列表项样式 */
.headermenuitemPanel ul {
  margin: 0;
  padding: 0;
  list-style: none;

}

.headermenuitemPanel li {
  line-height: 40px; /* 下拉项行高 */
  padding: 0 5px;
  text-align: center;
  transition: background 0.2s;
  color:#000;
  font-weight:400;
}
.headeritemlist .headermenuitemPanel li:hover {

  transition: background 0.2s;
  color:#fff;
  background-color:#4067c0;
}
.headeritemlist .headermenuitemPanel li:hover a{

  color:#fff;
}

/* 下拉项hover效果 */


/* 核心：父菜单项hover时显示下拉面板 */
.headeritemlist > li:hover .headermenuitemPanel {
  display: block; /* 显示下拉面板 */
}
.headeritemlist li a{
    font-size:1vw;
    text-decoration: none;
}
.headermenuitemPanel li a{
    font-size:0.8vw;
}
.processphoto{
    width: 100%;
    height: 45vh;
    border: 1px dashed #c00000;
    border-radius: 10px;
}
.processphoto img{
    object-fit: contain;
    width: 100%;
    height: 100%;
}
.companySummaryTitle span:nth-child(1){
    width: fit-content;
    display: inline-block;
    height: fit-content;
    cursor: pointer;
    position: relative;
}
.companySummaryTitle span:nth-child(2){
    display: inline-block;
    width: fit-content;
    height: fit-content;
    cursor: pointer;
}
.footerwechatimgdiv{
    position: absolute;
    left:0;
    bottom: 100%;
    width: 10rem;
    height: 10rem;
    opacity: 0;
    visibility: hidden;
}
.footerwechatimgdiv img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.method0logo{}
.method0logo svg{
    transform: scale(0.8);
}


/* 咨询转化区整体布局 - 整合二维码+表单 */
.consult {
    padding: 80px 14%;
    background-color: var(--black);
    display: flex;
    background-image: url(../images/lx.jpg);
    background-repeat: no-repeat;
    object-fit: cover;
    /* height: 96vh; */
    justify-content: center;
    align-items: center;
    background-size: cover;
}

/* 咨询容器（含二维码+表单） */
.consult-container {
    display: flex;
    width: 100%;
    max-width: 1200px;
    background: transparent;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 0 20px rgba(0,0,0,0.5);
    border: 1px solid #333;
}

/* 左侧二维码区域 */
.left-qr {
    width: 40%;
    background-color: #323232b5;
    /* padding: 115px 15px; */
    /* display: flex; */
    flex-direction: column;
    align-items: center;
    justify-content: center;
    border-right: 1px solid #333;
}
.left-qr img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.left-qr .qrcode {
    /* width: 120px; */
    /* height: 120px; */
    /* border: 2px solid var(--gold); */
    margin-bottom: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #222; */
    float: left;
    width: 100%;
}

.left-qr .qrcode img {
    width: 200px;
    height: 200px;
    border: 5px solid var(--gold);
}

.left-qr .ewm {
    /* justify-content: center; */
    /* align-content: center; */
    float: left;
    width: 100%;
}

.left-qr .ewm p {
    font-size: 14px;
    color: #ccc;
    text-align: center;
    line-height: 1.6;
}

/* 右侧咨询弹窗容器 */
.consult-popup {
    flex: 1;
    background-color: #323232b5;
    border-radius: 0;
    text-align: left;
    padding: 95px;
    color: #fff;
    width: 50%;
}

/* 弹窗标题栏 */
.popup-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 25px;
}

.popup-header h3 {
    font-size: 28px;
    color: #f08200;
    font-weight: 600;
    margin: 0;
}

.popup-header .product-tag {
    display: inline-block;
    background: #000000;
    color: var(--black);
    padding: 5px 10px;
    border-radius: 45px;
    font-size: 15px;
    font-weight: bold;
}

/* 输入框通用样式 */
.consult-form .form-group {
    margin-bottom: 18px;
}

.consult-form .form-group input {
    width: 100%;
    padding: 12px 10px;
    background-color: #2c2c2c4f;
    border: 1px solid #444444;
    border-radius: 10px;
    color: #fff;
    outline: none;
    font-size: 14px;
}

.consult-form .form-group input::placeholder {
    color: #888;
}

/* 手机号输入组（带必填提示） */
.phone-group {
    display: flex;
    align-items: center;
    gap: 8px;
}

/* 历史信息勾选 */
.history-check {
    display: flex;
    align-items: center;
    gap: 6px;
    margin: 12px 0 20px;
    font-size: 14px;
    color: #ccc;
}

.history-check input {
    width: 14px;
    height: 14px;
    accent-color: var(--light-gold);
}

/* 提交按钮 */
.consult-btn {
    width: 50%;
    padding: 14px 0;
    background-color: #fffefa;
    /* color: #7e3d05; */
    border: none;
    border-radius: 12px;
    font-size: 16px;
    font-weight: bold;
    cursor: pointer;
    transition: all 0.3s;
}

.consult-btn:hover {
    transform: scale(1.02);
    box-shadow: 0 0 15px var(--light-gold);
}

/* 用户信息栏 */
.user-footer-bar {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 25px;
    font-size: 14px;
    color: #888;
    padding-top: 15px;
    border-top: 1px solid #333;
}