:root {
	--main: 1400px;
	--ft1: 1px;
	--ft2: 2px;
	--ft3: 3px;
	--ft4: 4px;
	--ft5: 5px;
	--ft6: 6px;
	--ft7: 7px;
	--ft8: 8px;
	--ft9: 9px;
	--ft10: 10px;
	--ft11: 11px;
	--ft12: 12px;
	--ft13: 13px;
	--ft14: 14px;
	--ft15: 15px;
	--ft16: 16px;
	--ft17: 17px;
	--ft18: 18px;
	--ft19: 19px;
	--ft20: 20px;
	--ft21: 21px;
	--ft22: 22px;
	--ft23: 23px;
	--ft24: 24px;
	--ft25: 25px;
	--ft26: 26px;
	--ft27: 27px;
	--ft28: 28px;
	--ft29: 29px;
	--ft30: 30px;
	--ft31: 31px;
	--ft32: 32px;
	--ft33: 33px;
	--ft34: 34px;
	--ft35: 35px;
	--ft36: 36px;
	--ft37: 37px;
	--ft38: 38px;
	--ft39: 39px;
	--ft40: 40px;
	--ft41: 41px;
	--ft42: 42px;
	--ft43: 43px;
	--ft44: 44px;
	--ft45: 45px;
	--ft46: 46px;
	--ft47: 47px;
	--ft48: 48px;
	--ft49: 49px;
	--ft50: 50px;
	--ft51: 51px;
	--ft52: 52px;
	--ft53: 53px;
	--ft54: 54px;
	--ft55: 55px;
	--ft56: 56px;
	--ft57: 57px;
	--ft58: 58px;
	--ft59: 59px;
	--ft60: 60px;
	--ft61: 61px;
	--ft62: 62px;
	--ft63: 63px;
	--ft64: 64px;
	--ft65: 65px;
	--ft66: 66px;
	--ft67: 67px;
	--ft68: 68px;
	--ft69: 69px;
	--ft70: 70px;
	--ft71: 71px;
	--ft72: 72px;
	--ft73: 73px;
	--ft74: 74px;
	--ft75: 75px;
	--ft76: 76px;
	--ft77: 77px;
	--ft78: 78px;
	--ft79: 79px;
	--ft80: 80px;
	--ft81: 81px;
	--ft82: 82px;
	--ft83: 83px;
	--ft84: 84px;
	--ft85: 85px;
	--ft86: 86px;
	--ft87: 87px;
}




* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	min-width: 0;
	word-break: break-word;
	word-wrap: break-word;
}

ul,
dl,
dd,
dt,
h1,
h2,
h3,
h4,
h5,
h6,
form {
	padding: 0;
	margin: 0;
}

ul,
li {
	list-style: none;
}

img {
	border: none;
}

a {
	color: inherit;
	text-decoration: none;
	transition: all 0.5s;
}

.main {
	max-width: 90%;
	width: var(--main);
	margin: 0 auto
}
 input,
 button,
 select, 
 textarea {
  /* 清除浏览器默认外观 */
  appearance: none;
  -webkit-appearance: none; /* 兼容 Safari/Chrome */
  -moz-appearance: none; /* 兼容 Firefox */
  
  /* 清除默认边框、轮廓、背景 */
  border: none;
  outline: none;
  background: transparent;
  
  /* 清除默认内边距/外边距 */
  padding: 0;
  margin: 0;
  
  /* 统一字体继承（解决默认字体不一致） */
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}
 html { scroll-behavior: smooth; }
.header {
	width: 100%;
	position: fixed;
	z-index: 10000;
}

.header .neir {
	padding: 20px 0px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.daohang {
	display: flex;
}

.header .neir ul {
	display: flex;
	padding: 0px 35px 0px 0px;
}

.header .neir ul li {
	padding: 0px 30px;
	font-size: var(--ft28);
	font-weight: 200;
	color: rgba(237, 238, 242, 1);

}

.header .logo img {
	width: 100%;
	height: 100%;
}

.header .neir ul li:hover {
	color: #0974C2;
}

.ss {
	padding: 5px 0;
}

.header .neir .sj {
	display: none;
	width: 30px;
}

.menu_button {
	cursor: pointer;
	width: 30px;
	height: 30px;
}

.menu_button:focus {
	outline: none;
}

.menu_button .line1 {
	stroke-dasharray: 60 207;
}

.menu_button .line2 {
	stroke-dasharray: 60 60;
}

.menu_button .line3 {
	stroke-dasharray: 60 207;
}

.menu_button .line {
	fill: none;
	stroke: rgba(255, 255, 255, 1);
	stroke-width: 8;
	stroke-linecap: round;
	transition: stroke-dasharray 600ms cubic-bezier(0.4, 0, 0.2, 1), stroke-dashoffset 600ms cubic-bezier(0.4, 0, 0.2, 1);
}

.menu_button.opened .line1 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
}

