@charset "utf-8";
/* CSS Document */

/*css reset*/
html,body,ul,li,ol,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,form,fieldset,legend,img,input{margin:0;padding:0;}
body{font-size:14px;font-family: '微软雅黑';}
ul,ol,li{list-style:none;}
b,strong{font-weight:normal;}
i,em{font-style:normal;}
a,u{text-decoration: none;}
h1,h2,h3,h4,h5,h6{font-size:16px;font-weight:normal;}
input{outline:none;}
img{display:block; border:0;}
.clearfix:after{content:"";clear:both;display:block;height:0;overflow:hidden;visibility: hidden;}/*清除浮动*/

section{ min-width: 320px;  width: 100%;}
body{ background-color:#efefef;}
.white_container{ width:100%; background-color:white;}
.gray_container{ width:100%; background-color: #efefef;}
.main_container{ max-width:1190px; margin: 0 auto;}
.white_background{background-color:#ffffff;}

.title_container{ width: 100%; text-align: center; margin-top: 4%}
.title_container span{ font-size:28px; color:#1e68b3;font-weight: bold; display: inline-block; width: 20%;}
.title_container span b{ font-size:14px; display: block; font-family: Arial; font-weight: bold;}
.title_container i{display: inline-block;border-bottom:2px solid #1e68b3; width: 38%; margin-top:26px;}
.line_left{ float:left; }
.line_right{float:right;}

.PCheader_container{ box-shadow:none; background-color: white; }
.header{padding:16px 0;}
.logo_left{ float:left; }
.logo_left img{ display: inline-block; float:left;}
.logo_left span{ display: inline-block; float:left; line-height: 60px; font-size:24px; color:#1b2c69; margin-left:10px;}
.nav_right{ float:right;}
.nav{ margin-top:10px;}
.nav li{ float:left; line-height: 30px;margin: 0 14px; cursor: pointer;}
.nav li a{float:left;   color:#333333; font-size:16px;}
.nav .currentNav{ border-bottom:2px solid #243960;}
.nav .currentNav a{ color:#243960;font-weight: bold}
.nav li:hover{border-bottom:2px solid #243960;}
.nav li:hover a{color:#243960;font-weight: bold}

.mobileheader_container{ display:none; position:fixed; top:0; left:0; z-index: 999;border-bottom:1px solid #eeeeee}
.mob_header{ padding:6px 14px;}
.mobile_logoleft{ float:left; width: 80%}
.mobile_logoleft img{display: inline-block; float:left; width: 100%;margin-top: 12px;}
.mobile_logoleft span{ display: block;width: 70%;  float:left; margin-top: 10px; font-size:24px; color:#1b2c69; margin-left:10px;}
.mobile_nav{ float:right; width: 15%}
.mov_navbtn{ width: 30px; height:26px; border:2px solid #1b2c69; border-radius: 4px; float:right; margin-top:18px;}
.mov_navbtn i{ display: block;margin:13%; border-bottom:2px solid #1b2c69}
.btnnav{ margin-top:6px;}
.mobilenav_list{position:fixed;top:0; left:0;right: 0;bottom: 0; z-index: 999; width: 100%;box-shadow: 0 5px 7px #ccc;  display: none;}
.mobilenav{ background-color:white;}
.mobilenav li{  line-height: 40px; margin-left:14px;margin-right:14px; border-bottom:1px solid #EBEBEB}
.mobilenav li a{ color:#333333; display: block;}
.mobilenav_list .mask{ background-color:#000; opacity: 0.7; width: 100%; height: 100%;}

/*banner*/
.device {width: 100%;margin: 0 auto;position: relative;overflow: hidden;}
.arrow-left{background: url(../../images/wlst/bonded-warehouse/arrows.png) no-repeat left top;position: absolute;left: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.arrow-right{background: url(../../images/wlst/bonded-warehouse/arrows.png) no-repeat left bottom;position: absolute;right: 10px;top: 50%;margin-top: -15px;width: 17px;height: 30px;z-index: 99}
.pagination{position: absolute;left: 0;text-align: center;bottom:5px;width: 100%;z-index: 888}
.swiper-container1 {width: 100%;}
.swiper-slide{ position:relative; width: 100%;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 10px;background: #999;box-shadow: 0px 1px 2px #555 inset;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #fff;}
.banner_container .swiper-slide img{ display:block;}
.banner_container .swiper-slide .typepc{display:block}
.banner_container .swiper-slide .typemobile{display:none}
.banner_text{ position: absolute;top:0; left: 50%; margin-left:-31%; margin-top: 7%; width: 34%; animation: move 3s infinite;}

/*公共样式*/
.common_title{font-size:36px; font-weight: bold;text-align: center;color: #111827;padding: 80px 0 20px;}
.common_title:after{content: "";width: 80px;height: 5px;background: #1E3799;display: block;margin: 10px auto;}
.common_small_title{color: #4B5563;font-size: 16px;text-align: center;padding-bottom: 30px;}

/*税仓说明*/
.policy-section{width: 95%; margin: 30px auto 0;}
.policy-flex{display: flex;}
.policy-img{margin-right: 20px;}
.policy-title{font-size: 18px;color: #3D3D3D;font-weight: bold}
.policy-num{width: 30px;height:30px;line-height:30px;text-align:center;color: #ffffff;background: #1E3799;display: inline-block;border-radius: 50%}
.policy-list{margin-top: 10px;color: #3D3D3D;font-size: 16px;}
.policy-list li {margin-bottom: 8px;padding-left: 16px;position: relative;}
.policy-list li b{font-weight: bold;}
.policy-list li::before {content: "•";color: #2563eb;position: absolute;left: 0;}
.policy-scene{font-size: 20px;font-weight: bold;color: #1E3799;width: 95%;margin: 40px auto;}
.policy-scene-list{background-color: #526BCF;color: #ffffff;width: 25%;margin-top: 10px;transition: all 0.2s;}
.policy-scene-list:nth-child(1){border-radius: 10px 0 0 10px;}
.policy-scene-list:nth-child(2){background-color: #1E3799;}
.policy-scene-list:nth-child(4){background-color: #B70000;border-radius: 0 10px 10px 0;}
.policy-scene-list:hover {transform: scale(1.1);border-radius: 10px;}
.policy-scene-icon{padding: 30px 0;}
.policy-scene-icon img{margin: 0 auto;}
.policy-scene-title{font-size: 24px;font-weight: bold;text-align: center;}
.policy-scene-content{font-size: 16px;line-height: 1.8;padding: 20px}
.policy-scene-remark{font-size: 18px;font-weight: bold;color: #3D3D3D;width: 95%;margin: 30px auto 20px;}
.policy-scene-remark span{color: #FF0000;}
.policy-scene-from{color: #949494;font-size: 12px;width: 95%;margin: 20px auto 10px;text-align: right;padding-bottom: 50px;}
.policy-introduce-mg{margin-top: 30px;}
.policy-introduce-left {flex: 2;padding: 32px;background: #F9FAFB;border-radius: 10px 0 0 10px;color: #4B5563}
.policy-introduce-left h2 {color: #1E3799;font-size: 20px;margin-bottom: 20px;display: flex;align-items: center;font-weight: bold}
.policy-introduce-left h2::before {content: url(../../images/wlst/bonded-warehouse/introduce_icon.webp);font-size: 22px;margin-right: 8px;transition: all 0.2s;}
.policy-introduce-left:hover h2::before {transform: scale(1.1);}
.policy-introduce-left ul {list-style: none;padding: 0;font-size: 15px;}
.policy-introduce-left ul li {margin-bottom: 16px;padding-left: 24px;position: relative;line-height: 1.6;}
.policy-introduce-left ul li strong{font-weight: bold;}
.policy-introduce-left ul li::before {content: "✔";position: absolute;left: 0;color: #1E3799;font-weight: bold;}
.policy-introduce-right {flex: 1;background-color: #DCEBFA;padding: 24px;border-radius: 0 10px 10px 0;color: #3D3D3D;position: relative;margin-top: 30px;}
.policy-introduce-right h3 {font-size: 18px;color: #333;margin-bottom: 12px;font-weight: bold;margin-top: 30px;}
.policy-introduce-right p {font-size: 14px;color: #333;line-height: 1.8;}
.policy-introduce-right img{position: absolute;right: 20px;bottom: 20px;transition: all 0.2s;}
.policy-introduce-right:hover img{transform: scale(1.2);}
.policy-img-left img{margin-bottom: 20px;width: 350px;}
.policy-img-right{margin-left: 30px;}
.policy-img-right p{color: #3D3D3D;font-size: 18px;line-height: 1.8}
.policy-bold-title{font-weight: bold}
.policy-bold-title:last-child{text-decoration: underline}
.policy-flex-over{display: grid;grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));gap: 12px;}
.policy-flex-over-list{background-color: #1E3799;color: #FFFFFF;padding: 18px 12px;text-align: center;font-size: 18px;font-weight: bold;line-height: 1.4;display: flex;align-items: center;justify-content: center;flex-direction: column;transition: transform 0.3s ease;min-height:90px;}
.policy-flex-over-list:hover{transform: scale(1.1);}
.policy-flex-over-text i::before {content: url(../../images/wlst/bonded-warehouse/introduce_icon3.webp);font-size: 22px;margin-right: 8px;}
.policy-flex-over-text{font-size: 20px;color: #B70000;font-weight: bold;line-height: 2;text-align: center;width: 95%;margin: 50px auto 0;}
.policy-flex-over-hide{margin-top: 0}
.policy-scene-img{width: 350px;margin: 30px auto}

.hex-grid {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 32px;
	max-width: 1200px;
	margin: 40px auto;
	padding: 0 16px;
}

/* 卡片基础样式 */
.hex-item {
	position: relative;
	background: #F9FAFB;
	border-radius: 10px;
	padding: 56px 20px; /* 顶部预留六边形空间 */
	text-align: center;
	margin-top: 20px;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}

/* 交互效果 */
.hex-item:hover {
	transform: scale(1.1);
}

/* 六边形数字容器 */
.hex-number {
	position: absolute;
	top: -28px; /* 向上偏移半高度 */
	left: 50%;
	transform: translateX(-50%);
}

/* 六边形SVG（核心形状） */
.hex-svg {
	width: 56px;
	height: 56px;
}

/* 六边形路径（标准正六边形） */
.hex-svg path {
	fill: #0B48A8; /* 深蓝色，可调整 */
}

/* 数字文本样式 */
.hex-svg text {
	fill: #FFFFFF;
	font-size: 16px;
	font-weight: 600;
	text-anchor: middle;
	dominant-baseline: middle;
}

/* 标题样式 */
.hex-title {
	font-size: 22px;
	color: #4B5563;
	font-weight: 600;
	margin: 12px 0 8px;
}

/* 描述文本样式 */
.hex-desc {
	font-size: 16px;
	color: #3D3D3D;
	line-height: 1.6;
}




	/*业务咨询*/
.contact_container{ background-color:white; padding:3%; padding-bottom: 0;  margin-top: 3%;}
.contact_container .contact_tit{ font-size:24px; font-weight: bold; color:#333;}
/*.contact_container .contact_box{ margin-top:4%; }*/
.contact_container .contact_box .contact{ width:50%; margin: auto;margin-bottom: 5%;}
.contact_container .contact_box .contact img{ float:left; width: 28%;}
.contact_container .contact_box .contact .contact_txt{ float:left; width: 72%;}
.contact_container .contact_box .contact .contact_txt p{font-size:24px; color:#343434; font-weight: bold; margin-left:8%; }
.contact_container .contact_box .contact .contact_txt p b{font-size:20px;}
.contact_container .contact_box .contact .contact_txt span{font-size:13px; color:#343434; display: block;padding-top:1%;margin-left:8%; margin-top:2%;}

/*底部*/
.bottom_container{ background-color:#2c4979; width: 100%; }
.bottom_left{ float:left; width: 40%; padding: 3% 0;}
.bottom_right{ float:right; width: 27%; margin-top: 5%;}
.bottom_right img{ width:100%}
.bottom_left p{ font-size:20px; font-weight: bold; color:white;}
.bottom_left span{ display:block; font-size: 14px; color:#bac3db; line-height: 38px;}
.bottom_left span b{ color:white; }
.bottom_left .phone_icon{ display:inline-block; background: url(../../images/wlst/bonded-warehouse/icons.png); background-position: -10px -95px; width: 17px; height: 18px; vertical-align: middle;} 
.bottom_left .time_icon{display:inline-block; background: url(../../images/wlst/bonded-warehouse/icons.png); background-position: -9px -125px; width: 18px; height: 18px; vertical-align: middle;}
.bottom_left .address_icon{display:inline-block; background: url(../../images/wlst/bonded-warehouse/icons.png); background-position: -9px -155px; width: 18px; height: 18px; vertical-align: middle;}
.copyright{ background:#253e69;border-top:1px solid #596d8e;}
.copyright span{ font-size:14px; color:#fff; display: block;padding:1% 0;text-align: center;line-height: 1.8;}
.copyright span a{color:#fff;}

#pop1,#pop2,#pop3,#pop4,#pop5,#pop6,#pop7,#pop8,#pop9,#pop10,#pop11,#pop12,#pop13 {
	position: relative;
	background: #FFF;
	padding: 20px;
	width: auto;
	max-width: 500px;
	margin: 20px auto;
	max-height: 500px;
	border-radius: 10px;
}
.pop{position:relative;}
.pop .pop_box{ max-height: 450px;overflow-y: scroll;}
.pop .pop_box b{ font-weight: bold;}
.pop .pop_box .pop_box_title{ margin: 0;font-size: 16px;font-weight: bold;padding-bottom: 10px;}
.mfp-close-btn-in .mfp-close{position: absolute; top:-12px; right:-12px; opacity: 1; background-color: #000; border-radius: 100%; width: 30px; height: 30px; border:2px solid #fff;color:white!important; line-height: 28px;}
#pop1 span{ font-size:12px; line-height: 38px;}
#pop2 span{ font-size:12px; line-height: 38px;}
#pop3 span{ font-size:12px; line-height: 38px;}
#pop4 span{ font-size:12px; line-height: 38px;}
#pop5 span{ font-size:12px; line-height: 38px;}
#pop6 span{ font-size:12px; line-height: 38px;}
#pop7 span{ font-size:12px; line-height: 38px;}
#pop8 span{ font-size:12px; line-height: 38px;}
#pop9 span{ font-size:12px; line-height: 38px;}
#pop10 span{ font-size:12px; line-height: 38px;}
#pop11 span{ font-size:12px; line-height: 38px;}
#pop12 span{ font-size:12px; line-height: 38px;}
#pop13 span{ font-size:12px; line-height: 38px;}

@keyframes move{
	0%{transform: translateX(0)}
	30%{transform: translateX(30px)}
	60%{transform: translateX(0)}
	100%{transform: translateX(0)}
}

@media screen and (max-width:1400px){
	.servies_content .series_desc li i.i_tag{ position:static; display: block;  margin-top: 0; border-radius: 50px; margin-bottom: 20px;}
}
@media screen and (max-width:1160px){
	.system_showbox .swiper-slide{ text-align: center;}
	.system_showbox .sliimg_lf,.system_showbox .sliimg_rg{ float:none; display: inline-block;  }
}
@media screen and (max-width:1000px){
	.PCheader_container{display:none;}
	.mobileheader_container{ display:block;}
	
	.profiletwo_container .profiletwo_lf{width:40%;}
	.profiletwo_container .profiletwo_rg{ width:56%}
}
@media screen and (max-width:930px){
	.profiletwo_rg .profile_tabbox li span{ font-size:18px;}
}
@media screen and (min-width:1000px){
	.PCheader_container{display:block;}
	.mobileheader_container{ display:none;}
}

@media screen and (min-width:701px){	
	.swiper-container.bannerheight{min-height:386px;}
}
@media screen and (max-width:900px){

}

@media screen and (max-width:700px){
	.bottom_left{ float:none;width: 90%; margin:auto;}
	.bottom_middle{ float:none; width: 90%; margin: 3% auto;}
    .bottom_right{ float:none; width: 90%; margin: 5% auto;}
	.bottom_right img{ width:auto; width:100%}
	.content_box01 li span{ font-size: 20px;}
	.content_box01 li b{ font-size:22px;}
	.copyright span{padding:4%;}
	
	.banner_container .swiper-slide .typepc{display:none}
	.banner_container .swiper-slide .typemobile{display:block}
	
	.title_container span{ font-size:22px;}
	
	.contact_container .contact_box .contact{ width:100%;}
	.contact_container .contact_tit{ font-size:16px;}
	.contact_container .contact_box .contact .contact_txt p{ font-size:18px; margin-left:4%; margin-top: 5%;}
	.contact_container .contact_box .contact .contact_txt span{ margin-left:4%;}
	/*税仓说明*/
	.common_title{font-size: 26px;}
	.common_small_title{font-size: 14px;width: 95%;margin: auto auto}
	.policy-flex{display: block}
	.policy-img{display: none}
	.policy-content{margin-top: 20px;}
	.policy-scene-list{width: 100%;border-radius: 10px!important;cursor: none}
	.policy-introduce-right{margin-top: 0;border-radius: 0 0 10px 10px}
	.policy-img-left img{width: 100%;}
	.policy-img-right{margin-left: 0}
	.policy-flex-over-text{font-size: 18px;}

}
@media screen and (max-width:500px){

}
@media screen and (min-width:401px) and (max-width:500px){
	.title_container span{ font-size:20px;}
	.title_container span b{ font-size:12px;} 
	.title_container i{ margin-top:4%}
}
@media screen and (min-width:320px) and (max-width:400px){	
	.title_container span{ font-size:16px;}
	.title_container span b{ font-size:12px;} 
	.title_container i{ margin-top:6%}
}