:root {
    --wh17: 17px;
    --wh50: 50px;
    --wh150: 150px;
    --wh120: 120px;
    --ft14: 14px;
    --ft16: 16px;
    --ft18: 18px;
    --ft21: 21px;
    --ft23: 23px;
    --ft24: 24px;
    --ft25: 25px;
    --ft29: 29px;
    --ft30: 30px;
    --ft31: 31px;
    --ft32: 32px;
    --ft38: 38px;
    --ft42: 42px;
    --ft45: 45px;
    --ft46: 46px;
    --ft48: 48px;
    --ft50: 50px;
    --ft51: 51px;
    --ft52: 52px;
    --ft63: 63px;
    --ft70: 70px;
    --ft91: 91px;
    --p6: 6px;
    --p10: 10px;
    --p16: 16px;
    --p20: 20px;
    --p21: 21px;
    --p25: 25px;
    --p28: 28px;
    --p30: 30px;
    --p35: 35px;
    --p40: 40px;
    --p45: 45px;
    --p50: 50px;
    --p52: 52px;
    --p55: 55px;
    --p60: 60px;
    --p70: 70px;
    --p75: 75px;
    --p80: 80px;
    --p86: 86px;
    --p88: 88px;
    --p90: 90px;
    --p97: 97px;
    --p100: 100px;
    --p106: 106px;
    --p108: 108px;
    --p120: 120px;
    --p127: 127px;
    --p140: 140px;
    --p160: 160px;
    --p246: 246px;
}

* {
	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
}

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

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

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

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

/**/
/**/
/**/
/**/
.nav-ul li {
    /* 现有样式... */
    padding-bottom: var(--p40);  /* 增加底部内边距，覆盖间隙 */
}
header {
    position: relative;
}
.swiper {
  width: 100%;
}

