@import url("old.css");

/*
页面框架及布局

gt_header
gt_top_banner
gt_main
gt_footer
gt_shade
gt_aibox
*/
:root {
	/* 品牌色 */
	--brand-blue: #007bff;
	--brand-dark: #1a237e;

	/* 辅助色 */
	--accent-teal: #20c997;
	--accent-purple: #6f42c1;

	/* 中性色 */
	--white: #ffffff;
	--gray-100: #f8f9fa;
	--gray-500: #adb5bd;
	--black: #000000;

	/* 功能色 */
	--error: #ff4444;
	--success: #16b777;
	--warning: #ffbb33;
	--info: #33b5e5;

	/* 页面头部 */
	--menu-background: #fafafa;
	--menu-text: #666;
	--menu-hover: #007bff;
	--menu-hover-background: #ccc;
	--menu-hover-text: #007bff;
	--menu-active: #0056b3;
	--menu-active-background: #e9ecef;

	/* 页面主体 */
	--content-background: #ffffff;
	--content-text: #333;
	--content-link: #007bff;

	/* 页面底部 */
	--footer-background: #0D0D0E;
	--footer-text: #ccc;
	--footer-link: #fff;

	/* 页面遮罩 */
	--shade-background: rgba(0, 0, 0, 0.5);
	--shade-text: #fff;
	/* 底部TAB*/
	--tab-background: rgba(255, 255, 255, 0.96);
	--tab-text: #666;
	--tab-hover: #007bff;
	/* 图片*/
	--img-background: #fafafa;
	--img-border: #ccc;
}

.fullContainer{
	width: calc(100vw - 17px);
	margin-left: calc(-49.6vw + 50%);
}

.layui-layer-loading-icon{
	color: #007bff;
}
/*加载中 loading */
.loadingMask{
	width: 100vw;
	height: 100vh;
	background-color: rgba(255,255,255,0.5);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	/* display: none; */
}

.view .product_view,.product .product_view{
	padding-top: 60px;
}
.view .product_view .gt_flex_container .infocard .gradientBtn,.product .product_view .gt_flex_container .infocard .gradientBtn{
	padding: 5px 15px;
	border-radius: 12px;
	border: 1px solid #ccc;
}
.view .product_view .gt_flex_container .infocard .gradientBtn .icon50,.product .product_view .gt_flex_container .infocard .gradientBtn .icon50{
	width: 30px;
}
.descView img{
	display: block;
	margin: auto;
	max-width: 100%;
}

.swiper{
    --swiper-navigation-color: #ccc;/* 单独设置按钮颜色 */
}


.gt_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 1000;
	background: var(--menu-background);
	height: 80px;
	box-shadow: 0 2px 15px rgba(0, 0, 0, 0.1);
	transition: height 0.3s ease;
}

/* 防止内容被遮挡的占位元素 */
.gt_header+div {
	padding-top: 80px;
}

/* 工具导航容器 */
.gt_toolbar {
	height: 20px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1001;
	padding: 5px 10px;
}

/* 导航项容器 */
.gt_toolbar .gt_nav {
	display: flex;
	gap: 5px;
	justify-content: flex-end;
	list-style: none;
	margin: 0;
	padding: 0;
}

/* 单个导航项 */
.gt_toolbar .gt_nav_item {
	position: relative;
	line-height: 1;
}

/* 导航链接样式 */
.gt_toolbar .gt_nav_item_link {
	color: #666;
	font-size: 12px;
	text-decoration: none;
	transition: color 0.3s ease;
	display: block;
	padding: 2px 5px;
}

.gt_toolbar .gt_nav_item_link:hover {
	color: var(--menu-hover);
}

/* 二级菜单容器 */
.gt_nav_child {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	background: var(--menu-background);
	box-shadow: 0 3px 12px rgba(0, 0, 0, 0.1);
	padding: 8px 0;
	border-radius: 10px;
	z-index: 1001;
}

.gt_nav_item:hover .gt_nav_child {
	display: block;
	animation: menuSlide 0.25s ease-out;
}

