@charset "utf-8";
/* =====================内页样式======================== */
/* 分页 */
.paging{width: 100%;font-size: 0;text-align: center;user-select: none;}
.paging-menu, .paging-menu a, .paging-skip, .paging-hint, .paging-skip input, .paging-skip button{display: inline-block;vertical-align: middle;}
.paging-menu a{width: 40px;height: 40px;line-height: 40px;margin: 5px; font-size: 16px;color: #333;transition: all .4s ease;border-radius: 50%;}
.paging-menu a.last{transform: rotate(180deg);}
.paging-menu a:first-child,.paging-menu a:last-child{color: #ccc;}
.paging-menu a:first-child:hover,.paging-menu a:last-child:hover{color: #333;background: transparent;}
.paging-menu a i{font-size: 14px;}
.paging-menu a:hover, .paging-menu a.active, .paging a.on{border-color: #0273d3;background-color: #0273d3;color: #fff;}
.paging-skip{margin-left: 8px;}
.paging-hint{font-size: 16px;color: #333;margin: 0 8px;}
.paging-hint:first-of-type{margin: 0;}
.paging-skip input{width: 70px;text-align: center;height: 40px;border: 1px solid #e1e1e1;font-size: 16px;color: #333;border-radius: 30px;transition: all .4s ease;}
.paging-skip input:focus{border-color: #0273d3;}
.paging-skip button{color: #333;font-size: 16px;padding: 0 18px;transition: all .4s ease;height: 40px;cursor: pointer;}
.paging-skip button:hover{color: #0273d3;}
.paging-hint span{color: #0273d3;}
@media all and (max-width:1000px) {.paging-menu a{margin: 4px 2px;font-size: 14px;}.paging-hint,.paging-skip button{font-size: 14px;}.paging-skip input{font-size: 14px;width: 60px;height: 30px;}.paging-skip{width: 100%;margin-left: 0;}.paging-menu a:first-child, .paging-menu a:last-child{width: 54px;}}
/* 搜索页面 */
.search{width: 100%;}
.search-result{font-size: 14px;color: #24303e;line-height: 1.1;}
.search-result span{margin-left: 6px;}
.search-info{width: 100%;line-height: 1.1;color: #333;}
.search-info span{color: #24303e;font-weight: 700;flex: 1;}
.search-list{width: 100%;}
.search-link{display: block;width: 100%;border: 1px solid #eee;background: #f6f8f9;padding: 40px 24px;}
.search-link:not(:first-child){margin-top: 16px;}
.search-link h2{color: #333;line-height: 1.1;font-weight: 700;transition: all .4s ease;}
.search-link p{width: 100%;color: #666;}
.search-link .highlightRow span{color: #24303e !important;}
.search-link:hover h2{color: #24303e;}
@media all and (max-width:1000px) {.search-link{padding: 20px 15px;}.search-link:not(:first-child) {margin-top: 12px;}}
/* 隐私协议 */
.privacy{width: 100%;}
.privacy-title{width: 100%;color: #333;line-height: 1.1;}
.privacy-content{width: 100%;color: #666;}
/* 网站地图 */
.webmap{width: 100%;}
.webmap-title{width: 100%;color: #333;line-height: 1;position: relative;padding-bottom: 24px;}
.webmap-title::after{content: "";position: absolute;width: 60px;left: 0;right: 0;margin: 0 auto;bottom: 0;height: 4px;background: #24303e;}
.webmap-list{width: 100%;}
.webmap-list>ul{margin: -40px 0 0 -40px;display: flex;flex-wrap: wrap;}
.webmap-list>ul>li{width: calc(20% - 40px);margin: 40px 0 0 40px;color: #333;}
.webmap-list>ul>li ul, .webmap-list>ul>li li{width: 100%;}
.webmap-list>ul>li a{display: block;transition: color .4s ease;position: relative;}
.webmap-list>ul>li a:hover{color: #24303e;}
.webmap-list>ul>li>.menu{font-weight: 700;border-bottom: 1px solid #e1e1e1;font-size: 20px;width: 100%;padding-bottom: 20px;line-height: 1;}
.webmap-list>ul>li>.drop{margin-top: 16px;}
.webmap-list>ul>li>.drop a{line-height: 1.28;padding: 6px 0;font-size: 18px;}
.webmap-list>ul>li>.drop .drop a{padding-left: 18px;font-size: 16px;}
.webmap-list>ul>li>.drop .drop a::before{content: "";position: absolute;width: 4px;height: 4px;border-radius: 50%;background: #afafaf;left: 0;top: 14px;}
@media all and (max-width:1270px) {
    .webmap-list>ul{margin: -24px 0 0 -24px;}
    .webmap-list>ul>li{width: calc(20% - 24px);margin: 24px 0 0 24px;}
    .webmap-list>ul>li>.menu {font-size: 18px;}
    .webmap-list>ul>li>.drop a {font-size: 16px;}
    .webmap-list>ul>li>.drop .drop a{font-size: 14px;}
    .webmap-list>ul>li>.drop .drop a::before{top: 11px;}
}
@media all and (max-width: 680px) {
    .webmap-title {padding-bottom: 16px;}
    .webmap-title::after {width: 44px;height: 3px;}
    .webmap-list>ul{margin: -14px 0 0;}
    .webmap-list>ul>li{width: 100%;margin: 14px 0 0;}
    .webmap-list>ul>li>.menu {font-size: 16px;padding-bottom: 14px;}
    .webmap-list>ul>li>.drop{margin-top: 10px;}
    .webmap-list>ul>li>.drop a{padding: 4px 0;font-size: 15px;}
    .webmap-list>ul>li>.drop .drop a{padding-left: 12px;}
}
/* 内页公共 */
body{background: #f3f6f9;}
.pagesBan-bg img{width: 100%;min-height: 350px;transform: scale(1.3);animation: banBg 2s linear forwards;}
.pagesBan-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;align-items: center;padding: 88px 0 65px;}
.pagesBan-con .title{opacity: 0;animation: banText 1.5s ease forwards;padding-bottom: 0;}
.pagesBan-con .title::after{display: none; content: "";position: absolute;left: 0;bottom: 0;width: 62px;height: 2px;background: #fff;}
.pagesBan-con .text{opacity: 0;animation: banText 1.5s .1s ease forwards;font-family: "微软雅黑", "Microsoft Yahei", "\5FAE\8F6F\96C5\9ED1";}
@keyframes banBg {0%{transform: scale(1.3);}100%{transform: scale(1);}}
@keyframes banText {0%{opacity: 0;transform: translateX(100px) skew(-15deg);}100%{opacity: 1;transform: translateX(0);}}
.pagesNav{position: absolute;left: 0;bottom: 0;width: 100%;}
.pagesNav .contain{border: 1px solid rgba(255, 255, 255, .15);}
.pagesNav-item{position: relative;border-right: 1px solid rgba(255, 255, 255, .15);padding: 0 20px; height: 66px;}
.pagesNav-item::after{content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;background: #07589e;transition: all .4s ease;}
.pagesNav-item:hover::after,.pagesNav-item.active::after{right: auto;left: 0;width: 100%;}
.pagesNav-item span{position: relative;z-index: 2;display: block;opacity: 0;animation: navText .3s linear forwards;}
.pagesNav-item:nth-child(2) span{animation-delay: .1s;}
.pagesNav-item:nth-child(3) span{animation-delay: .13s;}
.pagesNav-item:nth-child(4) span{animation-delay: .16s;}
.pagesNav-item:nth-child(5) span{animation-delay: .19s;}
.pagesNav-item:nth-child(6) span{animation-delay: .21s;}
.pagesNav-item:nth-child(7) span{animation-delay: .24s;}
@keyframes navText {0%{opacity: 0; transform: translate(40px,50px);}100%{opacity: 1; transform: translate(0,0);}}
.pagesBread{justify-content: flex-end;align-items: center;}
.pagesBread-item{position: relative;margin-right: 10px;}
.pagesBread-item::after{content: "-";position: absolute;right: -6px;top: calc(50% - 1px);color: #999;line-height: 0;}
.pagesBread-item:first-child::after,.pagesBread-item:last-child::after{display: none;}
.pagesBread-item:hover{color: #24303e;}
.pagesTitle{padding-left: 20px;line-height: 1.14;}
.pagesTitle::after{content: "";position: absolute;left: 0;top: 50%;transform: translateY(-50%);height: 80%;background: #0273d3;width: 4px;}
.imgHover{overflow: hidden;}
.imgHover img{transition: all 2s linear;}
.imgHover:hover img{transform: scale(1.3);}
/* 新闻中心 */
.newsShow{background: #fff;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.05);border-radius: 20px;}
.newsShow-slide{border-radius: 10px;overflow: hidden;}
.newsShow-img{width: 50%;}
.newsShow-img img{width: 100%;height: 400px;transition: all .6s ease;}
.newsShow-img:hover img{transform: scale(1.08);}
.newsShow-img .date{position: absolute;right: 0;bottom: 0;line-height: 1.14;padding: 12px;}
.newsShow-con{width: 50%;padding: 60px 65px;}
.newsShow-con .title{transition: all .4s ease;}
.newsShow-con .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 26px;height: 2px;background: #0273d3;}
.newsShow-con .title:hover{color: #0273d3;}
.newsShow-more{justify-content: flex-end;}
.newsShow-more .btn{align-items: center;}
.newsShow-more .btn span{position: relative;z-index: 2;}
.newsShow-more .btn i{width: 28px;height: 28px;display: flex;align-items: center;justify-content: center;text-align: center;line-height: 1.14;position: relative;margin-left: 5px;}
.newsShow-more .btn i::before{position: relative;z-index: 2;font-size: 12px;transform: rotate(180deg);}
.newsShow-more .btn i::after{content: "";position: absolute;right: 0;top: 0;width: 28px;height: 100%;border-radius: 40px;background: #0273d3;transition: all .4s ease;}
.newsShow-more .btn:hover{color: #fff;}
.newsShow-more .btn:hover span{text-decoration: underline;}
.newsShow-more .btn:hover i::after{width: 104px;}
.newsShow-pagination{position: absolute;left: calc(50% + 65px);bottom: 60px;z-index: 2;}
.newsShow-pagination .swiper-pagination-bullet{width: 10px;height: 10px;opacity: 1;background: transparent;border: 2px solid #d4d4d4;margin-right: 12px;}
.newsShow-pagination .swiper-pagination-bullet-active{border-color: #0273d3;}
.newsList{margin-left: -50px;}
.newsItem{width: calc((100% / 3) - 50px);margin: 50px 0 0 50px;border-radius: 10px;overflow: hidden;}
.newsItem-img img{width: 100%;height: 240px;}
.newsItem-con{background: #fff;padding: 30px 25px;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.05);}
.newsItem-con .date{align-items: center;}
.newsItem-con .date i{display: block;margin-right: 5px;color: #000;margin-bottom: 3px;}
.newsItem:hover .newsItem-img img{transform: scale(1.1);}
.newsItem:hover .newsItem-con{background: #24303e;}
.newsItem:hover .newsItem-con .date,.newsItem:hover .newsItem-con .date i,.newsItem:hover .newsItem-con .title{color: #fff;}
/* 新闻详情 */
.newsDet .contain{justify-content: space-between;align-items: flex-start;}
.newsDet-con{width: 69%; background: #fff;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.05);padding: 70px 60px;border-radius: 0 0 8px 8px;}
.newsDet-header .date{align-items: center;}
.newsDet-header .date i{display: block;margin: 0 8px 3px 0;}
.newsDet-back{width: 148px;height: 44px;border-radius: 40px;transition: all .4s ease;}
.newsDet-back i{display: block;transform: rotate(180deg);margin-left: 8px;font-weight: 300;font-size: 14px;}
.newsDet-back:hover{box-shadow:  0 0 10px #0273d3;}
.newsDet-side{width: 26%;position: sticky;top: 90px;}
.newsDet-switch-item{border-bottom: 1px solid #e6e6e6;}
.newsDet-switch-item:hover .title{color: #0273d3;}
.newsDet-hot-item{border-bottom: 1px solid #e6e6e6;}
.newsDet-hot-item .img{width: 34%;}
.newsDet-hot-item .img img{width: 100%;height: 66px;}
.newsDet-hot-item .desc{width: 66%;padding-left: 7%;}
.newsDet-hot-item:hover .desc .title{color: #0273d3;}
/* 关于我们 */
.abInfo{justify-content: space-between;}
.abInfo-con{width: 61%;}
.abInfo-num li{width: calc(100% / 3);border-left: 1px dashed #c0c9d1;display: flex;justify-content: center;}
.abInfo-num li:first-child{justify-content: flex-start;border-left: unset;}
.abInfo-num .num{align-items: flex-end;}
.abInfo-num .num span{display: block;line-height: 1;margin-right: 5px;}
.abInfo-img{width: 33%;border-radius: 10px;}
.abInfo-img img{width: 100%;}
.abWH{background: url('../images/pages/abWH-bg.jpg') no-repeat center/cover;}
.abWH-list li{width: calc(100% / 3);height: 400px;flex-direction: column;border-left: 1px solid rgba(255, 255, 255, .3);}
.abWH-list li:first-child{border-left: unset;}
.abWH-list .img{height: 35px;}
.abWH-list .img img{max-height: 100%;}
.abHonor-swp .swiper-slide{padding: 5px;}
.abHonor-slide{box-shadow: 0 0 5px rgba(0, 0, 0, .1);padding: 18px;background: url('../images/pages/abHonor-bg.png') no-repeat center/100% 100%;}
.abHonor-img{background: #fff;padding: 13px 10px;}
.abHonor-img .img{height: 275px;display: flex;align-items: center;justify-content: center;}
.abHonor-img .img img{max-height: 100%;}
.abHonor-img .btn{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%) scale(0);transition: all .5s ease;}
.abHonor-slide:hover .abHonor-img .btn{transform: translate(-50%,-50%) scale(1);}
.abHonor-btn{user-select: none;cursor: pointer; font-size: 14px; position: absolute;left: -70px;top: calc(50% - 25px);width: 50px;height: 50px;border-radius: 50%;border: 5px solid #d6dfe5;color: #b2bdc6;}
.abHonor-btn.next{left: auto;right: -70px;transform: rotate(180deg);}
.abHonor-btn:hover{color: #24303e;border-color: #24303e;}
.abHonor-pagination .swiper-pagination-bullet{width: 24px;height: 24px;margin: 0 5px; border-radius: 50%;border: 4px solid transparent;position: relative;opacity: 1;background: transparent;}
.abHonor-pagination .swiper-pagination-bullet::after{content: "";position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 5px;height: 5px;border-radius: 50%;background: #d6dfe5;}
.abHonor-pagination .swiper-pagination-bullet-active{border-color: #d6dfe5;}
/* 加入我们 */
.joinText{padding: 0 70px;}
.joinText::after,.joinText::before{content: "";width: 17px;height: 18px;position: absolute;left: 0;top: 0;background: url('../images/pages/joinText.png') no-repeat center/100% auto;}
.joinText::after{left: auto;top: auto;right: 0;bottom: 0;transform: rotate(180deg);}
.joinText a{text-decoration: underline;}
.joinTable-header{border: 1px solid #dee3e6;}
.joinTable-header,.joinTable-menu{height: 74px;padding-left: 40px;background: #fff; align-items: center;position: relative;}
.joinTable-header li,.joinTable-menu li{width: 180px;transition: all .4s ease;}
.joinTable-header li:first-child,.joinTable-menu li:first-child{flex: 1;}
.joinTable-menu{cursor: pointer; background: #fff;box-shadow: 0px 0px 7px 0px rgba(102, 102, 102, 0.08);transition: all .4s ease;}
.joinTable-menu::after{content: "";width: 12px;height: 19px;position: absolute;right: 30px;top: 50%;transform: translateY(-50%);transition: all .4s ease;background: url('../images/pages/joinTable-icon.png') no-repeat center/100% auto;}
.joinTable-menu li:first-child{font-size: 20px;}
.joinTable-drop{display: none; background: #fff;padding: 35px;box-shadow: 0px 7px 32px 0px rgba(0, 0, 0, 0.11);}
.joinTable-drop h1,.joinTable-drop h2,.joinTable-drop h3,.joinTable-drop h4,.joinTable-drop h5,.joinTable-drop h6{color: #24303e;font-size: 16px;margin-bottom: 10px;}
.joinTable-btn{width: 148px;height: 44px;border-radius: 40px;background: #0273d3;transition: all .4s ease;}
.joinTable-btn i{display: block;margin-left: 6px;}
.joinTable-btn:hover{box-shadow: 0 0 10px #0273d3;}
.joinTable-item{margin-top: 5px;}
.joinTable-item.active{z-index: 2;position: relative;}
.joinTable-item.active .joinTable-menu{background: #24303e;}
.joinTable-item.active .joinTable-menu::after{background-image: url('../images/pages/joinTable-iconH.png');}
.joinTable-item.active .joinTable-menu li{color: #fff !important;}
.joinMore-btn{flex-direction: column;user-select: none;cursor: pointer;transition: all .4s ease;}
.joinMore-btn i{font-size: 20px;display: block;transform: rotate(180deg);}
.joinMore-btn:hover{color: #0273d3;}
/* 联系我们 */
.ctaInfo{justify-content: space-between;align-items: flex-start;}
.ctaData{width: calc(50% - 25px);}
.ctaData-list li{border-bottom: 1px solid #e7e7e7;}
.ctaData-list .img{width: 28px;height: 28px;border-radius: 50%;background: #24303e;}
.ctaData-list .img img{max-width: 60%;max-height: 60%;}
.ctaData-list .text{flex: 1;padding: 5px 0 0 25px;}
.ctaMap{width: calc(50% - 25px);height: 310px;border: 11px solid #fff; box-shadow: 0px 0px 57px 0px rgba(0, 10, 18, 0.05);}
.map-info{padding: 8px 15px; width: 170px;box-shadow: 0px 0px 10px 0px rgba(4, 0, 0, 0.26);}
.map-con{font-size: 14px;color: #24303e;text-align: center;}
.map-con h6{line-height: 1.5;}
.amap-info-content{padding: 0;background: rgba(255, 255, 255, 1);}
.amap-info-close,.amap-copyright,.amap-logo{display: none !important;}
.ctaMsg-table{justify-content: space-between;}
.ctaMsg-table input,.ctaMsg-table textarea{background: #fff;padding-left: 15px;border: 1px solid #e7e7e7;color: #6b727e;font-size: 16px;margin-top: 30px;}
.ctaMsg-table input::-webkit-input-placeholder{color: #6b727e;font-size: 16px;}
.ctaMsg-table textarea::-webkit-input-placeholder{color: #6b727e;font-size: 16px;}
.ctaMsg-table input{width: calc(50% - 15px);height: 55px;}
.ctaMsg-table textarea{height: 150px;padding-top: 16px;width: 100%;}
.ctaMsg-table button{width: 112px;height: 44px;border-radius: 40px;user-select: none;cursor: pointer;}
.ctaMsg-table button:hover{box-shadow: 0 0 10px #0273d3;}
/* 供应链管理 */
.trade-title::after{content: "";position: absolute;left: 50%;bottom: 0;transform: translateX(-50%);width: 34px;height: 3px;background: #0273d3;}
.gylCon{background: url('../images/pages/gylCon-bg.jpg') no-repeat center/cover;}
.gylCon-list{margin-left: -30px;}
.gylCon-list li{padding: 30px 20px; margin: 30px 0 0 30px;width: calc(50% - 30px);border-radius: 10px;background: #fff;transition: all .4s ease;}
.gylCon-list .title{align-items: center;}
.gylCon-list .title i{display: block;margin-right: 14px;}
.gylCon-list li:hover{background: #f8f6f7;transform: translateY(-10px);box-shadow: 0 0 16px rgba(0, 0, 0, .05);}
/* 代理进出口 */
.jckList{justify-content: space-between;}
.jckList::after{width: 32%;content: "";}
.jckList li{width: 32%;position: relative;}
.jckList-img img{width: 100%;height: 250px;}
.jckList-con{background: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.16);padding: 0 18px 20px;}
.jckList-text{margin-top: -95px;background: #fff;padding: 40px 18px 25px;border-bottom: 2px solid #0273d3;min-height: 250px;position: relative;z-index: 2;}
/* 贸易服务 */
.serItem{align-items: center;}
.serItem-img{width: 250px;}
.serItem-img img{height: 160px;}
.serItem-con{flex: 1;padding-left: 40px;}
.serItem-title{align-items: center;}
.serItem-title i{display: flex;align-items: center;justify-content: center;border-radius: 50%;background: #0273d3;width: 26px;height: 26px;}
.serItem-title i img{max-width: 70%;max-height: 70%;}
.serItem-title p{flex: 1;padding-left: 10px;}
.serItem-link{margin-left: -25px;}
.serItem-link .item{margin-left: 25px;width: auto;padding: 8px 20px;border-radius: 40px;color: #939dad;align-items: center;border: 1px solid #939dad;}
.serItem-link .item i{display: block;transform: rotate(180deg);font-size: 14px;margin-left: 20px;}
.serItem-link .item:hover{border-color: #0273d3;color: #fff;background: #0273d3;}
/* 海运 */
.seaFCL-box{background: url('../images/pages/sea-bg.jpg') no-repeat center/cover;}
.seaFCL-con{padding: 40px 40px 40px 20px; width: 70%;background: #fff;position: relative;z-index: 2;border-radius: 4px;box-shadow: 0 0 9px rgba(255, 255, 255, .1);}
.sea-list .img{margin-top: 3px;}
.sea-list .text{flex: 1;padding-left: 5px;}
.sea-btn{width: 170px;height: 44px;border-radius: 40px;}
.sea-btn i{display: block;transform: rotate(180deg);font-size: 12px;margin-left: 7px;}
.sea-btn:hover{box-shadow: 0 0 10px #0273d3;}
.seaFCL-img{position: absolute;right: 0;top: 0; width: 40%;border-radius: 10px;height: calc(100% - 30px);}
.seaFCL-img img{width: 100%;height: 100%;}
.seaTZG .contain{align-items: center;justify-content: space-between;}
.seaTZG-img{width: 50%;border-radius: 10px;}
.seaTZG-img img{width: 100%;height: 300px;}
.seaTZG-con{width: 45%;}
.seaTZG-con .sea-list{padding-left: 22px;}
.seaLCL .contain{justify-content: space-between;align-items: center;}
.seaLCL-con{width: 65%;}
.seaLCL-con .sea-list{padding-left: 20px;}
.seaLCL-img{width: 28%;border-radius: 10px;}
.seaLCL-img img{width: 100%;height: 475px;}
.seaLCL-list{padding-left: 10px;margin-left: calc((-100% / 6) + 80px);}
.seaLCL-list li{width: 80px;text-align: center;position: relative;margin-left: calc((100% / 6) - 80px);}
.seaLCL-list li:last-child .img::after{display: none;}
.seaLCL-list .img{height: 40px;display: flex;align-items: center;justify-content: center;position: relative;}
.seaLCL-list .img::after{content: "";position: absolute;left: 105%;top: 50%;transform: translateY(-50%);width: 54px;height: 12px;background: url('../images/pages/sea-next.png') no-repeat center/100% auto;}
/* 空运 */
.airYS-item:nth-child(2n){flex-direction: row-reverse;}
.airYS-con{padding: 50px 30px 60px; width: 50%;background: #fff;box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.08);}
.airYS-con .airText{border-top: 1px solid #e4e4e4;}
.airText p{position: relative;padding-left: 20px;margin-top: 10px;}
.airText p::after{content: "";position: absolute;left: 0;top: 12px;width: 6px;height: 6px;border-radius: 50%;background: #0273d3;}
.airLogo{padding-left: 20px;margin-left: -10px;}
.airLogo li{background: #fff; width: calc(25% - 10px);height: 80px;transition: all .4s ease; margin: 10px 0 0 10px;border-radius: 10px; box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.13);}
.airLogo li img{max-width: 80%;max-height: 80%;}
.airLogo li:hover{transform: translateY(-10px);}
.airYS-img{width: 50%;}
.airYS-img img{width: 100%;height: 100%;}
.airYS-icon{margin-left: -30px;padding-left: 20px;}
.airYS-icon li{margin: 30px 0 0 30px;display: flex;flex-wrap: wrap;align-items: center;transition: all .4s ease;}
.airYS-icon .img{margin-right: 5px;}
.airYS-icon .text{line-height: 1.4;}
.airYS-icon li:hover{transform: translateY(-10px);}
.airKD .airYS-con{background: transparent;box-shadow: unset;}
/* 陆运 */
.land::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 433px;background: #fff;}
.land .contain{position: relative;z-index: 2;}
.landList{margin-left: -50px;}
.landItem{width: calc(50% - 50px);margin: 50px 0 0 50px;display: flex;flex-direction: column;}
.landImg{border-radius: 10px 10px 0 0;overflow: hidden;position: relative;}
.landImg .img img{width: 100%;height: 300px;}
.landImg .img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: linear-gradient(to bottom,transparent,rgba(18,28,56,.8));}
.landTitle{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0 40px 20px;z-index: 2;align-items: center;}
.landTitle i{display: block;margin-right: 10px;}
.landText{background: #fff;border-radius: 0 0 10px 10px;box-shadow: 0px 3px 9px 0px rgba(0, 0, 0, 0.06);padding: 35px 15px 60px;flex: 1;}
.landText::after{content: "";position: absolute;right: 15px;bottom: 20px;width: 55px;height: 17px;background: url('../images/pages/land-bg.png') no-repeat center/100% auto;}
/* 仓储 */
.storInfo-box .pagesBread,.storInfo{position: relative;z-index: 2;}
.storInfo-bg{position: absolute;right: 0;top: 50px;width: 28%;}
.storInfo-img{width: 50%;}
.storInfo-img img{position: absolute;left: 0;top: 0;width: 50%;height: 100%;}
.storInfo-con{width: 50%;padding: 35px 25px 60px;}
.storInfo-con:nth-child(3){position: relative;z-index: 2;background: rgba(255, 255, 255, .98);}
.storInfo-con:nth-child(4){background: #0273d3;}
.storInfo-con:nth-child(4) .pagesTitle,.storInfo-con:nth-child(4) .storInfo-text{color: #fff;}
.storInfo-con:nth-child(4) .pagesTitle::after{background: #fff;}
.storCon-item{align-items: center;}
.storCon-img{width: 27%;}
.storCon-img img{width: 100%;height: 230px;}
.storCon-con{width: 73%;padding-left: 30px;}
.storCon-list{margin-left: -20px;width: calc(100% + 20px);}
.storCon-list li{margin-top: 20px;width: 80px; display: flex;flex-direction: column;align-items: center;text-align: center;transition: all .4s ease;}
.storCon-list .img{width: 44px;height: 44px;border-radius: 50%;background: #fff;}
.storCon-list .img img{max-width: 60%;max-height: 60%;}
.storCon-list li:hover{transform: translateY(-10px);}
.storCon.whiteBg{background: #fff;}
.storCon.whiteBg .storCon-list .img{background: #f6f6f6;}
/* 危化品 */
.whpDC-img{width: 43%;border-radius: 10px;}
.whpDC-img img{width: 100%;height: 100%;}
.whpDC-con{width: 57%;padding-left: 35px;}
.whpDC-list li{display: flex;flex-wrap: wrap;}
.whpDC-list li:first-child{margin-top: 0;}
.whpDC-list-img{width: 110px;box-shadow: 0px 1px 9px 0px rgba(0, 0, 0, 0.13);}
.whpDC-list-img img{width: 100%;height: 100%;}
.whpDC-list-text{flex: 1;padding-left: 15px;}
.whpDC-list-text .title{padding-bottom: 5px;}
.whpDC-list-text .title::after{content: "";position: absolute;left: 0;bottom: 0;width: 24px;height: 1px;background: #0273d3;}
.whpDC-list-text .text{margin-top: 5px;}
.whpHGP .contain{align-items: center;}
.whpHGP-con{width: 57%;padding-right: 35px;}
.whpHGP-list{padding-left: 20px;}
.whpHGP-icon{margin-right: 5px;}
.whpHGP-text{flex: 1;}
.whpHGP-img{width: 43%;border-radius: 10px;}
.whpHGP-img img{width: 100%;}
.whpSer-list{justify-content: space-between;}
.whpSer-list::after{content: "";width: 31%;}
.whpSer-list li{width: 31%;margin-top: 30px;}
.whpSer-list-img img{width: 100%;height: 300px;}
.whpSer-list-title{padding-left: 20px;}
/* 登录 */
.login-box{justify-content: center;}
.loginCon{width: 100%;}
.login-view{width: 52%;}
.loginSwp{width: 50%;text-align: left;border-radius: 15px 0 0 15px;overflow: hidden;}
.loginSwp-bg::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(36, 48, 62, .52);}
.loginSwp-bg img{width: 100%;height: 650px;}
.loginSwp-con{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: center;padding: 0 25px;}
.loginSwp-title::after{content: "";position: absolute;left: 0;bottom: 0;width: 42px;height: 2px;background: #fff;}
.loginSwp-list li{width: calc(100% / 3);align-items: center;}
.loginSwp-list .text{flex: 1;padding-left: 10px;}
.loginSwp-pagination{position: absolute;left: 0;bottom: 20px;width: 100%;z-index: 2;}
.loginSwp-pagination .swiper-pagination-bullet{width: 15px;height: 3px;margin: 0 3px;border-radius: 3px;background: rgba(255, 255, 255, .6);opacity: 1;}
.loginSwp-pagination .swiper-pagination-bullet-active{background: #fff;}
.loginRight{width: 50%;background: #fff;border-radius: 0 15px 15px 0; display: flex;align-items: center;padding: 0 50px;box-shadow: 0px 0px 13px 0px rgba(150, 150, 150, 0.2);}
.loginRight a:hover{text-decoration: underline;}
.login-close{position: absolute;right: 0;top: 0;}
.login-close .text{line-height: 1.14;padding: 5px;background: #d9eeff;border: 1px solid #b3d5f2; white-space: nowrap;position: absolute;right: 50px;top: calc(50% - 12px);}
.login-close .text::after{content: "";position: absolute;left: 100%;top: 50%;transform: translateY(-50%);width: 4px;height: 7px;border: 4px solid transparent;border-left-color: #b3d5f2;}
.login-close .img{padding-left: 10px; width: 65px;height: 65px;background: #f9f9f9;-webkit-clip-path: polygon(100% 0, 0 0, 100% 100%);border-top-right-radius: 15px; clip-path: polygon(100% 0, 0 0, 100% 100%);}
.login-close .img img{max-width: 60%;}
.loginForm{width: 100%;justify-content: space-between;}
.loginForm input{font-weight: 300; width: calc(50% - 8px);height: 48px;border-radius: 5px;margin-top: 16px; border: 1px solid #e8e8e8;padding-left: 10px;font-size: 12px;color: #24303e;}
.loginForm input::-webkit-input-placeholder{font-size: 12px;color: #d4d4d4;font-weight: 300;}
.loginForm .loginCode-input{width: calc(100% - 128px);}
.loginCode-img{width: 114px;margin-top: 16px;user-select: none;cursor: pointer;}
.loginCode-img img{width: 100%;height: 48px;}
.loginCode-btn{width: calc(50% - 8px);margin-top: 16px;height: 48px;}
.loginCode-btn .btn{width: 110px;height: 100%;border-radius: 5px;user-select: none;cursor: pointer;}
.loginCode-btn .btn:hover{background: #0164b8;}
.loginPwd{justify-content: space-between;align-items: center;}
.loginPwd .item1{align-items: center;user-select: none;cursor: pointer;margin-top: 18px;}
.loginPwd .item1 i{display: block;position: relative;margin-right: 5px;width: 11px;height: 11px;border: 1px solid #edecec;}
.loginPwd .item1 i::after{content: "";opacity: 0; position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); width: calc(100% + 2px);height: calc(100% + 2px);background: url('../images/pages/loginPwd.png') no-repeat center/100% 100%;}
.loginPwd .item1.active i::after{opacity: 1;}
.login-submit{height: 48px;border-radius: 5px;user-select: none;cursor: pointer;margin-top: 18px;}
.login-submit:hover{background: #0164b8;}
.login-tips{margin-top: 13px;}
.login-tips a{color: #0273d3;}
.loginForm .w100{width: 100%;}
/* 扫码 */
.loginCon-title{justify-content: space-between;align-items: center;}
.loginCon-title a{align-items: center;text-decoration: none !important;}
.loginCon-title a i{display: block;font-size: 12px;margin-left: 5px;transform: rotate(180deg);}
.loginCon-title a:hover span{text-decoration: underline;}
.wxLogin-box{width: 100%;}
.wxLogin-img{width: 220px; margin: 40px auto 0;padding: 7px;background: url('../images/pages/loginWX-bg.png') no-repeat center/100% 100%;}
.wxLogin-img img{width: 100%;}
.wxLogin-more i{font-size: 12px;transform: rotate(180deg) translateY(1px);display: inline-block;margin-left: 5px;}
.wxLogin-more a:hover{color: #0273d3;}
/* 物流查询 */
.queryBan{position: relative;}
.queryBan-bg img{width: 100%;min-height: 400px;}
.queryBan .indPrice{position: absolute;left: 0;bottom: 0;width: 100%;z-index: 2;}
.queryBan .indPrice .contain{transform: none;border-radius: 0;box-shadow: unset;padding: 0;background: transparent;}
.queryBan .indPrice-nav .item{color: #fff;}
.queryBan .indPrice-nav .item i{background: #fff;}
.queryBan .indPrice-nav .item.active i{background: #0273d3;border-color: #0273d3;}
.queryBan .indPrice-form input::-webkit-input-placeholder{color: #666;}
.query-result{border-bottom: 1px solid #c9ced7;}
.query-process li{position: relative;padding: 16px 0;border-bottom: 1px solid #e5e8eb;}
.query-process li span{font-weight: 700;color: #000;}
.query-process li:first-child{color: #0273d3;}
.query-process .dot{position: absolute;left: 4px;top: 8px;width: 10px;height: 10px;border-radius: 50%;background: #c9ced7;}
.query-process .line{position: absolute;left: 8px;bottom: 0;width: 1px;height: calc(100% - 26px);background: #c9ced7;}
.query-process .item:first-child{margin-top: 10px;}
.query-process li:last-child .line{display: none;}
.query-process li:first-child .dot{background: #0273d3;}
.query-process li:first-child .title,.query-process li:first-child .text{color: #24303e;}
/* -------------------------4k端 S=50% Y*2--------------------------- */
@media all and (min-width:3000px) and (max-width:5000px) {}
/* -------------------------2k端 S=75% Y*1.5--------------------------- */
@media all and (min-width:2000px) and (max-width:3000px) {
    /* .query-view .contain{width: 1750px;} */
}
/* -------------------------PC端--------------------------- */
@media all and (max-width:1700px) {
    /* 1600 × (900) */
}
@media all and (max-width:1590px) {
    /* 1440 × (700)  */
    .newsShow-con{padding: 45px 50px;}
    .newsShow-pagination{left: calc(50% + 50px);bottom: 45px;}
    .newsShow-img img{height: 330px;}
    .newsList{margin-left: -35px;}
    .newsItem{width: calc((100% / 3) - 35px);margin: 35px 0 0 35px;}
    .newsItem-img img{height: 200px;}
    .newsItem-con{padding: 25px;}
    .newsDet-con{padding: 50px;}
    .abWH-list li{height: 320px;}
    .abHonor-img .img{height: 220px;}
    .joinTable-menu{padding-left: 30px;}
    .joinTable-header li, .joinTable-menu li{width: 150px;}
    .joinTable-menu li:first-child{font-size: 18px;}
    .joinText{padding: 0 50px;}
    .joinText{padding: 0 10px;}
    .joinText::after, .joinText::before{width: 10px;height: 10px;}
    .ctaMsg-table input{width: calc(50% - 10px);}
    .ctaMsg-table input, .ctaMsg-table textarea{margin-top: 20px;}
    .ctaMap,.ctaData{width: calc(50% - 20px);}
    .jckList-img img{height: 210px;}
    .jckList-con{padding: 0 15px 15px;}
    .jckList-text{padding: 30px 15px 20px;min-height: 200px;}
    .jckList-text .text{font-size: 15px;}
    .seaLCL-list .img::after{left: 100%;width: 46px;height: 10px;}
    .airLogo li{height: 70px;border-radius: 8px;}
    .airYS-icon{margin-left: -20px;}
    .airYS-icon li{margin: 20px 0 0 20px;}
    .airYS-con{padding: 40px 20px;}
    .landImg .img img{height: 250px;}
    .land::after{height: 353px;}
    .landList{margin-left: -35px;}
    .landItem{width: calc(50% - 35px);margin: 35px 0 0 35px;}
    .landTitle{padding: 0 30px 20px;}
    .storCon-img img{height: 190px;}
    .whpSer-list-img img{height: 250px;}
    .whpSer-list li{margin-top: 25px;}
    .loginSwp-bg img{height: 500px;}
    .loginRight{padding: 0 30px;}
    .storCon-text br{display: none;}
}
@media all and (max-width:1430px) {
    /* 1360 */
}
@media all and (max-width:1350px) {
    /* 1280 */
}
@media all and (max-width:1270px) {
    /* 1152 × (700) */
    .newsShow-con{padding: 30px;}
    .newsShow-img img{height: 280px;}
    .newsShow-pagination {left: calc(50% + 30px);bottom: 30px;}
    .newsDet-con{padding: 35px;}
    .ctaMap{height: 250px;}
    .ctaMap, .ctaData{width: calc(50% - 10px);}
    .ctaMsg-table input, .ctaMsg-table textarea{margin-top: 20px;}
    .ctaMsg-table input{width: calc(50% - 10px);}
    .seaLCL-list .img::after{left: 80%;width: 40px;height: 8px;}
    .land::after{height: 345px;}
    .login-view{width: 70%;}
}
/* ------------------------平板端-------------------------- */
@media all and (max-width:1100px) {
    /* 1024 横屏 */
    .whpHeader{display: none;}
    .pagesBread{display: none;}
}
@media all and (max-width:1000px) {
    /* 720 竖屏 */
}
/* ------------------------手机端-------------------------- */
@media all and (max-width:680px) {
    /* 移动终端 360 适配 */
    .pagesTitle{padding-left: 10px;}
    .pagesTitle::after{width: 2px;height: 70%;}
    .pagesBan-con .title::after{width: 40px;height: 1px;}
    .land-box .pagesBan-bg img{object-position: left center;}
    .pagesNav{overflow-x: auto;padding: 0 4%;}
    .pagesNav .contain{width: 100%;margin: 0;flex-wrap: nowrap;white-space: nowrap;}
    .pagesNav-item{padding: 0 15px; height: 50px;}
    .newsShow{border-radius: 8px;}
    .newsShow-slide{border-radius: 8px;}
    .newsShow-img{width: 100%;}
    .newsShow-img img{height: 200px;}
    .newsShow-img .date{padding: 8px;}
    .newsShow-con{width: 100%;padding: 30px 15px 40px;}
    .newsShow-more{justify-content: flex-start;}
    .newsShow-pagination{left: 50%;transform: translateX(-50%);bottom: 10px;}
    .newsShow-pagination .swiper-pagination-bullet{margin-right: 10px;}
    .newsShow-pagination .swiper-pagination-bullet:last-child{margin-right: 0;}
    .newsList{margin-left: 0;}
    .newsItem{width: 100%;margin: 15px 0 0;}
    .newsItem-con{padding: 25px 15px;}
    .newsDet-con{width: 100%;margin-top: 40px;padding: 30px 15px;}
    .newsDet-back{width: 120px;height: 40px;}
    .newsDet-side{width: 100%;position: relative;top: auto;margin-top: 30px;}
    .newsDet-hot-item .img{width: 30%;}
    .newsDet-hot-item .desc{padding-left: 15px;width: 70%;}
    .abInfo-con{width: 100%;}
    .abInfo-img{width: 100%;border-radius: 8px;margin-top: 30px;}
    .abInfo-num li{width: auto;padding:0 20px;}
    .abInfo-num li:first-child{padding-left: 0;}
    .abInfo-num li:last-child{padding-right: 0;}
    .abInfo-num .text{font-size: 13px;}
    .abWH-list li{height: auto;padding: 30px 15px;width: 100%;border-top: 1px solid rgba(255, 255, 255, .3);}
    .abWH-list li:first-child{border-top: unset;}
    .abHonor-btn{display: none;}
    .abHonor-img .img{height: 170px;}
    .abHonor-slide{padding: 10px;}
    .abHonor-img{padding: 6px 5px;}
    .abHonor-pagination .swiper-pagination-bullet{width: 20px;height: 20px;border-width: 3px;margin: 0;}
    .joinTable-header{display: none;}
    .joinTable-menu{height: auto;padding: 20px 15px;}
    .joinTable-menu::after{right: 20px;width: 10px;height: 16px;top: 22px;transform: translateY(0);}
    .joinTable-menu li:first-child{width: 100% !important;margin-bottom: 8px;font-size: 16px;font-weight:700;flex: unset;}
    .joinTable-menu li{width: auto !important;margin-right: 10px;}
    .joinTable-drop{padding:30px 15px;box-shadow: 0px 4px 15px 0px rgba(0, 0, 0, 0.11);}
    .joinTable-btn{width: 130px;height: 40px;}
    .joinMore-btn i{font-size: 16px;}
    .ctaMap, .ctaData{width: 100%;}
    .ctaData-list .text{padding: 0 0 0 15px;}
    .ctaMap{height: 200px;border-width: 5px;}
    .ctaMsg-table input{width: 100%;height: 46px;}
    .ctaMsg-table input, .ctaMsg-table textarea{margin-top: 15px;font-size: 14px;}
    .ctaMsg-table input::-webkit-input-placeholder{font-size: 14px;}
    .ctaMsg-table textarea::-webkit-input-placeholder{font-size: 14px;}
    .gylCon-list{margin-left: 0;}
    .gylCon-list li{width: 100%;margin: 15px 0 0;border-radius: 5px;}
    .trade-title .text br{display: none;}
    .jckList li{width: 100%;}
    .jckList-text{min-height: auto;padding: 30px 15px;}
    .serItem{margin-top: 30px;}
    .serItem-img{width: 60%;margin: 0 auto;}
    .serItem-img img{height: 130px;}
    .serItem-con{flex: unset;width: 100%;padding: 15px 0 0 ;}
    .serItem-title{justify-content: center;}
    .serItem-title p{flex: unset;}
    .serItem-text{margin-top: 10px;text-align: center;}
    .serItem-link .item{padding: 5px 15px;}
    .serItem-link .item i{font-size: 12px;margin-left: 10px;}
    .serItem-link{margin-left: 0;overflow-x: auto;flex-wrap: nowrap;white-space: nowrap;}
    .serItem-link .item{flex-wrap: nowrap;margin-left: 15px;}
    .serItem-link .item:first-child{margin-left: 0;}
    .seaFCL{flex-direction: column-reverse;}
    .seaFCL-con{width: 100%;padding: 30px 15px;border-radius: 5px;}
    .seaFCL-img{position: relative;height: auto;border-radius: 5px;width: 100%;}
    .sea-btn{width: 150px;height: 40px;}
    .seaTZG-img{width: 100%;border-radius: 5px;}
    .seaTZG-img img{height: 150px;}
    .seaTZG-con{width: 100%;margin-top: 20px;}
    .seaTZG-con .sea-list{padding-left: 10px;}
    .sea-list .img{margin-top: 0;}
    .seaLCL-con{width: 100%;margin-top: 20px;}
    .seaLCL-img{width: 100%;border-radius: 5px;}
    .seaLCL-img img{height: 440px;}
    .seaLCL .contain{flex-direction: column-reverse;}
    .seaLCL-con .sea-list{padding-left: 10px;}
    .seaLCL-list{margin-left: 0;padding-left: 0;}
    .seaLCL-list li{width: calc(100% / 3);display: flex;flex-direction: column;flex-wrap: wrap;align-items: center;text-align: center;margin: 15px 0 0;}
    .seaLCL-list .img::after{display: none;}
    .airYS-item{flex-direction: column-reverse !important;}
    .airYS-con{width: 100%;padding: 30px 15px;}
    .airText p{padding-left: 10px;margin-top: 5px;}
    .airText p::after{top: 8px;width: 5px;height: 5px;}
    .airYS-img{width: 100%;}
    .airLogo{padding-left: 10px;margin-left: -10px;justify-content: space-between;}
    .airLogo li{width: calc(50% - 10px);height: 80px;}
    .airYS-icon{padding-left: 10px;justify-content: space-between;margin-left: 0;}
    .airYS-icon::after{content: "";width: 30%;}
    .airYS-icon li{width: 30%;margin-left: 0;}
    .airKD .airYS-item{flex-direction: column !important;}
    .landList{margin: 0;}
    .landItem{width: 100%;margin: 20px 0 0;}
    .landImg{border-radius: 5px 5px 0 0;}
    .landImg .img img{height: 165px; }
    .landTitle{padding: 0 15px 15px;}
    .landTitle i{width: 25px;}
    .landText{padding: 25px 15px 35px;}
    .landText::after{right: 15px;bottom: 10px;width: 40px;height: 15px;}
    .land::after {height: 186px;display: none;}
    .storInfo-img{width: 100%;position: relative;}
    .storInfo-img img{position: relative;width: 100%;}
    .storInfo-con{width: 100%;padding: 20px 0;}
    .storInfo-con:nth-child(4){background: transparent;}
    .storInfo-con:nth-child(4) .pagesTitle{color: #24303e;}
    .storInfo-con:nth-child(4) .storInfo-text{color: #6b727e;}
    .storInfo-con:nth-child(4) .pagesTitle::after{background: #0273d3;}
    .storCon-img{width: 100%;}
    .storCon-con{width: 100%;padding: 15px 0 0;}
    .storCon-img img{height: 220px;}
    .storCon-list{margin-left: -10px;width: calc(100% + 10px);}
    .storCon-list li{margin-top: 10px;width: 70px;}
    .whpDC-box{padding-top: 40px;}
    .whpDC-img{width: 100%;border-radius: 5px;}
    .whpDC-con{width: 100%;padding: 30px 0 0;}
    .whpDC-list li{align-items: center;}
    .whpDC-list-img{width: 80px;height: 80px;}
    .whpDC-list-text .text{font-size: 13px;}
    .whpHGP .contain{flex-direction: column-reverse;}
    .whpHGP-con{width: 100%;padding: 30px 0 0;}
    .whpHGP-list{padding-left: 10px;}
    .whpHGP-img{width: 100%;border-radius: 5px;}
    .whpSer-list li{width: 48%;margin-top: 15px;}
    .whpSer-list-img img{height: 130px;}
    .whpSer-list-title{padding-left: 10px;font-size: 14px;}
    .login-view{width: 94%;}
    .loginSwp{width: 100%;border-radius: 8px 8px 0 0;display: none;}
    .loginSwp-bg img{height: 300px;}
    .loginSwp-con{padding: 0 15px;}
    .loginSwp-title::after{width: 30px;}
    .loginSwp-list .text{padding-left: 8px;}
    .loginRight{width: 100%;padding: 60px 15px 30px;border-radius: 0 0 8px 8px;}
    .loginForm input{margin-top: 10px;height: 42px;width: 100%;}
    .loginCode-img{margin-top: 10px;width: 101px;}
    .loginCode-img img{height: 42px;}
    .loginForm .loginCode-input{width: calc(100% - 112px);}
    .login-submit{height: 42px;margin-top: 15px;}
    .login-box{align-items: center;height: calc(100vh - 60px);}
    .login-close .img{border-top-right-radius: 2px;}
    .loginForm input.loginCode-input-short{width: calc(50% - 5px);}
    .loginCode-btn {width: calc(50% - 5px);margin-top: 10px;height: 42px;}
    .loginCode-btn .btn{width: 100px;}
    .zxPopup{width: 90%;padding: 30px 15px;}
    .zxPopup-close{font-size: 14px;right: 15px;}
    .zxPopup-btn{width: 120px;height: 42px;border-radius: 3px;}
    .zxPopup-input input{border-radius: 3px;height: 46px;}
    .query-process li{padding: 12px 0;}
    .query-process .dot{top: 6px;width: 8px;height: 8px;left: 2px;}
    .query-process .line{left: 5px;height: calc(100% - 20px);}
    .query-process .item:first-child{margin-top: 5px;}
}