.swiper-slide {
  text-align: center;
  font-size: 18px;
  background: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.play-btn {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: var(--wh120);
    height: var(--wh120);
    background: rgba(0,0,0,0.6);
    color: #fff;
    font-size: var(--ft32);
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 9;
    cursor: pointer;
}
.bannermySwiper {
    position: relative;
}
.banner-img {
    display: block;
    width: 100%;
    aspect-ratio: 1920 / 680;
}
.my-video {
    width: 100%;
    display: block;
}
.banner-navdiv {
    position: absolute;
    left: 0;
    top: var(--p35);
    width: 100%;
    z-index: 2;
}
.banner-div {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.index-logo {
    display: block;
}
.nav-ul {
    display: flex;
    flex-direction: row;
    gap: var(--p52);
}
.nav-ul li {
    color: #FFF;
    font-size: var(--ft18);
    font-weight: 400;
    position: relative;
    cursor: pointer;
}
.nav-ul li:hover .nav-a {
    color: red;
    padding-bottom: var(--p10);
    border-bottom: 3px solid red ;
}
.active .nav-a {
    padding-bottom: var(--p20);
    border-bottom: 3px solid #FFF;
}
.erji .active  {
    padding-bottom: 0;
    color: red;
}

.erji {
    display: none;
}
.nav-ul li:hover .erji {
    position: absolute;
    left: 50%;
    top: var(--p20);
    padding-top: var(--p50);
    transform: translateX(-50%);
    display: flex;
    flex-direction: column;
    width: 150px;
    z-index: 3;
}
.erji a {
    color: #000;
    font-size: var(--ft18);
    line-height: var(--ft48);
    background-color: #FFF;
    text-align: center;
}
.erji a:hover {
    color: #FFF;
    background-color: rgba(187, 35, 33);
}
.product-erji {
    position: fixed;
    left: 0;
    right: 0;
    top: var(--p108);
    width: 100%;
    display: none;
    padding-top: var(--p20);
    padding-bottom: var(--p40);
    background-color: rgba(247, 247, 247);
}
.product-erjidiv {}
.product-erjidi {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: ;
}

.nav-ul li:hover .product-erji {
    display: block;
}
.product-erjidivNR {
    width: 1800px;
    max-width: 95%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(10, 1fr);
}
.product-erjidivNRdiv {
    
    padding: var(--p20) var(--p40);
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--p35);
}
.product-erjidivNRdiv:hover {
    background-color: #FFF;
}
.product-erjidivNRdiv:hover span {
    color: red;
}
.product-erjidivNRdiv img {
    width: 70%;
height: 77px;
    display: block;
    margin: 0 auto;
}
.product-erjidivNRdiv span {
    font-size: var(--ft14);
    color: #000;
}
.yuyan-span {
    display: block;
    color: #FFF;
    font-size: var(--ft18);
    text-align: center;
    font-weight: 400;
}
.yuyan {
    display: flex;
    flex-direction: row;
    gap: var(--p10);
}
.yuyan img {
    display: block;
    width: var(--wh17);
    height: var(--wh17);
    margin-top: var(--p6);
}

.gengduo {
    display: none;
}


.index-box2 {
    /*padding-top: 60px;*/
}
.box-span {
    margin: 0 auto;
    text-align: center;
    display: flex;
    flex-direction: column;
    gap: var(--p21);
}
.box-span .sp1 {
    font-size: var(--ft16);
    color: #FFF;
}
.box-span .sp2 {
    font-size: var(--ft45);
    color: #FFF;
    font-weight: bold;
}
.box-span .xian {
    width: 96px;
    height: 3px;
    margin: 0 auto;
    background-color: rgba(187, 35, 33);
}
.index-box2div {
    margin-top: var(--p86);
    width: 100%;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
}
.index-box2div:first-child {
    border: none;
}
.index-box2divNR {
    padding-top: var(--p160);
    border-left: 1px solid #333;
    display: flex;
    flex-direction: column;
    min-height: 670px;
}
.index-box2divNRimg {
    display: block;
    width: 50%;
    margin: 0 auto;
    margin-bottom: var(--p55);
}
.index-box2divNRimg1 {
    display: none;
    width: 50%;
    margin: 0 auto;
    margin-bottom: var(--p55);
}
.index-box2divNRspan1 {
    margin-bottom: var(--p30);
    color: #FFF;
    text-align: center;
    font-size: var(--ft31);
    font-weight: bold;
}
.index-box2divNR .xian {
    display: none;
    width: 25px;
    height: 3px;
    margin: 0 auto;
    background-color: #FFF;
    margin-bottom: var(--p30);
}
.index-box2divNRspan2 {
    display: none;
    width: 70%;
    margin: 0 auto;
    color: #FFF;
    font-size: var(--ft23);
    line-height: 1.4;
    color: #FFF;
}
.index-newboxleft img {
    display: block;
    width: 100%;

}
.index-box2divNRspan3 {
    margin-top: var(--p30);
    margin-bottom: var(--p30);
    color: #FFF;
    text-align: center;
    font-size: var(--ft31);
    font-weight: bold;
}
.index-shichang-div1 {
    max-width: 100%;
}
.index-box2divBottom {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
}
.index-box2divNRimg2 {
    width: 100%;
    height: 100%;
    /*display: none;*/
}
.index-box2divdiv {
    position: relative;
    width: 100%;
    min-height: 700px;
}
.index-box2divdiv:hover .index-box2divNRimg1 {
    display: block;
}
.index-box2divdiv:hover .index-box2divNRspan2 {
    display: block;
}
.index-box2divdiv:hover .index-box2divNR .xian {
    display: block;
}
.index-box2divdiv:hover .index-box2divNR {
    padding-top: 0;
}
.index-box2divdiv:hover .index-box2divNRimg {
    display: none;
}
/*.index-box2divdiv:hover .index-box2divNRimg {*/
/*    display: block;*/
/*}*/

.index-box3 {
    padding-top: var(--p106);
    padding-bottom: var(--p100);
    object-fit: cover; 
    object-position: center;
}
.index-box3div {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.index-box3div .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: rgba(44, 78, 152);
}
.index-box3div .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #000;
    font-weight: bold;
}
.index-box3div .xian {
    width: 96px;
    height: 3px;
    background-color: rgba(187, 35, 33);
    margin-bottom: var(--p80);
}
.index-box3div .guanyu-box1divNRspan {
    margin-bottom: var(--p80);
}
.index-box3divNR {
    width: 50%;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-bottom: var(--p80);
}
.index-box3btn {
    width: 12%;
    color: #FFF;
    border-radius: 8px;
    font-size: var(--ft18);
    display: block;
    padding: var(--p20) var(--p30);
    background-color: rgba(12, 51, 136);
}
.index-shichang-box {
    position: relative;
}
.index-shichang-boximg {
    display: block;
    width: 100%;
}
.index-shichang-div1 {
    width: 100%;
    position: absolute;
    left: 0;
    top: var(--p90);
    margin: 0 auto;
    z-index: 2;
}
.index-shichang-div1NR {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.index-shichang-div1 .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: #FFF;
}
.index-shichang-div1 .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #FFF;
    font-weight: bold;
}
.index-shichang-div1 .xian {
    width: 96px;
    height: 3px;
    background-color: #FFF;
    margin-bottom: var(--p80);
}
.dian{
    position: absolute;
}
.dian_tu {
    display: none;
}
.dian:hover .dian_tu {
    display: flex;
    padding: var(--p20);
    flex-direction: row;
    gap: var(--p20);
    border-radius: 20px;
}
.dian_tu {
    display: none;
    
}
.dian img {
    position: relative;
    z-index: 0;
}
.dian_tu div {
    display: flex;
    flex-direction: column;
    gap: var(--p30);
}
.dian_tu img {
    width: 200px;
}
.dian_tu div .ditu-title {
    font-size: var(--ft29);
    font-weight: bold;
}
.dian_tu div .ditu-span2 {
    font-size: var(--ft21);
}
.dian_tu div .ditu-span3 {
    font-size: var(--ft21);
}
.dian_tu div span {
    color: #FFF;
}
.index-newTitle {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-bottom: var(--p80);
    margin-top: var(--p100);
}
.dian-zhongxin {
    position: absolute;
    left: 69vw;
    top: 25vw;
}
.index-newbox {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p40);
    
    margin-bottom: var(--p120);
}
.index-newboxleft {
    display: flex;
    flex-direction: column;
    gap: var(--p20);
    
}
.index-newboxright {
    display: flex;
    flex-direction: column;
    gap: var(--p70);
}
.index-newboxleft1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    border-bottom: 1px solid #333;
    margin-bottom: var(--p20);
}
.index-newTitle .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: #2C3B82;
}
.index-newTitle .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #000;
    font-weight: bold;
    text-align: left;
}
.index-newTitle .xian {
    width: 96px;
    height: 3px;
    background-color: rgba(187, 35, 33);
    margin-bottom: var(--p80);
}
.index-newboxleftdiv {
    margin-bottom: var(--p30);
}
.index-newboxleft1span1 {
    font-size: var(--ft21);
    color: #000;
    font-weight: bold;
    margin-bottom: var(--p20);
}
.index-newboxleft1span2 {
    font-size: var(--ft18);
    color: #000;
    font-weight: bold;
    margin-bottom: var(--p20);
}
.index-newboxleft1span3 {
    font-size: var(--ft25);
    color: #000;
    display: block;
    margin-bottom: var(--p20);
}
.index-newboxleft1span4 {
    font-size: var(--ft21);
    color: #000;
    display: block;
}