/* 二级菜单项 */
.gt_nav_child_item {
	position: relative;
}

.gt_nav_child_item:last-child {
	border-bottom: none;
}

/* 二级菜单链接 */
.gt_nav_child_item_link {
	display: block;
	padding: 8px 20px;
	color: var(--menu-text);
	font-size: 14px;
	transition: background 0.3s;
}

.gt_nav_child_item_link:hover {
	background: var(--menu-hover-background);
	color: var(--menu-hover-text);
}





.gt_header .gt_menu_area {
	display: flex;
	justify-content: space-between;
	/* justify-content: center; */
	/* 左对齐排列 */
	align-items: center;
	/* 垂直居中 */
	gap: 20px;
	/* 元素间距 */
}



.gt_logo_area {
	flex: 0 0 auto;
	/* 不伸缩不收缩 */
	width: 200px;
	height: 80px;
	display: flex;
	align-items: center;
}

.gt_logo {
	width: auto;
	/* 保持原始宽高比 */
	height: auto;
	max-width: 100%;
	max-height: 65px;
}

/* MENU容器样式 */
.gt_menu_area .gt_menu {
	/* flex: 1; */
	/* 占据剩余空间 */
	min-width: 0;
	/* 允许内容溢出时收缩 */

}

/* MENU列表样式 */
.gt_menu .gt_nav {
	height: 80px;
	background-color: var(--menu-background) !important;
}

.gt_menu .gt_nav_item {
	height: 80px;
	line-height: 80px;

}

.gt_menu .gt_nav_item a {
	color: var(--menu-text) !important;
	font-size: 18px;
	font-weight: 500;
	padding: 0 12px;
}

.gt_menu .gt_nav_child {
	min-width: 100px;
	border-radius: 0;
	/*border: 3px solid var(--menu-hover);*/
	border-top: none;
	margin-top: -3px;
}

.gt_menu .gt_nav_child .gt_nav_item {
	height: auto;
	line-height: 1.5em;
}

.gt_menu .gt_nav_child .gt_nav_child {
	border-radius: 0;
	position: none;
}

.gt_menu .layui-this a,
.gt_menu a:hover {
	color: var(--menu-active) !important;
}

.gt_menu .gt_nav_child_item_link {
	line-height: 40px;
}

.gt_menu .gt_nav_child_item_link:hover {
	background: var(--menu-active-background) !important;
	color: var(--menu-hover-text);
}

.gtm_nav_lang {
	display: none;
	line-height: 60px;
	height: 60px;
	padding: 0 16px;
	cursor: pointer;
}

.gt_more_btn {
	display: none;
	line-height: 60px;
	padding: 0 16px;
	cursor: pointer;
}

.gt_menu_area .layui-header-menu .navLang{
	position: inherit;
	background-color: transparent;
	min-height: auto;
	box-shadow:none;
	width: fit-content;
	padding: 0;
}
.navLang *{
	font-size: 14px;
}
.navLang #country_select{
	max-height: 70vh;
	overflow-y: auto;
	background: #fff;
}
.navLang .gt_nav_child_item_link{
	text-align: left;
}


.layui-nav .layui-this:after,
.layui-nav-bar {
	background-color: var(--menu-hover);
}

#banner {
	height: 500px;
	max-height: 500px;
	background-size: 100% 200%;
	animation: gradientAnimation 10s ease infinite;
}

/*banner*/
#smallbanner {
	height: 300px;
	max-height: 300px;
	background-size: 100% 200%;
	animation: gradientAnimation 10s ease infinite;
}

#infobanner {
	height: 220px;
	/* max-height: 220px; */
	background: url(../images/bba.png) no-repeat center top;
	background-size: 100% 100%;
}

.gt_footer {
	padding: 10px 15px;
	line-height: 30px;
	color: var(--footer-text);
	background: var(--footer-background);
}

.gt_footer a {
	color: var(--footer-link);
}


