:root {
    --wd24: 24px;
    --wd32: 32px;
    --wd34: 34px;
    --wd350: 350px;
    --he40: 40px;
	--he50: 50px;
	--he56: 56px;
	--he78: 78px;
	--he90: 90px;
	--he138: 138px
	--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;
	--ft88: 88px;
	--ft89: 89px;
	--ft90: 90px;
	--ft91: 91px;
	--ft92: 92px;
	--ft93: 93px;
	--ft94: 94px;
	--ft95: 95px;
	--ft96: 96px;
	--ft97: 97px;
	--ft98: 98px;
	--ft99: 99px;
	--ft100: 100px;
	--ft101: 101px;
	--ft102: 102px;
	--ft103: 103px;
	--ft104: 104px;
	--ft105: 105px;
	--ft106: 106px;
	--ft107: 107px;
	--ft108: 108px;
	--ft109: 109px;
	--ft110: 110px;
	--ft111: 111px;
	--ft112: 112px;
	--ft113: 113px;
	--ft114: 114px;
	--ft115: 115px;
	--ft116: 116px;
	--ft117: 117px;
	--ft118: 118px;
	--ft119: 119px;
	--ft120: 120px;
	--ft121: 121px;
	--ft122: 122px;
	--ft123: 123px;
	--ft124: 124px;
	--ft125: 125px;
	--ft126: 126px;
	--ft127: 127px;
	--ft128: 128px;
	--ft129: 129px;
	--ft130: 130px;
	--ft131: 131px;
	--ft132: 132px;
	--ft133: 133px;
	--ft134: 134px;
	--ft135: 135px;
	--ft136: 136px;
	--ft137: 137px;
	--ft138: 138px;
	--ft139: 139px;
	--ft140: 140px;
	--ft141: 141px;
	--ft142: 142px;
	--ft143: 143px;
	--ft144: 144px;
	--ft145: 145px;
	--ft146: 146px;
	--ft147: 147px;
	--ft148: 148px;
	--ft149: 149px;
	--ft150: 150px;
	--ft151: 151px;
	--ft152: 152px;
	--ft153: 153px;
	--ft154: 154px;
	--ft155: 155px;
	--ft156: 156px;
	--ft157: 157px;
	--ft158: 158px;
	--ft159: 159px;
	--ft160: 160px;
	--ft161: 161px;
	--ft162: 162px;
	--ft163: 163px;
	--ft164: 164px;
	--ft165: 165px;
	--ft166: 166px;
	--ft167: 167px;
	--ft168: 168px;
	--ft169: 169px;
	--ft170: 170px;
	--ft171: 171px;
	--ft172: 172px;
	--ft173: 173px;
	--ft174: 174px;
	--ft175: 175px;
	--ft176: 176px;
	--ft177: 177px;
	--ft178: 178px;
	--ft179: 179px;
	--ft180: 180px;
	--ft181: 181px;
	--ft182: 182px;
	--ft183: 183px;
	--ft184: 184px;
	--ft185: 185px;
	--ft186: 186px;
	--ft187: 187px;
	--ft188: 188px;
	--ft189: 189px;
	--ft190: 190px;
	--ft191: 191px;
	--ft192: 192px;
	--ft193: 193px;
	--ft194: 194px;
	--ft195: 195px;
	--ft196: 196px;
	--ft197: 197px;
	--ft198: 198px;
	--ft199: 199px;
	--ft200: 200px;
	--p0: 0;
	--p1: 1px;
	--p2: 2px;
	--p3: 3px;
	--p4: 4px;
	--p5: 5px;
	--p6: 6px;
	--p7: 7px;
	--p8: 8px;
	--p9: 9px;
	--p10: 10px;
	--p11: 11px;
	--p12: 12px;
	--p13: 13px;
	--p14: 14px;
	--p15: 15px;
	--p16: 16px;
	--p17: 17px;
	--p18: 18px;
	--p19: 19px;
	--p20: 20px;
	--p21: 21px;
	--p22: 22px;
	--p23: 23px;
	--p24: 24px;
	--p25: 25px;
	--p26: 26px;
	--p27: 27px;
	--p28: 28px;
	--p29: 29px;
	--p30: 30px;
	--p31: 31px;
	--p32: 32px;
	--p33: 33px;
	--p34: 34px;
	--p35: 35px;
	--p36: 36px;
	--p37: 37px;
	--p38: 38px;
	--p39: 39px;
	--p40: 40px;
	--p41: 41px;
	--p42: 42px;
	--p43: 43px;
	--p44: 44px;
	--p45: 45px;
	--p46: 46px;
	--p47: 47px;
	--p48: 48px;
	--p49: 49px;
	--p50: 50px;
	--p51: 51px;
	--p52: 52px;
	--p53: 53px;
	--p54: 54px;
	--p55: 55px;
	--p56: 56px;
	--p57: 57px;
	--p58: 58px;
	--p59: 59px;
	--p60: 60px;
	--p61: 61px;
	--p62: 62px;
	--p63: 63px;
	--p64: 64px;
	--p65: 65px;
	--p66: 66px;
	--p67: 67px;
	--p68: 68px;
	--p69: 69px;
	--p70: 70px;
	--p71: 71px;
	--p72: 72px;
	--p73: 73px;
	--p74: 74px;
	--p75: 75px;
	--p76: 76px;
	--p77: 77px;
	--p78: 78px;
	--p79: 79px;
	--p80: 80px;
	--p81: 81px;
	--p82: 82px;
	--p83: 83px;
	--p84: 84px;
	--p85: 85px;
	--p86: 86px;
	--p87: 87px;
	--p88: 88px;
	--p89: 89px;
	--p90: 90px;
	--p91: 91px;
	--p92: 92px;
	--p93: 93px;
	--p94: 94px;
	--p95: 95px;
	--p96: 96px;
	--p97: 97px;
	--p98: 98px;
	--p99: 99px;
	--p100: 100px;
	--p101: 101px;
	--p102: 102px;
	--p103: 103px;
	--p104: 104px;
	--p105: 105px;
	--p106: 106px;
	--p107: 107px;
	--p108: 108px;
	--p109: 109px;
	--p110: 110px;
	--p111: 111px;
	--p112: 112px;
	--p113: 113px;
	--p114: 114px;
	--p115: 115px;
	--p116: 116px;
	--p117: 117px;
	--p118: 118px;
	--p119: 119px;
	--p120: 120px;
	--p121: 121px;
	--p122: 122px;
	--p123: 123px;
	--p124: 124px;
	--p125: 125px;
	--p126: 126px;
	--p127: 127px;
	--p128: 128px;
	--p129: 129px;
	--p130: 130px;
	--p131: 131px;
	--p132: 132px;
	--p133: 133px;
	--p134: 134px;
	--p135: 135px;
	--p136: 136px;
	--p137: 137px;
	--p138: 138px;
	--p139: 139px;
	--p140: 140px;
	--p141: 141px;
	--p142: 142px;
	--p143: 143px;
	--p144: 144px;
	--p145: 145px;
	--p146: 146px;
	--p147: 147px;
	--p148: 148px;
	--p149: 149px;
	--p150: 150px;
	--p151: 151px;
	--p152: 152px;
	--p153: 153px;
	--p154: 154px;
	--p155: 155px;
	--p156: 156px;
	--p157: 157px;
	--p158: 158px;
	--p159: 159px;
	--p160: 160px;
	--p161: 161px;
	--p162: 162px;
	--p163: 163px;
	--p164: 164px;
	--p165: 165px;
	--p166: 166px;
	--p167: 167px;
	--p168: 168px;
	--p169: 169px;
	--p170: 170px;
	--p171: 171px;
	--p172: 172px;
	--p173: 173px;
	--p174: 174px;
	--p175: 175px;
	--p176: 176px;
	--p177: 177px;
	--p178: 178px;
	--p179: 179px;
	--p180: 180px;
	--p181: 181px;
	--p182: 182px;
	--p183: 183px;
	--p184: 184px;
	--p185: 185px;
	--p186: 186px;
	--p187: 187px;
	--p188: 188px;
	--p189: 189px;
	--p190: 190px;
	--p191: 191px;
	--p192: 192px;
	--p193: 193px;
	--p194: 194px;
	--p195: 195px;
	--p196: 196px;
	--p197: 197px;
	--p198: 198px;
	--p199: 199px;
	--p200: 200px;
	--p400: 400px;
	--p551: 551px;
	--In256: 256px;
	--In530: 530px;
}

