/* =====头部===== */
body {}
#c-placeholder {height: .9rem; min-height: 80px;}
.header {position: fixed; top: 0; z-index: 99; left: 0; width: 100%; transition:background-color .5s; border-bottom: 1px solid transparent;}
.header .headBox {height: 1.27rem; min-height: 100px;  box-sizing: border-box; display: flex; justify-content: space-between; }
.headlogo {display: flex; align-items: center; height: 100%;}
.headlogo img {max-width: 3rem;}
.headlogo .logo1 {display: block;}
.headlogo .logo2 {display: none;}

/* 导航 */
nav {width: 44%; font-family: "LDLight";}
nav > ul {display: flex; height: 100%; justify-content: space-between;}
nav > ul > li {height: 100%; position: relative; }
nav > ul > li > a > span {position: relative;line-height: 1.2;}
nav > ul > li > a > span::after {content: "";position: absolute;bottom: 0;left: 50%;width: 0;height: 0.01rem;background: #e75507;transition: .5s;z-index: 2;}
nav > ul > li > a {font-size: var(--font18); display: flex; align-items: center; color: #ffffff;  height: 100%;position: relative; width: 100%; justify-content: center; transition: .5s;}
nav > ul > li:hover > a > span::after,nav > ul > li.on > a > span::after {width: 100%; left: 0%;}
nav > ul > li:hover > a , nav > ul > li.on > a {color: #E75507;}


/* 下拉 */
nav li .hide {position: absolute; line-height: 1; display: none; position: absolute; background: #fff;  padding: 10px 20px; width: max-content; left: 50%; transform: translateX(-50%);  box-shadow: 1px 1px 10px rgb(0 0 0 / 10%);}
nav li .hide dd { color: #333; text-align: center; border-bottom: 1px solid #eee;  position: relative;line-height: 1;}
nav li .hide dd > a {padding: .15rem 0;display: block;}
nav li .hide dd::after {content: ""; position: absolute; bottom: 0; width: 0; height: 1px; background-color: #e60012; left: 0; transition: .5s;}
nav li .hide dd:hover > a {color: #e75507;}
nav li .hide dd:hover::after {width: 100%; }

/* 头部右侧 */
.headBox .re {display: flex;}
.headBox .re svg {max-width: .4rem;}
/* 语言 */
.helange {position: relative; }
.helange img{width: .07rem; margin-left: .05rem;}
.helange a:hover {color: #e75507 !important;}
.helange a:hover img{filter: invert(49%) sepia(59%) saturate(7489%) hue-rotate(10deg) brightness(102%) contrast(94%);}
/* 搜索按钮 */
.heSearch {cursor: pointer; margin-right: .44rem;}
.heSearch:hover svg path {fill: #e75507 !important;}
/* 搜索下拉 */
.hadbox-sec4 {position: absolute;left: 0;top: 100%;width: 100%;display: none; box-sizing: border-box;}
.hadbox-sec4  {background-color: #fff;padding: .5rem; border-top: 1px solid #eee;  box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .close {position: absolute; right: 1.5%; top: 5%; cursor: pointer; max-width: .3rem;}
.hadbox-sec4 .close svg {max-width: 100%;}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font30);}
.hadbox-sec4 .form {display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #dddddd;}
.hadbox-sec4 .form i { display: block; width: 0.3rem; overflow: hidden;}
.hadbox-sec4 .form i svg {width: 100%;}
.hadbox-sec4 .form input {width: calc(100% - 3.1rem);padding: 0.16rem 0.24rem; color: #333333; flex: 1;}
.hadbox-sec4 .form .f_sub {width: 1.6rem; height: 0.56rem; min-height: 45px; background: #e75507;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
@media screen and (min-width: 200px) and (max-width: 767px) {
  .hadbox-sec4 {padding: .6rem .3rem;}
  .hadbox-sec4 .form {padding-bottom: .2rem;}
  .hadbox-sec4 .f_tit {    font-size: var(--font20);}
}


/* 头部下滑样式 */
.header.c-style2 {background: #fff !important; border-color:#eee;}
.header.c-style2 .headBox {height: 0.9rem; min-height: 80px; }
.header.c-style2 .headlogo .logo2 {display: block;}
.header.c-style2 .headlogo .logo1 {display: none;}
.header.c-style2 .helange a {color: #333;}
.header.c-style2 .helange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.header.c-style2 .helange a:hover img{filter: invert(49%) sepia(59%) saturate(7489%) hue-rotate(10deg) brightness(102%) contrast(94%);}
.header.c-style2 .heSearch svg path {fill: #333;}
.header.c-style2 nav > ul > li > a {color: #333;}
.header.c-style2 nav > ul > li:hover > a,.header.c-style2 nav > ul > li.on > a{color: #E75507;}
.header.c-style2 .mobmenu dl dd {background: #333;}
.header.c-style2 .mobmenu h4 {color: #333;}

.header.c-style3:hover {background: #fff !important; border-color:#eee;}
.header.c-style3 .headBox{transition: 0.6s;}
.header.c-style3 .headlogo .logo2 {display: block;}
.header.c-style3 .headlogo .logo1 {display: none;}
.header.c-style3 .helange a {color: #333;}
.header.c-style3 .helange img{-webkit-filter: brightness(1) invert(1); filter: brightness(1) invert(1);}
.header.c-style3 .helange a:hover img{filter: invert(49%) sepia(59%) saturate(7489%) hue-rotate(10deg) brightness(102%) contrast(94%);}
.header.c-style3 .heSearch svg path {fill: #333;}
.header.c-style3 nav > ul > li > a {color: #333;}
.header.c-style3 nav > ul > li:hover > a,.header.c-style3 nav > ul > li.on > a{color: #E75507;}
.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: #e75507;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 #e75507;}
  .more2:hover {background: #e75507; border-color: #e75507;}
}

/* 首页banner */
.bannerSwiper {height: 8.62rem; position: relative;}
.bannerSwiper .slide-inner {height: 100%;}
.bannerSwiper .slide-inner .imgBox {height: 100%;}
.bannerSwiper .slide-inner .imgBox img {height: 100%; object-fit: cover;width: 100%;}
.bannerSwiper .swiper-slide {overflow: hidden;}
.bannerSwiper .swiper-slide .info{}
.bannerSwiper .swiper-slide .info h2{font-size: 0.53rem;font-weight: 900; margin-bottom: .29rem;}
.bannerSwiper .swiper-slide .info h3{width: 60%;}

#banner-num{bottom: .39rem;}
#banner-num .swiper-pagination-bullet{width: 0.13rem; height: 0.13rem; background: #ffffff; opacity: 1; margin: 0 .06rem;}
#banner-num .swiper-pagination-bullet-active{background: #0081cc;}


/*  Business Content*/
.business{padding: .85rem 0 .59rem ;}
.index-title strong{display: block; font-size: 0.42rem;  font-weight: 900; margin-bottom: .04rem;}
.index-title i{display: block; width: 0.58rem;  height: 0.04rem;  background: #0081cc; margin: 0 auto;}
.business .index-title{margin-bottom: .93rem;}
.business-list ul li{margin-bottom: .28rem;}
.business-list ul li .pic,.business-list ul li .info{width: 50%;}
.business-list ul li .pic{border-radius: 0.2rem; overflow: hidden;}
.business-list ul li .pic img{display: block; width: 100%; height: 100%; object-fit: cover; 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;}
.business-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;}
.business-list ul li .info{padding-left:  3.3%; box-sizing: border-box;}
.business-list ul li .info strong{color: #333333; display: block; margin-bottom: .17rem;}
.business-list ul li .info p{color: #888888; margin-bottom: .42rem;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 5;-webkit-box-orient: vertical;  }
.business-list ul li .info b{ display: inline-block; color: #ffffff; font-weight: 700; background: linear-gradient(#0081cc 0%, #aed8f1 100%); border-radius: 100px; padding: 0.13rem 0.38rem;  transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.business-list ul li .info b::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(#0081cc 0%, #aed8f1 100%); opacity: 0;  transition: opacity .5s; z-index: -1; border-radius: 100px;}
.business-list ul li .info b:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 129, 204,.2); box-shadow: 0 0 0 0.1rem rgba(0, 129, 204,.2);}
.business-list ul li .info b:hover::before {opacity: 1;}
.business-list ul li:nth-of-type(even) a{flex-direction: row-reverse;}
.business-list ul li:nth-of-type(even) .info{padding: 0 3.3%; }


/* Our Projects */
.projects{background: linear-gradient(0deg,#0bbafb 0%, #4285ec 100%); padding: .36rem 0 1.2rem;}
.projects .index-title{margin-bottom: .38rem;}
.projects .index-title strong{margin-bottom: .07rem;}
.projects .index-title i{background: #fff; margin: 0;}
.projects-text {margin-bottom: .38rem;}
.projects-text h2{width: 75%;}
.projects-text a{transition: 0.6s;}
.projects-text a:hover{text-decoration: underline;}
.projects-list{position: relative; overflow: hidden; width: 90.8%;margin: 0 auto;}
.projects-list ul li .pic{overflow: hidden;}
.projects-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;}
.projects-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;}
.projects .w1687{position: relative;}
.projects-arrow img{width: .35rem;}
#projects-next img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
#projects-num{display: none;}



/* Speedier Logistics */
.about{position: relative; padding-bottom: 1.72rem;}
.about::after{position: absolute; z-index: -1; content: ''; width: 95%; height: 5.36rem; background: linear-gradient(14deg,#209cff 0%, #68e0cf 100%); top:4.11rem; left: 0;}
.about-top{display: flex;justify-content: flex-end; margin-bottom: .84rem;}
.about-box{justify-content: flex-end;}
.about-box .info{width: 49%;background: #f9f9f9; height: 100%; padding:0 3% 0 6%; box-sizing: border-box;}
.about .index-title{margin-bottom: .55rem;}
.about .index-title i{ margin: 0;}
.about-box .info h3{margin-bottom: .52rem;}
.about-num{margin-top: .66rem; width: 86%;}
.about-num ul li{text-align: center;}
.about-num ul li strong{font-size: .48rem; color: #332c2b; display: block; line-height: 1; margin-bottom: .06rem;}
.about-num ul li em{color: #797979;}
.index-more a{ display: inline-block; color: #ffffff; font-weight: 700; background: linear-gradient(#0081cc 0%, #aed8f1 100%); border-radius: 100px; padding: 0.12rem 0.6rem;  transition: .5s; position: relative; z-index: 1; overflow: hidden;}
.index-more a::before {content: '';position: absolute;left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(#0081cc 0%, #aed8f1 100%); opacity: 0;  transition: opacity .5s; z-index: -1; border-radius: 100px;}
.index-more a:hover {-webkit-box-shadow: 0 0 0 0.1rem rgba(0, 129, 204,.2); box-shadow: 0 0 0 0.1rem rgba(0, 129, 204,.2);}
.index-more a:hover::before {opacity: 1;}
.about-box .pic{width: 48%;}
.about-box .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.about-ys{padding: 0 6%; box-sizing: border-box;}
.about-ys ul{}
.about-ys ul li .icon{width: .62rem; display: flex; align-items: center; margin-bottom: .18rem;}
.about-ys ul li .icon img{max-width: 100%; transition: 0.6s;}
.about-ys ul li:hover .icon img{transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}



/* Partners */
.partners {margin-bottom: .38rem;}
.partners .index-title{margin-bottom: .39rem;}
.partners-list{position: relative; overflow: hidden;}
.partners-list ul li{margin-top: 0!important; margin-bottom: .35rem;}
.partners-list ul li .pic{border: 0.01rem solid #f6f6f6; border-radius: 0.1rem;}
.partners-list ul li .pic img{max-width: 100%; border-radius: 0.1rem;}
#partners-num{display: none;}


/* Contact */
.contact{}
.contact .info,.message-bg{width: 50%;  /*height: 6.42rem;*/ }
.contact .info{background: #e5e5e5; padding:0 2% 0 10%; box-sizing: border-box;}
.contact .info strong{font-size: 0.42rem; color: #332c2b; font-weight: 900;display: block; margin-bottom: .07rem;}
.contact .info h3{color: #444444; margin-bottom: .55rem;}
.contact .info ul li{margin-bottom: .33rem;}
.contact .info ul li:last-child{margin-bottom: 0;}
.contact .info ul li .icon{width: .24rem; margin-right: .19rem;}
.contact .info ul li .icon img{max-width: 100%;}
.contact .info ul li p{flex: 1; color: #444444;}
.contact .info ul li a{color: #444444;}
.contact .info ul li a:hover{color: #0081CC;}
.message-bg{    padding: .8rem 0 .54rem; padding-left: 3%; }
.message-bg .text{width: 79%;}
.message-bg h3{margin-bottom: .1rem; font-weight: 400;}
.message ul li{width: 47%;}
.message ul input,.message ul textarea{border: none;border-bottom: 1px solid #E5E5E5;height: .67rem;min-height: 45px;}
.message ul textarea{margin: .33rem 0 .16rem;}
.message ul .code{border-bottom: 1px solid #E5E5E5;}
.message ul .code input{border: none;}
.message .message-btn{  margin-top: .9rem;  background: linear-gradient(#0d86d0 0%, #9cceec 100%);  border-radius: 100px;  border: none;  padding: 0.1rem 0.44rem;  height: auto;}


/* 公共底部 */
.footer-bg{background: url(../images/footer-bg.jpg) no-repeat center top; padding: .66rem 0 .4rem; background-size: cover;}
.foot-logo{width: 20%;}
.foot-logo img{max-width: 100%; margin-bottom: .6rem;}
.foot-logo p{color: #b5b5b5; margin-bottom: .08rem;}
.foot-logo p a{color: #b5b5b5;}
.foot-logo p a:hover{color: #fff;}
.foot-nav{width: 48%; margin-top: 1.2rem; font-family: "LDLight";}
.foot-nav dl dt{margin-bottom: .05rem;}
.foot-nav dl dt a{color: #ffffff; }
.foot-nav dl dd{margin-bottom: .1rem;}
.foot-nav dl dd a{color: #b5b5b5;}
.foot-nav dl dd a:hover{color: #fff;}
.foot-mess{width: 21%;}
.foot-mess span{font-size: 0.45rem;color: #676767;display: block;width: 89%;line-height: 1;font-style: italic;margin-top: 1.08rem;}

.mess input{border: none;border-bottom: 1px solid #676767;height: .69rem;min-height: 45px; background: transparent; color: #fff;}
.mess input::placeholder{color: #676767;}
.mess .mess-btn{background: linear-gradient(#0d86d0 0%, #9cceec 100%); border-radius: 100px; border: none; margin-top: .19rem;}
.foot-copy p{color: #b5b5b5;}
.foot-copy a{color: #b5b5b5;}
.foot-copy a:hover{color: #fff;}

/*字体引入*/
@font-face {   font-family: "LD";  src: url("../font/LexendDeca-Regular.ttf"); }
@font-face {   font-family: "LDLight";  src: url("../font/LexendDeca-Light.ttf"); }
@font-face {   font-family: "LDMedium";  src: url("../font/LexendDeca-Medium.ttf"); }



/* 内页banner */
.ny-banner{overflow: hidden; position: relative; }
.ny-banner .pic img{display: block; width: 100%; height: 100%; object-fit: cover;}
.ny-banner h2{font-size: 0.48rem; margin-bottom: .35rem; font-family: "LD";}
.ny-banner h3{font-family: "LDLight";}
.ny-banner .info{transform: translate(-50%, 0); top: .43rem;}

/* 内页分类 */
.class-bg{background: #f8f8f8;}
.ny-class .ctitle1 li{margin-right: .7rem;}
.ny-class .ctitle1 li:last-child{margin-right: 0;}
.ny-class .ctitle1 li{padding: .24rem 0; position: relative; }
.ny-class .ctitle1 li a{font-size: var(--font17); color: #444; font-family: "LDMedium"; }
.ny-class .ctitle1 li::after{position: absolute; content: ''; width: 0; height: 0.03rem; bottom: 0; left: 0; background: #0080cc; border-radius: 0.02rem; transition: 0.6s;}
.ny-class .ctitle1 li:hover::after,.ny-class .ctitle1 li.on::after{width: 100%;}
.ny-class .ctitle1 li:hover a,.ny-class .ctitle1 li.on a{color: #0080cc;}

/* 内页关于我们 */
.ny-main{padding: .66rem 0 1rem;}
.about-title{margin-bottom: .36rem;}
.about-title b{font-size: 1.07rem; color: rgba(228,228,228,0.2); font-family: "LDMedium"; display: block; line-height: 1;}
.about-title span{display: block; font-size: 0.48rem; color: #333333; font-family: "LD"; text-transform: uppercase; margin-bottom: .1rem;}
.about-title i{display: block; width: 0.64rem;  height: 0.05rem;  background: #0080cc;  border-radius: 0.03rem; }
.nyabout{margin-bottom: 1rem;}
.nyabout .info{margin-bottom: .1rem;}
.nyabout .info p{font-family: "LDLight"; margin-bottom: .35rem;}
.nyabout .pic img{display: block; width: 100%; border-radius: 0.18rem;}
.nyabout-num{width: 100%; margin-top: .38rem;}
.nyabout-num ul li{position: relative; width: 27%;}
.nyabout-num ul li:nth-child(2){width: 46%;}
.nyabout-num ul li::after{position: absolute; content: ''; width: .01rem; height: 100%; background: #f2f2f2; right: 0; top: 0;}
.nyabout-num ul li:last-child::after{display: none;}
.nyabout-num ul li strong{  font-family: "LDMedium";}

.ys-bg{background: url(../images/ys-bg.jpg) no-repeat center; padding-bottom: 1.34rem; background-size: cover;}
.ys-title{border-bottom: 0.01px solid rgba(255,255,255,0.2); padding: .62rem 0; margin-bottom: .83rem;}
.ys-title h2{font-size: 0.5rem;  font-family: "LD";}
.ys-info{overflow: hidden; width: 53%; margin-top: .75rem; margin-left: 0;}
.ys-info ul li h3{color: #ffffff; font-family: "LD";}
.ys-bottom .w1500{position: relative;}
.ys-right{position: relative;width: 38.2%;margin-right: 6%;}
.ys-pic  {height: 100%; position: static;}
.ys-pic ul {display: block;min-height: 3.73rem;width: 95%;height: 100%; position: relative;-webkit-transform: none;opacity: 1;}
.ys-pic li { position: absolute;width: 100% !important; height: 100%;top: 0;left: 0;opacity: 0 !important;}
.ys-pic li {transform: scale(0.6) translateX(78%) !important;-webkit-transform: scale(0.6) translateX(78%);pointer-events: none;z-index: 2;transition: all 0.7s cubic-bezier(0.18, 0.88, 0.23, 0.9) !important;transform-origin: 0 50%;}
.ys-pic li .pic {height: 100%; overflow: hidden; border-radius: .3rem;background: #ffffff;box-sizing: border-box; display: flex; align-items: center; justify-content: center;box-shadow: 0 23px 40px -10px rgb(29 56 75 / 17%);}
.ys-pic li .pic img {width: 100%;  display: block;  height: 100%; object-fit: cover;}
.ys-pic li.swiper-slide-prev {transform: scale(0.8) translateX(31%);-webkit-transform: scale(0.8) translateX(31%) !important;opacity: 0.6 !important;z-index: 7;}
.ys-pic li.swiper-slide-next {transform: scale(0.9) translateX(14%);-webkit-transform: scale(0.9) translateX(14%) !important;opacity: 0.8 !important;z-index: 8;}
.ys-pic li.swiper-slide-active { transform: scale(1) translateX(0px) !important; -webkit-transform: scale(1) translateX(0px); -moz-transform: scale(1) translateX(0px);-o-transform: scale(1) translateX(0px);-ms-transform: scale(1) translateX(0px); pointer-events: auto;opacity: 1 !important;z-index: 10;}
.ys-pic .jtBox {position: absolute;left: auto;right: 0;top: 50%;transform: translate(176%, -50%);width: .48rem;height: 1.54rem;background: #ffffff;border-radius: 24px;z-index: 1;}
.ys-pic .jtBox .swjt {top: 43%;transform: translate(-50%, -50%);left: 50%;height: auto;width: .2rem;}
.ys-pic .jtBox .swiper-button-next {top: 70%;transform:translate(-50%, -50%) rotate(180deg);left: 50%;margin: 0;height: auto;}
.ys-pic .jtBox path{opacity: .4;}
.ys-pic .jtBox .swiper-button-prev:hover svg path ,.ys-pic .jtBox .swiper-button-next:hover svg path{opacity: 1; fill: #1c853e;}


.network{padding: 1.02rem 0 0;}
.network-title h2{font-size: 0.4rem; color: #232324; display: block; text-align: center; margin-bottom: .53rem;}
.network-bg{position: relative;}
.network-bg .pic>img{display: block; width: 100%;}
.network-bg ul{position: absolute; content: ''; width: 100%; height: 100%; top: 0;}
.network-bg ul li{position: absolute; z-index: 1;cursor: pointer;}
.network-bg ul li .cirle{display: flex;     flex-direction: column;     align-items: center; }
.network-bg ul li .cirle img{display: block; width: .22rem;}
.network-bg ul li .cirle i {width: .11rem; height: .11rem; border-radius: 50%; display: block;background: #fff; position: relative; z-index: 2;}
.network-bg ul li .cirle i::after {background: rgba(255,255,255,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;}
@keyframes scale3 {0% {transform:translate(-50%, -50%) scale(1);  opacity: .9; } 100% { transform:translate(-50%, -50%) scale(3); opacity: 0;}}
.network-bg ul li .name{  pointer-events: none; background: rgb(255, 255, 255,0.8);border-radius: .14rem;position: absolute;z-index: 1;padding: 0;right: 66%;transform: translateY(-100%);opacity: 0;transition: 0.6s;padding: .29rem .35rem;width: 3.03rem;}
.network-bg ul li:hover .name{opacity: 1;}
.network-bg ul li .name em{display: block; margin-bottom: .05rem;}
.network-bg ul li .name i{width: 0.25rem; height: 0.01rem; background: #6a6a6a; display: block; margin-bottom: .11rem;}
.network-bg ul li.li2_1{top: 41%;right: 27.5%;}
.network-bg ul li.li2_2{top: 46%;right: 24.5%;}
.network-bg ul li.li2_3{top: 58%;right: 22.5%;}
.network-bg ul li.li2_4{top: 62.3%;right: 22%;}
.network-bg ul li.li2_5{bottom: 11%;right: 32%;}
.network-bg ul li.li2_6{bottom: 11%;right: 30.5%;}

.honors{padding: 1.34rem 0 0;}
.nyabout-title{margin-bottom: .6rem;}
.nyabout-title h2{display: block; font-size: 0.48rem; color: #333; font-weight: 500; font-family: "LDMedium";}
.nyabout-title i{display: block; width: 1.43rem; height: 0.03rem; background: #0080cc; border-radius: 0.02rem; margin: 0 auto;}

/* 上面 */
.hon_box { padding-bottom: 1.21rem;}
.hon_con_box { overflow: hidden; position: relative; margin-bottom: .7rem; padding-top: .1rem;}
.hon_con_box .swiper-container {width: 39.1%; margin: 0 auto; overflow: visible;}
.hon_con_box .swiper-container .swiper-slide {overflow: visible;}
.hon_con_box .swiper-container .swiper-wrapper { align-items: center;}
.hon_con_box .swiper-container .honor_con_me {transform: scale(0.8); transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out;display: flex; flex-direction: column;align-items: center; justify-content: center;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box { transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;display: none;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box::before { margin-top: 64.8208%;}
.hon_con_box .swiper-container .honor_con_me .pub_img_box .pub_img {background-size: contain; background-repeat: no-repeat; background-position: center;}
.hon_con_box .swiper-container .honor_con_me .honor_img_ { display: block;margin: 0 auto; max-width: 100%; max-height: 3.5rem;}
.hon_con_box .swiper-container .honor_con_me .honor_t {font-family: "LD"; text-align: center; margin-top: .3rem;color: #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out;-moz-transition: all 0.3s ease-in-out;-o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;  opacity: 0;}
.hon_con_box .swiper-container .active .honor_con_me {transform: none;}
.hon_con_box .swiper-container .active .honor_con_me .honor_img_ {     box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .pub_img_box {box-shadow: 0px 30px 100px 0px rgba(0, 0, 0, 0.15);}
.hon_con_box .swiper-container .active .honor_con_me .honor_t {opacity: 1;}
.hon_con_box {cursor: url("../images/shubiao.png"), auto;}
/* 下面 */
.hon_nav_box {margin-top: .3rem;position: relative;max-width: 76%;margin: auto;}
.hon_nav_box .swiper-container {overflow: hidden;}
.hon_nav_box .swiper-slide { width: auto; cursor: pointer; pointer-events: auto;}
.hon_nav_box .swiper-slide.active-nav .hon_n  {color: #e75507;}
.hon_nav_box .hon_n {color: #333;line-height: 1.5;text-align: center; padding: 0 .2rem;}
.hon_nav_box .swiper-pagination span:focus { outline: none;}
.hon_nav_box .swiper-button-prev,
.hon_nav_box .swiper-button-next {width: .56rem;height: .56rem; font-size: 14px; color: #333; transition: all 0.3s ease-in-out; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out;text-align: center;background-image: none !important; top: 50%; margin-top: 0;}
.hon_nav_box .swiper-button-prev > div,
.hon_nav_box .swiper-button-next > div {border: 1px solid #333;transition: all 0.3s ease-in-out;-webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out;-ms-transition: all 0.3s ease-in-out; width: 80%;height: 80%;position: absolute;left: 10%; top: 10%; transform: rotate(45deg); border-radius: .06rem; z-index: 1;}
.hon_nav_box .swiper-button-prev svg,
.hon_nav_box .swiper-button-next svg { position: relative; z-index: 2;}
.hon_nav_box .swiper-button-prev:hover img,
.hon_nav_box .swiper-button-next:hover img {filter: none; -webkit-filter:none;}
.hon_nav_box .swiper-button-prev:hover > div,
.hon_nav_box .swiper-button-next:hover > div {border-color: #e75507;background-color: #e75507;}
.hon_nav_box .swiper-button-prev:hover svg path,
.hon_nav_box .swiper-button-next:hover svg path {fill: #fff;}
.hon_nav_box .swiper-button-prev {left: 6%;transform: translate(-250%, -50%) rotate(180deg);}
.hon_nav_box .swiper-button-next {right: 6%;transform: translate(250%, -50%);}


.news-list ul li{padding-bottom: .39rem; margin-bottom: .39rem; border-bottom: .03rem  solid #FBFBFB;}
.news-list ul li:last-child{padding-bottom: 0; border-bottom: none;}
.news-list ul li a{align-items: flex-start;}
.news-list ul li .news-right{width: 69%;}
.news-list ul li .pic{border-radius: 0.15rem; width: 29%; margin-right: 6%;  overflow: hidden;}
.news-list ul li .pic img{display: block; width: 100%; border-radius: 0.15rem; -webkit-transition: opacity 1s, -webkit-transform 1s; transition: opacity 1s, transform 1s; -webkit-backface-visibility: hidden;backface-visibility: hidden;opacity: 1;}
.news-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;}
.news-list ul li .info{width: 64%;}
.news-list ul li .info h4{color: #222222; font-family: "LDLight"; margin-bottom: .13rem;}
.news-list ul li .info h5{color: #222222; font-family: "LDLight"; margin-bottom: .37rem;}
.news-list ul li .info span{display: inline-block; border: 0.01rem solid #0080cc; border-radius: 0.04rem;  font-family: "LDLight"; color: #0080cc;     padding: 0.08rem 0.15rem; transition: 0.6s;}
.news-list ul li .date{border: 0.01rem solid #0080cc; border-radius: 0.04rem; padding:0.04rem 0.06rem; transition: 0.6s; font-family: "LDLight"; }
.news-list ul li .date span{color: #0080cc; display: block;}
.news-list ul li .date i{display: block; width: 0.86rem; height: 0.01rem;  background: #0080cc;}
.news-list ul li:hover .info h4{color: #0080cc;}
.news-list ul li:hover .info span{background: #0080cc; color: #fff;}
.news-list ul li:hover .date{background: #0080cc;}
.news-list ul li:hover .date span{color: #fff;}
.news-list ul li:hover .date i{background: #fff;}

#about,#news{position: relative; top: -1rem;}


/* 内页产品列表页 */
.nypro-list ul{display: grid; grid-template-columns: repeat(3, 1fr); gap: .53rem .61rem;}
.nypro-list ul li{}
.nypro-list ul li .pic{overflow: hidden;}
.nypro-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;}
.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;}
.service-box{align-items: flex-start;}
.service-left{width: 26%; position: sticky; top: 1.5rem;}
.service-class{box-shadow: 0rem 0rem 0.02rem 0rem rgba(6,0,1,0.20);  padding: .53rem  .09rem 3.24rem; margin-bottom: .44rem;}
.service-class .ctitle1 li{margin-bottom: 0.07rem;}
.service-class .ctitle1 li a{padding: 0.1rem .13rem;  box-sizing: border-box; transition: 0.6s;}
.service-class .ctitle1 li em{color: #575757;  font-family: "LD"; flex: 1;}
.service-class .ctitle1 li img{width: 0.06rem; opacity: 0;}
.service-class .ctitle1 li:hover a{background: #f7f8fa; border-radius: 0.24rem;}
.service-class .ctitle1 li:hover img{opacity: 1;}

.service-mess{box-shadow: 0rem 0rem 0.02rem 0rem rgba(6,0,1,0.20); padding: .4rem 0; }
.service-mess h2{  font-family: "LDMedium"; border-left: 0.1rem solid #0080CC; padding-left: .22rem; margin-bottom: .47rem;}
.mess-left{padding:  0 .28rem;}
.mess-left ul li{background: #f8f8f8;border: 0.01rem solid #ededed;margin-bottom: .12rem;}
.mess-left ul li input,.mess-left ul li textarea{border: none; background: transparent; font-size: var(--font14); font-family: "LDMedium"; outline: none;}
.mess-left ul li input::placeholder,.mess-left ul li textarea::placeholder{color: #a4a4a4; }
.mess-left ul li input{height: .54rem; min-height: 40px;}
.mess-left ul li textarea{height: 1.28rem; min-height: 100px;}
.mess-left ul li.code{margin-bottom: .36rem;}
.mess-left ul li.code input{height: .44rem; min-height: 40px;}
.mess-left .mess-btn{background: #0080cc;border-radius: 0.3rem;color: #ffffff;font-size: var(--font19);font-family: "LD";display: block;width: 100%;height: .59rem;min-height: 40px;}

.service-right{width: 66%;}
.service-list ul li{margin-bottom: .74rem;}
.service-list ul li .pic{position: relative; overflow: hidden;}
.service-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;}
.service-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;}
.service-list ul li .pic::after{position: absolute; content: ''; bottom: 0; width: 0; height: 0.08rem; background: #0084cd; left: 0; transition: 0.6s;}
.service-list ul li:hover .pic::after{width: 100%;}
.service-list ul li .info{margin: .4rem 0 0;}
.service-list ul li .info h3{color: #333333; font-family: "LDMedium"; margin-bottom: .13rem;}
.service-list ul li .info span{width: .08rem; height: .08rem; background: #333; border-radius: 50%; margin-right: .29rem;}
.service-list ul li .info p{color: #5f5f5f;  font-family: "LDMedium"; margin-bottom: .34rem;}
.service-list ul li .info em{color: #666666; font-family: "LD"; }
.service-list ul li .info em>img{margin-left: .13rem; width: .08rem; display: inline-block; transition: 0.6s;}
.service-list ul li:hover .info em{color: #0080CC;}
.service-list ul li:hover .info em>img{margin-left: .2rem;}


/* 内页企业文化 */
.culture-list{margin-top: .85rem;}
.culture-list ul{display: grid;grid-template-columns: repeat(3, 1fr); }
.culture-list ul li{position: relative; transition: 0.6s; text-align: center; }
.culture-list ul li .pic{overflow: hidden; height: 4.61rem; min-height: 300px;}
.culture-list ul li .pic img{display: block; width: 100%; transition: 0.6s;  object-fit: cover; height: 100%; transform: scale(0);}
.culture-list ul li .info{position: absolute; content: ''; top: 0; width: 100%; height: 100%; top: 0;  background: #fff; transition: 0.6s; display: flex; align-items: center; flex-direction: column; padding:1rem 0 0;}
.culture-list ul li .icon{ width: 1rem; height: 1rem; border: 0.02rem solid #212121; border-radius: 50%; margin: 0 auto .2rem; position: relative;}
.culture-list ul li .icon img{max-width: 50%;}
.culture-list ul li:hover .icon::before {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%);opacity: .8;border: 1px solid #fff; animation: scalemap 2s linear infinite;}
.culture-list ul li:hover .icon::after {content: ''; position: absolute; width: 100%; height: 100%; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%,-50%); border: 1px solid #fff; animation: scalemap2 2s linear infinite;}
@keyframes scalemap {
  0% {transform: translate(-50%, -50%) scale(1);opacity: .8;}
  100% {transform: translate(-50%, -50%) scale(1.5);opacity: 0;}
}
@keyframes scalemap2 {
  0% {transform: translate(-50%, -50%) scale(1);opacity: .6;}
  100% {transform: translate(-50%, -50%) scale(2);opacity: 0;}
}
.culture-list ul li .info h3{color: #212121;  font-family: "LD"; margin-bottom: .07rem;}
.culture-list ul li .info i{width: 1.19rem; height: 0.02rem; background: #212121; display: block; margin: 0 auto .22rem;}
.culture-list ul li .info h4{font-family: "LDLight";}
.culture-list ul li:hover .info{background: rgba(0,132,205,.75);}
.culture-list ul li:hover .pic img{transform: scale(1);}
.culture-list ul li:nth-child(2) .info h4{width: 80%; margin: 0 auto;}
.culture-list ul li:hover .icon{border-color: #fff;}
.culture-list ul li:hover .icon img{-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.culture-list ul li:hover  h3{color: #fff;}
.culture-list ul li:hover i{background: #fff;}
.culture-list ul li:hover h4{color: #fff;}
.culture-bg{background: url(../images/culture-bg.jpg) no-repeat center; padding: .84rem 0 1.98rem; background-size: cover;}
.culture-bg h2{font-size: 0.48rem; font-family: "LD"; margin-bottom: .21rem; }
.culture-bg i{display: block; width: 1.08rem;  height: 0.02rem;  background: #ffffff; margin-bottom: .35rem;}
.culture-bg h3{font-family: "LDLight";}



/* 内页联系我们 */
.contact-box .info{width: 50%; padding-left: 8%; padding-top: .54rem; padding-right: 2%;}
.contact-box .info h2{color: #0080cc; font-family: "LDMedium";  margin-bottom: .06rem;}
.contact-box .info span{color: #4a5058; font-family: "LDLight"; margin-bottom: .17rem; display: block;}
.contact-box .info i{display: block; width: 0.69rem;  height: 0.02rem;  background: #525252; margin-bottom: .52rem;}
.contact-box .info ul li{margin-bottom: .15rem;}
.contact-box .info ul li .icon{width: .2rem; margin-right: .13rem;}
.contact-box .info ul li .icon img{max-width: 100%;}
.contact-box .info ul li p{color: #666; flex: 1; font-family: "LD"; }


.contact-mess{width: 50%; background: #f9f9f9;  padding-top: .54rem; height: auto; padding-bottom: .31rem;}
.contact-mess h2{  font-family: "LD"; margin-bottom: .12rem;}
.contact-mess h3{ font-family: "LDLight"; margin-bottom: .4rem; }
.contact-mess ul {margin-bottom: .3rem;}
.contact-mess ul input,.contact-mess ul textarea { border: none; border-bottom: 1px solid #535353; height: auto; min-height: 38px; background: transparent; padding-left: 0;}
.contact-mess ul  em{color: #777;font-size: var(--font15);line-height: 1;display: block;}
.contact-mess ul  i{color: #c42020; font-style: normal;}
.contact-mess ul .code input{border-bottom: none;}
.contact-mess ul .code {  border-bottom: 1px solid #535353;}
.contact-mess ul textarea{margin: 0;}
.contact-mess .message-btn{margin-top:0; background: #0080cc;     padding: 0.06rem .49rem; font-family: "LD";}
.map{height: 5.44rem; min-height: 400px;}
.map iframe{width: 100%; height: 100%;}


/* 内页新闻详情页 */
.position img{ width: .18rem; }
.position a{display: inline-block;font-size: var(--font15);color: #666666;position: relative;padding-left: .22rem;margin-left: .19rem;}
.position a::after {content: ">";margin: 0;position: absolute;left: 0; top: 45%; transform: translateY(-50%);}
.position a:hover {color: #0080cc;}
.position a:hover::after{color: #666666;}
.nynews-bg{background: #f0f0f0; padding: .82rem 0;}
.newsxq-box {padding: 0.3rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 68%;}
.news-left .newsCon {background: #ffffff;border-radius: .1rem;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .4rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 1px solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.34rem; color: #333;font-weight: 700; line-height: 1; }
.newsxq-title span {display: block;margin-top: .2rem; color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%; height: 100% !important;}
.newsxq-page {display: flex; justify-content: space-between; align-items: center; margin-top: .5rem;}
.newsxq-page a {display: flex; align-items: center;}
.news-prev,.news-next{transition:0.6s; display: flex; align-items: center; justify-content: center; width: 0.51rem;height: 0.51rem;min-width: 35px;min-height: 35px;   border: 0.02rem solid #ccc;border-radius: 0.05rem;}
.news-prev svg {transform: rotateY(180deg);   -webkit-transform: rotateY(180deg);}
.newsxq-page em {display: inline-block; font-size: var(--font16); color: #333;}
.prev-link em {margin-left: 0.17rem;}
.next-link em {margin-right: 0.17rem;}
.next-link {flex-direction: row-reverse;}
.newsxq-page a:hover .news-prev,.newsxq-page a:hover .news-next{background: #0080cc; border-color: #0080cc; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 29%;background: #fff; border-radius: .15rem;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem;box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsxq-box .news-right h2 {font-size: var(--font26); font-weight: 700; margin-bottom: .3rem;}
.newsDate .relist li a {display: flex; justify-content: space-between;}

.newsDate .relist .recon {width: 100%;}
.newsDate .relist li { border-bottom: 1px solid #ddd; padding-bottom: .15rem; margin-bottom: .2rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font17); transition: .35s; margin-top: .05rem; line-height: 1;}
.newsDate .relist li:hover h6 {color: #0080cc;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right::after {content: ""; background: #0080cc; width: 65%; position: absolute; left: 50%; bottom: -1.5%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}

/* 图片、产品通用详情页 */
.pic-relist li{border-bottom: 1px solid #ccc; padding-bottom: .3rem; margin-bottom: .3rem;}
.pic-relist li .pic{width: 40%; margin-right: 5%;}
.pic-relist li .pic img{display: block; width: 100%; }
.pic-relist li  strong{flex: 1; color: #333;}