.gt_main {
	padding: 30px 0;
	background: var(--content-background);
	margin: 0px auto;
	min-height: 50vh;
}
.gt_footer_qrcode{
	display: flex;
	justify-content: center;
	align-items: center;
}
.gt_footer_qrcode li{
	flex: 1;
	/* 均分剩余空间 */
	min-width: 0;
	/* 允许内容收缩 */
	min-height: 0;
	/* 允许内容收缩 */
	max-width: 100%;
	/* 最大宽度限制 */
	max-height: 100%;
	/* 最大高度限制 */
}
.gt_footer_qrcode .gt_img{text-align: center;max-width: 120px;margin: 0 auto;display: block;}
.gt_footer_qrcode .gt_img_title{text-align: center;}
.gt_footer .gt_companyname {
	width: 100%;
	position: relative;
	padding-bottom: 20px;
	border-bottom: 1px solid var(--gray-500);
	margin-bottom: 30px;
	overflow: hidden;
	margin-right: 20px;
}

.gt_footer .iconUp {
	color: var(--gray-500);
	position: absolute;
	bottom: -12px;
	right: -1px;
}

.gt_flex_container {
	display: flex;
	justify-content: space-between;
}

.gt_flex_container.gt_flex_rgap {
	gap: 10px;
	flex-wrap: wrap;
}

.gt_footer .gt_footer_menu {
	margin-left: 30px;
	margin-top: 20px;
	width: 25%;
	min-width: 150px;
}

.gt_flex {
	flex: 1;
	/* 均分剩余空间 */
	min-width: 0;
	/* 允许内容收缩 */
	min-height: 0;
	/* 允许内容收缩 */
	max-width: 100%;
	/* 最大宽度限制 */
	max-height: 100%;
	/* 最大高度限制 */
}

.gt_flex img {
	max-width: 100%;
}

.gt_flex_21 {
	flex: 0 0 50%;
}

.gt_flex_31 {
	flex: 0 0 33.3%;
}

.gt_flex_32 {
	flex: 0 0 66.7%;
}

.gt_flex_41 {
	flex: 0 0 25%;
}

.gt_flex_43 {
	flex: 0 0 75%;
}

.gt_flex_51 {
	flex: 0 0 20%;
}

.gt_flex_52 {
	flex: 0 0 40%;
}

.gt_flex_53 {
	flex: 0 0 60%;
}

.gt_flex_54 {
	flex: 0 0 80%;
}
.countrySelectBox{
	border: 1px solid #ccc;
	border-radius: 20px;
	height: 28px;
	line-height: 28px;
	padding: 0 20px 0 8px;
}
.gt_nav_lang .layui-nav-more{
	right: 15px;	
}


/*
.gt_top_banner{
	border:1px solid red;
}

.gt_header{display: none;}
*/
.gt_top_banner .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #000;
	/* 可选，用于在图片加载时显示背景 */
}

.gt_top_banner .banner-content {
	position: relative;
	width: 100%;
	height: 100%;
}

.gt_top_banner .banner-image {
	width: 100%;
	height: 100%;
	object-fit: cover;
	/* 保持图片比例并填充容器 */
}

.gt_top_banner .overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: var(--shade-text);
	/* 文本颜色 */
	text-align: center;
	z-index: 1;
}

.gt_top_banner .banner-title {
	font-size: 2em;
	margin-bottom: 0.5em;
}

.gt_top_banner .banner-description {
	font-size: 1em;
	margin-bottom: 1em;
}


.gt_friend_link {
	float: left;
	text-align: left;
	word-break: keep-all;
	;
}

.gt_friend_link a {
	font-size: 14px;
	margin-right: 10px;
}

.gt_friend_link a:hover {
	text-decoration: underline;
}

.gt_friend_link a:last-child {
	margin-right: 0;
}

.gt_copyright {
	line-height: 1.5em;
}

/* 底部tab start*/
.gt_footer_tabbox {
	display: none;
}

