:root {
    --wd22: 22px;
    --wd24: 24px;
    --wd32: 32px;
    --wd34: 34px;
    --wd40: 40px;
    --wd108: 108px;
    --wd146: 146px;
    --wd158: 158px;
    --wd180: 180px;
    --wd204: 204px;
    --wd279: 279px;
    --wd350: 350px;
    --wd388: 388px;
    --wd480: 480px;
    --wd792: 792px;
    --he40: 40px;
	--he50: 50px;
	--he52: 52px;
	--he53: 53px;
	--he56: 56px;
	--he58: 58px;
	--he72: 72px;
	--he78: 78px;
	--he87: 87px;
	--he90: 90px;
	--he100: 100px;
	--he108: 108px;
	--he138: 138px;
	--he480: 480px;
	--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;
	--p203: 203px;
	--p209: 209px;
	--p223: 223px;
	--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
}

.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
}
.row-box {
    display: flex;
    flex-direction: row;
}
.column-box {
    display: flex;
    flex-direction: column;
}
.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: 1600px;
	max-width: 90%;
	margin: 0 auto;
}
.divinbody-left {
    width: 1760px;
    max-width: 95%;
}

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





/**/
.header {
	padding: 0 var(--p150);
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	position: relative;
	border-bottom: 1px solid #CCE4F9;
}
.header-logo {
    display: block;
    padding: var(--p14)  0;
}

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

.nav-li {
	font-size: var(--ft18);
	display: flex;
	align-items: center;
	height: 100%;
	color: #000000;
	position: relative;
}
/*.erji{*/
/*    position: absolute;*/
/*    top: 100%;*/
/*    left: 50%;*/
/*    transform: translateX(-50%);*/
/*    padding: 0 10px;*/
/*    height: 0;*/
/*    opacity: 0;*/
/*    background-color: rgba(255,255,255,1);*/
/*    transition: all 0.3s ease;*/
/*    z-index: 999;*/
/*    width: max-content;*/
/*    text-align: center;*/
/*}*/
/*.nav-li:hover .erji{*/
/*    padding: 10px 10px;*/
/*    height: auto;*/
/*    opacity: 1;*/
/*}*/
.erji{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    background-color: rgba(255,255,255,1);
    transition: all 0.3s ease;
    z-index: 999;
    width: max-content;
    text-align: center;
    visibility: hidden;
    opacity: 0;
}
.nav-li:hover .erji{
    visibility: visible;
    opacity: 1;
}
.erji dl {
    width: 100%;
    padding: 0 10px;
}
.erji dd {
    width: 100%;
    /*border-top: 1px solid #000;*/
    padding: 10px 0;
}

.gengduo {
	display: none;
}

