/* 全局设置平滑滚动 */
html {
  scroll-behavior: smooth;
  /* 可选：设置滚动条样式，不影响核心功能 */
  scrollbar-width: auto;
}

/* 兼容部分浏览器（如 Safari 旧版本），可同时设置 body */
html, body {
  scroll-behavior: smooth;
  margin: 0;
  padding: 0;
}

/* 顶部 */
.top-header{background: #F1F1F1; } 
.top-box{height: 3.4375rem;}
.share ul li{margin-right: 1.25rem; transition: .6s;}
.share ul li:last-child{margin-right: 0;}
.share ul li a{transition: .6s; width: 2.625rem;   height: 2.625rem;   border: 1px solid #16428B; display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.share ul li a img{max-width: 50%;}
.top-right{height: 100%;}
.top-tel img{max-height: 1.5rem; margin-right: .4375rem;}
.top-email{margin-left: 4rem;}
.top-email img{max-height: 1.0625rem; margin-right: .4375rem;}
.top-email a{color: #3D3D3D;}
@media (any-hover: hover) {
  .share ul li:hover a{background: #16428B; color: #fff;}
  .share ul li:hover img{filter: brightness(0) invert(1);}
  .top-email a:hover{color: #16428B;}
}


.headluange {height: 100%; margin-left: 4rem;}
.headluange .layui-nav {height: 100%;font-size: var(--font16);}
.headluange .layui-nav .layui-nav-item {height: 100%; display: flex; align-items: center;}
.headluange .layui-nav .layui-nav-item > a {padding-right: calc(var(--font12) + .5rem); font-size: var(--font17); color: #333; display: flex;}
.headluange .layui-nav .layui-nav-item > a .layui-icon-website {font-size: var(--font20); margin-right: .5625rem;}
.headluange .layui-nav .layui-nav-item > a span {font-size: var(--font16);}
.headluange .layui-nav .layui-nav-item > a .layui-icon.layui-nav-more {top: 50%; transform: translateY(-50%); font-size: var(--font12);}
.headluange .layui-nav .layui-nav-item .layui-nav-child {top: 100%; line-height: initial;}
.headluange .layui-nav .layui-nav-item .layui-nav-child a {font-size: var(--font14); padding: .625rem 0;}


/* 导航 */
/* 取消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!!!*/



/* =================头部 end!!!=================== */


/* ==================公用css====================== */
/* 滚动条 */
.headerNavScroll::-webkit-scrollbar {width: 3px; scrollbar-width:thin;scrollbar-color:#16428B #DDDDDD;}
/*定义滑块 内阴影*/
.headerNavScroll::-webkit-scrollbar-thumb {background: #16428B; border-radius: 5px;}
/*定义滚动条轨道 内阴影*/
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* ===============公用css end!!!!===================*/
.more1 {background: #16428B;border-radius: 100px; padding: 0.63rem 1.84rem; color: #fff; display: inline-block; transition: .5s;}




@media (any-hover: hover) {
 .more1:hover {box-shadow: 0 0 0 .625rem rgba(22, 66, 139, 0.4); }

}


/* 公共头部 */
#c-placeholder {height: 6.75rem;}
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s;}

.headBox {  transition: .5s; height: 6.75rem; display: flex; justify-content: space-between; align-items: center; background: transparent;}
.headBox .logo.headBox .logo a {height: 100%;}
.headBox .logo img {height: 4.875rem; max-height: 100%; object-fit: contain; transition: .5s; margin-right: 2rem;}


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; margin-right: 1rem; }

nav .layui-nav .layui-nav-item > a {color: #3D3D3D;position: relative; z-index: 1; font-size: var(--font17);  transition: 0.4s; font-weight: 700; text-transform: capitalize;}
nav .layui-nav .layui-nav-item > a i {display: none;}
nav .layui-nav .layui-nav-item:hover > a , nav .layui-nav .layui-this > a {color: #16428B; font-weight: bold;}

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

/* 默认下拉 */
nav .layui-nav .layui-nav-child {top: 100%; background: rgba(255, 255, 255,1);; min-width: 8.125rem; line-height: initial;text-align: left;}
nav .layui-nav .layui-nav-child >dd >a {color: #898989; padding: .5rem .625rem; font-size: var(--font14);}
nav .layui-nav .layui-nav-child >dd >a:hover {color: #fff; background: #16428B;}

/* 二级导航 */
nav ul li .navTwo {position: fixed; border-top: 1px solid #eee; left: 0; background: #ffffff; box-shadow: 0px .313rem .625rem -0.313rem rgba(0,0,0,0.12); top: 10.1875rem; width: 100%; display: none;}

.nav-left{width: 18%; padding-top: 4.5rem;}
.nav-left strong{ color: #333;  text-transform: capitalize;}
.nav-middle {  width: 35%;  padding: 4.625rem 3.75rem 3.75rem;  border-left: 0.0625rem solid #eee;  border-right: 0.0625rem solid #eee;}
.nav-middle  dl dt{  padding-bottom: 0.0625rem; margin-bottom: 0.9375rem;}

.nav-middle  dl dt a{ 
 display: block;
  
  font-size: 1rem!important;
  color: #434343!important;
  border-bottom: 0.0625rem solid #eee;
  position: relative;
  padding-left: 1.3125rem!important;
  padding-bottom: 1rem!important;
  margin-bottom: 1.0625rem!important;
  cursor: pointer;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  text-transform: capitalize;
}


.nav-middle  dl dt a::after {
  position: absolute;
  left: 0px;
  top: 0px;
  width: 0.25rem;
  height: 1rem;
  background: #B8B8B8;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  content: "";
  display: block;
}
.nav-middle  dl dt a::before {
  position: absolute;
  left: 0px;
  bottom: -1px;
  height: 0.0625rem;
  width: 0%;
  background: #16428B;
  -webkit-transition: all 0.4s ease;
  transition: all 0.4s ease;
  content: "";
  display: block;
}

@media (any-hover: hover) {
.nav-middle  dl dt a:hover{color: #16428B!important;}
.nav-middle  dl dt a:hover::after{ background: #16428B;}
.nav-middle  dl dt a:hover::before{ width: 80%;}
}

.nav-middle  dl dt.active a{color: #16428B!important;}
.nav-middle  dl dt.active a::after{ background: #16428B;}
.nav-middle  dl dt.active a::before{ width: 80%;}



.nav-right {
  width: 44%;
  padding: 5rem 0px 1.875rem 0px;
  margin-left: 5.875rem;
}
.nav-pic img{display: block; width: 100%;}



.head_search{}
.head_search img {width:1.5625rem;}
/* 搜索下拉 */    
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4 {background-color: #fff;padding: 3.125rem 0; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 2.5%; top: 5%; cursor: pointer; width: 1.25rem;}
.hadbox-sec4 .close svg {width: 100%; height: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 1.5rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 1.25rem; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 1.875rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%; height: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 19.375rem);padding: 1rem 1.5rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 10rem; height: 3.5rem; min-height: 40px; background: #16428B;border-radius: .313rem;font-size: var(--font20);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: 1.75rem 1rem;}
  .hadbox-sec4 .form {padding-bottom: 1rem;}
  .hadbox-sec4 .f_tit {font-size: var(--font20);}
  .hadbox-sec4 .form .f_sub {width: 6rem; height: 3rem; font-size: var(--font18);}
}


.quote a{display: block; color: #fff; background: #16428B; border-radius: 100px; padding: 0.8rem 0.87rem; cursor: pointer;}

.header-box{transition: .6s;  background: #fff;}
header.c-style2 .header-box {
    transform: translateY(-3.4375rem);
    box-shadow: 0 2px 2px rgba(0, 0, 0,.1);
}


/* 内页banner */
.indexBanner { position: relative; }
.bannerSwiper {height: 100%;}
.bannerSwiper .imgBox {height: 100%;}
.bannerSwiper .imgBox img {width: 100%; height: 100%;min-height: 100%;object-fit: cover;}
.bannerSwiper .slide{overflow: hidden;}
#banner-num{bottom: 1.75rem;}
#banner-num .swiper-pagination-bullet{width: .75rem; height: .75rem; border: 1px solid #FFFFFF;  margin: 0 .3125rem; opacity: 1; background: transparent;}
#banner-num .swiper-pagination-bullet-active{background: #fff;}



.about-box{padding: 5.375rem 0 6.875rem;}
.about-box .index-title{width: 47%;}
.index-title strong{font-size: 3rem;   line-height: 1.1; display: block; margin-bottom: 2.375rem; text-transform: capitalize;}
.index-title h2{text-transform: capitalize;}
.about-num{width: 43%;}
.about-num ul li{margin-bottom: 5rem;}
.about-num ul li div{color: #16428B; font-size: 3rem; line-height: 1;}
.about-num ul li em{font-size: var(--font16); color: #3D3D3D; margin-left: .3125rem;}
.about-num ul li span{line-height: 1;}
.about-num ul li:nth-child(5),.about-num ul li:nth-child(6){margin-bottom: 0;}

.pro-class ul{display: grid; gap: 1.125rem; grid-template-columns: calc((568 / 1920) * 100%) calc((127 / 1920) * 100%) calc((665 / 1920) * 100%) calc((511 / 1920) * 100%); grid-template-rows: 27.625rem 12.75rem 9.6875rem 24.5625rem}
.pro-class ul li{background: #000; color: #fff;}
.pro-class ul li a{height: 100%;}
.pro-class ul li.item1{grid-column: span 2;  background: linear-gradient( 149deg, rgba(229,236,250,0.1882) 0%, #D7DBE4 100%);}
.pro-class ul li.item2{background: linear-gradient( 134deg, #D7DBE4 0%, rgba(226,233,246,0.1882) 100%);}
.pro-class ul li.item3{grid-row: span 2; background: radial-gradient( 91.88% 106.02% at 5.31% 83.68%, rgba(255,255,255,0.59) 0%, #D7DBE4 100%);}
.pro-class ul li.item4{grid-row: span 3; background: radial-gradient( 91.24% 139.26% at 0% 50%, #FFFFFF 0%, #D7DBE4 100%);}
.pro-class ul li.item5{grid-column: span 2; grid-row: span 2; background: linear-gradient( 136deg, #D7DBE4 0%, #FFFFFF 100%);}
.pro-class ul li.item6{grid-column: span 2; background: linear-gradient( 322deg, #D7DBE4 0%, rgba(225,225,225,0) 100%);}
.pro-class ul li.item7{grid-row: 3 / 5;grid-column: 4 / 4; background: radial-gradient( 87.44% 125.44% at 0% 50%, #FFFFFF 0%, #D7DBE4 100%);}
.pro-class ul li a{display: flex; align-items: center; justify-content: space-between;}
.pro-class ul li .pic { width: 56%; display: flex; align-items: center; justify-content: center;}
.pro-class ul li .pic img {display: block; width: 100%; height: 100%; object-fit: contain; max-width: 72%; min-width: 58%;}
.pro-class ul li .info{flex: 1; margin-right: 1.875rem;}
.pro-class ul li .info strong{color: #3D3D3D; line-height: 1; margin-bottom: 1.25rem; display: block; text-transform: capitalize;}
.pro-class ul li .info p{color: #666666; margin-bottom: 3.5625rem;}
.pro-class ul li .info span{display: inline-block; color: #16428B; border: 1px solid #16428B; border-radius: 100px; padding: 1.04rem 1.74rem; transition: .6s; }
@media (any-hover: hover) {
.pro-class ul li:hover span{background: #16428B; color: #fff;}
}
.pro-class ul li.item3 a{flex-wrap: wrap;}
.pro-class ul li.item3 .pic{width: 100%;}
.pro-class ul li.item3 .pic img{max-width: 57%; min-width: 50%;}
.pro-class ul li.item3 .info{margin-right: 0; text-align: center; padding: 0 12%;}
.pro-class ul li.item3 .info p{-webkit-line-clamp: 2; margin-bottom: 1.125rem;}
.pro-class ul li.item4 a{flex-wrap: wrap;}
.pro-class ul li.item4 .pic{width: 100%;}
.pro-class ul li.item4 .pic img{max-width: 57%; min-width: 50%;}
.pro-class ul li.item4 .info{margin-right: 0; text-align: center; padding: 0 12%;}
.pro-class ul li.item4 .info p{-webkit-line-clamp: 2; margin-bottom: 1.125rem;}
.pro-class ul li.item7 a{flex-wrap: wrap;}
.pro-class ul li.item7 .pic{width: 100%;}
.pro-class ul li.item7 .pic img{max-width: 57%; min-width: 50%;}
.pro-class ul li.item7 .info{margin-right: 0; text-align: center; padding: 0 12%;}
.pro-class ul li.item7 .info p{-webkit-line-clamp: 2; margin-bottom: 1.125rem;}
.pro-class ul li.item5 .pic img,.pro-class ul li.item6 .pic img{max-width: 57%; min-width: 50%;}
.pro-class ul li.item7 .pic img{max-width: 50%; min-width: 50%;}



/* Solutions Of Electronic Assembly Machines */
.solutions{padding: 7.9375rem 0 8.125rem;}
.solutions .index-title strong{margin-bottom: .75rem}
.solutions-list{margin-top: 5rem;}
.solutions-list ul{gap:0 .5625rem}
.solutions-list ul li{height: 31.1875rem; position: relative; overflow: hidden;}
.solutions-list ul li a{height: 100%; display: block;}
.solutions-list ul li .pic{overflow: hidden; position: relative; height: 100%;}
.solutions-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.solutions-list ul li .info{position: absolute;content: ''; width: 100%; height: 100%; top: 0; display: flex; align-items: center; justify-content: center;}
.solutions-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.01); z-index: 2; top: 0;}
.solutions-list ul li .info strong{position: relative; z-index: 2;}
@media (any-hover: hover) {
.solutions-list ul li:hover .pic img{transform: scale(1.1);}
}

/* Why Choose SunMoon ?  */
.sunmoon{margin-bottom: 6.75rem;}
.sunmoon-box{margin-bottom: 4.375rem;}
.sunmoon-box .info{width: 45%;}
.sunmoon-box .info .index-more{margin-top: 3rem;}
.sunmoon-box .pic{width: 49.84%;}
.sunmoon-box .pic img{display: block; width: 100%; border-radius: 100px 0px 100px 0px;}
.sunmoon-num ul {gap: 0 6.25rem;}
.sunmoon-num ul li{text-align: center;}
.sunmoon-num ul li div{font-size: 3.5rem; line-height: 1; margin-bottom: .3125rem;}
.sunmoon-num ul li em{font-size: var(--font16); color: #3D3D3D;}
.sunmoon-num ul li span{text-transform: capitalize;}

.customers-bg{background: url(../images/customers-bg.jpg) no-repeat top center; background-size: cover; padding: 5rem 0 4.1875rem; position: relative; border-radius: .625rem;} 
.customers-left,.customers-right{position: absolute; width:22%; height: 100%;  z-index: 2; top: 0;}
.customers-left img{display: block; width: 100%; height: 100%; }
.customers-right img{display: block; width: 100%; height: 100%; }
.customers-left{left: 0;}
.customers-right{right: 0;}
.customers-bg .index-title strong{margin-bottom: 5.75rem;}

.partner-logo { position: relative; overflow: hidden; }
.partner-logo .item {margin-bottom: 1.375rem;}
.partner-logo ul { display: flex; justify-content: center;}
.partner-logo li {margin: 0 .5rem;flex-shrink: 0;background: #fff; width: 11.875rem; height: 5rem;  display: flex; align-items: center; justify-content: center; border-radius: .625rem; }
.partner-logo li img {max-width: 100%; }


/* Recent Information at SunMoon */
.news{padding: 5.6875rem 0 4.5625rem;}
.news .index-title strong{margin-bottom: 4.4375rem;}
.news-box{overflow: hidden; position: relative;}
.news-list{width: 93%; margin: 0 auto; overflow: hidden;}
.news-list ul li{border: 1px solid rgba(181,181,181,0.48); padding: 2.1875rem 1.125rem 0;}
.news-list ul li .pic {position: relative;z-index: 1;padding-bottom: 66%;overflow: hidden;}
.news-list ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.news-list ul li .info{padding: 2.875rem .5rem 3.375rem;}
.news-list ul li .info strong{color: #3D3D3D; margin-bottom: 1.875rem;}
.news-list ul li .info p{color: #646464; margin-bottom: 1.875rem;}
.news-list ul li .info span{color: #646464;}
#news-prev img,#news-next img{width: 1.375rem; opacity: 0.2;}
#news-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
@media (any-hover: hover) {
  .news-list ul li:hover .pic img{transform: scale(1.1);}
  .news-list ul li:hover .info strong{color: #16428B;}
}
.news .index-more a{margin: 3.1875rem auto 0;}


/* 公共底部 */
.footer{background: #16428B;}
.footer-top{padding: 3.75rem 0 2.1875rem; border-bottom: 1px solid rgba(216,216,216,0.19);}
.footer-left{width: 24%;}
.footer-left h4{font-weight: 500; margin-bottom: .9375rem;}
.footer-left p{color: rgba(255,255,255,0.37);}
.footer-left ul{margin: .625rem 0 .8125rem;}
.footer-left ul li{margin-bottom: .4375rem;}
.footer-left ul li a{}
.footer-left ul li img{width: 1.25rem; margin-right: .3125rem;}
.footer-left ul li b{}
.foternav{width: 70%;}
.foternav dl:first-child{width: 24%;}
.foternav dl dt a{font-weight: 500; margin-bottom: .5rem; display: block;  text-transform: capitalize; }
.foternav dl dd a{color: rgba(255,255,255,0.51); font-size: var(--font15); text-transform: capitalize; line-height: 2;}
.footer-copy{padding: 2.125rem 0;}
.footer-copy p{color: rgba(255,255,255,0.42);}
.footer-copy a{color: rgba(255,255,255,0.42);}
.foot-share ul li{margin-left: 1.5rem; transition: .6s;}
.foot-share ul li:first-child{margin-left: 0;}
.foot-share ul li img{width: 1.4375rem;}

@media (any-hover: hover) {
  .foternav dl dd a:hover,.footer-copy a:hover{color: rgba(225,225,225,1);}
  .foot-share ul li:hover{transform: translateY(-0.5rem);}
}



/* 公共底部悬浮留言 */
.foterPop {position: fixed;right: 0; bottom: 0; z-index: 9999; transform: translateY(calc(100% - 2.813rem)); transition: .5s;}
.foterPop .box {width: 21.875rem; max-width: 100%; border-radius: 1rem 1rem 0 0;overflow: hidden;}
.foterPop .tit {position: relative;display: flex; justify-content: space-between; align-items: center;background: #00a1f5; color: #fff;}
.foterPop .tit {height: 2.875rem;padding: 0 1.25rem; cursor: pointer;}
.foterPop .tit i {transition: .5s;}
.foterPop .tit .icBox {display: none;}
.foterPop .form { border: 1px solid #00a1f5;position: relative; background: #fff;overflow-y: auto; padding-bottom: 1.25rem; width: 100%;}
.foterPop .form form {padding: 1.25rem 1.25rem .313rem;}
.foterPop .form .inBox {margin-bottom: .625rem;  }
.foterPop .form .inBox input ,.foterPop .form .inBox textarea {height: 2.5rem ;border: 1px solid #e5e5e5;padding: 0 1rem;  border-radius: 1.5rem; width: 100%; background: none; font-size: var(--font14); resize: none;}
.foterPop .form .inText {height: 6.25rem;}
.foterPop .form .inBox textarea {padding: 1rem; min-height: initial; height: 100%;}
.foterPop .form .inCode {display: flex; justify-content: space-between; padding-right: 0; overflow: hidden;}
.foterPop .form .inCode input {padding-right: 1rem;}
.foterPop .form .inCode img {width: 6.25rem; height: 100%; border-radius: 1rem; object-fit: contain;}
.foterPop .form .sub button {width: 100%; background: #00a1f5;border-radius: 6.25rem; color: #fff; height:  2.25rem; cursor: pointer;}
.foterPop.show {transform: translateY(0);}
.foterPop .tit.on i {transform: rotateX(180deg);}
@media (max-width: 640px) {
.foterPop .tit {width: auto; background: #fff; display: inline-flex; padding: 0 1rem;}
.foterPop .tit span {display: none;}
.foterPop .tit i {display: none;}
.foterPop .tit .icBox {display: block;}
.foterPop {width: 96%; right: 2%;}
.foterPop  .box {width: 100%; border-radius: 0; display: flex; flex-direction: column; justify-content: flex-end; align-items:flex-end;}
}





/* 内页banner */
.ny-banner{position: relative; overflow: hidden;}
.ny-banner .pic{}
.ny-banner .pic img{width: 100%; height: 100%; object-fit: cover; min-height: 25rem}
.ny-banner .info{width: 60%;}
.ny-banner .info strong{font-size: 3.125rem;  line-height: 1.2; margin-bottom: 2rem; display: block;}
.ny-banner .info h2{text-transform: capitalize;}



/* 内页产品列表页 */
.proMain{padding: 3.4375rem 0 0;}
.pro-menu ul{justify-content: center;}
.pro-menu ul li{margin-right: 2.5rem; margin-bottom: .875rem;}
.pro-menu ul li a{display: block; background: #EEEEEE; color: #3D3D3D;  padding: 1.2rem 2.5rem; border-radius: 100px; text-transform: capitalize; transition: .6s;}
.pro-menu ul li.on a{background: #16428B; color: #fff;}
@media (any-hover: hover) {
  .pro-menu ul li:hover a{background: #16428B; color: #fff;}
}
.proclass-info{margin: 2.6875rem 0 5.1875rem;}
.proclass-info h3{text-transform: capitalize;}



/* 产品移动端样式 */
.filter-toggle {padding: 0 .625rem; position: fixed; top: 50%;background: #16428B; z-index: 2;} 
/* 遮罩层样式 */
.mask-layer {position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0, 0, 0, 0.5);z-index: 998;display: none;}
/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}
@media screen and (max-width: 1024px) {
  /* .proOne .pro-menu {width: 30%;} */
}
@media screen and (max-width: 767px) {
  .proOne {position: relative;}
  .proOne .pro-menu {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .pro-menu.show {left: 0; overflow-y: auto;}
  .proOne .main-left {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .main-left.show {left: 0; overflow-y: auto;}

  .filter-toggle {display: block;}
}


.product-list{margin-bottom: 6.5rem;}
.product-list ul{gap: 2.3125rem;}
.product-list ul li{background: #F6F6F6;border-radius:1rem; padding: 1.25rem .875rem 3rem;}
.product-list ul li .pic{width: 100%; height: 26.375rem;  display: flex; align-items: center; justify-content: center; background: #fff; border-radius: 1.3125rem; margin-bottom: 1.875rem;}
.product-list ul li .pic a{}
.product-list ul li .pic img{max-width: 68%; min-width: 50%; transition: .6s;}
.product-list ul li .info strong{margin-bottom: 1.0625rem; display: block; color: #16428B;}
.product-list ul li .info p{margin-bottom: 2.0625rem;}
.product-list ul li .product-btn a{border: 1px solid #000000; border-radius: 100px; color: #3D3D3D; display: inline-block;  transition: .6s; width: 9.3125rem; line-height: 3; text-align: center;}
.product-list ul li  .product-btn a:first-child{margin-right: .875rem;}
@media (any-hover: hover) {
  .product-list ul li:hover .pic img{transform: scale(1.1);}
  .product-list ul li .product-btn a:hover{background: #16428B; color: #fff;}
}



.proys-bg{background: url(../images/proys-bg.jpg) no-repeat center; background-size: cover; padding: 7.6875rem 0 11.875rem;}
.proys-bg .index-title strong{margin-bottom: 5.625rem;}
.proys-list ul{gap: 2.5rem;}
.proys-list ul li{color: #fff;}
.proys-list ul li .icon{ width: 8.0625rem;height: 8.0625rem; background: #0193DE; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 2.3125rem;}
.proys-list ul li .icon img{ max-width: 47%; min-height: 36%;}
.proys-list ul li strong{display: block; margin-bottom: .9375rem;}


.pro-solutions{padding: 6.5rem 0 6rem;}
.proDateOne { display: flex; justify-content: space-between; height: 34.375rem;}


.proDateOne .swiperOne {position: static;width: 82%; margin: 0; border-radius: .1875rem; overflow: hidden; height: 100%;}
.proDateOne .swiperOne ul li { position: relative; overflow: hidden;}
.proDateOne .swiperOne ul li a{height: 100%; display: block;}
.proDateOne .swiperOne ul li .pic{height: 100%;}
.proDateOne .swiperOne ul li img { display: block; width: 100%; object-fit: cover; height: 100%;}
.proDateOne .swiperOne ul li .solutions-pic-bg{position: absolute; content: ''; width: 100%; height: 100%; top: 0; object-fit: cover;}
.proDateOne .swiperOne ul li .info{position: absolute; content: ''; width: 100%; height: 100%; top: 0; display: flex; align-items: flex-end;}
.proDateOne .swiperOne ul li .info em{margin-bottom: 2.5rem; margin-left: 4.375rem;}
.proDateOne .swiperTwo {width: 16%; height: 100%;}
.proDateOne .swiperTwo ul li { text-align: center; border: .25rem solid #6091e3; cursor: pointer; overflow: hidden;  border-radius: .1875rem; box-sizing: border-box;}
.proDateOne .swiperTwo ul li .pic{height: 100%;}
.proDateOne .swiperTwo ul li img {display: block; width: 100%; object-fit: cover; height: 100%;}
.proDateOne .swiperTwo ul li.swiper-slide-thumb-active {border-color: #16428b;}





/* 内页公共留言 */
.message-bg{background: url(../images/message-bg.jpg) no-repeat center; background-size: cover; padding: 4.6875rem 0 5.375rem; }
.message-title strong{display: block; font-size: 2.8125rem; text-transform: capitalize; width: 62%; line-height: 1; margin-bottom: 1.75rem;}

#message1 ul.grid-4{gap: 0 .8125rem; margin-bottom: .75rem;}
#message1 ul li input,#message1 ul  textarea{width: 100%; background: rgba(255,255,255,0.84);border-radius: .3125rem; height: 3.125rem; font-size: var(--font14); color: #FF0000;}
#message1 ul li input{padding-left: .9375rem;}
#message1 ul  textarea{height: 8.125rem; padding: .9375rem;resize: none;}
.codebox{margin-top: 1.125rem; width: 66%;  background: rgba(255,255,255,0.84);border-radius: .3125rem;  height: 3.125rem;}
.codebox input{margin-left: 1.375rem;}
.codebox  .imgCode img{height: 3.125rem;}
.codebox  button{background: #16428B;border-radius: .3125rem;  height: 3.125rem;font-weight: 700; font-size: var(--font16); padding: 0 2.97rem; }



/* 内页产品详情页 */
.proxqtop-bg{background: rgba(235,235,235,0.82); padding: 2.4375rem 0 6.5625rem;}
.position{padding-bottom: 3.4375rem;}
.position img{width: 1.4375rem; }
.position span{text-transform: capitalize; color: #818181;}
.position a{margin: 0 .375rem;}
.position a:hover{color: #16428B;}
.proxqDateOne{width: 44%; position: relative;}
.proxqDateOne .swiperOne{height: 30.8125rem; margin-bottom: 1.1875rem;}
.proxqDateOne .swiperOne ul li{ background: #fff;}
.proxqDateOne .swiperOne ul li .pic{display: flex; align-items: center; justify-content: center; height: 100%;}
.proxqDateOne .swiperOne ul li .pic img{display: block; max-width: 70%; min-width: 50%;}

.proxqDateOne .swiperTwo {height: 6.375rem; width: 87%; margin: 0 auto; overflow: hidden;}
.proxqDateOne .swiperTwo ul li{ background: #fff;}
.proxqDateOne .swiperTwo ul li .pic{display: flex; align-items: center; justify-content: center; height: 100%;}
.proxqDateOne .swiperTwo ul li .pic img{display: block; max-width: 50%; min-width: 40%; opacity: 0.3;}
.proxqDateOne .swiperTwo ul li.swiper-slide-thumb-active .pic img{opacity: 1;}
#proxq-prev,#proxq-next{width: 1.625rem; height: 6.375rem; background: #16428B; opacity: 1; margin-top: 0!important; top: auto; bottom: 0; cursor: pointer;}
#proxq-prev img,#proxq-next img{width: .5625rem;}
#proxq-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#proxq-prev{left: 0;}
#proxq-next{right: 0;}


.proxq-left {width: 49%;}
.proxq-left h2{color: #16428B; display: block; margin-bottom: .375rem}
.proxq-left h1{font-size: 3.25rem; font-weight: 700; line-height: 1; margin-bottom: 1.875rem;}
.proxq-info{margin-bottom: 3.3125rem;}
.proxq-info dl{display: flex;}
.proxq-info dl dt{width: .25rem; height: .25rem; border-radius: 50%; background: #3D3D3D; margin-top: .75rem; margin-right: .9375rem;}
.proxq-info dl dd{font-size: var(--font18); flex: 1;}
.proxq-contact{margin-bottom: 4.375rem;}
.proxq-contact dl{display: flex; align-items: center;}
.proxq-contact dl:first-child{margin-bottom: .3125rem;}
.proxq-contact dl img{width: 1.125rem; margin-right: .5rem;}
.proxq-contact dl a{font-size: var(--font20); color: #3D3D3D;font-weight: 700;}
.proxq-btn{margin-bottom: 3.625rem;}
.proxq-btn a{background: #16428B; border-radius: .4375rem; color: #fff; padding: .82rem 0; font-weight: 700; width: 100%;}
.proxq-btn img{width: 1.3125rem; margin-right: 1.25rem;}
.proxq-btn em{font-weight: 700;}
.proxq-share em{color: #4F4F4F; margin-right: .75rem;}
.proxq-share ul li{margin-right: 1.5rem;}
.proxq-share ul li:last-child{margin-right: 0;}
.proxq-share ul li a {width: 1.5rem; height: 1.5rem; display: block;}
.proxq-share ul li svg {width: 100%; height: 100%; object-fit: contain;}
.proxq-share ul li svg path {fill: #A2A2A2; transition: .6s;}
.proxq-share ul li a:hover svg path {fill: #16428B;}
#message{position: relative; top: -6.75rem;}


.proxq-class {background: #16428B; position: sticky; top: 6.75rem; z-index: 100; }
.proxq-class ul {display: flex; justify-content: center;  align-items: center;}
.proxq-class li {height: 4.25rem;}
.proxq-class li a {display: flex; align-items: center; padding:0 2.8rem; height: 100%; font-size: var(--font18); color: #fff; text-transform: capitalize; font-weight: 700; transition: .5s;}
.proxq-class li a.active {background: #DCDCDC; color: #262626; }
@media (any-hover: hover) {
  .proxq-class li a:hover {background: #DCDCDC; color: #262626; }


}

.item_list .item_section{padding: 3.125rem 0;}
.item_list .item_section .item-title{margin-bottom: 1.875rem;}
.item_list .item_section .item-title strong{text-align: center; font-size: var(--font30); font-weight: 700; text-align: center; display: block; margin-bottom: 0.4rem;}
.item_list .item_section .item-title i{display: block; width: 2rem; height: .25rem; background: #16428b; border-radius: .25rem; margin: 0 auto;}

.proxqDateThree{background: rgba(216,216,216,0.48); padding: 5.25rem 0 6.75rem;}
.recom-pro{position: relative; overflow: hidden; margin-bottom: 0;}
.recom-pro ul{gap: 0;}
#recom-num{display: none;}

.proxq-solutions{padding: 5.875rem 0 5.6875rem;}
.proxq-solutions .index-title strong{margin-bottom: 4.375rem}
.proxq-solutions .solutions-list{margin-top: 0;}
.proxq-solutions .solutions-list ul li .info{align-items: flex-end;}
.proxq-solutions .solutions-list ul li .info strong{margin-bottom: 3.4375rem;}


/* 内页应用领域列表页 */
.appmain{padding: 5.375rem 0;}
.mainbox{display: flex; align-items: flex-start; justify-content: space-between;}
.main-left{width: 17rem; min-width: 17rem; position: sticky; top: 6.75rem; }
.main-class{background: #F3F3F3; border-top: .4375rem solid #0193DE; padding: 2.0625rem 1rem 2rem;}
.main-class:first-child{margin-bottom: 1.375rem;}
.main-class strong{text-transform: capitalize;  display: block; }
.main-class:first-child strong{margin-left: 1.125rem; margin-bottom: 1.375rem;}
.main-class ul li{transition: .6s;}
.main-class ul li a{display: block; font-size: var(--font15); color: #666666;width: 100%; padding-left: 1.625rem;  border-radius: 100px; line-height: 2.4rem; margin-bottom: .3125rem; transition: .6s; text-transform: capitalize; box-sizing: border-box;}
.main-class ul li.on a{background: #16428B; color: #fff;}
.main-class dl{margin-bottom: 1.25rem;}
.main-class dl a{display: flex; align-items: flex-start;}
.main-class dl img{display: block; width: .375rem; margin-top: .25rem; margin-right: .5625rem;}
.main-class dl dt{display: block; font-size: var(--font15); color: #666666; flex: 1; line-height: 1.25; text-transform: capitalize}
.main-class2{padding:  2.0625rem 1.75rem 2rem;}
.main-class2 strong{ margin-bottom: .9375rem;}
@media (any-hover: hover) {
  .main-class ul li:hover a{background: #16428B; color: #fff;}
  .main-class dl a:hover dt{color: #16428B;}
}

@media screen and (max-width: 767px) {
  .proOne .main-left {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 1.875rem 1rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .main-left.show {left: 0; overflow-y: auto;}
}

.main-right{width: 74.62%;}
.app-list ul li{background: #F0F0F0; padding: 3.0625rem 2.75rem 4.125rem; box-sizing: border-box; margin-bottom: 1.75rem;}
.app-list ul li .pic{width: 35.2%; overflow: hidden;  border-radius: 1rem;}
.app-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.app-list ul li .info{width: 59%;}
.app-list ul li .info strong{color: #272727; display: block; margin-bottom: 1.5625rem;}
.app-list ul li .info p{margin-bottom: 2.5rem; text-transform: capitalize;}
.app-list ul li .info .more1{padding: 0.9rem 1rem; }
@media (any-hover: hover) {

  .app-list ul li:hover .pic img{transform: scale(1.1); }
}


/* 内页应用领域详情页 */
.appxqMain .position{border-bottom: 1px solid #D8D8D8; padding-bottom: 1.4375rem; margin-bottom: 5.125rem;}
.appxq-box .info{width: 100%;}
.appxq-box .info h1{font-size: 3rem; display: block; margin-bottom: 1.25rem;}
.appxq-box .pic{width: 46%;}
.appxq-box .pic img{display: block; width: 100%; border-radius: 2.375rem;}
.appxqDateTwo{padding: 5.3125rem 0 9.5625rem;}
.appxqDateTwo .index-title strong{margin-bottom: 4.75rem;}
.core-bg{background: url(../images/core-bg.jpg) no-repeat center; background-attachment: fixed; padding: 6.625rem 0 6.875rem;}
.core-bg .index-title{margin-bottom: 8.8125rem;}
.core-bg .index-title strong{margin-bottom: .5rem;}
.core-list ul{gap: 2.5rem;}
.core-list ul li{color: #fff;}
.core-list ul li .icon{ width: 8.0625rem;height: 8.0625rem; background: #0193DE; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 2.3125rem;}
.core-list ul li .icon img{ max-width: 47%; min-height: 36%;}
.core-list ul li strong{display: block; margin-bottom: .9375rem;}


/* 内页支持列表页 */
.supportmain{padding: 1.875rem 0 8.125rem; border-top: 1px solid #D8D8D8;}
.main-title strong{font-size: 2.5rem; display: block; margin-bottom: 1.0625rem;}
.faq-list dl{margin-bottom: .6875rem;}
.faq-list dl dt{background: #F7F7F7; padding: .9375rem 1rem; display: flex; align-items: center; justify-content: space-between; cursor: pointer;}
.faq-list dl dt b{color: #3D3D3D; text-transform: uppercase; margin-right: 1.1875rem;}
.faq-list dl dt em{color: #3D3D3D; font-weight: 700;}
.faq-list dl.active dt{background: #0193DE;}
.faq-list dl dt .icon .faq-jia{display: block;}
.faq-list dl dt .icon .faq-jian{display: none;}
.faq-list dl.active dt .icon .faq-jia{display: none;}
.faq-list dl.active dt .icon .faq-jian{display: block;}
.faq-list dl.active dt b,.faq-list dl.active dt em{color: #fff;}
.faq-list dl dd{padding: 1.625rem 3rem; display: none;}



/* 内页视频列表页 */
.video-list ul{gap: 1.6875rem;}
.video-list ul li .pic {overflow: hidden; margin-bottom: .6875rem; border: 1px solid #ccc;}
.video-list ul li .pic img {display: block; width: 100%; transition: .5s;}
.video-list ul li .info b{color: #3D3D3D; line-height: 1.2; text-transform: capitalize}
@media (any-hover: hover) {
  .video-list ul li:hover .pic img{transform: scale(1.1);}
  .video-list ul li:hover .info b{color: #16428B;}
}


/* 内页新闻列表页 */
.newsmain{border-top: 1px solid #D8D8D8; padding: 5.5625rem 0;} 
.news-top{margin-bottom: 3.75rem;}
.news-class ul li:last-child{margin-left: .9375rem;}
.news-class ul li  a{display: block; color: #3D3D3D; padding: .87rem 1.55rem; text-align: center; border-radius: 100px; transition: .6s;}
.news-class ul li.on a {background: #0193DE;  color: #fff;}
@media (any-hover: hover) {
.news-class ul li:hover a{background: #0193DE;  color: #fff;}
}
.nynews-list{width: 100%;}
.nynews-list ul{gap: 1.875rem .9375rem}
.nynews-list ul li{background: #F0F0F0;border: none;}


/* 内页联系我们页 */
.contactmain{border-top: 1px solid #D8D8D8; padding: 5.5625rem 0 0;}
.contactmain .main-title strong{margin-bottom: 5.5rem;}
.contact-list{text-align: center;  padding-bottom: 5.9375rem; }
.contact-list ul{gap:0 5.8125rem;}
.contact-list ul li .icon img{display: block; width: 3.875rem; margin: 0 auto 1.875rem;}
.contact-list ul li h4{color: #3D3D3D; text-transform: uppercase; font-weight: 700; display: block; margin-bottom: .625rem;}
.contact-list ul li a{color: #3D3D3D;}
.contact-list ul li:first-child a{font-weight: 700;}
.contact-share{padding: 5.5rem 0 4.8125rem; border-top: 1px solid #D8D8D8; margin-top: 5.9375rem;}
.contact-share ul b{margin-right: 2.5rem;}
.contact-share ul li{margin-right: 2.5rem; transition: .6s;}
.contact-share ul li .icon{width: 1.875rem; height: 1.875rem;  display: flex; align-items: center; justify-content: center; transition: .6s;}
.contact-share ul li .icon img{max-width: 47%; min-height: 36%;}
.contact-share ul li:hover .icon{transform: translateY(-.3rem);}
.map{position: relative;}
.map>img{display: block; width: 100%; min-height: 31.25rem; object-fit: cover;}
.map .info{position: absolute; content: '';background: #FFFFFF; border-radius: .75rem; padding:  1.8125rem 1.25rem 1.625rem; right: 17.5%; top: 52%; transform: translate(-50%,-50%); width: 20.8%; }
.map .info::after{position: absolute; content: ''; background: url(../images/map-icon.png) no-repeat center; width: 1.6875rem; height: 2rem; top: 50%; left: -1.125rem; transform: translateY(-50%); background-size: contain!important;}
.map .info b{color: #16428B; margin-bottom: .25rem; display: block;}
.map .info p{line-height: 1.2; margin-bottom: 1.25rem;}
.map .info a img{display: block; width: 1.25rem; margin-right: .6875rem;}
.map .info a span{color: #3D3D3D; text-decoration: underline;}
.map .info a:hover span{color: #16428b;}


/* 内页关于山木 */
.aboutmain{border-top: 1px solid #D8D8D8; padding: 5.5625rem 0;}
.main-title h4{color: #525252; margin-bottom: 2.75rem;}
.aboutmain .main-title strong{margin-bottom: 0;}
.about-class ul{gap: .9375rem}
.about-class ul li{background: #F0F0F0; padding: 2.1875rem 1rem 0;}
.about-class ul li .pic {position: relative;z-index: 1;padding-bottom: 70%;overflow: hidden; }
.about-class ul li .pic img {position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.about-class ul li .info{padding: 2.5rem 0 3.5625rem;}
.about-class ul li .info strong{display: block; font-size: var(--font20); color: #3D3D3D; margin-bottom: 1.5rem;}
.about-class ul li .info p{color: #646464;}

@media (any-hover: hover) {
  .about-class ul li:hover .info strong{color: #16428B;}
  .about-class ul li:hover .pic img{transform: scale(1.1);}

}


/* 内页分销店页 */
.distributor-banner .w1300{top: 38%;}
.distributor-banner .info strong{font-size: var(--font38);}
.distributor-num{background: #16428B; color: #fff; text-align: center; padding: 3.4375rem 0 2.8125rem;}
.distributor-num ul{gap: 0 17.0625rem;}
.distributor-num ul li div{font-size: 3.75rem; line-height: 1; margin-bottom: .8125rem;}
.distributor-num ul li em{font-size: var(--font20); margin-left: .3125rem;}
.distributor-box {padding: 5.5625rem 0 3.8125rem;}
.distributor-box .info{width: 45%;}
.distributor-box .pic{width: 49%;}
.distributor-box .info p{color: #3D3D3D;}
.distributor-box .pic img{display: block; width: 100%;}
.popular-bg{background: #EEEEEE; padding: 4.8125rem 0 3.875rem; margin-bottom: 5rem;}
.popular-list{position: relative; overflow: hidden;}
.popular-list ul li .pic{width: 100%; height: 19.5625rem;  display: flex; align-items: center; justify-content: center;  mix-blend-mode: multiply;}
.popular-list ul li .pic img{max-width: 100%;  transition: .6s;}
.popular-list ul li .name strong{text-align: center; color: #3D3D3D;}
@media (any-hover: hover) {
  .popular-list ul li:hover .pic img{transform: scale(1.1);}

}
#popular-num{display: none;}
.choose{margin-bottom: 6.5625rem;}
.choose-pic img{display: block; width: 100%;}
.choose-btn{background: rgba(216,216,216,0.24); padding: 0 2.25rem; height: 8rem;}
.choose-btn ul li{height: 100%; display: block; position: relative; cursor: pointer;}
.choose-btn ul li::after{position: absolute; content: ''; width: 0; height: .375rem; background: #16428B; left: 0; bottom: 0; transition: .6s;}
.choose-btn ul li em{color: #3D3D3D; line-height: 1.2; display: block; margin-top: 2.375rem;}
.choose-btn ul li.swiper-slide-thumb-active::after{width: 100%;}


.choose-list { overflow: hidden;}
.choose-list ul li{ padding: 1.375rem 2.25rem;}
.choose-list ul li p{color: #3D3D3D;}
.map-pic2 img{display: block;width: 100%;min-height: 14rem;object-fit: cover;}


.look{margin-bottom: 5.8125rem;}
.look-box .pic{width: 50%;}
.look-box .pic img{display: block; width: 100%;}
.look-box .info{width: 47%;}
.look-box .info p{margin-bottom: .625rem;}
.look-box .text{margin-bottom: 1.25rem;}
.look-box .text dl dt{display: block; width: .25rem; height: .25rem; background: #3D3D3D; border-radius: 50%; margin-top: 0.6rem; margin-right: .875rem;}
.look-box .text:last-child{margin-bottom: 0;}


.faq2{padding: 5.1875rem 0;}
.faq2 .main-title strong{margin-bottom: 2.5rem;}




/* ==========新闻详情 */
.newsDateMain {
  background: #f9f9f9;
  padding: 2rem 0 8rem;
}

/* 面包屑 */
.mbx  {padding: 1.25rem 0;}
.mbx .layui-breadcrumb {position: relative; padding-left: 1.5rem;}
.mbx .layui-breadcrumb>* {font-size: var(--font16); opacity: 1; color: #666 !important;}
.mbx .layui-breadcrumb::before {content: '\e715'; font-family: layui-icon !important; position: absolute;left: 0; font-weight: 700; color: #666; font-size: var(--font16);}
.mbx .layui-breadcrumb a:hover {color: #16428B !important;}
.mbx .layui-breadcrumb span[lay-separator] {margin: 0 .625rem !important;}



.newsDateMain .mbx {
}

.newsDateMain .mbx .layui-breadcrumb::before {
  color: #333;
}

.tekl_p2{
  font-size: 1.3rem;
}

.newsDate {
  /* padding: 0 0 6.25rem; */
}

.newsxq-box {
  padding: 2.875rem 0 0;
  /* margin-bottom: 2.75rem; */
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}




.newsCon {
  background: #ffffff;
  border-radius: .625rem;
  box-shadow: 0rem 0rem 2.5rem 0rem rgba(226, 225, 224, 0.42);
  padding: 2.5rem;
  box-sizing: border-box;
}

.newsxq-title {
  border-bottom: 1px solid #ddd;
  padding-bottom: 2.5rem;
}

.newsxq-title strong {
  display: block;
  font-size: var(--font30);
  color: #333;
  font-weight: 700;
  line-height: 1.4;
}

.newsxq-title span {
  display: block;
  margin-top: .625rem;
  color: #777;
}

.newsxq-editbox {
  margin: 1.875rem 0;
}

.newsxq-editbox img {
  max-width: 100%;
  height: auto !important;
}

.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: #1462C0;
}

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



.proTable1 tr td,.date_two  tr td{border: 1px solid #f2f2f2!important; padding-left: 1rem; box-sizing: border-box;}
.proTable1 tr td p,.date_two  tr td p{word-break: keep-all;}

.proxqDateTwo .date_thre table{width: 100%!important;}

.main-title p{padding-bottom: 1rem;   border-bottom: 1px solid #ccc;   margin-bottom: 2.625rem;}

.contact-editor img{display: block; max-width: 100%; height: auto!important}


.table_pic tr td img{display: block; width: 100%;}
.date_four img{display: inline-block; max-width: 100%;}
.table111 tr td:first-child{width:23%!important}
.table111 tr td:last-child{width:77%!important}

.date_two img{display: inline-block; max-width: 100%;}
.appxq-box  img{display: inline-block; max-width: 100%;}
.about-editor img{display: inline-block; max-width: 100%;}