@charset "utf-8";

/* CSS Document */
body {
	margin: 0 auto;
	padding: 0px;
	background: #ffffff;
	font-family: "微软雅黑", arial;
	font-size: 12px;
}

div,
form,
img,
ul,
ol,
li,
dl,
dt,
dd,
p {
	margin: 0;
	padding: 0;
	border: 0;
}

li {
	list-style-type: none;
}

img {
	vertical-align: top;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
}

.content {
	width: 1080px;
	margin: 0 auto;
}

.marauto {
	margin: 0 auto;
}

/* 公共链接样式 */
a:link {
	color: #333;
	text-decoration: none;
}

a:visited {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #333;
	text-decoration: underline;
}

/* 链接和文字颜色 */
.cWhite,
a.cWhite:link,
a.cWhite:visited {
	color: #fff;
}

.cWhite1,
a.cWhite1:link,
a.cWhite1:visited {
	color: #F7F6F6;
}

.cRed,
a.cRed:link,
a.cRed:visited {
	color: #9F0912;
}

.cRed_d1,
a.cRed_d1:link,
a.cRed_d1:visited {
	color: #FF3C00;
}

.cBlack,
a.cBlack:link,
a.cBlack:visited {
	color: #333;
}

.cBlue,
a.cBlue:link,
a.cBlue:visited {
	color: #4894BA;
}

.cBlue_d1,
a.cBlue_d1:link,
a.cBlue_d1:visited {
	color: #4994BB;
}

.cGray,
a.cGray:link,
a.cGray:visited {
	color: #333;
}

.cGray_d1,
a.cGray_d1:link,
a.cGray_d1:visited {
	color: #666;
}

.cOran,
a.cOran:link,
a.cOran:visited {
	color: #FFEBB8;
}

/* 分享 */
.fx_new {
	float: left;
	text-align: left;
}

.bshare-custom a {
	color: #fff;
}

.bais {
	color: #fff;
}

.bshare-custom #bshare-shareto {
	color: #fff !important;
}

/*头部*/
.guo_tb {
	background: url("../images/guo_tou.jpg") no-repeat;
	height: 811px;
	max-width: 1920px;
	margin: 0 auto;
}

.guo_bt img {
	text-align: center;
}

.guo_1_1 img {
	width: 700px;
}

.guo_1_2 {
	background-color: #f4f4f4;
	width: 380px;
}

.guo_1 ul li img {
	float: left;
	margin-right: 10px;
}

.guo_1 ul li p {
	font-size: 16px;
}

.guo_1 ul li {
	padding-top: 18px;
	padding-bottom: 18px;
	padding-left: 20px;
	padding-right: 10px;
	overflow: hidden;
}

.guo_2 ul.ul1 {
	width: 1200px;
}

.guo_2 ul.ul1 img {
	width: 340px;
	height: 191px;
}

.guo_2 ul.ul1 li {
	width: 340px;
	float: left;
	margin-right: 30px;
}

.guo_2 ul.ul1 li p {
	background-color: #ac0b04;
	padding: 20px;
	font-size: 18px;
	text-align: center;
}

.guo_2 ul.ul1 li p a {
	color: #fff;
}

/* 两列列表核心样式 */
.guo_2 ul.ul2 {
	list-style: none;
	/* 清除默认列表样式 */
	padding-left: 0;
	/* 清除默认左内边距 */
	margin: 0;
	/* 清除默认外边距 */
	width: 1180px;
	/* 关键：两列总宽度 = 540px*2 + 20px间距 */
	overflow: hidden;
	/* 关键：清除浮动，避免父容器高度塌陷 */
}

.guo_2 ul.ul2 li {
	position: relative;
	/* 用于圆点绝对定位 */
	padding-left: 1.5em;
	/* 文本缩进，给圆点留空间 */
	font-size: 16px;
	line-height: 30px;
	width: 540px;
	/* 每列固定宽度 */
	float: left;
	/* 左浮动实现两列排列 */
	margin-right: 20px;
	/* 列间距（两列之间的空隙） */
	margin-bottom: 10px;
	/* 行间距（上下列表项之间的空隙） */
}

.guo_2 ul.ul2 li::before {
	content: "•";
	/* 红色圆点符号 */
	color: red;
	/* 圆点颜色 */
	font-size: 1.2em;
	/* 圆点大小 */
	position: absolute;
	/* 绝对定位固定圆点位置 */
	left: 0;
	/* 圆点固定在li左侧 */
	top: 0.2em;
	/* 垂直居中对齐文本 */
	width: 1em;
	/* 圆点宽度 */
	text-align: center;
	/* 圆点居中显示 */
}

.guo_3 ul {
	width: 1200px;
}

.guo_3 ul li img {
	width: 340px;
}

.guo_3 ul li {
	width: 340px;
	float: left;
	margin-right: 30px;
}

/* 三个红色圆点（核心样式） */
.red-dots {
	text-align: center;
	/* 水平居中 */
	margin-top: 15px;
	/* 距离图片下方的距离 */
	font-size: 16px;
	/* 圆点大小（控制整体尺寸） */
	color: #ac0b04;
	/* 红色圆点 */
	letter-spacing: 5px;
	/* 圆点间距（关键：改小为 5px，默认太宽） */
}

/* 直接生成三个圆点符号 */
.red-dots::before {
	content: "●●●";
	/* 三个圆点（无空格，靠 letter-spacing 控制间距） */
}

/* .guo_4 {
	background: url("../images/guo_40.jpg") no-repeat top;
	height: 500px;
} */

/*尾部*/
.guo_wb {
	background-color: #ac0b04;
	font-size: 14px;
	line-height: 24px;
	color: #fff;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 30px;
}