.gt_footer_tabbox .gt_flex_container {
	padding: 6px 10px;
	background-color: var(--tab-background);
	box-shadow: 0px 0px 30px 0px rgba(166, 184, 205, 0.3);
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 999;
	justify-content: center;
	align-items: center;
}
.gt_footer_tabbox .gt_flex_container .gt_flex{
	display: flex;
	justify-content: center;
}
.gt_footer_tabbox .gt_tabitem {
	color: var(--tab-text);
	text-align: center;
	display: flex;
}

.gt_float_img {
	float: left;
	max-width: 30%;
	margin: 0 20px 20px 0;
}

.gt_footer_tabbox .tab-this,
.tabCon .tabItem:hover {
	color: var(--tab-hover);
}

.gt_footer_tabbox .gt_tabitem .layui-icon {
	font-size: 22px;
	margin-bottom: 2px;
}

/* 底部tab end */
.layui-fixbar {
	bottom: 80px;
}

.gt_aibox {
	position: fixed;
	right: 16px;
	bottom: 160px;
	cursor: pointer;
	z-index: 999;
}

.gt_aibox .aiImg {
	width: 50px;
	height: 50px;
}

.gt_widget .gt_widget_title {
	width: 100%;

	margin-bottom: 20px;
	position: relative;
}

.gt_widget .gt_widget_title .title {
	padding: 10px;
}

.gt_widget .gt_widget_title h2 {
	width: 261px;
	height: 70px;
	margin: 25px auto;
	text-align: center;
	font-size: 28px;
	color: var(--black);
	line-height: 43px;
	background-image: url(../images/bg1.png);
	background-repeat: no-repeat;
	background-size: 100% auto;
	background-position: center;
}

.gt_widget .gt_widget_title .morelink {
	text-decoration: none;
	font-size: 16px;
	position: absolute;
	bottom: 25px;
	left: 60%;
	color: var(--content-link);
}

/* 小组件样式--------------------------------------------------------------------- */
.gt_widget .gt_flex_container {
	justify-content: center;
	flex-wrap: wrap;
	gap: 20px;
}

.gt_widget .gt_flex_container .gt_flex_41 {
	flex: 0 0 calc(25% - 20px);
	/* 每行4个卡片，调整百分比以适应不同屏幕尺寸 */
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
	border-radius: 8px;
	overflow: hidden;

	transition: transform 0.3s ease;
	/* 动效：悬停时放大 */
}

.gt_widget .gt_flex_container .gt_flex_41 a {
	padding: 20px;
	display: block;
	cursor: pointer;
}

.gt_widget .gt_flex_container .gt_flex_41:hover {
	transform: scale(1.05);
	/* 悬停时卡片放大 */
}

/* 固定宽高比的图片容器 */
.gt_widget .gt_img_container {
	position: relative;
	padding-top: 100%;
	/* 1:1 正方形，其他比例修改此处（如 16:9 用 56.25%） */
	background: var(--img-background);
	/* 占位背景色 */
}

.gt_widget .gt_flex h3 {
	/* margin: 0; */
	margin: 20px 0 10px;
	font-size: 18px;
	text-align: center;
}

.gt_catalogue0 .gt_flex h3 {
	/* padding: 0 0 20px 0; */
	margin-bottom: 20px;
}

.gt_catalogue2 .gt_img_container {
	width: 50%;
	/* 宽度为 gt_flex 的 50% */
	padding-top: 50%;
	border-radius: 50%;
	/* 圆形 */
	overflow: hidden;
	/* 隐藏溢出的内容，确保图片被裁剪为圆形 */
	margin: 0 auto;
	/* 水平居中 */
}

/* 图片填充规则 */
.gt_widget .gt_card_img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	/* 关键属性：填充裁剪 */
	object-position: center;
	/* 图片居中裁剪 */
}

.gt_widget .gt_flex .text p {
	padding: 20px 0;
}

.gt_catalogue2 .gt_card_img {
	object-fit: cover;
	/* 保持图片比例并填充容器 */
	object-position: center;
	/* 图片居中裁剪 */
	;
}

