:root {
	--active-text: #4582FF;
	--main-text: #000;
	--gray-text: #999;
	--footer-bg:#25343C;
	--menu-text-active:#1A5E9D;
}

a{
	color: inherit;
}
a:focus, a:hover{
	color: var(--active-text);
	text-decoration: none;
}
html,body{
	color: var(--main-text);
	font-size: 16px;
	background-color: #F7F7F9;
}
html,body,h2,h3,h4,h5,p{
	margin: 0;
}
.yellowF{
	color: var(--active-text) !important;
}
.blueF{
	color: var(--active-text);
}
.grayF{
	color: var(--gray-text);
}
.grayF2{
	color: #666;
}
.redF{
	color: #FF0000;
}
.size25{
	font-size: 25px;
}
.size20{
	font-size: 20px;
}
.size16{
	font-size: 16px;
}
.size14{
	font-size: 14px;
}
.size12{
	font-size: 12px;
}
.size11{
	font-size: 11px;
}
.size10{
	font-size: 10px;
}
.bold{
	font-weight: bold;
}
.text-center{
	text-align: center;
}

.marginb6{
	margin-bottom: 6px;
}
.marginb10{
	margin-bottom: 10px;
}
.marginb20{
	margin-bottom: 20px;
}
.marginb30{
	margin-bottom: 30px;
}
.margint20{
	margin-top: 20px;
}
.marginr10{
	margin-right: 10px;
}
.marginr20{
	margin-right: 20px;
}