.nav-li.indexactive {
	
	position: relative;
}
.nav-li.indexactive>a{
    color: #329DC9;
}
.nav-li.indexactive .nav-bottomXian {
    width: 100%;
    height: 2px;
    background-color: #329DC9;
    position: absolute;
    left: 0;
    bottom: 0;
}
.index-banner {
    display: block;
    width: 100%;
}
.index-about {
    display: flex;
    padding-top: var(--p121);
    justify-content: flex-end;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
.index-about-box {
    display: grid;
    grid-template-columns: 5fr 3fr;
    gap: var(--p150);
}
.index-about-box-left {
    display: flex;
    flex-direction: column;
}
.index-about-img {
    display: block;
    width: 100%;
    aspect-ratio: 4 / 5;
    object-fit: cover;
}
.index-about-box-title {
    font-size: var(--ft36);
    line-height: var(--ft49);
    color: #383838;
}
.index-about-box-titleen {
    font-size: var(--ft18);
    line-height: var(--ft25);
    color: #A6A6A6;
}
.index-about-box-titleXian {
    margin-top: var(--p24);
    width: 42px;
    height: 6px;
    background: linear-gradient(to right, rgb(18, 65, 185), rgb(0, 51, 255));
    margin-bottom: var(--p63);
}
.index-about-box-contant-title {
    font-size: var(--ft36);
    line-height: var(--ft50);
    color: #383838;
    margin-bottom: var(--p24);
}
.index-about-box-contant {
    display: block;
    font-size: var(--ft16);
    line-height: var(--ft31);
    color: #808080;
    margin-bottom: var(--p65);
}
.index-about-box-contant br {
    display: none;
}
.index-about-box-contant p {
    text-indent: 2em;
    font-size: var(--ft20);
}
.index-about-box-div {
    display: flex;
    flex-direction: row;
    gap: var(--p65);
    margin-bottom: var(--p80);
}
.index-about-box-divcolumn {
    display: flex;
    flex-direction: column;
    gap: var(--p6);
}
.index-about-box-divspan1 {
    font-size: var(--ft47);
    line-height: var(--ft58);
    color: #319CC6;
}
.index-about-box-divspan2 {
    font-size: var(--ft16);
    line-height: var(--ft22);
    color: #319CC6;
}
.index-about-box-divspan3 {
    font-size: var(--ft16);
    line-height: var(--ft22);
    color: #808080;
}
.index-about-box-btn {
    width: var(--wd204);
    height: var(--he58);
    border: 1px solid #A6A6A6;
    border-radius: 44px;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p14);
    padding-left: var(--p50);
}
.index-about-box-btnspan {
    font-size: var(--ft20);
    line-height: var(--ft23);
    color: #A6A6A6;
}
.index-product {
    background-color: #F5F5F5;
    padding-top: var(--p77);
}
.index-product-box {
    padding-top: var(--p111);
    padding-bottom: var(--p203);
}
.index-product-box-div {
    display: flex;
    flex-direction: column;
}
.index-product-div {
    padding: var(--p38) var(--p34);
    background-color: #E4E4E4;
    display: flex;
    flex-direction: column;
    gap: var(--p27);
    border-radius: 30px;
    position: relative;
}
.index-about-box-title span {
    color: #319CC6;
}
.index-product-img {
    display: block;
    width: 100%;
    aspect-ratio:4 / 3;
    object-fit: cover;
}
.index-product-grid {
    gap: var(--p27);
}
.index-product-span {
    font-size: var(--ft24);
    line-height: var(--ft28);
    color: #808080;
}
.index-product-application {
    padding-top: var(--p98);
    background-color: #E9EFF5;
    margin-bottom: var(--p);
}
.index-product-application-box {
    padding-top: var(--p91);
    padding-bottom: var(--p119);
    display: flex;
    flex-direction: column;
    text-align: center;
    background-repeat: no-repeat; /* 关键：禁止重复 */
  background-size: cover; /* 图片铺满屏幕（不变形） */
  background-position: center center;
}
.index-product-application-box .index-about-box-titleXian {
    margin: var(--p24) auto var(--p32);
    background: #FFFFFF;
}
.index-product-application-box .index-about-box-title,
.index-product-application-box .index-about-box-titleen {
    color: #FFFFFF;
}
.index-product-application-grid {
    width: 1400px;
    max-width: 90%;
    margin: 0 auto;
    gap: var(--p78);
    display: flex;
    align-items: flex-end;
}
.index-product-application-box-div {
    position: relative;
    width: 100%;
}

.index-product-application-box-div img{
    aspect-ratio: 4 / 3;
    object-fit: cover;
    width: 100%;
}
.index-product-application-bottom{
    aspect-ratio: 4 / 4;
}
.index-application-img {
    display: block;
    width: 100%;
    z-index: 2;
}




.index-new {
    padding-top: var(--p101);
    padding-bottom: var(--p120);
}
.index-new .index-about-box-title {
    display: block;
    mmargin: 0 auto;
    text-align: center;
}
.index-new .index-about-box-titleen {
    display: block;
    mmargin: 0 auto;
    text-align: center;
}
.index-new .index-about-box-titleXian {
    margin: 0 auto;
}
.index-new-box {
    padding-top: var(--p93);
    gap: var(--p91);
}

.index-new-box-div-div {
    padding: var(--p29);
    display: flex;
    flex-direction: row;
    gap: var(--p50);
    align-items: center;
    border-bottom: 1px solid  #D1D1D1;
}
.index-new-box-divtime {
    display: block;
    width: var(--wd108);
    height: var(--he108);
    border: 1px solid #319CC6;
    border-radius: 50%;
    padding: var(--p27) var(--p27);
    font-size: var(--ft20);
    line-height: var(--ft24);
    color: #319CC6;
}
.index-new-box-divspan {
    width: 70%;
    font-size: var(--ft24);
    line-height: var(--ft33);
    color: #383838;
}
.index-new-box-leftdiv {
    display: flex;
    flex-direction: column;
}
.index-new-leftdiv-span {
    display: block;
    width: 100%;
    background-color: #319CC6;
    padding: var(--p27) var(--p42);
    font-size: var(--ft24);
    line-height: var(--ft33);
    color: #FFFFFF;
}

.index-new-img {
    width: 100%;
}
.header-logo {
    display: block;
    width: 171px;
}