.gt_catalogue2 .gt_flex {
	display: flex;
	flex-direction: column;
	/* 或者 'row'，根据需要调整 */
	align-items: center;
	border: 1px solid var(--content-background);
	/* 初始无边框 */
	transition: border-color 0.3s;
	/* 添加过渡效果 */
}

.gt_catalogue2 .gt_flex a {
	display: block;
	cursor: pointer;
	padding: 30px;
	width: 100%;
}

.gt_catalogue2 .gt_flex:hover {
	border: 1px solid var(--gray-500);
	/* 鼠标悬停时添加边框 */
}

.gt_brand1 .gt_flex_container {
	gap: 0;
	background-color: var(--content-text);
	color: var(--content-background);
	margin-bottom: 20px;
	transition: transform 0.3s ease;
}

.gt_brand2 .gt_flex_container {
	gap: 0;
	justify-content: normal;
}

.gt_brand2 .gt_text {
	transition: background-color 0.3s ease;
	/* 按钮背景色动画 */
	background-color: var(--content-text);
	color: var(--content-background);
}

.gt_brand2 .gt_text:hover {
	background-color: var(--black);
	/* 按钮悬停背景色 */
	color: var(--gray-100);
}

.gt_brand2 .gt_left .gt_text {
	margin-left: auto;
	order: 2;
}

.gt_brand1 .gt_flex_container:hover,
.gt_catelogue_list2 .gt_flex_container:hover {
	transform: scale(1.02);
	/* 悬停时放大 */
}

.gt_brand1 .gt_img_container,
.gt_catelogue_list2 .gt_img_container,
.gt_brand2 .gt_img_container {
	padding-top: 56.25%;
}

.gt_widget .gt_brand1 .gt_flex h3 {
	text-align: left;
	border-bottom: 1px dotted var(--content-background);
}

.gt_widget .gt_brand2 .gt_flex h3 {
	text-align: left;
	padding: 0;
}

.gt_brand1 .text,
.gt_catelogue_list2 .text,
.gt_brand2 .text {
	/*头部对齐*/
	padding: 20px;
	line-height: 1.5em;
}

.gt_btn {
	display: inline-block;
	padding: 2px 10px;
	background-color: var(--content-background);
	/* 按钮背景色 */
	color: var(--content-text);
	/* 按钮文字颜色 */
	text-decoration: none;
	transition: background-color 0.3s ease;
	/* 按钮背景色动画 */
}

.gt_btn:hover {
	background-color: var(--black);
	/* 按钮悬停背景色 */
	color: var(--gray-100);
}

.gt_catalogue1 {
	margin: 20px 0 40px 0;
	position: relative;
	background: url(../images/cataloguebg.jpg) no-repeat center top;
	height: 700px;
}

.gt_catalogue1 .gt_widget_title .morelink {
	color: var(--content-background);
}

.gt_catalogue1.gt_widget .gt_widget_title h2 {
	color: var(--content-background);
}

.gt_relative_backgroud {
	position: absolute;
	left: 50%;
	/* 定位到屏幕中央 */
	transform: translateX(-50%);
	/* 向左偏移50%自身宽度 */
	width: calc(100vw - 20px);
	/* 视口宽度 */
	height: 700px;
	/* 按需设置高度 */
	background: var(--info);
	/* 背景色/图 */
	z-index: -1;
	/* 置于内容下方 */
}

.gt_catalogue1 .text {
	position: relative;
	padding: 20px;
	margin: 0;
	transition: background-color 0.4s linear;
	height: 100px;
	overflow: hidden;
}

.gt_catalogue1 .text h3 {
	padding: 0;
}

.gt_catalogue1 .text:hover {
	background-color: var(--error);
	color: var(--content-background);
}

.gt_catalogue1 .gt_relative_backgroud {
	background: url(../images/cataloguebg.jpg) no-repeat center top;
}

.gt_catalogue1 .gt_flex {
	background-color: var(--content-background);
}

.gt_catalogue1 .gt_flex a {
	padding: 20px;
	display: block;
	cursor: pointer;
}