.banner-spanbox {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.banner-spandiv {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.banner-spandiv .sp1 {
    color: #FFF;
    font-weight: bold;
    font-size: var(--ft52);
    line-height: var(--ft63);
    margin-bottom: var(--p20);
}
.banner-spandiv .sp2 {
    color: #FFF;
    font-size: var(--ft18);
}
.mianbaoxie {
    position: absolute;
    left: 0;
    bottom: var(--p30);
    width: 100%;
}
.mianbaoxie-div {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: var(--p10);
    align-items: center;
}
.mianbaoxie-span {
    color: #FFF;
    font-size: var(--ft18);
}
.guanyu-box1 {
    padding-top: var(--p100);
    padding-bottom: var(--p80);
}
.guanyu-box1div {
    display: flex;
    flex-direction: column;
}
.guanyu-box1div .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: rgba(44, 78, 152);
}
.guanyu-box1div .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #000;
    font-weight: bold;
}
.guanyu-box1div .xian {
    width: 96px;
    height: 3px;
    background-color: rgba(187, 35, 33);
    margin-bottom: var(--p80);
}
.guanyu-box1divNR {
    display: flex;
    flex-direction: row;
    gap: var(--p75);
    margin-bottom: var(--p86);
}
.guanyu-box1divNRspan {
    display:block !important;
    font-size: var(--ft16);
    color: #000;
    line-height: var(--ft23);
    margin-left: 2em;
    white-space: pre-line;
}
.guanyu-box1divNR2 {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.guanyu-box1divNR2Bottom {
    display: flex;
    flex-direction: column;
}
.guanyu-box1divNR2Bottom div {
    display: flex;
    flex-direction: row;
    gap: var(--p6);
}
.guanyu-box1divNR2Bottom .sp1 {
    font-size: var(--ft42);
    color: rgba(187, 35, 33);
    font-weight: bold;
}
.guanyu-box1divNR2Bottom .sp2 {
    font-size: var(--ft18);
    color: rgba(187, 35, 33);
}
.guanyu-box1divNR2Bottom .sp3 {
    font-size: var(--ft16);
    color: #000;
    text-align: center;
}
.guanyu-box2 {
    padding-top: var(--p97);
    padding-bottom: var(--p140);
    display: flex;
    flex-direction: column;
}
.guanyu-box2 .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: #FFF;
    text-align: center;
}
.guanyu-box2 .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #FFF;
    font-weight: bold;
    text-align: center;
}
.guanyu-box2 .xian {
    width: 96px;
    height: 3px;
    background-color: rgba(187, 35, 33);
    margin: 0 auto;
    margin-bottom: var(--p80);
}
.swiper-button-lock {
  display: block;
}
.guanyu-box2img {
    display: block;
    width: 100%;
}
.guanyu-LunBodiv {
    position: relative;
}
.guanyu-LunBodivNR {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
}
.guanyu-LunBodivdiv {
    padding: 0 var(--p28);
    padding-bottom: var(--p35);
    display: flex;
    flex-direction: column;
}
.guanyu-LunBodivdiv div {
    display: flex;
    flex-direction: row;
    gap: var(--p6);
    align-items: flex-end;
}
.guanyu-LunBodivdiv .sp1 {
    color: #FFF;
    font-size: var(--ft29);
    font-weight: bold;
}
.guanyu-LunBodivdiv .sp2 {
    color: #FFF;
    font-size: var(--ft24);
}
.guanyu-LunBodivdiv .sp3 {
    display: none;
    /*color: rgba(183, 182, 183);*/
    color: #FFF;
    font-size: var(--ft18);
    line-height: var(--ft25);
    text-align: left;
}
.guanyu-LunBodivNR {
        background-color: rgba(0,0,0,0.5);
    }
.guanyu-LunBodiv:hover .guanyu-LunBodivdiv .sp3 {
    display: block;
}
.guanyu-box3 {
    padding-top: var(--p106);
    padding-bottom: var(--p120);
    background-color: rgba(247, 247, 247);
}
.guanyu-box3div {
    width: 1452px;
    width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}
.guanyu-box3div .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: rgba(44, 78, 152);
}
.guanyu-box3div .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #000;
    font-weight: bold;
}
.guanyu-box3div .xian {
    width: 96px;
    height: 3px;
    background-color: rgba(187, 35, 33);
    margin-bottom: var(--p80);
}
.guanyu-box3grid {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--p40);
}

