.header{position: absolute; top: 4.75rem; width: 100%;}
.headBox{padding: 0 9.5%;}
.header .logo img{display: block;  width: 24.75rem;}
.headBox .re{align-items: flex-end;  flex-direction: column;}
.top-box{font-size: var(--font14); color: #221815; margin-bottom: 4.375rem;}
.top-box a{color: #221815; }
.top-box .tel{margin: 0 3.0625rem;}
.top-box .tel img{display: block; width: 1rem; margin-right: .875rem;}


/* 导航 */
/* 取消layui默认样式 */
.qx-style {padding: 0; border-radius: 0; background: none;}
.qx-style .layui-nav-item {line-height: initial;}
.qx-style .layui-nav-item > a {padding: 0;}
/* 取消layui默认样式 end!!!*/

nav {height: 100%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav .layui-nav .layui-nav-item {display: flex;height: 100%;align-items: center;z-index: 1;transition: 0.6s;position: relative; padding: 0 3.125rem; border-right: 2px solid #d7276f;}
nav .layui-nav .layui-nav-item:nth-child(6){border-right: none; padding-right: 0;} 
nav .layui-nav .layui-nav-item  a {color: #221815;position: relative;z-index: 1;font-size: var(--font18);transition: 0.6s;display: block; height: 100%; font-weight: 400;}

nav .layui-nav .layui-this:after,   nav .layui-nav-bar{display: none;} 

nav .layui-nav .layui-this a{color: #d7276f;}

@media (any-hover: hover) {
    nav .layui-nav .layui-nav-item:hover a{color: #d7276f;}
}


/* 默认下拉 */
.navlist {position: absolute;left: 0;top: 150%;width: auto;min-width: 7.5rem;left: 50%;transform: translateX(-50%);display: none;background: rgba(255,255,255,0.5);border-bottom-right-radius: 1.625rem;}
.navlist dl{position: relative;padding:.5rem 0 2.375rem;padding-left: .25rem;}
.navlist dl::after{position: absolute;content: '';width: .125rem;height: 100%;left: .25rem;top: 0;background: #221815;}
.navlist dl dt{padding-left: 1.25rem; position: relative;}
.navlist dl dt::after{position: absolute; content: '';width: .625rem; height: .625rem;border-radius: 50%;  left: 0; top: 50%; transform: translate(-.25rem,-50%); background: #221815; z-index: 99; opacity: 0;}
.navlist dl dt a{color: #221815!important;padding: 0!important;display: block;font-size: var(--font16)!important;line-height: 2;}
@media (any-hover: hover) {
.navlist dl dt:hover::after{opacity: 1;}
}
/* 首页banner */
.index-banner img{display: block; width: 100%;}

/* 企业理念 */
.concept{padding: 8.6875rem 0 4.625rem;}
.concept-list ul{gap: 3.9375rem;}
.concept-list ul li .pic{overflow: hidden;}
.concept-list ul li .pic img{display: block; width: 100%;}
.concept-list ul li .info{line-height: 4.8;}
.concept-list ul li:nth-child(1) .info{background: #587890;}
.concept-list ul li:nth-child(2) .info{background: #96b7c2;}
.concept-list ul li:nth-child(3) .info{background: #609fba;}
.concept-list ul li .info em{margin-right: 2.8125rem;}
.concept-list ul li .info span{letter-spacing: .3125rem;}

/* 关于我们 */
.index-title{position: relative; margin-bottom: 3.5rem;}
.index-title img{display: block; min-width: 16.4375rem; margin: 0 auto; max-width: 20.75rem;}
.index-title h2{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); }
.about{margin-bottom: 6.25rem;}
.about-box{margin-bottom: 9.375rem;}
.about-box .pic{width: 37.43%;}
.about-box .pic video{display: block; width: 100%;}
.about-box .info{width: 50%;}
.about-box .info h3{line-height: 2; margin-bottom: 1.25rem;}
.about-num ul{display: grid; grid-template-columns: calc((348 / 1432) * 100%) calc((430 / 1432) * 100%) calc((385 / 1432) * 100%) calc((269 / 1432) * 100%); }
.about-num ul li .about-line{margin-bottom: 1.25rem;}
.about-num ul li:nth-child(1) .about-line{border-bottom: 3px solid #7f1084;}
.about-num ul li:nth-child(2) .about-line{border-bottom: 3px solid #a1047f;}
.about-num ul li:nth-child(3) .about-line{border-bottom: 3px solid #d30073;}
.about-num ul li:nth-child(4) .about-line{border-bottom: 3px solid #e5006e;}
.about-num ul li:nth-child(1) .name{background-image: -moz-linear-gradient( 180deg, rgb(135,13,131) 0%, rgb(127,16,133) 57%);  background-image: -webkit-linear-gradient( 180deg, rgb(135,13,131) 0%, rgb(127,16,133) 57%);  background-image: -ms-linear-gradient( 180deg, rgb(135,13,131) 0%, rgb(127,16,133) 57%);}
.about-num ul li:nth-child(2) .name{ background-image: -moz-linear-gradient( 180deg, rgb(197,0,118) 0%, rgb(160,7,126) 100%);   background-image: -webkit-linear-gradient( 180deg, rgb(197,0,118) 0%, rgb(160,7,126) 100%);   background-image: -ms-linear-gradient( 180deg, rgb(197,0,118) 0%, rgb(160,7,126) 100%);}
.about-num ul li:nth-child(3) .name{background-image: -moz-linear-gradient( 180deg, rgb(226,0,111) 0%, rgb(210,0,115) 100%);   background-image: -webkit-linear-gradient( 180deg, rgb(226,0,111) 0%, rgb(210,0,115) 100%);   background-image: -ms-linear-gradient( 180deg, rgb(226,0,111) 0%, rgb(210,0,115) 100%);}
.about-num ul li:nth-child(4) .name{ background-image: -moz-linear-gradient( 180deg, rgb(229,0,110) 0%, rgb(229,0,110) 100%);   background-image: -webkit-linear-gradient( 180deg, rgb(229,0,110) 0%, rgb(229,0,110) 100%);   background-image: -ms-linear-gradient( 180deg, rgb(229,0,110) 0%, rgb(229,0,110) 100%);}
.about-num ul li .name{ display: inline-block;  border-top-left-radius: 1rem;border-top-right-radius: 1rem;height: 4.25rem;padding: 0 8rem 0 0.5rem;}
.about-num ul li .name div{font-size: 2.5rem;}
.about-num ul li .name span{font-size: var(--font40); line-height: 1;}
.about-num ul li .name em{margin-left: .3125rem;}
.about-num ul li .name i{font-style: inherit;}
.about-num ul li:nth-child(2) .name div{align-items: flex-start;}
.about-num ul li:nth-child(3) .name div,.about-num ul li:nth-child(4) .name div{align-items: flex-end;}


/* 匠心底蕴 */
.ys{margin-bottom: 7.25rem;}
.ys-list ul{gap: 2.0625rem;}
.ys-list ul li:nth-child(1){background: #f095bc; border-top-left-radius: 2.25rem; border-bottom-left-radius: 2.25rem;}
.ys-list ul li:last-child .pic img{border-top-right-radius: 2.25rem; border-bottom-right-radius: 2.25rem; }
.ys-list ul li .pic img{display: block; width: 100%;}
.ys-list ul li em{font-weight: 300; margin-bottom: 4.6875rem;}
.ys-list ul li em:last-child{margin-bottom: 0;}


/* 产品与应用 */
.product-list{margin-bottom: 9.0625rem;}
.product-list ul li .pic,.product-list ul li .info{width: 50%;}
.product-list ul li .pic img{display: block; width: 100%;}
.product-list ul li h3{ width: 27%;  text-align: center; color: #221815;}
.product-list ul li h4{flex: 1; color: #221815;}
.product-list ul li:nth-child(2) a {   flex-direction: row-reverse;}
.product-list ul li:nth-child(2) .text{flex-direction: row-reverse;}
.product-list ul li:nth-child(2) h4{text-align: right;}

/* 荣誉资质 */
.honor-list ul{gap: .625rem;}
.honor-list ul li{position: relative;}
.honor-list ul li .pic img{display: block; max-width: 100%;}
.honor-list ul li .text{position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); display: flex;align-items: center;justify-content: center; text-align: center;}
.honor-list ul li .text em{}
.honor-bg img{display: block; width: 100%;}


/* 最新资讯 */
.news{margin-bottom: 5.75rem;}
.news .index-title{margin-bottom: 0;}
.news-bg{margin-bottom: 2.625rem;}
.news-bg img{display: block; width: 100%;}
.news-bg h3{ letter-spacing: 1.125rem; margin: 1.0625rem 0 2.5rem;}
.news-list{position: relative; overflow: hidden;}
.news-list ul li{}
.news-list ul li .pic{overflow: hidden; margin-bottom: 3.125rem;}
.news-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.news-list ul li h4{text-align: center; color: #221815;}
#news-num{display: none;}

@media (any-hover: hover) {
    .news-list ul li:hover .pic img{transform: scale(1.1);}
    .news-list ul li:hover h4{color: #db3b7b;}
}

/* 业务分布 */
.business .pic img{display: block; width: 100%;}

.footer-bg{padding: 3.9375rem 0 8.125rem; background: #f3e5e4}
.footer-logo img{display: block; width: 24.75rem;}
.foternav,.footer-right {margin-top: 5.625rem; }
.foternav{width: 54%;}
.foternav dl dt a{color: #db3b7b; margin-bottom: 1.75rem; display: block;}
.foternav dl dd a{color: #221815; font-size: var(--font15); margin-bottom: .5rem; display: block;} 
.footer-right {display: flex; flex-direction: column;     align-items: flex-end;} 
.footer-right  img{display: block; width: 8.8125rem; min-width: 7.5rem; margin-bottom: 5rem;}
.footer-right p{color: #221815; font-size: var(--font15); line-height: 2; }
.footer-right p a{color: #221815; }

@media (any-hover: hover) {
    .foternav dl dd a:hover, .footer-right p a:hover{color: #db3b7b;}
}


/* 内页产品中心 */
.proMain{ padding: 8.125rem 0;}
.pro-class dl  dt{margin-bottom: 1.75rem;}
.pro-class dl dt h2,.pro-class dl dt h3{font-weight: 300;}
.pro-class dl dt em{color: #db3b7b; font-weight: 300;}
.pro-class dl dt h3{margin-left: 3.75rem;}
.pro-class  ul li{ background: #f9dae8; border-radius: 1.25rem; margin-bottom: 6.875rem;}
.pro-class  ul li .pic{width: 44%; }
.pro-class  ul li .pic img{display: block; width: 100%; border-top-left-radius: 1.25rem; border-bottom-left-radius: 1.25rem;}
.pro-class  ul li .info{width: 56%;padding: 0 6.25rem;}
.pro-class  ul li .pic img{display: block; width: 100%;}
.pro-class  ul li .text,.pro-class  ul li .info h4{color: #221815;}
.pro-class  ul li .info h4{margin-top: .625rem;}
.pro-class dl:nth-child(2) ul li{background: #c7ddf3;}
.pro-class dl:nth-child(4) ul li{background: #c7e6e3;}
.pro-class dl:nth-child(5) ul li{background: #c7def3;}




/* 内页研发创新 */
#c-placeholder {height: 17.9375rem;}
header.c-style2{top: 0; padding: 2.5rem 0;}
.techMain{padding: 6.25rem 0 0;}
.tech .index-title{display: inline-block; margin-bottom: 2.9375rem; margin-left: .75rem;}
.tech {   display: flex;   flex-direction: column;   align-items: flex-start;}
.tech-title{position: relative; display: inline-block;}
.tech-title img{display: block; width: 17.25rem;}
.tech-title h3{position: absolute; top: 45%; left: 50%; transform: translate(-50%,-50%); text-align: center; width: 100%;}
.tech .tech-title{margin-left: 2.3125rem;}
.tech .info h4{font-weight: 300; line-height: 2; margin-left: 3.1875rem;}
.tech-box {width: 100%; margin-top: 6.25rem; margin-bottom: 6.25rem;}
.tech-box .info{width: 36.2%;}
.tech-box .pic{width: 59%;}
.tech-box .pic img{display: block; width: 100%;}
.tech-box dl{margin-bottom: 5.5rem;}
.tech-box dl dt{  background-image: -moz-linear-gradient( 180deg, rgb(117,20,133) 0%, rgb(166,117,177) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(117,20,133) 0%, rgb(166,117,177) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(117,20,133) 0%, rgb(166,117,177) 100%);display: inline-block;text-align: center;padding: 1.3rem 4.8rem;border-radius: 100px; transform: translateY(-2.5rem); position: absolute;}
.tech-box dl dd{display: flex; align-items: flex-end; height: 7.625rem; border-radius: .875rem;   background-image: -moz-linear-gradient( 180deg, rgb(166,116,176) 0%, rgb(166,117,176) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(166,116,176) 0%, rgb(166,117,176) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(166,116,176) 0%, rgb(166,117,176) 100%); margin-left: 3.375rem; } 
.tech-box dl dd em{margin-left: 2.75rem; margin-bottom: 1.5625rem;}

.tech-box dl:last-child dt{background-image: -moz-linear-gradient( 180deg, rgb(200,50,131) 0%, rgb(223,152,192) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(200,50,131) 0%, rgb(223,152,192) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(200,50,131) 0%, rgb(223,152,192) 100%);}
.tech-box dl:last-child dd{background-image: -moz-linear-gradient( 180deg, rgb(224,152,193) 0%, rgb(224,152,192) 100%);
    background-image: -webkit-linear-gradient( 180deg, rgb(224,152,193) 0%, rgb(224,152,192) 100%);
    background-image: -ms-linear-gradient( 180deg, rgb(224,152,193) 0%, rgb(224,152,192) 100%);}
.tech-honor{width: 100%;}
.tech-honor ul li{width: 28.9%;  margin-bottom: 1.875rem; position: relative;}
.tech-honor ul li:first-child{margin-right: 1.875rem;}
.tech-honor ul li .pic img{display: block; width: 100%;}
.tech-honor ul li em{position: absolute; top: 40%; left: 50%; transform: translate(-50%,-50%); text-align: center; font-size: var(--font24);  color: #e60b19;}

.title-en img{display: block; width: 26.875rem; margin: 2.1875rem 0 .625rem;}
.cooperation{}
.cooperation-list dl{margin-bottom: 4.375rem;}
.cooperation-list dl dt{width: 62%;}
.cooperation-list dl dt img{display: block; width: 100%;}
.cooperation-list dl dd{width: 38%; padding:  3.5rem    2.8125rem 0 3.4375rem;}
.cooperation-list dl:first-child{background: #f6bfd7;}
.cooperation-list dl:last-child{background: #c7def3;}
.cooperation-list dl h5{font-weight: 300;}
.cooperation-list dl:first-child h4{margin-bottom: 2.5rem;}
.patent{margin: 8.125rem 0 0;}
.patent .pic img{display: block; width: 100%;}
.patent-list{ transform: translateY(-5rem); margin-bottom: 6rem;}
.patent-list ul{gap:5rem}
.patent-list ul li h6{font-size: var(--font20); line-height: 2; }



/* 内页生产品质-精工细制 */
.seikoMain .index-title{margin-bottom: 4.375rem}
.seiko{margin: 6.5625rem 0 8.75rem;}
.seiko-list ul{grid-template-rows: 32.6875rem 21.125rem; gap: 3.125rem;}
.seiko-list ul li .pic{overflow: hidden; height: 100%;}
.seiko-list ul li .pic img{display: block; width: 100%; object-fit: cover; height: 100%;}
.seiko-list ul li:nth-child(1){grid-column-start: 1;  grid-column-end: span 2;}

.quality-list ul li{overflow: hidden; height: 36.625rem;}
.quality-list ul li:first-child{width: 55%;}
.quality-list ul li:last-child{width: 42%;}
.quality-list ul li .pic{overflow: hidden;}
.quality-list ul li .pic img{display: block; width: 100%; object-fit: cover; height: 100%;}

.zero{padding: 1rem 0 0;}
.zero-top{margin-bottom: 4.0625rem;}
.zero-top .tech-title{margin-bottom: .625rem;}
.zero-top .info dl{margin-bottom: 1rem; margin-left: 1rem;}
.zero-top .info dl dt{width: .375rem; height: .375rem; background: #221815; border-radius: 50%; margin-right: .625rem;}
.zero-top .info dl dd{}
.zero-top .pic{width: 55.93%;}
.zero-top .pic img{display: block; width: 100%;}


.zero-list {margin-bottom: 7.125rem;}
.zero-list ul{grid-template-columns: repeat(3, 1fr); gap: 3.125rem;}
.zero-list ul li .pic{overflow: hidden; height: 100%;}
.zero-list ul li .pic img{display: block; width: 100%; object-fit: cover; height: 100%;}

.zero-list2{margin-bottom: 4.375rem;}
.zero-list2 ul{grid-template-columns: repeat(4, 1fr); gap: 4.25rem;}
.zero-list2 ul li .pic{overflow: hidden; height: 100%;}
.zero-list2 ul li .pic img{display: block; width: 100%; object-fit: cover; height: 100%;}



/* 内页新闻中心 */
.newsMain{padding: 6.25rem 0;}
.nynews-list ul li{margin-bottom: 2.8125rem; background: #f6bfd7;}
.nynews-list ul li .info{width: 62%; padding: 1.375rem 3.0625rem 0;}
.nynews-list ul li .info span{display: block; color: #221815; }
.nynews-list ul li .info em{display: block; color: #221815; margin-bottom: 2.1875rem;}
.nynews-list ul li .info p{color: #221815;}
.nynews-list ul li:nth-child(2n){background: #c6e5e3;}
.nynews-list ul li .pic{width: 38%; overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%; transition: .6s;}
@media (any-hover: hover) {
    .nynews-list ul li:hover .pic img{transform: scale(1.1);}
}


/* 内页联络我们 */
.contactMain{padding: 9.375rem 0;}
.contact-left em{display: block; margin-bottom: 1.875rem;}
.contact-left img{display: block; width: 4.0625rem;}
.contact-right p{font-size: var(--font18); line-height:2; font-weight: 300;}
.contact-right p a{color: #221815;}
.contact-right img{display: block; width: 10.0625rem;  min-width: 7.5rem; margin-left: 4.375rem;}


/* 关于我们 */
.aboutMain{padding: 7.8125rem 0 0;}
.company-list ul li{width: 48%; margin-bottom: 8.75rem;}
.company-list ul li:first-child{width: 100%;}
.company-list ul li .pic{overflow: hidden;}
.company-list ul li .pic img{display: block; width: 100%;}
.company-list ul li .name{text-align: center; height: 7.6875rem; display: flex; align-items: center; justify-content: center; margin-bottom: 2.5rem;}
.company-list ul li .name h4{letter-spacing: .75rem;}
.company-list ul li:first-child .name{background: #92c5a6; }
.company-list ul li:nth-child(2) .name{background: #f095bc;}
.company-list ul li:nth-child(3) .name{background: #8bc5ec;}
.company-list ul li:nth-child(2) .name,.company-list ul li:nth-child(3) .name{height: 5.4375rem;}
.culture{margin-bottom: 9.8125rem;}
.culture-list ul{grid-template-columns: repeat(2, 1fr); gap: 6.25rem;}
.culture-list ul li{ height:25.5625rem; background: #f095bc; border-radius: 1.25rem; padding: 2.1875rem 4.8125rem 0; position: relative;}
.culture-list ul li:last-child{background: #8bc5ec;}
.culture-list ul li h3{margin-bottom: 2.0625rem; display: block;}
.culture-list dl{margin-bottom: 2.0625rem;}
.culture-list dl dt{margin-bottom: .3125rem;}
.culture-list ul li .pic{position: absolute;  right: 4.0625rem; bottom: 0; width: 35%;}
.culture-list ul li .pic img{display: block; width: 100%;}
.social-box{margin-bottom: 6.625rem;}
.social-box .pic{width: 52.58%;}
.social-box .pic img{display: block; width: 100%;}
.social-box .info{width: 39%;}
.social-box .info dl{display: flex; margin-bottom: 2.3125rem;}
.social-box .info dl dt{margin-right: 1.6875rem;}
.social-box .info dl dd{flex: 1; line-height: 2;}


.develop-bg{margin-bottom: 6.25rem;background: url(../images/develop-bg.jpg) no-repeat center;background-size: cover;position: relative;padding: 4rem 0; background-attachment: fixed;}
.develop-bg::after{content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(215, 39, 111, 0.8);}
/* 发展历程 */

.develop-bg .big-swiperBox {position: relative;/* margin-top: 5.625rem; */}
.develop-bg .swiperBox1 {position: absolute;top: 50%;left: 0;width: 100%;z-index: 3; transform: translateY(-50%);}
.develop-bg .swiperBox1 .container {position: relative;}
.develop-bg .swiperBox1 .slide .year {font-size: 19.8125rem;opacity: 0.1;color: #fff;text-align: center;font-family: Arial, Arial-Bold;font-weight: 700;line-height: 1;}
.develop-bg .swiperBox2 {position: relative;z-index: 8;color: #fff;text-align: center;min-height: 18.75rem;display: flex;align-items: flex-end;padding-bottom: 4.8rem;}
.develop-bg .swiperBox2 .slide {padding: 8rem 0 0;}
.develop-bg .swiperBox2 .slide .text {margin-top: 1.25rem; font-size: var(--font20); line-height: 1.8;}
.develop-bg .swiperBox2 .slide .text p {color: #fff;}
.develop-bg .swiperBox3 {position: relative;z-index: 8;color: #fff; text-align: center;margin-top: 12.5rem;}
.develop-bg .swiperBox3 .swiper {overflow: visible;}
.develop-bg .swiperBox3 .swiper::before {content: "";position: absolute;top: calc(.625rem / 2);left: 0; width: 100%; border-top: 1px solid rgba(255, 255, 255, 0.2);}
.develop-bg .swiperBox3 .slide {display: flex; flex-wrap: wrap;align-content: space-between;height: 3.75rem;cursor: pointer;}
.develop-bg .swiperBox3 .c-dot {margin: 0 auto; display: flex;align-items: center;justify-content: center;width: .625rem;height: .625rem;position: relative; transition: all 0.4s;}
.develop-bg .swiperBox3 .c-dot::before {content: "";position: absolute;width: 250%;height: 250%;background: rgba(255, 255, 255, 0.3);/* background-size: contain; */opacity: 0;transform: scale(0);transition: all 0.4s;border-radius: 50%;}
.develop-bg .swiperBox3 .c-dot::after {content: ""; position: absolute; width: 100%;height: 100%; border-radius: 50%; background-color: #fff;  transition: all 0.4s;}
.develop-bg .swiperBox3 .syear {width: 100%;transition: all 0.4s;line-height: 1; font-size: var(--font22);font-family: Arial, Arial-Bold;}
.develop-bg .swiperBox3 .swiper-slide-thumb-active .c-dot::after {opacity: 1;}
.develop-bg .swiperBox3 .swiper-slide-thumb-active .c-dot::before {opacity: 1;transform: scale(1);}
.develop-bg .swiperBox3 .swiper-slide-thumb-active .syear {font-size: var(--font30); transform: translateY(10%); font-weight: 700;}
/* 控件 */
.develop-bg .swiperBox2 .swjt {width: 4.375rem;height: 4.375rem;border-radius: 50%;background: rgba(255, 255, 255, 0.1);transition: .5s;/* top: 1rem; */}
.develop-bg .swiperBox2 .swjt.swiper-button-prev {}
.develop-bg .swiperBox2 .swjt i {color: #fff;font-size: var(--font24);}
.develop-bg .swiperBox2 .swjt:active {background: rgba(255, 255, 255, 0.3);}
@media (any-hover: hover) {
  .develop-bg .swiperBox2 .swjt:hover {background: rgba(255, 255, 255, 0.3);}
}







/* 新闻详情页 */
.news-box{align-items: flex-start;}
.news-left{width: 75%;}
.newsxq-title{padding-bottom: 1.25rem; border-bottom: 1px solid rgba(208, 208, 208, 0.5); margin-bottom: 1.875rem;}
.newsxq-title h1{font-weight: bold; margin-bottom: .625rem;}


.newsxq-page {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.125rem;
}

.newsxq-page a {
  display: flex;
  align-items: center;
}

.news-prev,
.news-next {
  transition: 0.6s;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  min-width: 35px;
  min-height: 35px;
  border: .125rem solid #eeeeee;
  border-radius: .313rem;
}

.news-prev svg {
  transform: rotateY(180deg);
  -webkit-transform: rotateY(180deg);
}

.news-prev svg,
.news-next svg {
  width: 30%;
  height: 30%;
}

.newsxq-page em {
  display: inline-block;
  font-size: var(--font16);
  color: #333;
}

.prev-link em {
  margin-left: 1rem;
}

.next-link em {
  margin-right: 1rem;
}

.next-link {
  flex-direction: row-reverse;
}

.newsxq-page a:hover .news-prev,
.newsxq-page a:hover .news-next {
  background: #d7276f;
}

.newsxq-page a:hover svg path {
  fill: #fff;
}

.news-editor{border-bottom: 1px solid rgba(208, 208, 208, 0.5); padding-bottom: 3rem;}


.news-right{width: 21%; box-shadow: 0px 0px 20px 0px rgba(7,0,2,0.06); position: sticky; top: 5.625rem; }
.recom-title{padding: 2.5rem 0 1.875rem;}
.recom-title  h3 {display: block; color: #333333; border-left: .625rem solid #d7276f; font-weight: bold; padding-left: 1.5625rem;}
.recom-list{padding: 1.9375rem 0 0; border-top: 1px solid rgba(208, 208, 208, 0.5); width: 82.85%; margin: 0 auto; box-sizing: border-box;}
.recom-list ul{}
.recom-list ul li{border-bottom: 1px solid rgba(229, 229, 229, 1); padding-bottom: 1.1875rem; margin-bottom: 1.4375rem;}
.recom-list ul li:last-child{border-bottom: none;}
.recom-list ul li a{}
.recom-list ul li .pic{width: 30%; margin-right: 6%; overflow: hidden;}
.recom-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-list ul li .info{width: 64%;}
.recom-list ul li .info h5{color: #333333; font-weight: 500;margin-bottom: .625rem;}
.recom-list ul li .info span{color: #676767;}

@media (any-hover: hover) {
  .recom-list ul li:hover .pic img{transform: scale(1.1);}
  .recom-list ul li:hover .info h5{color: #d7276f;}
}



/* 产品详情页 */
.proxqMain{padding: 3.125rem 0;}
.position {margin-bottom: 3.75rem; }
.position span{font-size: var(--font14); color: #333333;}
.position span img{width: 1.4375rem; display: block; margin-right: .875rem;}
.position span a{color: #333333;}
.position span a:hover{color: #d7276f;}
.proxq-box{margin-bottom: 5.6875rem;}
.proxq-box .pic{width: 44%;}
.proxq-box .pic img{display: block; width: 100%;}
.proxq-box .info{width: 53%;}
.proxq-box .info h1{color: #333333; font-weight: bold; margin-bottom: 1.875rem;}
.proxq-box .info h2{color: #333333; margin-bottom: 3.125rem;}
.proxq-box .info dl{margin-bottom: 1.3125rem;}
.proxq-box .info dl img{display: block; width: 1.75rem; margin-right: .8125rem;}
.proxq-box .info dl b{color: #333333;}
.proxq-box .info dl a{color: #333333;}
.proxq-btn{margin-top: 3.3125rem;}
.proxq-btn a{background: #d7276f;    border-radius: .4375rem; padding: 0.82rem 0; transition: .6s;}
.proxq-btn img{display: block; width: 1.1875rem; margin-right: .625rem;}

@media (any-hover: hover) {
    .proxq-box .info dl a:hover{color: #d7276f;}
    .proxq-btn a:hover{transform: translateY(-0.5rem);}
}
.detail-title em{display: block; background: #F2F2F2; border-left: .375rem solid #d7276f; padding: 0.6rem  0 0.6rem  1.6875rem; margin-bottom: 1.25rem; }
.pro-editor img{display: inline-block; max-width: 100%;}






.ny-banner img{display: block; width: 100%; min-height: 16rem; object-fit: cover;}
.news-editor img{display: block; max-width: 100%; height: auto!important;}










/* 2026.4.14留言 */
#yzform{padding-top: 2.5rem; border-top: 1px solid #ccc; margin-top: 2.5rem;}
#yzform ul{margin-bottom: 1.25rem;}
#yzform ul{display: flex;justify-content: space-between;}
#yzform ul li{width: 32%;}
#yzform ul li em{display: block; margin-bottom: .9375rem;}
#yzform ul li span{color: #ff3535;}
#yzform ul li input,#yzform ul li textarea{border: none; border-radius: .375rem; font-size: var(--font14);   height: 3.25rem; padding-left: 1.625rem; background: #f5f5f5;}
#yzform ul li input::placeholder,#yzform ul li textarea::placeholder{color: #999999;}
#yzform ul.note li {width: 100%;}
#yzform ul li textarea{height: 13.6875rem; width: 100%; padding: 1.1875rem 1.625rem;}
#yzform ul.note2{margin-bottom: 2.3125rem;}
#yzform  .incode{position: relative;}
#yzform  .incode img{position: absolute; right: 0; top: 0;}
#yzform button{font-size: var(--font18);border-radius: 0;background: #d7276f;padding: 0.7rem 3.2rem;height: auto;}