.gt_swiperslide {
	/* width: 100%; */
	margin: 30px auto;
	overflow: hidden;
	position: relative;

}

.gt_catalogue3 a {
	display: block;
	cursor: pointer;
}

.gt_catalogue3 .swiperPrev {
	text-align: right;
	margin-right: 30px;
}

.gt_catalogue3 .swiper-slide {
	text-align: center;
	font-size: 18px;
	background: var(--gray-100);
	justify-content: center;
	align-items: stretch;
	transition: 300ms;
	transform: scale(0.8);
}

.gt_catalogue3 .swiper-slide a {
	display: block;
	height: 100%;
	padding: 30px;
}

.gt_catalogue3 .gt_img_container {
	/* 宽度为 gt_flex 的 50% */
	padding-top: 100%;
	/* 圆形 */
	overflow: hidden;
	/* 隐藏溢出的内容，确保图片被裁剪为圆形 */
	margin: 0 auto;
	/* 水平居中 */
	background-color: #fff;
}

.gt_catalogue3 .gt_img_container img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.gt_catalogue3 .imgTitle {
	height: 60px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	line-height: 60px;
}

.gt_catalogue3 .swiper-slide-active,
.gt_catalogue3 .swiper-slide-duplicate-active {
	/* transform: scale(1); */
}

#catelogue_list .gt_catelogue_list0 .gt_flex_41 {
	border: none;
	box-shadow: none;
	aspect-ratio: 323 / 510;
	background-image: url(../images/bbg.png);
	background-repeat: no-repeat;
	background-size: 100%;
	text-align: center;
	position: relative;
	cursor: pointer;
	background-position: center center;
}

#catelogue_list .gt_catelogue_list0 .gt_flex_41 h3 {
	margin-top: 60px;
	margin-bottom: 47px;
	padding: 20px;
}

#catelogue_list .gt_catelogue_list0 .gt_flex_41 a {
	padding: 40px 31px 0 49px;
}

.gt_catelogue_list0 .gt_img_container {
	background-color: transparent;
	/*图片倾斜*/
	padding-top: 80%;
	transform: skewY(-14.5deg);
	transition: transform 0.3s ease;
}

.gt_catelogue_list0 .gt_img_container img {
	object-fit: cover;
}

.gt_catelogue_list0 .gt_flex_41:hover .gt_img_container {
	transform: skewY(0deg);
}

.gt_catelogue_list2 .gt_flex_container {
	gap: 0;
	background-color: var(--content-text);
	color: var(--content-background);
	margin-bottom: 20px;
	transition: transform 0.3s ease;
}

.gt_widget .gt_catelogue_list2 .gt_flex h3 {
	text-align: left;
	border-bottom: 1px dotted var(--content-background);
}

.gt_widget .gt_catelogue_list2 .gt_flex h3 {
	text-align: left;
	padding: 0;
}

/* 小组件样式--------------------------------------------------------------------- */

.gt_info1 {
	background: url(../images/gsbg.png) no-repeat left top;
	background-size: 1000px auto;
	min-height: 500px;
	padding-left: 330px;
	padding-top: 120px;
	margin-left: -200px;
}





/* 列表及新闻页--------------------------------------------------------------------- */

.gt_catalist0 {}

.gt_catalist0 .gt_flex_container {
	gap: 20;
	margin-bottom: 20px;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
	padding: 20px;
}

.gt_catalist0 .gt_flex_container h3 {
	text-align: left;
	line-height: 2em;
	padding: 0;
	display: flex;
	justify-content: space-between;
}

.gt_catalist0 .gt_flex_container h3 span {
	font-size: 12px;
	font-weight: 100;
}

.gt_catalist1 .gt_img_container {
	padding: 0;
}

.gt_catalist1 .gt_flex h3 {
	margin: 12px 0;
	padding: 0;
	text-align: left;
	line-height: 1.5em;
}
.gt_catalist1 .gt_flex .newsimg {
	width: 100%;
	height: 230px;
	object-fit: cover;
}