.menu_button.opened .line2 {
	stroke-dasharray: 1 60;
	stroke-dashoffset: -30;
}

.menu_button.opened .line3 {
	stroke-dasharray: 90 207;
	stroke-dashoffset: -134;
}

.sjheader {
	display: none;
}

.index-bannernr {
	position: relative;
	  overflow: hidden;
}

.index-bannernr img {
	aspect-ratio: 1 / 0.5;
	width: 100%;
	display: block;

}

.index-bannernr .index-bannernr1 {

	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 999;

	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: 1fr 1fr;
	justify-items: center;
	text-align: center;

}

.index-bannernr .index-bannernr1 li {
	padding: 15px 0px;
}

.index-bannernr .index-bannernr1 .p1 {
	font-size: var(--ft36);
	font-weight: 400;
	color: rgba(237, 238, 242, 1);
}

.index-bannernr .index-bannernr1 .p2 {
	font-size: var(--ft28);
	font-weight: 200;
	color: rgba(237, 238, 242, 1);

}

.index-bannernr::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* 黑色，透明度 0.5（0=全透，1=全黑） */
	z-index: 1;
	/* 确保蒙层在图片上方 */
	pointer-events: none;
	/* 不影响点击图片 */
}

.black {
	background-color: rgba(0, 0, 0, 1);
	width: 100%;
	height: 100%;
}


.jianzhu .swiper-container {
	width: 100%;
	height: auto;
	padding: 90px 0;
	margin-left: auto;
	margin-right: auto;

}

.jianzhu .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	height: 100%;
	aspect-ratio: 1 / 0.7;
	display: flex;

}

.jianzhu-nr .swiper-wrapper img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bigtitle {
	font-size: var(--ft48);
	font-weight: 400;
	color: rgba(237, 238, 242, 1);
	text-align: left;
}

.smalltitle {
	font-size: var(--ft56);
	font-weight: 200;
	color: rgba(237, 238, 242, 1);
	text-align: left;
}


.jianzhu-nr .swiper-button-next,
.jianzhu-nr .swiper-container-rtl .swiper-button-prev {

	right: 10px;
	left: auto;

}

.jianzhu-nr {
	position: relative;
}

.jianzhu-nr .swiper-button-prev,
.jianzhu-nr .swiper-container-rtl .swiper-button-next {
	left: 10px;
	right: auto;

}

.jianzhu-nr .swiper-button-next,
.jianzhu-nr .swiper-button-prev {
	position: absolute;
	top: 68%;
width: 98px;
    height: 40px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 29px 44px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
}

.jianzhu-nr .main {
	padding-top: 110px;
}

.about-nr ul {
	display: grid;
	grid-template-columns: 1fr;
	gap: 80px;
}

.about .about-nr ul li {
	display: flex;
	justify-items: center;
	align-items: center;
	justify-content: space-between;
}

.about-nr ul li .about-img {
	width: 48%;
	aspect-ratio: 1 / 1;
	aspect-ratio: 1 / 0.7;
	    overflow: hidden;
	    transition: all 0.3s;
	    	border-radius: 8px;

}

.about-nr ul li .about-img img {
	height: 100%;
	width: 100%;
	border-radius: 8px;
   
}
.about-nr ul li .about-img img:hover{
    transform: scale(1.2); 
    
}
.about-nr ul li .p1 {
	font-size: var(--ft40);
	font-weight: 400;
	color: rgba(237, 238, 242, 1);
	padding-bottom: 20px;
}

.about-nr ul li .p2 {
	font-size: var(--ft22);
	font-weight: 400;
	color: rgba(173, 173, 173, 1);
	text-align: left;
	line-height: 1.7;
}