* {
	margin: 0;
	padding: 0;
	border: 0;
	box-sizing: border-box;
	word-break: break-word;
	word-wrap: break-word
}
body {
	background-color: #F9FAFC;
}

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

ul,
li {
	list-style: none
}

a {
	color: inherit;
	text-decoration: none;
	transition: all .5s
}
img{
    object-fit: cover;
}


.button {
	display: flex;
	justify-content: center;
	align-items: center;
}
.button:hover {
    cursor: pointer;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}
.button:active {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
a:hover {
	text-decoration: none
}


.grid1 {
	display: grid;
	grid-template-columns: repeat(1, 1fr)
}

.grid2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr)
}

.grid3 {
	display: grid;
	grid-template-columns: repeat(3, 1fr)
}

.grid4 {
	display: grid;
	grid-template-columns: repeat(4, 1fr)
}

.grid5 {
	display: grid;
	grid-template-columns: repeat(5, 1fr)
}

.grid6 {
	display: grid;
	grid-template-columns: repeat(6, 1fr)
}

.divbody {
	width: 1920px;
	max-width: 100%;
	margin: 0 auto;
}

.divinbody {
	width: 1520px;
	max-width: 90%;
	margin: 0 auto;
}

.font-center {
	display: block;
	text-align: center;
}

