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

/* ===============公用css end!!!!===================*/
.more1 {padding:0.92rem 1.96rem;background: #DE2525; display: inline-flex; transition: .5s; border-radius:200px; color: #ffffff; font-family: Arial; font-weight: 700;}
.more1:hover {box-shadow: 0 0 0 .5rem rgba(222,37,37,0.2);}
.more1 img{width: .5rem; margin-left: .9375rem;}
.more2{padding: 1.01rem 1.4rem;}

.red{color: #de2525!important;}

/* 首页公共头部 */
header {position: sticky; left: 0; top: 0; z-index: 99; width: 100%; transition: .5s; background: #fff;}
.headBox{height: 8.3125rem; border-bottom: 1px solid #E4E4E4;}
.headBox .logo img{height: 5.625rem;}
.quote{padding-right: 2.5rem; border-right: 1px solid #E4E4E4; }
.quote img{display: inline-block; width: 1.375rem; margin-right: .6875rem;} 
.quote em{color: #333333; line-height: 2;}
.headluange .layui-nav{background: transparent;padding: 0 2.5rem;}
.headluange .layui-nav .layui-nav-item>a{padding: 0;color: #333!important;display: flex;}
.headluange .layui-nav .layui-nav-more{display: none!important;}
.headluange em{margin: 0 1.125rem 0 .625rem;}
.headluange .ver-icon1{width: 1.3125rem;}
.headluange .ver-icon2{width: .5625rem;}
.headluange dl dd a{font-size: var(--font14)!important; text-align: center; display: block;}
.top-search{border: 1px solid #e4e4e4;border-radius: 3px;padding: .3125rem .5625rem .3125rem 1.125rem;width: 14.0625rem;box-sizing: border-box;}
.top-search input{width: 10.3125rem!important;font-size: var(--font18);}
.top-search input::placeholder{color: #747474;}
.top-search img{width: 1.0625rem;}
nav {position: static;}
nav  .layui-nav{background: transparent; padding: 0; display: flex; justify-content: space-around;}
nav  .layui-nav .layui-nav-item{position: initial;height: 4.84rem;display: flex;align-items: center;}
nav  .layui-nav .layui-nav-item>a{font-size: var(--font22); color: #333; padding: 0; line-height: 2.3; position: relative;}
nav  .layui-nav .layui-nav-item>a::after{position: absolute; content: ''; width: 0; height: .25rem;   background: #de2525; bottom: 0; left: 50%; transition: .6s;}
nav  .layui-nav .layui-this:after,nav .layui-nav-bar{display: none;}
nav  .layui-nav .layui-nav-item:hover>a::after,nav  .layui-nav .layui-this>a::after{width: 100%; left: 0;}
nav  .layui-nav .layui-nav-item:hover>a,nav  .layui-nav .layui-this>a{color: #333;}

/* 其他下拉 */
.navSlideDown {position: absolute; width: 100%; top: 100%; left: 0; background: #fff; padding: 4rem; display: none; box-shadow: 0 .2rem 3.2rem #0000000a, 0 .2rem 1.2rem #0000000a;}
.nav-box>div{width: 30%;}
.nav-box .navinfo h2,.nav-box .navinfo h3{color: #3b3b3b;}
.nav-box .navinfo h2{font-weight: 600; margin-bottom: .625rem;}
.nav-box .navinfo h3{line-height: 1.3; margin-bottom: 1.25rem;}
.nav-box .navinfo .index-more{display: inline-flex;}
.nav-box .navinfo .index-more .more1{padding: 0.1rem 1rem;display: inline-flex;}
.nav-box .navinfo .index-more .more1 span{display: inline-block; line-height: 3;}
.nav-box .navlist dl a{color: #3b3b3b;}
.nav-box .navlist dl a:hover{color: #DE2525;}
.nav-box .navpic img{display: block; width: 100%;}


header.c-style2 {    transform: translateY(-8.3125rem);}
header.c-style2 .head-nav{box-shadow: 0 0 0.625rem rgba(0,0,0,.1);}


/* 首页banner */
.indexBanner{position: relative;}
.indexBanner .pic img{display: block;width: 100%;object-fit: cover; height: 100%;}
.indexBanner .info,.indexBanner .pic{width: 50%;}
.indexBanner .info{background: #28325a; justify-content: flex-end;}
.indexBanner .info h2{text-transform: uppercase; line-height: 1.8; font-family: Arial}
.indexBanner .text{margin-right: 11%;}
.indexBanner .index-more{margin-top: 4.9375rem;}



/* SOLUTIONS */
.solutions{padding: 3.75rem 0 4.6875rem;}
.index-title h2{font-size: 2.625rem; font-family: " Montserrat-SemiBold";  }
.index-title i{display: block; width: 3rem;  height: .4375rem;  background: #de2525;  border-radius: 4px; margin: 0 auto;}
.pro-search{background: #eff3f6;  border-radius: 35px; width: 33.25rem; padding: 1.375rem  2.125rem;}
.pro-search img{width: 1.5625rem; margin-right: 1.6875rem;}
.pro-search input{font-size: var(--font20); width: 80%; }
.pro-search input::placeholder{color: rgba(74,74,74,0.2);}
.solutions-top{margin-bottom: 5.8125rem;}
.solutions-top .index-title i{margin-left: 0;}
.solutions-list{position: relative; overflow: hidden;}
.solutions-list ul li{width: auto!important; text-align: center; transition: .6s;}
.solutions-list ul li .icon img{width: 3.25rem; margin-bottom: .625rem;}
.solutions-list ul li em{color: #333333;}
.solutions-list ul li:hover em{color: #de2525;}
#solutions-num{display: none;}
.solutions-box{position: relative;}
.solutions-box .arrow img{width: .5625rem; filter: invert(51%) sepia(5%) saturate(14%) hue-rotate(20deg) brightness(97%) contrast(91%); opacity: 1;}
#solutions-prev{left: 10%;}
#solutions-next{right: 10%;}
#solutions-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.solutions-box .arrow:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}



/* HOT PRODUCTS */
.product-bg{background: #eff3f6; padding: 6.3125rem 0 4rem; }
.product-left{width: 28%;}
.product-left .index-title{margin-bottom: 4.6875rem;}
.product-left .index-title i{margin-left: 0;}
.product-num ul li{border-left: 2px solid #DE2525; padding-left: 1.3125rem; margin-bottom: 3.125rem;}
.product-num ul li span{display: block; margin-bottom: .8125rem;}
.product-num ul li strong{line-height: 1;}
.product-list{width: 72%; position: relative; overflow: hidden;}
.product-list ul li .pic{overflow: hidden;}
.product-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.product-list ul li:hover .pic img{transform: scale(1.1);}
.product-list ul li .info{background: #fff; padding:  2.375rem 2.3125rem 2.0625rem;}
.product-list ul li .info strong{color: #333333; margin-bottom: 1.125rem;}
.product-list ul li .info p{color: #333333; margin-bottom: 2.6875rem;}
.product-list ul li .info span{color: #de2525; font-weight: 700;}
.product-list ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.product-list ul li:hover .info span img{margin-left: 2rem;}
.product{position: relative;}
.product-arrow{position: absolute;right: 10%;height: 2rem;display: flex;flex-direction: column;justify-content: space-between;bottom: 18%;}
.product-arrow .arrow{position: relative;left: auto;right: auto;top: auto;width: auto;height: auto;}
.product-arrow img{width: .875rem; opacity: 0.2;}
#product-next img{transform: rotateX(180deg);   -webkit-transform: rotateX(180deg);}
.product-arrow .arrow:hover img{opacity: 1;}
#product-num{width: auto;left: auto;right: 9%;bottom: 0;}
#product-num span{font-size: var(--font18); color: #a9a9a9;}
#product-num span.swiper-pagination-current{color: #333333; font-size: var(--font30);}
.product-bg .index-more{margin-top: 3.75rem;}


/*  OUR PRODUCTS */
.proclass-box{padding: 4.625rem 0 5.625rem;}
.proclass-box .index-title{margin-bottom: 4rem;}
.proclass-list ul{gap:3.0625rem 3.8125rem}
.proclass-list ul li{border-radius: .3125rem;    box-shadow: 0px 0px 21px 0px rgba(7,0,2,0.07);  padding: 2.375rem 2.4375rem 1.75rem;}
.proclass-list ul li .icon img{height: 2.4375rem; margin-bottom: 1.25rem;}
.proclass-list ul li strong{color: #333333; margin-bottom: 1.125rem;}
.proclass-list ul li p{color: #666; margin-bottom: 5rem; min-height: 5rem;}
.proclass-list ul li span{color: #de2525; font-weight: 700;}
.proclass-list ul li span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.proclass-list ul li:hover span img{margin-left: 2rem;}


/*  OUR STRENGTH */
.strength-bg{background: #eff3f6; padding: 4.6875rem 0 6.0625rem;}
.strength-bg .index-title{margin-bottom: 3.4375rem;}
.index-title h3{width: 81%; margin: 1.375rem auto 0;}
.strength-btn{padding-bottom:.9rem; margin-bottom: 4.125rem;}
.strength-btn ul li{border: 1px solid #dcdcdc; background: #ffffff; width: auto!important; padding: 1.3rem 2rem; box-sizing: border-box; position: relative; cursor: pointer;}
.strength-btn ul li::after{position: absolute; content: ''; background: url(../images/strength-arrow.png) no-repeat center center; width: 1.625rem; height:.9375rem;  left: 50%; transform: translateX(-50%); bottom: -.9rem; opacity: 0;}
.strength-btn ul li .icon img{width: 2rem; margin-right: .6875rem;} 
.strength-btn ul li em{color: #222222;}
.strength-btn ul li.swiper-slide-thumb-active{background: #1c1c1c;}
.strength-btn ul li.swiper-slide-thumb-active em{font-weight: 600;color: #ffffff}
.strength-btn ul li.swiper-slide-thumb-active::after{opacity: 1;}
.strength-list ul li .info{width: 48%;}
.strength-list ul li .info strong,.strength-list ul li .info h3,.strength-list ul li .info b{color: #333333; }
.strength-list ul li .info strong,.strength-list ul li .info b{ display: block; margin-bottom: .625rem;} 
.strength-list ul li .info h3{margin-bottom: 3.4375rem;}
.strength-list ul li .info p{color: #555; margin-bottom: 0;}
.strength-list ul li .info em{color: #de2525; margin-right: .5rem;}
.strength-list ul li .info span{color: #de2525; font-weight: 700; margin-top: 2.8125rem;}
.strength-list ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.strength-list ul li:hover .info span img{margin-left: 2rem;}
.strength-list ul li .pic{width: 47.85%; }
.strength-list ul li .pic img{display: block; width: 100%; border-radius: .875rem;}


/* ABOUT NORTH SUN */
.about{padding: 7.1875rem 0 9.5625rem;}
.about .index-title h3{width: 93%;}
.about .more1{padding:1.2rem 1.7rem; margin-top: 2.8125rem;}
.about-link{margin-top: 4.0625rem;}
.about-link ul{column-gap: 3.5rem;}
.about-link ul li{background: #ffffff;   box-shadow: 0px 0px 21px 0px rgba(7,0,2,0.07); }
.about-link ul li .pic{overflow: hidden;}
.about-link ul li .pic img{display: block; width: 100%; transition: .6s;}
.about-link ul li:hover .pic img{transform: scale(1.1);}
.about-link ul li .info{padding:  2.5rem 2.125rem 2.375rem; box-sizing: border-box;}
.about-link ul li .info strong{color: #333333; margin-bottom: 1.125rem;}
.about-link ul li .info p{color: #333333; margin-bottom: 2.8125rem; min-height: 4.75rem}
.about-link ul li .info span{color: #de2525; font-weight: 700;}
.about-link ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.about-link ul li:hover .info span img{margin-left: 2rem;}


/* OUR BLOGS */
.blogs-bg{background: #eff3f6; padding: 5rem 0 6.375rem;}
.blogs-bg .index-title{margin-bottom: 3.875rem;}
.blogs-list{position: relative; overflow: hidden;}
.blogs-list ul li .pic{overflow: hidden;}
.blogs-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.blogs-list ul li:hover .pic img{transform: scale(1.1);}
.blogs-list ul li .info{background: #fff; padding: 2.5rem 2rem 1.625rem;}
.blogs-list ul li .info strong{color: #333333; margin-bottom: .9375rem; font-weight: 600;}
.blogs-list ul li .info p{color: #333333; margin-bottom: 1.6875rem; }
.blogs-list ul li .info span{color: #939393;}
.blogs-list ul li:hover .info strong{color: #de2525;}
#blogs-num{display: none;}
.blogs-bg .index-more{margin-top: 5.375rem;}



/* 公共底部 */
.footer-bg{background: #3b3b3b; padding: 7.5rem 0 0;}
.footer-logo img{display: block; width: 13.375rem; margin-bottom: 3.75rem;}
.footer-link ul li{margin-right: .3125rem;}
.footer-link ul li a{width: 2.1875rem;   height: 2.1875rem;   background: #a5a5a5; display: flex; align-items: center; justify-content: center; border-radius: 50%; transition: .6s;}
.footer-link ul li svg,.footer-link ul li img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); width: 50%;}
.footer-link ul li:hover a{background: #de2525;}
.footer-top{margin-bottom: 8.125rem;}
.foternav{width: 73%; color: #ffffff;}
.foternav dl:last-child{width: 36%;}
.foternav dl dt{font-weight: 700; margin-bottom: 1.4375rem;}
.foternav dl dd{margin-bottom: .625rem;}
.foternav dl p{align-items: flex-start; margin-bottom: 1.0625rem;}
.foternav dl dd a,.foternav dl p a{color: #ffffff;}
.foternav dl span{display: flex; align-items: center;}
.foternav dl img{margin-right: .3125rem;}
.foternav dl dd a:hover,.foternav dl p a:hover,.footer-copy p a:hover{color: #de2525;}
.footer-copy{padding-bottom: 1.25rem;}
.footer-copy p,.footer-copy p a{color: #ffffff;}
.footer-copy span{margin: 0 .3125rem;}


/* 内页Our Products 主页面 */
.main-bg {position: relative; overflow: hidden; z-index: 1;}
.main-box {position: relative; z-index: 2;}
.main-box::before {content: '';z-index: -1;background: #e3e3e3;position: absolute;top: 0;right: 39%;width: 100vw;height: 100%;}
.main-box::after {content: ''; z-index: -1; left: 61%;background: #DE2525; position: absolute; top: 0; right: auto;  width: 100vw; height: 100%; }
.main-left {position: relative; z-index: 1; width: 61%; padding: 1.5625rem 0 0; padding-right: 4rem;}
.main-right {position: relative; z-index: 1; width: 39%; padding: 5.3125rem 0 0; padding-left: 4.9rem;}
.position{margin-bottom: 3.625rem;}
.position a{color: #606060; font-size: var(--font14); transition: .6s;}
.position a:hover{color: #272727; font-weight: 700; font-size: var(--font16);}
.main-title{margin-bottom: 4.6875rem;}
.main-title h2{font-size: 3rem; color: #313131; font-family: Arial; font-weight: 900; text-transform: uppercase; }
.main-title h3{color: #7a7a7a; font-family: Arial; margin-top: .875rem;}
.class-link ul li{margin-bottom: 1.375rem; transition: .6s;}
.class-link ul li a{color: #fff;}
.class-link ul li  img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); margin-right: .625rem;}
.class-link ul li:hover {margin-left: .625rem;}
.main-bottom ul li{width: 100%;}
.main-bottom ul li .pic{overflow: hidden;}
.main-bottom ul li .pic img{display: block; width: 100%;}
.ny-proclass{padding: 10rem 0 10.9375rem;}
.ny-proclass .info h4{font-family: Arial; width: 88%; margin: 0 auto;}
.nyproclass-list ul li{display: flex;}
.nyproclass-list ul li .pic,.nyproclass-list ul li .info{width: 50%;}
.nyproclass-list ul li .pic{overflow: hidden;}
.nyproclass-list ul li .pic img{display: block; width: 100%;}
.nyproclass-list ul li .info{box-sizing: border-box;background: #e7e7e7;display: flex;align-items: center;}
.nyproclass-list ul li:nth-child(odd){flex-direction: row-reverse;}
.nyproclass-list ul li:nth-child(odd) .info{padding-left: 13%;}
.nyproclass-list ul li:nth-child(even) .info{padding-left: 9%;}
.nyproclass-list ul li .info strong{ display: block; width: 85%;  font-size: 3rem;line-height: 1.2; font-family: Arial; font-weight: 900;  text-transform: uppercase;}
.nyproclass-list ul li .class-editor{margin: 4.375rem 0;}



/* Our Products 列表页 */
.pro-bg{background: #d1dde7; padding: 1.25rem 0 0;}
.proclass-title strong{display: block; font-size: 3.5rem;  font-family: Arial; font-weight: 700; text-transform: capitalize; margin-bottom: 2.125rem;}
.proclass-pic img{display: block; width: 100%; min-height: 21.875rem; object-fit: cover;}
.proclass-ys{padding: 5.375rem 0 0;}
.proclass-ys .main-title h2{width: 90%; margin: 0 auto 1.75rem; line-height: 1.3;}
.proclass-ys .main-title h4{color: #333333; font-family: Arial; width: 78%; margin: 0 auto;}
.prolist-bg{background: #f5f5f5; padding: 5.5625rem 0 5.9375rem;}
.nypro-list ul{gap: 2.9375rem 1.5625rem; margin-bottom: 4.0625rem;}
.nypro-list ul li a{}
.nypro-list ul li .pic{overflow: hidden; border-top-left-radius: .625rem; border-top-right-radius: .625rem;}
.nypro-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.nypro-list ul li:hover .pic img{transform: scale(1.1);}
.nypro-list ul li .info{background: #fff; padding:  2.875rem 2.1875rem 4.0625rem; border-bottom-left-radius: .625rem; border-bottom-right-radius: .625rem; min-height:15rem}
.nypro-list ul li .info strong{color: #333333; margin-bottom: 1.75rem; line-height: 1.2;}
.nypro-list ul li .info p{color: #666666; margin-bottom: 1.25rem;}
.nypro-list ul li .info span{color: #de2525; font-weight: 700;}
.nypro-list ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.nypro-list ul li:hover .info span img{margin-left: 2rem;}
.nypro-link{padding: 5.375rem 0 6.125rem;}


/* Our Products 详情页 */
.proxq-bg{background: #eff3f6; padding: 1.875rem 0 3.6875rem;}
.proxq-box{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.proxq-box .swiperBox {width: 46%; position: relative; display: flex; justify-content: space-between; align-items: center;}
.proxq-box .swiperOne {position: static;width: 87%;margin: 0;background: #F6F7F9;height: 21.9375rem;}
.proxq-box .swiperOne .slide {display: flex; align-items: center; justify-content: center;}
.proxq-box .swiperOne .slide img { max-width: 100%; max-height: 100%; object-fit: cover;mix-blend-mode: multiply;}

.proxq-box .swiperTwo {width: 13%;margin: 0;max-height: 17.9375rem;}
.proxq-box .swiperTwo .slide {min-height: 4.9375rem; text-align: center;  cursor: pointer;}
.proxq-box .swiperTwo .slide img {max-width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }
.proxq-box .swiperTwo .slide.swiper-slide-thumb-active img{opacity: 1;}
.proxq-box .swiperOne .swjt {width: 5.3125rem; height: 1.5rem;  transition: .5s; background: #cdd9e2;}
.proxq-box .swiperOne .swjt.swiper-button-prev {right: 0;left: 0;top: 0;margin-top: 0;}
.proxq-box .swiperOne .swjt.swiper-button-next {right: 0;top: auto;bottom: 0;left: 0;}

@media (any-hover: hover) {
.proxq-box .swiperOne .swjt:hover {background: #de2525;}
.proxq-box .swiperOne .swjt:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
}

.proxq-box .proxq-info{width: 52%;}
.proxq-box .proxq-info span{color: #838383; margin-bottom: .9375rem;}
.proxq-box .proxq-info span>img{width: .6875rem;}
.proxq-box .proxq-info strong{}
.proxq-box .proxq-info em{display: block; line-height: 1;}
.proxq-box .proxq-info p{color: #666666; font-weight: 300; margin: 1.875rem 0;}

.proxq-bottom .c-sub-btn{background: #de2525;  border-radius: 33px; color: #ffffff; padding: 1.4rem 9.1rem;}
.proxq-bottom .c-sub-btn img{width: 1.3125rem; margin-right: 1.4375rem;}

.share dt {flex-shrink: 0; color: #333;}
.share ul {gap: 1.5rem;}
.share li {position: relative; display: flex; align-items: center;}
.share li svg {height: 1.5rem; width: 1.5rem;}
.share li svg path {fill: #696c72;}
.share li.code_hover .codeBox {display: none; padding: .313rem; position: absolute; z-index: 2; bottom: 100%; left: 50%; transform: translateX(-50%); width: 6.25rem; height: 6.25rem; box-shadow: 0 0 .625rem rgba(0, 0, 0, 0.1);}
.share li.code_hover .codeBox img {width: 100%; height: 100%; object-fit: contain;}
.share li.code_hover:hover .codeBox {display: block; animation: fadeIn .5s ease-in-out;}
.share li:hover svg path {fill: #0095f3;}


.details-bg{padding: 5.4375rem 0;}
.details-left{width: 69%;}
.details-btn{background: #eff3f6;    border-radius: 42px; margin-bottom: 5rem; }
.details-btn ul li{border-right: 1px solid #E6E6E6;}
.details-btn ul li a{color: #333333; text-align: center; display: block; line-height: 5.25rem;  transition: .5s;}
.details-btn ul li:last-child{border-right: none;}
.details-btn ul li:first-child a{border-top-left-radius: 42px; border-bottom-left-radius: 42px;}
.details-btn ul li:last-child a{border-top-right-radius: 42px; border-bottom-right-radius: 42px;}
.details-btn ul li:hover a{background: #de2525; color: #fff; }
.details-title{margin-bottom: 1.875rem;}
.details-title h2{color: #333333; font-weight: 600; align-items: flex-end; line-height: 1;}
.details-title h2 img{width: .6875rem; margin-bottom: .3125rem; margin-right: .3125rem;}
.pro-editor{margin-bottom: 3.125rem;}

.details-right{width: 26%;}
.recom{box-shadow: 0px 0px 20px 0px rgba(6,0,1,0.06); margin-bottom: 2.3125rem;}
.recom-title{padding: 2.5rem 0 1.875rem;}
.recom-title strong{color: #333333; display: block; border-left: .625rem solid #DE2525; padding-left: 1.375rem;}
.recom-box{padding: 0 2.25rem 0 1.75rem; box-sizing: border-box;}
.recom-pro{border-top: 1px solid rgba(208,208,208,0.5); padding: 2.0625rem 0 3.75rem;}
.recom-pro ul li {margin-bottom: 1.1875rem;}
.recom-pro ul li a{flex-wrap: wrap;}
.recom-pro ul li .pic{border-radius: 10px; overflow: hidden; width: 100%; margin-bottom: 1rem;}
.recom-pro ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-pro ul li:hover .pic img{transform: scale(1.1);}
.recom-pro ul li .name{width: 100%;}
.recom-pro ul li .name strong{color: #333333; }
.recom-pro ul li .name span{color: #a9aeb1; display: block;}
.recom-pro ul li:hover .name strong{color: #de2525;}
#yzform{margin-top: 1.0625rem; padding-bottom: 2.5625rem;}
#yzform .inBox {margin-bottom: .6875rem;}
#yzform .inBox input,#yzform .inBox textarea{background: #f8f8f8;border: 1px solid #ededed;font-size: var(--font14);padding-left: 1.25rem;height: 3.375rem;}
#yzform .inBox textarea{padding: 1.25rem; height: 7.9375rem;}
#yzform .inBox input::placeholder,#yzform .inBox textarea::placeholder{color: #a4a4a4;}
#yzform .incode{position: relative;}
#yzform .incode img{position: absolute; right: 0; top: 0; height: 3.375rem;}
#yzform button{background: #de2525;border-radius: 30px;display: block;width: 100%;font-size: var(--font19);color: #ffffff;transition: .5s;height: 3.6875rem; }


.solutionMain{padding: 5.125rem 0;}
.main-title h5{color: #7a7a7a; width: 71.5%; margin: 1.1875rem auto 0;}
.nysolution-list ul{gap: 3.0625rem 4.4375rem;}
.nysolution-list ul li{box-shadow: 0px 0px 24px 0px rgba(8,1,3,0.09); }

.nysolution-list{padding: 0 1.875rem;}
.nysolution-list ul li .pic{overflow: hidden;}
.nysolution-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.nysolution-list ul li:hover .pic img{transform: scale(1.1);}
.nysolution-list ul li .info{padding:  3.0625rem 1.875rem 3.0625rem; box-sizing: border-box;}
.nysolution-list ul li .info strong{color: #333333; margin-bottom: 1.625rem;}
.nysolution-list ul li .info p{color: #333333; margin-bottom: 2.8125rem; }
.nysolution-list ul li .info span{color: #de2525; font-weight: 700;}
.nysolution-list ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.nysolution-list ul li:hover .info span img{margin-left: 2rem;}

/* Technical Core */
.technical-box{margin: 7rem 0 4rem; }
.technical-box .info{width: 63%;}
.main-title h6{color: #666666; }
.technical-box{align-items: flex-start;}
.technical-box .main-title h2{text-transform: capitalize; margin-bottom: 2.1875rem;}
.technical-right{position: relative;width: 30%;display: flex;justify-content: flex-end; margin-top: 3.5625rem;}
.technical-num ul li{  padding-bottom: 3.75rem;}
.technical-num ul li:last-child{padding-bottom: 1.25rem;}
.technical-num ul li b{margin-right: 1.25rem;}
.technical-box .xian {position: absolute;top: 0;height: 100%;width: 4px;left: 0;transform: translateX(-50%);background: #e3e3e3;}
.technical-box .xian2 {position: absolute;top: 0;height: 20%;width: 4px;left: 0;transform: translateX(-50%);background: #DE2525;transition: height 0.3s ease; /* 平滑过渡效果 */}

.environment-bg{background: rgba(189,205,218,0.7); padding: 6.125rem 0 6.8125rem;}
.environment-bg .main-title{margin-bottom: 3.75rem;}
.environment-bg .main-title h2{text-transform: capitalize;}
.environment-bg .swiper-fade .swiper-slide {pointer-events: auto!important;}
.environment-bg .swiperBox2 .swiper-slide-active {z-index: 11;}
.environment-bg .inTwoSwiper3 {position: static!important;}
.environment-bg .swiperBox3 {position: relative!important;}
.environment-bg .swiperBox2 .swiper-wrapper .swiper-slide{position: relative;}
.environment-btn{margin-bottom: 2.5rem;}
.environment-btn ul{display: flex; justify-content: center;}
.environment-btn ul li{width: auto!important; margin: 0 .9375rem;}
.environment-btn ul li a{color: #333;padding: 0.86rem 0.86rem;display: block; transition: .6s;}
.environment-btn ul li.swiper-slide-thumb-active a{background: #de2525;  border-radius: 27px; color: #ffffff;}
.environment-list{position: relative; padding-bottom: 3.375rem;}
.environment-list ul li .pic{overflow: hidden;}
.environment-list ul li .pic img{display: block; width: 100%;}
#environment-num{bottom: 0;}
#environment-num .swiper-pagination-bullet{width: .8125rem;   height: .8125rem;   background: #aabbca; opacity: 1;}
#environment-num .swiper-pagination-bullet-active{background: #627584;}

.technical-link ul li{display: flex;}
.technical-link ul li .pic,.technical-link ul li .info{width: 50%;}
.technical-link ul li .pic{overflow: hidden;}
.technical-link ul li .pic img{display: block; width: 100%; min-height: 31.25rem; object-fit: cover;}
.technical-link ul li .info{box-sizing: border-box;display: flex;align-items: center;}
.technical-link ul li:nth-child(odd){flex-direction: row-reverse;}
.technical-link ul li:nth-child(odd) .info{padding-left: 13%;}
.technical-link ul li:nth-child(even) .info{padding-left: 9%;}
.technical-link ul li .info strong{ display: block; width: 85%;  font-size: 3rem;line-height: 1.2; font-family: Arial; font-weight: 900;  text-transform: uppercase;}
.technical-link ul li p{color: #666666; margin: 3.4375rem 0 8.75rem; width: 82%;}


/* Northsun 主页面 */
.northsun{padding: 8.125rem 0 8.75rem;}
.northsun .main-title{margin-bottom: 0;}
.aboutMain .main-title h2{font-weight: 700;}
.northsun .main-title h4{width: 76%; margin: 1.25rem auto 0;}
.about-ys ul li {position: relative;}
.about-ys ul li .pic{overflow: hidden;}
.about-ys ul li .pic img{display: block; width: 100%; min-height: 28.125rem; object-fit: cover;}
.about-ys ul li  .main-title{margin-bottom: 0; width: 55%;}
.about-ys ul li  .main-title h4{color: #666666;  margin-top: 2.1875rem;}
.about-ys ul li:last-child .info{display: flex; justify-content: flex-end;}
.portfolio-box{padding: 7.4375rem 0 7.0625rem;}
.portfolio-box .info{width: 58%;}
.portfolio-box .info .main-title{margin-bottom: 2.9375rem;}
.portfolio-box .info p{color: #333333; margin-bottom: .25rem;}
.portfolio-box .info p>span{margin-right: 1.75rem;}
.portfolio-box .info em{margin-top: 1.4375rem; display: block;}
.portfolio-box .pic{width: 33%;}
.portfolio-box .pic img{display: block; width: 100%; min-height: 29.6875rem; object-fit: cover;}

.culture-bg{background: #deeaf3; padding: 6rem 0 10.9375rem;}
.culture-bg .main-title{margin-bottom: 6.25rem;}
.culture-list ul li{width: 27%; text-align: center;}
.culture-list ul li .icon img{width: 3.5rem; margin-bottom: 2.1875rem;}
.culture-list ul li em{display: block; line-height: 1;}
.culture-list ul li strong{display: block; line-height: 1; margin-bottom: .625rem;}
.culture-list ul li p{color: #666666;}

.honor{padding: 6.25rem 0 12.5625rem}
.honor .main-title{margin-bottom: 2.875rem;}
.honor-box{position: relative;}
.honor-box::after{   position: absolute;   content: '';   -webkit-clip-path: polygon(5% 0, 95% 1%, 100% 100%, 0% 100%);   clip-path: polygon(5% 0, 95% 1%, 100% 100%, 0% 100%);   background: linear-gradient(0deg,#e7e7e7 0%, #f7f7f7 100%);   width: 100%;  height: 7.0625rem;   bottom: -11%;   z-index: -1;   }
.honor-list{position: relative;overflow: hidden;padding: 1rem;width: 82%;margin: 0 auto;z-index: 5;}
.honor-list ul li{box-shadow: 0px 0px 1rem 0px rgba(0,0,0,0.10);padding: 1rem;box-sizing: border-box;background: #fff;}
.honor-list ul li .imgBox img{display: block; width: 100%;}
#honor-num{display: none;}
.honor-arrow{width: 2.375rem; height: 2.375rem; border-radius: 50%; background: rgba(0,0,0,0.2);}
.honor-arrow img{width: .4375rem;}
.honor-arrow:hover{background: #de2525;}
#honor-prev{left: 4%;}
#honor-next{right: 4%;}
#honor-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}


/* Our Blogs 主页面 */
.news-class img{display: block; width: 100%; }

.news{padding: 5rem 0 8.0625rem;}
.news .main-title{margin-bottom: 2.8125rem;}
.news-list{position: relative; overflow: hidden; padding: 1.3125rem;}
.news-list ul li{box-shadow: 0px 0px 1.3125rem 0px rgba(7,0,2,0.07); }
.news-list ul li .pic{overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.news-list ul li:hover .pic img{transform: scale(1.1);}
.news-list ul li .info{padding:  2.5rem 1.875rem ; box-sizing: border-box;}
.news-list ul li .info strong{color: #333333; margin-bottom: 1.125rem;}
.news-list ul li .info p{color: #333333; margin-bottom: 2.5rem; }
.news-list ul li .info span{color: #de2525; font-weight: 700;}
.news-list ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.news-list ul li:hover .info span img{margin-left: 2rem;}
.news-list ul li:hover .info strong{color: #de2525;}
.news .index-more{margin-top: 5.3125rem;}
.news .index-more a{padding: 1.26rem 1.7rem;}
#news-num{display: none;}

.video-bg{background: #eff3f6; padding: 6.25rem 0 5.3125rem;}
.video-bg .main-title{margin-bottom: 5.625rem;}
.video-list{overflow: hidden; position: relative;}
.video-list ul li .pic{overflow: hidden; position: relative;}
.video-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.6); top: 0;}
.video-list ul li .pic>img{display: block; width: 100%; transition: .6s;}
.video-list ul li:hover .pic>img{transform: scale(1.1);}
.video-list ul li .icon{position: absolute; content: ''; z-index: 2; width: 100%; height: 100%;  top: 0; display: flex; align-items: center; justify-content: center;}
.video-list ul li .icon img{width: 2.375rem; }

.video-list ul li .info{padding: 1.875rem 1.3125rem 2.1875rem; box-sizing: border-box; background: #fff;}
.video-list ul li .info strong{color: #333333; margin-bottom: 2.5rem;}
.video-list ul li .info span{color: #de2525; font-weight: 700;}
.video-list ul li .info span img{width: .5rem; margin-left: 1.4375rem; transition: .6s;}
.video-list ul li:hover .info span img{margin-left: 2rem;}
.video-list ul li:hover .info strong{color: #de2525;}

.video-bg .index-more{margin-top: 4.75rem;}
.video-bg .index-more a{padding: 1.26rem 1.7rem;}
#video-num{display: none;}


.nynews-list ul{gap: 3.4375rem;}
.video{padding: 6.25rem 0 5.3125rem;}
.nyvideo-list{padding: 1rem;}
.nyvideo-list ul{gap: 3.4375rem;}
.nyvideo-list ul li{box-shadow: 0px 0px 21px 0px rgba(7,0,2,0.07); }















/* 通用详情页 */
.newsDateMain {background: #f9f9f9; padding: 3.125rem 0 6.25rem;}
.newsDate {}
.newsxq-box { display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .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: #de2525; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: 1rem;box-shadow: 0rem 0rem 1.875rem 0rem rgba(226,225,224,0.42); padding: 2.5rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 7rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 35%;border-radius: .313rem; overflow: hidden; min-height: 5.625rem}
.newsDate .relist .reImg img {width: 100%; height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 58%;}
.newsDate .relist li {margin-top: 1.875rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .313rem}
.newsDate .news-right::after {content: "";  background:#de2525; width: 65%; position: absolute; left: 50%; bottom: -3%; height: .438rem; border-radius: .25rem; transform: translate(-50%, -50%);}
@media (any-hover:hover) {
  .newsDate .relist li:hover h6 {color: #de2525;}
  .newsDate .relist li:hover .reImg img {transform: scale(1.05);}
}


.pictureMain{padding: 6.25rem 0;}

.nypicture-list ul{gap: 2rem 2.375rem;}
.nypicture-list ul li {padding: 1.9375rem 1.375rem 4.25rem; box-sizing: border-box; box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.04); border-radius: 12px 12px 12px 12px;}
.nypicture-list ul li .pic{overflow: hidden; overflow: hidden; height: 21.3125rem; margin-bottom: 2.625rem; border-radius: 1.25rem;}
.nypicture-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; transform: scale(1);}    
.nypicture-list ul li:hover .pic img{transform: scale(1.1);}
.nypicture-list ul li h4{font-weight: 500; color: #353535; margin-bottom: 1.75rem;}
.nypicture-list ul li i{display: block; width: 2.875rem;  height: .375rem;  background: #de2525;  border-radius: 144px 144px 144px 144px; transition: .6s;}
.nypicture-list ul li:hover  i{width: 3.5rem;}