.bt {
	margin: 50px 0px;
}

.about-nr ul li:nth-child(2n+1) .about-img {
	order: 1;
}

.about-nr ul li:nth-child(2n+1) .about-nr {
	order: 2;
}

.about-nr ul li:nth-child(2n+2) .about-img {
	order: 2;
}

.about-nr ul li:nth-child(2n+2) .about-nr {
	order: 1;
}

.contantnr .contantnr1 .p1 {
	font-size: var(--ft48);
	font-weight: 400;
	color: rgba(237, 238, 242, 1);
}

.contantnr .contantnr1 .p2 {
	font-size: var(--ft56);
	font-weight: 200;
	color: rgba(237, 238, 242, 1);
}

.contantnr .contantnr1 .p3 {
	font-size: var(--ft76);
	font-weight: 600;
	color: rgba(155, 164, 179, 1);
}

.contantnr .contantnr1{
padding: 80px 0px 40px 0px;
}




.contantnr2 .biandan1{
    display: flex;
        display: flex;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 20px;

}
.contantnr2 .biandan1 .f1 .f1-nr,
.contantnr2 .biandan2 .f2 .f2-nr{
     border-radius: 10px;
   padding: 14px 20px;
border: 1px solid rgba(151, 151, 151, 1);
   font-size: var(--ft18);
font-weight: 400;
color: rgba(170, 170, 170, 1);
text-align: left;
    margin: 10px 0px 25px 0px;
}
.contantnr2 .biandan2 .f2,
.contantnr2 .biandan1 .f1 {
  font-size: var(--ft18);
font-weight: 500;
color: rgba(255, 255, 255, 1);
text-align: left;

}
.contantnr2 .biandan2 .f2 .f2-nr{
    width: 100%;
    padding: 14px 20px 100px 20px;
}
.contantnr2 .biandan1 .f1 .f1-nr{
    width: 100%;
}
.footernr1 .footernr1-nr1 .p1{
    font-size: var(--ft76);
font-weight: 600;
color: rgba(255, 255, 255, 1);
margin-top: 28px;
}
.footernr1 .footernr1-nr1 .p2{
    font-size:var(--ft24);
font-weight: 400;
color: rgba(255, 255, 255, 1);
text-align: left;
    padding: 50px 0px 100px 0px;
}
.contantnr2 .submit{
      border-radius: 10px;
    background-color: rgb(74 74 84);
    color: rgba(255, 255, 255, 1);
    padding: 5px 20%;
    font-size: var(--ft25);
}
.footernr1{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.footernr1-nr2{
       width: 100px;
    aspect-ratio: 1 / 1; 
}
.footernr1-nr2 img{
  height: 100%;
  width: 100%;
}
.footernr2{
    font-size: var(--ft19);
font-weight: 400;
color: rgba(170, 170, 170, 1);
text-align: center;
    padding: 30px 0px;
}
 .video-container {
      position: relative;
      cursor: pointer;
      border-radius: 8px;
      overflow: hidden;
          width: 100%;
    aspect-ratio: 1 / 0.4;
    }
    
    
    
.video-container::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.5);
	/* 黑色，透明度 0.5（0=全透，1=全黑） */
	z-index: 1;
	/* 确保蒙层在图片上方 */
	pointer-events: none;
	/* 不影响点击图片 */
}

    .video-cover {
      width: 100%;
      display: block;
      object-fit: cover;
    }
    .play-button {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      display: flex;
      align-items: center;
      gap: 12px;
      padding: 16px 32px;
      background: rgba(0, 0, 0, 0.3);
      border: 1px solid rgba(255, 255, 255, 0.5);
      border-radius: 40px;
      color: #fff;
      font-size: var(--ft18);
      font-weight: 500;
      letter-spacing: 1px;
      cursor: pointer;
      transition: all 0.3s ease;
          z-index: 100000;
    }
    .play-button:hover {
      background: rgba(0, 0, 0, 0.5);
      border-color: #fff;
    }
    .play-icon {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 36px;
      height: 36px;
      border-radius: 50%;
      background: rgba(255, 255, 255, 0.2);
      border: 2px solid #fff;
      font-size: 14px;
    }
    .video-player {
      width: 100%;
      display: none;
    }
    .video-bt{
        padding: 30px 0px;
    }
