*{
    margin: 0;
    padding: 0;
}
ul,li{
    list-style: none;
}

body{
    font-size: 16rem;
    color: #3d3d3d;
    font-family: "PingFang SC", Arial, "Microsoft YaHei", sans-serif;
    line-height: 1.5;
}
a{
    text-decoration: none;
    color: #3d3d3d;
}
.w1750{
    width: 1750rem;
    margin: auto;
}
.dix{
    display: flex;
}
.amc{
    align-items: center;
}
.jsc{
    justify-content: center;
}
.jsb{
    justify-content: space-between;
}

/* 头部 */
.headbox{
    background: #f4f4f4;
    /* position: fixed;
    top: 0;
    width: 100%;
    z-index: 10; */
}
.head{
    height: 86rem;
}
.logo{
    display: block;
}
.logo img{
    width: 184rem;
    height: 50rem;
}
.navbox ul li a{
    color: #3d3d3d;
    font-size: 18rem;
}
.navbox ul li a:hover{
    color: #e7661a;
}
.navbox ul{
    margin-right: 70rem;
}
.navbox svg{
    width: 40rem;
    height: 40rem;
}
.indexbg{
    display: block;
    width: 100%;
}
.headboxheight{
    height: 86rem;
}
.leftnav ul li a img{
    width: 38rem;
    height: 38rem;
    display: block;
    margin-right: 10rem;
}
.leftnav ul li a{
    display: flex;
    align-items: center;
    cursor: pointer;
}
.leftnav{
    width: 280rem;
    position: absolute;
    left: 68rem;
    bottom: 30rem;
    border-radius: 10rem;
    background: rgba(255, 255, 255, 0.5);
    padding: 10rem;
    box-sizing: border-box;
    z-index: 3;
}
.leftnav ul{
    padding: 20rem;
    background: #efefef;
    border-radius: 10rem;

}
.leftnav ul li{
    margin: 15rem 0;
    line-height: 1;
}
.leftnav ul li:hover a{
    color: #e7661a;
}
.leftnav ul li a div p{
    font-size: 16rem;
}
.leftnav ul li a div p:nth-child(2n){
    font-size: 14rem;
    margin-top: 5rem;
}