.footer {
    background-color: #333333;
    padding-bottom: var(--p39);
}
.footer-box {
    padding-top: var(--p71);
    padding-bottom: var(--p21);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--p4);
}
.footer-title {
    display: block;
    font-size: var(--ft24);
    line-height: var(--ft34);
    color: #FFFFFF;
    margin-bottom: var(--p28);
}
.footer-box-div1-div {
    display: flex;
    flex-direction: column;
    gap: var(--p11);
}
.footer-box-div1span {
    font-size: var(--ft18);
    line-height: var(--ft25);
    color: #FFFFFF;
}
.footer-box-div2 {
    display: flex;
    flex-direction: row;
    gap: var(--p50);
}
.footer-box-div2-nav {
    display: flex;
    flex-direction: column;
    gap: var(--p29);
}
.footer-ul {
    display: flex;
    flex-direction: column;
    gap: var(--p11);
}
.footer-li {
    font-size: var(--ft18);
    line-height: var(--ft25);
    color: #FFFFFF;
}
.footer-box2 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: var(--p21);
    margin-bottom: var(--p41);
    border-bottom: 1px solid #6E6E6E;
}
.footer-box-div3 {
    display: flex;
    flex-direction: column;
}
.footer-box-div3-NeiRong {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p17);
}
.footer-box-div3span {
    font-size: var(--ft16);
    line-height: var(--ft18);
    color: #FFFFFF;
}
.footer-box-div4 {
    display: flex;
    flex-direction: column;
    gap: var(--p21);
}
.footer-box-div4span {
    font-size: var(--ft24);
    line-height: var(--ft33);
    color: #FFFFFF;
}
.footer-BanQuan {
    font-size: var(--ft18);
    line-height: var(--ft20);
    color: #D4CFCF;
}