.guanyu-box3grid img {
    display: block;
    width: 100%;
}
.fazhan-titlebox {
    position: absolute;
    left: 0;
    top: var(--p40);
    width: 100%;
    z-index: 2;
}
.fazhan-title {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

.fazhan-title .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: #FFF;
}
.fazhan-title .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #FFF;
    font-weight: bold;
}
.fazhan-title .xian {
    width: 96px;
    height: 3px;
    background-color: #FFF;
}
.rongyu-box {
    padding-top: var(--p100);
    padding-bottom: var(--p160);
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--p90);
}
.rongyu-div1 {
    display: flex;
    flex-direction: column;
    gap: var(--p21);
    text-align: center;
}
.rongyu-div1 .sp1 {
    font-size: var(--ft16);
    color: #2C3B82;
}
.rongyu-div1 .sp2 {
    font-size: var(--ft45);
    color: #000;
    font-weight: bold;
}
.rongyu-div1 .xian {
    width: 96px;
    height: 3px;
    margin: 0 auto;
    background-color: rgba(187, 35, 33);
}
.rongyu-div1 .sp3 {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: var(--ft21);
    color: #000;
    margin-top: var(--p20);
}
.rongyu-imgspan {
    display: none;
    font-size: var(--ft18);
    color: #000;
    text-align: center;
}
.product-box {
    padding-top: var(--p90);
    padding-bottom: var(--p80);
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--p30);
}
.product-div {
    background-color: rgba(247, 248, 252);
    padding-bottom: var(--p20);
    padding-top: var(--p90);
    display: flex;
    flex-direction: column;
    text-align: center;
}
.product-div-img {
    display: block;
    width: 80%;
	height: 270px;
    margin: 0 auto;
}
.product-div:hover {
    background: linear-gradient(
    to top,
    rgb(26, 74, 153),
    rgb(247, 248, 252),
    rgb(247, 248, 252)
  );
  border-bottom-left-radius: 20px;
  border-bottom-right-radius: 20px;
}
.product-div:hover .sp1 {
   padding-top: var(--p60);
}
.product-div:hover .sp1,
.product-div:hover .sp2 {
    color: #FFF;
}
.product-div:hover a {
    display: flex;
    width: 50%;
    margin: 0 auto;
    padding: var(--p6) 0;
    background-color: #FFF;
    color: rgba(52, 95, 164);
    border-radius: 20px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.product-div .sp1 {
    padding-top: var(--p127);
    color: rgba(0, 17, 46);
    font-size: var(--ft23);
    margin-bottom: var(--p20);
}
.product-div .sp2 {
    display: block;
    width: 80%;
    margin: 0 auto;
    font-size: var(--ft18);
    line-height: 1.2;
    margin-bottom: var(--p45);
}
.product-div a {
    display: none;
}
.productNR-box {
    background-color: rgba(245, 245, 245);
    padding-top: var(--p80);
    padding-bottom: var(--p80);
}
.productNR-div1 {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    background-color: #FFF;
    padding: var(--p30) var(--p20);
    border-radius: 8px;
    position: relative;
    margin-bottom: var(--p55);
}
.swiper-container-wrapper {
  display: flex;
  flex-direction: row;
  gap: var(--p60);
  width: 100%;
  height: 500px;
  margin: 20px auto;
  border-radius: 8px;
  overflow: hidden;
}

.gallery-top {
  flex: 1;
  height: 100%;
  position: relative;
}
.gallery-thumbs {
  width: 18%; 
  height: 100%;
  box-sizing: border-box;
  padding: 10px 0;
}
.gallery-thumbs .swiper-slide {
  opacity: 0.4;
  cursor: pointer;
  border-radius: 4px;
  margin: 4px 0;
  transition: all 0.3s ease;
}
.gallery-thumbs .swiper-slide-thumb-active {
  opacity: 1;
  border: 2px solid #fff;
  transform: scale(1.05);
}
.swiper-slide img {
  display: block;
  /*width: 100%;*/
  height: 100%;
  margin: 0 auto;
  /*object-fit: cover;*/
}
.swiper-button-next:after, .swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after, .swiper-rtl .swiper-button-next:after {
    content: ''!important;
}
.zhinengNR-div4NRdiv img {
    display: block;
    width: 100%;
}

.productNR-div2 {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--p50);
    margin-bottom: var(--p35);
}
.productNR-div2span1 {
    font-size: var(--ft32);
    color: #2C3B82;
    font-weight: bold;
}
.productNR-div2span2 {
    display: block;
    padding: 0 var(--p40);
    color: #444444;
    font-size: var(--ft18);
    line-height: var(--ft30);
}
.productNR-div3 {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    background-color: #FFF;
    padding: var(--p20) 0;
    border-radius: 8px;
    margin-bottom: var(--p30);
}
.productNR-div3span1 {
    display: block;
    padding: 0 var(--p40);
    font-size: var(--ft18);
    line-height: var(--ft63);
    color: #2C3B82;
    font-weight: bold;
}
.productNR-div3 .xian {
    width: 10%;
    height: 3px;
    background: #2C3B82;
}
.productNR-div3 .xian1 {
    width: 100%;
    height: 1px;
    background: #ccc;
    margin-bottom: var(--p40);
}
.productNR-div3div {
    padding: 0 var(--p80);
}
.productNR-div3div td {
    font-size: var(--ft16);
    color: #333;
}
.product-tuijian {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--p30);
}
.product-tuijianTitlt {
    width: 100px;
    display: block;
    font-size: var(--ft25);
    line-height: var(--ft45);
    font-weight: bold;
    color: #2C3B82;
    border-bottom: 2px solid #2C3B82;
}
.product-tuijianNR {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--p70);
}
.product-tuijianNRdiv {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 8px;
}
.product-tuijianNRdiv img {
    display: block;
    width: 85%;
    margin: 0 auto;
    margin-bottom: var(--p40);
}
.product-tuijianNRdivdiv {
    padding: 0 var(--p20);
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.product-tuijianNRdivdiv .span1 {
    font-size: var(--ft21);
    color: #2C3B82;
    font-weight: bold;
}
.product-tuijianNRdivdiv .span2 {
    font-size: var(--ft18);
    color: #000;
}
.star-box {
    font-size: 24px;
    color: #2C3B82;
    letter-spacing: 2px;
    display: inline-block;
}
.product-tuijianNRdivdiv .btn {
    width: 100%;
    display: block;
    font-size: var(--ft21);
    line-height: var(--ft48);
    font-weight: bold;
    text-align: center;
    border: 1px solid #2C3B82;
    border-radius: 8px;
    color: #2C3B82;
    margin-bottom: var(--p40);
}
.product-tuijianNRdivdiv .btn:hover {
    background-color: #2C3B82;
    color: #FFF;
}
.zhineng-box {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    padding-top: var(--p40);
    padding-bottom: var(--p60);
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.zhineng-div1 {
    border-bottom: 1px solid #ccc;
}
.zhineng-div1 ul {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
}
.zhineng-div1 ul li {
    font-size: var(--ft21);
    line-height: var(--ft30);
    color: #000;
    padding-bottom: var(--p20);
    cursor: pointer;
}
.zhinengactive {
    color: rgba(44, 59, 130);
    border-bottom: 3px solid #2C3B82;
}
.zhineng-div2 {
    width: 100%;
	}
.zhineng-content {
	display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--p20);

    
    padding: 20px;
    /*border: 1px solid #eee;*/
}

.zhineng-content.zhinengbactive {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--p20);
    /*display: block;*/
    /*background-color: rgba(247, 248, 252);*/
}
.zhineng-content.zhinengbactive div {
    background-color: rgba(247, 248, 252);
}
.product2-div-img {
    display: block;
    width: 60%;
height: 140px;
    margin: 0 auto;
}
.zhineng-content.zhinengbactive .sp2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.zhinengNR-box {
    width: 1452px;
    max-width: 90%;
    display: flex;
    flex-direction: column;
    margin: 0 auto;
    margin-top: var(--p30);
    margin-bottom: var(--p80);
}
.zhinengNR-div1 {
    padding: var(--p20) var(--p30);
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    gap: var(--p30);
    align-items: center;
    background-color: #FFF;
    border-radius: 20px;
    margin-bottom: var(--p60);
}
.zhinengNR-div1 img {
    display: block;
    width: 60%;
	margin: 0 auto;
}
.zhinengNR-div1NR {
width: 60%;
    display: flex;
    flex-direction: column;
}
.zhinengNR-div1NRspan1 {
    color: #2C3B82;
    font-size: var(--ft51);
    font-weight: bold;
    margin-bottom: var(--p100);
}
.zhinengNR-div1NRspan2 {
    display: block;
    width: 85px;
    color: #2C3B82;
    font-size: var(--ft21);
    line-height: var(--ft32);
    border-bottom: 2px solid #2C3B82;
    font-weight: bold;
    margin-bottom: var(--p30);
}
.zhinengNR-div1NRspan3 {
    font-size: var(--ft18);
    line-height: var(--ft25);
}
.zhinengNR-div2 {
    display: flex;
    flex-direction: column;
    gap: var(--p30);
    margin-bottom: var(--p80);
}
.zhinengNR-spantitle {
    display: block;
    margin: 0 auto;
    font-weight: bold;
    font-size: var(--ft29);
    color: #2C3B82;
    line-height: var(--ft70);
    text-align: center;
}
.zhinengNR-xian {
    width: 90px;
    height: 3px;
    background-color: #2C3B82;
    margin: 0 auto;
}
.zhinengNR-div2NR {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--p28);
}
.zhinengNR-div2NRdiv:hover {
    background-color: #2C3B82;
}
.zhinengNR-div2NRdivimg1 {
    display: block;
}
.zhinengNR-div2NRdivimg2 {
    display: none;
}
.zhinengNR-div2NRdiv:hover .zhinengNR-div2NRdivimg1 {
    display: none;
}
.zhinengNR-div2NRdiv:hover .zhinengNR-div2NRdivimg2 {
    display: block;
}
.zhinengNR-div2NRdiv:hover span {
    color: #FFF;
}
.zhinengNR-div2NRdiv {
    border-radius: 20px;
    background-color: #FFF;
    padding: var(--p28) var(--p50) var(--p35) var(--p30);
}
.zhinengNR-div2NRdiv {
    display: flex;
    flex-direction: column;
    gap: var(--p35);
}
.zhinengNR-div2NRdiv img {
    width: 72px;
}
.zhinengNR-div2NRdiv span {
    font-weight: bold;
    font-size: var(--p25);
    color: #000000;
    line-height: var(--p36);
}
.solution-div2 span {
    font-size: var(--ft23);
}
.zhinengNR-div3 {
    margin-bottom: var(--p90);
}
.zhinengNR-div3NR {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    margin-top: var(--p60);
}
.zhinengNR-div3NRdiv {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: var(--p10);
}
.zhinengNR-div3NRdiv .span1 {
    font-size: var(--ft42);
    font-weight: bold;
    color: #2C3B82;
}
.zhinengNR-div3NRdiv .span2 {
    font-size: var(--ft16);
    color: #333;
}
.zhinengNR-div4 {
    margin-bottom: var(--p40);
}
.zhinengNR-div4NR {
    display: flex;
    flex-direction: row;
    gap: var(--p25);
}
.zhinengNR-div4NRdiv {
    display: flex;
    flex-direction: column;
    background-color: #FFF;
    border-radius: 20px;
}
.zhinengNR-div4NRdiv .span2 {
    display: block;
    padding: var(--p25) var(--p30);
    font-weight: bold;
    font-size: var(--p25);
    color: #000000;
    line-height: var(--p36);
}
.zhinengNR-div5 {
    margin-bottom: var(--p70);
    padding: var(--p20) var(--p30);
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    background-color: #FFF;
    text-align: left;
    min-width: 100%;
}
.zhinengNR-div5 .title {
    display: block;
    font-weight: bold;
    font-size: var(--ft21);
    color: #2C3B82;
    line-height: var(--ft70);
    text-align: left;
}
.zhinengNR-div5 .xian {
    width: 85px;
    height: 3px;
    background-color: #2C3B82;
    margin-bottom: var(--p40);
}
.zhinengNR-div5NR {
    min-width: 100%;
    margin-bottom: var(--p40);
}
.zhinengNR-div5NR .title {
    width: 130px;
    display: block;
    padding: 0 var(--p25);
    border-left: 2px solid #2C3B82;
    background-color: #ccc;
    color: #2C3B82;
    font-size: var(--ft18);
    line-height: var(--ft32);
    margin-bottom: var(--p30);
} 
.zhinengNR-div5NRdiv {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p80);
    padding-bottom: var(--p20);
    border-bottom: 1px solid #ccc;
}
.zhinengNR-div5NRdivdiv {
    display: flex;
    flex-direction: row;
    gap: var(--p40);
}
.zhinengNR-div5NRdivdiv .span1 {
    min-width: 150px;
    font-size: var(--ft18);
    color: #000;
    font-weight: 500;
}
.zhinengNR-div5NRdivdiv .span2 {
    font-size: var(--ft16);
    color: #2C3B82;
}



