/* =====头部===== */
#c-placeholder {height: auto;}
.header {position: fixed; width: 100%; left: 0; top: 0; z-index: 999; transition: .5s;}
.headerlogo img {max-width: 2.5rem;}
.headerlogo img:nth-child(1) {display: block}
.headerlogo img:nth-child(2) {display: none;}
.headerBox {display: flex; justify-content: space-between; margin: 0 2.5%; height: 1.2rem; align-items: center;}
nav {width: 60%;}
nav ul {display: flex; justify-content: space-between;}
nav ul li {line-height: 1.2rem;}
nav ul li > a {color: #333333; position: relative; transition: .5s;}
nav ul li > a::after {content: ""; bottom: -10px; height: 0.04rem; background: #f58220;border-radius: 0.02rem; width: 0; left: 15%; position: absolute;transition: .5s;}
nav ul li:hover > a , nav ul li.on > a {color: #F58220;}
nav ul li:hover > a::after , nav ul li.on > a::after {width: 70%;}
/* 二级下拉 */
nav ul li .dlBox {line-height: initial; position: fixed; width: 100%; background: #f9f9f9; left: 0; padding: .3rem 2.5%; box-sizing: border-box; display: none;}
nav ul li dl {display: flex; justify-content: center;}
nav ul li dl dd {margin: 0 .5rem;}
nav ul li dl dd a {color: #333333; transition: .5s;}
nav ul li dl dd a:hover {color: #F58220;}
.headre {display: flex; align-items: center;}
.header .links {display: flex;}
.header .links .item {width: 0.62rem;height: 0.62rem;  border: 1px solid rgba(0, 0, 0,.24); border-radius: 50%; transition: .5s;}
.header .links .item a {height: 100%;display: flex;align-items: center;justify-content: center;}
.header .links .item:nth-child(2) {margin-left: .2rem;}
.header .links .item img {max-width: 50%;}
.header .links .item a:hover {color: #fff;}
.header .links .item:hover {background: #009B4C; border-color: #009B4C;}
.header .links .item:hover img {filter: brightness(100); -webkit-filter:brightness(100);}

/* 语言切换 */
.weblink {position: relative;}
.weblink .luanguage {position: absolute;left: 50%; top: 200%; padding-top: .2rem; text-align: center; transform: translate(-50% , -50%); opacity: 0; visibility: hidden; transition: .5s;}
.weblink .smBox {box-shadow: 0 0 10px rgb(0, 0, 0,.2);  background: #fff; border-radius: 5px; padding: .1rem .2rem; position: relative;}
.weblink .smBox::before {content: "";width: 20px; height: 10px; background: #fff; clip-path: polygon(50% 0%, 0% 100%, 100% 100%);-webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%); background: #fff;    position: absolute;left: 50%;top: -5%;transform: translate(-50%, -50%);}
.weblink .smBox a {justify-content: center; display: block;}
.weblink .smBox a {margin: .05rem 0;}
.weblink .smBox a:hover {color: #009B4C;}
.weblink:hover .luanguage {opacity: 1; top: calc(150% + .2rem); visibility: visible;}

/* 搜索下拉 */
.hadbox-sec4 {background-color: #fff;position: absolute;left: 0;top: 100%;width: 100%;padding: 0.9rem 0 1.06rem; display: none; box-shadow: 0 2px 2px rgba(0, 0, 0,.1);}
.hadbox-sec4 .f_tit {color: #222222;margin-bottom: 0.24rem;font-size: var(--font36);}
.hadbox-sec4 .form {display: flex; align-items: center; 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;font-size: 0.2rem; color: #333333;}
.hadbox-sec4 .form .f_sub { width: 2.4rem; height: 0.66rem; background-color: #009B4C;border-radius: 5px;font-size: var(--font24);color: #ffffff;cursor: pointer;}
.hadbox-sec4 .form .f_sub:hover {background: #16814a;}

.header.fh2 {background: none;}
.header.fh2 .headerlogo img:nth-child(1) {display: none;}
.header.fh2 .headerlogo img:nth-child(2) {display: block;}
.header.fh2 nav ul li > a {color: #fff;}
.header.fh2 nav ul li dl dd a:hover {color: #009B4C;}
.header.fh2 nav ul li > a::after {background: #009B4C;}
.header.fh2 nav ul li:hover > a , .header.fh2 nav ul li.on > a {color: #009B4C;}
.header.fh2 .links .item {border-color: #fff;}
.header.fh2 .links .item:hover {border-color: #009B4C;}
.header.fh2 .links .item img {filter: brightness(100);-webkit-filter: brightness(100);}
.header.fh2 .mobmenu h4 {color: #fff;}
.header.fh2 .mobmenu dl dd {background: #fff;}

/* 头部下滑导航 */
.header.fh {box-shadow: 0 0 5px rgba(0, 0, 0,.1); background: #fff;}



/* 公用css */
/* 滚动条 */
.headerNavScroll {scrollbar-width:thin;scrollbar-color:#009B4C #DDDDDD; overflow-y: auto;}
.headerNavScroll::-webkit-scrollbar {width: 3px;}
.headerNavScroll::-webkit-scrollbar-thumb {background: #009B4C; border-radius: 5px;}
.headerNavScroll::-webkit-scrollbar-track {background: #E5E5E5;}

/* 了解更多 */
.more1 {width: 1.65rem;height: 0.54rem;min-width: 110px;min-height: 38px;  background: #313C80;border-radius: 0.05rem;;color: #fff; -webkit-transition: background-color 0.3s, color 0.3s; transition: background-color 0.3s, color 0.3s; position: relative; z-index: 1;}
.more1::before {content: '';position: absolute;top: 0; left: 0; width: 100%; height: 100%;  border: 2px solid #009B4C; z-index: -1; border-radius: inherit; opacity: 0; -webkit-transform: scale3d(0.6, 0.6, 1); transform: scale3d(0.6, 0.6, 1); -webkit-transition: -webkit-transform 0.3s, opacity 0.3s; transition: transform 0.3s, opacity 0.3s; -webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1); box-sizing: border-box;}
.more1:hover {background-color: #fff;color: #009B4C;}
.more1:hover::before {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1); opacity: 1;}
.more2 { position: relative; width: 2.34rem; height: .54rem;  min-width: 185px; min-height: 45px; z-index: 1; background: #313C80;  border-radius: 0.05rem; transition: .5s;}
.more2 span {color: #fff; margin-right: .2rem; transition: .5s;}
.more2:hover {box-shadow: 0 0 .2rem #313C80;}
.more2:hover span {margin-right: .3rem;}

/* =====首页===== */
/* banner */
.indexBanner {height: 100vh; position: relative; background: #f8fbfe;}
.bannerSwiper {height: 100%;}
.bannerSwiper .swiper-slide .bgimg { z-index: 6; object-fit: unset; width: 100%; position: absolute; height: 100%; /* object-fit: cover; */ left: 0; top: 0;}
.bannerSwiper .swiper-slide {}
.bannerSwiper .swiper-slide .public-img { width: 100%; -webkit-transform: scale(1.1); transform: scale(1.1); display: block; position: relative; z-index: 1; overflow: hidden; transition: 1s linear 2s;transform: scale(1.1,1.1);}
.bannerSwiper .swiper-slide .public-img > img {width: 100%; height: 100%; object-fit: cover; transition: all 0.5s;}
.bannerSwiper .swiper-slide-active .public-img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .swiper-slide-prev {clip-path: polygon(0% -100%, 100% -100%, 100% -20%, 0% 0%);opacity: 0;transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease; z-index: 3;}
.bannerSwiper .swiper-slide-active {clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 150%);opacity: 1;transition: clip-path 1400ms cubic-bezier(0.23, 1, 0.32, 1), opacity 1s ease;z-index: 2;}
.bannerSwiper .boxcon {z-index: 1; width: 1400px; top: 40%;}
.bannerSwiper .con h3 {font-size: 0.5rem;font-weight: 800;color: #ffffff;}
.bannerSwiper .con .en {font-size: 0.4rem;font-weight: 800;color: #ffffff;  font-family: "AlimamaShuHeiTi"; line-height: 1.2;}
/* 自定义分页器 */
.paginationBox {position: absolute; z-index: 2; right: 0; bottom: .55rem;right: 19%; height: 1.2rem; height: 1.2rem;}
.paginationBox svg {width: 100%; height: 100%;}
.paginationBox .swiper-num {display: inline-flex; position: absolute; align-items: center; bottom: auto; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: var(--font15);color: rgba(255, 255, 255,.55);}
.paginationBox .swiper-num em {margin: 0 .05rem;transform: translateY(.05rem);}
.paginationBox .swiper-num span:nth-child(1) {font-size: 0.36rem;color: #ffffff;}
.paginationBox .swiper-num span:nth-child(3) {transform: translateY(.05rem);}
.paginationBox .fcircle1 circle:nth-child(1) {opacity: .3; }
.paginationBox.on .fcircle1 circle:nth-child(2) {animation: svgcircle 11s linear forwards;}
.indexBanner .indexXian {position: absolute; left: 50%; top: auto; transform: translateX(-50%); z-index: 1;bottom: .7rem;}
@keyframes svgcircle {from {stroke-dasharray: 0 800;}to {stroke-dasharray: 800 800; }}
.queryBox {position: absolute; top: 62%; z-index: 1; width: auto; left: 13%;}
.queryBox .box {padding: .3rem; width: 3.8rem;height: 3rem;border-radius: 0.3rem; display: inline-block; background: url(../images/queryBox-bj.png) no-repeat center; background-size: contain;}
.queryBox .icBox {width: 0.66rem;height: 0.77rem;background: url(../images/query-icon-bj.png) no-repeat center; background-size: contain;}
.queryBox .icBox img {max-width: 50%;}
.queryBox form {margin-top: .4rem; }
.queryBox form .inBox {position: relative;}
.queryBox form input {width: 100%; padding-bottom: .1rem; border-bottom: 1px solid #DADADA; color: #fff; padding-right: .3rem; font-size: 0.15rem}
.queryBox form input::placeholder {color: #FFFFFF;}
.queryBox form i {position: absolute; right: 0; bottom: .05rem;}
.queryBox form button {margin-top: .4rem; cursor: pointer;font-weight: 700; width: auto;height: 0.45rem; padding: 0 .1rem; background: #ffffff;border-radius: 0.05rem;color: #333333; font-size: var(--font14);}
.queryBox form button:hover {background: #016431; color: #fff;}


/* 首页 */
.indexTle em {font-weight: 500;color: #009b4c; font-size: var(--font22);}
.indexTle h3 {font-size: var(--font40);font-weight: 800;color: #333333; line-height: 1.2;}

.indexOne {background: #f8fbfe; padding: 1.3rem 0; overflow: hidden;}
.indexOne .box {display: flex; justify-content: space-between; align-items: center;}
.indexOne .box .le {width: 48%; position: relative; z-index: 1;}
.indexOne .box .imgBox {width: 100%; position: relative;border-radius: 0.9rem; overflow: hidden;}
.indexOne .box .imgBox img {width: 100%;}
.indexOne .box .imgBox .play_btn { position: absolute;display: block;top: 50%;left: 50%;width: 1rem;height: 1rem;min-width: 60px;min-height: 60px;transform: translate(-50%, -50%);}
.indexOne .box .imgBox .play_btn::before {animation: playbtnscale 2s ease-out infinite; background: #fff; opacity: 0.5; animation-delay: 0;}
.indexOne .box .imgBox .play_btn::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}
.indexOne .box .imgBox .play_btn::after { animation: playbtnscal2 2s ease-out infinite; background: #fff;opacity: 0.3;animation-delay: 0;}
.indexOne .box .imgBox .play_btn::after {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 24px;height: 24px; border-radius: 50%; content: ''; z-index: -1;}
.indexOne .box .imgBox .play_btn .icon {width: 100%; height: 100%; background: url(../images/video-icon.png) center/contain no-repeat;}
@keyframes playbtnscale { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(6); opacity: 0; }}
@keyframes playbtnscal2 {0% { transform: translate(-50%, -50%) scale(1); opacity: .9;} 100% {transform: translate(-50%, -50%) scale(8); opacity: 0; }}
.indexOne .box .le::after {content: ""; opacity: 0.14;background: #2672d0; border-radius: 1.2rem; width: 90%; height: 70%; position: absolute; left: -.4rem; bottom: -.4rem; z-index: -1;}
.indexOne .box .le .icBox {position: absolute; top: -6%; right: 0;}
.indexOne .box .le .icBox2 {left: 2%; bottom: -10%; top: auto;}
.indexOne .box .le .icBox img {max-width: 1rem;}
.indexOne .box .re {width: 45%;}
.indexOne .box .text {margin-top: .4rem; width: 90%;}
.indexOne .box .text p {color: #666666; font-size: var(--font17); line-height: 1.8;}
.indexOne .box .more {margin-top: .6rem;}
.indexOne .box {position: relative;}

.indexTwo {padding: 1.65rem 0;max-width: 1920px; margin: auto; overflow: hidden; position: relative;}
.indexTwo .tleBox {display: flex; justify-content: space-between; align-items: center;flex-wrap: wrap;}
.indexTwo .box {margin-left: 6%; }
.indexTwo::after {content: ""; position: absolute; background: url(../images/indexTwo-fixIcon.png) no-repeat center; background-size: contain;width: 1rem;height: 1.6rem; left: 0; top: 55%;}
.proapp-list {margin-top: .8rem; padding-bottom: 1rem; padding: .1rem;}
.proapp-list .swiper-slide {height: auto;padding: .2rem; padding-bottom: .5rem; background: #ffffff; border-radius: 0.4rem; box-shadow: 0rem 0rem 0.13rem 0rem rgba(202,202,202,0.28);}
.proapp-list .imgBox {overflow: hidden;background: #ffffff;border-radius: .2rem;}
.proapp-list .imgBox img {width: 100%; transition: .5s;}
.proapp-list .swiper-slide:hover .imgBox  img {transform: scale(1.1);}
.proapp-list .titBox {margin-top: .2rem; display: flex; justify-content: space-between; flex-wrap: wrap;}
.proapp-list .titBox > div {margin-top: .1rem;}
.proapp-list .titBox .tit {font-size: var(--font30);font-weight: 700; color: #333; width: 100%;}
.proapp-list .textCon p {font-weight: 500;color: #666666; font-size: var(--font17); margin-top: .3rem; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#proapp-num {width: 100%;position: relative; background: rgba(158, 158, 158,.2); margin: auto; margin-top: .8rem;}
#proapp-num .swiper-scrollbar-drag {height: 4px; background: #313C80; position: relative; top: 46%;  }
#proapp-num .swiper-scrollbar-drag:before,#proapp-num  .swiper-scrollbar-drag:after {position: absolute; content: ''; width: 14px; height: 14px; background: #313C80; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#proapp-num .swiper-scrollbar-drag:before {z-index: 3;}
#proapp-num .swiper-scrollbar-drag:after {z-index: 1; width: 28px; height: 28px; background: transparent; border:4px solid #313C80; right: -11px; }

.indexThre {position: relative; z-index: 1; overflow: hidden; padding: 1.4rem 0 2.4rem 0;  margin: auto;}
.indexThre .imgbj {content: ""; position: absolute; z-index: 0; left: 0; top: 0; z-index: -1; width: 100%; height: 100%;}
.indexThre .imgbj img {width: 100%; height: 100%; object-fit: unset;}
.indexThre .box {display: flex; justify-content: space-between  ;}
.indexThre .box .le {width: 47%; position: relative;}
.indexThre .box .le::before {content: ""; position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); width: 0.97rem; height: 1.61rem; background: url(../images/indexThre-fxicon.png) no-repeat center; background-size: contain;}
.indexThre .box .re {width: 47%; margin-top: 1rem;}
.indexThre .box .imgBox {border-radius: 1rem; overflow: hidden;}
.indexThre .box .imgBox img {width: 100%;}
.indexThre .tle h3 {font-size: 0.52rem;font-weight: 800;color: #ffffff;}
.indexThre .tle span {color: #ffffff; font-size: var(--font18);margin-top: .1rem; display: block;}
.indexThre ul {display: flex; flex-wrap: wrap; margin-top: .3rem; justify-content: space-between;}
.indexThre ul li {width: 48%; height: 0.77rem; padding: 0 .1rem; box-sizing: border-box ; min-width: auto; border: 1px solid rgba(255, 255, 255,.3);border-radius: 0.1rem; margin: .3rem 0 0 0; color: #ffffff; transition: .5s;}
.indexThre ul li span {margin-left: .2rem;}
.indexThre ul li img {filter: brightness(100); -webkit-filter:brightness(100);}
.indexThre ul li:hover {background: #ffffff;}
.indexThre ul li:hover span {color: #313C80;}
.indexThre ul li:hover img {filter: none; -webkit-filter:none;}
.indexThre .more {margin-top: .6rem;}
.indexThre .more a {background: #009b4c;width: auto;height: 0.75rem; padding: 0 .1rem; display: inline-flex;}
.indexThre .more a span {margin-left: .25rem; margin-right: 0;}
/* .indexThre .more a:hover span {margin-left: 0;} */
.indexThre .more a:hover {box-shadow: 0 0 0.2rem #009b4c;}

.indexFour {padding-bottom: 2.3rem; position: relative;}
.indexFour::after {content: ""; position: absolute; right: .5rem; bottom: .6rem;  background: url(../images/dotsMmatrix-img.png) no-repeat center; background-size: contain; width: 0.97rem; height: 1.61rem;}
.indexFour .svgBox svg {overflow: visible;}
.indexFour .svgBox svg path {stroke-dasharray: 200%;stroke-dashoffset: 0; transition: 6s;}
/* .indexFour .box.on .svgBox svg path {stroke-dashoffset: 0;} */
.indexFour .box {max-width: 2600px; margin: auto; margin-top: 2rem; position: relative;}
.indexFour li {position: absolute;}
.indexFour li .circle {width: 0.33rem;height: 0.33rem; background: #ffffff; border: .1rem solid #5464C9; border-radius: 50%; box-sizing: border-box; position: relative;}
.indexFour li .circle::before {animation: playbtnscale3 2s ease-out infinite; background: #5464C9; opacity: 0.5; animation-delay: 0;}
.indexFour li .circle::before { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 24px; height: 24px; border-radius: 50%; content: ''; z-index: -1;}
@keyframes playbtnscale3 { 0% { transform: translate(-50%, -50%) scale(1); opacity: .9 }100% { transform: translate(-50%, -50%) scale(4.5); opacity: 0;}}
.indexFour li:nth-child(even) .circle::before {animation-delay: 1s;}
.indexFour li .icBox {margin-top: .7rem;}
.indexFour li .num {font-size: 0.72rem; color: #333333; font-family: "AlimamaShuHeiTi"; display: flex; line-height: 1; margin-top: .3rem;}
.indexFour li .num .jia {font-size: .5rem;}
.indexFour li span {display: block;font-weight: 500;color: #565656; font-size: var(--font18); margin-top: .15rem;width: 3.5rem;}
.indexFour li .con {position: absolute; ;top: -2.5rem; left: -.3rem;}
.indexFour li:nth-child(1) {left: 6%;top: 22%;}
.indexFour li:nth-child(2) {left: 31%;top: 13%;}
.indexFour li:nth-child(2) .circle {border-color: #009B4C;}
.indexFour li:nth-child(2) .circle::before {background: #009B4C;}
.indexFour li:nth-child(2) .num {color: #009B4C;}
.indexFour li:nth-child(3) {left: 55%;top:75%;}
.indexFour li:nth-child(4) {left: 80%;top: 89%;}
.indexFour li:nth-child(n+3) .icBox {margin-top: 0;}
.indexFour .dlList {display: none;}
.indexFour .dlList dl {display: flex; flex-wrap: wrap; justify-content: space-between;}
.indexFour .dlList dd {width: 48%;}
.indexFour .dlList dd .icBox {margin-top: .7rem;}
.indexFour .dlList dd .icBox img {max-width: .6rem;}
.indexFour .dlList dd .num {font-size: 0.5rem; color: #333333; font-family: "AlimamaShuHeiTi"; display: flex; line-height: 1; margin-top: .3rem;}
.indexFour .dlList dd .num .jia {font-size: .5rem;}
.indexFour .dlList dd span {display: block;font-weight: 500;color: #565656;  margin-top: .15rem;}


.indexFive {background: #f8fbfe; padding: 1rem 0; position: relative;}
.indexFive::after {content: ""; position: absolute; left: .5rem; bottom: -.5rem;  background: url(../images/dotsMmatrix-img.png) no-repeat center; background-size: contain; width: 0.97rem; height: 1.61rem;}
.indexFive .indexTle {text-align: center; padding-bottom: .7rem;}
.indexFive .swiperBox {position: relative;}
.indexFive .swiperBox .container {width: 1400px;}
.infiveSwiper {padding-left: 40px; position: static;}
.infiveSwiper .imgBox {position: relative;}
.infiveSwiper .pic {background: #e8e1ef;border-radius: 0.2rem; overflow: hidden;}
.infiveSwiper .pic img {width: 100%; transition: .5s;}
.infiveSwiper .imgBox .time {width: 1rem; height: 1rem; min-width: 80px; min-height: 80px; padding-left: .1rem; padding-top: .1rem; text-align: center;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); background: url(../images/infive-time-bj.png) no-repeat center; background-size: contain;}
.infiveSwiper .imgBox .time .month {font-size: var(--font30);font-weight: 500;color: #ffffff; line-height: 1;   font-family: "LexMedium";}
.infiveSwiper .imgBox .time .yaer {font-size: var(--font14);color: #ffffff; display: block; margin-top: 2px;}
.infiveSwiper h5 {font-weight: 800;color: #333333; font-size: var(--font20); margin-top: .3rem; transition: .5s;}
.infiveSwiper .swiper-slide p {margin-top: .2rem; font-size: var(--font14);color: #4d4d4d;}
.infiveSwiper .swiper-slide .more {color: #a3a3a3;font-size: var(--font14); position: relative;margin-top: .3rem; display: inline-block; border-bottom: 1px solid #A3A3A3; padding-bottom: 5px;}
.infiveSwiper .swiper-slide .more::after {content: ""; bottom: -1px; width: 0; height: 1px;background: #313C80;position: absolute; left: 0; transition: .5s;}
.infiveSwiper .swiper-slide:hover h5 {color: #313C80;}
.infiveSwiper .swiper-slide:hover .pic img {transform: scale(1.1);}
.infiveSwiper .swiper-slide:hover .more {color: #313C80;}
.infiveSwiper .swiper-slide:hover .more::after {width: 100%;}
.infiveSwiper .swjt {width: 1rem;height: 1rem; border: 1px solid #5b2e91; border-radius: 50%; right: .6rem;}
.infiveSwiper .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: .6rem;}
.infiveSwiper .swiper-pagination {bottom: -.6rem; display: none;}
.infiveSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #5b2e91;}

/* =====底部===== */
.footer {padding: 1.3rem 0 0 0; background: url(../images/footer-bj.jpg) no-repeat center; background-size: cover;}
.demand .tle {text-align: center;}
.demand .tle h3 {font-size: 0.5rem;font-weight: 800;color: #ffffff;}
.demand .tle span {color: #ffffff;font-weight: 500; font-size: var(--font18);}
.demand form {position: relative; width: 7.71rem;height: 0.89rem;  margin: auto;margin-top: .7rem; background: #ffffff; border-radius: 45px; box-shadow: 0rem 0rem 0.29rem 0rem rgba(162,77,5,0.31); }
.demand form input {height: 100%; width: calc(100% - 1.5rem); padding: 0 .45rem; box-sizing: border-box;}
.demand form button {width: 1.38rem; height: 0.72rem; background: #009b4c; border-radius: 0.36rem; color: #fff; position: absolute; left: calc(100% - 0.15rem); top: 50%; transform: translate(-100%, -50%);z-index: 1; cursor: pointer;}
.demand form button:active {background: #026b35;}
.foterBox {position: relative; padding-bottom: .7rem; margin-top: .6rem; z-index: 1; padding-top: 1.8rem;}
.foterBox .bjBox {position: absolute; bottom: 0; left: 0; width: 100%; height: 100%; z-index: -1;}
.foterBox .bjBox img {width: 100%; object-fit: unset; height: 100%;}
.foterBox .box {display: flex; justify-content:flex-start; flex-wrap: wrap;}
.foterlogo {}
.foterlinks {margin-top: .4rem;}
.foterlinks ul {display: grid; grid-template-columns: repeat(4,auto); gap: .2rem;}  
.foterlinks li {width: 0.56rem; height: 0.56rem; min-width: 40px;min-height: 40px; border: 0.01rem solid rgba(242, 242, 242,.23); border-radius: 50%; transition: .5s;}
.foterlinks li a {display: flex; align-items: center; justify-content: center; width: 100%; height: 100%;}
.foterlinks li a img {max-width: 45%;}
.foterlinks li:hover {background: #009B4C; border-color: #009B4C;}
.copyRight {margin-top: .25rem;}
.copyRight p ,.copyRight p a {font-weight: 500;color: rgba(255, 255, 255,.6); font-size: var(--font14);}
.copyRight p a:hover {color: #fff;}
.copyRight .jsydl {margin-top: .45rem;}
.copyRight .jsydl a:nth-child(2) {display: block;}
.foterdl {display: flex; width: 70%; margin-top: .5rem;}
.foterdl > div {margin-right: .85rem;}
.foterdl > dl {margin-right: 1rem; width: 48%;}
.foterdl > dl:nth-child(2) {margin-right: .5rem;}
.foternav {width: 40%;justify-content: space-between; margin-left: 13%;}
.foterdl dl dt {font-size: var(--font22);color: #ffffff;font-weight: 700; position: relative; padding-bottom: .1rem; display: inline-block; margin-bottom: .2rem; white-space: nowrap;}
.foterdl dl dt::before {content: "";height: 1px;opacity: 0.26;background: #ffffff; position: absolute; bottom: 0; left: 0;  width:1.6rem;}
.foternav dl dd {margin: .1rem 0;}
.foternav dl dd a {font-size: var(--font14);font-weight: 500; color: rgba(255, 255, 255,.7); }
.foternav dl dd a:hover {color: #fff;}
.fotercon .adress p {margin: .15rem 0;}
.fotercon .adress p , .fotercon .adress a {font-size: var(--font14);font-weight: 500; color: rgba(255, 255, 255,.7);}
.fotercon .adress a:hover {color: #fff;}
.searcargo {margin-top: .1rem;}
.searcargo form .inBox {display: flex; width: 4rem;height: 0.55rem; min-height: 40px; background: rgba(255, 251, 248,.12); border-radius: 0.05rem; position: relative;}
.searcargo form .inBox input {width: calc(100% - .5rem); height: 100%; padding:0 .2rem; color: #fff;}
.searcargo form .inBox input::placeholder {color: #fff; font-size: var(--font15);}
.searcargo form .inBox .icBox {position: absolute; left: calc(100% - 0.1rem); top: 50%; transform: translate(-100%, -50%);}
.searcargo form button {width: 1.18rem;height: 0.45rem;min-width: 90px; min-height: 36px; background: #10884b;border-radius: 25px; margin-top: .25rem; color: #fff;font-weight: 700; cursor: pointer;}
.searcargo form button:active {background: #016431;}



/* =========================================================================================内页============================================================================ */
/* 内页banner */
.ny-banner {position: relative; overflow: hidden; z-index: 1;}
.ny-banner .imgBox {overflow: hidden; height: 100%; position: relative; z-index: 0; padding-bottom: .4rem;}
.ny-banner .imgBox img {width: 100%; height: 100%; object-fit: cover; min-height: 3.2rem; position: relative; z-index: 2;}
.ny-banner .imgBox::after {content: "";background: url(../images/ny-banner-bj.png) no-repeat center; background-size: 100% 100%;  position: absolute;z-index: -1;width: 100%; height: 100%;bottom: 1rem; opacity: 0; left: 0;  transition: 1s;transition-delay: 1s;}
.ny-banner .con {margin: 0 1rem; top: 55%;}
.ny-banner .banTle {margin-top: .5rem;}
.ny-banner .banTle h2 {font-size: 0.7rem;font-weight: 700;color: #ffffff;}
.ny-banner .banTle span {font-size: var(--font22);color: #ffffff;display: block;}
.ny-banner.on .imgBox::after {bottom: 0; opacity: 1;}

/* 面包屑 */
.mbx {color: #FFFFFF;}
.mbx a {color: #FFFFFF;display: inline-block; margin: 5px 5px 0 5px;}
.mbx a:last-child , .mbx a:hover {color: #009B4C;}



/* ====关于我们===== */
.aboutOne {padding: 1rem 0;}
.aboutOne ul {display: flex; justify-content: space-between; padding: 0 .6rem; box-sizing: border-box;}
.aboutOne li .num {font-size: 0.84rem;font-weight: 400; font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;color: #1157ae;}
.aboutOne li .num .counter {display: inline-block;}
.aboutOne li {text-align: center;}
.aboutOne li span {color: #565656; display: block; font-size: var(--font18);margin-top: .1rem;}

.aboutTwo {padding: 1.2rem 0;background: #f8fbfe;}
.aboutTwo .box {display: flex; align-items: center; justify-content: space-between;}
.aboutTwo .le {position: relative; width: 48%;}
.aboutTwo .le::after {content: ""; position: absolute; left: 100%; top: 50%; transform: translate(-50%, -50%);height: 0; width: 0.08rem;background: #009b4c; border-radius: 0.04rem; transition: .8s;}
.aboutTwo .le .imgBox {background: #25292c;border-radius: 0.5rem; overflow: hidden;}
.aboutTwo .le .imgBox img {width: 100%;}
.aboutTwo .re {width: 47%;}
.aboutTwo .re h4 {font-size: 0.55rem;color: #333333;font-weight: 700;}
.aboutTwo .re .text {margin-top: .5rem;}
.aboutTwo .re .text p {color: #666666;font-weight: 500; line-height: 1.8;}
.aboutTwo .box.on .le::after {height: 60%;}

.aboutThre {padding: 1rem 0 1.3rem 0;}
.aboutThre .tleBox {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.aboutThre .tleBox h3 {font-size: 0.55rem;font-weight: 700;color: #232429; display: inline-block; position: relative;}
.aboutThre .tleBox h3::after {content: "";width: 6px;height: 6px; background: #f58220; position: absolute; right: -5%; bottom: 20%;}
.aboutThre .tleBox span {font-weight: 400;color: #484848;display: block;}
.aboutThre .more {margin-top: .15rem;}
.aboutThre .more a {width: auto;height: 0.75rem; padding: 0 .1rem;}
.aboutThre .more a span {margin-left: .25rem; margin-right: 0; color: #fff; font-size: var(--font18);}
/* .aboutThre .more a:hover span {margin-left: .35rem;} */
.aboutThre ul {display: flex; flex-wrap: wrap;margin-top: .5rem; justify-content: space-between;}
.aboutThre li {padding: .6rem .45rem; padding-bottom: .9rem; margin-top: .3rem;width: 22%;border-radius: 0.2rem; box-shadow: 0rem 0.12rem 0.27rem 0rem rgba(193,199,203,0.17); position: relative;z-index: 1; overflow: hidden;}
.aboutThre li::after {content: ""; z-index: -1; position: absolute; top: 0; width: 0; height: 100%; left: auto; right: 0; transition: .5s;background: #313c80;}
.aboutThre li h5 {font-weight: 500; font-size: var(--font24);color: #232429; margin-top: .3rem; transition: .5s; line-height: 1.25;}
.aboutThre li p {margin-top: .3rem;color: #666666;line-height: 1.7; transition: .5s;}
.aboutThre li:hover::after {left: 0; right: auto; width: 100%;}
.aboutThre li:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.aboutThre li:hover h5 {color: #fff;}
.aboutThre li:hover p {color: #fff;}

.aboutFour {background: #f8fbfe; padding: .6rem 0; padding-bottom: 1.5rem;}
.aboutFour .tle h3 {font-size: 0.55rem;font-weight: 700; color: #232429; text-align: center; position: relative;}
.aboutFour .mapBox {display: flex; justify-content: center;}
.aboutFour .mapBox .map {display: inline-block; margin-top: .8rem; position: relative;}
.aboutFour .mapBox .map img {max-width: 100%;}
.aboutFour .mapBox li {position: absolute;}
.aboutFour .mapBox li i {position: relative;}
.aboutFour .mapBox li i::before {content: ""; width: 0.1rem;height: 0.1rem;background: #009b4c; border-radius: 50%; display: block; z-index: 1; position: relative; transform: translate(-50%, -50%) scale(1);}
.aboutFour .mapBox li i::after { content: ""; position: absolute; width: 100%; height: 100%; left: 0;top: 0; background: #009b4c; border-radius: 50%; z-index: 0;transform:translate(-50%, -50%) scale(1); animation: scale 2s infinite;;}
@keyframes scale {0% {transform:translate(-50%, -50%) scale(1);  opacity: .3; } 100% { transform:translate(-50%, -50%) scale(4); opacity: 0;}}
.aboutFour .mapBox li:nth-child(even) i::after {animation-delay: 1s;}
.aboutFour .mapBox li:nth-child(1) {left: 17%;top: 28%;}
.aboutFour .mapBox li:nth-child(2) {left: 78%;top: 39%;}
.aboutFour .mapBox li:nth-child(3) {left: 80%;top: 43%;}
.aboutFour .mapBox li:nth-child(4) {left: 76.5%;top: 54%;}
.aboutFour .mapBox li:nth-child(5) {left: 79%;top: 51%;}
.aboutFour .mapBox li:nth-child(6) {left: 78%;top: 52%;}
.aboutFour .swiperBox {margin-top: .3rem; position: relative;}
.abfourSwiper {position: static;}
.abfourSwiper .swiper-slide h5 {font-size: var(--font22); color: #333; transition: .4s;}
.abfourSwiper .swiper-slide p {color: #666; margin-top: .25rem;}
.abfourSwiper .swiper-slide span {color: #009b4c;display: block; margin-top: .3rem;}
.abfourSwiper .swiper-pagination {bottom: 0; width: auto; position: relative; display: inline-block;}
.abfourSwiper .swiper-pagination span {background: #313c80;}
.abfourSwiper .swiperPage {text-align: center; position: absolute;width: 100%; text-align: center; bottom: -.8rem;}
.abfourSwiper .swiperPage .pageBox {position: relative;width: auto;display: inline-block;}
.abfourSwiper .swjt {transform: translateX(100%); right: 0; top: 58%;}
.abfourSwiper .swjt.swiper-button-prev {left: 0; right: auto; transform: rotate(180deg) translateX(100%);}
.abfourSwiper .swiper-slide:hover h5 {color: #009B4C;}


/* =====解决方案===== */
.soulOne {padding: 1rem 0; overflow: hidden;}
.soulOne .tle {text-align: center;}
.soulOne .tle h3 {font-size: 0.5rem;color: #333333;font-weight: 700;}
.soulOne .box {margin-top: .7rem; position: relative;}
.soulOneSwiper {position: static; padding: .15rem 0;}
.soulOneSwiper .swiper-slide {height: auto;padding: .2rem; padding-bottom: .5rem; background: #ffffff; border-radius: 0.4rem; box-shadow: 0rem 0rem 0.13rem 0rem rgba(202,202,202,0.28);}
.soulOneSwiper .imgBox {overflow: hidden;background: #ffffff;border-radius: .2rem;}
.soulOneSwiper .imgBox img {width: 100%; transition: .5s;}
.soulOneSwiper .swiper-slide:hover .imgBox  img {transform: scale(1.1);}
.soulOneSwiper .slideTle {text-align: center; margin-top: .4rem;}
.soulOneSwiper .slideTle h5 {font-size: var(--font28);font-weight: 700;color: #333333;}
.soulOneSwiper .slideTle span {color: #6f6f6f;display: block;margin-top: .15rem;}
#proapp-num2 {width: 80%;position: relative; background: rgba(158, 158, 158,.2); margin: auto; margin-top: .8rem;}
#proapp-num2 .swiper-scrollbar-drag {height: 4px; background: #313C80; position: relative; top: 46%;  }
#proapp-num2 .swiper-scrollbar-drag:before,#proapp-num2  .swiper-scrollbar-drag:after {position: absolute; content: ''; width: 14px; height: 14px; background: #313C80; border-radius: 50%; right: 0; top: 50%; transform:  translateY(-50%);}
#proapp-num2 .swiper-scrollbar-drag:before {z-index: 3;}
#proapp-num2 .swiper-scrollbar-drag:after {z-index: 1; width: 28px; height: 28px; background: transparent; border:4px solid #313C80; right: -11px; }

.soulTwo {background: #f8fbfe;padding: 1rem 0; padding-bottom: 1.35rem; position: relative;}
.soulTwo::after {content: ""; position: absolute; left: .5rem; bottom: -1rem;  background: url(../images/dotsMmatrix-img.png) no-repeat center; background-size: contain; width: 0.97rem; height: 1.61rem;}
.soulTwo .container {width: 1500px;}
.soulTwo .tit {font-size: 0.5rem;font-weight: 700;color: #333333; text-align: center;}
.soulTwo ul {margin-top: .7rem;display: flex; flex-wrap: wrap;justify-content: space-between;}
.soulTwo li {width: 49%;background: #ffffff;border-radius: 0.1rem; margin-top: .22rem;}
.soulTwo li a {display: flex; padding: .3rem; box-sizing: border-box; justify-content: space-between;}
.soulTwo li .imgBox {overflow: hidden;background: #5b2e91; border-radius: 0.1rem; width: 33%;}
.soulTwo li .imgBox img {width: 100%; transition: .5s; height: 100%; object-fit: cover;}
.soulTwo li .con {width: 60%;}
.soulTwo li h6 {font-size: var(--font30);color: #333333;font-weight: 700;margin-top: .3rem; transition: .5s; line-height: 1.2;}
.soulTwo li span {font-weight: 500;color: #6f6f6f; display: block; margin-top: 1.6px;}
.soulTwo li em {color: #313c80; display: block; margin-top: .35rem;}
.soulTwo li:hover .imgBox img {transform: scale(1.1);}
.soulTwo li:hover h6 {color: #313c80;}

/* =====查询货物===== */
.queryMain .container {width: 1450px;}
.queryOne {margin: 1.2rem 0;}
.queryOne .box {padding: .8rem 1rem; background: #ffffff; border-radius: 0.3rem; box-shadow: 0rem 0rem 0.31rem 0rem rgba(156,156,156,0.10); }
.queryOne .tle {text-align: center;}
.queryOne .tle strong {font-size: 0.6rem;font-weight: 700;color: #333333; display: block;}
.queryOne .tle span {font-size: var(--font22);font-weight: 500;color: #333333; display: block;}
.queryform {margin-top: .4rem;}
.queryform {display: flex; flex-wrap: wrap; justify-content: space-between;}
.queryform input , .queryform label {margin-top: .24rem;}
.queryform label {width: 32.5%; position: relative;}
.queryform label::after {display: none; content: ""; padding-right: .35rem; position: absolute; background: url(../images/down-jt.png) no-repeat center; background-size: contain; width: 12px; height: 8px;position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);}
.queryform label input {width: 100%; margin-top: 0;}
.queryform input {padding: 0 .3rem; width: 32.5%; height: 0.76rem; min-height: 60px; background: #fafafa; border: 1px solid #d8d8d8; border-radius: 0.1rem;}
.queryform input::placeholder {color: rgba(80, 80, 80,.54);}
.queryform input:-moz-placeholder {color: rgba(80, 80, 80,.54);}
.queryform input::-webkit-input-placeholder {color: rgba(80, 80, 80,.54);}
.queryOne form .sub { margin-top: .6rem; display: flex; justify-content: center;}
.queryOne form .sub button {width: 1.97rem; height: 0.62rem;  background: #009b4c; border-radius: 0.31rem; color: #fff; font-size: var(--font18); cursor: pointer;}
.queryOne form .sub button:active {background: #016431;}
.queryOne .tbaleBox {overflow-x: auto;margin-top: .4rem;}
.queryOne .tbaleBox table { width: 100%; min-width: 920px; text-align: center;border: 1px solid #DEDFDE; font-size: var(--font14);}
.queryOne .tbaleBox table tr th {width: 7%}
.queryOne .tbaleBox table tr th:last-child {width: 12%;} 
.queryOne .tbaleBox table tr th , .queryOne table tr td {padding: 5px;}
.queryOne .tbaleBox thead {background: #009b4c; color: #fff;}
.queryOne .tbaleBox table tr:nth-child(even) {background: #eee;}
.queryOne .tbaleBox table tbody tr:hover {background: #e7e7e7;}

.queryTwo {background: #f6f8fb; padding: 1rem 0 1.25rem 0;}
.queryTwo .tle {text-align: center;font-size: 0.5rem;font-weight: 700;color: #333333;}
.queryTwo ul {margin-top: .8rem;}
.queryTwo li {padding: .24rem 0; border-bottom: 1px solid #E1E1E1; cursor: pointer;}
.queryTwo li .f_tit {position: relative;}
.queryTwo li .f_tit .tit {font-size: var(--font20);font-weight: 500; color: #333; position: relative; display: flex; align-items: center; padding-right: .6rem;}
.queryTwo li .f_tit .tit::before {margin-right: .2rem; content: "Q"; font-family: "LexMedium";  width: 0.46rem; height: 0.46rem;min-height: 36px; min-width: 36px; color: #313C80;background: #ffffff; border-radius: 50%; flex-shrink: 0; display: inline-flex; align-items: center; justify-content: center;}
.queryTwo li .jut {display: none;}
.queryTwo li .jut .font {width: 100%; padding: 0.25rem 0; padding-left: .6rem; color: #666666; line-height: 1.6;}
.queryTwo li .but {position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); padding-right: .2rem;}
.queryTwo li .but svg {transition: .5s;}
.queryTwo li.on .but svg {transform: rotate(90deg);}

/* 货物跟踪 */
.cargoMain .container {width: 1450px;}
.cargoBox {margin: 1rem 0 1.5rem 0;} 
.cargoBox .box {padding: .8rem 2.25rem 1.5rem 2.25rem;background: #ffffff; border-radius: 0.3rem; box-shadow: 0rem 0rem 0.31rem 0rem rgba(156,156,156,0.10); }
.cargoBox .box .tle {text-align: center;}
.cargoBox .box .tle h3 {font-size: 0.6rem;font-weight: 700;color: #333333;}
.cargoBox .box .tle span {display: block;font-size: var(--font22);color: #333333;font-weight: 500;}
.cargoBox .box form {margin-top: .8rem;}
.cargoBox .box form {height: 0.59rem; min-height: 45px; background: #ffffff;border: 1px solid #e7e7e7;border-radius: 0.05rem; position: relative; display: block;}
.cargoBox .box form img {position: absolute; left: 0; top: 40%; transform: translate(-50%, -50%); max-width: .7rem;}
.cargoBox .box form input {width: calc(100% - 1.4rem); height: 100%; padding: 0 .75rem;}
.cargoBox .box form button {width: 1.38rem;height: 100%;background: #323c81;border-radius: 0.05rem;position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%); color: #fff; cursor: pointer;}
.cargoBox .box form button:active {background: #006af4;}
.cargoBox .box form input::placeholder {font-size: var(--font15);color: rgba(56, 56, 56,.54);}
.cargoBox .box .formcon {margin-top: .5rem;}

/* 服务区域 */
.seareaMain {padding: 1rem 0 1.2rem 0;}
.seareaMain .container {width: 1450px;}
.seareaOne .box {display: flex; justify-content: space-between;}
.seareaOne .le {width: 72%; padding-right: 5.5%; position: relative;}
.seareaOne .le .mapBox {position: relative;overflow: hidden; width: 100%;}
.seareaOne .le .mapBox > img {width: 100%; float: left;}
.seareaOne .mapBox li {position: absolute; top: 0;left: 0;} 
.seareaOne .mapBox li img {display: block;max-width: .5rem;}
.seareaOne .mapBox .li1 {left: 13%;top: 22%;}/* 欧洲 */
.seareaOne .mapBox .li2 {left: 76%;top: 16%;} /* 加拿大 */
.seareaOne .mapBox .li3 {left: 63%;top: 13%;} /* 美国 */
.seareaOne .mapBox .li4 {left: 90%;top: 57%;}/* 南美洲 */
.seareaOne .mapBox .li5 {left: 13%;top: 45%;}/* 非洲 */
.seareaOne .mapBox .li6 {left: 20%;top: 35%;}/* 中东 */
.seareaOne .mapBox .li7 {left: 43%;top: 63%;}/* 澳洲 */
.seareaOne .re {width: 30%;position: relative;}
.seareaOne .re li { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); background-color: #fff;}
.seareaOne .re li .item {width: 100%;padding: 0.2rem;}
.seareaOne .re li .item .img { width: 100%; position: relative; padding-bottom: 50%;}
.seareaOne .re li .item .img img {height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.seareaOne .re li .item .font { width: 100%;padding: 0.24rem 0 0.4rem;}
.seareaOne .re li .item .tit {font-size: var(--font18);color: #333333;font-weight: 700;}
.seareaOne .re li .item .text {color: #333;margin-bottom: 0.12rem; font-size: var(--font14);margin-top: .2rem;}
.seareaOne .re li .item .text .li {margin-top:7px;}

/* 大洲切换功能样式 */
/* .branchbox .jut {position: relative;z-index: 6;max-width: 985px;}
.branchbox .jut .form {display: flex;flex-wrap: wrap; margin: 0 -0.1rem;}
.branchbox .jut .form .item { width: 38%;}
.branchbox .jut .form .item, .branchbox .jut .form .but {padding: 0 0.1rem;}
.branchbox .jut .form .but {width: 16.5%;}
.branchbox .jut .form .item select, .branchbox .jut .form .but select, .branchbox .jut .form .item .fz_but, .branchbox .jut .form .but .fz_but { width: 100%; height: 58px; border: 0;}
.branchbox .jut .form .item select, .branchbox .jut .form .but select { background: #f8f8f8 url(../images/down-jt.png) no-repeat;background-position: 95% center; padding: 0.12rem 0.2rem; background-size: 0.1rem; color: #333333;}
.branchbox .jut .form .item .fz_but, .branchbox .jut .form .but .fz_but {background-color: #313C80; color: #fff; cursor: pointer;}
.branchbox .cont {display: flex;align-items: flex-start;width: 100%; margin-top: .6rem;}
.branchbox .cont .lt {width: 72%; padding-right: 5.5%; position: relative;}
.branchbox .cont .lt .pictrue {position: absolute; top: 0;left: 0; width: 100%; opacity: 0; visibility: hidden;}
.branchbox .cont .lt .active {position: relative; opacity: 1; visibility: visible; z-index: 2;}
.branchbox .cont .lt .pictrue .fz_img {overflow: hidden; width: 100%;}
.branchbox .cont .lt .pictrue .fz_img img {width: 100%; float: left;}
.branchbox .cont .lt .pictrue .item {visibility: hidden;opacity: 0;}
.branchbox .cont .lt .pictrue .item.fz_active {visibility: visible;opacity: 1;}
.branchbox .cont .lt .pictrue .li {position: absolute; top: 0;left: 0;} */
/* 中国地图 */
/* .branchbox .cont .lt .china { max-width: 9rem; margin: 0 auto; width: 100%; margin-top: -0.7rem;}
.branchbox .cont .gt { width: 30%;position: relative;}
.branchbox .cont .gt .fz_moble {position: absolute;top: 0; left: 0; width: 100%; opacity: 0; visibility: hidden;}
.branchbox .cont .gt .active {position: relative;opacity: 1;visibility: visible; z-index: 2;}
.branchbox .cont .gt .branchbox_cont { box-shadow: 0px 5px 20px 0px rgba(0, 0, 0, 0.1); background-color: #fff;}
.branchbox .cont .lt .pictrue .item .wei1 {top: 30%;left: 72%;}
.branchbox .cont .lt .pictrue .item .wei2 {top: 39%;left: 79%;}
.branchbox .cont .lt .pictrue .item .wei3 {top: 41%;left: 80%;}
.branchbox .cont .lt .pictrue .item .wei4 {top: 29%;left: 80.4%;}
.branchbox .cont .gt .branchbox_cont ul li {display: none; }
.branchbox .cont .gt .branchbox_cont ul li:first-child {display: block;}
.branchbox .cont .gt .branchbox_cont .item {width: 100%;padding: 0.2rem;}
.branchbox .cont .gt .branchbox_cont .item .img { width: 100%; position: relative; padding-bottom: 50%;}
.branchbox .cont .gt .branchbox_cont .item .img img {height: 100%;width: 100%;object-fit: cover;position: absolute;top: 0;left: 0;}
.branchbox .cont .gt .branchbox_cont .item .font { width: 100%;padding: 0.24rem 0 0.4rem;}
.branchbox .cont .gt .branchbox_cont .item .tit {font-size: var(--font18);color: #333333;font-weight: 700;}
.branchbox .cont .gt .branchbox_cont .item .text {color: #333;margin-bottom: 0.12rem; font-size: var(--font14);margin-top: .2rem;}
.branchbox .cont .gt .branchbox_cont .item .text .li {margin-top:7px;} */

/* =====售后支持===== */
.salesMain .container {width: 1450px;}
.salesTle h3 {font-size: 0.5rem;font-weight: 700;color: #333333;}

.salesOne {padding: .7rem 0 1.2rem 0; position: relative; z-index: 0; max-width: 2680px; margin: auto;}
.salesOne .bjBox {position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: -1;}
.salesOne .bjBox img {width: 100%; height: 125%; object-fit: cover;transform: translateY(-20%);}
.salesOne .box {display: flex; justify-content: space-between;}
.salesOne .le {width: 45%; margin-top: .8rem;}
.salesOne .le .xian {height: 1px;background: #313c80;width: 100%;  margin-top: .25rem;}
.salesOne .le .p1 {font-size: var(--font30);font-weight: 500;color: #333333; margin-top: .5rem;}
.salesOne .le .p2 {margin-top: .1rem;}
.salesOne .le .p2 , .salesOne .le .p2 a {font-size: var(--font20); color: #333; }
.salesOne .le .p2 a:hover {color: #313C80;}
.salesOne .le .more {margin-top: .6rem;}
.salesOne .re {width: 50%;}
.salesOne .re .imgBox {background: #251d2f;border-radius: 0.3rem; overflow: hidden;}
.salesOne .re .imgBox img {width: 100%;}

.salesTwo {padding: 1rem 0;}
.salesTwo .salesTle {text-align: center;}
.salesTwo ul {margin-top: .65rem; display: grid; grid-template-columns: repeat(3,1fr); gap: .35rem;}
.salesTwo li { transition: .5s;}
.salesTwo li a {background: #f9f9f9;border-radius: 0.1rem;padding: .5rem .35rem; box-sizing: border-box;}
.salesTwo li span {color: #333333; font-size: var(--font18); margin-right: .2rem;}
.salesTwo li:hover {transform: translateY(-.1rem);}

/* =====新闻列表===== */
.newsMain .container {width: 1450px;}
.newslist {margin: 1rem 0 1.5rem 0;}
.newslist ul {display: grid; grid-template-columns: repeat(3,1fr); gap: 1rem;}
.newslist ul li .imgBox {position: relative;}
.newslist ul li .pic {background: #e8e1ef;border-radius: 0.2rem; overflow: hidden;}
.newslist ul li .pic img {width: 100%; transition: .5s;}
.newslist ul li .imgBox .time {width: 1rem; height: 1rem; min-width: 80px; min-height: 80px; padding-left: .1rem; padding-top: .1rem; text-align: center;position: absolute; left: 0%; top: 50%; transform: translate(-50%, -50%); background: url(../images/newslist-time-icon.png) no-repeat center; background-size: contain;}
.newslist ul li .imgBox .time .month {font-size: var(--font30);font-weight: 500;color: #ffffff; line-height: 1;   font-family: "LexMedium";}
.newslist ul li .imgBox .time .yaer {font-size: var(--font14);color: #ffffff; display: block; margin-top: 2px;}
.newslist ul li h5 {font-weight: 800;color: #333333; font-size: var(--font20); margin-top: .3rem; transition: .5s;}
.newslist ul li p {margin-top: .2rem; font-size: var(--font14);color: #4d4d4d; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.newslist ul li .more {color: #a3a3a3;font-size: var(--font14); position: relative;margin-top: .3rem; display: inline-block; border-bottom: 1px solid #A3A3A3; padding-bottom: 5px;}
.newslist ul li .more::after {content: ""; bottom: -1px; width: 0; height: 1px;background: #313C80;position: absolute; left: 0; transition: .5s;}
.newslist ul li:hover h5 {color: #313C80;}
.newslist ul li:hover .pic img {transform: scale(1.1);}
.newslist ul li:hover .more {color: #313C80;}
.newslist ul li:hover .more::after {width: 100%;}
/* .infiveSwiper .swjt {width: 1rem;height: 1rem; border: 1px solid #5b2e91; border-radius: 50%; right: .6rem;}
.infiveSwiper .swjt.swiper-button-prev {transform: rotate(180deg); right: auto; left: .6rem;}
.infiveSwiper .swiper-pagination {bottom: -.6rem; display: none;}
.infiveSwiper .swiper-pagination .swiper-pagination-bullet-active {background: #5b2e91;} */

/* 新闻详情 */
.newsDateMain {background: #f9f9f9; padding: 2rem 0 1rem 0; position: relative;}
.newsDateMain::after {content: ""; position: absolute; left: .5rem; bottom: -1rem;  background: url(../images/dotsMmatrix-img.png) no-repeat center; background-size: contain; width: 0.97rem; height: 1.61rem;}
.newsDateMain .mbx {color: #333;}
.newsDateMain .mbx a {color: #333;}
.newsxq-box {padding: 0.5rem 0; margin-bottom: 0.44rem; display: flex; justify-content: space-between; align-items: flex-start;}
.news-left {width: 70%;}
.news-left .newsCon {background: #ffffff;border-radius: 10px;box-shadow: 0rem 0rem 0.4rem 0rem rgba(226,225,224,0.42); padding: .7rem; box-sizing: border-box;}
.newsxq-title {border-bottom: 0.01rem solid #ddd; padding-bottom: 0.4rem;}
.newsxq-title strong {display: block; font-size: 0.4rem; color: #000; font-weight: 500;margin-bottom: 0.5rem;}
.newsxq-title span {display: block; font-size: var(--font16); color: #777;}
.newsxq-editbox {margin: .3rem 0;}
.newsxq-editbox img {max-width: 100%;}
.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 #eeeeee;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: #46b248; border-color: #46b248; }
.newsxq-page a:hover svg path {fill: #fff;}
.newsxq-box .news-right {width: 28%;background: #fff; border-radius: 15px;box-shadow: 0rem 0rem 0.3rem 0rem rgba(226,225,224,0.42); padding: .4rem; padding-bottom: .8rem; box-sizing: border-box; position: relative;}
.newsxq-box .news-right {position: sticky; top: 1.5rem;}
.newsDate .relist li a {display: flex; justify-content: space-between;}
.newsDate .relist .reImg {width: 33%;border-radius: 5px; overflow: hidden;}
.newsDate .relist .reImg img {width: 100%;    height: 100%;object-fit: cover; transition: .35s;}
.newsDate .relist .recon {width: 60%;}
.newsDate .relist li {margin-top: .3rem;}
.newsDate .relist span {color: #999999; font-size: var(--font14);}
.newsDate .relist h6 {color: #333333; font-size: var(--font18); transition: .35s; font-weight: 700;}
.newsDate .relist li:hover h6 {color: #46b248;}
.newsDate .relist li:hover .reImg img {transform: scale(1.05);}
.newsDate .news-right ::after {content: ""; background: #46B248; width: 65%; position: absolute; left: 50%; bottom: -1%; height: .07rem; border-radius: 4px; transform: translate(-50%, -50%);}

/* =====联系我们===== */
.contactMain .container {width: 1450px;}
.contactOne {margin: 1.2rem 0 2rem 0;}
.contactOne .box {padding: 1rem 0; background: #ffffff; border-radius: 0.2rem;  box-shadow: 0rem 0.06rem 1.01rem 0rem rgba(135,135,135,0.15); }
.contactOne .box {display: flex; justify-content: space-between;}
.contactOne .item {padding: 0 .35rem 0 .65rem; position: relative; width: 33%;}
.contactOne .item::after {content: ""; width: 1px; height: 110%; background: #d7d7d7;right: 0; position: absolute;top: 0;}
.contactOne .item:nth-child(3)::after {display: none;}
.contactOne .item h6 {font-weight: 700; font-size: var(--font24);color: #333333; margin-bottom: .2rem;}
.contactOne .item dd {display: flex;margin-top: .2rem;}
.contactOne .item dd .icBox {margin-right: .12rem;}
.contactOne .item dd p , .contactOne .item dd p a {color: #333333;}
.contactOne .item dd p a:hover {color: #46B248;}

.contactTwo {background: url(../images/contactTwo-bj.jpg) no-repeat center; background-size: cover; padding: .8rem 0;}
.contactTwo .container {max-width: 70%;}
.contactTwo .tle {text-align: center;font-size: 0.5rem;font-weight: 700;color: #333333;}
.contactTwo form {margin: auto;margin-top: .6rem; max-width: 1100px;display: flex; flex-wrap: wrap; justify-content: space-between; }
.contactTwo form label {margin-top: .2rem; display: block; width: 49%;height: 0.76rem; min-height: 50px; background: #ffffff;border: 0.01rem solid #e7e7e7;border-radius: 0.1rem; position: relative;}
.contactTwo form label i {font-style: normal; position: absolute; left: 100%; top: 50%; transform: translate(-100%, -50%);color: #ff0000; font-size: var(--font18); padding-right: .2rem;}
.contactTwo form input {width: 100%; height: 100%;padding: 0 .35rem; padding-right: .45rem; box-sizing: border-box;}
.contactTwo form input::placeholder {color: #505050; opacity: .5;}
.contactTwo form label img {position: absolute; height: 100% !important;}
.contactTwo .lastlable {width: 100%;}
.contactTwo .lastlable select {width: 100%;height: 100%; border: 0; background: url(../images/down-jt.png) no-repeat;background-position: 95% center; padding: 0.12rem 0.2rem; color: #333333;}
.contactTwo .sub {display: flex; justify-content: center; margin-top: .5rem; width: 100%;}
.contactTwo .sub button {width: 1.97rem; height: 0.62rem; min-width: 110px;min-height: 40px; background: #313c80; border-radius: 32px; color: #fff; font-size: var(--font18); cursor: pointer;}
.contactTwo .sub button:active {background: #006af4;}





/* 右侧固定 */
.slideflex {position: fixed; right: 30px; bottom: 0; z-index: 99; padding-bottom: 60px; -webkit-transition: 0.5s; -o-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.relate li { margin-bottom: 20px; position: relative; transition: .5s;     box-shadow: 2px 1px 10px rgba(0, 0, 0,.1);}
.relate li {width: .56rem; height: .56rem;  min-width: 40px; min-height: 40px; background: #fff; border-radius: 50%;}
.relate li a {width: 100%; height: 100%; position: relative; z-index: 1;}
.relate li:nth-child(1) a img {max-width: 30%;}
.relate li a img , .relate li a svg {max-width: 50%;}
.relate li a::after {content: ""; width: 100%; background: #fff; height: 100%; position: absolute; left: 50%;top: 50%; border-radius: 50%; animation: playbtnscale4 2s ease-out infinite; z-index: -1; pointer-events: none;}
.relate li:hover {background: #323c81;}
.relate li:hover a img {filter: brightness(100); -webkit-filter:brightness(100);}
.relate li:hover svg path {fill: #fff;}
@keyframes playbtnscale4 { 0% { transform: translate(-50%, -50%) scale(1); opacity: .5 }100% { transform: translate(-50%, -50%) scale(1.5); opacity: 0;}}
.relate li .telbox { position: absolute; right: 0; width: 0; top: 0; overflow: hidden; height: 100%; z-index: 2; transition: all 0.36s ease-in-out;z-index: 0; background-color: #323c81; border-radius: 30px; text-align: center; display: flex;  align-items: center;}
.relate li .telbox span {color: #fff;font-size: var(--font18); padding-left: .35rem; filter: alpha(opacity=0); opacity: 0;  transition: all 0.36s ease-in-out;}
.relate li:hover .telbox { width: 460%;}
.relate li:hover .telbox span { opacity: 1; transition-delay: 0.6s;}


/* 货物跟踪 */
.logMain {margin: 130px 0;}
.loginfo .container {width: 1200px;}
.loginfo .tle {text-align: center;}
.loginfo .tle h3 {font-size: 60px; color: #333; font-weight: 600; text-align: center;}
.loginfo .tle span {font-size: 22px;color: #333;}
.searlog {margin: auto; margin-top: 60px; width: 90%;height: 60px; border: 1px solid rgb(231, 231, 231);  background-color: rgb(255, 255, 255);  border-radius: 5px;}
.searlog {display: flex; justify-content: space-between;}
.searlog input {height: 100%; width: calc(100% - 140px); padding: 0 40px; box-sizing: border-box;}
.searlog input::placeholder {font-size: 15px; color: rgba(56, 56, 56,.54);}
.searlog button { border-radius: 5px; background-color: rgb(50, 60, 129); height: 100%; width: 138px; cursor: pointer; color: #fff; font-size: 18px;}
.searlog button:active {background-color: rgb(40, 48, 99);}
.logaddress {width: 100%; padding: 15px 10px 25px 10px; background: #f9f9f9; margin-top: 120px;}
.logaddress ul {display: flex; flex-wrap: wrap; justify-content: center;}
.logaddress ul li {width: 32%; text-align: center; margin-top: 10px; font-size: 18px;}
.logSet .tit {text-align: center; font-size: 48px; color: #333; font-weight: 600; margin-top: 55px;}
.logSet .setBox {background: #f9f9f9;margin-top: 50px; padding: 50px 80px 100px 80px; box-sizing: border-box;}
.logSet .setBox .setnum dl {display: flex; flex-wrap: wrap;}
.logSet .setBox .setnum dl dd {width: 32%; margin-top: 10px; font-size: 20px; color: #171717; text-align: center;}
.logSet ul {position: relative;}
.logSet ul::before {content: ""; height: 100%; width: 1px; position: absolute; left: 0; background: #dddddd;left: -8px;bottom: -18px;}
.logSet li {margin-top: 60px;}
.logSet li .setTit {font-size: 22px; color: #949494; position: relative; padding-left: 35px;}
.logSet li .setTit::before {content: ""; width: 15px; height: 15px; border: 3px solid rgb(148, 148, 148); background: #fff; border-radius: 50%;box-sizing: border-box; }
.logSet li .setTit::before {position: absolute; left: 0%; top: 50%; transform: translate(-100%, -50%);}
.logSet li .setCon {font-size: 16px; color: #949494; padding-left: 35px;}
.logSet li .setCon span {display: block;margin-top: 5px;}
.logSet li.on .setTit {color: #006af4; font-size: 26px;}
.logSet li.on .setCon span {color: #333;}

.logBox {background: #f0f0f0;padding: 20px; box-sizing: border-box; margin-top: 60px;}
.logBox strong {font-size: 36px; color: #10559a; font-weight: 900; display: block;}
.logBox span {display: block;font-size: 15px; margin-top: 3px; color: #5a5a5a;}
.loglist {overflow-x: auto; white-space: nowrap;}
.loglist table {width: 100%; background: #f1f1f1; border: 0;}
.loglist thead th {background: #10559a;padding: 6px 0; color: #fff; font-size: 18px;}
.loglist thead th:nth-child(1) {width: 20%;}
.loglist thead th:nth-child(2) {width: 29%;}
.loglist table tr td {border-bottom: 1px solid #fff; padding: 6px 4px; color: #333; font-size: 16px;}
.loglist table tr td:nth-child(1) {text-align: center;}
.loglist table tr:nth-child(even) {background: #fafafa;}

@media screen and (min-width: 200px) and (max-width: 1300px) { 
    .loginfo .container {max-width: 80%;}
    .logMain {margin: 100px 0;}
    .loginfo .tle h3 {font-size: 45px;}
    .loginfo .tle span {font-size: 18px;}
    .logaddress {margin-top: 80px; padding: 10px 10px 20px 10px;}
    .logaddress ul li {font-size: 14px;}
    .logSet .tit {font-size: 40px;}
    .logSet .setBox .setnum dl dd {font-size: 16px;}
    .logSet li .setTit {font-size: 20px;}
    .logSet li .setCon {font-size: 14px;}
    .logSet li.on .setTit {font-size: 22px;}
}

@media screen and (min-width: 200px) and (max-width: 991px) { 
    .loginfo .tle h3 {font-size: 40px;}
    .logSet .setBox .setnum dl dd {font-size: 14px;}
}

@media screen and (min-width: 200px) and (max-width: 768px) { 
    .loginfo .container {max-width: 92%;}
    .loginfo .tle h3 {font-size: 36px;}
    .loginfo .tle span {font-size: 15px;}
    .searlog { width: 100%;height: 50px; margin-top: 30px;}
    .searlog input {width: calc(100% - 90px);padding: 0 20px;}
    .searlog input::placeholder {font-size: 13px;}
    .searlog button {width: 90px;font-size: 14px;}
    .logaddress {margin-top: 50px; padding: 10px;}
    .logaddress ul li {width: 100%;}
    .logSet .tit {font-size: 30px;    margin-top: 30px;}
    .logSet .setBox .setnum dl dd {width: 100%;}
    .logSet .setBox {margin-top: 30px;padding: 20px 10px 50px 25px;}
    .logSet li {margin-top: 30px;}
    .logBox {margin-top: 30px;}
    .logBox strong {font-size: 24px;}
    .loglist thead th {font-size: 16px;}
    .loglist table tr td {font-size: 14px;padding: 6px 10px;}
}



.ny-tle{margin-bottom: 0.5rem; text-align: center}
.ny-tle h3 {font-size: 0.55rem;font-weight: 700;color: #232429; display: inline-block; position: relative;}
.ny-tle h3::after {content: "";width: 6px;height: 6px; background: #f58220; position: absolute; right: -5%; bottom: 20%;}
.ny-tle span {font-weight: 400;color: #484848;display: block;}


.editbox {overflow-x: auto;}
.editbox table{width: 100%!important; border-collapse: collapse;border-spacing: 0; min-width: 1024px;}
.editbox table tr td {border: 1px solid #ccc; padding: 1%}

.cangku-table tr td:first-child{background: #fcfcfc; padding-left: 2%!important;}
.cangku-table tr td{border:none!important;width: 50%!important; padding: 0!important;}
.cangku-table tr td img{display: block; width: 100%!important; height: auto}