.indexbox{
    position: relative;
    /* height: calc(100vh - 86rem); */
    overflow-y:auto ;
    /* position: absolute;
    left: 0;
    right: 0;
    top: 86rem;
    bottom: 0;
    margin: auto; */
    height: 1080rem;
    overflow: hidden;
}
.overhide{
    overflow: hidden;
}
.indexdingwei p{
    width: 140rem;
    min-height: 36rem;
    background: #e7661a;
    border-radius: 6rem;
    color: #fff;
    text-align: center;
    font-size: 16rem;
}
.indexdingwei{
    width: 150rem;
    height: 190rem;
    z-index: 1;
}
.cxian{
    height: 170rem;
    width: 2rem;
    background: #e7661a;
}
.indexdingwei{
    position: absolute;
}
.qigan{
    flex-direction: column;
}
.quanquan{
    position: relative;
    /* width: 30rem;
    height: 30rem; */
    display: flex;
    align-items: center;
    justify-content: center;
}
.quanquan span{
    display: block;
    width: 16rem;
    height: 16rem;
    background: #e7661a;
    border-radius: 50%;
    position: relative;
}
.quanquan::before{
    content: "";
    width: 0rem;
    height: 0rem;
    border-radius: 50%;
    background: radial-gradient(circle, #e7661a61, #e7661abd);
    position: absolute;
    animation: leodabo 1.5s infinite;
    border: solid 3rem #e7661a
}
@-webkit-keyframes leodabo {
	0% {
		width: 50rem;
		height: 50rem;
		opacity:1;

	}
}@keyframes leodabo {
	100% {
		width: 50rem;
		height: 50rem;
		opacity:0;
	}
}

/* 发光效果 */
.indexdingwei p {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    transition: all 0.6s;
}

/* 斜切白光效果 */
.indexdingwei p::before {
    content: '';
    position: absolute;
    top: 0;
    left: -100%;
    width: 100%;
    height: 100%;
    background: linear-gradient(
        90deg,
        transparent,
        rgba(255, 255, 255, 0.4),
        transparent
    );
    transform: skewX(-25deg);
    z-index: 1;
}

.indexdingwei p:hover::before {
    animation: shine 0.8s ease;
}

@keyframes shine {
    0% {
        left: -100%;
    }
    100% {
        left: 100%;
    }
}
.indexdingwei p:hover{
    margin-top: -10rem;
}
.indexright{
    width: 440rem;
    background: #efefef;
    /* height: calc(100vh - 86rem); */
    height: 100%;
    position: absolute;
    top: 0;
    padding: 90rem 50rem;
    box-sizing: border-box;
    z-index: 4;
    right: -440rem;
    transition: all 0.6s;
}

.more{
    width: 60rem;
    height: 60rem;
    border-radius: 50%;
    border:solid 2rem #e7661a;
    transition: all 0.6s;
    margin: auto;
}

.indexrighttext h1{
    font-size: 35rem;
    line-height: 1.5;
}

.indexrighttext .text{
    line-height: 1.5;
    margin-top: 30rem;
    font-size: 16rem;
    text-align: justify;
}
.indexrighttext ul{
    margin-top: 40rem;
}
.indexrighttext ul li{
    display: flex;
    align-items: center;
    color: #e7661a;
    margin-bottom: 10rem;
}
.indexrighttext ul li span{
    width: 10rem;
    height: 10rem;
    background: #e7661a;
    border-radius: 50%;
    margin-right: 8rem;
}
.indexright{
    flex-direction: column;
    /* justify-content: space-between; */
    display: flex;
}
.more svg{
    width: 30rem;
    height: 30rem;
    fill: #e7661a;
    transition: all 0.6s;
}
.more:hover svg{
    fill: #fff;
}
.more:hover{
    background: #e7661a;
}

/* body{
    clip-path: circle(0% at center);
    -webkit-animation: circleReveal 3s ease-out forwards;
    animation: circleReveal 3s ease-out forwards;
} */
/* 圆形扩散动画 - 增加webkit前缀兼容移动端 */
@-webkit-keyframes circleReveal {
    0% {
        clip-path: circle(0% at center);
    }
    100% {
        clip-path: circle(120% at center); /* 放大到120%，确保覆盖全屏 */
    }
}
@keyframes circleReveal {
    0% {
        clip-path: circle(0% at center);
    }
    100% {
        clip-path: circle(120% at center); /* 优化：100%可能边缘有缝隙，120%更完整 */
    }
}
.profmbox{
    padding: 50rem 40rem;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
}
.profm{
    background: rgba(0, 0, 0, 0.7);
    height: 100%;
    padding: 0 130rem;
    flex-direction: column;
}
.probg{
    width: 100%;
    /* height: 100%; */
    object-fit: cover;
}
.profm h1{
    font-size: 50rem;
    color: #e7661a;
    margin-bottom: 20rem;
}
.profm h2{
    font-size: 30rem;
    color: #e7661a;
    margin-bottom: 30rem;
}
.profm h2 span{
    width: 160rem;
    height: 2rem;
    background: #e7661a;
    margin-right: 30rem;
}
.profm div{
    color: #fff;
}
.pro1text{
    margin-bottom: 30rem;
}
.profm ul{
    margin-bottom: 40rem;
}
.profm ul li {
  display: flex;
  align-items: center;
  color: #fff;
  margin-bottom: 10rem;
}
.profm ul li span {
  width: 10rem;
  height: 10rem;
  background: #e7661a;
  border-radius: 50%;
  margin-right: 8rem;
}
.pro1ben{
    flex-wrap: wrap;
}
.pro1ben a{
    width: 326rem;
    height: 60rem;
    border-radius: 8rem;
    border: solid 2rem #e7661a;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.6s;
    margin-top: 30rem;
    background: #e7661a;
    font-size: 18rem;
}
.pro1ben a:hover{
    background: #e7661a;
    margin-top:20rem;
}
.pro2bg{
    position: absolute;
    bottom: 0;
    z-index: 0;
}
.quanquanda {
  position: relative;
  width: 40rem;
  height: 40rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border: solid 2rem #e7661a;
  border-radius: 50%;
}
.quanquanda::before {
  content: "";
  width: 0rem;
  height: 0rem;
  border-radius: 50%;
  background: radial-gradient(circle, #e7661a, #e7661a);
  position: absolute;
  animation: leodaboa 1.5s infinite;
  border: solid 4rem #e7661a;
}
.quanquanda span {
  display: block;
  width: 20rem;
  height: 20rem;
  background: #e7661a;
  border-radius: 50%;
  position: relative;
}

@-webkit-keyframes leodaboa {
	0% {
		width: 50rem;
		height: 50rem;
		opacity:1;

	}
}@keyframes leodaboa {
	100% {
		width: 50rem;
		height: 50rem;
		opacity:0;
	}
}
.pro2text{
    width: 576rem;
    margin-left: -576rem;
    box-sizing: border-box;
    
    
}
.indexdingwei2{
    position: absolute;

}
.pro2xian{
    width: 26rem;
    height: 2rem;
    background: #e7661a;
    margin-top: 20rem;
    width: 0;
}
.pro2text{
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0 0 20rem 0;
    /* background: #643215; */
}
.pro2text h2{
    color: #e7661a;
    font-size: 19rem;
    margin-bottom: 10rem;
    padding:0 25rem;
    padding-top: 25rem;
    opacity: 0;
    text-align: justify;
}
.pro2cc{
    color: #fff;
    padding:0 25rem;
    opacity: 0;
    text-align: justify;
    font-size: 14rem;
}
.indexdingwei2 svg{
    margin-top: 20rem;
}
.pro2text svg{
    width: 24rem;
    height: 24rem;
    margin-left: 20rem;
    margin-bottom: 25rem;
}
.jsbox{
    overflow: hidden;
}
.mbx{
    position: absolute;
    left: 90rem;
    top: 70rem;
}
.mbx a{
    font-size: 22rem;
    color: #fff;
}
.mbx a svg{
    width: 22rem;
    height: 22rem;
    margin-right: 14rem;
}
.mbx2{
    position: inherit;
}
.pro3box{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    box-sizing: border-box;
}
.pro3{
    margin: 50rem 110rem;
}
.pro3box h1{
    font-size: 40rem;
    text-align: center;
    color: #e7661a;
}
.prolist{
    background: rgba(0, 0, 0, 0.7);
   /* min-height: calc(100vh - 266rem);  */
    margin-top: 40rem;
    padding: 40rem;
    box-sizing: border-box;
    
    max-height: 900rem;
}
.prolistul{
    flex-wrap: wrap;
    display: flex;
    flex-direction: column;
}
.prolistul li{
    margin-bottom: 30rem;
    width: 100%;
}
.prolistul li img{
    display: block;
    max-width: 100%;
    margin: auto;
}
.prolistul li p{
    text-align: center;
    font-size: 18rem;
    color: #fff;
    margin-top: 20rem;
    
}
.neirong h2{
    font-size: 30rem;
    color: #e7661a;
    margin-top: 30rem;
    margin-bottom: 40rem;
    text-align: center;
}
.neirong td{
    text-align: center;
    padding: 10rem 0;
}
.neirong table{
    width: 100%;
}
.neirong table tbody {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
}
.neirong td img{
    width: 320rem;
    display:block;
    margin: auto;
    margin-bottom: 20rem;
}
.neirong td{
    color: #fff;
    font-size: 18rem;
}
.neirong{
    height: 720rem;
    overflow-y: auto;
    margin: 50rem 0;
}


#videoMain{
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    top: 0;
}
#videoTrans{
    position: absolute;
    z-index: 0;
    width: 100%;
    left: 0;
    top: 0;

}
#backBtn{
    
    padding: 6rem 15rem;
    position: absolute;
    left: 68rem;
    top: 60rem;
    z-index: 5;
    cursor: pointer;
    border-radius: 6rem;
    border: none;
    color: #fff;
    background: #e7661a;
    line-height: 1;
    opacity: 0;
    transition: all 0.3s;
    border: solid 2rem #e7661a;
}
.backBtn1{
    padding: 6rem 15rem;
    /*position: absolute;*/
    /*right: 68rem;*/
    /*top: 78rem;*/
    width: 69rem;
    z-index: 5;
    cursor: pointer;
    border-radius: 6rem;
    border: none;
    color: #fff;
    line-height: 1;
    opacity: 1;
    transition: all 0.3s;
    border: solid 2rem #e7661a;
    background: #e7661a;
    margin-bottom: 15rem;
    font-size: 16rem !important;
}
.mb0{
    margin-bottom: 0;
}
.ml{
    margin-left: 10rem;
}
.backBtn1 svg{
    fill: #f4f4f4;
    width: 20rem !important;
    height: 20rem !important;
    margin-right: 5rem;
    transition: all 0.3s;
    margin-right:0 !important;
}
#backBtn svg{
    fill: #fff;
    width: 20rem;
    height: 20rem;
    margin-right: 5rem;
    transition: all 0.3s;
}
#backBtn:hover{
    background: #e7661a;
    color: #fff;
}
#backBtn:hover svg{
    fill: #fff;
    width: 20rem;
    height: 20rem;
    margin-right: 5rem;
    
}