.erweima{
    position: fixed;
    right: 5px;
    top: 50%;
    transform: translateY(-50%);
    width: 80px;
    height: 80px;
}
.erweima img{
    width: 100%;
    height: 100%;
}

/*  */
.header {
	padding: 0 var(--p200);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
}

.nav-ul {
	display: flex;
	flex-direction: row;
	gap: var(--p37);
	align-items: center;
}

.nav-li {
	font-size: var(--ft16);
	line-height: var(--ft23);
	color: #000000;
}

.gengduo {
	display: none;
}

.nav-li.indexactive {
	color: #AB1E27;
}

.index-banner {
    max-height: 100vh;
    display: block;
    width: 100%;
    object-fit: cover;
}

.banner {
	position: relative;
}

.banner-div {
	display: flex;
	flex-direction: column;
	position: absolute;
	left: var(--p200);
	top: 33%;
}

.banner-title {
	letter-spacing: 2px;
	width: 55%;
	font-size: var(--ft60);
	line-height: var(--ft81);
	color: #FFFFFF;
	margin-bottom: var(--p17);
}

.banner-content {
	letter-spacing: 1px;
	
	font-size: var(--ft25);
	line-height: var(--ft35);
	color: #FFFFFF;
	margin-bottom: var(--p30);
}

.banner-btn {
	display: flex;
	flex-direction: row;
	gap: var(--p12);
}

.banner-btn1 {
	width: 196px;
	height: var(--he50);
	background-color: #D43030;
	font-size: var(--ft16);
	line-height: var(--ft23);
	color: #FFFFFF;
	border-radius: 8px;
}

.banner-btn2 {
	width: 165px;
	height: var(--he50);
	background-color: #FFFFFF;
	font-size: var(--ft16);
	line-height: var(--ft23);
	color: #000000;
	border-radius: 8px;
}
.index-about-div {
	padding-top: var(--p79);
	padding-bottom: var(--p61);
}

.title {
	font-size: var(--ft40);
	line-height: var(--ft58);
	color: #000000;
	display: block;
	text-align: center;
	position: relative;
}

.title::after {
	content: '';
	position: absolute;
	left: 50%;
	transform: translateX(-50%);
	bottom: 0;
	width: 81px;
	height: 5px;
	background: #A00008;
}

.index-about-grid {
	display: flex;
	align-items: center;
	gap: var(--p34);
	margin-top: var(--p65);
	    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p34);
    margin-top: var(--p65);
    align-items: center;
}
.index-about-grid1 {
 display: grid;
    grid-template-columns: 1fr 1fr;
    gap: var(--p34);
    margin-top: var(--p65);
    align-items: center;
    
}
.index-about-img {
width: 100%;
   
   
}

.index-about-grid-div {
	display: flex;
	flex-direction: column;
}

.red-small-title {
	font-size: var(--ft24);
	line-height: var(--ft35);
	color: #A00008;
	margin-bottom: var(--p22);
}

.index-about-grid-div .content {
	font-size: var(--ft18);
	line-height: var(--ft26);
	color: #000000;
	margin-bottom: var(--p74);
}

.index-about-grid-div .content1 {
	font-size: var(--ft18);
	line-height: var(--ft26);
	color: #000000;
	margin-bottom: var(--p56);
}