.about-banner {
    position: relative;
}
.about-banner-box {
    width: 100%;
    height: var(--he100);
    background-color: rgba(0, 0, 0, 0.3);
    position: absolute;
    left: 0;
    bottom: 0;
}
.about-banner-box-div {
    display: flex;
    height: 100%;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.about-banner-box-divleft {
    display: flex;
    flex-direction: row;
}
.about-banner-homeimg {
    display: block;
    margin-top: auto;
    margin-bottom: auto;
    margin-right: var(--p4);
}
.about-banner-box-divleft span {
    font-size: var(--ft18);
    line-height: var(--ft26);
    color: #FFFFFF;
}
.about-banner-box-divright {
    display: flex;
    flex-direction: row;
    gap: var(--p54);
}
.about-banner-btn {
    display: block;
    width: var(--wd158);
    height: var(--he56);
    text-align: center;
    line-height: var(--he56);
    border-radius: 12px;
    border: 1px solid  #FFFFFF;
    color: #FFFFFF;
    font-size: var(--ft20);
}
.about-box1 {
    padding-top: var(--p104);
    padding-bottom: var(--p54);
    display: flex;
    flex-direction: column;
}
.about-box1-title {
    font-size: var(--ft36);
    line-height: var(--ft49);
    color: #000000;
    padding-left: var(--p13);
    position: relative;
    margin-bottom: var(--p109);
}
.about-box1-div {
    display: flex;
    flex-direction: row;
    gap: var(--p134);
    margin-bottom: var(--p117);
}
.about-box1-title-Xian {
    width: 6px;
    height: 45px;
    background: linear-gradient(to right, rgb(18, 65, 185), rgb(0, 51, 255));
    position: absolute;
    top: 0;
    left: 0;
}
.about-box1-divimg {
    display: block;
    width: 55%;
}
.about-box1-divspan {
    font-size: var(--ft18);
    line-height: var(--ft37);
    color: #383838;
}
.about-box1-div2 {
    background-color: #F5F5F5;
    border-radius: 12px;
    padding: var(--p58) var(--p136);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: var(--p33);
}
.about-box1-div3 {
    width: 1264px;
    max-width: 80%;
    margin: 0 auto;
}
.about-box1-div3-img {
    display: block;
    width: 100%;
}
.about-box2img {
    display: block;
    width: 1430px;
    max-width: 60%;
    margin: 0 auto;
    margin-top: var(--p150);
    margin-bottom: var(--p35);
}
.about-box2-div {
    display: flex;
    flex-direction: row;
    gap: var(--p30);
}
.about-box2-divimg {
    display: block;
    width: 50%;
}
.about-box2 {
}
.about-box3-grid {
    gap: var(--p65);
    margin-top: var(--p104);
}
.about-box3-grid-div {
    display: flex;
    flex-direction: column;
    padding-bottom: var(--p66);
    background-color: #F5F5F5;
}
.about-box3 {
    margin-top: var(--p209);
    margin-bottom: var(--p117);
}
.about-box3-divspan {
    display: none;
}
.about-box3-divimg {
    width: 100%;
}
.about-box4img {
    display: block;
    width: 100%;
    margin-top: var(--p100);
    margin-bottom: var(--p106);
}
.jiance{
    width: 100%;
}
.jiance_list{
    margin-top: var(--p100);
    display: grid;
    grid-template-columns: repeat(3,1fr);
    gap: var(--p25);
}
.jiance_box{
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.jiance_box>img{
    width: 100%;
    max-width: 400px;
    aspect-ratio: 4/4;
}
.jiance_title{
    width: 100%;
    position: relative;
    font-size: var(--ft30);
    color: rgba(0,0,0,1);
}
.jiance_title::after{
    content: "";
    position: absolute;
    bottom: -20px;
    left: 0;
    width: 100%;
    height: 2px;
    background-color: rgba(0,0,0,1);
}
.jiance_text{
    width: 100%;
    margin-top: 40px;
    font-size: var(--ft22);
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.jiance_xinghao{
    display: grid;
    grid-template-columns: 4em 1fr;
}
.jiance_xinghao p{
    width: 100%;
}
.jiance_xinghao p:first-child{
    text-align: justify;
    text-align-last: justify;
}
.jiance_list2{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    gap: var(--p65);
    padding: var(--p50) 0;
}

.jiance_list2 .jiance_box>img{
    width: 100%;
    max-width: 750px;
    aspect-ratio: 7.5/4;
}
.jiance_list2 .jiance_title::after{
    background-color: #2A4F9D;
}
.jiance_table{
    width: 100%;
    height: max-content;
    border: 2px solid #2A4F9D;
}
.jiance_table table{
    width: 100%;
}
.jiance_table table *,.jiance_table table{
    border: unset;
    border-spacing: 0px;
}
.jiance_table table thead tr{
    height: var(--p50);
    background-color: #DCDDDD;
}
.jiance_table table tr{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    height: var(--p40);
}
.jiance_table table thead tr th{
    color: #595757;
    font-size: var(--ft30);
}
.jiance_table table tbody tr{
    background-color: #DCDDDD;
}
.jiance_table table tbody tr:nth-child(4n-2),
.jiance_table table tbody tr:nth-child(4n-3){
    background-color: #FFFFFF;
}
.jiance_table table thead tr th:last-child{
    text-align: left;
    
}
.jiance_table tbody tr td{
    font-size: var(--ft26);
    
}
.jiance_table tbody tr td img{
    margin: auto var(--p50) auto var(--p80);
}
.GuDong-box {
    padding-top: var(--p95);
    padding-bottom: var(--p70);
}
.GuDong-box-div {
    margin-top: var(--p70);
}

.product-box {
    display: flex;
    flex-direction: row;
    margin-top: var(--p109);
    gap: var(--p52);
    align-items: flex-start;
    margin-bottom: var(--p50);
}
.product-box-left {
    width: 21%;
    background-color: #F5F5F5;
    padding-top: var(--p45);
    padding-bottom: var(--p70);
    border: 1px solid #ddd;
    box-sizing: border-box;
}
.product-box-left-title {
    font-size: var(--ft24);
    line-height: var(--ft27);
    color: #383838;
    margin-left: var(--p33);
    margin-bottom: var(--p37);
}
.product-ul {
    width: 100%;
    
}
.product-li {
    justify-content: space-between;
    align-items: center;
    
}
.li-header {
    width: 100%;
    justify-content: space-between;
    padding-left: var(--p57);
    padding-right: var(--p35);
}
.product-li-span {
    font-size: var(--ft18);
    line-height: var(--ft25);
    padding: var(--p12) 0;
    color: #383838;
}
.product-erjili-span {
    font-size: var(--ft16);
    line-height: var(--ft27);
    padding: var(--p12) 0 var(--p12) var(--p80);
}
.product-erji {
    display: none!important;
    /*display: flex;*/
    /*flex-direction: column;*/
    /*margin-bottom: var(--p14);*/
}
.product-box-right {
    width: 75%;
}
.right-content-item {
    gap: var(--p17);
}
.right-content-item a{
    width: 100%;
}
.product-li-jia {
    display: flex;
    align-items: center;
}
.product-li.active .product-erji {
    display: flex!important;
    flex-direction: column;
    margin-bottom: var(--p14);
}
.product-li.active .li-header {
    background-color: #C8B26F;
}
.product-li.active .li-header .product-li-span {
    color: #FFFFFF;
}
.product-li.active .product-li-jia {
    display: none;
}





.right-content-item {
    width: 100%;
    animation: fadeIn 0.5s;
}
.product-box-rightdiv {
    width: 100%;
    border: 1px solid #E5E5E5;
}
.product-box-rightdiv img{
    width: 100%;
}
.show-product-title {
    display: block;
    width: 1920px;
    max-width: 100%;
    margin: 0 auto;
    text-align: center;
    background-color: #E5E5E5;
    font-size: var(--ft28);
    line-height: var(--ft38);
    padding: var(--p34) 0;
    margin-bottom: var(--p96);
}
.show-product-div {
    display: flex;
    flex-direction: row;
    gap: var(--p223);
}
.show-product-div .about-box1-title {
    font-size: var(--ft24);
    line-height: var(--ft33);
}
.show-product-right-spandiv {
    display: block;
    width: 100%;
    margin-top: var(--p23);
    padding-top: var(--p53);
    border-top: 1px solid #E5E5E5;
}
.show-productimg {
    width: var(--wd480);
    height: var(--he480);
}
.show-product-right-span1 {
    display: block;
    font-size: var(--ft20);
    line-height: var(--ft27);
    color: #383838;
    margin-bottom: var(--p16);
}
.show-product-right-span2 {
    font-size: var(--ft20);
    line-height: var(--ft38);
    color: #999999;
    
}
.show-product-right-span2 strong {
    color: #383838;
}
.show-product-btn {
    display: block;
    width: var(--wd146);
    height: var(--he52);
    background-color: #A6A6A6;
    padding: var(--p7) 0;
    border: none;
    color: #FFFFFF;
    font-size: var(--ft20);
    line-height: var(--ft38);
    text-align: center;
    margin-top: var(--p19);
    margin-bottom: var(--p104);
}
.show-product-box2 {
    height: var(--he40);
    background-color: #F5F5F5;
    margin-bottom: var(--p28);
}
.show-product-box3 {
    display: grid;
    grid-template-columns: 3fr 1fr;
    gap: var(--p24);
    background-color: rgba(245, 245, 245,1);
}
.show-product-box3span {
    display: block;
    margin-top: var(--p28);
    border-top: 1px solid #E5E5E5;
    color: #383838;
    font-size: var(--ft20);
    line-height: var(--ft38);
}
.show-product-box3span img {
    display: block;
    margin: 0 auto;
    max-width: 90%;
}
.show-product-box3right-div {
    display: block;
}
.show-product-box3left,.show-product-box3right {
    background-color: rgba(250, 250, 250,1);
}
.show-productdiv3img {
    display: block;
    width: 100%;
}
.show-product-box3right-box {
    display: flex;
    flex-direction: column;
    gap: var(--p30);
}
.show-product-box3right-divspan {
    display: block;
    background-color: #FFFFFF;
    padding: var(--p34) 0;
    text-align: center;
    color: #000;
    font-size: var(--ft18);
    line-height: var(--ft20);
}

.develop-box1 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: var(--p32);
    margin-bottom: var(--p56);
}
.develop-box1-btn {
    width: var(--wd279);
    height: var(--he56);
    text-align: center;
    border-radius: 50px;
    border: 1px solid #A6A6A6;
    font-size: var(--ft20);
    line-height: var(--ft25);
    color: #808080;
    padding: var(--p15) 0;
}
.develop-title {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: var(--ft36);
    line-height: var(--ft49);
    color: #383838;
    margin-bottom: var(--p42);
}
.develop-box2 {
    border-top: 1px solid #E5E5E5;
    padding: var(--p65) 0;
}
.develop-box2 p {
    font-size: var(--ft20);
    line-height: var(--ft37);
    color: #383838;
}




.new-box {
    padding-top: var(--p108);
    padding-bottom: var(--p86);
}
.new-box-grid {
    gap: var(--p40);
}
.new-box-grid-div {
    width: 100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p52);
    background-color: #FFFFFF;
}
.new-box-grid-divimg {
    max-width: 470px;
    display: block;
    width: 100%;
}
.new-box-grid-divright .title {
    display: block;
    font-size: var(--ft36);
    line-height: var(--ft49);
    color: #383838;
    margin-bottom: var(--p22);
}
.new-timeimg {
    width: var(--wd22);
    height: var(--wd22);
}
.new-box-grid-divright .row-box {
    
    align-items: center;
    gap: var(--p12);
    margin-bottom: var(--p62);
}
.new-box-grid-divright .row-box span {
    font-size: var(--ft20);
    line-height: var(--ft27);
    color: #808080;
}
.new-box-grid-divright a {
    display: block;
    text-align: center;
    width: var(--wd180);
    height: var(--he53);
    font-size: var(--ft18);
    line-height: var(--he53);
    color: #145FBA;
    position: relative;
}
.new-box-grid-divright a::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: 50px;
  padding: 2px;
  background: linear-gradient(135deg, #6a85b6, #bac8e0);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  z-index: 1;
}

.show-new-box {
    margin-top: var(--p65);
    background-color: #FFFFFF;
    margin-bottom: var(--p76);
}
.page {
    display: flex;
    flex-direction: row;
    gap: var(--p3);
    text-align: center;
    margin: 0 auto;
    margin-top: var(--p86);
}
.page span {
    display: block;
    padding: var(--p12);
    background-color: #FFFFFF;
    border: 1px solid #e9e9e9;
}
.page a {
    display: block;
    padding: var(--p12);
    background-color: #FFFFFF;
    border: 1px solid #e9e9e9;
}
.show-new-box {
    background-color: #FFFFFF;
    padding: var(--p70) var(--p4) var(--p104) var(--p66);
    display: flex;
    flex-direction: column;
}
.show-new-box-title {
    font-size: var(--ft40);
    line-height: var(--ft60);
    color: #383838;
    margin-bottom: var(--p10);
}
.show-new-box-time {
    font-size: var(--ft22);
    line-height: var(--ft30);
    color: #808080;
    margin-bottom: var(--p43);
}
.show-new-box-content {
    font-size: var(--ft24)!important;
    line-height: var(--ft37)!important;
    color: #808080!important;
}
.show-new-box-content img {
    display: block;
    margin: 0 auto;
    margin-top: var(--p11);
    margin-bottom: var(--p41);
}
.show-new-XiangGuan-title {
    display: block;
    margin: 0 auto;
    text-align: center;
    font-size: var(--ft36);
    line-height: var(--ft49);
    color: #383838;
    margin-bottom: var(--p43);
}
.show-new-XiangGuan-Xian {
    width: 42px;
    height: 6px;
    background: linear-gradient(to right, rgb(18, 65, 185), rgb(0, 51, 255));
    margin: 0 auto;
    margin-bottom: var(--p43);
}







.show-new-XiangGuan {
    gap: var(--p70);
    margin-bottom: var(--p121);
}
.show-new-XiangGuan-div {
    width: 100%;
}

.show-new-XiangGuan-div {
    width: 100%;
    background-color: #FFFFFF;
}
.show-new-XiangGuan-div img {
    display: block;
    max-width: 100%;
    
}
.show-new-XiangGuan-spandiv {
    padding: var(--p39) var(--p61) var(--p61) var(--p42);
}

.show-new-XiangGuan-spandiv-title {
    font-size: var(--ft24);
    line-height: var(--ft33);
    color: #383838;
    margin-bottom: var(--p23);
}
.show-new-XiangGuan-spandiv-content {
    font-size: var(--ft16);
    line-height: var(--ft22);
    color: #A6A6A6;
    margin-bottom: var(--p23);
    display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: 100%;
}
.show-new-XiangGuan-btn {
    font-size: var(--ft14);
    line-height: var(--ft22);
    color: #808080;
}

.show-new-XiangGuan-btn span {
    font-size: var(--ft22);
    line-height: var(--ft22);
    color: #383838;
}
.show-new-XiangGuan-griddiv3 {
    padding: var(--p16) var(--p42);
}

.XiangGuan-griddiv3-div {
    width: 100%;
    padding-bottom: var(--p28);
    border-bottom: 1px solid #E8E8E8;
} 

.contact-box {
    margin-top: var(--p98);
    margin-bottom: var(--p193);
    gap: var(--p133);
}
.contact-box-div {
    width: 100%;
    gap: var(--p29);
}
.contact-box-divimg {
    display: block;
    width: 100%;
}
.ZaiXian-box {
    display: flex;
    flex-direction: row;
    background-color: #F2F2F2;
    gap: var(--p100);
    padding: var(--p46) var(--p47);
}
.ZaiXian-box-leftspan1 {
    font-size: var(--ft28);
    line-height: var(--ft49);
    color: #808080;
    margin-bottom: var(--p22);
}
.ZaiXian-box-leftspan2 {
    font-size: var(--ft48);
    line-height: var(--ft49);
    color: #383838;
    margin-bottom: var(--p36);
}
.ZaiXian-box-leftspan3 {
    font-size: var(--ft24);
    line-height: var(--ft49);
    color: #808080;
}
.ZaiXian-box-leftspan4 {
     font-size: var(--ft48);
    line-height: var(--ft60);
    color: #383838;
}
.ZaiXian-box-leftspandiv {
    gap: var(--p22);
}
.ZaiXian-box-leftspan5 {
    display: block;
    max-width: 600px;
    width: 80%;
    margin-top: var(--p88);
    font-size: var(--ft24);
    line-height: var(--ft49);
    color: #383838;
}

.form-group {
    gap: var(--p6);
    margin-bottom: var(--p51);
}
.form-row {
    gap: var(--p19);
}
.form-label {
    font-size: var(--ft16);
    line-height: var(--ft23);
    color: #383838;
}
input::placeholder {
    font-size: var(--ft20);
    line-height: var(--ft29);
    color: #808080;
}
.form-input1 {
    width: var(--wd792);
    height: var(--he87);
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #E0E0E0;
}
.form-input {
    width: var(--wd388);
    height: var(--he87);
    background-color: rgba(255, 255, 255, 0);
    border-bottom: 1px solid #E0E0E0;
}
.form-button {
    width: var(--wd388);
    height: var(--he72);
    border: 1px solid #319CC6;
    font-size: var(--ft18);
    line-break: var(--he72);
    text-align: center;
    cursor: pointer;
}
.form-button:hover { 
	transform: translateY(-2px); 
	box-shadow: 0 6px 12px rgba(0,0,0,0.12); 
}
.form-button:active { 
	transform: translateY(1px); 
	box-shadow: 0 2px 4px rgba(0,0,0,0.08); 
}
.develop-box2 img {
    max-width: 100%;
}
.gudong-imgdiv {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-top: var(--p70);
}
.gudong-img1 {
    display: block;
    max-width: 80%;
}
.GuDong-box-div img {
    max-width: 100%;
}
.index-product-application-box-div {
    background-color: rgba(232, 233, 234);
}
.trapezoid-base {
    font-size: var(--ft24);
    line-height: var(--ft24);
    color: #FFF;
    text-align: center;
    position: relative;
}
.indexnewSwiper {
  width: 100%;
  min-width: 0;
}
.indexnewSwiper .swiper-slide {
  width: 100% !important;
}
.bannerSwiper, .indexnewSwiper {
  width: 100% !important;
  height: 100% !important;
  overflow: hidden;
}
.swiper-slide img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover;
  object-position: center;
}
.about-box3 .aboutSwiper {
    margin-top: var(--p120);
}
.aboutSwiper .swiper-slide:hover .about-box3-divspan {
    display: block;
    padding: var(--p34) var(--p23) 0;
    font-size: var(--ft20);
    line-height: var(--ft27);
    color: #383838;
}