.solution-box {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--p30);
    padding-top: var(--p70);
    padding-bottom: var(--p80);
    
}
.solution-divimg {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.solution-div {
    position: relative;
    cursor: pointer;
}
.solution-div1 {
    position: absolute;
    left: 0;
    bottom: var(--p40);
    width: 100%;
    z-index: 2;
}
.solution-div1NR {
    margin-left: var(--p30);
    font-size: var(--ft32);
    color: #FFF;
    font-weight: bold;
}
.solution-div2 a {
    display: none;
}
.solution-div:hover .solution-div1 {
    position: absolute;
    left: 0;
    bottom: 50%;
    transform: translateY(-50%);
    width: 100%;
    z-index: 2;
}
.solution-div:hover .solution-div1NR {
    text-align: center;
    margin-left: 0;
}
.solution-div:hover .solution-div2 {
    position: absolute;
    left: 0;
    bottom: var(--p40);
    width: 100%;
    z-index: 2;
}
.solution-div:hover .solution-div2 a {
    display: flex;
    width: 40%;
    margin: 0 auto;
    padding: var(--p6) 0;
    background-color: #FFF;
    color: rgba(52, 95, 164);
    border-radius: 20px;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
}
.soltionNR-box {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    margin-top: var(--p60);
    margin-bottom: var(--p80);
}
.soltionNR-boximg {
    display: block;
    width: 100%;
    margin-bottom: var(--p70);
    aspect-ratio: 1920 / 680;
}
.soltionNRspanTitle {
    font-size: var(--ft42);
    color: #2C3B82;
    line-height: var(--ft63);
    font-weight: bold;
    margin-bottom: var(--p50);
}
.soltionNR-div1 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p30);
    margin-bottom: var(--p70);
}
.soltionNRspanTitle2 {
    display: block;
    font-size: var(--ft25);
    color: #2C3B82;
    line-height: var(--ft48);
    font-weight: bold;
    margin-bottom: var(--p20);
}
.soltionNRspan {
    display: block;
    font-size: var(--ft18);
    color: #000;
    margin-bottom: var(--p50);
}
.soltionNR-div1leftdiv {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: var(--p10);
}
.soltionNR-div2 {
    display: flex;
    flex-direction: column;
    margin-bottom: 30px;
}
.soltionNR-div2NR {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p40);
}
.soltionNR-div2NRdiv {
    padding: var(--p30);
    background-color: #FFF;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    gap: var(--p20);
    align-items: flex-start;
}
.soltionNR-div2NRdiv .span1 {
    font-size: var(--ft30);
    color: #000;
    font-weight: bold;
}
.soltionNR-div2NRdiv .span2 {
    font-size: var(--ft16);
}
.soltionNR-div3 {
    display: flex;
    flex-direction: column;
    margin-bottom: var(--p40);
}
.soltionNR-div3NR {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p30);
    align-items: center;
}