.index-about-grid-div .btn {
	width: 210px;
	height: var(--he50);
	border-radius: 5px;
	background-color: #A00008;
	font-size: var(--ft18);
	line-height: var(--ft22);
	color: #FFFFFF;
}
.table-container {
	display: flex;
	width: 100%;
	margin: var(--p20) auto;
	border-radius: 12px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}

.table-left {
	width: 33.33%;
	background-color: #f5f5f5;
}

.table-right {
	width: 66.66%;
	background-color: #ffffff;
}

.table-row {
	display: flex;
	align-items: center;
	min-height: 60px;
	padding: 0 var(--p31);
	border-bottom: 1px solid #f5f5f5;
	font-size: var(--ft16);
	line-height: var(--ft22);
}
.index-overview {
	padding-top: var(--p130);
	padding-bottom: var(--p64);
}
.index-overview .img1{
    width: 100%;
    aspect-ratio: 1/1;
}
.index-overview-grid {
	margin-top: var(--p63);
	gap: var(--p36);
}
.overview-grid-box {
	display: flex;
	flex-direction: column;
}
.overview-grid-span-box {
	padding: 22px 32px 30px 32px;
	background-color: #FFFFFF;
	display: flex;
	flex-direction: column;
	gap: var(--p18);
}
.overview-grid-span1 {
	color: #A00008;
	font-size: var(--ft20);
	line-height: var(--ft27);
	display: inline-block;
}
.overview-grid-span2 {
	color: #000000;
	font-size: var(--ft16);
	line-height: var(--ft24);
}
.index-about-img,.overview-img,.QingBao-img {
		width: 100%;
}
.index-Persistence {
	padding: 33px 0 33px 40px;
	display: flex;
	flex-direction: column;
	gap: var(--p19);
	margin-bottom: var(--p85);
}
.index-Persistence-title {
	color: #000000;
	font-size: var(--ft20);
	line-height: var(--ft24);
}
.index-Persistence-content {
	color: #000000;
	font-size: var(--ft16);
	line-height: var(--ft24);
	letter-spacing: 1px;
}
.index-address {
	padding-top: var(--p73);
	padding-bottom: var(--p78);
}
.index-address-grid {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: var(--p23);
    margin-top: var(--p61);
}
.address-grid-box {
        height: 100%;
	padding: var(--p29);
	background-color: #FFFFFF;
	border-radius: 10px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	display: flex;
	flex-direction: column;
	gap: var(--p18);
}
.address-img {
	    width: 100%;
        aspect-ratio: 1 / 1;
	margin: 0 auto;
}
.address-grid-span-box {
	display: flex;
	flex-direction: column;
	gap: var(--p8);
}
.address-grid-span-box span {
	text-align: center;
}
.address-grid-span1 {
	color: #000000;
	font-size: var(--ft20);
	line-height: var(--ft24);
	letter-spacing: 1px;
}
.address-grid-span2 {
	color: #000000;
	font-size: var(--ft16);
	line-height: var(--ft24);
}

.index-QingBao-grid {
	padding: var(--p76) 0;
	gap: var(--p44);
	align-items: center;
}
.QingBao-grid-box {
	display: flex;
	flex-direction: column;
	gap: 24px;
}
.QingBao-grid-span1 {
	color: #000000;
	font-size: var(--ft18);
	line-height: var(--ft26);
	margin-bottom: var(--p10);
}
.QingBao-grid-box-div {
	display: flex;
	flex-direction: column;
	gap: var(--p15);
}
.QingBao-grid-box-div-div {
	align-items: flex-start;
	display: flex;
	flex-direction: row;
	gap: var(--p10);
}
.QingBao-duihao-img {
	width: 20px;
	height: 20px;
}
.QingBao-grid-span2 {
	display: block;
	color: #000000;
	font-size: var(--ft20);
	line-height: var(--p24);
}
.QingBao-grid-span3 {
	color: #000000;
	font-size: var(--ft18);
	line-height: var(--p26);
}
.QingBAo-btn {
	width: 210px;
	height: var(--he50);
	/*background-color: rgba(0, 185, 0, 1);*/
	/*color: #FFFFFF;*/
	/*font-size: var(--ft16);*/
	/*line-height: var(--ft24);*/
	/*border-radius: 10px;*/
}
.index-MuJi-box {
	background-color: rgb(240, 225, 227);
	padding: 32px 40px 53px;
	border-radius: 5px;
	display: flex;
	flex-direction: column;
	gap: var(--p25);
	margin-top: var(--p50);
}
.index-MuJi-title {
	font-size: var(--ft20);
	line-height: var(--ft24);
	color: #000000;
}
.MuJi-div .table-left {
	width: 18.64%;
	background-color: #f5f5f5;
}