@media (max-width: 1460px) {
	.header .neir ul .l1 {
		padding: 0px 20px;
	}
}

@media (max-width: 1260px) {
	.header .neir ul .l1 {
		padding: 0px 20px;
	}
}

@media (max-width: 1100px) {

	.header .neir .sj {

		display: block;
		position: relative;
		padding: 0 20px;
	}

	.header .neir ul {
		display: none;

	}

	.sjheader {
		display: none;
		width: 100%;
		font-size: var(--ft34);
		font-weight: 700;
		position: absolute;
		top: 84px;
		background-color: #000;
	        color: #fff;
	padding: 3% 3% 11% 0%;
		z-index: 999999999999999;
		position: fixed;
	}

	.sjheader li {
		width: 100%;
		        padding: 8px;
		border-bottom: 1px solid rgba(173, 173, 173, 1);
	}

	.sjheader li:hover a {
		color: aquamarine;
	}
}



@media (max-width: 990px) {

	:root {

		--ft1: 1px;
		--ft2: 2px;
		--ft3: 3px;
		--ft4: 4px;
		--ft5: 5px;
		--ft6: 6px;
		--ft7: 7px;
		--ft8: 8px;
		--ft9: 9px;
		--ft10: 10px;
		--ft11: 11px;
		--ft12: 12px;
		--ft13: 12px;
		--ft14: 12px;
		--ft15: 12px;
		--ft16: 12px;
		--ft17: 12px;
		--ft18: 12px;
		--ft19: 12px;
		--ft20: 12px;
		--ft21: 14px;
		--ft22: 14px;
		--ft23: 14px;
		--ft24: 14px;
		--ft25: 14px;
		--ft26: 14px;
		--ft27: 14px;
		--ft28: 14px;
		--ft29: 14px;
		--ft30: 14px;
		--ft31: 15px;
		--ft32: 15px;
		--ft33: 15px;
		--ft34: 15px;
		--ft35: 15px;
		--ft36: 15px;
		--ft37: 15px;
		--ft38: 15px;
		--ft39: 15px;
		--ft40: 15px;
		--ft41: 16px;
		--ft42: 16px;
		--ft43: 16px;
		--ft44: 16px;
		--ft45: 16px;
		--ft46: 16px;
		--ft47: 16px;
		--ft48: 16px;
		--ft49: 16px;
		--ft50: 16px;
		--ft51: 16px;
		--ft52: 16px;
		--ft53: 16px;
		--ft54: 16px;
		--ft55: 16px;
		--ft56: 16px;
		--ft57: 16px;
		--ft58: 16px;
		--ft59: 16px;
		--ft60: 16px;
		--ft61: 16px;
		--ft62: 16px;
		--ft63: 16px;
		--ft64: 16px;
		--ft65: 16px;
		--ft66: 16px;
		--ft67: 16px;
		--ft68: 16px;
		--ft69: 16px;
		--ft70: 16px;
		--ft71: 16px;
		--ft72: 16px;
		--ft73: 16px;
		--ft74: 16px;
		--ft75: 16px;
		--ft76: 16px;
		--ft77: 16px;
		--ft78: 16px;
		--ft79: 16px;
		--ft80: 16px;
		--ft81: 18px;
		--ft82: 18px;
		--ft83: 18px;
		--ft84: 18px;

	}

.contantnr2 .biandan1 {
  
    flex-direction: column;
}
.jianzhu .swiper-container {
 
    padding: 53px 0;
  
}

}

@media (max-width: 800px) {
    .index-bannernr img {
    aspect-ratio: 1 / 0.7;
    width: 100%;
    display: block;
}
.index-bannernr .index-bannernr1 li {
    padding: 4px 0px;
}
	.jianzhu-nr .swiper-button-next,
	.jianzhu-nr .swiper-button-prev {

		margin-top: 4px;
		    top: 64%;
width: 34px;
    height: 28px;
	}
.play-button {
   
    padding: 7px 21px;
   
}

	.about .about-nr ul li {

		flex-direction: column;
	}

	.about-nr ul li .about-nr {
		padding: 20px 0px;
	}

	.header .logo {
		width: 145px;
	}

}