/*字体引入*/
@font-face {   font-family: "PFMedium";  src: url("../font/PingFang Medium.woff2"); }
@font-face {   font-family: "PFBold";  src: url("../font/PingFang Bold.woff2"); }
@font-face {   font-family: "PFHeavy";  src: url("../font/PingFang-Heavy.woff"); }



/* =====头部===== */ 
body {}
#c-placeholder {height: 1rem; min-height: 80px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; border-bottom: 1px solid transparent; box-shadow: 0 0 0.03rem rgba(0,0,0,0.23);}
.header .headBox {height: 1rem; min-height: 80px; padding: 0 3%; box-sizing: border-box; display: flex; justify-content: space-between;}
.header .headBox .le{margin-right: 5%;}
.headlogo {display: flex; align-items: center; height: 100%; }
.headlogo img {max-width: 1.25rem; margin-right: 0.09rem;}
.headlogo .logo1 {display: block;}
.headlogo .logo2 {display: none;}
.headlogo  h1{font-family: "KaiTi";font-weight: 400; color: #000000; line-height: 1;}
.headlogo  span{font-size: 0.11rem; color: #b9b9b9;  font-family: Arial}
/* 导航 */
nav {width: 52%;}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative; }
nav > ul > li > a {display: flex; align-items: center; height: 100%;position: relative; width: 100%; justify-content: center; transition: .5s;}
nav > ul > li > a > em{font-size: var(--font18)!important; color: #333; font-weight: 500;}
nav > ul > li > a > span {position: relative; font-size: var(--font14)!important; color: #999; font-weight: 500; display: block;}

nav .layui-nav {background: none; padding: 0;}
nav .layui-nav .layui-nav-item {line-height: initial; display: flex; align-items: center;}
nav .layui-nav .layui-nav-item.has-sub {position: relative;}
nav .layui-nav .layui-nav-item > a {padding: 0; font-size: var(--font16);color: #fff; position: relative; display: flex;  flex-direction: column;  align-items: center;}
nav .layui-nav .layui-nav-more {top: 38%; right: -.16rem; position: absolute; }
nav .layui-nav .layui-nav-more:before{display: block; content: ''!important; background: url(../images/nav-arrow.png) center; width: 0.09rem;height: 0.05rem; min-width: 9px; min-height: 5px;}

nav .layui-nav .layui-this:after, nav .layui-nav-bar {display: none;}
/* 下拉 */
nav .layui-nav-child {top: 100%;background: transparent;box-sizing: border-box;padding: 0!important;box-shadow: none!important;border: none;}
nav .layui-nav li:nth-child(4)  .layui-nav-more{right: -0.02rem;}
nav .layui-nav-child dd {margin: 0 0 0.02rem!important;background: rgba(0,0,0,0.23);padding: 0.1rem 0.2rem 0.1rem!important;}
nav .layui-nav-child dd  a{font-size: var(--font15);color: #ffffff!important;transition: 0.6s;line-height: 1;}
nav .layui-nav-child dd span{display: block;text-transform: capitalize;/* line-height: 1; */margin-top: 0.05rem;}
nav .layui-nav-child dd:hover{background: #0078c5!important;}
nav .layui-nav-child dd  a:hover{background:#0078c5!important; }
nav > ul > li:hover > a > em,nav > ul > li:hover > a > span,nav > ul > li.on > a > em,nav > ul > li.on > a > span{color: #0078c5;}
nav .layui-nav li:hover .layui-nav-more:before,nav .layui-nav li.on .layui-nav-more:before{background: url(../images/nav-arrow2.png) center;}

nav  .layui-nav-child dd.layui-this {
    background: #0078c5!important;
    color: #fff;
}

/* 头部右侧 */
.headBox .re {display: flex;}
.headBox .re svg {max-width: .4rem;}
/* 语言 */
.helange {position: relative; }
.helange .layui-nav{background: #f3f3f3; border-radius: 100px; padding: 0.11rem 0.14rem;}
.helange dl dd a{font-size: var(--font16)}
.ver div{margin: 0 0.16rem 0 0.11rem;}
.ver em{color: #333333; line-height: 1; margin-bottom: 0.02rem;}
.ver span{color: #999999; line-height: 1;}



/* 头部下滑样式 */
.header.c-style2 {background: #fff !important; }
.header.c-style2 .headlogo .logo2 {display: block;}
/* .header.c-style2 .headlogo .logo1 {display: none;} */
.header.c-style2 .helange a {color: #333; }
.header.c-style2 .heSearch svg path {fill: #333;}
.header.c-style2 nav > ul > li > a {color: #333;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}

.header.c-style3 {background: rgba(255, 255, 255,.5);}
.header.c-style3 .headlogo .logo2 {display: block;}
.header.c-style3 .headlogo .logo1 {display: none;}
.header.c-style3 .helange a {color: #333;}
.header.c-style3 .heSearch svg path {fill: #333;}
.header.c-style3 nav > ul > li > a {color: #333;}
.header.c-style3 .mobmenu dl dd {background: #333;}
.header.c-style3 .mobmenu h4 {color: #333;}

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

/* ===============公用css end!!!!===================*/
.preloader-1 {position: relative; margin-top: .5rem;}
.preloader-1 span { width:.24rem; height: .24rem; background: #fff;border-radius: 50%; display: inline-block;}
.preloader-1 span:nth-child(1){animation: cross-1 1.5s infinite linear; opacity: .5;}
.preloader-1 span:nth-child(2){opacity: 1; animation: cross-2 1.5s infinite linear;}
.preloader-2 span {background: #d82114;}
@keyframes cross-1 {
  0%{transform: translateX(0);}
  50%{transform: translateX(100%);}
  100%{transform: translateX(0);}
}
@keyframes cross-2 {
  0%{transform: translateX(100%);}
  50%{transform: translateX(0);}
  100%{transform: translateX(100%);}
}

.more1 {display: inline-flex;background: #D82114;border-radius: 100px; padding: .16rem .35rem; transition: .5s; color: #fff;}
.more1 span {margin-right: .2rem;}
.more1 i {transform: rotate(180deg); font-size: var(--font15);}
.more1:active {box-shadow: 0 0 .1rem #0075c2;}

.more2 {background: none;border: 1px solid #f8f8f8;}
@media (any-hover: hover) {
  .more1:hover {box-shadow: 0 0 .1rem #D82114;}
  .more2:hover {background: #D82114; border-color: #D82114;}
}

.indexBanner .bjBox{height: 7.14rem; background-size: cover!important;}
.indexBanner .con h2{font-size: 0.66rem; line-height: 1.2;}
.indexBanner .con strong{ font-family: "PFBold";}
.indexBanner .con  b{display: block; text-transform: uppercase; line-height: 1.2;}
.indexBanner .con .text{margin: .31rem 0 .14rem;}
.banner-more{margin-top: .84rem;}
.banner-more a{display: inline-flex; border: 0.01rem solid #f3f3f3; border-radius: 100px; padding: 0.13rem 0.24rem; transition: 0.6s;}
.banner-more em{color: #fff; margin-right: .16rem;}
.banner-more img{transition: 0.6s;}
.banner-more a:hover{background: #0078c5; border-color: #0078c5;}
.banner-more a:hover img{}
#banner-num{bottom: 0.44rem;}
#banner-num .swiper-pagination-bullet{ width: 0.11rem; height: 0.11rem; background: rgba(255,255,255,0.29); margin: 0 0.065rem;}
#banner-num  .swiper-pagination-bullet-active{background: #ffffff;}


/* 我们的服务 */
.index-title{margin-bottom: 0.42rem;}
.index-title h2{font-family: "PFHeavy"; line-height: 1.2;}
.index-title b{color: #0078c5; font-family: "PFBold";  line-height: 1.2; text-transform: uppercase;}
.index-more a{display: inline-flex; background: #0078c5; border-radius: 100px; padding: 0.16rem 0.28rem; transition: 0.6s;}
.index-more em{color: #fff; margin-right: .16rem;}
.index-more img{transition: 0.6s; -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.index-more a:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(0,120,197,0.2); box-shadow: 0 0 0 0.1rem rgba(0,120,197,0.2);}

.service{padding: .75rem 0 1.36rem;}
.service .index-title{margin-bottom: .52rem;}
.service-box .w1530{position: relative;}
.service-list{width: 89%; margin: 0 auto; overflow: hidden;}
.service-list ul li{position: relative; border-radius: 0.2rem; background: #f3f3f3; text-align: center; padding: .52rem 2% 0; box-sizing: border-box; height: 4.24rem; min-height: 308px; transition: 0.6s; z-index: 1;}
.service-list ul li::after{position: absolute; content: '';  background: url(../images/service-bg.png) no-repeat center; background-size: cover; width: 100%; height: 100%; transition: 0.6s; opacity: 0; top: 0; left: 0; z-index: -1;}
.service-list ul li .icon{ margin-bottom: 0.09rem;}
.service-list ul li .icon img{display: block; width: .62rem; min-width: 35px;}
.service-list ul li .info strong{font-weight: 700; color: #333333;font-family: "PFBold"; }
.service-list ul li .info b{color: #c5c5c5; display: block;  font-family: "Arial"; margin-bottom: .18rem; text-transform: uppercase}
.service-list ul li .info h3{color: #333333; margin-bottom: 0.06rem;}
.service-list ul li .info span{display: block; font-family: "Arial"; color: #bcbcbc; line-height: 1.2;}
.service-list ul li .service-more{position: absolute; bottom: 0.38rem; left: 0; right: 0; margin: 0 auto; width: auto;}
.service-list ul li .more{transition: 0.6s;border-radius: 100px;display: inline-flex;}
.service-list ul li .more em{color: #0078c5;font-weight: 700; margin-right: 0.1rem; font-family: "Arial"; }
.service-list ul li:hover::after{opacity: 1;}
.service-list ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.service-list ul li:hover .info strong,.service-list ul li:hover .info b,.service-list ul li:hover .info h3,.service-list ul li:hover .info span{color: #fff;}
.service-list ul li:hover  .more {background: #ffffff; padding: .12rem 0.18rem;}
.index-prev,.index-next{width: 0.56rem;height: 0.56rem;border: 0.01rem solid #eaeaea; border-radius: 50%; min-width: 35px; min-height: 35px; transition: 0.6s;}
.index-prev img,.index-next img{display: block; width: 0.2rem; min-width: 12px;}
.index-prev{left: 0;}
.index-next{right: 0;}
.index-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.index-prev:hover,.index-next:hover{background: #0078C5; border-color: #0078C5;}
.index-prev:hover img,.index-next:hover img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.index-num{display: none;}
.index-num .swiper-pagination-bullet-active{background: #0078C5;}


/* 运输线路 */
.product{background: #f3f3f3; padding: 0.8rem 0 1.14rem;}
.product .index-title{margin-bottom: .72rem;}
.pro-btn ul li a{padding: 0.13rem 0.27rem; transition: 0.6s;}
.pro-btn ul li em{color: #444444;}
.pro-btn ul li span{color: #888888;}
.pro-btn ul li:hover a{background: #0078c5; border-radius: 100px;}
.pro-btn ul li:hover em{font-size: var(--font18);}
.pro-btn ul li:hover em,.pro-btn ul li:hover span{color: #fff;}
.product-list ul{display: grid; grid-template-columns: repeat(3, 1fr);  grid-template-rows:2.75rem 2.75rem; }
.product-list ul li a{position: relative; height: 100%; display: block;}
.product-list ul li .pic{position: relative; transition: 0.6s; overflow: hidden; height: 100%;}
.product-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.product-list ul li .pic:before,.product-list ul li .pic::after{position: absolute; content: ''; width: 100%; height: 100%;  z-index: 1; transition: 0.6s; top: 0;}
.product-list ul li .pic:before{background: linear-gradient(0deg,rgba(0,0,0,0.6) 0%, rgba(0,0,0,0.4) 100%); }
.product-list ul li .pic:after{background:linear-gradient(0deg, rgba(0, 120, 197, 0.8) 0%, #2683c93d 100%); opacity: 0;}
.product-list ul li:nth-child(1){grid-row-start: 1; grid-row-end:   3; }
.product-list ul li:nth-child(3){grid-row-start: 2;grid-row-end: 3;grid-column-start: 2;}
.product-list ul li:nth-child(4){grid-column-start: 3; grid-row-start: 1; grid-row-end:   3;}
.product-list ul li .info{color: #fff; position: absolute; top: 0; z-index: 3; width: 100%; height: 100%; padding: 0 7%; box-sizing: border-box; display: flex;  flex-direction: column;  justify-content: space-around;}
.product-list ul li:hover .pic:before{opacity: 0;}
.product-list ul li:hover .pic::after{opacity: 1;}
.product-list ul li:hover .pic{transform: scale(1.1); z-index: 2;}
/* .product-list ul li:nth-child(2) .pic,.product-list ul li:nth-child(3) .pic{height: 2.75rem;} */
.product-list ul li:nth-child(2) .info,.product-list ul li:nth-child(3) .info{     justify-content: flex-end;}
.product-list ul li:nth-child(2) .info .pro-top,.product-list ul li:nth-child(3) .info .pro-top{margin-bottom: .4rem;}
.product-list ul li:nth-child(2) .info .pro-bottom,.product-list ul li:nth-child(3) .info .pro-bottom{display: none;}
.product-list ul li:nth-child(2) .info .line,.product-list ul li:nth-child(3) .info .line{display: none;}
.product-list ul li .info strong{display: block;}
.product-list ul li:nth-child(1) .pro-title,.product-list ul li:nth-child(4) .pro-title{width: 100%;}
.product-list ul li .pro-more{width: 0.44rem;height: 0.44rem; background: rgba(255,255,255,.16); border-radius: 50%; min-width: 36px; min-height: 36px; }
.product-list ul li .pro-more img{transition: 0.6s;}
.product-list ul li:hover .pro-more{background: rgba(0,136,224,1);}
.product-list ul li:hover .pro-more img{transform: rotate(-45deg);}
.product-list ul li:nth-child(1) .pro-top .pro-more,.product-list ul li:nth-child(4) .pro-top .pro-more{margin-top: .42rem; opacity: 0;}
.product-list ul li:hover .pro-top .pro-more{opacity: 1;}
.product-list ul li .line{width: 0.52rem;height: 0.04rem;background: #ffffff;border-radius: 0.02rem; margin-bottom: .34rem; opacity: 0;}
.product-list ul li:hover .line{opacity: 1;}
.product-list ul li .text{width: 80%;transition: 0.6s;}
.product-list ul li:hover .text{width: 100%;}
.product-list ul li:hover .pro-bottom .pro-more{display: none;}
.product-list ul li .pro-bottom{margin-bottom: -.4rem;}


/* 车辆展示 */
.vehicle{padding: .85rem 0 0.9rem;}
.vehicle-list{position: relative; overflow: hidden;}
.vehicle-list ul li{border: 0.01rem solid #dcdcdc; padding: 0.11rem 0.09rem 0;}
.vehicle-list ul li .pic{overflow: hidden; position: relative;}
.vehicle-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.vehicle-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.vehicle-list ul li .hide{opacity: 0; position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,120,197,0.5); z-index: 1; top: 0; display: flex; align-items: center; justify-content: center; }
.vehicle-list ul li .hide img{transform: scale(0);transition: 0.6s;}
.vehicle-list ul li:hover .hide{opacity: 1;}
.vehicle-list ul li:hover .hide img{transform: scale(1);}
.vehicle-list ul li .info{text-align: center; padding: 0.2rem 0 .19rem;}
.vehicle-list ul li .info h3{color: #333333;}
.vehicle-list ul li .info span{ margin-bottom: 0.1rem; color: #999999;}
.vehicle-list ul li .vehicle-more{background: #0078c5; border-radius: 100px; display: inline-flex; padding: 0.07rem 0.17rem;}
.vehicle-list ul li em{color: #ffffff; margin-right: 0.14rem;}
.vehicle .w1360{position: relative; }
.vehicle-arrow{position: absolute;top: 0;right: 0;width: 1.29rem;z-index: 222; min-width: 90px;}
.vehicle-arrow .index-prev,.vehicle-arrow .index-next{top: .28rem; margin-top: 0!important;}

.about-bg{background: url(../images/about-bg.jpg) no-repeat center; background-size: cover; padding: 1.2rem 0 1.01rem; position: relative;}

.about-bg .info{}
.about-bg .index-more a{padding: 0.07rem 0.17rem;}
.about-bg .index-more a img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.about-bg .index-more a:hover{ -webkit-box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2);   box-shadow: 0 0 0 0.1rem rgba(255, 255, 255, 0.2); background: #fff;}
.about-bg .index-more a:hover em{color: #0078c5;}
.about-bg .index-more a:hover img{-webkit-filter: brightness(1) invert(0); filter: brightness(1) invert(0);}

.about-bg .index-title b{color: #fff;}
.about-bg .info{width: 43%; }
.about-bg .info h2{margin-bottom: .15rem;}
.about-bg .info span{margin-bottom: 0.6rem; display: block;}
.map{position: absolute; right: 0; top: 1.2rem; z-index: 1; width: 58.69%;}
.map img{display: block; max-width: 100%;}


.map li {position: absolute;right: 0; top: 0; z-index: 1;}
.map li .cirle {position: relative;}
.map li .cirle i {width: .11rem; height: .11rem; border-radius: 50%; display: block;background: #fff; position: relative; z-index: 2;}
.map li .cirle::after {background: #fff; position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale 2s infinite;}


@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}

.map ul .li2_1 {top: 19.5%;right: 48%;}
.map ul .li2_2 {
    top: 20.5%;
    right: 45%;
}
.map ul .li2_2 .cirle::after {animation-delay: 1.5s;}
.map ul .li2_3 {
    top: 24.5%;
    right: 49%;
}
.map ul .li2_4 {
    top: 28.5%;
    right: 52%;
}
.map ul .li2_4 .cirle::after {animation-delay: 1.5s;}
.map ul .li2_5 {
    top: 24.5%;
    right: 42%;
}
.map ul .li2_6 .cirle::after {animation-delay: 1.5s;}
.map ul .li2_6 {
    top: 26%;
    right: 45%;
}
.map ul .li2_7 {
    top: 23.5%;
    right: 47%;
}
.map ul .li2_8 {
    top: 30.5%;
    right: 48%;
}
.map ul .li2_8 .cirle::after {animation-delay: 1.5s;}




/* 新闻资讯 */
.news{background: #f5f5f5; padding: .83rem 0 1.48rem;}
.news-box .w1530{position: relative;}
.news-list{width: 89%; margin: 0 auto; overflow: hidden;}
.news-list ul li{position: relative; height: 2.8rem; min-height: 215px;}
.news-list ul li .pic{overflow: hidden; position: relative; height: 100%;}
.news-list ul li .pic img{display: block; width: 100%; transform: scale(0); transition: 0.6s; height: 100%; object-fit: cover;}
.news-list ul li .info{position: absolute; content: '';  width: 100%; height: 100%; top: 0; background: #fff; padding: 0 9%; box-sizing: border-box; transition: 0.6s;}
.news-list ul li:hover .info{background: rgba(0,120,197,0.8);}
.news-list ul li .info span{color: #8b8b8b;display: block; margin-bottom: .14rem;}
.news-list ul li .info strong{color: #333; margin-bottom: 0.1rem;}
.news-list ul li .info p{color: #666; margin-bottom: .52rem;}
.news-list ul li .info em{color: #727272; margin-right: .16rem;}
.news-list ul li:hover .info span,.news-list ul li:hover .info strong,.news-list ul li:hover .info p,.news-list ul li:hover .info em{color: #fff;}
.news-list ul li:hover .pic img{transform: scale(1);}
.news-list ul li:hover .info img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}

/* 公共底部 */
.footer{background: #333333;}
.footer-top{border-bottom: 0.01px solid rgba(249,249,249,0.1); padding: .62rem 0 .55rem;}
.foot-logo{}
.foot-logo .logo img{ -webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1); max-width: 1.11rem; margin-right: 0.07rem;}
.foot-logo h1{color: #fff; font-family: "KaiTi";  line-height: 1;}
.foot-logo span{color: #fff; font-size: 0.11rem;}
.foot-nav{width: 66%;}
.foot-nav ul li{text-align: center;}
.foot-nav ul li em{color: #ffffff; font-size: var(--font22); display: block;}
.foot-nav ul li span{color: #999999; font-size: var(--font14); font-weight: 500;}

.footer-middle{border-bottom: 0.01px solid rgba(249,249,249,0.1); padding: .65rem 0;}
.footer-middle ul li{color: #f8f8f8;}
.footer-middle ul li .icon{max-width: .82rem; margin-right: .28rem;}
.footer-middle ul li .icon img{display: block; max-width: 100%;}
.footer-middle ul li p{color: #f8f8f8; margin-top: 0.07rem; font-weight: 400;}
.footer-middle ul li em{display: block;}
.footer-middle ul li span{font-weight: 400;}
.footer-copy{padding: .35rem 0;  font-weight: 500;}
.footer-copy p{color: #8b8b8b; }
.footer-copy a{color: #8b8b8b;}
.footer-copy a:hover{color: #fff;}



/* 返回顶部 */
.go-top {position: fixed;top: 60%;  right: 3%;  opacity: 0;  cursor: pointer;   width: 0.58rem; height: 0.58rem; background: #0078c5; min-width: 36px; min-height: 36px;  border-radius: 50%;   z-index: 100;  -webkit-transition: .5s;  transition: .5s}
.go-top i {display: block; -webkit-transition: .5s;  transition: .5s;background:url(../images/top-back.png) no-repeat center; width: 100%; height: 100%;}
.go-top.active {top: 95%; -webkit-transform: translateY(-95%); transform: translateY(-95%); opacity: 1; visibility: visible}


/* 内页banner */
.ny-banner {position: relative; overflow: hidden;}
.ny-banner .bannerBox {position: relative;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .banerTle {text-align: center; color: #ffffff;}
.ny-banner .banerTle h3 {font-size: 0.5rem; }
.ny-banner .banerTle b {font-size: 0.42rem; font-weight: 700; text-transform: uppercase; display: block; font-family: Arial; line-height: 1;} 
.ny-class ul li{margin: 0 2.8%; position: relative;}
.ny-class ul li::after{position: absolute; content: ''; width: 0;height: 0.03rem;background: #2683c9;border-radius: 0.02rem; bottom: 0; transition: 0.6s; left: 50%; transform: translateX(-50%);}
.ny-class ul li:hover::after{width: .85rem; }
.ny-class ul li a{padding: .28rem 0 0.24rem;}
.ny-class ul li em{color: #333;}
.ny-class ul li span{color: #9f9f9f; font-weight: 500; text-align: center;} 
.ny-class ul li:hover em{color: #2683c9;}


/* 内页关于我们 */
.ny-about{background: #f2f2f2; padding: 1.2rem 0 1.15rem;}
.about-title strong{color: #333333; display: block; line-height: 1;}
.about-title span{color: rgba(159,159,159,0.5); font-weight: 400; font-family: Arial; text-transform: uppercase;}
.about-title .line{width: 0.6rem;height: 0.03rem;background: #0078c5; margin-top: .19rem; }
.about-box .info{width: 47%;}
.about-box .about-title {margin-bottom: 0.3rem;}
.about-box  .about-title span{text-transform: capitalize;}
.about-box .info h3{color: #444444; line-height: 0.3rem; margin-bottom: .11rem;}
.about-box .info h4{color: #858585; margin-bottom: .83rem;}
.about-box .info h5{color: #0078c5; position: relative; padding-left: 0.16rem;}
.about-box .info h5::after{position: absolute; content: ''; width: 0.06rem;height: 0.21rem;background: #2683c9; left: 0; top: 50%; transform: translateY(-50%);}
.about-box .info h6{color: #9f9f9f;  padding-left: 0.16rem;}
.about-box .pic{width: 46.39%;}
.about-box .pic img{display: block; max-width: 100%; border-radius: 0.9rem 0rem 0.9rem 0rem;}



/* 我们的优势 */
.ys{background: url(../images/ys-bg.jpg) no-repeat center; padding: 0.99rem 0 1.38rem; background-size: cover;}
.ys .about-title{text-align: center; margin-bottom: .82rem;}
.ys .about-title strong{color: #fff;}
.ys .about-title span{color: rgba(255,255,255,0.55);}
.ys-left{width: 45.36%; box-sizing: border-box; padding:  0 0 0 15%;}
.ys-left dl dd{ padding: 0.28rem 0; position: relative;   z-index: 1;   transition: all .6s; cursor: pointer;}
.ys-left dl dd::after {content: '';background: #fff;top: 0;z-index: -1;border-radius: 100px;border-top-left-radius: 0;border-bottom-left-radius: 0;left: -56%;position: absolute;height: 100%;width: 0;transition: .5s;}
.ys-left dl dd.on::after,.ys-left dl dd:hover::after  {width: 150%;}
.ys-left dl dd .icon{width: 0.65rem;height: 0.65rem;background: #2683c9; border-radius: 50%; min-width: 40px; min-height: 40px; margin-right: .22rem;}
.ys-left dl dd .icon img{display: block; max-width: 50%;}
.ys-left dl dd .text{}
.ys-left dl dd strong{color: #ffffff; display: block;}
.ys-left dl dd span{color: rgba(255,255,255,0.6); line-height: 1; display: block; font-weight: 400;}
.ys-left dl dd.on strong,.ys-left dl dd:hover strong{color: #333333;}
.ys-left dl dd.on span,.ys-left dl dd:hover span{color: rgba(102,102,102,0.61);}
.ys-left dl dd .arrow { position: absolute; right:10%; top: 50%; transform: translateY(-50%); transition: .5s; opacity: 0; z-index: 1;}
.ys-left dl dd .arrow img{width: .28rem;}
.ys-left dl dd.on .arrow,.ys-left dl dd:hover .arrow {    opacity: 1;  transition-delay: .6s; }

.ys-right{width: 47.86%; overflow: hidden; position: relative;}
.ys-list .item {position: absolute; height: 100%; top: 0; right: 0; width: 100%;overflow: hidden; border-radius: 0rem 25px 0rem 25px;}
.ys-list .item .pic {height: 100%; }
.ys-list .item .pic img {width: 100%; height: 100%; object-fit: cover; opacity: 0;object-fit: cover;transform: scale(1.1);transition: opacity .5s cubic-bezier(.435,.25,.15,.965), transform 1s cubic-bezier(.435,.25,.15,.965);}
.ys-list .item .info {position: absolute; bottom: 0;  top:0; color: #fff; z-index: 2; width: 100%;  transition: .5s; box-sizing: border-box; opacity: 0; visibility: hidden; padding: 0 8%; }
.ys-list .item .info strong{}
.ys-list .item .info span{color: rgba(255,255,255,0.61); font-weight: 400; margin-left: 0.07rem;}
.ys-list .item .info i{width: 0.62rem;height: 0.03rem;background: #ffffff; display: block;  margin: 0.09rem 0 0.29rem;}
.ys-list .item .info h3{margin-bottom: 0.17rem;}
.ys-list .item.on .pic img {transform: scale(1); opacity: 1;}
.ys-list .item.on .info {opacity: 1; visibility: visible;}

/* 体系认证 */
.system{background: url(../images/system-bg.jpg) no-repeat center; padding: .96rem 0 .72rem; background-size: cover;}
.system .info{width: 48%; margin-top: .37rem;}
.system .about-title{margin-bottom: 0.77rem;}
.system .about-title span{color: rgba(159,159,159,0.55);}
.system .info h3{color: #373737; margin-bottom: 0.3rem;}
.system .info em{color: #666666;}

.honor-list{width: 44%; position: relative; overflow: hidden; padding-bottom: 0.86rem;}
.honor-list ul li{text-align: center; background:#fff; padding: 0.19rem 0 0;}
.honor-list ul li .pic{overflow: hidden; }
.honor-list ul li .pic img{display: block; max-width: 100%; margin: 0 auto;}
.honor-list ul li .info{ width: 100%; padding: 0.2rem 0; margin-top: 0;}
.honor-list ul li .info em{color: #333333; line-height: 1;}
.honor-list ul li .info span{color: #969696; font-weight: 500;}
#honor-num{}
#honor-num .swiper-pagination-bullet{ width: 0.16rem;height: 0.16rem;border: 0.01rem solid transparent; position: relative; background: transparent;  margin:  0 0.07rem; opacity: 1;}
#honor-num .swiper-pagination-bullet::after{position: absolute; content: ''; width: 0.08rem;height: 0.08rem; background: rgba(139,139,139,0.47); border-radius: 50%; top: 0; left: 0; bottom: 0; right: 0; margin: auto;}
#honor-num .swiper-pagination-bullet-active{border-color:  #2683c9; background: transparent;}
#honor-num .swiper-pagination-bullet-active::after{background: #2683c9;}


/* 合作伙伴 */
.partner{padding: 0.89rem 0 .73rem;}
.partner .about-title{text-align: center;  margin-bottom: .45rem;}
.partner-list{overflow: hidden; position: relative; padding: 1.2%; padding-bottom: .6rem; box-sizing: border-box;}
.partner-list ul li{ margin-top: 0!important; margin-bottom: .25rem!important;}
.partner-list ul li .pic{height: 1.1rem; min-height: 45px; overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px; box-shadow: 0 0 0.05rem 0.02rem rgba(0, 0, 0, 0.04); }
.partner-list ul li .pic img{display: block; max-width: 100%;}
#partner-num .swiper-pagination-bullet{ width: 0.12rem;height: 0.12rem; background: #c8c8c8; margin: 0 0.06rem; opacity: 1;}
#partner-num .swiper-pagination-bullet-active{background: #0001ca;}
#about,#advantages,#system,#partner,#honor{position: relative; top: -1rem;}



/* 内页服务项目列表页 */
.ny-main{padding: 0.8rem 0;}
.nypro-list ul li{margin-bottom: 0.77rem;}
.nypro-list ul li:nth-of-type(odd) a{flex-direction: row-reverse;}
.nypro-list ul li .pic{width: 50%; overflow: hidden; border-radius: 0.2rem;}
.nypro-list ul li .info{width: 50%;  box-sizing: border-box; padding: 0 5%;} 
.nypro-list ul li:nth-of-type(odd) .info{width: 46%; }
.nypro-list ul li:nth-of-type(odd) .pic{margin-right: 4%; box-sizing: border-box;}
.nypro-list ul li .icon{width: 0.8rem; min-width: 35px;}
.nypro-list ul li .icon img{display: block; max-width: 90%; transition: 0.6s; }
.nypro-list ul li .info strong{color: #333333; display: block; line-height: 1.1; font-family: "PFBold";}
.nypro-list ul li .info b{color: #c5c5c5; text-transform: uppercase;}
.nypro-list ul li .info i{ display: block; width: 1.2rem;height: 0.03rem;background: #1b87cb; margin: .37rem 0 .42rem;}
.nypro-list ul li .info em{color: #333333; display: block; margin-bottom: .05rem;}
.nypro-list ul li .info span{color: #bcbcbc; letter-spacing: 0.01px;}
.nypro-list ul li .pic img{display: block; width: 100%; border-radius: 0.2rem; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nypro-list ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nypro-list ul li:hover .icon img{transform: rotate(360deg);}


/* 内页运输路线列表页 */
.lineclass-box{border-bottom: 0.01rem solid rgba(153,153,153,.25);}
.line-list ul {grid-template-columns: repeat(3, 1fr); gap: .34rem  0.2rem; display: grid;}
.line-list ul li{border: 0.01rem solid #e4e4e4; padding: 0.19rem 0.14rem 0;}
.line-list ul li .pic{overflow: hidden; position: relative;}
.line-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.line-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.line-list ul li .info{text-align: center; padding: .32rem 0 .39rem;}
.line-list ul li .info h3{color: #333333; font-weight: 700; font-family: "PFBold";}
.line-list ul li .info span{ margin-bottom: 0.23rem; color: #666666; font-weight: 500;}
.line-list ul li .vehicle-more{background: #0078c5; border-radius: 100px; display: inline-flex; padding: 0.07rem 0.17rem;}
.line-list ul li em{color: #ffffff; margin-right: 0.14rem;}
.line-list ul li .vehicle-more img{transition: 0.6s;}
.line-list ul li:hover .vehicle-more img{transform: rotate(-45deg);}
.line-list ul li:hover .info h3{color: #0078c5;}



/* 内页车辆展示列表页 */
.nycar-list ul {grid-template-columns: repeat(3, 1fr); gap: 0.38rem  0.5rem; display: grid;}
.nycar-list ul li .pic{overflow: hidden; position: relative;}
.nycar-list ul li .pic>img{display: block; width: 100%;  -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.nycar-list ul li:hover .pic>img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.nycar-list ul li .hide{opacity: 0; position: absolute; content: ''; width: 100%; height: 100%; background: rgba(0,120,197,0.5); z-index: 1; top: 0; overflow: hidden;}
.nycar-list ul li .hide img{transform: scale(0);transition: 0.6s; position: absolute; top: -100%; left: 0; right: 0; margin: auto;}
.nycar-list ul li:hover .hide{opacity: 1;}
.nycar-list ul li:hover .hide img{transform: scale(1); top: 50%; transform: translateY(-50%);}
.nycar-list ul li .info{text-align: center; padding: 0.2rem 0 .19rem;}
.nycar-list ul li .info h3{color: #333333; font-weight: 700; font-family: "PFBold";}
.nycar-list ul li .info span{ color: #999999; font-weight: 500; }


/* 内页新闻列表页 */
.latest-news{margin-bottom: .92rem;}
.latest-news ul{grid-template-columns: repeat(3, 1fr);  display: grid; column-gap:0.39rem}
.latest-news ul li{border-radius: 0.1rem; box-shadow: -0.04rem 0rem 0.28rem 0.04rem rgba(226,226,226,0.40); }
.latest-news ul li .pic{border-radius: 0.1rem 0.1rem 0 0; overflow: hidden;}
.latest-news ul li .pic img{display: block; width: 100%;  border-radius: 0.1rem 0.1rem 0 0; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.latest-news ul li:hover .pic img{-webkit-transform: scale3d(1.1,1.1,1);transform: scale3d(1.1,1.1,1);-webkit-transition: opacity 1s, -webkit-transform 1s;transition: opacity 1s, transform 1s;-webkit-backface-visibility: hidden;backface-visibility: hidden;}
.latest-news ul li .info{padding:  .33rem 5.5% .28rem; box-sizing: border-box;}
.latest-news ul li .info span{color: #777777; font-weight: 400; display: block; margin-bottom: .05rem;}
.latest-news ul li .info h3{ color: #333333; font-weight: 500; margin-bottom: .1rem;}
.latest-news ul li .info p{color: #666666; font-weight: 400; margin-bottom: .27rem;}
.latest-news ul li .info em{color: #aaaaaa; font-weight: 400;}
.latest-news ul li:hover .info h3{color: #0078c5; }

.nynews-list ul li{ border-top: 0.01rem solid #e7e7e7; padding: 0.44rem .36rem .44rem 0.16rem; box-sizing: border-box;}
.nynews-list ul li:last-child{border-bottom: 0.01rem solid #e7e7e7;}
.nynews-list ul li .info{width: 90%;}
.nynews-list ul li .info em{color: #333333; display: block;}
.nynews-list ul li .info span{font-weight: 500;}
.nynews-list ul li .info i{width: 0.01rem;height: 0.79rem;background: #dddddd; margin: 0 3.5%;}
.nynews-list ul li .info h3{font-weight: 500;color: #333333; margin-bottom: .06rem;}
.nynews-list ul li .info p{font-weight: 400;color: #666;}
.nynews-list ul li .icon{width: 0.5rem;height: 0.5rem;background: #dcdcdc; min-width: 35px; min-height: 35px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: 0.6s;}
.nynews-list ul li .icon img{display: block; width: .23rem; transition: 0.6s; }
.nynews-list ul li:hover .info h3{color: #0078c5; }
.nynews-list ul li:hover .icon{background: #0078c5;}
.nynews-list ul li:hover .icon img{transform: rotate(-45deg);}





/* 内页通用详情 */
.main-bg{padding: .3rem 0 1rem; background: #fafafa;}
.mbx .layui-breadcrumb a {color: #333 !important;}
.mbx .layui-breadcrumb span {color: #333 !important;}
.mbx .layui-breadcrumb a:hover{color: #0078c5!important;}

.main-box {margin-top: .3rem; align-items: flex-start;}
.main-left {background: #fff;  padding: 0.4rem 0.35rem;    width: 65.5%; }
.main-right {width: 32%;background: #fff;position: sticky; top: 1.5rem; padding: 0.45rem;}
.xq-title {   padding-bottom: .4rem;   border-bottom: 1px solid #F2F2F2;}
.xq-title strong{display: block; }
.xq-title  span{color: #666;}
.xq-editbox{padding: 0.4rem 0;}


.pageChose {display: flex; align-items: center; justify-content: space-between;flex-wrap: wrap;border-top: 1px solid #F2F2F2;padding-top: .5rem;}

.pageChose .jtBox {width:.32rem;height: .32rem; min-height: 25px; min-width: 25px; border: 1px solid #333; border-radius: 50%; display: inline-flex; margin-left: .15rem;    flex-shrink: 0;transition: .35s;}

.pageChose .jtBox img {width: 16px; filter: brightness(0); -webkit-filter:brightness(0);}

.pageChose .jtBox svg {max-width: 50%;}

.pageChose .next a {display: flex; justify-content: flex-end;}

.pageChose .prev .jtBox {transform: rotate(180deg); margin-left: 0; margin-right: .15rem; }

.pageChose .swjt {width: 45%;}

.pageChose .swjt a {color: #666; display: flex; align-items: center;}

.pageChose .swjt:hover a {color: #0078c5;}

.pageChose .swjt:hover .jtBox {background: #0078c5; border-color: #0078c5;}

.pageChose .swjt:hover .jtBox svg path {fill: #fff;}

.pageChose .backlist {width: 100%; order: 3; display: flex; justify-content: center; margin-top: .3rem;}

.pageChose .backlist a {width: 1.58rem; min-width: 125px; min-height: 40px; height: 0.49rem;background: #000;border-radius: 100px; color: #fff; transition: 0.6s;}

.pageChose .backlist a:hover {background: #0078c5;}


.related strong{color: #333;border-bottom: 1px solid #f5f5f5;padding-bottom: .2rem; font-weight: 700; display: block; margin-bottom: 0.2rem;}
.related  span{color: #666; font-weight: 400; margin-left: 0.1rem;}
.related-list ul li{padding: 0.2rem 0;border-bottom: 1px solid #f5f5f5; box-sizing: border-box;}
.related-list ul li .pic{width: 40%; overflow: hidden;}
.related-list ul li .pic img{display: block; width: 100%;}
.related-list ul li .info{width: 55%;}

.related-list ul li .info em{font-weight: 500;color: #333333; margin-bottom: .06rem;}
.related-list ul li .info p{font-weight: 400;color: #666;}
.related-list ul li:hover .info em{color: #0078c5;}



.xq-editbox{font-weight: 400;}


/* 内页联系我们 */
.contact-box{margin: .18rem 0 .54rem;}
.contact-left{background: #f3f3f3;  border-radius: 0.06rem; width: 39%; padding: 0.77rem 2.2% 0.23rem; box-sizing: border-box;}
.contact-title{margin-bottom: .55rem;}
.contact-title strong{line-height: 1;}
.contact-title span{color: #c6c6c6; letter-spacing: 0.003rem; display: block;}
.contact-title i{display: block; width: 0.49rem;   height: 0.02rem;  background: #0072c7; margin-top: .25rem;}
.contact-list ul li {padding-bottom: .36rem; margin-bottom: .33rem; border-bottom: 0.01rem dotted rgba(75,75,75,0.15);}
.contact-list ul li .icon{width: 0.43rem; height: 0.43rem; background: #0072c7; border-radius: 0.05rem; min-width: 30px; min-height: 30px; margin-right: .24rem;}
.contact-list ul li .icon img{display: block; max-width: 50%;}
.contact-list ul li .text{flex:1}
.contact-list ul li span{color: rgba(51,51,51,.73);display: block; }
.contact-list ul li em{display: block; line-height: 1;}
.contact-list ul li i{display: block; color: #afafaf; font-style: normal; line-height: 1; margin-top: .04rem;}
.contact-list ul li:last-child{align-items: flex-start; border-bottom: none;}


.contact-right{width: 56.23%;}
.message-title{margin-bottom: 0.4rem;}
.message-title strong{display: block;}
.message-title span{color: #818181; font-family: Arial; text-transform: uppercase; line-height: 1; letter-spacing: 0.015rem;}
.message ul li{width: 49%; margin-bottom: .16rem;}
.message input,.message textarea{border-radius: 0.05rem; font-size: var(--font16); padding-left: .27rem;}
.message ul li input{ height: 0.55rem; min-height: 45px; }
.message input::placeholder,.message textarea::placeholder{color: #919191; }
.message textarea{height: 1.06rem; min-height: 80px; padding: 0.15rem .27rem; box-sizing: border-box; margin-bottom: .37rem;}
.message .insub button{background: #0072c7; border-radius: 0.05rem; padding: 0.08rem 0.28rem; height: auto; font-size: var(--font16); }



/* 滚动条滑块 */
.itemauto::-webkit-scrollbar-thumb {
border-radius:10px;
background:rgba(0,0,0,0.1);
-webkit-box-shadow:inset006pxrgba(0,0,0,0.5);
}
.itemauto::-webkit-scrollbar-thumb:window-inactive {
background:rgba(255,0,0,0.4);
}


/* 2025.4.21 内页运输线路 */
.pro-btn{display: none;}
.ny-pro{padding: 1rem 0 1.37rem;}
.ny-pro .index-title{margin-bottom: 1.07rem;}


.ny-map{position: relative;}
.ny-map img{display: block; width: 100%;}

.ny-map ul li {position: absolute;/* left: 0; *//* top: 0; */z-index: 1;cursor: pointer;}
.ny-map ul li .cirle {position: relative;}
.ny-map ul li .cirle i {width: .11rem; height: .11rem; border-radius: 50%; display: block;background: #0075c0; position: relative; z-index: 2;}
.ny-map ul li .cirle i::after {background: rgba(0,120,192,0.5); position: absolute;left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;height: 100%;border-radius: 50%;content: ''; z-index: 1;  animation: scale3 2s infinite;}
.ny-map ul li .name{text-align: center;  background-color: rgb(255, 255, 255);box-shadow: 0px 0px 30px 0px rgba(8, 1, 3, 0.18);border-radius: 16px;position: relative;z-index: 1;padding: 0.035rem 0.2rem;left: 16%;transform: translateY(-126%); opacity: 0; transition: 0.6s;}
.ny-map ul li .name em{font-size: var(--font15); color: #333;}
.ny-map ul li .name span{display: block; color: #666; font-size: var(--font14);}
.ny-map ul li:hover .name{opacity: 1;}
@keyframes scale3 {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(3); opacity: 0;}}


.ny-map ul li.li2_1{top: 29.5%; left: 4%;}
.ny-map ul li.li2_2{
    top: 27%;
    left: 9%;
}
.ny-map ul li.li2_3{
    top: 38.5%;
    left: 8.5%;
}
.ny-map ul li.li2_4{
    top: 46.5%;
    left: 11.5%;
}
.ny-map ul li.li2_5{
    top: 51%;
    left: 10%;
}
.ny-map ul li.li2_6{
    top: 55.2%;
    left: 12.8%;
}
.ny-map ul li.li2_7{
    top: 53.7%;
    left: 15.5%;
}
.ny-map ul li.li2_8{
    top: 57%;
    left: 15%;
}
.ny-map ul li.li2_9{
    top: 65%;
    left: 19%;
}
.ny-map ul li.li2_10{
    top: 68.5%;
    left: 23%;
}
.ny-map ul li.li2_11{
    top: 68.1%;
    left: 27.5%;
}


.ny-map ul li.li2_12{
    right: 9%;
    top: 38%;
}
.ny-map ul li.li2_13{
    right: 4%;
    top: 61%;
}
.ny-map ul li.li2_14{
    top: 82%;
    right: 11%;
}
.ny-map ul li.li2_15{
    bottom: 8%;
    right: 10%;
}
.ny-map ul li.li2_16{
    top: 47.5%;
    right: 6%;
}
.ny-map ul li.li2_17{
    top: 64%;
    right: 4%;
}
.ny-map ul li.li2_18{
    top: 54%;
    right: 13.5%;
}
.ny-map ul li.li2_19{
    top: 67.5%;
    right: 5%;
}
.ny-map ul li.li2_20{
    top: 54.5%;
    right: 6%;
}

.ny-map ul li:nth-child(2n) .cirle i::after{animation-delay: 1.5s;}
.ny-map ul li:nth-child(3n) .cirle i::after{animation-delay: 2s;}

#item1,#item2,#item3,#item4,#item5,#item6{position: relative; top: -2rem}