.MuJi-div .table-right {
	width: 81.35%;
	background-color: #ffffff;
}
.index-address-2 {
	padding-top: var(--p119);
	padding-bottom: var(--p81);
}
.address2-box-div {
    width: 100%;
	margin: 0 auto;
grid-template-columns: 1fr 1fr;
    display: grid;
	flex-direction: row;
	gap: var(--p34);
	align-items: center;
	padding: var(--p27) var(--p30);
	background-color: #FFFFFF;
	border-radius: 10px;
	margin-top: var(--p64);
}
.address2-box-div img{
    width: 100%;
 
    height: 100%;
  
}

.wznr11111{
        font-size: var(--ft16);
        color: #666666;
        width: 100%;
    display: flex;
    justify-content: center;
     margin-bottom: var(--p55);
}
.address2-box-divspan {
    display: flex;
    flex-direction: column;
    gap: var(--p12);
}
.address2-box-span1 {
    color: #000000;
    font-size: var(--ft24);
    line-height: var(--ft24);
}
.address2-box-span2 {
    color: #A00008;
    font-size: var(--ft16);
    line-height: var(--ft24);
}
.address2-box-span3 {
    color: #000000;
    font-size: var(--ft16);
    line-height: var(--ft23);
}
.index-SheNei {
    padding-top: var(--p76);
}
.index-SheNei-box {
    margin-top: var(--p65);
    gap: 31px;
}
.SheNei-img {
    width: 100%;
}
.index-SheNei-box-spandiv {
    padding: var(--p19) var(--p33);
    display: flex;
    flex-direction: column;
    gap: 8px;
}
.SheNei-box-span1 {
    color: #000000;
    font-size: var(--ft20);
    line-height: var(--ft24);
}
.SheNei-box-span2 {
    color: #666666;
    font-size: var(--ft16);
    line-height: var(--ft24);
}
.index-SheNei-bottom-span {
    display: block;
    margin: 0 auto;
    text-align: center;
    color: #666666;
    font-size: var(--ft18);
    line-height: var(--ft24);
    margin-top: var(--p50);
}
form,
input,
textarea,
select,
button {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  background: none;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  box-sizing: border-box;
  appearance: none;
  -webkit-appearance: none;
}
.index-contact {
    width: 900px;
    max-width: 90%;
    margin: 0 auto;
    padding-top: var(--p161);
    padding-bottom: var(--p81);
}
.index-contact .title {
    margin: 0 auto;
    margin-bottom: var(--p25);
}
.index-contact-box {
    display: flex;
    flex-direction: column;
    gap: 30px;
}
.index-contact-box-left {
   
    padding: var(--p20);
    display: flex;
    flex-direction: column;
    gap: var(--p27);
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.index-contact-box-leftspan {
    color: #000000;
    font-size: var(--ft18);
    line-height: var(--ft24);
}
.index-contact-box-left-div {
    display: grid;
    flex-direction: column;
    gap: var(--p30);
    grid-template-columns: 1fr 1fr 1fr;
    align-items: end;
   
}
.contact-left-div {
 padding: var(--p10);
    display: flex;
    flex-direction: column;
    gap: var(--p21);
    align-items: center;
    border-right: 1px solid #ecedf1;
}
.index-contact-box-left-div .contact-left-div:last-child {
    border-right: none !important;
}
.contact-img {
    object-fit: contain;
    width: 20px;
}
.contact-left-spandiv {
       display: flex;
    flex-direction: column;
    align-items: center;
}
.contact-left-span1 {
    color: #000000;
    font-size: var(--ft16);
    line-height: var(--ft24);
}
.contact-left-span2 {
    color: #333333;
    font-size: var(--ft14);
    line-height: var(--ft24);
}
.index-contact-box-right {
 
    padding: var(--p21) var(--p25) var(--p38);
    display: flex;
    flex-direction: column;
    gap: var(--p20);
    background-color: #FFFFFF;
    border-radius: 10px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.contact-box-right-title {
    color: #000000;
    font-size: var(--ft18);
    line-height: var(--ft35);
}
form {
    display: flex;
    flex-direction: column;
  
}
.form-row {
    gap: var(--p18);
}
.form-group {
    display: flex;
    flex-direction: column;
  
}
.form-input {
        font-size: var(--ft16);
    width: 100%;
    height: var(--he40);
    border: 1px solid #ECEDF1;
    border-radius: 5px;
    padding: var(--p10);
}
.form-input1 {
        font-size: var(--ft16);
    width: 100%;
    height: var(--he40);
    border: 1px solid #ECEDF1;
    border-radius: 5px;
    padding: var(--p10);
}
.form-label {
    padding: var(--p10);
   display: flex;
    color: #000000;
    font-size: var(--ft16);
    line-height: var(--ft24);
    align-items: center;
}
.form-input1::placeholder {
    color: #383838;
    font-size: var(--ft16);
    line-height: var(--ft35);
}
.form-textarea {
        font-size: var(--ft16);
    width: 100%;
    height: var(--he138);
    border: 1px solid #ECEDF1;
    border-radius: 5px;
     padding: var(--p10);
}
.form-button {
   width: 50%;
    display: block;
    margin: 0 auto;
    height: var(--he50);
    background-color: #3f3f3f;
    border-radius: 5px;
    color: #FFFFFF;
    margin-top: var(--p23);
    font-size: var(--ft16);
    line-height: var(--ft35);
    border: none;
}
.form-input::placeholder,
.form-input1::placeholder,
.form-textarea::placeholder {
    color: #999999; /* 提示文字颜色（通常浅一点）*/
}
.btian{
   font-size: var(--ft10);
    background-color: #cf9fa2b0;
    color: #a00008;
    padding:0px var(--p3);
    margin-left: var(--p10);
}
.ry{
   font-size: var(--ft10);
    background-color: #d2d2d2;
    color: #666666;
    padding:0px var(--p3);
    margin-left: var(--p10); 
}
.form-button:hover {
    cursor: pointer;
}
.footer {
    background-color: #1A1A1A;
}
.footer-box {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.footer-box-leftdiv {
    display: flex;
    flex-direction: column;
    gap: var(--p8);
}
.footer-left-span {
    color: #FFFFFF;
    font-size: var(--ft16);
    line-height: var(--ft24);
}
.footer-box-rightdiv {
    padding-top: var(--p48);
    column-gap: var(--p128);
    row-gap: var(--p9);
}
.footer-right-span {
    color: #FFFFFF;
    font-size: var(--ft16);
    line-height: var(--ft23);
    align-items: center;
}
.footer-hr {
    width: 1520px;
    height: 1px;
    background-color: #3E3E3E;
    max-width: 90%;
    margin: var(--p36) auto 0;
}
.footer-bottom-span {
    padding: 15px 0;
    display: block;
    margin: 0 auto;
    color: #FFFFFF;
    font-size: var(--ft16);
    line-height: var(--ft22);
    text-align: center;
}
.table-container:hover,.overview-grid-box:hover,.address-grid-box:hover,
.index-MuJi-box:hover,.index-SheNei-box-div:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
    cursor: pointer;
}
.address2-box-div:hover {
    transform: translateY(-3px);
    box-shadow: 0 0 20px rgba(66, 133, 244, 0.15);
    cursor: pointer;
}
.other-banner-div {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
}
.other-banner-title,.other-banner-content {
    display: block;
    text-align: center;
}
.other-banner-title {
    color: #AB1E27;
    font-size: var(--ft60);
    line-height: var(--ft87);
}
.other-banner-content {
     color: #AB1E27;
    font-size: var(--ft20);
    line-height: var(--ft29);
}
.breadcrumbs {
    height: var(--he56);
    background-color: #FFFFFF;
}
.breadcrumbs-box {
    display: flex;
    flex-direction: row;
    gap: 5px;
    align-items: center;
    height: 100%;
}
.breadcrumbs-span {
    font-size: var(--ft16);
    line-height: var(--ft23);
}
.breadcrumbsactive {
    color: #AB1E27;
}
.company-bottom-ZhanWei {
    height: var(--he90);
}
.new-box {
    margin-top: var(--p86);
    margin-bottom: var(--p113);
}
.new-box.grid3{
    gap: var(--p24);
}
.new-img {
    width: 100%;
}
.new-btn-img {
    width: var(--wd24);
    height: var(--wd24);
}
.new-box-div {
    display: flex;
    flex-direction: column;
}
.new-box-div-bottom-row {
    display: flex;
    flex-direction: row;
    gap: var(--p12);
    align-items: center;
}
.new-box-div-bottom-rowspan {
    font-size: var(--ft22);
    line-height: var(--ft45);
    color: #000000;
}
.new-box-div-bottomspan {
    font-size: var(--ft22);
    line-height: var(--ft38);
    color: #000000;
}
.new-box-div-bottom {
    padding: var(--p21) var(--p21) var(--p36) var(--p24);
    display: flex;
    flex-direction: column;
    gap: var(--p7);
    background-color: #FFFFFF;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
}
.new-box-div:hover {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);
    transform: translateY(-3px);
    cursor: pointer;
}
.recruitment-top-ZhanWei {
    height: var(--he90);
}
.recruitment-bottom-ZhanWei {
    height: var(--he90);
}
.company-event-bottom-ZhanWei {
    height: var(--he90);
}
.about-box {
    margin-top: var(--p78);
    margin-bottom: var(--p114);
 
    padding: var(--p82) 0 var(--p80) var(--p70);
        display: grid;
    flex-direction: row;
    gap: var(--p109);
    align-items: center;
        grid-template-columns: 1fr 1fr;
}
.about-box .about-img{
    width: 100%;
}
.about-box-right-div {
    display: flex;
    color: #0c0c0c !important;
    flex-direction: column;
}
.about-rightdiv-span1 {
    font-size: var(--ft60);
    line-height: var(--ft81);
    /*color: #FFFFFF;*/
    margin-bottom: var(--p7);
}
.about-rightdiv-span2 {
    font-size: var(--ft30);
    line-height: var(--ft43);
    /*color: #FFFFFF;*/
    margin-bottom: var(--p50);
}
.about-rightdiv-span3 {
    font-size: var(--ft20);
    line-height: var(--ft36);
    /*color: #FFFFFF;*/
    width: 73%;
}
.about-bottom-span {
    font-size: var(--ft18);
    line-height: var(--ft40);
    color: #666666;
    margin-bottom: var(--p200);
}
.bases-box {
    background-color: #FFFFFF;
}
.bases-box-div {
    padding-top: var(--p85);
    padding-bottom: var(--p46);
    display: flex;
    flex-direction: column;
    gap: var(--p115);
}
.bases-box-title {
    font-size: var(--ft38);
    line-height: var(--ft49);
    color: #000000;
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: var(--p46);
}
.bases-box-grid {
    gap: var(--p40);
}
.bases-box-grid-div {
    padding: var(--p20) var(--p20) var(--p26) var(--p38);
    display: flex;
    flex-direction: column;
    gap: var(--p41);
}
.bases-box-grid-div-top {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-end;
}
.bases-grid-div-spantitle {
    font-size: var(--ft24);
    line-height: var(--ft38);
    color: #000000;
}
.bases-box-grid-spandiv {
    display: flex;
    flex-direction: column;
}
.bases-box-grid-span1 {
    font-size: var(--ft16);
    line-height: var(--ft38);
    color: #000000;
}
.bases-box-grid-span2 {
    font-size: var(--ft20);
    line-height: var(--ft38);
    color: #000000;
}
.bases-box-grid-span2 img {
    display: block;
    width: 70%;
    margin: 0 auto;
}
/*.bases-box-grid-div:hover {*/
/*    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15);*/
/*    transform: translateY(-3px);*/
/*    cursor: pointer;*/
/*}*/
.new-box-bottom {
    background-color: #FFFFFF;
    padding-top: var(--p111);
    padding-bottom: var(--p88);
}
.new-box-bottom-div {
    gap: var(--p54);
    align-items: center;
}
.new-box-bottom-img {
    width: 100%;
}
.new-box-bottom-spandiv {
    display: flex;
    flex-direction: column;
}
.new-box-bottom-span1 {
    font-size: var(--ft36);
    line-height: var(--ft38);
    color: #000000;
    margin-bottom: var(--p30);
}
.new-box-bottom-span2 {
    font-size: var(--ft22);
    line-height: var(--ft38);
    color: #000000;
    margin-bottom: var(--p54);
}
.new-btn {
    width: var(--wd350);
    height: var(--he78);
    border: 1px solid #000000;
    font-size: var(--ft22);
    line-height: var(--ft38);
    color: #000000;
    display: flex;
    align-items: center;
    padding-left: var(--p35);
}
.show-new-box {
    margin-top: var(--p117);
    position: relative;
    margin-bottom: var(--p551);
}
.show-img1 {
    width: 100%;
}
.show-new-box-div {
    width: 100%;
    position: absolute;
    left: 0;
    top: 80%;
}
.show-new-box-spandiv {
    width: 1306px;
    max-width: 80%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    padding: var(--p67) var(--p118) var(--p93) var(--p78);
    background-color: #FFFFFF;
}
.show-new-box-span1 {
    color: #AB1E27;
    font-size: var(--ft20);
    line-height: var(--ft29);
    margin-bottom: var(--p19);
}
.show-new-box-span2 {
    color: #000000;
    font-size: var(--ft36);
    line-height: var(--ft52);
    margin-bottom: var(--p68);
}
.show-new-box-span3 {
    color: #000000;
    font-size: var(--ft18);
    line-height: var(--ft44);
    letter-spacing: 1px;
}
.show-new-box2 {
    margin-top: var(--p100);
    background-color: #FFFFFF;
}
.show-new-box2 {
    background-color: #FFFFFF;
    padding: var(--p101) var(--p140) var(--p111) var(--p81);
    margin-bottom: var(--p70);
    column-gap: var(--p99);
    row-gap: var(--p64);
}
.show-new-box2-div {
    display: flex;
    flex-direction: column;
}
.show-new-box2-title {
    font-size: var(--ft30);
    line-height: var(--ft44);
    color: #000000;
    margin-bottom: var(--p34);
}
.show-new-box2-content {
    font-size: var(--ft16);
    line-height: var(--ft34);
    color: #000000;
}
.show-new-box2-img2 {
    display: block;
    width: 100%;
    margin-bottom: var(--p34);
}
.show-new-box3 {
    background-color: #FFFFFF;
    padding: var(--p61) 0 var(--p54) var(--p150);
    display: flex;
    flex-direction: column;
    margin-bottom: var(--p130);
}
.show-new-box3-title {
    font-size: var(--ft24);
    line-height: var(--ft35);
    color: #000000;
    text-align: center;
    margin-bottom: var(--p49);
}
.show-new-box3-row {
    display: flex;
    flex-direction: row;
    gap: var(--p24);
    margin-bottom: var(--p30);
}
.show3-img {
    width: var(--wd32);
    height: var(--wd34);
}
.show-new-box3-span {
    font-size: var(--ft20);
    line-height: var(--ft34);
    color: #000000;
}
.show4-img {
    display: block;
    width: 100%;
}
.show-new-box4 {
    position: relative;
}
.show-new-box4-div {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.show-new-box4-span {
    display: block;
    margin: 0 auto;
    font-size: var(--ft36);
    line-height: var(--ft57);
    color: #FFFFFF;
    width: 40%;
    text-align: center;
    margin-bottom: var(--p43);
}
.show-new-box4-a {
    display: flex;
    width: var(--wd350);
    height: var(--he78);
    padding: 0 var(--p35) 0 var(--p26);
    align-items: center;
    justify-content: space-between;
    background-color: #FFFFFF;
    border: 1px solid #000000;
}
.show-new-box4-aspan {
    color: #AB1E27;
    font-size: var(--ft22);
    line-height: var(--ft38);
}
.show-new-box2-img {
    width: 100%;
}
.show-new-box .bases-grid-div-spantitle {
    width: 90%;
    text-align: center;
    margin: 0 auto;
}
.show-new-box .bases-box-grid-div-top {
    display: flex;
    flex-direction: column;
    gap: var(--p20);
    margin: 0 auto;
}
.show-new-box img {
    width: 100%;
    display: block;
    margin: 0 auto;
}
.QingBAo-btn:hover img {
    cursor: pointer;
    transform: translateY(-2px);
    box-shadow: 0 6px 12px rgba(0,0,0,0.12);
}
.QingBAo-btn:active img {
    transform: translateY(1px);
    box-shadow: 0 2px 4px rgba(0,0,0,0.08);
}
.QingBAo-btn img {
    display: block;
    width: 80%;
}
.show-new-box .bases-grid-div {
    max-width: 90%;
}
.show-new-box .bases-box-grid-div {
    padding: 0;
}
.address-img {
        width: 100%;
      aspect-ratio: 1 / 1;
    margin: 0 auto;
}
@media (max-width: 760px){
  .contact-left-span2 {
    color: #333333;
    font-size: 6px;
    line-height: var(--ft24);
}  
}