/** S 文本行数限制 **/
.line-1 {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.line-2 {
	-webkit-line-clamp: 2;
	-moz-line-clamp: 2;
	line-clamp: 2;
}

.line-3 {
	-webkit-line-clamp: 3;
	-moz-line-clamp: 3;
	line-clamp: 3;
}

.line-4 {
	-webkit-line-clamp: 4;
	-moz-line-clamp: 4;
	line-clamp: 4;
}

.line-5 {
	-webkit-line-clamp: 5;
	-moz-line-clamp: 5;
	line-clamp: 5;
}


.line-2,
.line-3,
.line-4,
.line-5 {
	overflow: hidden;
	/* word-break: break-all; */
	word-break: normal;
	text-overflow: ellipsis;
	display: -webkit-box; // 弹性伸缩盒
	display: -moz-box;
	display: box;
	-webkit-box-orient: vertical; // 设置伸缩盒子元素排列方式
	-moz-box-orient: vertical;
	box-orient: vertical;
	word-wrap: break-word;
}

.display{
	display: flex;
}
.displayA{
	display: flex;
	align-items: center;
}
.displayB {
	display: flex;
	justify-content: space-between;
}
.displayAB {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.displayAC {
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.displayW {
	display: flex;
	flex-wrap: wrap;
}

.flex1{
	flex: 1;
}
.baseline{
	align-items: baseline;
}
.width100{
	width: 100%;
}
.width1200{
	max-width: 1200px;
	margin: auto;
}
.width1300{
	max-width: 1300px;
	margin: auto;
}

/* .yellowBtn,.grayBtn,.yellowBtn2{
	width: 100%;
	height: 45px;
	text-align: center;
	line-height: 45px;
	background: linear-gradient( 90deg, #D3A644 0%, #9C6D08 100%);
	border-radius: 25px;
	color: #fff;
	font-size: 15px;
	border: none;
	display: inline-block;
}
.grayBtn{
	background: #F3F3F3;
	color: #000;
}

.redDot{
	color: #FF1212;
	margin-right: 3px;
}

.rImg{
	position: absolute;
	top: 10px;
	right: 10px;
	width: 35px;
	height: 35px;
}
.line{
	width: 50px;
	height: 1px;
	background-color: #DDDDDD;
}
.bottomBox{
	margin: 30px auto;
	width: fit-content;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
*/

.headerBox{
	width: 100%;
	background-color: #fff;
}
.header{
	display: flex;
	align-items: center;
	justify-content: center;
}
.logo{
	width: 355px;
	height: 48px;
	margin-right: 80px;
}
.meunBox{
	display: flex;
	align-content: center;
}
.headerBox .meunItem{
	padding: 26px 15px;
	box-sizing: border-box;
}
.headerBox .meunItem.active{
	color: var(--menu-text-active);
	font-weight: 600;
	background: linear-gradient(180deg, #D5E7F2, #fff);
}

/* 公告轮播样式 */
.announcementBanner{
	background-color: #fff;
	padding: 18px 0;
	height: 48px;
	box-sizing: border-box;
	margin-bottom: -48px;
}
.announcementSwiper{
	height: 24px;
	overflow: hidden;
	margin: 0 auto;
}
.announcementSwiper .swiper-wrapper{
	height: 100%;
}
.announcementSwiper .swiper-slide{
	height: 100%;
	line-height: 24px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.announcementSwiper a{
	color: #333;
	font-size: 18px;
	text-decoration: none;
	line-height: 24px;
}
.announcementSwiper a:hover{
	color: #4582FF;
}
.announcementCategory{
	color: #4582FF;
	font-weight: 600;
	font-size: 18px;
}

.footerBox{
	background-color: var(--footer-bg);
	color: #fff;
	padding: 40px 15px 15px;
	box-sizing: border-box;
	line-height: 1.8;
}
.footerBox .width1300{
	height: 300px;
	display: flex;
	flex-flow: column;
	justify-content: space-between;
}
.footerBox h2{
	font-size: 36px;
	color: #fff;
}
.footerBox h4{
	font-size: 24px;
	margin-bottom: 15px;
}
.footerBox p{
	color: #fff;
}

.conWrapper{
	min-height: 55vh;
}

.titleBox {
	height: 70px;
	margin: 25px auto;
	text-align: center;
	line-height: 46px;
	background-image: url(../img/title.png);
	background-repeat: no-repeat;
	background-position: center;
}
.titleBox h2{
	font-weight: 600;
	font-size: 32px;
}
.titleBox>p{
	color: #666;
	font-size: 18px;
	font-weight: 400;
}

/* 服务体系部分样式 */
.serviceSystem,.governmentService,.ecosystemAlliance{
	background-size: cover;
	background-position: left top;
}
.serviceSystem{
	padding-top: 40px;
	padding-bottom: 30px;
	width: 100%;
	background-image: url(../img/bg1.png);
}
.serviceGrid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
}
.serviceImg{
	width: 100%;
	aspect-ratio: 300 / 320;
	object-fit: cover;
	transition: transform 0.3s ease;
	box-shadow: 0 0 20px #dde4ee;
	border-radius: 10px;
	/* cursor: pointer; */
}
.serviceImg:hover{
	transform: scale(1.05);
}
/* 政务服务部分样式 */
.governmentService{
	padding-top: 40px;
	/* padding-bottom: 40px; */
	background-image: url(../img/bg2.png);
}
.govGrid{
	display: grid;
	grid-template-columns: repeat(6, 1fr);
	grid-gap: 30px;
	margin-top: 40px;
}
.govItem{
	text-align: center;
	transition: transform 0.3s ease;
	background-color: #fff;
	padding:45px 20px;
	box-sizing: border-box;
	border-radius: 10px;
}
.govItem:hover{
	transform: translateY(-5px);
}
.govIcon{
	width: 100px;
	height: 100px;
	margin: 0 auto 15px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
}

/* 服务生态联盟部分样式 */
.ecosystemAlliance{
	padding-top: 40px;
	padding-bottom: 30px;
	background-image: url(../img/bg3.png);
}
.allianceGrid{
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	grid-gap: 30px;
	margin-top: 40px;
}
.allianceItem{
	background-color: #fff;
	padding: 30px 20px;
	border-radius: 15px;
	box-sizing: border-box;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	
}
.allianceItem:hover{
	transform: translateY(-5px);
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
}
.allianceLogo{
	/* width: 100px; */
	height: 75px;
	margin-bottom: 35px;
}
.allianceItem h4{
	font-weight: 600;
	margin-bottom: 12px;
	line-height: 1.2;
}
.allianceItem p{
	margin-bottom: 40px;
}
.allianceItem .moreBox span{
	margin-right: 12px;
}
.allianceItem .moreBox img{
	width: 62.5%;
	aspect-ratio: 164 / 22;
}
.moreBtn{
	margin-top: 40px;
}
.moreBtn a{
	color: #3366cc;
	transition: color 0.3s ease;
}


/* 出海动态部分样式 */
.overseasNews{
	padding-top: 40px;
	padding-bottom: 50px;
	background-color: #fff;
}
.newsContent{
	display: flex;
	margin-top: 40px;
	gap: 40px;
}
.newsCarousel{
	flex: 1;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
	z-index: 1;
	padding-bottom: 30px;
}

.carouselImg{
	width: 100%;
	height: 300px;
	overflow: hidden;
}
.carouselImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.newsCarousel .swiper-pagination{
	bottom: 3px;
}
.swiper-pagination-bullet-active{
	background-color: var(--menu-text-active);
}
.newsList{
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 12px;
}
.newsItem{
	background-color: #fff;
	padding: 5px 0 12px;
	border-bottom: 1px solid #E4E8ED;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
}
/* .newsItem:hover{
	transform: translateY(-5px);
	box-shadow: 0 5px 20px rgba(0,0,0,0.1);
} */
.newsItem p:first-child{
	font-size: 18px;
	margin-bottom: 10px;
	line-height: 1.4;
	font-weight: 600;
}

/* 服务生态列表 */
/* .enterprises,.news,.enterprises_view,.news_view{
	background-color: #F7F7F9;
} */
.typeBox{
	margin-bottom: -20px;
}
.typeBtn{
	padding: 5px 15px;
	border-radius: 20px;
	margin: 5px;
	color: #666666;
}
.typeBtn.active{
	background-color: var(--menu-text-active);
	color: #fff;
}

.pagination{
	margin: 30px 0;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover{
	background-color: #F7F7F9;
	color: #999;
}
.pagination>li>a, .pagination>li>span{
	background-color: #F7F7F9;
	color: #999;
	border: none;
	padding: 0 6px;
	border-radius: 4px;
	line-height: 1.33;
	margin-left: 10px;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{
	background-color: #25343C;
}

/* 新闻列表页面样式 */
.overseas_newsList{
	padding: 10px 30px;
	background-color: #fff;
}
.overseas_newsItem{
	display: flex;
	gap: 30px;
	padding: 20px 0;
	border-bottom: 1px solid #eee;
	transition: all 0.3s ease;
}
.overseas_newsItem:hover{
	transform: translateY(-5px);
}
.overseas_newsItem:last-child{
	border-bottom: none;
}
.overseas_newsImg{
	flex: 0 0 340px;
	height: 200px;
	overflow: hidden;
}
.overseas_newsImg img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: transform 0.3s ease;
}
.overseas_newsItem:hover .overseas_newsImg img{
	transform: scale(1.05);
}
.overseas_newsTitle{
	font-size: 22px;
	font-weight: 600;
	margin-bottom: 15px;
	color: #333;
	line-height: 1.3;
}

.overseas_newsDesc{
	font-size: 14px;
	color: #666;
	line-height: 1.6;
	margin-bottom: 15px;
	flex: 1;
}

/* 企业详情页面样式 */
.enterprisesViewTop{
	display: flex;
	gap: 40px;
	margin-bottom: 20px;
	padding: 50px;
	background-color: #fff;
	box-sizing: border-box;
}

.enterprisesViewTop .companyLogo{
	flex: 0 0 30%;
	height: 200px;
	display: flex;
	align-items: center;
	justify-content: center;
	border: 1px solid #E9EDF2;
}

.enterprisesViewTop .companyInfo h2{
	font-size: 30px;
	font-weight: 600;
	margin-bottom: 30px;
}
.enterprisesViewTop .serviceInfo{
	display: flex;
	justify-content: space-between;
	gap: 40px;
}
.newlogo{
	max-width: 300px;
}
.enterprisesViewCon{
	padding: 50px;
	background-color: #fff;
	line-height: 1.8;
}

/* 出海动态详情 */
.news_viewCon{
	padding: 50px;
	background-color: #fff;
	box-sizing: border-box;
	line-height: 1.8;
}
.news_viewCon img{
	width: 100% !important;
	height: auto !important;
	margin: 20px auto 30px;
}
.news_viewCon p{
	text-indent: 2em;
	margin-bottom: 20px;
}


@media (max-width: 1300px) {
	.headerBox .meunItem{
		padding: 26px 10px;
	}
	.logo{
		margin-right: 35px;
	}
	.serviceSystem,.governmentService,.ecosystemAlliance,.overseasNews,.allianceGridBox{
		padding-left: 15px;
		padding-right: 15px;
		box-sizing: border-box;
	}
}