/* 主容器：弹性布局 + 间隔分布 */
.gt_flex_container.gt_article_more {
	justify-content: space-between;
	gap: 30px;
	padding: 25px 0;
	border-top: 1px solid #eee;
}

.gt_catalist2 .gt_flex h3 {
	padding: 0;
	text-align: left;
	line-height: 1.8em;
}

.gt_catalist2 .gt_flex h3 span {
	font-size: 12px;
	font-weight: 100;
}

.gt_catalist2 .gt_flex .newsimg {
	width: 180px;
}

.gt_catalist2 .gt_flex_21 {
	flex: 0 0 calc(50% - 40px);
}

.gt_catalist3 .gt_flex_21 {
	flex: 0 0 calc(50% - 40px);
	border: 1px solid var(--img-border);
}

.gt_catalist3 .gt_flex_21 a {
	display: block;
	cursor: pointer;
	padding: 20px;
}

.gt_flex ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.gt_flex li {
	margin-bottom: 12px;
}

.gt_article_more .gt_flex a {
	font-size: 16px;
	transition: color 0.3s;
}

.gt_article_more .gt_flex a:hover {
	text-decoration: underline;
}

/* 右侧更多新闻区域 */

.gt_article_more .gt_flex h3 {
	font-size: 20px;
	color: #222;
	text-align: left;
	border-right: 1px solid #eee;
	padding: 30px;
}




.gt_solid {
	color: #fff;
	display: flex;
	/* height: 690px; */
	min-height: 180px;
	width: 100%;
	aspect-ratio: 1920 / 700;
}

.gt_solid .collaItem {
	/* flex: 1; */
	height: 100%;
	display: flex;
	/* width: 25%; */
}

.gt_solid .bigImgBox {
	position: relative;
	height: 100%;
	color: #fff;
	width: 0;
}

.gt_solid .showThis {
	width: 90%;
	will-change: transform;
	animation: collaAni 0.1s linear;
}

.gt_solid .showThis .bigImgBox {
	width: 100%;
}

.gt_solid .collaItem .hideThis {
	display: none;
}

.gt_solid .collaItem .bigImg {
	height: 100%;
	width: 100%;
}

.gt_solid .imgTitle {
	position: absolute;
	left: 20px;
	bottom: 32px;
	line-height: 25px;
	background-color: rgba(0, 0, 0, 0.5);
	padding: 20px;
}

.gt_solid .collaItem .imgTitle .arrowsImg {
	margin-top: -10px;
	width: 60%;
}

.gt_solid .smallImgBox {
	/* width: 200px; */
	background-repeat: no-repeat;
	background-position: left top;
	background-size: auto 100%;
	position: relative;
	aspect-ratio: 200 / 700;
	background-color: #000;
	transition: opacity 0.5s ease;
	/* 添加过渡动画 */
	cursor: pointer;
}

.gt_solid .smallImgBox:hover {
	opacity: 0.9;
}

.gt_solid .smallImgBox .plusImg {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate3d(-50%, -50%, 0);
	cursor: pointer;
}

.gt_solid .smallImgBox .imgTitle {
	left: 0;
	right: 0;
	bottom: 32px;
	text-align: center;
}

.gt_backimg {
	background-size: auto 100%;
	background-position: 50% 50%;
	min-height: 500px;
	height: 500px;
	position: relative;
}

.gt_backimg .overlay {
	position: absolute;
	top: 50%;
	left: 0;
	padding: 40px;

	background: var(--shade-background);
	color: var(--shade-text);
}

.gt_backimg .overlay h3 {
	padding: 0;
	line-height: 1.8em;
}

.gt_catalist7 .newsimg {
	width: 200px;
}

.gt_carousel .card {
	width: 100%;
	color: #fff;
	border-radius: 24px;
	box-shadow: rgba(0, 0, 0, 10%) 5px 5px 20px 0;
	padding: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
	min-height: 200px;
	box-sizing: border-box;
}

.gt_carousel{
	margin: 0 auto;
	padding: 20px 0;
	max-width: 1300px;
	min-width: 1000px;
	overflow: hidden;
	display: flex;
	box-sizing: border-box;
}
.card .newsimg{width: 100%;}