.index-product-div-div {
    display: none;
}
.index-product-div:hover .index-product-div-div {
    position: absolute;
    left: 0;
    top: 20%;
    width: 100%;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--p23);
}
.index-product-span1 {
    display: block;
    margin: 0 auto;
    width: 75%;
    font-size: var(--ft18);
    color: #FFFFFF;
    font-weight: bold;
}
.index-product-application-bottom {
    padding: var(--p30) var(--p20);
    display: flex;
    flex-direction: column;
    gap: var(--p25);
    position: relative;
    align-items: flex-start;
}
.index-product-application-bottomspan1 {
    font-size: var(--ft30);
    font-weight: bold;
    color: #000;
}
.index-product-application-bottomspan2 {
    font-size: var(--ft20);
    color: #000;
    text-align: left;
    padding-bottom: var(--p20);
}
.index-product-application-bottomspan3 {
    position: absolute;
    left: var(--p20);
    top: -25px;
    color: #FFFFFF;
    font-size: var(--ft18);
    font-weight: bold;
    display: block;
    padding: var(--p14) var(--p17);
    border-radius: 52%;
    background-color: rgba(130, 160, 215, 1);
}
.lianxian{
    width: 80%;
    margin: 0 auto;
    position: relative;
}
    #svgCanvas {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        z-index: 1; /* 层级 1：线在圆圈下面 */
        pointer-events: none; /* 关键：让鼠标事件穿透 SVG，否则无法点击圆圈 */
        overflow: visible;
    }

    /* 圆圈节点：确保层级在 SVG 之上 */
    .node {
        position: relative;
        z-index: 2; /* 圆圈在线上面 */
        display: inline-block; /* 或 flex，取决于你的布局 */
        width: 100px;  /* 假设圆直径 */
        height: 100px; /* 假设圆直径 */
        border-radius: 50%;
        background: #fff;
        /*border: 2px solid #333;*/
        text-align: center;
        line-height: 100px;
        text-decoration: none;
        color: #333;
        /* 你的其他样式... */
    }

    /* 线条样式 */
    .link-line {
        stroke: #999; /* 线条颜色 */
        stroke-width: 2px; /* 线条粗细 */
        fill: none;
    }
