/* 公用样式 */
#c-placeholder {height: .89rem;}
header {position: fixed; left: 0; top: 0; z-index: 99; width: 100%;transition: .5s; padding: .42rem 5%;}
.headBox {transition: .5s; height: .89rem; position: relative; z-index: 1;}
.headBox .logo {padding:.1rem 0;height: 100%;}
.headBox .logo img {max-width: 100%; max-height: .89rem; object-fit: contain;}
.headBox .logo img.logo2{display: none;}



/* 导航 */
nav {height: 100%; width: 51%; }
nav > ul {display: flex; height: 100%; align-items: center;justify-content: space-between;}
nav > ul > li {height: 100%; display: flex; align-items: center; position: relative;}
nav > ul > li > a {color: #fff; font-size: var(--font20); position: relative;  display: flex; align-items: center;}
nav > ul > li > a i {}
nav > ul > li > a::after {content: ''; position: absolute; left: 50%; bottom: -.05rem; width: 0;  height: 1px; background: #fff; transition: .5s;}
nav > ul > li.on > a::after {width: 100%; left: 0;}
@media (any-hover: hover) {
  nav > ul > li:hover > a::after {width: 100%; left: 0;}
}

.head-tel .icon{width: .47rem; height: .47rem; background: #1661C7; border-radius: 50%; padding: .1rem;}
.head-tel .icon img{display: block; max-width: 100%;}
.head-tel  a{font-weight: bold; margin-left: .2rem;}
/* 来电震动关键帧动画 */
@keyframes shakeCall {
    0% { transform: rotate(0deg); }
    10% { transform: rotate(-8deg); }
    20% { transform: rotate(8deg); }
    30% { transform: rotate(-8deg); }
    40% { transform: rotate(8deg); }
    50% { transform: rotate(0deg); }
    100% { transform: rotate(0deg); }
  }
  
  /* 持续震动class，来电时添加 */
  .shake-call {
    animation: shakeCall 1s infinite ease-in-out;
  }


  header.c-style2{background: #fff; padding: .1rem 5%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);}
  header.c-style2 nav > ul > li > a {color: #333;}
  header.c-style2 .head-tel a{color: #333;}
  header.c-style2  .headBox .logo img.logo1{display: none;}
  header.c-style2  .headBox .logo img.logo2{display: block;}


  header.c-style2 nav > ul > li.on > a{color: #1661C7;}
  header.c-style2 nav > ul > li.on > a::after{background: #1661C7;}
  @media (any-hover: hover) {
    header.c-style2   nav > ul > li:hover > a{color: #1661C7;}
    header.c-style2 nav > ul > li:hover > a::after{background: #1661C7;}
  }



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



/* ===============公用css star!!!!===================*/
.index-more a{background: #1661C7;border-radius: 0px .26rem 0px .26rem;padding: .11rem .18rem;display: inline-block; transition: .5s;}
.index-more em{margin-right: .28rem;}
@media (any-hover: hover) {
    .index-more a:hover {
        box-shadow: 0 10px 20px rgba(0, 30, 98, 0.2);
        transform: translateY(-.1rem);
    }
}

.index-more2 a{background: #FFFFFF;}
.index-more2 em{color: #333333;}
.index-more2 i{color: #155BBA;}
/* ===============公用css end!!!!===================*/



/* ======首页======= */
.indexBanner { position: relative; overflow: hidden; }
.indexBanner .swiper {height: auto;}
.indexBanner .slide {overflow: hidden;}
.indexBanner .slide .imgBox {position: relative; height: auto;}
.indexBanner .slide .imgBox img {width: 100%; object-fit: cover;  transition: 1s linear 2s;transform: scale(1.1, 1.1);}
.indexBanner .slide .container{top: 72%;}
.indexBanner .slide .box {width: 100%; height: 100%; display: flex; flex-direction: column; }
.indexBanner .slide .box h2{font-size: .7rem; font-weight: bold; display: block; line-height: 1.1;}


/* 当前 */
.indexBanner .swiper-slide-active .imgBox img, .indexBanner .swiper-slide-duplicate-active .imgBox img {transition: 6s linear;transform: scale(1, 1);}
/* 控件 */
.banner-bottom{position: absolute;z-index: 2;width: 100%; bottom: .73rem;}
.indexBanner .pagtion {width: auto; left: 0; position: relative;  font-style: italic;}
.indexBanner .pagtion span {width: 13px;height: 13px;background: rgba(255, 255, 255, .5);opacity: 1;margin: 0 12px 0 0!important;}
.indexBanner .pagtion span.swiper-pagination-bullet-active {opacity: 1; background: #1661C7;}
.bottom-box{width: 100%;}
.banner-arrow{display: flex;}
.banner-arrow .swjt{width: .67rem; height: .67rem; border-radius: 50%; border: 2px solid #FFFFFF; position: relative;}
.banner-arrow .swiper-button-prev{left: 0;}
.banner-arrow .swiper-button-next{right: 0; margin-left: .14rem;}



/* 关于御品源 */
.about{position: relative; padding-bottom: 1.32rem; overflow: hidden;}
.about-box {  position: relative;  overflow: hidden;  margin: 1.75rem 0 0;}
.index-title h3{display: block; line-height: 1;}
.about .info{width: 42%;}
.about .info h4{color: #555555;margin: .5rem 0 0.75rem;}
.about-num{margin-top: .82rem;}
.about-num ul li{text-align: center;}
.about-num ul li div{font-weight: bold; line-height: 1.1;}
.about-num ul li em{color: #666666;}

.about .pic {   position: absolute;   right: 0;   top: 0;   height: 100%;   width: 50%;   overflow: hidden; }
.about .pic>img { width: 100%;   height: 100%;  object-fit: cover; transform: translateX(100%);  opacity: 0; border-radius: 290px 0 0 290px}
.about .pic.active>img {  transform: translateX(0);   opacity: 1;  transition: transform 1s ease-out, opacity 0.5s ease-out;}
.video-btn{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);  z-index: 5;}
.video-btn .icon{ width: 1.12rem;height: 1.12rem;   border-radius: 50%; background: #1661C7; display: flex; align-items: center; justify-content: center;}
.video-btn img{width: .24rem;}
.video-btn::after {  content: "";position: absolute; top: -.14rem;  left: -.14rem;  width: calc(100% + .28rem);  height: calc(100% + .28rem);  background: rgba(255, 255, 255, 0.3);   border-radius: 50%;  animation: cen 2s infinite;  z-index: -3;}
@keyframes cen {
    0% {
        transform: scale(1);
    }
    50% {
        transform: scale(1.2);
    }
    100% {
        transform: scale(1);
    }
}

.about-en b{color: rgba(0, 0, 0, 0.05);position: absolute;right: 0;bottom: 0;font-size: 3.18rem;font-family: Arial;text-transform: uppercase;line-height: .7;transform: translateX(37%);display: block;z-index: -1; transition: transform 1s ease-out;}



/* 服务范围 */
.service-bg{background: url(../images/service-bg.webp) no-repeat center; background-size: cover; }
.service-bg .index-title {width: 52%;}
.service-bg .index-title h2{color: #fff;}
.service-bg .index-title h3{color: #fff;}
.service-bg .index-title h4{color: #fff; margin-top: .35rem;}
.service-top{padding: .86rem 0 1.4rem;}
.service-list{border-top: 1px solid rgba(255, 255, 255, .3);}
.service-list ul li{height: 4.22rem; border-right: 1px solid rgba(255, 255, 255, .3);  position: relative; overflow: hidden;}
.service-list ul li:last-child{border-right: none;}
.service-list ul li a{display: block; width: 100%; height: 100%; position: relative;}
.service-list ul li .info{position: relative; z-index: 2; transition: .6s; width: 100%; height: 100%; padding: .7rem 13% 0;  }
.service-list ul li .icon{ width: .68rem; height: .71rem;position: relative; display: flex; align-items: center; justify-content: center; margin-bottom: .75rem;}
.service-list ul li .icon svg{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; z-index: 1; transition: all 0.2s ease;}
.service-list ul li .icon img{display: block; max-width: 100%;  object-fit: contain;  position: relative; z-index: 2; padding: .1rem;}
.service-list ul li .info h4{display: block; }
.service-list ul li .info h5{color: rgba(242, 242, 242, .7); margin-top: .19rem;}
.service-list ul li .pic{overflow: hidden; position: absolute; top: -100%; z-index: 1; width: 100%; height: 100%;transition: .6s; }
.service-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;  }
@media (any-hover: hover) {
  .service-list ul li:hover .icon svg path { fill: #1661C7; stroke: #1661C7;}
  .service-list ul li:hover .info{ background: rgba(0, 0, 0, 0.8);}
  .service-list ul li:hover .pic{ top: 0;}
}


/* “五心”级服务 */
.ys{margin: 1.1rem 0 .95rem;}
.ys-btn{margin-top: .65rem;}
.ys-btn ul{display: flex; align-items: center; justify-content: center; }
.ys-btn ul li {width: 1.91rem!important;}
.ys-btn ul li a{background: #F2F2F2;border-radius: 29px;display: block;text-align: center;padding: .17rem 0; transition: .6s;}
.ys-btn ul li.swiper-slide-thumb-active a{background: #1661C7; color: #fff;}
.ys-list {position: relative; overflow: hidden; margin-top: .36rem;}
.ys-list ul li{position: relative;}
.ys-list ul li .pic{overflow: hidden;}
.ys-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; border-radius: .26rem; min-height: 5rem;}
.ys-list ul li .info{position: absolute; top: 50%; transform: translateY(-50%); right: 7.4%; width: 35%;}
.ys-list ul li .info h3{font-weight: bold;}
.ys-list ul li .info h4{color: #666666;margin: .16rem 0 .3rem;}
.ys-item{gap: 0 .12rem;}
.ys-item span{display: block;color: #666666;border: 1px solid rgba(102, 102, 102, .5);border-radius: .2rem;padding: .08rem .38rem;}
.ys-icon{position: absolute; right: 0.7rem; top: .5rem; font-family: Arial; font-weight: bold; font-size: 1.2rem; color: #D7D7D7; z-index: 2;}
.ys-arrow{display: flex;gap: 0 .13rem;position: absolute;bottom: .56rem;z-index: 1;width: auto;left: 50%;transform: translateX(89%);}
.ys-arrow .swjt{position: relative; width: .56rem; height: .56rem;  border-radius: 12px;  border: 1px solid rgba(102, 102, 102, .2);  opacity: 1; transition: .6s;}
.ys-arrow .swjt i{color: #333;}
.ys-arrow .swiper-button-prev{left: auto;}
.ys-arrow .swiper-button-next{right: auto;}
@media (any-hover: hover) {
  .ys-arrow .swjt:hover{background: #1661C7;}
  .ys-arrow .swjt:hover i{color: #fff;}
}


/* 新闻动态 */
.news-bg{background: url(../images/news-bg.webp) no-repeat center; background-size: cover; padding: 1rem 0; }
.news-bottom{margin-top: .73rem; gap: 0 .15rem;}
.latest-news{width: 41.53%; position: relative; overflow: hidden;}
.latest-news ul li a{display: block; width: 100%; height: 100%; position: relative;}
.latest-news ul li .pic{overflow: hidden; border-radius: .1rem; height: 100%; }
.latest-news ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; transition: .6s; }
.latest-news ul li .info{position: absolute; content: ''; width: 100%; background: rgba(0, 0, 0, .6); padding: .21rem .26rem; z-index: 1; bottom: 0; border-bottom-left-radius: .1rem; border-bottom-right-radius: .1rem;}
.latest-news ul li .info h3{font-weight: bold; color: #fff; width:80%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.latest-news .swiper-pagination{width: auto;right: .28rem;left: auto;bottom: 4%;}
.latest-news .swiper-pagination-bullet {background: #fff; width:10px; height: 10px; opacity: 1;}
.latest-news .swiper-pagination-bullet-active {background: #2A6ECC;}

.news-middle{width: 28.13%;}
.news-middle ul{gap:.19rem 0;height: 100%;display: grid;}
.news-middle ul li {display: block;background: #FFFFFF;border-radius: 10px;height: 100%; padding: .5rem .3rem; position: relative; overflow: hidden;}
.news-middle ul li::after{position: absolute; content: ''; width: 100%; height: 100%; background: #1661C7; height: 100%; width: 0; left: 0; top: 0; transition: .6s;}
.news-middle ul li a{position: relative; z-index: 5;}
.news-middle ul li strong{font-weight: bold;color: #333333;  margin-bottom: .1rem;}
.news-middle ul li p{color: #666666; margin-bottom: .2rem;}
.news-middle ul li .news-more{border-top: 1px solid rgba(204, 204, 204, 1); padding-top: 0.15rem;}
.news-middle ul li .news-more span{color: #666666;}
.news-middle ul li .icon{ background: #FFFFFF; border-radius: 50%; width: .4rem; height: .4rem; padding: .1rem;}
.news-middle ul li .icon img{display: block; max-width: 100%; transition: .6s;}
.news-list{width: 28.13%;}
.news-list  ul {gap:.15rem 0;height: 100%;display: grid;}
.news-list  ul li a{display: flex;background: #FFFFFF;border-radius: .1rem;height: 100%;align-items: center;}
.news-list  ul li .date{width: 28.3%;margin-right: 5.8%;border-right: 1px solid rgba(204, 204, 204, .6);display: flex;flex-direction: column;padding: 0 .28rem;justify-content: center;}
.news-list  ul li .date b,.news-list  ul li .date span{color: rgba(51, 51, 51, .5);}
.news-list  ul li .date i{display: block; width: 21px; height: 1px; background:rgba(204, 204, 204, .73); margin:.04rem 0 .13rem;}
.news-list  ul li .info{flex: 1; margin-right: .19rem;}
.news-list  ul li .info strong{color: #333333; margin-bottom: .1rem;}
.news-list  ul li .info i{color: #bfbfbf; font-size: var(--font24); transition: .6s;}


@media (any-hover: hover) {
.latest-news ul li:hover .pic img{transform: scale(1.1);}
.news-middle ul li:hover::after{ width: 100%;}
.news-middle ul li:hover strong{color: #fff;}
.news-middle ul li:hover p{color: #fff;}
.news-middle ul li:hover .news-more span{color: #fff;}
.news-middle ul li:hover .icon img{transform: rotate(360deg);}
.news-list  ul li:hover .info strong{color: #1661C7;}
.news-list  ul li:hover .info i{margin-left: calc(100% - var(--font24));}

}



/* 合作伙伴 */
.partner{padding: .77rem 0 1.44rem;}
.partner-list{overflow: hidden;  transition-timing-function: linear !important; }
.partner-list ul li .pic img{display: block; max-width: 100%;}
.partner-top{position: relative; margin-bottom: .7rem;}

.partner-arrow{display: flex;gap: 0 .13rem;position: absolute; z-index: 1;width: auto; right: 0; }
.partner-arrow .swjt{position: relative;width: .56rem;height: .56rem;border-radius: 12px;border: 1px solid rgba(102, 102, 102, .2);opacity: 1;transition: .6s;top: auto;margin-top: 0;}
.partner-arrow .swjt i{color: #333;}
.partner-arrow .swiper-button-prev{left: auto;}
.partner-arrow .swiper-button-next{right: auto;}
@media (any-hover: hover) {
  .partner-arrow .swjt:hover{background: #1661C7;}
  .partner-arrow .swjt:hover i{color: #fff;}
}





/* ====================================================================================底部================================================================================= */
footer{background: #242424;}
.footer-top{padding: .41rem 0 .66rem;}
.foternav{width: 59.66%;}
.foternav dl dt a{display: block; font-size: var(--font18); font-weight: bold; color: #FFFFFF;}
.footer-bottom{border-top: 1px solid rgba(255, 255, 255, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.1); padding: .55rem 0 .4rem;}
.footer-contact ul{justify-content: space-evenly;}
.footer-contact ul li .icon{width: .33rem; margin-right: .2rem;}
.footer-contact ul li .icon img{display: block; max-width: 100%; }
.footer-contact ul li .text{flex: 1;}
.footer-contact ul li .text span{color: #999999; display: block;}
.footer-contact ul li .text a,.footer-contact ul li .text b{color: #fff;}

.copyright{padding: .6rem 0 .4rem;}
.copyright p{text-align: center; color: #f5f5f5;}
.copyright a{color: #f5f5f5;}
@media (any-hover: hover) {
  .foternav dl dt a:hover{color: #1661C7;}
  .footer-contact ul li .text a:hover{color: #1661C7;}
.copyright a:hover{color: #1661C7;}
}
.slide_fixed{position: fixed;bottom: 25%;right: 0;z-index: 999;gap: .08rem 0;display: grid;}
.slide_fixed .item a{width: .63rem;height: .63rem;background:rgba(22, 97, 199, .8);border-radius: .1rem;padding: .1rem;display: flex;justify-content: center;align-items: center;}
.slide_fixed .item a img{display: block; max-width: 100%; transition: .6s;}
.slide_fixed .ic_txt {position: absolute;right: 0;top: 0;height: 100%;display: flex;align-items: center;padding: 0.8rem .2rem;background: #fff;transform: translateX(100%);transition: all 0.3s ease;z-index: -1;box-shadow: 0px 0px .1rem 0px rgba(0, 0, 0, 0.1);}
@media (any-hover: hover) {
  .slide_fixed .item:hover .ic_txt {transform: translateX(-50%);}
}





/* ====================================================================================内页================================================================================= */
/* 公用样式 */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .imgBox img {width: 100%; min-height: 6rem; object-fit: cover;}
.ny-banner .info {top: auto;bottom: .3rem;transform: translate(-50%, 0);}
.banner-title{margin-bottom: 1.8rem;}
.banner-title h1,.banner-title b{font-size: .6rem; display: block;}
.banner-title b{line-height: 1; text-transform: uppercase;}
.position img{margin-right: .16rem;}
.position span,.position span a{color: #fff;}
@media (any-hover: hover) {
  .position span a:hover{color: #1661C7;}
}



/* 内页关于我们 */
.company{padding: 1.27rem 0 1.05rem;}
.about-title h2{}
.about-title h3{display: block; line-height: 1.1;}
.about-title h4{font-family: KaiTi; display: block; margin-top: 1.7rem;}
.company .info{width: 46.93%;}
.company .info h5{color: #666666; margin-bottom: .42rem; display: block; line-height: 2;}
.company .info h5:nth-child(2){margin-bottom: 0;}
.company-pic{position: relative; margin-bottom: .89rem;}
.company-pic>img{display: block; max-width: 100%; object-fit: cover; min-height: 5rem;}
.areas{background: #EBEFF5; padding: 1.05rem 0 1.2rem;}
.areas-top{position: relative; margin-bottom: .55rem;}

.about-arrow{display: flex;gap: 0 .1rem;position: absolute; z-index: 1;width: auto; right: 0; }
.about-arrow .swjt{position: relative;width: .49rem;height: .49rem;border-radius: 50%;border: 1px solid rgba(102, 102, 102, .5);opacity: 1;transition: .6s;top: auto;margin-top: 0;}
.about-arrow .swjt i{color: rgba(102, 102, 102, .5);}
.about-arrow .swiper-button-prev{left: auto;}
.about-arrow .swiper-button-next{right: auto;}
@media (any-hover: hover) {
  .about-arrow .swjt:hover{background: #2A6ECC;}
  .about-arrow .swjt:hover i{color: #fff;}
}


.areas-list{position: relative; overflow: hidden;}
.areas-list ul li .pic{overflow: hidden;}
.areas-list ul li .pic img{display: block; width: 100%; transition: .6s;}
.areas-list ul li .info{background: #FFFFFF; text-align: center; padding: .36rem 0;}
@media (any-hover: hover) {
  .areas-list ul li:hover .pic img{transform: scale(1.1);}
}

.culture-bg{background: url(../images/culture-bg.webp) no-repeat center; background-size: cover; background-attachment: fixed; padding: .85rem 0 1.8rem;}
.culture-list{margin-top: 1.32rem; text-align: center;}
.culture-list ul li .icon{width: 1.34rem; height: 1.34rem; position: relative; background: #FFFFFF; border-radius: 24px; transform: rotate(45deg); display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.culture-list ul li .icon img{display: block; max-width: 100%;  transform: rotate(-45deg);} 
.culture-list ul li .info{margin-top: .38rem;}
.culture-list ul li .info .line{display: block; width: .25rem;  height: .06rem;  background: #FFFFFF;  border-radius: .03rem; margin: .13rem auto .36rem;}

.honor{padding: 1.05rem 0 1.54rem;}
.honor-top {position: relative; margin-bottom: .9rem;}
.honor-top .about-title {width: 45.2%;}
.honor-list{position: relative; overflow: hidden;}
.honor-list ul{display: grid; grid-template-columns: repeat(4, 1fr); gap: .19rem;}
.honor-list ul li .pic{overflow: hidden;}
.honor-list ul li .pic img{display: block; width: 100%; transition: .6s;}



/* 菜品展示 */
.proMain{padding: 1.2rem 0;}
.proOne .box{display: flex; justify-content: space-between; align-items: flex-start;}
.proOne .box .le{width: 12%;position: sticky;top: 1.09rem; min-width: 150px;}
.proOne .menu li{margin-bottom: .13rem;}
.proOne .menu li a{display: inline-block;text-align: center; width: 1.2rem;padding: .08rem 0; transition: .6s; border: 1px solid transparent; }

.proOne .menu li.on a{border-color: #000000; border-radius: .22rem;}
@media (any-hover: hover) {
  .proOne .menu li:hover a{border-color: #000000; border-radius: .22rem;}
}


/* 移动端样式 */
.filter-toggle {padding: 0 0.10rem; position: fixed; top: 50%;background: #1661c7; 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;}


.proOne .box .re{width: 88%;}
.product-list ul{gap: .36rem .27rem;}
.product-list ul li{position: relative; border-radius: .1rem; 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 .info{position: absolute; content: ''; top: -100%; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); transition: .6s; }
@media (any-hover: hover) {
  .product-list ul li:hover .pic img{transform: scale(1.1);}
  .product-list ul li:hover .info{top: 0;}
}


/* PC端隐藏切换按钮 */
@media screen and (min-width: 768px) {
  .filter-toggle {display: none;}
}

@media screen and (max-width: 767px) {
  .proOne {position: relative;}
  .proOne .box .le {position: fixed;left: -100%;top: 0;bottom: 0;width: 70%;background: #fff; padding: 0.30rem 0.16rem; z-index: 999;transition: all 0.3s; box-shadow: none;}
  .proOne .box .le.show {left: 0; overflow-y: auto;}
  .proOne .box .re {width: 100%; flex: none; margin-left: 0;}
  .filter-toggle {display: block;}
}


.class-title{background: #f5f5f5; padding: 0.15rem 0; margin-bottom: 0.2rem;}
.class-title em{display: block;  font-size: var(--font20);  color: #222; border-left: 0.04rem solid #0073bc; padding-left: 0.15rem; font-weight: bold; margin-left: 0.15rem}




/* 新闻分页 */
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: 0.5rem; padding-top: 0.48rem; border-top: 1px solid #F2F2F2; }
.newsxq-page a {display: flex; align-items: center; gap: 0.1rem;}

.news-prev,.news-next{transition:600ms; display: flex; align-items: center; justify-content: center; width: 0.32rem;height: 0.32rem;min-width: 0.3rem;min-height: 0.3rem;   border: 0.02rem solid #eeeeee;border-radius: 0.05008rem;}
.news-prev i,.news-next i {font-size: var(--font14);}
.newsxq-page .back-link {display: inline-flex; padding: 0.12rem 0.2rem;}
@media (any-hover: hover) {
  .prev-link:hover .news-prev {background: #1661c7; border-color: #1661c7;}
  .prev-link:hover .news-prev i {color: #fff;}
  .next-link:hover .news-next {background: #1661c7; border-color: #1661c7;}
  .next-link:hover .news-next i {color: #fff;}
}




/* 新闻动态 */
.newsMain{padding: 1.3rem 0;}
.top-latest{overflow: hidden; position: relative; margin-bottom: .98rem; }
.top-latest ul li a{background: #F4F4F4;}
.top-latest ul li .pic{width: 50%; overflow: hidden;}
.top-latest ul li .pic img{display: block; width: 100%;  height: 100%; object-fit: cover; transition: .6s; }
.top-latest ul li .info{width: 50%; display: flex;align-items: center; padding: .4rem .4rem .4rem .54rem ;}
.top-latest ul li .info em{color: #1661c7; display: block; margin-bottom: .08rem;}
.top-latest ul li .info h3{color: #333333; font-weight: bold;}
.top-latest ul li .info .line{width: 100%; height: 1px; background: #DDDDDD; margin: .25rem 0 .3rem;}
.top-latest ul li .info h4{color: #666666; margin-bottom: .85rem;}
.latest-more{background: #2A6ECC;display: inline-flex;padding: .12rem .17rem;}
.latest-more span{margin-right: .25rem;}


.top-latest .pagtion{width: auto!important; right: .68rem; left: auto; bottom: 1rem;}
.top-latest .pagtion span {width: 8px; height: 8px;background: #BFBFBF;opacity: .5;  }
.top-latest .pagtion span.swiper-pagination-bullet-active {background: #1661c7; opacity: 1;}


.nynews-list{border-top: 1px solid rgba(191, 191, 191, .2); padding-top: .83rem;}
.nynews-list ul li{padding-bottom: .69rem; margin-bottom: .77rem; border-bottom: 1px solid rgba(191, 191, 191, .2); transition: .6s;}
.nynews-list ul li a>div{width: 90%;}
.nynews-list ul li .pic{width: 24.4%;margin-right: 4%; overflow: hidden;}
.nynews-list ul li .pic img{display: block; width: 100%;  height: 100%; object-fit: cover; transition: .6s;}
.nynews-list ul li .info{display: flex;align-items: center; width: 60%;}
.nynews-list ul li .info em{color: #333333; margin-bottom: .15rem; display: block;}
.nynews-list ul li .info h3{color: #333333; font-weight: bold;}
.nynews-list ul li .icon{width: .97rem; height: .97rem; border-radius: 50%; border: 1px solid #CFCFCF;}
.nynews-list ul li .icon i{font-size: var(--font28); color: #333; transition: .6s;}
@media (any-hover: hover) {
  .top-latest ul li:hover .info h3{color: #1661c7;}
  .top-latest ul li:hover .pic img{transform: scale(1.1);}
  .nynews-list ul li:hover .pic img{transform: scale(1.1);}
  .nynews-list ul li:hover .info h3{color: #1661c7;}
  .nynews-list ul li:hover .icon i{transform: rotate(45deg);}
}



/* 新闻详情页 */
.newsxqMain{background: #F6F6F6;padding: 1rem 0;}
.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: #1661c7; 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: #1661c7;}
}



/* 内页合作案例 */
.case-box{padding: .96rem 0 1.4rem;}
.case-box .info{width: 45%;}
.case-box .info h2{font-weight: bold; display: block; line-height: 1.15;}
.case-box .info h3{font-weight: 500; margin-top: .64rem;}
.case-box .pic{width: 51.1%; position: relative;}
.case-box .pic>img{display: block; width: 100%;}
.location{ position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.location ul{height: 100%;}
.location li { position: absolute; transform: translate(-50%, -50%);}
.location li .dots { width: .08rem; height: .08rem; background: #00B7FF; border-radius: 50%; position: relative;}
.location li .dots::before {
  content: '';
  position: absolute;
  width: .2rem;
  height: .2rem;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: rgba(0, 183, 255, .2);
  animation: breath 2s infinite ease-in-out;
}

@keyframes breath {
  0% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
  50% { transform: translate(-50%, -50%) scale(1.2); opacity: 0.3; }
  100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
}


/* item1 北京（华北最北圆点） */
.location li.item1 { top: 46.0%; left: 64.7%; }
/* item2 济南 */
.location li.item2 {top: 54%;left: 65.5%;}
/* item3 南京 */
.location li.item3 { top: 54.3%; left: 69.5%; }
/* item4 郑州 */
.location li.item4 { top: 55.7%; left: 58.5%; }
/* item5 武汉 */
.location li.item5 {top: 65.3%;left: 57.5%;}
/* item6 成都（西部圆点） */
.location li.item6 { top: 63.5%; left: 41.7%; }
/* item7 贵阳（川渝东南） */
.location li.item7 { top: 67.1%; left: 50.1%; }
/* item8 昆明（西南底部） */
.location li.item8 { top: 79.1%; left: 42.1%; }
/* item9 广州（华南） */
.location li.item9 { top: 85.3%; left: 61.3%; }
/* item10 福州（闽东） */
.location li.item10 {top: 79.3%;left: 67.5%;}
/* item11 杭州 */
.location li.item11 {top: 61.5%;left: 69.3%;}
/* item12 宁波 */
.location li.item12 { top: 61.7%; left: 73.3%; }
/* item13 海口（海南岛） */
.location li.item13 {top: 96.1%;left: 54.9%;}
/* item14 长沙 */
.location li.item14 {top: 67.5%;left: 72.1%;}
/* item15 西安（中部偏西北圆点） */
.location li.item15 {top: 70.6%;left: 69.7%;}


/* 红色五角星 */
.location li.star-mark img {
  width: .2rem;
 
}

/* 上海红色五角星定位 */
.location li.star-mark {top: 58%;left: 70.4%;}


.nypartner-list{margin-bottom: 1.34rem;}
.nypartner-list ul {gap: .2rem .08rem;}
.nypartner-list ul li{ box-shadow: 0 1px 3px rgba(0, 0, 0, 0.07),  0 3px 10px rgba(0, 0, 0, 0.03);border: 1px solid #f8f8f8; transition: .6s; border-radius: 0.06rem;}
.nypartner-list ul li .pic{display: flex; align-items: center; justify-content: center; height: .85rem; overflow: hidden;}
.nypartner-list ul li .pic img{display: block; max-width: 100%;}
.nypartner-list ul li:hover {  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.12),        0 6px 18px rgba(0, 0, 0, 0.06); transform: translateY(-2px); transition: all 0.2s ease;}



/* 内页服务范围列表页 */
.serviceMain{padding: 1rem 0;}
.nyservice-list ul li{background: rgba(249, 249, 249, .9); margin-bottom: .4rem;}
.nyservice-list ul li .pic{width: 42%;}
.nyservice-list ul li .pic img{display: block; width: 100%;}
.nyservice-list ul li .info{width: 58%; padding: 0 4.6%;}
.nyservice-list ul li .service-tit h3{color: #313131; font-weight: 500; }
.nyservice-list ul li .icon{ width: .68rem; height: .71rem;position: relative; display: flex; align-items: center; justify-content: center; margin: 0 auto .22rem;}
.nyservice-list ul li .icon svg{width: 100%; height: 100%; object-fit: cover; position: absolute; top: 0; z-index: 1; transition: all 0.2s ease;}
.nyservice-list ul li .icon img{display: block; max-width: 100%;  object-fit: contain;  position: relative; z-index: 2; -webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1); padding: .1rem;}
.nyservice-list ul li .text{flex: 1; margin-left: .62rem;}
.nyservice-list ul li h4{color: rgba(49, 49, 49, .7);}


/* 内页联系我们 */
.contact-box{padding: 1.3rem 0 1.69rem;}
.contact-box .info{width: 40%;}
.contact-box .info h2{display: block; color: #333333; margin-bottom: .6rem;}
.contact-box .info .list{margin-bottom: 1.7rem;}
.contact-box .info .list  dl{display: flex; align-items: center; margin-bottom: .23rem;} 
.contact-box .info .list  dl:last-child{margin-bottom: 0;}
.contact-box .info .list  dl dt{width: 19px; height: 22px; display: flex; align-items: center; justify-content: center; margin-right: .15rem;}
.contact-box .info .list  dl dt img{display: block; max-width: 100%;}
.contact-box .info .list  dl dd{flex: 1;}
.contact-box .info .list  dl dd a{color: #333333;}


.map-link a{border: 2px solid #232323;border-radius: .33rem;display: inline-flex;padding: .17rem .45rem; transition: .6s;}
.map-link img{margin-right: .11rem;}
.map-link span{color: #333333;}


@media (any-hover: hover) {
  .contact-box .info .list  dl dd a:hover{color: #1661C7;}
  .map-link a:hover{background: #1661C7; border-color: #1661C7;}
  .map-link a:hover img{filter: brightness(1) invert(1);}
  .map-link a:hover span{color: #fff;}
}


.message{width: 53.33%;}
.message h2{display: block; margin-bottom: .4rem;}
.message ul:first-child{gap: 0 .18rem;}
.message  input{border:none;border-bottom: 1px solid #ddd;padding-left: 0;padding:.26rem 0;}
.message  input::placeholder{color: #999;}
.message ul{margin-bottom: .4rem;}
.message ul.item2{border-bottom: 1px solid #ddd; margin-bottom: .2rem;}
.message ul.item2 .layui-form-item{display: flex;     flex-direction: column;}
.message ul.item2 .layui-form-label{width: 100%;text-align: left;padding: 0; margin-bottom: .07rem;}
.message ul.item2 .layui-input-block{margin-left: 0;}
.message ul.item2 .layui-form-checkbox>div{font-size: var(--font16); color: #666;}
.message ul.item2 .layui-form-checked[lay-skin=primary]>i{background: #1661C7; border-color: #1661C7!important;}
.message ul.item2 .layui-form-checkbox[lay-skin=primary]:hover>i{ border-color: #1661C7!important;}
.message  textarea{border:none;border-bottom: 1px solid #ddd; padding-left: 0; min-height: auto;}
.message .incode{position: relative;}
.message .incode img{position: absolute; top: 0; right: 0; height: auto; width: 1.2rem;}
.message button{background: #2A6ECC;border-radius: .28rem;font-size: var(--font16);font-weight: bold;color: #FFFFFF;padding: .08rem .69rem;height: auto;margin-top: .66rem;}