ul.custom-list {
    list-style: none;
    padding-left: 20px;
    margin: 0;
    font-size: 18px;
    line-height: 2.2;
    color: #002b80;
    position: relative;
}

ul.custom-list li {
    position: relative;
    padding-left: 30px;
}
ul.custom-list::before {
    content: "";
    position: absolute;
    left: 3px;
    top: 17px;
    bottom: 10px;
    width: 2px;
    height: 90%;
    background-color: #6678b8;
}
.soltionNR-div1right,.soltionNR-div3NR img,.soltionNR-div4NR img {
    display: block;
    max-width: 100%;
}
.custom-list li {
    font-size: var(--ft18);
}
.soltionNR-div3NRright span {
    display: block;
    font-size: var(--ft23);
    color: rgba(44, 59, 130);
    font-weight: bold;
    margin-bottom: var(--p40);
}

.soltionNR-div4 {
    display: flex;
    flex-direction: column;
}
.soltionNR-div4NR {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--p40);
}

.new {
    background-color: rgba(244, 244, 244);
}

.new-box {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    padding-top: var(--p90);
    padding-bottom: var(--p75);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--p40);
}
.new-boxdiv {
    display: flex;
    flex-direction: column;
    gap: var(--p20);
    background-color: #FFF;
    border-radius: 15px;
}
.new-boxdiv img {
    display: block;
    width: 100%;
}
.new-boxdivNR {
    padding: 0 var(--p20);
    padding-bottom: var(--p30);
    display: flex;
    flex-direction: column;
}
.new-boxdivNR1 {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding-bottom: var(--p25);
}
.new-boxdivNR .sp1 {
    display: block;
    padding: var(--p6) var(--p6);
    background-color: red;
    color: #FFF;
    border-radius: 8px;
    font-size: var(--ft14);
}
.new-boxdivNR .sp2 {
    color: rgba(126, 126, 126);
    font-size: var(--ft14);
}
.new-boxdivNRspan1 {
    font-size: var(--ft23);
    line-height: var(--ft51);
    color: #2C3B82;
    font-weight: bold;
}
.new-boxdivNRspan2 {
    font-size: var(--ft16);
    line-height: var(--ft25);
    color: #444444;
    margin-bottom: var(--p20);
}
.new-boxdivNRbtn {
    color: rgba(55, 69, 137);
    font-size: var(--ft16);
}
.new-XiangQing {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    padding-top: var(--p60);
    padding-bottom: var(--p75);
    display: flex;
    flex-direction: column;
}
.new-XiangQing .sp1 {
    text-align: center;
    font-size: var(--ft38);
    color: #000;
    font-weight: bold;
    margin-bottom: var(--p40);
}
.new-XiangQing .sp2 {
    text-align: left;
    font-size: var(--ft14);
    color: #333333;
    line-height: var(--ft38);
}
.new-XiangQing .xian {
    width: 100%;
    height: 1px;
    background-color: #ccc;
    margin-bottom: var(--p50);
}
.new-XiangQing .neirong {
    margin-bottom: var(--p50);
}
.new-XiangQing .SXPian {
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.new-XiangQing span {
    font-weight: bold;
}
.contact-box {
   background-color: rgba(244, 244, 244);
    display: flex;
    flex-direction: column;
}
.contact-div1 {
     width: 1452px;
    width: 90%;
    margin: 0 auto;
    padding-top: var(--p90);
    padding-bottom: var(--p75);
    display: flex;
    flex-direction: column;
}
.contact-div1 .sp1 {
    font-size: var(--ft18);
    margin-bottom: var(--p16);
    color: rgba(44, 78, 152);
}
.contact-div1 .sp2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #000;
    font-weight: bold;
}
.contact-div1 .xian {
    width: 96px;
    height: 3px;
    background-color: rgba(187, 35, 33);
    margin-bottom: var(--p80);
}
.contact-div1NR {
    margin-top: var(--p60);
    padding: 0 var(--p28);
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--p50);
}
.contact-div1NRdiv {
    padding: var(--p30) var(--p40);
    background-color: #FFF;
    border-radius: 8px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    display: flex;
    flex-direction: column;
    gap: var(--p16);
    align-items: flex-start;
    margin-bottom: var(--p40);
}
.contact-div1NRdivimg1 {
    display: block;
}
.contact-div1NRdivimg2 {
    display: none;
}
.contact-div1NRdivspan1 {
    font-size: var(--ft21);
    font-weight: bold;
}
.contact-div1NRdiv:hover {
    background-color: rgba(44, 59, 130);
}
.contact-div1NRdiv:hover .contact-div1NRdivimg1 {
    display: none;
}
.contact-div1NRdiv:hover .contact-div1NRdivimg2 {
    display: block;
}
.contact-div1NRdiv:hover span {
    color: #FFF;
}
.contact-ditu {
    display: block;
    margin: 0 auto;
    max-width: 100%;
}
.contact-box2 {
    padding-top: var(--p50);
    padding-bottom: var(--p120);
}
.contact-div2 {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    padding: 0 var(--p28);
    display: flex;
    flex-direction: column;
}
.contact-div2span1 {
    text-align: center;
    font-size: var(--ft45);
    font-weight: bold;
    color: #2C3B82;
    margin-bottom: var(--p30);
}
.contact-div2span2 {
    display: block;
    width: 70%;
    margin: 0 auto;
    text-align: center;
    font-size: var(--ft21);
    color: #000;
    margin-bottom: var(--p90);
}
.contact-div2NR {
    display: flex;
    flex-direction: row;
    gap: var(--p50);
}
.contact-div2NRleft {
    flex: 1;
    display: flex;
    flex-direction: column;
}
.contact-div2NRleft .sp1 {
    font-weight: bold;
    font-size: var(--ft45);
    margin-bottom: var(--p20);
}
.contact-div2NRleft .sp2 {
    font-size: var(--ft18);
    margin-bottom: var(--p60);
}
form {
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.form-group {
    width: 50%;
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.form-group1 {
    width: 100%;
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.form-row {
    display: flex;
    flex-direction: row;
    gap: var(--p30);
}
.form-label {
    font-size: var(--ft18);
    color: #000;
}
input {
    height: var(--wh50);
    border: 1px solid #ccc;
    border-radius: 8px;
    padding-left: 5px;
}
select {
    height: var(--wh50);
    border: 1px solid #ccc;
    border-radius: 8px;
}
textarea {
    border: 1px solid #ccc;
    border-radius: 8px;
    width: 100%;
    padding-left: 5px;
}
.danxuan {
    width: 50px;
}
.form-row span {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #000;
}
.form-row span a {
    color: rgba(215, 61, 61);
}
.form-button {
    margin-top: var(--p40);
    width: 150px;
    border-radius: 8px;
    border: none;
    background-color: rgba(44, 59, 130);
    color: #fff;
    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); 
}
.formB-span {
    font-size: 12px;
    line-height: 16px;
    text-align: left;
    color: #000;
}
input::placeholder {
    color: #000;
}
textarea::placeholder {
    color: #000;
    font-weight: 500;
}
.contact-div2NRright {
    display: block;
}
footer {
    padding-top: var(--p90);
}
.footer-div {
    width: 1452px;
    max-width: 90%;
    margin: 0 auto;
    display: flex;
    flex-direction: row;
    gap: var(--p106);
}
.footer-div1 {
    display: flex;
    flex-direction: column;
align-items: flex-start;
}
.footer-logo {
    display: block;
    margin-bottom: var(--p35);
}
.footer-div1NR {
    display: flex;
    flex-direction: column;
    gap: var(--p20);
}
.footer-div1NRdiv {
    display: flex;
    flex-direction: row;
    gap: var(--p10);
    align-items: center;
}
.footer-div1NRdiv span {
    font-size: var(--ft16);
    color: #FFF;
}
.footer-div2 {
    flex: 1;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
.footer-div2NR {
    font-size: var(--ft21);
    color: #FFF;
    display: flex;
    flex-direction: column;
    gap: var(--p10);
}
.footer-div2NR ul {
    display: flex;
    flex-direction: column;
    gap: var(--p10);
}
.footer-div2NR ul li {
    font-size: var(--ft16);
    color: #FFF;
}
.footer-erweima {
    display: flex;
    flex-direction: column;
    gap: var(--p10);
}
.footer-erweimadiv {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}
footer .xian {
    width: 100%;
    margin-top: var(--p60);
    height: 1px;
    background-color: #ccc;
}
.beian {
    display: block;
    width: 100%;
    text-align: center;
    font-size: var(--ft16);
    color: #ccc;
    line-height: var(--p50);
}

.pagination {
    margin: 0 auto;
    text-align: center;
    padding-bottom: var(--p50);
}
.pagination span,
.pagination a{
    padding: 0 var(--p10);
}
.footer-div2NR ul li {
    color: #bbbbbb;
}
.footer-div2NR ul li:hover {
    color: #FFF;
}
.index-box2div > .index-box2divdiv:nth-last-child(2),
.index-box2div > .index-box2divdiv:nth-last-child(1) {
    border-bottom: none!important;
}
.index-box2 {
    position: relative;
}
.index-box2DingWei {
    position: absolute;
    left: 0;
    top: 60px;
    width: 100%;
    height: 100%;
}
.ditureddiv {
    background-color: rgba(219, 34, 38);
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    padding: 50px 20px 50px 220px;
}
.dituredNR-div1 {
    border-right: 3px solid rgba(223, 57, 60);
    display: flex;
    flex-direction: row;
    gap: var(--p70);
    padding-right: var(--p50);
    align-items: center;
}
.dituredNR-div1div1 {
    width: 40%;
    display: flex;
    flex-direction: column;
    gap: var(--p10);
}
.dituredNR-div1div1 .span1 {
    font-size: var(--ft20);
    color: #FFF;
}
.dituredNR-div1div1 .span2 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #FFF;
    font-weight: bold;
}
.dituredNR-div1div2 {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--p10);
}
.dituredNR-div1div2 .span1 {
    font-size: var(--ft45);
    color: #FFF;
    font-weight: bold;
}
.dituredNR-div1div2 .span2 {
    font-size: var(--ft20);
    color: rgba(241, 167, 168);
}
.dituredNR-div1div2div {
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 10px;
    font-size: var(--ft25);
    color: #FFF;
    align-items: center;
}

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

.dituredNR-div2div {
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    gap: var(--p30);
}
.dituredNR-div2divdiv {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    column-gap: var(--p30);
    row-gap: var(--p10);
}
.dituredNR-div2div .span1 {
    font-size: var(--ft45);
    margin-bottom: var(--p16);
    color: #FFF;
    font-weight: bold;
}
.dituredNR-div2divdiv .span1 {
    font-size: var(--ft20);
    color: rgba(241, 167, 168);
}
.dituredNR-div1div2div p {
    line-height: 1;
}
.new-XiangQing .neirong img {
display: block;
margin: 0 auto;}
.guanyu-box1divNRspan {
width: 50%;}

.yingyongxiangqing-content img {
display: block;
width: 100%;
margin: 0 auto;
}

.productNR-div3div table td, table th {
  border: 1px solid #000; /* �߿��ϸ����ɫ */
  padding: 8px 12px;      /* ��Ԫ���ڱ߾� */
}
.swiper-button-next img,.swiper-button-prev img {
width : 100%}
.swiper-button-next,.swiper-button-prev {width: 45px!important;}