.xunhuanbox{
    padding: 0 50rem;
    box-sizing: border-box;
    max-width: 32%;
}
.flex-item{
    flex: 1;
}
.leftnav2{
    position: unset;
    padding: 0;
    background: none;
}
.leftnav2 ul{
    padding: 0;
    background: #efefef;
}
.indexright2 svg{
    width: 34rem;
    height: 34rem;
    cursor: pointer;
}
.indexright2 {
  flex-direction: column;
  display: flex;
}
.indexright2 {
  width: 440rem;
  background: #efefef;
  height: calc(100vh - 86rem);
  height: 100%;
  position: absolute;
  top: 0;
  padding: 90rem 50rem;
  box-sizing: border-box;
  z-index: 4;
  right: -440rem;
  transition: all 0.6s;
}
.leftnav2 ul li:hover a {
  color: #e7661a;
}
.leftnav2 ul li a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.leftnav2 {
  width: 280rem;
  border-radius: 10rem;
  box-sizing: border-box;
  z-index: 3;
}
.leftnav2 ul li {
  margin: 15rem 0;
  line-height: 1;
}
.leftnav2 ul li a {
  display: flex;
  align-items: center;
  cursor: pointer;
}
.leftnav2 ul li a img {
  width: 38rem;
  height: 38rem;
  display: block;
  margin-right: 10rem;
}
.leftnav2 ul li a div p {
  font-size: 16rem;
}
.clicktxt{
    color:#fff;
    font-size: 22rem;
}

.mbxmiaosu{
    font-size:14rem;
    color:#fff;
    max-width: 60%;
    padding-left:37rem;
    margin-top:15rem;
}