/*头下导航*/

/*deng-add*/

.prevLeft,
.nextRight {
	position: absolute;
	top: 45%;
	z-index: 99;
}

.prevLeft {
	left: 20%;
}

.nextRight {
	right: 20%;
}

.prevLeft img,
.nextRight img {
	width: 90%;
	height: auto;
}

.picBanner li img {
	width: 100%;
}

.picBanner .swiper-slide {
	width: 900px;
	transition-timing-function: linear;
	position: relative;
	height: 500px;
}

.picBanner .swiper-slide a:after {
	content: "";
	position: absolute;
	top: 0;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	height: 100%;
	display: block;
}

.picBanner .swiper-slide p {
	line-height: 35px;
	position: absolute;
	background-color: rgba(0, 0, 0, 0.5);
	width: 100%;
	bottom: 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	color: #FFFFFF;
	text-align: center;
}

.picBanner .swiper-slide-active a:after {
	display: none !important;
}

.xiaoboBox {
	position: relative;
}

.imgBox {
	width: 90%;
	margin: auto;
	/* 	border: 3px #d0e0f4 solid;
	padding: 10px 4.5%;
	border-radius: 8px; */
}

.imgBox img {
	width: 340px;
	height: 510px;
}

.xiaoboBox .swiper-pagination {
	width: 1080px;
	margin: 15px auto;
}

.swiper-pagination span {
	border-radius: 3px;
	opacity: 1;
	background-color: #cecece;
	margin-left: 8px;
}

.swiper-pagination-bullet-active {
	background-color: #a51c0f !important;
	/* 	width: 30px;
	height: 8px; */
}

.swiper-container-horizontal>.swiper-pagination-bullets {
	bottom: 0px;
}

.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}


.shuangyuSlide {
	height: 330px;
	overflow: hidden;
	/*! margin-top: 10px; */
	/*! margin-bottom: 10px; */
}

#swiperPerv,
#swiperNext {
	text-align: center;
}

#swiperPerv img,
#swiperNext img {
	cursor: pointer;
}

.leftBanner img {
	padding: 0 !important;
}

.shuangyuSlide .swiper-slide {
	cursor: pointer;
	align-items: center;
	display: flex;
}

.shuangyuSlide .swiper-slide>div {
	/* padding-top: 4px; */
}

.shuangyuSlide .swiper-slide p,
.guo_2 ul li p a,
.guo_7_1 li p {
	overflow-y: hidden;
	white-space: normal;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
}

.guo_agck {
	margin: 0 auto;
	width: 1080px;
}

.w700 img {
	width: 700px;
	height: 398px;
	/* border-radius: 10px; */
}

.guo_4 ul li img {
	padding-left: 20px;
	padding-right: 13px;
	float: left;
}

.guo_4 ul li p {
	font-size: 16px;
	line-height: 30px;
}

.tabSwiper .swiper-slide img {
	width: 620px;
	height: 349px;
}

.w380 {
	background-color: #f4f4f4;
	padding-top: 10px;
	margin-top: 8px;
	padding-bottom: 10px;
	width: 380px;
}

.banneron {
	background-color: #ac0b04;
}

.banneron a,
.banneron p {
	color: #FFFFFF;
}

.en_toppic_m {
	display: none;
}

.mob {
	display: block;
}

.en_toppic img,.sctop-c img {
	width: 100%
}

.sctop {
	line-height: 0px;
	background: #fff url("../images/toppic.jpg") no-repeat center 0px;
	position: relative;
}

@media screen and (max-width: 760px) {
	body {
		overflow-x: hidden;
	}

	.sctop-c {
		display: none;
	}

	.en_toppic_m {
		display: block;
	}

	.content,
	.guo_2 ul.ul1,
	.guo_2 ul.ul2,
	.guo_agck,
	.w700,
	.en_toppic_m img,
	.w380,
	.guo_2 ul.ul1 img {
		width: 100% !important;
	}

	.guo_2 ul.ul1 {
		display: flex;
		flex-wrap: wrap;
	}

	.guo_2 ul.ul1 li {
		width: 87.3%;
		float: unset;
		margin: 0 auto;
	}

	.imgBox img {
		width: 90%;
		height: auto;
		display: block;
		margin: 0 auto;
	}

	.picBanner .swiper-slide,
	.w700 img {
		height: 100%;
		width: 100%;
	}

	.prevLeft,
	.nextRight {
		top: 40%;
	}

	.prevLeft {
		left: 1%;
	}

	.nextRight {
		right: 1%;
	}

	.guo_bt {
		width: 100%;
		margin: auto;
		position: relative;
		text-align: center;
		height: auto;
		margin-left: -43%;
	}

	.guo_bt img {
		width: 190%;
	}

	.sp20 {
		height: 12px !important;
	}

	.xiaoboBox .swiper-pagination {
		width: 100%;
		margin: 1rem auto;
	}

	.xiaoboBox {
		margin-bottom: 1.5rem;
	}

	.guo_2 ul.ul2 li {
		position: relative;
		padding-left: 1.5em;
		font-size: .75rem;
		line-height: 1.4rem;
		width: 90%;
		/* float: left; */
		margin-right: 0;
		margin-bottom: 10px;
		text-align: left;
	}

	.guo_2 ul.ul2 {
		padding:0 .5rem;
	}

	.guo_2 ul.ul1 li p {
		padding: 2%;
		font-size: .7rem;
		margin-bottom: 2%;
	}


}
<!--ecms sync check [sync_thread_id="3bcee7cc5a424330844ab778a62d31c1" sync_date="2025-07-11 09:07:52" check_sum="3bcee7cc5a424330844ab778a62d31c1]-->