.connection-line {
        stroke: #AADD00; /* 线条颜色（参考你图中的浅绿色） */
        stroke-width: 2;
        fill: none;
        opacity: 0.6;
    }
.shangpai{
    display: flex;
    gap: var(--p20);
    position: relative;
    z-index: 2;
}
.shangpai a{
    
    padding: var(--p20);
    width: var(--p100);
    height: var(--p100);
    border-radius: 50%;
    background-image: url('/public/home/images/huangyuan.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: var(--ft16);
    text-align: center;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
}
.zhongpai{
    width: 100%;
    margin: var(--p50) auto;
    display: flex;
    justify-content: center;
    gap: var(--p35);
     position: relative;
    z-index: 2; 
}
.zhongpai a{
    padding: var(--p30);
    width: 150px;
    height: 150px;
    border-radius: 50%;
    background-image: url('/public/home/images/lanyuan.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: var(--ft22);
    text-align: center;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center;
    color: #0170c0;
}
.xiapai{
    width: 100%;
    display: flex;
    justify-content: flex-end;
    gap: var(--p20);
     position: relative;
    z-index: 2;
}
.xiapai a{
    padding: var(--p20);
    width: var(--p100);
    height: var(--p100);
    border-radius: 50%;
    background-image: url('/public/home/images/huangyuan.png');
    background-repeat: no-repeat;
    background-size: 100% 100%;
    font-size: var(--ft16);
    text-align: center;
    display: flex;
    align-items: center;
    line-height: 1;
    justify-content: center
}
.erweima{
    width: 100%;
    position: relative;
}
.erweima>img{
    margin-bottom: 20px;
    width: 100%;
    /*height: 100%;*/
}
.erweima .erweima_con{
    position: absolute;
    width: max-content;
    max-width: 100%;
    left: 50%;
    bottom: var(--p50);
    transform: translateX(-50%);
    display: flex;
    align-items: center;
    gap: var(--p25);
}
.erweima_title{
    font-size: var(--ft40);
    font-weight: bold;
    color: #59a3d4;
    line-height: 1;
}
.erweima_key{
    font-size: var(--ft38);
    color: #59a3d4;
    line-height: 1;
    padding: var(--p30) 0;
}
        .follow-btn {
            padding: 12px 30px;
            color: white;
            border: none;
            border-radius: 5px;
            font-size: var(--ft34);
            cursor: pointer;
            background-image: url('/public/home/images/btn.png');
            background-repeat: no-repeat;
            background-size: 100% 100%;
            
            
        }

        /* 弹窗遮罩层（默认隐藏） */
        .modal-overlay {
            display: none; 
            position: fixed;
            top: 0; left: 0;
            width: 100%; height: 100%;
            background-color: rgba(0, 0, 0, 0.6); /* 半透明黑色背景 */
            z-index: 1000;
            justify-content: center;
            align-items: center;
        }

        /* 弹窗内容盒子 */
        .modal-content {
            background-color: white;
            padding: 30px;
            border-radius: 10px;
            text-align: center;
            position: relative;
            width: 300px;
        }

        /* 关闭按钮 */
        .close-btn {
            position: absolute;
            top: 10px; right: 15px;
            font-size: 24px;
            cursor: pointer;
            color: #999;
        }

        /* 二维码图片样式 */
        .qrcode-img {
            width: 200px;
            height: 200px;
            margin: 15px 0;
        }
        .erweima_sub{
            margin-top: var(--p40);
            color: #000000;
            font-size: var(--ft34);
            letter-spacing: 5px;
            line-height: 2em;
        }
        .erweima_logo{
            max-width: 25%;
        }
        .erweima_logo img{
            max-width: 100%;
        }
        
        
.show-new-box-content img {
    display: block;
    max-width: 100%;
}
.main-img {
  width: 500px;
  height: auto;
  display: block;
  border-radius: 6px;
}
.show-product-box3 table {
  border-collapse: collapse!important; /* 合并边框，实现全边框无缝 */
  width: 80%!important;
  margin: 0 auto!important;
}
/* 表格、单元格全边框 */
.show-product-box3 table,
.show-product-box3 table td,
.show-product-box3 table th {
  border: 1px solid #ccc!important;
}
/* 单数行白色 */
.show-product-box3 table tr:nth-child(odd) {
  background-color: #ffffff!important;
}
/* 双数行 rgb(237,245,250) */
.show-product-box3 table tr:nth-child(even) {
  background-color: rgb(237, 245, 250)!important;
}
.show-product-box3 table td, table th {
  text-align: center; /* 水平居中 */
  vertical-align: middle;
}














.show-new-XiangGuan-div img {
    display: block;
    margin: 0 auto;
    width: auto;
    height: 270px;
}