.gt_carousel.animated:hover .group {
	animation-play-state: paused;
}

.gt_carousel:not(.basic) > * {
	flex: 0 0 100%;
}

.group {
	display: flex;
	gap: 10px;
	will-change: transform; /* We should be nice to the browser - let it know what we're going to animate. */
}
.gt_carousel .group .gt_flex_51{
	flex: 0 0 calc(20% - 10px)
}
.group.animated {
	animation: scrolling 10s linear infinite;
}

@keyframes scrolling {
	0% {
	transform: translateX(0);
	}

	100% {
	transform: translateX(-100%);
	}
}

/* 相册 start*/
.articleSwiper{
	max-width: 800px;
	position: relative;
}
.articleSwiper .articleSlide{
	height: 500px;
	position: relative;
}
.articleSwiper .articleSlide img.width100{
	height: 93%;
	object-fit: cover;
}
.articleSwiper .articleNameBox{
	position: absolute;
	bottom: 0;
	left: 0;
}

.articleSwiper .swiper-button-next,
.articleSwiper .swiper-button-prev {
	color: #262A2F;
	cursor: pointer;
	z-index: 999;
}

.articleSwiper .paginationBox {
	width: 160px;
	height: 40px;
	position: absolute;
	right: 0;
	bottom: 6px;
}

.articleSwiper .paginationBox .swiper-button-next:after,
.articleSwiper .paginationBox .swiper-button-prev:after {
	font-size: 20px;
}

.articleSwiper .paginationBox .swiper-pagination {
	left: 50%;
	top: 50%;
	bottom: auto;
	transform: translate3d(-50%, -50%, 0);
	font-size: 20px;
}
.albumContentBox .gt_widget_content{
	max-width: 800px;
	margin: 15px auto;
	font-size: 15px;
	line-height: 24px;
}

/* 相册 end*/



/* 移动端样式 */
@media (max-width: 768px) {
	.gt_header {
		height: 60px;
		box-shadow: none;
	}

	.gt_main {
		padding: 10px 12px;
	}

	/* 防止内容被遮挡的占位元素 */
	.gt_header+div {
		padding-top: 60px;
	}

	.gt_toolbar {
		padding-right: 15px;
	}

	.gt_toolbar .gt_nav {
		gap: 15px;
	}

	.gt_menu .gt_nav {
		height: 60px;
	}

	.gt_menu .gt_nav_item {
		height: 60px;
	}

	.gt_widget .gt_catalist1 .gt_flex {
		flex: 0 0 calc(50% - 20px);
	}


	.gt_footer .gt_flex {
		flex: 1 !important;
	}
	.gt_footer .footerQrcodesBox{
		max-width: 138px;
	}
	.gt_footer .gt_footer_tabbox .gt_flex {
		flex: 1 !important;
	}

	.gt_flex_container {
		flex: 0 0 100% !important;
	}

	.gt_catalogue1 {
		height: auto;
		background-color: rgb(233, 73, 25);
	}

	.gt_catalogue1 .gt_flex {
		flex: 0 0 calc(50% - 30px) !important;
	}

	.gt_catalogue3 .swiper-slide a {
		padding: 10px;
	}

	#catelogue_list .gt_catelogue_list0 .gt_flex_41 h3 {
		margin: 10px;
		padding: 0;
	}

	#catelogue_list .gt_catelogue_list0 .gt_flex_41 a {
		padding: 40px 17px 0 27px;
	}

	.gt_article_more .gt_flex {
		flex: 0 0 100% !important;
	}

	.gt_article_more .gt_flex_container {
		border-top: 1px solid #ccc;
	}

	.gt_article_more .gt_flex_43 {
		flex: 0 0 60% !important;
		padding: 10px;
	}
}


@keyframes menuSlide {
	from {
		opacity: 0;
		transform: translateY(-10px);
	}

	to {
		opacity: 1;
		transform: translateY(0);
	}
}