body,ol,ul,li,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select,div,span,a,aside,article,section,header,nav,footer,label,img{margin:0;padding:0;box-sizing:border-box;}
fieldset,img{border:0;}
img{vertical-align:middle;max-width:100%;}
ol,ul,li{list-style-type:none;}
table{border-collapse:collapse;border-spacing:0;}
button,input,select,textarea{font-size:.875rem;font-family:inherit;margin:0;outline:none;resize:none;border:none;background:none;}
.clearfix:after{clear:both;content:".";display:block;height:0;overflow:hidden;visibility:hidden;}
.clearfix{zoom:1;}
html{verflow:-Scroll;overflow-x:hidden;zoom:1;overflow-y:scroll;overflow:-moz-scrollbars-vertical;}
h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;}
body{color:#666;line-height:1.5;font-family:'Microsoft YaHei',Arial,'simsun',HELVETICA;min-width:320px;}
a{color:#666;text-decoration:none;transition:all ease 0.3s;}
a:hover{color: rgb(85, 68, 58);}

/* CSS活动的公共样式 */
.fl{float:left;}
.fr{float:right;}
.ce{text-align:center;}
.hide{overflow:hidden;}
.mb15{margin-bottom:15px;}
.mb30{margin-bottom:30px;}
.container{position:relative;min-width:320px;width:100%;max-width:1600px;margin:0 auto;}
.pImg{position:relative;padding-top:100%;display:block;overflow:hidden;}
.pImg img{position:absolute;top:0;left:0;width:100%;height:100%;transition:all 0.5s;}
.bgImg{background-position:center;background-size:cover;position:relative;transition:all 0.5s;display:block;width:100%;height:100%;background-repeat: no-repeat;}
.pd60{padding:70px 0;font-size:.875em;overflow:hidden;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.font14{font-size:.875em;}
.gray{background:#efefef;}

@media (min-width: 1536px) {
.container {
max-width: 100% !important;
}
}

@font-face {
  font-family: 'iconfont';  /* project id 1152918 */
  src: url('//at.alicdn.com/t/font_1152918_auzzl2c96di.eot');
  src: url('../font/font_1152918_auzzl2c96di.eot') format('embedded-opentype'),
  url('../font/font_1152918_auzzl2c96di.woff2') format('woff2'),
  url('../font/font_1152918_auzzl2c96di.woff') format('woff'),
  url('../font/font_1152918_auzzl2c96di.ttf') format('truetype'),
  url('http://at.alicdn.com/t/font_1152918_auzzl2c96di.svg') format('svg');
}


.iconfont {
  font-family:"iconfont" !important;
  font-style:normal;
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0.2px;
  -moz-osx-font-smoothing: grayscale;
  position:relative;
}
 
/* 主导航 */
/* .header{position: relative;width:100%;z-index:99;left:0;top:0;background:#fff;} */
/* .header .logo{position:absolute;left:0;top:0;} */
.nav {padding:0 230px 0 350px;height:120px;display:flex;justify-content: space-between;}
.nav .m{float:left;text-align:center;position:relative;padding-right:1px;flex-grow:1;}
.nav .m>a{color:#1a1a1a;display:block;position:relative;z-index:2;}
.nav .m>a::after{content:"";position: absolute;left:0;top:0;width:100%;height:0;background:#1b6eaa;transition:all .5s;z-index:-1;}
.nav .cur>a,.nav .m>a:hover{color:#fff;}
.nav .cur>a::after,.nav .m>a:hover::after{height:100%;}
.nav .navSub{position:absolute;left:0;top:120%;background:#eee;line-height:35px;width:140%;color:#333;font-size:.875rem;transform: scale(0) ;transition:top .5s,opacity 0.4s;opacity:0;}
.nav .navSub li{border-bottom:1px solid #ddd;line-height:35px;}
.nav .navSub a{color:#333;display:block;}
.nav .navSub a:hover{background:#1b6eaa;color:#fff;}
.nav .m:hover .navSub{transform:scale(1);opacity:1;top:100%;}
.headFix{height:90px;line-height:90px;box-shadow:1px 1px 5px #ddd;position: fixed;}
.headFix .nav{height:90px;padding-left:260px;}
.headFix .headR{top:30px;}
.headFix .logo img{height:45px;}

/* 头部右侧 */
.headR{position:absolute;right:0;top:44px;line-height:30px;}
.headR .sIcon{float:left;font-family:"iconfont";color:#666;position:relative;}
.headR .sIcon::after{content:"";position: absolute;height:20px;width:1px;border-right:1px dotted #ccc;right:-18px;top:6px;}
.headR .tel{float:left;font-size:14px;padding-left:60px;color:#191919;font-size:22px;font-weight:700;font-family:Arial;position: relative;}
.headR .tel::after{content:"\e6ee";position: absolute;left:35px;font-family:"iconfont";opacity:.6;font-size:18px;}
.wapTel{font-family:"iconfont";position: absolute;color:#1b6eaa;right:60px;font-size:1.5rem;line-height:1;top:20px;display:none;}

/* PC端搜索 */
.search{position: absolute;padding:20px;background:#333; background: rgba(0,0,0,.5);left:0;top:100%;display:none;width:100%;padding-top:0;border-top: 1px solid #333;}
.search form{width:40%;margin:0 auto;margin-top:15px;background:#fff;height:50px;line-height:50px;padding:0 50px 0 20px;}
.search .txt{width:100%;height:50px; line-height:40px;color:#666;float:left;}
.search .btn{float:left;width:50px;height:50px; cursor:pointer;transition:all 0.3s;background:#333 url('../images/image/sIcon.png') no-repeat center;border-left:1px solid #666;margin-right:-50px;}
.search .btn:hover{background-color:#1b6eaa;}

/*  导航按钮 */
.navTrigger{position:absolute;top:22px;right:15px;width:28px;overflow:hidden;white-space:nowrap;color:transparent;z-index:20;cursor:pointer;display:none;}
.navTrigger span{display:block;height:2px;background:#1b6eaa;margin-bottom:6px;transition:all 0.3s;  -webkit-transform-origin: 0% 50%;-moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%;-o-transform-origin: 0% 50%;transform-origin: 0% 50%;}
.navTrigger span:nth-child(3){margin-bottom:0;}
.navTrigger-on span:nth-child(1){transform: translateX(4px) translateY(0px) rotate(45deg);}
.navTrigger-on span:nth-child(2){opacity:0;}
.navTrigger-on span:nth-child(3){transform:translateX(2px) translateY(2px) rotate(-45deg);}

/* 广告轮播图 */
.banner{position:relative;overflow:hidden;font-size:.875rem;top: -30px;}
.banner .swiper-slide{position: relative;}
.banner .pic{width:100%;}
.banner .txt{position:absolute;left:0;top:25%;transform:translateX(-50%);z-index:10;opacity:0;transition:all 1s;}
.banner .txt2{top:20%;}
.banner .swiper-wrapper{transition-timing-function: ease-in-out;}
.banner .swiper-pagination{max-width:1600px;left:50%;transform:translateX(-50%);}
.banner .swiper-pagination-bullet{background:none;opacity:1;cursor:pointer;width:14px;height:14px;border:1px solid #fff;position: relative;}
.banner .swiper-pagination-bullet:after{content:"";position:absolute;width:6px;height:6px;background:#fff;top:3px;left:3px;border-radius:100%;}
.banner .swiper-pagination-bullet-active{border-color: #1b6eaa;}
.banner .swiper-pagination-bullet-active::after{background:#1b6eaa;}
.banner .swiper-slide-active .txt{ opacity:1;left:25%;}
.banner .swiper-slide-active .txt2{left:50%;}

/* 我们的产品 */
.hTitle{font-size:1rem;margin-bottom:40px;text-align:center;}
.hTitle span{display: block;font-size:2.875em;color:#191919;margin-bottom:5px;}
.proMenu{font-size:1.286em;border-bottom: 1px solid #1b6eaa;display:flex;flex-flow: row wrap;justify-content: space-between;text-align:center;overflow:hidden;margin-right:3px;}
.proMenu a{float:left; position:relative;color:#333;flex-grow:1;border-right: 1px solid #d9d9d9;background:#f3f3f3;z-index:2;height:65px;line-height:65px;}
.proMenu a:last-child{border-right:none;}
.proMenu a:after{content:"";position:absolute;left:0;top:0;background:#1b6eaa;width:100%;height:100%;z-index:-1;transition:transform .5s;transform: scale(0,1);transform-origin:right;}
.proMenu .on,.proMenu a:hover{color:#fff;}
.proMenu .on::after,.proMenu a:hover::after{transform: scale(1);transform-origin:left;}
.proMain{padding-left:1px;}
.proMain li{float:left;width:25%;font-size:1.143em;border:1px solid #e5e5e5;margin-left:-1px;margin-top:-1px;}
.proMain li a{display:block;overflow:hidden;background:#fff;}
.proMain li .pImg{padding-top:100%;}
.proMain li h4{color:#191919;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;text-align:center;line-height:30px;height:62px;}
.proMain li h4 i{font-style:normal;margin-left:15px;color:#999;font-size:14px;}
.proMain li a:hover img{transform: scale(1.1);}
.proMain li a:hover h4,.proMain li a:hover i,.caseSlide li:hover p{color:#1b6eaa;}


/* 案例 */
.case{background: url('../images/image/case_bg.jpg');}
.caseMain{background:#fff;padding:40px;}
.caseSlide li{float: left;width:25%;}
.caseSlide li .pImg{padding-top:72%;}
.caseSlide li .pImg::after,.setting li .pImg::after{content:"";position: absolute;left:15px;top:15px;right:15px;bottom:15px;opacity:0;border:1px solid #fff;transform: scale(0)  rotate(-90deg);transition:all .5s;}
.caseSlide li p{font-size:1.143em;color:#333;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;margin-top:15px;}
.caseSlide li:hover img{transform: scale(1.1);transition:all 1.2s;}
.caseSlide li:hover .pImg::after,.setting li:hover .pImg::after{transform: scale(1) rotate(0deg);opacity:.9;}
.caseSlide .swiper-pagination,.setting .swiper-pagination{position: static;margin-top:40px;height:1px;background:#e7e7e7;background:#e5e5e5;}
.swiper-pagination-progress .swiper-pagination-progressbar{background:#1b6eaa;}


/* 6大理由 */
.odds{background:url('../images/image/odds_bg.jpg') no-repeat center bottom;padding-bottom:0;background-size:cover;background-attachment: fixed;position: relative;height:930px;}
.odds::after{/*content:"";position: absolute;right:0;top:0;height:64%;width:8%;background:#1b6eaa;*/}
.odds li{float:left;width:25%;background-color:#fff;height:355px;border-right: 1px solid #ccc;padding:40px 4%;position:relative;z-index:2;margin-bottom:1px;}
.odds li:nth-child(4n){border-right:none; }
.odds .txt::after{content:"";position: absolute;left:0;bottom:0;width:100%;height:0;background:#1b6eaa;z-index:-1;transition:all .5s;}
.odds li h4{margin-bottom:30px;font-size:1.714em;color:#191919;font-weight:700;}
.odds li h4 i{display: block;font-style:normal;opacity:.2;font-family:Arial;margin-bottom:5px;font-size:36px;}
.odds li:hover,.odds li:hover h4,.odds li:hover h4 i{color:#fff;transition:all .3s;opacity:1;}
.odds .txt:hover::after{height:100%;}
.odds .line{position: absolute;width:180px;height:530px;background: url('../images/image/odds_line.png');left:5%;bottom:0;z-index:1;}
.odds .line2{right:2%;left:auto;bottom:25%;}


/* 关于 */
.aboutMain {height:620px;position:relative;overflow:hidden;margin-bottom:1px;}
.aboutMain .bgImg{animation:scale 24s infinite;}
.aboutMain .txt{position: absolute;right:30px;top:30px;background:#fff;max-width:700px;width:100%;bottom:30px;padding:4% 5%;}
.aboutMain .tie{font-size:1.857em;color:#191919;margin-bottom:20px;}
.aboutMain .info{line-height:1.8;max-height:150px;margin-bottom:30px;overflow:hidden;}
.aboutMain .more{display:inline-block;width:180px;height:45px;line-height:45px;text-align:center;background:url('../images/image/a_line.png');}
.aboutMain .more:hover{background:#1b6eaa;color:#fff;}
.oddsNum{overflow:hidden;height:130px;display: flex;justify-content: space-between;border-top: 1px solid #000;padding-top:35px;margin-top:40px;position: absolute;max-width:540px;width:100%;bottom:50px;} 
.oddsNum p{float:left;}
.oddsNum p b{display:block;font-size:3.286em;font-family:Arial;line-height:1.2;color:#191919;}
.setting li{float:left;width:25%;}
.setting li .pImg{padding-top:72%;}
.setting li p{padding-top:15px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.setting li:hover img{transform: scale(1.1);}
@keyframes scale
{
  from {transform:scale(1);}
  50% {transform:scale(1.1);}
  to {transform:scale(1);}
}


/* 合作伙伴 */
.partner{background: url('../images/image/a_line.png');}
.tieTop{position: relative;margin-bottom:40px;overflow:hidden;}
.partner .hTitle{text-align:left;margin-bottom:0;}
.hTel{font-size:12px;padding-left:50px;background: url('../images/image/telIcon.png') no-repeat left center;position: absolute;bottom:15px;right:0;}
.hTel span{display: block;font-size:2.333em;font-weight:bold;font-family:'Geometric','Arial';line-height:1.2;color:#333;}
.partnerMain{padding-left:220px;overflow:hidden;}
.partnerSlide{padding-top:1px;overflow:hidden;padding-left:1px;}
.partner li{float:left;width:14.3%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px !important;position: relative;transition:all .5s;}
.partner li .pImg{padding-top:60%;}
/* .partner li img{filter: grayscale(100%); filter: gray;-webkit-filter: grayscale(100%);-ms-filter: grayscale(100%); -o-filter: grayscale(100%);} */
.partner li a:hover img{filter:none;-webkit-filter:none;-ms-filter:none; -o-filter:none;transform: scale(1.1);}
.partner li a:hover{box-shadow:0 0 8px #ccc;z-index:2;}
.partner .zx{display:inline-block;height:95px;width:95px;background:#1b6eaa;color:#fff;text-align:center;padding-top:20px;margin-left:14.3%;}
.partner .zx i{font-family:"iconfont";font-style:normal;display: block;font-size:1.286em;}
.partner .zx:hover{background:#900006;}
.partner .tie{font-size:1.143em;color:#333;text-align:right;margin-top:40px;position: relative;}
.partner .tie::after{content:"";position: absolute;background:#ccc;height:1px;width:80%;left:-280%;width:260%;top:15px;}
.partner .bgImg{position: absolute;left:0;bottom:0;height:338px;width:30%;z-index:-1;}
.partnerSlide .sIcon{left:220px;width:auto;bottom:30px;}
.partnerSlide .swiper-pagination-bullet{width:10px;height:10px;background:#fff;}

/* 新闻快讯 */
.news .hTitle{margin-bottom:20px;}
.newsMenu{font-size:1.429em;text-align:center;margin-bottom:50px;}
.newsMenu a{position:relative;color:#191919;margin:0 25px;display:inline-block;}
.newsMenu a::after,.newsR li::after{content:"";position:absolute;left:0;bottom:-5px;background:#1b6eaa;height:2px;transition:all .5s;width:0;}
.newsMenu .on,.newsMenu a:hover,.newsMain h4 a:hover{color:#1b6eaa;}
.newsMenu .on::after,.newsMenu a:hover:after,.newsR li:hover::after{width:100%;}

.newsL{overflow:hidden;margin-right:-15px;width:68%;}
.newsL li{float:left;width:50%;padding-right:15px;overflow:hidden;}
.newsL li a{display:block;overflow:hidden;position:relative;z-index:2;color:#888;background:#fff;}
.newsL li .bgImg{height:260px;transition:all .6s;}
.newsL li h4{font-size:1.286em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;color:#333;padding:25px 0 15px 0;transition:all .3s;}
.newsL li p{height:100px;border-bottom: 1px solid #e5e5e5;margin-bottom:30px;line-height:1.8;}
.newsL li .date{display:block;font-size:12px;}
.newsL li .date i{font-style:normal;margin-left:20px;opacity:.6;}
.newsL li:nth-child(2){margin-bottom:15px;}
.newsL li a:hover .bgImg{transform: scale(1.1);}
.newsL .pic h4{z-index:2;position:relative;}
.newsL .pic .hide{display:block;border:1px solid #ddd;}
.newsL .txt a{padding:0 30px;height:240px;}
.newsL li:nth-child(3).txt a{padding-top:30px;}
.newsL .txt h4{padding-top:0;}
.newsL .txt .bgImg{position: absolute;z-index:-1;opacity:0;top:0;left:0;}
.newsL .txt a:hover .bgImg{opacity:.2;}
.newsL .txt a:hover{color:#fff;background-color:#1b6eaa;padding:30px;}
.newsL .txt a:hover h4{color:#fff;}
.newsR{width:30%;}
.newsR li{border-bottom: 1px solid #ebebeb;height:108px;margin-bottom:20px;position:relative;}
.newsR li::after{height:1px;bottom:0;}
.newsR li h4{font-size:1.143em;margin-bottom:10px;}
.newsR li a{color:#191919;}
.newsR li h4,.newsR li p{white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsR li span{display:inline-block;font-size:12px;opacity:.6;margin-top:10px;}
.newsR li:last-child{margin-bottom:0;}


/*底部 */
.footer{overflow:hidden;font-size:.75rem;background:#2d2d2d;color:#999;}
.footMain{padding:60px 0 30px 0;overflow:hidden;}
.footTop{background: url('../images/image/foot_line.png');height:65px;line-height:65px;overflow: hidden;margin-bottom:50px;color:#fff;padding-right:40px;}
.footTop p{padding-left:50px;color:#ccc;}
.footTop p span{font-size:22px;color:#fff;font-family:Arial;font-weight:bold;margin-left:15px;}
.footTop .phone{position:relative;margin-left:50px;}
.footTop .phone::after{content:"";position: absolute;left:0;top:28px;border-left: 1px dotted #eee;height:18px;opacity:.5;}
.footTop .zx{float:right;color:#fff ;}
.footTop .zx i{font-style:normal;font-family:"iconfont";margin-right:10px;font-size:1.286em;}
.footTop .zx:hover{text-decoration: underline;}
.footMenu{margin-bottom:40px;font-size:1.333em;overflow:hidden;width:56%;}
.footMenu .first{display:none;}
.footMenu a{color:#fff;margin-right:38px;}
.footMenu a:hover{color:#fff;text-decoration: underline;}
.footR{width:42%;padding-right:150px;text-align:right;overflow:hidden;line-height:2;}
.footR a,.firendlink a{color:#999;}
.footR a:hover,.firendlink a:hover{color:#fff;}
.footWx {margin-right:-150px;background:#fff;width:110px;text-align:center;padding:5px;color:#666;}
.footWx img{width:100%;}
.firendlink{padding:20px 0;position:relativeposition:relative;}
.firendlink::after{content:"";position: absolute;left:0;top:0;width:200%;left:-50%;background:#424242;height:1px;}
.firendlink span{color:#fff;margin-right:25px;}
.firendlink a{margin:0 15px;}

.listMenu-inner {
}

/*内页公用 */
.listWrap{overflow:hidden;padding:60px 0;font-size:.875em;top: -31px;}
.listBanner,.mzsmBanner{height:500px;background-position: center;background-repeat: no-repeat;background-size:cover;position:relative;top: -31px;}
.listBanner h3{position:absolute;color:#fff;top:40%;font-size:2.5rem;text-transform:uppercase;width:100%;font-weight:700;padding-bottom:15px;animation:leftPic 1s;max-width:75rem;min-width:360px;left:50%;-webkit-transform: translate(-50%); -moz-transform: translate(-50%);-ms-transform: translate(-50%);-o-transform: translate(-50%); transform:translate(-50%);}
.listBanner h3 span{display: block;font-size:14px;font-weight: 400;opacity: 0.8;}
.breadCrumb{font-size:.875rem;overflow:hidden;background:#f7f7f7;padding:20px 0;}
.breadCrumb p span{position:relative;padding-left:20px;}
/* .breadCrumb span::after{content:"\e646";position:absolute;left:0;font-family:"iconfont";top:0;} */
.breadCrumb .back{float:right;position:relative;color:#1b6eaa;border:1px solid #1b6eaa;line-height:26px;width:90px;text-align:center;}
.breadCrumb .back i{font-family:"iconfont";margin-right:5px;}
.breadCrumb .back:hover{background:#1b6eaa;color:#fff;}
.proSear{width:50%;margin:0 auto;height:50px;line-height:50px;margin-bottom:40px;padding:0 50px 0 15px;background:#eee;}
.proSear .btn{height:50px;line-height:50px;width:50px;text-align:center;font-size:16px;background:#333 url('../images/image/sIcon.png') no-repeat center;color:#fff;cursor:pointer;transition:all 0.3s;float:left;margin-right:-50px;}
.proSear .txt{height:48px;line-height:48px;border-right:none;width:100%;padding:0 10px;float:left;}
.proSear .btn:hover{background-color:#111;}
.listTie{font-size:2.625rem;text-align:center;color:#191919;position:relative;padding-bottom:15px;margin-bottom:40px;}
.listTie::after{content:"";position: absolute;left:50%;bottom:0;width:20px;height:1px;background:#1b6eaa;margin-left:-10px;}
@keyframes leftPic
{
  0%   {opacity:0;padding-top:60px;}
  100% {opacity:1;padding-top:0;}
}

/*内页公用菜单*/
.listMenu{background:#fff;margin:0 auto;margin-top:-94px;height:64px;line-height:64px;background:rgba(255,255,255,.9);padding:0 25px;font-size:1.143em;border-radius:5px 5px 0 0;max-width:75rem !important;width:100%;min-width:320px;position:relative;box-sizing:border-box;}
.listMenu p{line-height: 64px;float:right;font-size:14px;background: url('../images/image/home_icon.png') no-repeat left center;padding-left:25px;opacity:.8;}
.listMenu .m{color:#191919;margin:0 30px;position:relative;display:inline-block;}
.listMenu .m::after{content:"";position: absolute;left:0;bottom:0;height:2px;width:100%;background:#1b6eaa;transform: scale(0,1);transform-origin:right;transition: transform .5s;}
.listMenu .m:hover,.listMenu .cur{color:#1b6eaa;}
.listMenu .cur::after{transform: scale(1);}

/* 产品列表 */
.proWrap{padding-top:0;overflow: visible;}
.proWrap::after{content:"";position: absolute;top:0;left:0;width:200%;margin-left:-50%;background:#f7f7f7;height:70px;line-height:70px;z-index:-1;}
.proSider{width:22%;font-size:1.143em;float:left;}
.proSider .title{background:#1b6eaa;padding:30px;color:#fff;font-size:2.25em;text-transform: uppercase;}
.proSider .title span{display:block;font-family:Arial;font-size:0.556em;}
.proSider .title i{float:right;color:#1b6eaa;display:none;font-size:14px;cursor:pointer;position: relative;padding-right:25px;font-style:normal;}
.proSider .title i::after{content:"\e655";position:absolute;right:0;top:0;font-family:"iconfont";font-size:1.143rem;}
.proSide_sub{background:#f2f2f2;margin-bottom:30px;width:100%;}
.proSide_sub li{border-top: 1px solid #fff;}
.proSide_sub li a{padding:0 30px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;display:block;height:55px;line-height:55px;font-size: 14px;}
.proSide_sub li i{font-family:"iconfont";margin-right:10px;font-style:normal;font-size:1.286em;position: relative;top:3px;}
.proSide_sub li a:hover,.proSide_sub li .cur{background:#1b6eaa;color:#fff;}
.proSide_sub ul{border-bottom: 1px solid #e6e6e6;font-size:.875em;}
.proSide_sub ul li{background: url('../images/image/ly_li2.png') no-repeat 18% center;padding-left:15%;}
.proSide_sub ul li a{line-height:40px;height:40px;}
.proSide_sub ul .cur,.proSide_sub ul a:hover{color:#1b6eaa;background:none;}
.relaCase{background:#f2f2f2;padding:20px 30px;}
.relaCase .tie{height:45px;border-bottom: 1px solid #d7d7d7;font-size:1.25em;color:#333;margin-bottom:20px;}
.relaCase li .pImg{padding-top:87%;}
.relaCase li p{height:60px;line-height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.relaCase li i,.proList li i{float:right;font-style:normal;margin-left:15px;}
.relaCase li:hover img{transform: scale(1.1);}

.proR{width:74%;}
.pro_bread{font-size:.875rem;height:70px;line-height:70px;overflow:hidden;margin-bottom:40px;}
.pro_bread strong{font-size:1.786em;font-weight:normal;color:#333;}
.pro_bread p{position:relative;padding-left:25px;line-height: 64px;}
/* .pro_bread p::after{content:"\e646";position:absolute;left:0;font-family:"iconfont"} */
.proList {margin-right:-30px;}
.proList li{float:left;width:33.3%;margin-bottom:20px;padding-right:30px;}
.proList li a{display:block;}
.proList li .pImg{padding-top: 100%;transition:all .3s;border:1px solid #d1d1d1;transition:all .4s;}
.proList li p{height:60px;line-height:60px;color:#191919;white-space:nowrap;text-overflow: ellipsis;overflow: hidden;text-align:center;}
.proList li a:hover .pImg{box-shadow:0 0 10px #ccc;}
.proList li a:hover img{transform: scale(1.1);}
.proList li a:hover p{color:#1b6eaa;}
.searchList{width:100%;}
.searchList li{width:25%;}

/*  产品详情 */
.proShow_box1{overflow:hidden;margin:40px 0;border:1px solid #ddd;}
.proShowTop{overflow:hidden;margin-bottom:50px;}
.gallery{width:40%;position:relative;border-right:solid 1px #ddd;padding-bottom:0;overflow:hidden;}
.gallery li{height:540px;line-height:540px;text-align:center;}
.gallery .pImg{padding-top:116%;}
.gallery img{max-height:100%;}
.gallery .swiper-pagination-bullet-active{background:#1b6eaa;}

.proShow_R{width:60%;overflow:hidden;line-height:1.8;padding:3% 4%;}
.proShow_R .title{margin-bottom:20px;color:#333;}
.proShow_R .title span{display:block;font-size:32px;color:#1b6eaa;}
.proShow_R .font{height:210px;line-height:2;margin-bottom:20px;border-bottom: 1px solid #ddd;padding-bottom:20px;overflow: hidden;}
.proShow_R li{float: left;width:25%;border-right: 1px dotted #ddd;text-align:center;font-size:1.143em;}
.proShow_R li i{display:inline-block;width:37px;height:37px;background: url('http://www.szlcx-auto.com/themes/Home/default/Public/images/show_Icon.png') no-repeat;}
.proShow_R li:nth-child(2) i{background-position: -37px 0;}
.proShow_R li:nth-child(3) i{background-position: -74px 0;}
.proShow_R li:nth-child(4) i{background-position: -111px 0;}
.proShow_R li span{display: block;}
.proShow_R .btn{margin-top:30px;overflow:hidden;}
.proShow_R .btn a{width:46%;height:50px;line-height:50px;float:left;text-align:center;border:1px solid #ddd;color:#333;margin-bottom:10px;font-size: 14px;}
.proShow_R .btn a:nth-child(2){float:right;}
.proShow_R .btn i{font-family:"iconfont";position:relative;margin-right:5px;font-style:normal;font-size:1.286rem;line-height:1;top:2px;}
.proShow_R .btn a:hover{background:#1b6eaa;color:#fff;}
.proShow_menu{margin-bottom:10px;text-align:center;overflow: hidden;}
.proShow_menu a{width:150px;height:40px;line-height:40px;border:1px solid #dcdcdc;display:inline-block;margin:0 10px;color:#333;border-radius:20px;}
.proShow_menu .on,.proShow_menu a:hover{background:#1b6eaa;border:1px solid #1b6eaa;color:#fff;}
.proShow_fix{position: fixed;width:100%;top:0;left:0;background:#fff;padding:20px;box-shadow:0 0 10px #ccc;z-index:10;}
.proTie{height:50px;line-height:50px;border-bottom:1px solid #dcdcdc;font-size:1.286em;margin-bottom:25px;margin-top:30px;}
.proTie span{display:inline-block;border-bottom:1px solid #1b6eaa;;color:#1b6eaa;height:50px;}
.proShow_con3{width:100%;}
.proShow_con3 ul{margin-right:-30px;}

/* 公司宣传片 */
.videoList ul{margin-right:-40px;overflow: hidden;}
.videoList li{float:left;width:25%;padding-right:40px;margin-bottom:20px;}
.videoList li a{display: block;overflow: hidden;}
.videoList li .pImg{padding-top:78%;}
.videoList li p{height:60px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;transition:all .3s;padding-top:20px;}
.videoList li .pImg::after{content:"";position:absolute;left:0;top:0;background:#000;opacity:.5;width:100%;height:100%;transition:all .5s;z-index:4;}
.videoList li .pImg::before{content:"";position:absolute;left:50%;top:50%;width:90px;height:36px;background: url('../images/image/vIcon.png') no-repeat;margin-left:-45px;margin-top:-18px;z-index:5;transition:all .5s;}
.videoList li:hover img{transform: scale(1.06);}
.videoShow{width:100%;height:600px;}

/* 关于我们 */
.aboutBox1 .tie{font-size:2.571em;color:#1b6eaa;margin-bottom:30px;line-height:1;}
.aboutBox1 .left{width:50%;line-height:1.8;padding-top:20px;position: relative;height:500px;}
.aboutBox1 .font{overflow-y:auto;height:520px;padding-bottom:15px;}
.aboutBox1 .right{width:46%;height:450px;overflow:hidden;display:block;}
.aboutBox1 .tel{padding-left:40px;position: absolute;left:0;bottom:0;font-size:1.571em;font-family:Arial;color:#333;}
.aboutBox1 .tel::after{content:"\e603";position: absolute;font-family:"iconfont";left:0;font-size:1.6rem;top:-4px}
.aboutBox1 .tel span{font-weight:bold;margin-left:30px;font-size:1.182em;}

.history{text-align:center;}
.historyMain{padding-top:10px;overflow:hidden;}
.history li{float:left;width:25%;padding:0 2% 0 50px;background: url('../images/image/h_line.png') no-repeat left top;min-height:160px;text-align:left;}
.history li h5{font-size:1.286em;margin-bottom:20px;}
.history li h5 span{display: block;font-size:1.8em;color:#333;font-family:Arial;font-weight:bold;letter-spacing:-1px;line-height:1.2;}
.history .btn{left:-70px;width:20px;background-size:20px 40px;top:60%;opacity:.5;}
.history .swiper-button-next{left:auto;right:-70px;}
.history .btn:hover,.honorR .btn:hover{opacity:1;}

.honor,.history{background: url('../images/image/pro_bg.jpg');}
.honorL{width:28%;background:#1b6eaa;color:#fff;padding:4%;height:440px;font-size:1.143em;line-height:1.8;}
.hTitlew{color:#fff;}
.hTitlew span{color:#fff;line-height:1;text-align:left;}
.honorR{width:72%;position: relative;background:#fff;height:440px;padding:3.5% 70px;text-align:center;}
.honorSlide li{width:20%;float:left;font-size:1.143em;}
.honorSlide li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:15px;}
.honorSlide li .pic{display:block;height:280px;line-height:280px;}
.honorSlide li img{transition:all .5s;max-height:100%;}
.honorSlide li a:hover img{transform:scale(1.1);}
.honorSlide li a:hover p{color:#1b6eaa;}
.honorR .btn{width:20px;background-size:20px 40px;opacity:.5;left:20px;}
.honorR .swiper-button-next{left:auto;right:20px;}
.album ul{margin-right:-5px;}
.album li{float:left;width:20%;padding-right:5px;padding-bottom:5px;}
.album li .pImg{padding-top:70%;}
.album li p{position:absolute;background: rgba(0,0,0,.5);padding:0 5%;height:60px;line-height:60px;color:#fff;left:0;bottom:-60px;z-index:2;width:100%;transition:all .3s;text-align:center;}
.album li.big {width:40%;}
.album li:hover img{transform: scale(1.1);}
.album li:hover p{bottom:0;}

/* 发展历程 */
.course{padding-left:340px;}
.courseL{float:left;width:300px;margin-left:-340px;border:4px solid #cecece;padding:4% 3%;line-height:1.2;}
.courseL h3{font-size:42px;color:#191919;margin-bottom:40px;font-weight:bold;}
.courseL p{font-size:24px;color:#1b6eaa;font-family:Arial;}
.courseL p span{display:block;font-size:64px;color:#b9b9b9;font-weight:bold;}
.courseR .pic img{float:left;width:33.3%;padding-right:1px;}
.courseR li{border-bottom: 1px dotted #d6d6d6;padding:40px 0 40px 125px;overflow: hidden;font-size:1.143em;color:#333;transition:all .4s;}
.courseR li .date{margin-left:-125px;width:90px;height:90px;border:4px solid #cecece;padding:10px;font-size:1.125em;float:left;display:block;line-height:1.2;color:#bbb;transition:all .4s;}
.courseR li .date i{display:block;font-style:normal;font-size:1.556em;font-family:Arial;font-weight:bold;}
.courseR .txt{vertical-align: middle;display: table-cell;height:90px;}
.courseR li:hover .date{border:4px solid #1b6eaa;color: #1b6eaa;}
.courseR li:hover{background:#f9f9f9;}

/* 案例 */
.newsSlide{overflow:hidden;position:relative;text-align: center;margin-bottom:50px;}
.newsSlide li{text-align: left;background:#e3e3e3;overflow: hidden;}
.newsSlide li .pic{width:45.5%;height:530px;overflow: hidden;display:block;}
.newsSlide li .txt{width:54.5%;padding:6%;}
.newsSlide li h4{font-size: 1.429em;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position:relative;padding-bottom:20px;margin-bottom:30px;font-weight:700;}
.newsSlide li h4::after{content:"";position:absolute;left:0;bottom:0;height:1px;background:#1b6eaa;width:15px;transition:all 0.4s; }
.newsSlide li h4 a{color: #333;}
.newsSlide li h4 a:hover{color: #1b6eaa;}
.newsSlide .slideIcon{position: absolute;bottom:0;right: 0;background:#1b6eaa; height: 80px;line-height: 80px;width:54.5%;z-index:2;left:auto;padding-left:6%;text-align: left;}
.newsSlide .swiper-pagination-bullet{width:10px;height:10px;cursor: pointer;background:#fff;}
.newsSlide .swiper-button-next, .newsSlide .swiper-button-prev{background:rgba(0,0,0,.8);width:80px;height:36px;opacity:1;font-size:20px;font-family:"宋体";font-weight:bold;line-height:36px;text-align:center;color:#fff;position: static;margin-top: 20px;display: none;}
.newsSlide li .pic{height:460px;}
.newsSlide li .txt{padding:5%;}
.newsSlide li:hover .bgImg{transform: scale(1.08);}
.picSlide{position:relative;margin-bottom:40px;background:#e1e1e1;padding:10px;}
.picSlide li{text-align:center;height:100%;position: relative;}
.picSlide img{width:100%;}
.picSlide-top .pImg{padding-top:56%;}
.picSlide-thumbs{margin-top:1px;}
.picSlide-thumbs li{border-right:1px solid #fff;padding-top:12%;cursor:pointer;width:16.66%;position: relative;}
.picSlide-thumbs li::after{content:"";position: absolute;left:0;top:0;bottom:0;right:0;border:5px solid #0385d1;opacity:.7;transform: scale(0);transition:all .3s;}
.picSlide-thumbs .on::after{transform: scale(1);}
.picSlide .swiper-button-next,.picSlide .swiper-button-prev{top:45%;background:rgba(255, 255, 255,.5);text-align:center;width:90px;height:50px;line-height:50px;color:#fff;font-size:24px;font-family:Arial;transition:all .3s;}
.picSlide .swiper-button-prev{left:0;}
.picSlide .swiper-button-next{right:0;left:auto;}
.picSlide .swiper-button-next:hover,.picSlide .swiper-button-prev:hover{background:#0385d1;}

/* 合作伙伴 */
.settingTop{background: #e3e3e3;margin-bottom: 45px;overflow: hidden;}
.settingTop .bgImg{width:50%; height:400px;}
.settingTop .font{width:50%;padding:4% 5%;position: relative;z-index:2;height:400px;background: #f6f6f6;}
.settingTop .font h3{font-size:1.857em;color:#1b6eaa;margin-bottom:30px;position:relative;padding-bottom:10px;}
.settingTop .font h3::after{content:"";position: absolute;left:0;bottom:0;height:1px;width:20px;background:#1b6eaa;}
.settingTop:hover .bgImg{transform: scale(1.05);}
.partnerList{padding-top:1px;padding-left:1px;}
.partnerList li{float:left;width:12.5%;border:1px solid #d9d9d9;margin-left:-1px;margin-top:-1px;position: relative;transition:all .5s;background:#fff;animation-fill-mode:inherit;overflow:hidden;}
.partnerList li .pImg{padding-top:60%;}
.partnerList li p{height:40px;line-height:30px;text-align:center;padding:0 10px;font-size:12px;transition:all .5s;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;position: absolute;bottom:-50px;text-align:center;background:#1b6eaa;height:40px;line-height:40px;color:#fff;width:100%;}
.partnerList li:hover p{bottom:0;}
.partnerList li:hover img{top:-15px;}

/* 图片列表 */
.picList ul{margin-right:-30px;}
.picList li{width:25%;text-align:center;float:left;padding-right:30px;margin-bottom:30px;}
.picList li a{display:block;overflow:hidden;}
.picList li .pImg{padding-top:68%;border:1px solid #e1e1e1;}
.honorList li .pImg{padding-top:122%;}
.honorList li{width:20%;}
.picList li p{font-weight:normal;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#333;z-index:2;position:relative;margin-top:20px;}
.picList li a:hover img{transform:scale(1.1);}
.picList li a:hover p{color:#1b6eaa;}
.partnerList{background:none;}
.partnerList ul{padding-left:1px;}
.galy{background:#f5f5f5;}
.caseList li .pImg{padding-top:72%;}
.caseList li p{text-align: left;}
.caseList li i{float:right;font-style:normal;}

/* 新闻列表 */
.newsTop{margin-bottom:70px;overflow:hidden;}
.newsTop li{background:#f3f3f3;overflow:hidden;height:260px;margin-bottom:15px;}
.newsTop li .pic{width:50%;float:left;height:260px;overflow:hidden;position:relative;}
.newsTop li .pic span{position:absolute;right:0;top:0;z-index:2;background: rgba(0, 0, 0,.6);color:#fff;font-size:12px;padding:0 10px;line-height:28px;font-family:Arial;}
.newsTop li .txt{width:50%;padding:5%;background:#f3f3f3;}
.newsTop li .txt h4{font-size:1.143em;margin-bottom:20px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.newsTop li .txt h4 a{color:#333;}
.newsTop li .txt h4 a:hover{color:#1b6eaa;}
.newsTop .txt p{height:100px;overflow:hidden;margin-bottom:10px;}
.newsTop li .more{display:inline-block;width:50px;height:7px;background: url('../images/image/m_arr.png') no-repeat right;transition:all .3s;}
.newsTop li .more:hover{background-position: 0 0;width:80px;}
.newsTop li:hover .bgImg{transform:scale(1.1);}
.newsList li a{padding:40px 0;border-top: 1px solid #d9d9d9;overflow:hidden;display:block;color:#777;}
.newsList li .date{float:left;width:150px;font-size:12px;font-family:Arial;line-height:1.2;color:#333;}
.newsList li .date i{display:block;font-style:normal;font-size:46px;font-weight:bold;} 
.newsList li h3{font-size:1.286em;color:#191919;margin-bottom:15px;color:#191919;}
.newsList li h3 a:hover,.newsList li .more:hover{color:#1b6eaa;}
.newsList li .txt{widows: 68%;;}
.newsList li .more{float:right;color:#888;font-size:12px;margin-top:20px;}
.newsList li a:hover{padding:40px 20px;background:#f5f5f5;}
.newsList li a:hover h3{color:#1b6eaa;}

/* 新闻详情 */
.picShow_l{width:72%;overflow:hidden;}
.picShow{border-top: 1px solid #ddd;padding-top:30px;}
.showTitle{font-size:2.571em;color:#333;margin-bottom:8px;}
.newsShow .txt .date{margin-right:15px;}
.showTie{overflow:hidden;margin-bottom:40px;}
.showTie h2{font-size:1.714em;color:#333;margin-bottom:25px;}
.showTie .txt span{color:#454545;position:relative;padding-left:22px;font-size:1.143em;margin-right:15px;}
/* .showTie .txt span:before{content:"\e62e";font-family:"iconfont";position:absolute;left:0;top:-1px;}
.showTie .txt .s:before{content:"\e735";font-size:1.2rem;top:-2px;} */
.showTie .bshare-custom{margin-top:-30px;}
.newsShow .showTie p{font-size:.75rem;color:#999;}
.showCon{overflow:hidden;margin-bottom:40px;}
.showCon .ce img{min-width:60%;}
.show-synopsis{background:#f7f8fa;padding:15px;margin-bottom:40px;}
.show-synopsis i{display:inline-block;width:15px;background: url('../images/image/a_l.png') no-repeat;height:15px;margin-right:5px;}
.show-synopsis .r{background: url('../images/image/a_r.png') no-repeat;margin-left:5px;margin-right:0;}
.related_news{margin-top:30px;}
.related_news .title{font-size:20px;color:#333;margin-bottom:15px;}
.related_news li{float:left;width:48%;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;background: url('../images/image/ly_li2.png') no-repeat left center;padding-left:15px;height:46px;line-height:46px;border-bottom: 1px dotted #ddd;}
.related_news li:nth-child(2n){float:right;}

.picShow_r{width:24%;overflow:hidden;}
.picShow_r .title{font-size:1.429em;color:#333;border-bottom: 1px solid #d9d9d9;height:40px;margin-bottom:25px;white-space:nowrap;text-overflow: ellipsis;}
.picShow_r .title span{display:inline-block;border-bottom: 1px solid #1b6eaa;height:40px;}
.picShow_r .title a{float:right;font-size:12px;margin-top:4px;}
.picShow_r li{border-bottom: 1px dotted #bfbfbf;padding-bottom:15px;margin-bottom:15px;overflow: hidden;font-size:12px;}
.picShow_r li .pImg{width:35%;float:left;padding-top:26%;margin-right:20px;border:1px solid #ddd;}
.picShow_r li h4{font-size:15px;margin-bottom:10px;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.picShow_r li h4 a{color:#222;}
.picShow_r li h4 a:hover{color:#1b6eaa;}
.picShow_r li:hover img{transform: scale(1.1);}
.picShow_r li:last-child{border-bottom:none;}
.rightNews_w li h4{font-size:18px;padding-top:10px;}
.showPage{height:90px;line-height:90px;overflow:hidden;background:#f1f1f1;}
.showPage a{float:left;width:43%;padding:0 20px;}
.showPage a i{font-style:normal;font-family:"宋体";font-weight:bold;padding-left:10px;margin-left:10px; border-left: 1px dotted #ccc;}
.showPage a:nth-child(2){float:right;text-align:right;}
.showPage a:nth-child(1) i{padding:0 10px 0 0;margin:0 10px 0 0; border-right: 1px dotted #ccc;border-left:none;}
.showPage a:nth-child(3){width:14%;text-align:center;border-left:1px solid #ddd;border-right:1px solid #ddd;}
.showPage a:hover{background:#1b6eaa;color:#fff;}
.rightNews,.rightContact{background:#f2f2f2;padding:5%;}
.rightNews_w,.rightContact_w{background:#fff;padding:8%;}
.rightContact{margin-top:30px;}
.rightContact h4{background: url('../images/image/zxIcon.png') no-repeat left 8px;padding-left:30px;font-size:2em;color:#191919;font-family:Arial;font-weight:bold;border-bottom: 1px solid #ddd;padding-bottom:15px;margin-bottom:15px;}
.rightContact p{padding-left:80px;margin-bottom:10px;overflow:hidden;}
.rightContact p span{margin-left:-80px;float:left;}

/* 联系*/
#dituContent{width:50%;height:520px;float:left;}
.contactR{background:#eee;height:520px;width:50%;padding:3%;line-height: 1.8;padding-right:250px;}
.contactR .titie{font-size:2em;color:#1b6eaa;margin-bottom:20px;}
.contactR .font{max-height:420px;overflow-y: auto;}
.contactR .wx{float:right;margin-right:-200px;width:160px;}
.contactR .wx p{text-align:center;margin-bottom:20px;}
.contactR .wx p span{display:block;}

/* 在线留言*/
.feedback{border-top: 1px solid #ddd;}
.feedbackL{width:24%;height:380px;float:left;}
.feedbackR{width:72.5%;float:right;}
.feedback p{width:49%;float: left;;height: 60px;line-height: 60px;position: relative;padding:0 15px 0 20px;margin-bottom: 10px;position: relative;border: 1px solid #ccc;background:#fff;}
.feedback p:nth-child(2n){float:right;}
.feedback p input{width: 100%;height: 100%;}
.feedback .tarea{width: 100%;height: 160px;padding-top: 15px;padding-bottom:15px;line-height: 1.6;}
.feedback i{content: "";font-family: "iconfont";color: #a0a0a0;font-style: normal;float: left;margin-left: -30px;font-size: 1rem;}
.feedback textarea{width: 100%;height: 100%;}
.feedback .code{clear: both;}
.feedback .code input{height: 60px;line-height: 60px;border: 1px solid #ddd;background:#fff;font-size: 15px;}
.feedback .code .c{width: 20%;padding: 0 15px;}
.feedback .code img{padding:19px;background:#fff;}
.feedback .code .sub {background: #1b6eaa;width: 30%;cursor: pointer;transition: all .3s;color: #fff;border:1px solid #1b6eaa;}
.feedback .sub:hover{background:#900006;}

/* === service.html page styles === */
        <style>
            .advantage-section {
                width: 100%;
                height: 500px;
                background: url("/static/images/picture/banner.png") center / cover no-repeat;
                background-blend-mode: overlay;
                color: #fff;
                display: flex;
                flex-direction: column;
                align-items: center;
                justify-content: center;
                padding: 17% 0% 23% 0;
            }

            /* 标题区域 */
            .section-header {
                text-align: center;
                margin-bottom: 50px;
            }

            .section-header h2 {
                font-size: 38px;
                font-weight: normal;
                margin-bottom: 12px;
                position: relative;
            }

            /* 标题两侧小三角 */
            .section-header h2::before,
            .section-header h2::after {
                content: "";
                position: absolute;
                top: 10px;
                width: 0;
                height: 0;
                border: 8px solid transparent;
            }

            .section-header h2::before {
                left: -40px;
                border-left-color: #39B5FF;
            }

            .section-header h2::after {
                right: -40px;
                border-right-color: #39B5FF;
            }

            .section-header p {
                font-size: 18px;
                opacity: 0.9;
            }

            /* 数据网格布局 */
            .stats-grid {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                gap: 90px;
                width: 100%;
                max-width: 75rem;
            }

            .stat-item {
                text-align: center;
            }

            .stat-number {
                font-size: 50px;
                font-weight: bold;
                line-height: 1;
                margin-bottom: 15px;
            }

            .stat-number span {
                font-size: 24px;
                font-weight: normal;
                margin-left: 8px;
                opacity: 0.9;
            }

            .stat-desc {
                font-size: 18px;
                opacity: 0.85;
            }

.L_adva {
width: 100%;
max-width: 75rem;
margin: 0 auto;
}
        </style>

        <div id="c_static_001-16425745269270">

            <div class="e_container-1 s_layout">

                <div class="cbox-1-0 p_item">
                    <div class="e_html-2 s_list">

                        <div class="acfra1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s"
                            style="color: black;">
                            服务优势
                        </div>
                        <div class="acfrax wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s"
                            style="background-color: black;">
                        </div>

                        <div class="L_adva " style="margin-top: 50px;">

                            <ul class=" list-paddingleft-2">
                                <li>
                                    <div class="L_img_box"><img src="/static/images/picture/news-pic3.png"
                                            title="1754537828907239.jpg"
                                            _src="/Uploads/image/20250807/1754537828907239.jpg"
                                            alt="22c8cc29-674c-4363-a079-37effb41e5e9.jpg"></div>
                                </li>
                                <li>
                                    <div class="L_titbox"><strong>久负盛名的企业管理</strong>
                                        <p>物流业内，公司质量管理体系通过 ISO9000 认证，全流程严格遵循体系规范，保障运营品质长期稳定。</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="L_img_box"><img src="/static/images/picture/news-pic1.png"
                                            title="1754537828907239.jpg"
                                            _src="/Uploads/image/20250807/1754537828907239.jpg"
                                            alt="22c8cc29-674c-4363-a079-37effb41e5e9.jpg"></div>
                                </li>
                                <li style="">
                                    <div class="L_titbox"><strong>可靠的服务团队</strong>
                                        <p>苏马人以严苛的入职甄选、系统化培育体系，辅以独有的 “三观” 进化课程，推动团队成员高比例跻身业内精英行列。</p>
                                    </div>
                                </li>
                                <li>
                                    <div class="L_img_box"><img
                                            src="/static/images/picture/news-pic2.png"
                                            title="1754537828907239.jpg"></div>
                                </li>
                                <li>
                                    <div class="L_titbox"><strong>完备的物流服务特种资质</strong>
                                        <p><strong></strong>苏马物流持有中国航空运输协会（CATA）一类、二类空运代理资质，交通运输部货物道路运输资质，商务部国际海空运代理资质，及多家航空公司货运销售一级代理资质。
                                        </p>
                                    </div>
                                </li>
                            </ul>
                        </div>





                    </div>
                </div>

            </div>

        </div>



        <style>
            #c_static_001-16425745269270 {
                min-height: 300px;
                background-fill-value: background-image;
                background-image: url(../images/8e53a873-c6e9-4719-a293-37c3aa55110e.jpg);
                background-repeat: no-repeat;
                background-position: top center;
                overflow: hidden
            }

            #c_static_001-16425745269270 .e_container-1 {
                display: flex;
                flex-wrap: wrap;
                flex-direction: row;
                width: 94%;
                max-width: 1340px;
                margin-left: auto;
                margin-right: auto;
                display-radio: flex
            }

            #c_static_001-16425745269270 .e_container-1>.p_item {
                flex: 1;
                max-width: 100%;
                max-height: 100%
            }

            #c_static_001-16425745269270 .e_html-2 {
                background_radio: 1;
                min-height: 0;
                margin-top: 7%;
            }

            .L_adva .p_MatteIcon .iconfont:before {
                content: '\e602'
            }

            .L_adva>div {
                animation-fill-mode: both
            }

            .L_adva ul {
                display: flex;
                flex-wrap: wrap
            }

            .L_adva ul li {
                display: block;
                width: calc(58% / 2);
                position: relative
            }

            .L_adva ul li:nth-of-type(3n-1) {
                width: 42%
            }

            .L_adva ul li:first-of-type {
                padding-top: 20px
            }

            .L_adva ul li:nth-of-type(2) {
                background: rgba(10, 75, 140, 0.85);
                padding: 3.5vw 2vw
            }

            .L_adva ul li:nth-of-type(4) {
                background: rgb(21 37 64 / 90%);
                padding: 3vw 2vw;
                position: relative;
                z-index: 2;
                overflow: hidden
            }

            .L_adva ul li:nth-of-type(6) {
                background: rgba(163, 170, 184, .9);
                padding: 2.5vw 2vw
            }

            .L_adva ul li .L_titbox {
                color: #fff;
                font-size: 14px;
                line-height: 2
            }

            .L_adva ul li .L_titbox strong {
                font-size: 24px;
                margin-bottom: 5px;
                display: block
            }

            .L_adva ul li h1 {
                color: #fff;
                font-size: 48px;
                line-height: 1.5;
                font-family: Impact
            }

            .L_adva ul li h2 {
                font-size: 34px;
                line-height: 1 !important;
                font-weight: 700 !important;
                color: #fff !important;
                margin-top: 10px
            }

            .L_adva ul li .L_img_box {
                position: relative;
                height: 100%;
                overflow: hidden
            }

            .L_adva ul li .L_img_box img {
                position: absolute;
                width: auto !important;
                height: auto !important;
                left: 50%;
                top: 50%;
                transform: translate(-50%, -50%);
                transition: all .5s ease;
                min-width: 100%;
                min-height: 100%;
                max-width: 120%
            }

            .L_adva ul li:nth-of-type(2):before {
                content: '01';
                position: absolute;
                right: -5%;
                font-size: 10rem;
                top: 50%;
                color: #fff;
                transform: translateY(-50%);
                FONT-WEIGHT: 700;
                OPACITY: .2;
                FONT-FAMILY: 'impact' !important
            }

            .L_adva ul li:nth-of-type(4):before {
                content: '02';
                position: absolute;
                right: -5%;
                font-size: 10rem;
                top: 50%;
                color: #fff;
                transform: translateY(-50%);
                FONT-WEIGHT: 700;
                OPACITY: .2;
                FONT-FAMILY: 'impact' !important
            }

            .L_adva ul li:nth-of-type(6):before {
                content: '03';
                position: absolute;
                right: -5%;
                font-size: 10rem;
                top: 50%;
                color: #fff;
                transform: translateY(-50%);
                FONT-WEIGHT: 700;
                OPACITY: .2;
                FONT-FAMILY: 'impact' !important
            }

            .L_adva ul li:nth-of-type(5):after {
                content: '';
                position: absolute;
                width: 10000%;
                left: 50%;
                height: 100%;
                background: #fff;
                transform: translateX(-50%)
            }

            .L_adva ul li:nth-of-type(5):before {
                content: '';
                position: absolute;
                width: 10000%;
                left: 0;
                height: 100%;
                background: #fff
            }

            @media screen and (max-width:768px) {
                .L_adva ul li {
                    display: block;
                    width: 100% !important;
                    padding: 20px !important
                }

                .L_adva ul li h1 {
                    color: #fff;
                    font-size: 36px
                }

                .L_adva ul li h2 {
                    font-size: 24px
                }

                #c_static_001-16425745269270 .e_html-2 {
                    margin-top: 0
                }

                .L_adva ul li:nth-of-type(3),
                .L_adva ul li:nth-of-type(5) {
                    display: none
                }

                .L_adva ul li .L_titbox strong {
                    font-size: 18px
                }

                .L_adva ul li .L_titbox {
                    color: #fff;
                    font-size: 12px;
                    line-height: 1.8
                }

                #c_static_001-16425745269270 .e_html-2 {
                    margin: 30px auto 50px
                }
            }
        </style>



        <style>
            .acfra1 {
                width: 100%;
                font-size: 36px;
                line-height: 2;
                color: #fff;
                text-align: center;
            }

            .acfrax {
                width: 100%;
                max-width: 80px;
                height: 2px;
                background: #fff;
                margin: 0 auto;
                margin-top: 20px;
            }

            .solution-container {
                display: flex;
                width: 100%;
		max-width: 75rem;
                height: 400px;
                overflow: hidden;
            }

            .item {
                position: relative;
                flex: 1;
                height: 100%;
                background-size: cover;
                background-position: center;
                transition: flex 0.5s ease;
                cursor: pointer;
            }

            .item:hover {
                flex: 2.5;
            }

            .item .overlay {
                position: absolute;
                bottom: 0;
                left: 0;
                right: 0;
                background: linear-gradient(to top, rgba(0, 43, 91, 0.8), transparent);
                color: #fff;
                padding: 20px;
            }

            .item .overlay .title {
                font-size: 24px;
                font-weight: bold;
                margin-bottom: 8px;
            }

            .item .overlay .desc {
                font-size: 16px;
                opacity: 0.9;
            }

            .item .detail {
                position: absolute;
                top: 0;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(10, 75, 140, 0.85);
                color: #fff;
                padding: 40px 20px;
                display: none;
                flex-direction: column;
                justify-content: center;
            }

            .item:hover .detail {
                display: flex;
            }

            .item:hover .overlay {
                display: none;
            }

            .detail .detail-title {
                font-size: 26px;
                font-weight: bold;
                margin-bottom: 15px;
            }

            .detail .detail-desc {
                font-size: 18px;
                margin-bottom: 30px;
                opacity: 0.9;
            }

            .detail ul {
                list-style: none;
                line-height: 2;
                font-size: 16px;
            }

            .detail .view-more {
                margin-top: 20px;
                font-size: 18px;
                color: #fff;
                text-decoration: none;
            }
        </style>




    </section>





    <footer class="bg-slate-900 text-slate-300 pt-20 pb-10" id="about">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
                <!-- Column 1 -->
                <div>
                    <div class="flex items-center space-x-2 mb-6" style="display: none;">
                        <div class="bg-blue-600 p-1.5 rounded-lg">
                            <iconify-icon class="text-white text-2xl" icon="lucide:truck"></iconify-icon>
                        </div>
                        <span class="text-xl font-bold tracking-tight text-white">迅达物流</span>
                    </div>
                    <p class="text-sm leading-relaxed mb-6">
                        一家专注深耕中国一塞拉利昂定向航线的专业化海运物流服务商，聚焦西非跨境货运赛道，深耕塞拉利昂海运市场，熟知当地港口政策、清关流程与货运规则。</p>
                    <div class="flex space-x-4">
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:facebook"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:twitter"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:instagram"></iconify-icon>
                        </a>
                    </div>
                </div>
                <!-- Column 2 -->
                <div>
                    <h4 class="text-white font-bold mb-6">快捷链接</h4>
                    <ul class="space-y-4 text-sm">
                        <li><a class="hover:text-blue-400 transition-colors" href="#home">公司首页</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#solutions">核心解决方案</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#advantages">我们的优势</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#news">新闻动态</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">加入我们</a></li>
                    </ul>
                </div>
                <!-- Column 3 -->
                <div>
                    <h4 class="text-white font-bold mb-6">服务与支持</h4>
                    <ul class="space-y-4 text-sm">
                        <!-- <li><a class="hover:text-blue-400 transition-colors" href="#">在线寄件</a></li> -->
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运单追踪</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运费查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">禁寄品查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">理赔申请</a></li>
                    </ul>
                </div>
                <!-- Column 4 -->
                <div>
                    <h4 class="text-white font-bold mb-6">联系我们</h4>
                    <ul class="space-y-4 text-sm">
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:phone"></iconify-icon>
                            <span>全国服务热线: <br /> 190-7433-5341</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:mail"></iconify-icon>
                            <span>企业邮箱: <br /> 19074335341@qq.com</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:map-pin"></iconify-icon>
                            <span>总部地址: <br /> 广州市白云区大朗北路68号大朗十二社工业区A03仓苏马</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div
                class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500">
                <p>© 2026 苏马物流 (Suma Logistics) 版权所有</p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a class="hover:text-white" href="#">隐私政策</a>
                    <a class="hover:text-white" href="#">服务条款</a>
                    <a class="hover:text-white" href="#">法律声明</a>
                </div>
            </div>
        </div>
    </footer>

</body>

</html>

/* === solution.html page styles === */
	<style>
		.adv {
			max-width: 1675px;
			margin: 0 auto;
		}

		.bg {
			width: 100%;
			min-width: 1300px;
			max-width: 1920px;
		}

		.t h3 {
			font-size: 40px;
			color: #000;
			line-height: 50px;
		}

		.t h3 b {
			color: #1b6eaa;
		}

		.t p {
			font-size: 18px;
			margin: 10px 0 30px 0;
		}

		.t i {
			display: inline-block;
			width: 10px;
			height: 10px;
			background: #1b6eaa;
			margin: 0 10px;
			border-radius: 100%;
			animation: bounce_fountainG 1.2s linear infinite;
		}

		.t i:nth-child(1) {
			animation-delay: .4s;
		}

		.t i:nth-child(2) {
			animation-delay: .6s;
		}

		.t i:nth-child(3) {
			animation-delay: .8s;
		}

		@keyframes bounce_fountainG {
			0% {
				transform: scale(1);
			}

			100% {
				transform: scale(.5);
			}
		}

		.adv_t {
			padding-top: 0;
			background: url(../images/image/20210917203415_1836926253.png)no-repeat center 25px;
			text-align: center;
		}

		.adv_t dd {
			font-size: 30px;
			color: #333;
			line-height: 60px;
		}

		.adv li {
			float: left;
			border: 1px #eee solid;
			width: 16%;
			height: 43vw;
			box-sizing: border-box;
			padding: 2.5vw;
			overflow: hidden;
			position: relative;
			cursor: pointer;
		}

		.adv li.on {
			width: 52%;
		}

		.adv li+li {
			border-left: 0;
		}

		.adv li img {
			/* width: 100%; */
			max-height: 350px;
		}

		.adv_m {
			padding-top: 5vw;
			transition: all 0.5s;
			text-align: center;
		}

		.adv li.on .adv_m {
			padding: 0;
		}

		.adv_w {
			position: relative;
			text-align: center;
			padding-top: 2vw;
		}

		.adv_w p {
			font-size: 1.2vw;
			color: #222;
		}

		.adv_w dd {
			font-size: 30px;
			color: #ccc;
		}

		.adv_w dd:before {
			content: "";
			display: block;
			width: 1px;
			height: 6vw;
			background: #eee;
			margin: 4vw auto;
		}

		.adv li.on .adv_w {
			display: none;
		}

		.adv_ww {
			opacity: 0;
			padding-top: 2vw;
		}

		.adv li.on .adv_ww {
			opacity: 1;
		}

		.adv_ww h3 {
			font-size: 34px;
			color: #222;
		}

		.adv_ww h3 b {
			color: #1b6eaa;
		}

		.adv_ww p {
			font-size: 16px;
			line-height: 30px;
			padding-top: 10px;
		}

		.adv_ww dd {
			position: absolute;
			font-size: 72px;
			color: #eee;
			bottom: 10px;
			right: 2.5vw;
		}



		@media (max-width: 1920px) {
			.adv li {
				height: 37vw;
			}
		}

		@media (max-width: 1680px) {
			.adv li {
				height: 43vw;
			}
		}

		@media (max-width: 1560px) {
			.adv li {
				height: 45vw;
			}
		}

		@media (max-width: 1400px) {
			.adv li {
				height: 47vw;
			}
		}
	</style>

	<div class="com_image box" style="display: none;">
		<div class="com_a"><a class="on">企业形象</a><a class="">应用场景</a></div>
		<div class="clear"></div>
		<div class="com_cont">
			<div class="new_web_div2021 on">
				<ul>
					{yzn module="cms" action="lists" catid="36" cache="3600" order="id DESC" num="4" page="$page"
					return="data"}
					{volist name="data" id="vo"}
					<li>
						<a href="{$vo.url}">
							<img src="{$vo.thumb}" width="400" height="300" alt="{$vo.title}">
						</a>
						<p>
							<a href="{$vo.url}" title="{$vo.title}"> {$vo.title} </a>
						</p>
					</li>
					{/volist}
					{/yzn}
				</ul>
			</div>
			<div class="new_web_div2021">
				<ul>
					{yzn module="cms" action="lists" catid="23" cache="3600" order="listorder ASC" num="4" page="$page"
					return="data"}
					{volist name="data" id="vo"}
					<li>
						<a href="{$vo.url}">
							<img src="{$vo.thumb}" width="400" height="300" alt="{$vo.title}">
						</a>
						<p>
							<a href="{$vo.url}" title="{$vo.title}"> {$vo.title} </a>
						</p>
					</li>
					{/volist}
					{/yzn}
				</ul>
			</div>
		</div>
	</div>

	<style>
		.com_cont {
			position: relative;
		}

		.new_web_div2021 {
			position: absolute;
			display: none;
			width: 100%;
		}

		.new_web_div2021.on {
			display: block;
		}

		.com_bg {
			background: url(__IMG_PATH__/picture/aboutbg.jpg)no-repeat center;
			height: 900px;
			margin-top: 110px;
			padding-top: 30px;
		}

		.com_t,
		.com_t h3 {
			color: #fff;
		}

		.com p {
			text-align: center;
			font-size: 16px;
			line-height: 40px;
			color: #fff;
			padding: 30px 0 70px 0;
		}

		.com a {
			display: block;
			margin: 0 auto;
			width: 66px;
			height: 66px;
			border-radius: 100%;
			border: 2px #fff solid;
			position: relative;
		}

		.com a img {
			position: relative;
			z-index: 2;
		}

		.com a:after,
		.com a:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(8, 93, 157, .8);
			transform: scale(0);
		}

		.com a:after {
			animation: com1 2s ease-out infinite;
		}

		.com a:before {
			animation: com2 3s ease-out infinite;
		}

		@keyframes com1 {
			0% {
				transform: scale(0.3);
				opacity: 1;
			}

			50% {
				transform: scale(1.5);
				opacity: 0.5;
			}

			100% {
				transform: scale(2);
				opacity: 0;
			}
		}

		@keyframes com2 {
			0% {
				transform: scale(0.6);
				opacity: 1;
			}

			50% {
				transform: scale(1.8);
				opacity: 0.5;
			}

			100% {
				transform: scale(2.4);
				opacity: 0;
			}
		}




		.com_b {
			width: 100%;
		}

		.com_b li {
			float: left;
			width: 25%;
			text-align: center;
			color: #fff;
			padding-top: 60px;
		}

		.com_b p {
			font-size: 50px;
			font-family: "Arial";
		}

		.com_b p span {
			font-size: 20px;
			font-family: "Microsoft YaHei"
		}

		.com_b dd {
			font-size: 16px;
			line-height: 30px;
		}



		.com_image {
			background: #fff;
			padding: 3vw;
			box-shadow: 0 0 100px rgba(0, 0, 0, 0.1);
			width: 88%;
			margin: 0 auto;
			height: 435px;
		}

		.com_a {
			width: 50%;
			margin: 0 auto;
		}

		.com_a a {
			display: block;
			float: left;
			width: 40%;
			height: 40px;
			line-height: 40px;
			text-align: center;
			background: black;
			color: #fff;
			font-size: 16px;
			transition: 0.3s all ease;
			margin-bottom: 40px;
			cursor: pointer;
		}

		.com_a a+a {
			margin-left: 2%;
		}

		.com_a a.on {
			width: 50%;
			background: #1b6eaa;
		}

		.com_cont ul li {
			display: inline-block;
			width: 22.5%;
			text-align: center;
			position: relative;
			height: 258px;
			vertical-align: top;
		}

		.com_cont ul li+li {
			margin-left: 2%;
		}

		.com_cont ul li a {
			display: block;
			overflow: hidden;
			height: 100%;
		}

		.com_cont ul li img {
			width: 100%;
			height: 100%;
			transition: 0.3s all ease;
		}

		.com_cont ul li:hover img {
			transform: scale(1.1);
		}

		.com_cont ul li p {
			position: absolute;
			bottom: 0;
			width: 100%;
		}

		.com_cont ul li p a {
			line-height: 44px;
			width: 100%;
			background: rgba(0, 0, 0, 0.4);
			color: #fff;
			font-size: 16px;
			transition: 0.3s all ease;
		}

		.com_cont ul li:hover p a {
			background: rgba(8, 93, 157, 0.8);
		}

		.t {
			text-align: center;
		}

		.t h3 {
			font-size: 40px;
			color: #000;
			line-height: 50px;
		}

		.t h3 b {
			color: #1b6eaa;
		}

		.t p {
			font-size: 18px;
			margin: 10px 0 30px 0;
		}

		.t i {
			display: inline-block;
			width: 10px;
			height: 10px;
			background: #1b6eaa;
			margin: 0 10px;
			border-radius: 100%;
			animation: bounce_fountainG 1.2s linear infinite;
		}

		.t i:nth-child(1) {
			animation-delay: .4s;
		}

		.t i:nth-child(2) {
			animation-delay: .6s;
		}

		.t i:nth-child(3) {
			animation-delay: .8s;
		}

		@keyframes bounce_fountainG {
			0% {
				transform: scale(1);
			}

			100% {
				transform: scale(.5);
			}
		}

		@media only screen and (max-width : 800px) {
			.lianxin {
				margin-top: 553px;
			}
		}

		@media only screen and (max-width : 1240px) {
			.com_image {
				display: none;
			}

			.bg {
				min-width: unset;
			}

			.adv_t dd {
				font-size: 20px;
				color: #333;
				line-height: 40px;
			}

			.t h3 {
				font-size: 25px;
				color: #000;
				line-height: 40px;
			}

			.t p {
				font-size: 15px;
				margin: 10px 0 15px 0;
			}

			.adv li,
			.adv li.on {
				width: 100%;
				height: auto;
			}

			.adv_ww h3 {
				font-size: 22px;
				color: #222;
			}

			.adv_ww dd {
				display: none;
			}
		}
	</style>

	<script>
		// jQuery(".com_image").slide({
		//     mainCell: ".com_cont",
		//     titCell: ".com_a a",
		//     effect: "fade",
		//     autoPlay: true,
		//     interTime: 4000,
		//     delayTime: 500
		// });

		$(function () {

			var timer = null;
			var curIndex = 0;

			timer = setInterval(function () {
				if (curIndex < $(".com_image .com_a a").length) {
					curIndex++;
				} else {
					curIndex = 0;
				}
				$(".com_a").find("a").eq(curIndex).addClass("on").siblings().removeClass("on");
				$(".com_cont").find(".new_web_div2021").eq(curIndex).addClass("on").siblings().removeClass("on");
			}, 2000);

			$(".com_image .com_a a").on("mouseover", function () {
				clearInterval(timer);
				timer = null;
				curIndex = $(this).index();
				$(".com_a").find("a").eq(curIndex).addClass("on").siblings().removeClass("on");
				$(".com_cont").find(".new_web_div2021").eq(curIndex).addClass("on").siblings().removeClass("on");
			}).on("mouseleave", function () {
				timer = setInterval(function () {
					if (curIndex < $(".com_image .com_a a").length) {
						curIndex++;
					} else {
						curIndex = 0;
					}
					$(".com_a").find("a").eq(curIndex).addClass("on").siblings().removeClass("on");
					$(".com_cont").find(".new_web_div2021").eq(curIndex).addClass("on").siblings().removeClass("on");
				}, 2000);
			})
		})

	</script>

	<script>
		$(".adv_bg .adv li").on("mouseover", function () {
			console.log("adv li hover");
			$(this).addClass("on").siblings().removeClass("on");
		})

		var windowWidth = $(window).width();
		console.log("windowWidth:" + windowWidth);
		if (windowWidth < 800) {
			$(".adv_bg .adv").find("li").each(function () {
				$(this).addClass("on");
			});
		}

	</script>



	<section class="album pd60 container" style="display: none;">
		<h3 class="listTie"><span>核心优势</span></h3>
		<div class="features_box">
			<dl class="features_cont">
				<dd>
					<strong>强大的供应链</strong>
					<div>
						<p>有能力支持长时间的开发周期与闪存</p>
						<p>制造商拥有稳固的关系</p>
						<p>长期合作的 IC 厂商</p>
						<p>专属”产品长期供应计画”</p>
					</div>
				</dd>
				<dt>
					<img src="/static/addons/cms/images/picture/ys11.jpeg" alt="">
				</dt>
			</dl>
			<dl class="features_cont">
				<dd>
					<strong>经验丰富 完整的解决方案</strong>
					<div>
						<p>与国际Tier1大厂及OEM厂商的成功经验</p>
						<p>强大的 In-house 技术</p>
						<p>全方位的解決方案组合</p>
					</div>
				</dd>
				<dt>
					<img src="/static/addons/cms/images/picture/ys22.jpeg" alt="">
				</dt>
			</dl>
			<dl class="features_cont">
				<dd>
					<strong>认证管理</strong>
					<div>
						<p>AEC-Q100 Grade 2 / 3</p>
						<p>供应链认证- IATF16949</p>
						<p>符合 ISO26262 安全功能规范</p>
						<p>Automotive SPICE 认证</p>
					</div>
				</dd>
				<dt>
					<img src="/static/addons/cms/images/picture/ys33.gif" alt="">
				</dt>
			</dl>
			<dl class="features_cont">
				<dd>
					<strong>优质的客户服务</strong>
					<div>
						<p>客制化设计服务</p>
						<p>晶圆/装置故障分析服务</p>
						<p>现场技术支援</p>
					</div>
				</dd>
				<dt>
					<img src="/static/addons/cms/images/picture/ys44.jpeg" alt="">
				</dt>
			</dl>
			<div class="clear"></div>

			<div class="bmore" style="display: none;"><span>选择质第科技 - 选择品质与服务</span></div>
		</div>
	</section>

	<!-- 生产环境 -->
	<section class="album pd60 container" style="display: none;">
		<h3 class="listTie"><span>企业实力</span></h3>
		<ul>
			{yzn module="cms" action="lists" catid="4" cache="3600" order="listorder DESC" num="9" return="info"}
			{volist name="info" id="vo"}
			<li class=" wow wow fadeInUp" data-wow-delay=".2s"><a class="pImg" href="/"><img src="{$vo.thumb}"
						alt="{$vo.title}">
					<p>{$vo.title}</p>
				</a></li>
			{/volist}
			{/yzn}

		</ul>
	</section>

	<!-- 荣誉资质-->
	<section class="honor pd60" style="display: none;">
		<div class="container">
			<div class="honorL fl wow fadeInLeft">
				<h3 class="hTitle hTitlew"><span>荣誉资质</span></h3>
				<div class="txt">
					多项专利证书认证<br>多项产品认可证书<br>质量、服务、信誉AAA单位<br>创新技术奖<br><br>
				</div>
			</div>
			<div class="honorR fr wow fadeInRight">
				<div class="honorSlide hide">
					<ul class="swiper-wrapper">
						{yzn module="cms" action="lists" catid="135" cache="3600" order="listorder DESC" num="9"
						return="info"}
						{volist name="info" id="vo"}
						<li class="swiper-slide">
							<a href="{$vo.url}">
								<span class="pic"><img src="{$vo.thumb}" alt="{$vo.title}"></span>
								<p>{$vo.title}</p>
							</a>
						</li>
						{/volist}
						{/yzn}


					</ul>
				</div>
				<div class="swiper-button-prev swiper-button-black btn"></div>
				<div class="swiper-button-next swiper-button-black btn"></div>
			</div>
		</div>
	</section>

	<style>
		/* features */
		.features {
			padding-bottom: 60px;
		}

		.features_box {
			width: 1200px;
			margin: 0 auto;
		}

		.bmore {
			text-align: center;
			margin-top: 50px;
		}

		.bmore span {
			background-color: #1b6eaa;
			color: #fff;
			font-size: 22px;
			padding: 12px 50px;
			border-radius: 50px;
			transition: all 0.3s ease 0s;
		}

		.bmore span:hover {
			background-color: rgb(85, 68, 58);
		}

		.features_cont {
			width: 286px;
			height: 342px;
			background: #f8f8f8;
			position: relative;
			border-radius: 70px 0px;
			text-align: center;
			margin-right: 18px;
			float: left;
			margin-top: 85px;
		}

		.features_cont:hover {
			cursor: pointer;
			background: #1b6eaa;
		}

		.features_cont:nth-child(4) {
			margin-right: 0px;
		}

		.features_cont strong {
			font-size: 22px;
			display: block;
			padding-top: 107px;
			padding-bottom: 21px;
			margin-bottom: 9px;
			z-index: 1;
			position: relative;
		}

		.features_cont dd div {
			width: 229px;
			font-size: 16px;
			line-height: 33px;
			text-align: left;
			margin: 0 auto;
			z-index: 1;
			position: relative;
			color: #666;
		}

		.features_cont dt img {
			position: absolute;
			top: -70px;
			left: 70px;
			border: 6px solid #f8f8f8;
			border-radius: 88px;
			width: 172px;
			height: 160px;
		}

		.features_cont:hover img {
			border-color: transparent;

		}

		.features_cont:before {
			content: '';
			position: absolute;
			width: 286px;
			height: 0px;
			top: 0;
			left: 0;
			border-radius: 70px 0px;
			transition: all 0.5s;
			z-index: 0;
		}

		.features_cont:hover:before {
			height: 342px;
		}

		.features_cont:hover,
		.features_cont:hover div p {
			color: #fff !important;
			text-align: center;
		}

		.features_cont:hover strong {}

		.features .more {
			text-align: center;
			margin-top: 50px;
		}

		.features .more span {
			background-color: #1b6eaa;
			color: #fff;
			font-size: 22px;
			padding: 12px 50px;
			border-radius: 50px;
		}

		.features .more span:hover {
			background-color: rgb(85, 68, 58);
		}
	</style>

	<footer class="bg-slate-900 text-slate-300 pt-20 pb-10" id="about">
		<div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
			<div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
				<!-- Column 1 -->
				<div>
					<div class="flex items-center space-x-2 mb-6" style="display: none;">
						<div class="bg-blue-600 p-1.5 rounded-lg">
							<iconify-icon class="text-white text-2xl" icon="lucide:truck"></iconify-icon>
						</div>
						<span class="text-xl font-bold tracking-tight text-white">迅达物流</span>
					</div>
					<p class="text-sm leading-relaxed mb-6">
						一家专注深耕中国一塞拉利昂定向航线的专业化海运物流服务商，聚焦西非跨境货运赛道，深耕塞拉利昂海运市场，熟知当地港口政策、清关流程与货运规则。</p>
					<div class="flex space-x-4">
						<a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
							href="#">
							<iconify-icon class="text-xl" icon="lucide:facebook"></iconify-icon>
						</a>
						<a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
							href="#">
							<iconify-icon class="text-xl" icon="lucide:twitter"></iconify-icon>
						</a>
						<a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
							href="#">
							<iconify-icon class="text-xl" icon="lucide:instagram"></iconify-icon>
						</a>
					</div>
				</div>
				<!-- Column 2 -->
				<div>
					<h4 class="text-white font-bold mb-6">快捷链接</h4>
					<ul class="space-y-4 text-sm">
						<li><a class="hover:text-blue-400 transition-colors" href="#home">公司首页</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#solutions">核心解决方案</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#advantages">我们的优势</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#news">新闻动态</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#">加入我们</a></li>
					</ul>
				</div>
				<!-- Column 3 -->
				<div>
					<h4 class="text-white font-bold mb-6">服务与支持</h4>
					<ul class="space-y-4 text-sm">
						<!-- <li><a class="hover:text-blue-400 transition-colors" href="#">在线寄件</a></li> -->
						<li><a class="hover:text-blue-400 transition-colors" href="#">运单追踪</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#">运费查询</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#">禁寄品查询</a></li>
						<li><a class="hover:text-blue-400 transition-colors" href="#">理赔申请</a></li>
					</ul>
				</div>
				<!-- Column 4 -->
				<div>
					<h4 class="text-white font-bold mb-6">联系我们</h4>
					<ul class="space-y-4 text-sm">
						<li class="flex items-start">
							<iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:phone"></iconify-icon>
							<span>全国服务热线: <br /> 190-7433-5341</span>
						</li>
						<li class="flex items-start">
							<iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:mail"></iconify-icon>
							<span>企业邮箱: <br /> 19074335341@qq.com</span>
						</li>
						<li class="flex items-start">
							<iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:map-pin"></iconify-icon>
							<span>总部地址: <br /> 广州市白云区大朗北路68号大朗十二社工业区A03仓苏马</span>
						</li>
					</ul>
				</div>
			</div>
			<div
				class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500">
				<p>© 2026 苏马物流 (Suma Logistics) 版权所有</p>
				<div class="flex space-x-6 mt-4 md:mt-0">
					<a class="hover:text-white" href="#">隐私政策</a>
					<a class="hover:text-white" href="#">服务条款</a>
					<a class="hover:text-white" href="#">法律声明</a>
				</div>
			</div>
		</div>
	</footer>

</body>

</html>

/* === about.html page styles === */
        <style>
            .acfr {
                width: 100%;
                overflow: hidden;
                background: url(/static/images/picture/banner.png) no-repeat center center / cover;
                /* padding-bottom:140px; */
            }

            .acfra {
                width: 100%;
                overflow: hidden;
            }

            .acfra1 {
                width: 100%;
                font-size: 36px;
                line-height: 2;
                color: #fff;
                text-align: center;
                margin-top: 50px;
            }

            .acfrax {
                width: 100%;
                max-width: 80px;
                height: 2px;
                background: #fff;
                margin: 0 auto;
                margin-top: 20px;
            }

            .acfra2 {
                width: 100%;
                max-width: 1200px;
                margin: 0 auto;
                font-size: 18px;
                line-height: 2;
                color: #fff;
                text-align: center;
                margin-top: 40px;
            }

            .acfra3 {
                width: 100%;
                margin: 0 auto;
                margin-top: 80px;
            }

            .acfra3 ul li {
                position: relative;
                width: 15%;
                float: left;
                margin-left: 13%;
                overflow: hidden;
            }

            .acnt {
                width: 100%;
                overflow: hidden;
            }

            .acnt img {
                width: 100%;
                display: block;
            }

            .acnw {
                position: absolute;
                width: 100%;
                left: 0%;
                top: 50%;
                margin-top: -45px;
                overflow: hidden;
                text-align: center;
                color: #fff;
                font-size: 23px;
                line-height: 4;
                letter-spacing: 3px;
            }
        </style>

    </section>

    <div class="index-banner" style="height:840px;max-width:80rem;margin: 0 auto;">
        <div class="index-customer index-wrap">
            <div class="wrap">

                <style type="text/css">
                    /*网站套餐*/
                    .ln_1 {
                        padding-top: 0px;
                        box-sizing: border-box;
                    }
                </style>
                <div class="ln_1" align="center">
                    <div class="acfra1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="color: black;">
                        品牌客户
                    </div>
                    <div class="acfrax wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s" style="background-color: black;">
                    </div>
                </div>

                <div class="index-customer-list" style="max-width: 75rem;margin: 0 auto;">
                    <ul class="item-list clearfix">


                        <li class="item item600">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>


                        <li class="item item450">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item600">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item550">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item400">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item300 double-item">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item400 double-item">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item450 double-item">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item550 double-item">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item450 double-item">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item600">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item700">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                        <li class="item item300">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>


                        <li class="item item700">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>


                        <li class="item item300">
                            <div class="dot lt-dot"></div>
                            <div class="dot lb-dot"></div>
                            <div class="dot rt-dot"></div>
                            <div class="dot rb-dot"></div>
                            <div class="item-inner">
                                <a href="javascript:;" rel="nofollow">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                    <img src="/static/images/picture/partner.jpeg" alt="">
                                </a>
                            </div>
                        </li>

                    </ul>
                </div>
            </div>
        </div>
    </div>

    <style>
        .index-banner {
            position: static;
            width: 100%;
            height: 100vh;
            overflow: hidden;
        }

        .index-banner .en {
            font-family: 'gotham-medium';
        }

        .index-banner .swiper-container {
            position: relative;
            width: 100%;
            height: 100%;
        }

        .index-banner .carousel-inner {
            position: absolute;
            top: -60px;
            right: 0;
            bottom: 0;
            left: 0;
            padding-top: 60px;
            overflow: hidden;
            /*cursor: -webkit-grab!important;*/
            /*cursor: grab!important;*/
        }

        .page-header-fullscreen-trame {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
        }

        @media (min-width: 768px) {
            .index-banner .carousel-inner {
                position: absolute;
                top: 0;
                padding-top: 0;
            }
        }

        .index-banner .carousel-item {
            position: absolute;
            top: 0;
            right: 0;
            left: 0;
            bottom: 0;
            overflow: hidden;
            z-index: 10;
            opacity: 0;
            /*opacity: 0;
	transition: .6s opacity cubic-bezier(.19,1,.22,1);
	cursor: move;
	touch-action: pan-y;
	user-select: none;*/
        }

        .index-banner .carousel-item .video-inner {
            height: 100%;
            overflow: hidden;
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 50%;
            z-index: 8;
            width: 2560px;
            margin-left: -1280px;
            background-color: #fff;
            text-align: center;
        }

        .index-banner .carousel-item .video video {
            position: relative;
            display: inline-block;
            vertical-align: baseline;
        }

        .index-banner .carousel-item.carousel-item-prev {
            transform-origin: center right;
            transform: translateX(-100%);
        }

        .index-banner .carousel-item.carousel-item-next {
            transform-origin: center right;
            transform: translateX(100%);
        }

        .index-banner .carousel-item:active {
            cursor: -webkit-grab !important;
            cursor: grab !important;
        }

        .index-banner .carousel-item.active {
            z-index: 15;
            opacity: 1;
            transform-origin: center right;
        }

        .index-banner .carousel-item1 img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
            -moz-transition: all 4.5s linear;
            -o-transition: all 4.5s linear;
            transition: all 4.5s linear;
        }

        .index-banner .carousel-item1.active img {
            top: -200px;
        }

        .index-banner .carousel-item2 .bg-img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .index-banner .carousel-item2 .img-box {
            width: 1600px;
            height: 100%;
            position: absolute;
            top: 0;
            left: 50%;
            transform: translateX(-50%);
            z-index: 2;
        }

        .index-banner .carousel-item2 .img-box .img1 {
            width: 161px;
            height: 299px;
            position: absolute;
            left: 687px;
            top: 482px;
            background: url(../images/dj_mb.png) top center no-repeat;
            background-size: 100%;
            padding: 10px;
            z-index: 3;
            visibility: visible;
            animation: fadeInRight 1s 0.4s both;
        }

        .index-banner .carousel-item2 .img-box .img1 img {
            width: 100%;
            opacity: 0;
            transition: all ease .3s;
            transition-delay: 1.5s;
        }

        .index-banner .carousel-item2.active .img-box .img1 img {
            opacity: 1;
        }

        .index-banner .carousel-item2 .img-box .img2 {
            width: 321px;
            height: 371px;
            position: absolute;
            right: -44px;
            top: 417px;
            background: url(../images/dj_ipad.png) top center no-repeat;
            background-size: 100%;
            padding: 23px 35px 0 35px;
            z-index: 3;
            visibility: visible;
            animation: fadeInRight 1s 0.8s both;
        }

        .index-banner .carousel-item2 .img-box .img2 img {
            width: 100%;
            opacity: 0;
            transition: all ease .3s;
            transition-delay: 1s;
        }

        .index-banner .carousel-item2.active .img-box .img2 img {
            opacity: 1;
        }

        .index-banner .carousel-item2 .img-box .img3 {
            width: 677px;
            height: 574px;
            position: absolute;
            top: 164px;
            right: 160px;
            background: url(../images/dj_pc.png) top center no-repeat;
            background-size: 100%;
            padding: 20px;
            visibility: visible;
            animation: fadeInRight 1s 0.6s both;
        }

        .index-banner .carousel-item2 .img-box .img3 img {
            width: 100%;
            opacity: 0;
            transition: all ease .3s;
            transition-delay: .5s;
        }

        .index-banner .carousel-item2.active .img-box .img3 img {
            opacity: 1;
        }

        @media(max-width:1680px) {
            .index-banner {
                height: auto;
            }

            .index-banner .carousel-item2 .img-box .img1 {
                width: 100px;
                height: 286px;
                position: absolute;
                left: 667px;
                top: 502px;
                padding: 7px;
            }

            .index-banner .carousel-item2 .img-box .img2 {
                width: 182px;
                height: 391px;
                position: absolute;
                right: 180px;
                top: 447px;
                padding: 13px 25px 0 25px;
            }

            .index-banner .carousel-item2 .img-box .img3 {
                width: 36%;
                position: absolute;
                top: 22%;
                right: 18%;
                padding: 20px 10px;
            }


        }

        .index-banner .carousel-item3 .bg-img {
            width: 100%;
            position: absolute;
            left: 0;
            top: 0;
        }

        .index-banner .carousel-item3 .img-box {
            width: 100%;
            height: 100%;
            position: absolute;
            left: 0;
            top: 0;
            overflow: hidden;
        }

        .index-banner .carousel-item3 .img-box li {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .index-banner .carousel-item3 .img-box li img {
            width: 100%;
            height: 100%;
        }

        .index-banner .carousel-item3 .img-box .img1 {
            z-index: 2;
            top: -20px;
            position: absolute;
        }

        .index-banner .carousel-item3 .img-box .img2 {
            z-index: 3;
            right: -20px;
            position: absolute;
        }

        /*.index-banner .carousel-item2.active img,.index-banner .carousel-item3.active img {
	-webkit-transform:  scale(1.2) ; 
    -moz-transform: scale(1.2) ; 
    -ms-transform: scale(1.2);     
    -o-transform:  scale(1.2) ; 
    transform:  scale(1.2);
}*/
        .static .carousel-item {
            -webkit-transform: translateX(-100%);
            -ms-transform: translateX(-100%);
            transform: translateX(-100%);
            cursor: default !important;
        }

        .static.is-mobile .carousel-item {
            -webkit-transform: translateX(0);
            -ms-transform: translateX(0);
            transform: translateX(0);
            opacity: 0;
        }

        .index-banner .carousel-item-inner {
            position: absolute;
            width: 100%;
            height: 100%;
        }

        .carousel-item-image-wrapper {
            position: relative;
            width: 100%;
            height: 100%;
            overflow: hidden;
        }

        .carousel-item-image-wrapper:before {
            z-index: 20;
        }

        .carousel-item-image-wrapper:after {
            content: "";
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            opacity: .2;
            background-color: #000;
            z-index: 8;
        }

        @media (min-width: 768px) {
            .carousel-item-image-wrapper:after {
                content: none;
            }
        }

        .carousel-item-image {
            position: relative;
            height: 100%;
            width: 100%;
            overflow: hidden;
        }

        .carousel-item-image:before {
            opacity: .2;
            z-index: 20;
        }

        .banner-background {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
        }

        .carousel-item-image img {
            position: relative;
            width: 100%;
            height: 100%;
            max-width: none;
            z-index: 10;
        }

        .index-banner .swiper-inner-text-wrap {
            position: absolute;
            left: 0;
            top: 0;
            width: 100%;
            height: 100%;
            text-align: center;
        }

        .carousel-item1 .page-header-fullscreen-text {
            background: url(../images/bannerbg.png) center center no-repeat;
            background-size: cover;
        }

        /*.carousel-item .page-header-fullscreen-text{
    background: -moz-linear-gradient(left, rgba(23,9,49,.6) 0%, rgba(30,95,116,.6) 100%);
    background: -webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(23,9,49,.6)), to(rgba(30,95,116,.6))));
    background: -webkit-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -o-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: -ms-linear-gradient(left, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    background: linear-gradient(to right, rgba(23,9,49,.6) 0%,rgba(30,95,116,.6) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='rgba(23,9,49,.6)', endColorstr='rgba(30,95,116,.6)',GradientType=1 );
}*/
        .index-banner .swiper-inner-text {
            position: absolute;
            top: 50%;
            left: 8.6%;
            /*right: 12%;*/
            width: auto;
            color: #fff;
            line-height: 1.3;
            transform: translateY(-50%);
            -moz-transform: translateY(-50%);
            -webkit-transform: translateY(-50%);
        }

        .index-banner .carousel-item1 .swiper-inner-text {
            text-align: left;
        }

        .index-banner .carousel-item1 .swiper-inner-text .cansual-des {
            font-size: 22px;
            line-height: 60px;
        }

        .index-banner .carousel-item1 .swiper-inner-text .cansual-des span {
            font-size: 48px;
            display: block;
            margin-bottom: 10px;
        }

        .index-banner .carousel-item .link {
            width: 135px;
            height: 50px;
            background: #222 url(../images/icon22.png) 95px center no-repeat;
            display: block;
            font-size: 14px;
            line-height: 50px;
            color: #fff;
            font-family: 'sheepsansbol';
            padding-left: 20px;
            margin-top: 48px;
        }

        .index-banner .carousel-item2 .swiper-inner-text {
            text-align: left;
        }

        .index-banner .carousel-item2 .cansual-title {
            font-size: 48px;
            color: #fff;
        }

        .index-banner .cansual-line {
            width: 0;
            height: 3px;
            margin: 25px 0 20px;
            background: #fff;
        }

        .index-banner .cansual-des {
            font-size: 18px;
            color: #fff;
            line-height: 1.8;
        }

        .index-banner .carousel-item3 .cansual-des {
            font-size: 22px;
            line-height: 60px;
        }

        .index-banner .carousel-item3 .cansual-des .s1 {
            font-size: 48px;
            line-height: 78px;
            font-family: 'gotham-medium';
        }

        .index-banner .carousel-item2 .cansual-des {
            text-align: left;
            font-size: 22px;
        }

        .index-banner .carousel-item2 .cansual-des .s1 {
            font-size: 30px;
            font-family: 'gotham-medium';
        }

        .index-banner .carousel-item2 .cansual-des .s2 {
            font-size: 48px;
            font-weight: bold;
            display: block;
        }

        .index-banner .carousel-item3 .cansual-des .s2 {
            font-size: 48px;
            font-weight: bold;
            display: block;
        }

        .index-banner .carousel-item .cansual-title {
            margin-bottom: 10px;
            font-size: 40px;
            font-weight: bold;
            color: #fff;
            text-align: left;
        }

        .index-banner .carousel-item3 .cansual-item-title .en-word {
            display: block;
            padding-bottom: 15px;
            font-family: 'AkzidenzGrotesk-BoldCondAlt';
            font-size: 84px;
            color: #fff;
            line-height: .9;
        }

        .index-banner .carousel-item4 .swiper-inner-text {
            padding-left: 50%;
            text-align: left;
        }

        .index-banner .carousel-item4 .cansual-item-title {
            font-size: 48px;
            color: #fff;
        }

        .index-banner .carousel-item3 .cansual-des {
            margin-bottom: 35px;
        }

        .index-banner .cansual-item-title {
            position: relative;
            margin-bottom: 15px;
        }

        .index-banner .cansual-item-title .small-title {
            display: block;
            margin-bottom: -10px;
            font-size: 22px;
            line-height: 36px;
        }

        .index-banner .cansual-item-title .number {
            font: normal 180px/1 'AkzidenzGrotesk-BoldCondAlt';
            color: #fff;
            letter-spacing: 3px;
            margin-left: -6px;
        }

        .index-banner .carousel-item3 .cansual-item-title .number {
            padding-bottom: 15px;
            font: normal 84px/1 'AkzidenzGrotesk-BoldCondAlt';
        }

        .index-banner .cansual-item-title .number .add-icon {
            font-size: 60px;
            line-height: 180px;
            vertical-align: 40px;
        }

        .carousel-item-subtitle-line {
            position: absolute;
            bottom: 0;
            left: 0;
            width: 30px;
            height: 3px;
            background-color: #fff;
            content: '';
        }

        .index-banner .cansual-item-title .small-title,
        .index-banner .cansual-item-title .number,
        .index-banner .cansual-sub-title,
        .index-banner .carousel-item .cansual-des,
        .index-banner .carousel-item .cansual-line,
        .index-banner .carousel-item3 .cansual-title,
        .index-banner .carousel-item3 .radiu-button {
            display: block;
            opacity: 0;
            transform: translate3d(-150%, 0, 0);
            transition: all 1s;
            transition-delay: .2s;
            overflow: hidden;
        }

        .index-banner .carousel-item2 .cansual-des {
            transform: translate3d(150%, 0, 0);
        }

        .index-banner .carousel-item3 .cansual-des,
        .index-banner .carousel-item3 .cansual-line,
        .index-banner .carousel-item3 .cansual-title,
        .index-banner .carousel-item3 .radiu-button {
            text-align: left;
            transform: translate3d(0, -150%, 0);
        }

        .index-banner .carousel-item .cansual-line {
            transition-delay: .2s;
        }

        .index-banner .carousel-item3 .cansual-des {
            transition-delay: .4s;
        }

        .index-banner .active .cansual-item-title .small-title,
        .index-banner .active .cansual-item-title .number,
        .index-banner .active .cansual-sub-title,
        .index-banner .carousel-item.active .cansual-des,
        .index-banner .carousel-item3.active .cansual-title,
        .index-banner .carousel-item.active .cansual-line,
        .index-banner .carousel-item3.active .radiu-button {
            opacity: 1;
            transform: none;
        }

        .index-banner .carousel-item2 .cansual-title {
            opacity: 0;
            transform: matrix(1, 0, 0, 1, 0, -80);
            -webkit-transform: matrix(1, 0, 0, 1, 0, -80);
            -moz-transform: matrix(1, 0, 0, 1, 0, -80);
            transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
            -webkit-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
            -moz-transition: all 1000ms cubic-bezier(0.35, 0.85, 0.55, 1) 0.6s;
        }

        .index-banner .carousel-item2.active .cansual-title {
            opacity: 1;
            transform: matrix(1, 0, 0, 1, 0, 0);
            -webkit-transform: matrix(1, 0, 0, 1, 0, 0);
            -moz-transform: matrix(1, 0, 0, 1, 0, 0);
        }

        .index-banner .carousel-item .cansual-line {
            width: 45px;
        }

        .index-banner .carousel-item3 .radiu-button {
            color: #fff;
            text-align: center;
            border: 1px solid #fff;
            background: transparent;
        }

        .index-banner .carousel-item3 .radiu-button:hover {
            color: #333;
            background: #fff;
        }

        .carousel-item-subtitle-line-timer {
            position: absolute;
            top: 0;
            left: 0;
            background-color: #fff;
            display: block;
            height: 100%;
            -webkit-transform-origin: left;
            -ms-transform-origin: left;
            transform-origin: left;
        }

        .active .carousel-item-subtitle-line-timer {
            animation: linewidth 5s;
            -moz-animation: linewidth 5s;
            -webkit-animation: linewidth 5s;
            -o-animation: linewidth 5s;
            animation-delay: 1s;
            -webkit-animation-delay: 1s;
        }

        @keyframes linewidth {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        @-moz-keyframes linewidth {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        @-webkit-keyframes linewidth {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        @-o-keyframes linewidth {
            from {
                width: 0;
            }

            to {
                width: 100%;
            }
        }

        .page-header-fullscreen-text {
            position: absolute;
            top: 50%;
            right: 0;
            left: 0;
            text-align: center;
            z-index: 25;
        }

        .collapsing .page-header-fullscreen-text {
            transition: .8s -webkit-transform cubic-bezier(.19, 1, .22, 1);
            transition: .8s transform cubic-bezier(.19, 1, .22, 1);
        }

        /*@media (min-width: 768px) {
	.page-header-fullscreen-text {
		padding-top: 100px;
		-webkit-transform: none;
		-ms-transform: none;
		transform: none;
	}

	.page-header-fullscreen-text:before {
		position: absolute;
		display: block;
		content: "";
		width: 0;
		height: 0;
		background-color: transparent;
		border-radius: 100px;
		box-shadow: 0 0 157px 142px rgba(0, 0, 0, .17);
		left: 50%;
		top: 50%;
	}
}*/

        .index-banner .cansual-sub-title span {
            display: block;
            font-size: 20px;
            line-height: 32px;
        }

        .index-customer-list li {
            position: relative;
            float: left;
            width: 20%;
            height: 200px;
            padding: 27px 0;
            text-align: center;
            -webkit-transition: all .8s ease-in-out 0s;
            -moz-transition: all .8s ease-in-out 0s;
            -ms-transition: all .8s ease-in-out 0s;
            -o-transition: all .8s ease-in-out 0s;
            transition: all .8s ease-in-out 0s;
            transition-delay: .5s;
        }

        /*.index-customer-list .item600 {top:600px;}*/
        /*.index-customer-list .item450 {top:450px;}*/
        /*.index-customer-list .item550 {top:550px;}*/
        /*.index-customer-list .item400 {top:400px;}*/
        /*.index-customer-list .item300 {top:300px;}*/
        /*.index-customer-list .item700 {top:700px;}*/
        .index-customer.active .index-customer-list li.item {
            top: 0;
        }

        .index-customer-list .item-inner {
            display: block;
            width: 100%;
            height: 145px;
            border-left: 1px solid #e6e6e6;
        }

        .index-customer-list li:nth-child(5n +1) .item-inner {
            border-left: 0;
        }

        .index-customer-list li:nth-child(5n +1) .lt-dot,
        .index-customer-list li:nth-child(5n +1) .lb-dot,
        .index-customer-list li:nth-child(5n) .rt-dot,
        .index-customer-list li:nth-child(5n) .rb-dot {
            display: none;
        }

        .index-customer-list li:nth-child(5n) .item-inner {}

        .index-customer-list li a {
            position: absolute;
            top: 0;
            left: 50%;
            display: block;
            width: 80%;
            height: 200px;
            margin-left: -40%;
        }

        .index-customer-list li.double-item a {
            border-top: 1px solid #e6e6e6;
            border-bottom: 1px solid #e6e6e6;
        }

        .index-customer-list li img {
            position: absolute;
            top: 50%;
            left: 30%;
            display: block;
            margin-left: -75px;
            transition: all .5s linear 10ms;
        }

        .index-customer-list li img:first-child {}

        .index-customer-list li img:last-child {
            opacity: .6;
        }

        .index-customer-list li:hover img:last-child,
        .index-customer-list li img:first-child {
            opacity: 0;
            transform: translateY(-50%) rotateY(180deg);
        }

        .index-customer-list li img,
        .index-customer-list li:hover img:first-child {
            opacity: 1;
            transform: translateY(-50%) rotateY(0deg);
        }

        .index-customer-list .dot {
            position: absolute;
            display: block;
            width: 2px;
            height: 2px;
            background: #e6e6e6;
        }

        .index-customer-list .lt-dot {
            left: 0;
            top: 0;
        }

        .index-customer-list .lb-dot {
            left: 0;
            bottom: 0;
        }

        .index-customer-list .rt-dot {
            right: 0;
            top: 0;
        }

        .index-customer-list .rb-dot {
            right: 0;
            bottom: 0;
        }
    </style>

    <!-- 荣誉资质-->
    <section class="honor pd60" style="">
        <div class="container">
            <div class="honorL fl wow fadeInLeft">
                <h3 class="hTitle hTitlew"><span>荣誉资质</span></h3>
                <div class="txt">
                    多项专利证书认证<br>多项产品认可证书<br>质量、服务、信誉AAA单位<br>创新技术奖<br><br>
                </div>
            </div>
            <div class="honorR fr wow fadeInRight">
                <div class="honorSlide hide">
                    <ul class="swiper-wrapper">
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书1</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书2</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书3</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书4</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书5</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书6</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书7</p>
                            </a>
                        </li>
                        <li class="swiper-slide">
                            <a href="">
                                <span class="pic"><img src="/static/images/picture/honor-pic.png" alt=""></span>
                                <p>资质证书8</p>
                            </a>
                        </li>
                    </ul>
                </div>
                <div class="swiper-button-prev swiper-button-black btn"></div>
                <div class="swiper-button-next swiper-button-black btn"></div>
            </div>
        </div>
    </section>

    <style>
        /* features */
        .features {
            padding-bottom: 60px;
        }

        .features_box {
            width: 1200px;
            margin: 0 auto;
        }

        .bmore {
            text-align: center;
            margin-top: 50px;
        }

        .bmore span {
            background-color: #1b6eaa;
            color: #fff;
            font-size: 22px;
            padding: 12px 50px;
            border-radius: 50px;
            transition: all 0.3s ease 0s;
        }

        .bmore span:hover {
            background-color: rgb(85, 68, 58);
        }

        .features_cont {
            width: 286px;
            height: 342px;
            background: #f8f8f8;
            position: relative;
            border-radius: 70px 0px;
            text-align: center;
            margin-right: 18px;
            float: left;
            margin-top: 85px;
        }

        .features_cont:hover {
            cursor: pointer;
            background: #1b6eaa;
        }

        .features_cont:nth-child(4) {
            margin-right: 0px;
        }

        .features_cont strong {
            font-size: 22px;
            display: block;
            padding-top: 107px;
            padding-bottom: 21px;
            margin-bottom: 9px;
            z-index: 1;
            position: relative;
        }

        .features_cont dd div {
            width: 229px;
            font-size: 16px;
            line-height: 33px;
            text-align: left;
            margin: 0 auto;
            z-index: 1;
            position: relative;
            color: #666;
        }

        .features_cont dt img {
            position: absolute;
            top: -70px;
            left: 70px;
            border: 6px solid #f8f8f8;
            border-radius: 88px;
            width: 172px;
            height: 160px;
        }

        .features_cont:hover img {
            border-color: transparent;

        }

        .features_cont:before {
            content: '';
            position: absolute;
            width: 286px;
            height: 0px;
            top: 0;
            left: 0;
            border-radius: 70px 0px;
            transition: all 0.5s;
            z-index: 0;
        }

        .features_cont:hover:before {
            height: 342px;
        }

        .features_cont:hover,
        .features_cont:hover div p {
            color: #fff !important;
            text-align: center;
        }

        .features_cont:hover strong {}

        .features .more {
            text-align: center;
            margin-top: 50px;
        }

        .features .more span {
            background-color: #1b6eaa;
            color: #fff;
            font-size: 22px;
            padding: 12px 50px;
            border-radius: 50px;
        }

        .features .more span:hover {
            background-color: rgb(85, 68, 58);
        }
    </style>

    <footer class="bg-slate-900 text-slate-300 pt-20 pb-10" id="about">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
                <!-- Column 1 -->
                <div>
                    <div class="flex items-center space-x-2 mb-6" style="display: none;">
                        <div class="bg-blue-600 p-1.5 rounded-lg">
                            <iconify-icon class="text-white text-2xl" icon="lucide:truck"></iconify-icon>
                        </div>
                        <span class="text-xl font-bold tracking-tight text-white">迅达物流</span>
                    </div>
                    <p class="text-sm leading-relaxed mb-6">
                        一家专注深耕中国一塞拉利昂定向航线的专业化海运物流服务商，聚焦西非跨境货运赛道，深耕塞拉利昂海运市场，熟知当地港口政策、清关流程与货运规则。</p>
                    <div class="flex space-x-4">
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:facebook"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:twitter"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:instagram"></iconify-icon>
                        </a>
                    </div>
                </div>
                <!-- Column 2 -->
                <div>
                    <h4 class="text-white font-bold mb-6">快捷链接</h4>
                    <ul class="space-y-4 text-sm">
                        <li><a class="hover:text-blue-400 transition-colors" href="#home">公司首页</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#solutions">核心解决方案</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#advantages">我们的优势</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#news">新闻动态</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">加入我们</a></li>
                    </ul>
                </div>
                <!-- Column 3 -->
                <div>
                    <h4 class="text-white font-bold mb-6">服务与支持</h4>
                    <ul class="space-y-4 text-sm">
                        <!-- <li><a class="hover:text-blue-400 transition-colors" href="#">在线寄件</a></li> -->
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运单追踪</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运费查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">禁寄品查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">理赔申请</a></li>
                    </ul>
                </div>
                <!-- Column 4 -->
                <div>
                    <h4 class="text-white font-bold mb-6">联系我们</h4>
                    <ul class="space-y-4 text-sm">
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:phone"></iconify-icon>
                            <span>全国服务热线: <br /> 190-7433-5341</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:mail"></iconify-icon>
                            <span>企业邮箱: <br /> 19074335341@qq.com</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:map-pin"></iconify-icon>
                            <span>总部地址: <br /> 广州市白云区大朗北路68号大朗十二社工业区A03仓苏马</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div
                class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500">
                <p>© 2026 苏马物流 (Suma Logistics) 版权所有</p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a class="hover:text-white" href="#">隐私政策</a>
                    <a class="hover:text-white" href="#">服务条款</a>
                    <a class="hover:text-white" href="#">法律声明</a>
                </div>
            </div>
        </div>
    </footer>

</body>

</html>

/* === contact.html page styles === */
        <style>
            .contact-tact {
                margin-top: 80px
            }

            .contact-tact ul {
                margin-top: 40px
            }

            .contact-tact ul li {
                float: left;
                width: 32%;
                margin-right: 2%;
                border: 1px solid #eee;
                height: 220px;
                background: #f5f5f5;
                box-sizing: border-box;
                text-align: center;
                padding: 40px 40px 0
            }

            .contact-tact ul li em {
                display: block
            }

            .contact-tact ul li em img {
                display: block;
                width: 45px;
                margin: 0 auto
            }

            .contact-tact ul li b {
                display: block;
                font-size: 20px;
                font-weight: 700;
                line-height: 22px;
                color: #333;
                margin-top: 15px;
                margin-bottom: 15px
            }

            .contact-tact ul li span {
                display: block;
                font-size: 16px;
                font-weight: 400;
                line-height: 24px;
                color: #666
            }

            .contact-tact ul li:last-of-type {
                margin-right: 0
            }

            .contact-tact ul::after {
                line-height: 0;
                visibility: hidden;
                display: block;
                font-size: 0;
                content: " ";
                clear: both;
                height: 0
            }
        </style>

        <div class="acfra1 wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.3s" style="color: black;margin-top: 80px;">
            公司位置
        </div>
        <div class="acfrax wow fadeInUp" data-wow-duration="1s" data-wow-delay="0.4s"
            style="background-color: black;margin-bottom: 50px;">
        </div>

        <div class="contact-map" style="width: 100%;max-width: 75rem;margin: 30px auto;display: block;"
            data-content="190-7433-5341<br />19074335341@qq.com<br />广州市白云区大朗北路68号大朗十二社工业区A03仓苏马<br />"
            data-latitude="23.252151" data-longitude="113.251685" data-title="">
            <div id="map"></div>
            <style type="text/css">
                .acfra1 {
                    width: 100%;
                    font-size: 36px;
                    line-height: 2;
                    color: #fff;
                    text-align: center;
                }

                .acfrax {
                    width: 100%;
                    max-width: 80px;
                    height: 2px;
                    background: #fff;
                    margin: 0 auto;
                    margin-top: 20px;
                }

                .contact-map {
                    height: 520px;
                    overflow: hidden;
                    width: 48%;
                    margin-right: 30px;
                    display: inline-block;
                }

                #map {
                    height: 550px;
                }

                .BMap_shadow {
                    display: none !important;
                }
            </style>
        </div>
        <link rel="stylesheet" href="/static/css/619dd767e4b01d0c79fa7d16.css">
        <!-- <script type="text/javascript" src="__JS_PATH__/jquery-1.9.1.min.js"></script> -->
        <script src="/static/js/api.js"></script>
        <script src="/static/js/nsw.pc.min.js"></script>
        <!-- <script src="__JS_PATH__/619dd767e4b01d0c79fa7d16.js"></script> -->

        <script type="text/javascript">
            $(function () {

                function addMap() {
                    var companyName = $(".contact-map").data('title'); //公司名称
                    var _contentArr = $(".contact-map").data('content').split('<br />');
                    var tel = "电话：" + _contentArr[0];
                    var email = "邮箱：" + _contentArr[1];
                    var adress = "地址：" + _contentArr[2];

                    var companyContent = []; //公司联系信息

                    // _contentArr[0].length > 1 ? companyContent.push(tel) : '';
                    // _contentArr[1].length > 1 ? companyContent.push(qq) : '';
                    // _contentArr[2].length > 1 ? companyContent.push(email) : '';
                    // _contentArr[3].length > 1 ? companyContent.push(adress) : '';

                    companyContent.push(tel);
                    companyContent.push(email);
                    companyContent.push(adress);

                    var longitude = $(".contact-map").data("longitude") || 113.251685; //经度,
                    var latitude = $(".contact-map").data("latitude") || 23.252151; //纬度
                    // 百度地图API功能
                    var map = new BMap.Map("map");
                    console.log("map:" + map);
                    map.enableScrollWheelZoom(true);
                    //地理经纬度，地图范围
                    var point = new BMap.Point(longitude, latitude);
                    map.centerAndZoom(point, 19);
                    // 添加比例尺
                    var control = new BMap.ScaleControl({
                        anchor: BMAP_ANCHOR_TOP_LEFT
                    });
                    map.addControl(control);

                    // 添加工具条
                    var navigation = new BMap.NavigationControl();
                    map.addControl(navigation);
                    //2D图，混合图
                    var mapType1 = new BMap.MapTypeControl({
                        mapTypes: [BMAP_NORMAL_MAP, BMAP_HYBRID_MAP],
                        anchor: BMAP_ANCHOR_TOP_RIGHT
                    });
                    map.addControl(mapType1);
                    //添加缩略地图
                    var overViewOpen = new BMap.OverviewMapControl({
                        isOpen: true,
                        anchor: BMAP_ANCHOR_BOTTOM_RIGHT,
                        offset: new BMap.Size(0, 40) //设置文本偏移量
                    });
                    map.addControl(overViewOpen); //右下角，打开
                    //添加文本标注
                    var opts = {
                        position: point, // 指定文本标注所在的地理位置
                        offset: new BMap.Size(30, -20) //设置文本偏移量
                    }
                    var label = new BMap.Label(companyName, opts);
                    label.setStyle({
                        color: "#333",
                        fontSize: "12px",
                        height: "20px",
                        lineHeight: "20px",
                        padding: "0 5px"
                    });
                    map.addOverlay(label);

                    // 创建标注
                    var marker = new BMap.Marker(point);
                    map.addOverlay(marker); // 添加标注

                    //  创建信息窗口
                    var opts = {
                        width: 320, // 信息窗口宽度
                        title: '<div class="map-title">' + companyName + "</div>", // 信息窗口标题
                    }

                    var infoWindow = new BMap.InfoWindow(companyContent.join("<br/>"), opts);
                    marker.addEventListener("click", function () {
                        map.openInfoWindow(infoWindow, point); //点击标注开启信息窗口
                    });
                    map.openInfoWindow(infoWindow, point); //默认开启信息窗口
                }
                addMap();

            })
        </script>


        <div class="contactR fr" style="display: none;">
            <div class="font fl">
                <h2 class="titie">苏马物流</h2>
                <div class="txt">
                    {$content|raw}
                </div>
            </div>
            <div class="wx fr">
                <p><img src="{:config('site.web_site_wechat')}" alt="微信二维码" style="max-width: 200px;"><span>微信二维码</span>
                </p>
                <!-- <p><img src="{:config('site.web_site_ali')}" alt="阿里巴巴店铺"><span>阿里巴巴店铺</span></p> -->
            </div>
        </div>
    </section>

    <style>
        #dituContent {
            width: 50%;
            height: 520px;
            float: left;
        }

        .contactR {
            background: #eee;
            height: 450px;
            width: 32%;
            padding: 2%;
            line-height: 1.8;
            padding-right: 250px;
        }

        .contactR .titie {
            font-size: 2em;
            color: #004daf;
            margin-bottom: 20px;
        }

        .contactR .font {
            max-height: 420px;
            overflow-y: auto;
        }

        .contactR .wx {
            float: right;
            width: 160px;
        }

        .contactR .wx p {
            text-align: center;
            margin-bottom: 20px;
        }

        .contactR .wx p span {
            display: block;
        }

        .title {
            width: 100%;
            text-align: center;
            margin-bottom: 55px;
            margin-top: 30px;
        }

        .titlea {
            font-size: 46px;
            line-height: 48px;
            color: #333;
            position: relative;
            font-weight: normal;
        }

        @media screen and (max-width: 1600px) {
            .contactR {
                width: 40%;
                padding-right: 100px;
            }
        }
    </style>

    <section class="feedback pd60 container" style="border-top: none;max-width: 75rem;margin: 0 auto;">
        <h3 class="hTitle mb40"><span>在线留言</span>请填写您的真实信息，我们尽快联系您</h3>
        <span class="feedbackL bgImg"
            style="background-image: url('/static/images/image/feedabck_img.jpg')"></span>
        <form id="feedback" class="feedbackR hide" name="form" action="/index/formguide/post.html" method="post">
            <input type="hidden" name="id" value="5">
            <input type="hidden" name="__token__" value="00bde2e238ade5890d26420617d9e02b"> <input name="formid"
                value="1" type="hidden">
            <input name="lang" value="cn" type="hidden">
            <p><input type="text" placeholder="姓名" name="modelField[name]"></p>
            <p><input type="text" placeholder="手机" name="modelField[tel]"></p>
            <p><input type="text" placeholder="电话" name="modelField[zuoji]"></p>
            <p><input type="text" placeholder="邮箱" name="modelField[email]"></p>
            <p class="tarea"><textarea name="modelField[message]" placeholder="备注"></textarea></p>
            <div class="code">
                <!-- <input class="c fl" name="verifyCode" type="text" maxlength="20" class="input-verifycode" placeholder="验证码">
          <img class="fl" id="verifyImage" class="checkcode" align="absmiddle" title="Click the refresh verification code" onclick="javascript:resetVerifyCode(this);" src="static/picture/index-index_verify.php"> -->
                <input class="sub fr" type="submit" value="提交" id="submit" name="submit">
            </div>
        </form>
    </section>

    <footer class="bg-slate-900 text-slate-300 pt-20 pb-10" id="about">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
                <!-- Column 1 -->
                <div>
                    <div class="flex items-center space-x-2 mb-6" style="display: none;">
                        <div class="bg-blue-600 p-1.5 rounded-lg">
                            <iconify-icon class="text-white text-2xl" icon="lucide:truck"></iconify-icon>
                        </div>
                        <span class="text-xl font-bold tracking-tight text-white">迅达物流</span>
                    </div>
                    <p class="text-sm leading-relaxed mb-6">
                        一家专注深耕中国一塞拉利昂定向航线的专业化海运物流服务商，聚焦西非跨境货运赛道，深耕塞拉利昂海运市场，熟知当地港口政策、清关流程与货运规则。</p>
                    <div class="flex space-x-4">
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:facebook"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:twitter"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:instagram"></iconify-icon>
                        </a>
                    </div>
                </div>
                <!-- Column 2 -->
                <div>
                    <h4 class="text-white font-bold mb-6">快捷链接</h4>
                    <ul class="space-y-4 text-sm">
                        <li><a class="hover:text-blue-400 transition-colors" href="#home">公司首页</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#solutions">核心解决方案</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#advantages">我们的优势</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#news">新闻动态</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">加入我们</a></li>
                    </ul>
                </div>
                <!-- Column 3 -->
                <div>
                    <h4 class="text-white font-bold mb-6">服务与支持</h4>
                    <ul class="space-y-4 text-sm">
                        <!-- <li><a class="hover:text-blue-400 transition-colors" href="#">在线寄件</a></li> -->
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运单追踪</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运费查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">禁寄品查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">理赔申请</a></li>
                    </ul>
                </div>
                <!-- Column 4 -->
                <div>
                    <h4 class="text-white font-bold mb-6">联系我们</h4>
                    <ul class="space-y-4 text-sm">
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:phone"></iconify-icon>
                            <span>全国服务热线: <br /> 190-7433-5341</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:mail"></iconify-icon>
                            <span>企业邮箱: <br /> 19074335341@qq.com</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:map-pin"></iconify-icon>
                            <span>总部地址: <br /> 广州市白云区大朗北路68号大朗十二社工业区A03仓苏马</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div
                class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500">
                <p>© 2026 苏马物流 (Suma Logistics) 版权所有</p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a class="hover:text-white" href="#">隐私政策</a>
                    <a class="hover:text-white" href="#">服务条款</a>
                    <a class="hover:text-white" href="#">法律声明</a>
                </div>
            </div>
        </div>
    </footer>

/* === news.html page styles === */
                        <style>
                            .acfra1 {
                                width: 100%;
                                font-size: 36px;
                                line-height: 2;
                                color: #fff;
                                text-align: center;
                            }

                            .acfrax {
                                width: 100%;
                                max-width: 80px;
                                height: 2px;
                                background: #fff;
                                margin: 0 auto;
                                margin-top: 20px;
                            }

                            .pagination p {
                                margin: 0;
                                cursor: pointer
                            }

                            .pagination {
                                height: 90px;
                                padding: 20px 0px;
                                width: 300px;
                                margin: 0 auto;
                            }

                            .pagination a {
                                display: block;
                                float: left;
                                margin-right: 10px;
                                padding: 2px 12px;
                                height: 32px;
                                border: 1px #cccccc solid;
                                background: #fff;
                                text-decoration: none;
                                color: #808080;
                                font-size: 12px;
                                line-height: 24px;
                            }

                            .pagination li.disabled span {
                                display: block;
                                float: left;
                                margin-right: 10px;
                                padding: 2px 12px;
                                height: 32px;
                                border: 1px #cccccc solid;
                                background: #fff;
                                text-decoration: none;
                                color: #808080;
                                font-size: 12px;
                                line-height: 24px;
                            }

                            .pagination li.active span {
                                display: block;
                                float: left;
                                margin-right: 10px;
                                padding: 2px 12px;
                                height: 32px;
                                text-decoration: none;
                                color: #1b6eaa;
                                font-size: 12px;
                                line-height: 24px;
                                border: 1px #cccccc solid;
                            }

                            .pagination a:hover {
                                color: #0f0f0f;
                                background: white;
                                border: 1px #0f0f0f solid;
                            }

                            .pagination a.cur {
                                border: none;
                                background: #0f0f0f;
                                color: #fff;
                            }

                            .pagination p {
                                float: left;
                                padding: 2px 12px;
                                font-size: 12px;
                                height: 24px;
                                line-height: 24px;
                                color: #bbb;
                                border: 1px #ccc solid;
                                background: #fcfcfc;
                                margin-right: 8px;
                            }

                            .pagination p.pageRemark {
                                border-style: none;
                                background: none;
                                margin-right: 0px;
                                padding: 4px 0px;
                                color: #666;
                            }

                            .pagination p.pageRemark b {
                                color: red;
                            }

                            .pagination p.pageEllipsis {
                                border-style: none;
                                background: none;
                                padding: 4px 0px;
                                color: #808080;
                            }

                            .dates li {
                                font-size: 14px;
                                margin: 20px 0
                            }

                            .dates li span {
                                float: right
                            }
                        </style>
                        <div class="pagination">
                        </div>
                    </div>
                </div>
            </section>


            <section class="picShow_r fr" style="display: none;">
                <div class="rightNews mb15">
                    <h3 class="title"><span>最新文章推广</span></h3>
                    <ul>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/0024d2b4d81b7b0b3471d6ac84b72edd.png"
                                    alt="无线连接技术选型指南"></a>
                            <h4><a href="50-377.html">无线连接技术选型指南</a></h4>
                            <p>一、物联网无线连接技术概述在物联网时代，选择正确的无线连接技术是项目成功的关键。......</p>
                        </li>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/7fc522dc94c265b7788938fbf4786a40.png"
                                    alt="无线通信技术的双向通信距离计算原理及场景优化解析"></a>
                            <h4><a href="50-377.html">无线通信技术的双向通信距离计算原理及场景优化解析</a></h4>
                            <p>栅栏式接线端子是一种常用于电子、电气和自动化系统中的连接器，具有一排金属或塑料的......</p>
                        </li>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/951761428c7bf9c4bce3fc504971d3ec.png"
                                    alt="浅谈无线模块功率放大电路"></a>
                            <h4><a href="50-377.html">浅谈无线模块功率放大电路</a></h4>
                            <p>功放电路通常作为多级放大电路的输出极去驱动负载工作，像使用扬声器发声、电动机旋转......</p>
                        </li>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/60be0ca7f6a6b81244d4cc6ab314dddf.png"
                                    alt="无线连接技术的发展历程"></a>
                            <h4><a href="50-377.html">无线连接技术的发展历程</a></h4>
                            <p>物联网已经广泛应用于各个领域。世界也在慢慢地将物联网转变为万物互联。据悉，到2022......</p>
                        </li>

                    </ul>
                </div>
                <div class="rightNews mb15" style="display: none;">
                    <h3 class="title"><span>优质文章推荐</span></h3>
                    <ul>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/0024d2b4d81b7b0b3471d6ac84b72edd.png"
                                    alt="无线连接技术选型指南"></a>
                            <h4><a href="50-377.html">无线连接技术选型指南</a></h4>
                            <p>一、物联网无线连接技术概述在物联网时代，选择正确的无线连接技术是项目成功的关键。......</p>
                        </li>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/7fc522dc94c265b7788938fbf4786a40.png"
                                    alt="无线通信技术的双向通信距离计算原理及场景优化解析"></a>
                            <h4><a href="50-377.html">无线通信技术的双向通信距离计算原理及场景优化解析</a></h4>
                            <p>栅栏式接线端子是一种常用于电子、电气和自动化系统中的连接器，具有一排金属或塑料的......</p>
                        </li>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/951761428c7bf9c4bce3fc504971d3ec.png"
                                    alt="浅谈无线模块功率放大电路"></a>
                            <h4><a href="50-377.html">浅谈无线模块功率放大电路</a></h4>
                            <p>功放电路通常作为多级放大电路的输出极去驱动负载工作，像使用扬声器发声、电动机旋转......</p>
                        </li>
                        <li>
                            <a class="pImg" href="50-377.html"><img
                                    src="/uploads/images/20251108/60be0ca7f6a6b81244d4cc6ab314dddf.png"
                                    alt="无线连接技术的发展历程"></a>
                            <h4><a href="50-377.html">无线连接技术的发展历程</a></h4>
                            <p>物联网已经广泛应用于各个领域。世界也在慢慢地将物联网转变为万物互联。据悉，到2022......</p>
                        </li>
                    </ul>
                </div>

            </section>
        </article>

    </section>



    <footer class="bg-slate-900 text-slate-300 pt-20 pb-10" id="about">
        <div class="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
            <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-12 mb-16">
                <!-- Column 1 -->
                <div>
                    <div class="flex items-center space-x-2 mb-6" style="display: none;">
                        <div class="bg-blue-600 p-1.5 rounded-lg">
                            <iconify-icon class="text-white text-2xl" icon="lucide:truck"></iconify-icon>
                        </div>
                        <span class="text-xl font-bold tracking-tight text-white">迅达物流</span>
                    </div>
                    <p class="text-sm leading-relaxed mb-6">
                        一家专注深耕中国一塞拉利昂定向航线的专业化海运物流服务商，聚焦西非跨境货运赛道，深耕塞拉利昂海运市场，熟知当地港口政策、清关流程与货运规则。</p>
                    <div class="flex space-x-4">
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:facebook"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:twitter"></iconify-icon>
                        </a>
                        <a class="w-10 h-10 bg-white/5 rounded-full flex items-center justify-center hover:bg-blue-600 transition-colors"
                            href="#">
                            <iconify-icon class="text-xl" icon="lucide:instagram"></iconify-icon>
                        </a>
                    </div>
                </div>
                <!-- Column 2 -->
                <div>
                    <h4 class="text-white font-bold mb-6">快捷链接</h4>
                    <ul class="space-y-4 text-sm">
                        <li><a class="hover:text-blue-400 transition-colors" href="#home">公司首页</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#solutions">核心解决方案</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#advantages">我们的优势</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#news">新闻动态</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">加入我们</a></li>
                    </ul>
                </div>
                <!-- Column 3 -->
                <div>
                    <h4 class="text-white font-bold mb-6">服务与支持</h4>
                    <ul class="space-y-4 text-sm">
                        <!-- <li><a class="hover:text-blue-400 transition-colors" href="#">在线寄件</a></li> -->
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运单追踪</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">运费查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">禁寄品查询</a></li>
                        <li><a class="hover:text-blue-400 transition-colors" href="#">理赔申请</a></li>
                    </ul>
                </div>
                <!-- Column 4 -->
                <div>
                    <h4 class="text-white font-bold mb-6">联系我们</h4>
                    <ul class="space-y-4 text-sm">
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:phone"></iconify-icon>
                            <span>全国服务热线: <br /> 190-7433-5341</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:mail"></iconify-icon>
                            <span>企业邮箱: <br /> 19074335341@qq.com</span>
                        </li>
                        <li class="flex items-start">
                            <iconify-icon class="mr-3 text-blue-400 text-lg" icon="lucide:map-pin"></iconify-icon>
                            <span>总部地址: <br /> 广州市白云区大朗北路68号大朗十二社工业区A03仓苏马</span>
                        </li>
                    </ul>
                </div>
            </div>
            <div
                class="pt-8 border-t border-white/10 flex flex-col md:flex-row justify-between items-center text-xs text-slate-500">
                <p>© 2026 苏马物流 (Suma Logistics) 版权所有</p>
                <div class="flex space-x-6 mt-4 md:mt-0">
                    <a class="hover:text-white" href="#">隐私政策</a>
                    <a class="hover:text-white" href="#">服务条款</a>
                    <a class="hover:text-white" href="#">法律声明</a>
                </div>
            </div>
        </div>
    </footer>

</body>

</html>