/* 公用样式 */
#c-placeholder {height: 1.95rem;}
header {position: absolute; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s;  }
.headBox {transition: .5s; height: 1.95rem; position: relative; z-index: 1; padding: 0 3%;}
.headBox .logo {padding:.24rem 0;height: 100%;}
.headBox .logo img {max-width: 100%; max-height: 1.47rem; object-fit: contain;}

.headBox .re {height: 100%; gap: 2.05rem;}

/* 导航 */
nav {height: 100%; }
nav > ul {display: flex; height: 100%; align-items: center;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative; margin-left: .54rem;}
nav > ul > li > a {color: #fff;  position: relative; text-align: center;}
nav > ul > li > a em{font-size: var(--font18); display: block;}
nav > ul > li > a span{font-size: var(--font14); color: rgba(255, 255, 255, .7);}

/* 搜索 */
.head_search {cursor: pointer; position: relative;}
.head_search a{width: .55rem;  height: .55rem;   background: #E93429 ;  border-radius: 50%;}
.search-dropdown {position: absolute;top: 110%;right: 0;width: 3.5rem;background: #fff;box-shadow: 0 .1rem .3rem rgba(0, 0, 0, 0.1);padding: .2rem;border-radius: .1rem;margin-top: .15rem;opacity: 0;visibility: hidden;transform: translateX(3%);transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);z-index: 100;}
.search-dropdown.active {opacity: 1;visibility: visible; top: 100%;}
/* 小三角 */
.search-dropdown::before {content: "";position: absolute;bottom: 100%;right: .15rem;border-width: .1rem;border-style: solid;border-color: transparent transparent #fff transparent;}
.search-dropdown .search-form {display: flex;align-items: center;background: #f5f5f5;border-radius: .5rem;padding: .05rem .15rem;border: 1px solid transparent;transition: all 0.3s;width: 100%;}
.search-dropdown .search-form:focus-within {background: #fff;border-color: #E93429;box-shadow: 0 0 .1rem rgba(102, 45, 145, 0.1);}
.search-dropdown .search-input {flex: 1;border: none;background: transparent;padding: .1rem;font-size: var(--font14);color: #333;outline: none;}
.search-dropdown .search-submit {background: transparent;border: none;color: #E93429;font-size: var(--font18);cursor: pointer;display: flex;align-items: center;justify-content: center;transition: transform 0.3s;}
.search-dropdown .search-submit:hover {transform: scale(1.1);}
@media screen and (max-width: 767px) {
  .search-dropdown {position: fixed;top: 1.2rem; left: 5%;right: 5%;width: 90%;margin-top: 0;}
  .search-dropdown::before {display: none;}
}





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



/* ===============公用css star!!!!===================*/
.more1 {border-radius: 100px;position: relative;padding:.12rem .29rem;color: #333;overflow: hidden;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: 1;backdrop-filter: blur(4px);-webkit-backdrop-filter: blur(4px);border: 1px solid #B3B3B3;display: inline-block;}
.more1 a{display: flex; align-items: center;}
.more1::before {content: '';position: absolute;top: 0;left: -100%;width: 100%;height: 100%;background: #E93429;transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);z-index: -1;}
.more1 span {position: relative;z-index: 2;color: #333;margin-right: .2rem;}
.more1 img{display: inline-block; width: .06rem;}
@media (any-hover: hover) {
  .more1:hover{border-color: #E93429;}
  .more1:hover::before {left: 0;}
  .more1:hover span { color: #fff;}
  .more1:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
    
}

/* ===============公用css end!!!!===================*/
.getcase { display: flex; position: relative; z-index: 2; margin-bottom: .31rem;}
.getcase a { height: .5rem; display: flex; align-items: center; padding: 0 .26rem; border-radius: 25px; position: relative;}
.getcase a::before { content: ''; width: 100%; height: .5rem; border-radius: 25px; background: #DB3329; transition: all 0.4s; position: absolute; top: 50%; right: 0; transform: translateY(-50%); z-index: -1; pointer-events: none;}
.getcase a span {  color: #fff; transition: all 0.4s;}
.getcase a i {margin-left: .1rem;width: .23rem;height: .23rem;border-radius: 50%;display: flex;justify-content: center;align-items: center;transition: all 0.4s;overflow: hidden;}
.getcase a i img {  display: block; max-width: 100%; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}


@media (any-hover: hover) {
  .getcase a:hover span { color: #333;}
.getcase a:hover::before { width: .5rem;}
.getcase a:hover i { transform: translateX(.12rem);}
}



/* ======首页======= */
/* 首页banner */
.indexOne {position: relative; z-index: 1; overflow: hidden;}
.indexOne .swiper {height: 100%;}
.indexOne .swiper1 {z-index: -1;}
.indexOne .imgBox {height: 100%;}
.indexOne .imgBox img {width: 100%;height: auto;min-height: 100%;transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}
.indexOne .swiper1 .swiper-slide-active img , .indexOne .swiper1 .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}

.indexOne .swiper2 {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 2;} 

.indexOne .box h2{display: block; font-size: .69rem; text-transform: uppercase; font-weight: bold; margin-bottom: .05rem;}
.indexOne .box h3{width: 44%; margin-bottom: .46rem;}
.indexOne .box span{display: block; font-weight: bold;  color: rgba(255, 255, 255, .1);}

.banner-bottom{position: absolute; content: ''; bottom: .6rem; width: 100%; z-index: 888;}
.indexOne .pagtion {width: auto;left: auto; z-index: 888;}
.indexOne .pagtion span {width: .33rem;  height: 0.03rem;  background: #FFFFFF;  opacity: 0.5;  border-radius: 0; margin: 0 .2rem 0 0!important;}
.indexOne .pagtion .swiper-pagination-bullet-active {background: #E93429;}


.sjxBox {position: absolute; left: 0; top: 0; width: 100%;height: 100%; z-index: 1;}
.sjxBox img {width: 0;position: absolute; left: 0; top: 0; opacity: .8;}
.sjxBox img.img1 {left: -62%;top: -39%;animation: wto100 1s .5s forwards;z-index: 1;}
.sjxBox img.img2 {left: -66%;top: -29%;animation: wto100 1s  forwards;opacity: .5;}
@keyframes wto100 {
  form {width: 0;}
  to {width: 100vw;}
}


.banner-mouse{position: absolute; right: .35rem; bottom: .3rem; z-index: 88;}
.banner-mouse a{position: relative; width: 1.18rem; height: 1.2rem; display: block;}
.banner-mouse a::after{position: absolute; content: ''; width: 100%; height: 100%; background: url(../images/logo2.png) no-repeat center center; background-size: contain; top: 0;  animation: rotate 10s linear infinite;}
.banner-mouse .icon{width: .91rem;height: .91rem;background: rgba(233, 52, 41, .6);border-radius: 50%;position: absolute;left: 0;right: 0;margin: auto;top: .13rem;}
.banner-mouse .icon i{animation: arrowMove 1.2s ease-in-out infinite alternate;}

  /* 旋转动画 */
  @keyframes rotate {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
  }
  @keyframes arrowMove {
    0% { transform: translateY(-.1rem); }
    100% { transform: translateY(.1rem); }
  }


  
/* 我们的服务 */
.service{padding: .22rem 0 .3rem;}
.index-top{align-items: flex-end; margin-bottom: .45rem;}
.index-title em{font-weight: 500; display: block; margin-bottom: .15rem;}
.index-title i{display: block; width: .68rem;  height: .06rem; background: #E93429; margin-bottom: .14rem;}
.index-title h2{font-weight: 500;}
.service-box .container-s{position: relative;}
.service-list{overflow: hidden; width: 88%; margin: 0 auto;}
.service-list ul{padding-bottom: 1.05rem;}
.service-list ul li .pic{overflow: hidden;}
.service-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.service-list ul li .info{background: #F4F4F4; text-align: center; padding: .57rem 0 .39rem;}
.service-list ul li .info h3{color: #333333;}
.service-list ul li .info span{color: #333333;}
.service-box .swjt{width: .65rem; height: .65rem; border-radius: 50%; border: 1px solid #333333; opacity: 0.3; cursor: pointer; top: 35%;}
.service-box .swjt i{color: #333; }
.service-list .swiper-pagination-bullet {width: .15rem; height: .15rem; background: #000000; border-radius: 50%; opacity: 0.33; margin: 0 .12rem!important;}
.service-list .swiper-pagination-bullet-active {background: #E93429; opacity: 1;}
.service-box .swiper-button-prev{left: 0;}
.service-box .swiper-button-next{right: 0;}
@media (any-hover: hover) {
  .service-list ul li:hover .pic img {transform: scale(1.1);}
  .service-box .swjt:hover {opacity: 1;}
}



/* 厂房设备 */
.factory-bg{background: #F4F5F9; padding: .4rem 0 .33rem;}
.factory-list{margin-top: .52rem; overflow: hidden; position: relative; padding-bottom: 1.12rem;}
.factory-list ul li .pic{overflow: hidden; border: 1px solid #D5D5D5;}
.factory-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.factory-list ul li:nth-child(even){margin-top: .38rem;}
.factory-list .swiper-pagination-bullet {width: .12rem; height: .12rem; background: #000000; border-radius: 50%; opacity: 0.33; margin: 0 .09rem!important;}
.factory-list .swiper-pagination-bullet-active {background: #E93429; opacity: 1;}
@media (any-hover: hover) {
  .factory-list ul li:hover .pic img {transform: scale(1.1);}
}


/* 关于瑞景 */
.about-bg{background: url(../images/about-bg.jpg) no-repeat center top; background-size: cover; padding: .57rem 0 .91rem;}
.about-box {margin-bottom: .87rem;}
.about-box .index-title{margin-bottom: 2.75rem;}
.about-right{width: 61.86%;}
.about-right h3{font-weight: 400; margin-bottom: .26rem;}
.about-right .pic{overflow: hidden;}
.about-right .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}

.about-link ul{gap: .23rem;}
.about-link ul li{background: #F6F6F6;height: 2.11rem;border-radius: 115px 0px 0px 0px;position: relative;overflow: hidden;}
.about-link ul li::after{position: absolute;content: '';width:100%;height: 0;background: #E93429;border-radius: 115px 0px 0px 0px;bottom: 0;right: -100%;transition: .6s;}
.about-link ul li a{display: flex;height: 100%;align-items: center;justify-content: center;flex-direction: column; position: relative; z-index: 5;}
.about-link ul li .icon{width: .53rem; height: .47rem;display: flex; align-items: center; justify-content: center; margin-bottom: .3rem;}
.about-link ul li .icon img{display: block; max-width: 100%;}
.about-link ul li h4{color: #000000;}
.about-link ul li span{color: #000000; display: block; line-height: 1;}

@media (any-hover: hover) {
  .about-link ul li:hover::after{height: 100%;right: 0;}
  .about-link ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
  .about-link ul li:hover h4{color: #fff;}
  .about-link ul li:hover span{color: #fff;}
}



/* 新闻中心 */
.news-bg{background: #F4F5F9; padding: .57rem 0 .94rem;}
.news {position: relative;}
.news .news-left{width: 23%;position: absolute;z-index: 5;}
.news .news-right{width: 100%;display: flex;justify-content: flex-end;position: relative;}
.news-class{margin: .22rem 0 1.45rem;}
.news-class ul li a{display: block; color: #000000; border: 1px solid #DDDDDD; margin-right: .13rem; padding: .08rem .28rem;}

.news-class ul li.active a{background: #E93429; color: #fff; border-color: #E93429;}

@media (any-hover: hover) {
.news-class ul li:hover a{background: #E93429; color: #fff; border-color: #E93429;}
}



.news-list {margin-top: .25rem;}
.news-list ul li a{background: #FFFFFF; display: block; padding: 0.11rem .33rem .54rem;}
.news-list ul li span{color: #333333; margin-bottom: 0.24rem; display: block;}
.news-list ul li b{color: #000000; font-size: var(--font26); margin-right: .06rem;}
.news-list ul li h3{color: #333333; margin-bottom: .18rem;}
.news-list ul li .pic{overflow: hidden; margin-bottom: .54rem;}
.news-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}

.news-list ul li .icon{width: .39rem; height: .39rem; background: #E93429; border-radius: 50%; display:flex; align-items: center; justify-content: center;}
.news-list ul li .icon i{transition: .6s;}
.news .news-right .swiperBox{width: 77%;}
.news-arrow{display: flex;position: absolute;left: 0;top: 68%;}
.news-arrow .swjt{position: relative; width: auto!important;}
.news-arrow .swjt i{font-size: 0.4rem; color: #E93429;}
.news-arrow .swiper-button-prev{left: 0;}
.news-arrow .swiper-button-next{right: 0;}


@media (any-hover: hover) {
  .news-list ul li:hover .pic img {transform: scale(1.1);}
  .news-list ul li:hover h3{color: #E93429;}
  .news-list ul li:hover .icon i{transform: rotate(-45deg);}
}






/* ====================================================================底部 */
.footer { background: #000000; color: #fff; }
.footer-top { border-bottom: 1px solid rgba(207, 207, 207, .5); padding: .35rem 0 1.65rem;}
.footer-contact{width: 35%;}
.footer-contact dl{display: flex; align-items: center; margin-bottom: .15rem;}
.footer-contact dl dt{width: .18rem; height: .21rem; display: flex; align-items: center; justify-content: center; margin-right: .05rem;}
.footer-contact dl dt img{display: block; max-width: 100%;}
.footer-contact dl dd a{color: #FFFFFF;}
.footer-links{width: 65%;}
.footer-links dl{text-align: center;}

.footer-links dl dt{margin-bottom: .1rem;}
.footer-links dl dt span{color: rgba(255, 255, 255, .7); display: block;}
.footer-links dl dt b{}
.footer-links dl dd a{color: #8F8F8F;}

.footer-bottom{color: #8F8F8F; font-size: var(--font15); padding: .2rem 0 .5rem;}
.footer-bottom a{color: #8F8F8F;}

@media (any-hover: hover) {
  .footer-links dl dd a:hover{color: #fff;}
  .footer-bottom a:hover{color: #fff;}
}






/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 4rem;}
.ny-banner .box {top: 55%;}

.ny-nav {box-shadow: 1px 5px 8px 0px rgba(202,202,202,0.15); padding: .32rem 0;}
.ny-nav ul {display: flex; justify-content: center;gap: .1rem;}
.ny-nav ul li a {font-size: var(--font18); display: inline-block; border-radius: 100px; padding: .1rem .24rem; transition: .5s;}
.ny-nav ul li.on a {background: #E93429; color: #fff;}


@media (any-hover: hover) {
  .ny-nav ul li:hover a{background: #E93429; color: #fff;}
}

.aboutMain{padding: .5rem 0;}
.about-title {margin-bottom: .4rem;}
.about-title i{display: block; width: .34rem; height: .02rem; background: #E93429; margin: .2rem auto 0;}




/* 内页我们的服务 */
.solutionsMain{padding: .8rem 0;}
.nysolutions-list ul li {background: #F3F5FA; margin-bottom: .56rem;}
.nysolutions-list ul li .pic{width: 50%;  overflow: hidden;}
.nysolutions-list ul li .pic img{display: block; width: 100%; object-fit: cover; transition: .6s;}
.nysolutions-list ul li .info{width: 50%; padding: 0.5rem;}
.nysolutions-list ul li .info h3{color: #272727; font-weight: 600; line-height: 1.1; margin-bottom:.33rem;}
.nysolutions-list ul li .info h4{color: #5A5A5A;margin-bottom: .8rem;}
@media (any-hover: hover) {
  .nysolutions-list ul li span:hover{color: #fff;}
}


/* 内页图片列表页 */
.picture-list ul{gap: .3rem;}

.picture-list ul li .pic {padding: .1rem; border: 1px solid #D5D5D5; overflow: hidden;}
.picture-list ul li .pic img {display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s;}
.picture-list ul li h3{text-align: center; font-size: var(--font18); color: #333; margin-top: .2rem;}

@media (any-hover: hover) {
  .picture-list ul li:hover .pic img {transform: scale(1.1);}
  .picture-list ul li:hover h3{color: #E93429;}
}


.newsMain{padding: 1.04rem 0;}
.nynews-list ul li{margin-bottom: 1.12rem;}
.nynews-list ul li .pic{overflow: hidden; width: 33.84%;}
.nynews-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: 0.6s;}
.nynews-list ul li .info{width: 63.32%;display: flex;flex-direction: column;align-items: flex-start;justify-content: center;}
.nynews-list ul li .info em{color: #878787; margin-bottom: .1rem; display: block;}
.nynews-list ul li .info strong{color: #333333; margin-bottom: .28rem;}
.nynews-list ul li .info p{color: #666666; margin-bottom: .85rem;}
.nynews-list ul li .more2{display: inline-block; padding: .12rem .2rem;}
@media (any-hover: hover) {
  .nynews-list ul li:hover .pic img{transform: scale(1.1);}
  .nynews-list ul li .more2:hover i{color: #fff;}
}



/* 新闻详情页 */
.newsxqMain{background: #F6F6F6;padding: 0.4rem 0 0.9rem;}
.position{margin-bottom: 0.35rem;}
.position img{display: block; margin-right: 0.10rem; width: 0.19rem;}
.position span,.position a{color: #9C9C9C;}
.position a{margin:  0 0.10rem;}

@media (any-hover: hover) {
.position a:hover{color: #E93429;}
}
.newsxq-box{align-items: flex-start;}
.newsxq-left{width: 66.125%;}
.newsxq-bg{background: #fff; border-radius: 0.10rem; padding: 0.70rem 0.48rem;}
.newsxq-title{border-bottom: 1px solid #D8D8D8; padding-bottom: 0.26rem; margin-bottom: 0.26rem;}
.newsxq-title h1{font-weight: 500; display: block; margin-bottom: 0.10rem;}
.newsxq-title span{color: #777777;}
.newsxq-content img {max-width: 100%; height: auto;}
.newsxq-content table {max-width: 100%;}

.newxq-arrow{margin-top: 0.47rem;}
.newxq-arrow a{transition: .6s;}
.newxq-arrow .icon{width: 0.50rem;   height: 0.50rem;   background: #D8D8D8;   border-radius: 0.10rem; display: flex; align-items: center; justify-content: center; transition: .6s;}
.newxq-arrow .icon img{width: 0.16rem;}
.newxq-arrow em{margin-left: 0.18rem;}

.newxq-arrow .newsxq-next img{transform: rotate(180deg);}
.newxq-arrow .newsxq-next em{margin-right: 0.18rem;}

@media (any-hover: hover) {
.newxq-arrow a:hover .icon{background: #E93429; color: #fff;}
.newxq-arrow a:hover .icon img{filter: brightness(100); -webkit-filter:brightness(100);}
}

.newsxq-right{width: 30%; padding: 0.45rem 0.36rem 0.60rem; background: #fff; border-radius: 0.10rem; position: sticky; top: 1.00rem;}
.newsxq-right strong{display: block; margin-bottom: 0.40rem;}
.recom-list ul li{margin-bottom: 0.15rem; border-radius: 0.10rem;}
.recom-list ul li .pic{width: 43%; overflow: hidden; border-radius: 0.10rem;}
.recom-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.recom-list ul li .info{width: 51%;}
.recom-list ul li .info h2{color: #3D3D3D;}

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



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