body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td {
	margin: 0;
	padding: 0;
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5tahoma, arial;
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 14px;
	font-weight: normal;
}

address,
cite,
dfn,
em,
var {
	font-style: normal;
}

ul,
ol {
	list-style: none;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}

fieldset,
img {
	border: 0;
}

p {
	line-height: 1.5em;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
.btn:active{
	box-shadow: none;
}
/*body{
	overflow-x: hidden;
}
* {
	max-width: 100%;
	box-sizing: border-box;
}*/
html, body {
	overflow-x: hidden;
	width: 100%;
}
* {
	/*max-width: 100%;*/
	box-sizing: border-box;
}
.container {
	overflow-x: hidden;
}
/*头部*/
html,
body {
	padding: 0 !important;
}

select {
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	background: url('../image/select.png') no-repeat right center #fff;
	background-size: 30px;
	background-position: calc(100% - 10px);
	padding-right: 60px;
}

/* select:focus{
    background-image: url('../image/select-a.png');
} */
.header {
	position: fixed;
	top: 0;
	right: 0;
	left: 0;
	background: rgba(235, 235, 236, 0.9);
	z-index: 100;
	padding: 25px 0;
	display: flex;
	align-items: center;
}


.header .logo {
	display: flex;
	align-items: center;
	padding: 0 130px 0 50px;
}

.header .logo img {
	width: 300px;
	display: block;
}

.header .logo .text {
	margin-left: 14px;
	color: #fff;
}


.header .logo .text h1 {
	font-weight: normal;
	font-size: 16px;
	margin-bottom: 6px;
	color: #323232;
}

.header .logo .text p {
	font-weight: normal;
	font-size: 10px;
	letter-spacing: 0.3px;
	color: #6d6d6d;
}


.search-main{
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	background: #eceff6;
	border-top:1px solid #030507;
	padding:20px 0;
	display: none;
}
.search-main  .w{
	padding: 10px;
	width: 72%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	background: #fff;
	border-radius: 5px;
}
.search_ipt{
	display: flex;
	align-items: center;
	width: 100%;
}
.search-main input{
	border: none;
	outline: none;
	flex: 1;
	height: 100%;
	font-size: 14px;
	padding-right: 40px;
}
.search-main input::placeholder{
	color: #bfbfbf;
}
.search-main button{
	border: none;
	background: none;
	outline: none;
	cursor: pointer;
	font-size:14px;
	background: #dcbb61;
	color: #fff;
	padding: 4px 20px;
	border-radius: 5px;
}
/*右侧按钮*/
.right-fdd2 {
	width: 70px;
	position: fixed;
	right: 0;
	top: 40%;
	background-color: #e8edef;
	border-radius: 8px;
	z-index: 40;
	overflow: visible;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);
}

.right-fdd2 a, .right-fdd2 > div {
	width: 100%;
	padding: 10px 0 12px;
	text-align: center;
	display: block;
	cursor: pointer;
	position: relative;
	transition: all 0.3s ease;
}

.right-fdd2 img {
	width: 21px;
	margin-bottom: 2px;
	transition: all 0.3s ease;
}

.right-fdd2 p {
	font-size: 12px;
	color: #757575;
	display: block;
	margin: 0;
}

.right-fdd2 a.color1 {
	background: #c01b2e;
}

.right-fdd2 a.color1 p {
	color: #fff;
}

.right-fdd2 a.color2 {
	background: #f12d44;
}

.right-fdd2 a.color2 p {
	color: #fff;
}

/* 新增电话咨询悬停效果 */
.phone-consult-container {
	position: relative;
	width: 70px;
	height: 60px;
	transition: width 0.3s;
}

.phone-consult-container:hover {
	width: 200px; /* 悬停时扩展宽度 */
}

.phone-consult-container > a {
	position: absolute;
	left: 0;
	top: 0;
	width: 70px;
	height: 100%;
	z-index: 2;
	background: #c01b2e !important;
}

.phone-number {
	position: absolute;
	left: 70px;
	top: 0;
	width: 130px;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
	background: #c01b2e;
	color: white;
	opacity: 0;
	transition: opacity 0.3s;
	pointer-events: none;
	max-width: 130px;
}
.phone-number.act{
	opacity: 1;
	left: -130px;
}

.phone-number span {
	color: white;
	font-size: 14px;
	white-space: nowrap;
}

.phone-consult-container:hover .phone-number {
	opacity: 1;
	left: -130px;
}

/* 返回顶部按钮悬停效果 */
#returnTop:hover {
	background-color: #d4d9de;
}

/* 其他咨询按钮悬停效果 */
a.color2:hover {
	background-color: #d81d33 !important;
}

.nav {
	flex: 1;
	display: flex;
	align-items: center;
}

.nav .menu-item {
	position: relative;
	flex: 1;
}
.nav .menu-item .one{
	height: 60px;
	font-size: 16px;
	color: #2d2d2d;
	display: block;
	line-height: 60px;
	text-align: center;
	letter-spacing: 2px;
}
.nav .menu-item .one.act,.nav .menu-item .one.hover{
	background: #b71c1c;
	color: #fff;
	line-height: 50px;
	letter-spacing: 2px;
	/*text-indent: 4px;*/
}
.nav .menu-item .one.act::after,.nav .menu-item .one.hover::after{
	content: "";
	position: absolute;
	bottom: 12px;
	left: 50%;
	width: 34px;
	height: 2px;
	background: #fff;
	margin-left: -17px;
}
.nav .menu-item .two{
	position: absolute;
	left: 0;
	top: 100%;
	width:max-content;
	min-width: 100%;
	background: #fff;
	box-shadow: 0px 1px 8px #ddd;
	display: none;
}
.nav .menu-item .two a{
	display: block;
	padding: 20px 30px;
	font-size: 14px;
	border-bottom: rgba(0,0,0,0.1) solid 1px;
	color: #2d2d2d;
	transition: all 0.3s;
}


.nav .nav-main .search {
	width: 24px;
	height: 24px;
	background: url('../image/1.png') no-repeat center center;
	background-size: contain;
	margin-left: 55px;
	cursor: pointer;
}

.header .fun{
	width: 400px;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 35px;
}
.header .fun img{
	width: 36px;
	margin-left: 30px;
}
.header .fun span{
	color: #2d2d2d;
	font-size: 22px;
	margin-left: 17px;
}

/*底部*/
.footer {
	background: url('../image/footer.jpg') no-repeat center center/cover;
	color: #FFFFFF;
}

.footer .top {
	padding: 50px 0 0;
}
.footer .m{
	display: flex;
}
.footer .menu{
	width: 840px;
	display: flex;
}
.footer .menu .item{
	flex: 1;
}
.footer .menu .item h1{
	font-size: 16px;
	color: #f1f1f1;
	position: relative;
	padding-bottom: 10px;
	margin-bottom: 28px;
}
.footer .menu .item h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 34px;
	height: 1px;
	background: #fff;
}
.footer .menu .item a{
	font-size: 12px;
	color: #fff;
	margin-bottom: 8px;
	display: block;
}
.footer .msg{
	width: 0;
	flex: 1;
	padding-top: 10px;
}

.footer .msg .logo {
	margin-bottom: 22px;
	display: flex;
	align-items: center;
}

.footer .msg .logo img {
	width: 110px;
	display: block;
	margin-right: 30px;
}

.footer .msg .logo .text {
	color: #fff;
	margin-left: 20px;
	padding-left: 20px;
	border-left: 1px solid #fff;
}

.footer .msg .logo .text h1 {
	font-weight: normal;
	font-size: 28px;
	line-height: 1;
	margin-bottom: 12px;
	letter-spacing: 10px;
}

.footer .msg .logo .text p {
	font-weight: normal;
	font-size: 19px;
	line-height: 1;
	letter-spacing: 3px;
}
.footer .msg .info{
	display: flex;
	align-items: center;
}
.footer .msg .info .l{
	flex: 1;
}
.footer .msg .info p{
	font-size: 14px;
	color: #f5f5f5;
	margin-bottom:10px;
}
.footer .msg .r img {
	width: 100px;
	display: block;
	margin: 0 auto 16px;
}

.footer .msg .r p {
	font-size: 18px;
	text-align: center;
	color: #fff;
}
.footer .link{
	padding: 50px 0 20px;
}

.footer .link,.footer .link a{
	font-size: 14px;
	color: #fff;

}

.footer .bot {
	padding: 45px 0;
	font-size: 14px;
	color: #fff;
	text-align: center;
	border-top: 1px solid #fff;
}


.clear {
	clear: both;
}

.ghh_bg {
	display: none;
	height: 50px;
	background: rgba(0, 0, 0, 0.5);
	width: 100%;
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
}

.ghh_bg .logo {
	position: absolute;
	left: 20px;
	top: 5px;
	height: 35px;
}

.ghh_bg .logo img {
	height: 100%;
}

.ghh {
	position: fixed;
	right: 5px;
	top: 2px;
	width: 48px;
	height: 38px;
	text-align: center;
	border-radius: 5px;
	z-index: 999;
	cursor: pointer;
	display: none;
	transform: scale(0.9);
	background: rgba(0, 0, 0, 0.05);
}

.gh {
	float: right;
	width: 34px;
	margin-top: 17px;
	margin-right: 5px;
	position: relative;
	cursor: pointer;
	display: table;
	transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.5s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.ghh:hover a:before {
	transform: translateY(-2px) rotate(0deg);
	-webkit-transform: translateY(-2px) rotate(0deg);
	-ms-transform: translateY(-2px) rotate(0deg);
}

.ghh:hover a:after {
	transform: translateY(2px) rotate(0deg);
	-webkit-transform: translateY(2px) rotate(0deg);
	-ms-transform: translateY(2px) rotate(0deg);
}

.gh a {
	background-color: #fff;
	display: block;
	height: 4px;
	margin-top: -2px;
	position: relative;
	top: 50%;
	width: 100%;
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after,
.gh a:before {
	background-color: #fff;
	display: block;
	height: 4px;
	left: 0;
	position: absolute;
	width: 100%;
	content: " ";
	transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-webkit-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
	-ms-transition: all 0.3s cubic-bezier(0.7, 0, 0.3, 1) 0s;
}

.gh a:after {
	top: 10px;
}

.gh a:before {
	top: -10px;
}

.gh.selected {
	transform: rotate(90deg);
}

.gh.selected a {
	background-color: transparent !important;
}

.gh.selected a:after {
	top: 0;
	transform: translateY(0px) rotate(45deg);
	-webkit-transform: translateY(0px) rotate(45deg);
	-ms-transform: translateY(0px) rotate(45deg);
}

.gh.selected a:before {
	top: 0;
	transform: translateY(0px) rotate(-45deg);
	-webkit-transform: translateY(0px) rotate(-45deg);
	-ms-transform: translateY(0px) rotate(-45deg);
}

.gb_bg {
	position: fixed;
	width: 50%;
	height: 100%;
	right: 0%;
	top: 0;
	text-align: center;
	z-index: 800;
	display: none;
	background: rgba(0, 0, 0, 0.5);
}

.gb_bg .nav2 {
	position: absolute;
    right: 0;
    top: 42px;
    padding: 10% 0 0;
    left: 0;
    text-align: right;
}
.gb_bg .nav2 .two{
	display: none;
	background-color: rgba(0,0,0,0.8);
}

.nav2 a {
	padding: 20px;
	display: block;
	font-size: 14px;
	color: #fff;

}
.nav2 .one {
	position: relative;
}
.nav2 .one img{
	width: 30px;
    position: absolute;
    left: 10px;
    top: 20px;
}
.nav2 .one  a{
	display: inline-block;
}
.nav2 .one img.act{
	transform: rotate(180deg);
}

.crumbs {
	padding:15px 0;
	color: #8d8d8d;
	font-size: 14px;
	letter-spacing: 3px;

}
.crumbs.color{
	background: #f4f4f4;
}
.crumbs .wrap{
	display: flex;
	align-items: center;
}
.crumbs img{
	margin-right: 10px;
}
.crumbs span{
	border-left: 1px solid #8d8d8d;
	padding-left: 5px;
	line-height: 1;
}

.crumbs a {
	color: #8d8d8d;
}
.page {
	padding: 50px 0;
	display: flex;               /* 启用 Flexbox 布局 */
	align-items: center;         /* 垂直居中 */
	justify-content: center;     /* 水平居中（整体居中） */
	gap: 30px;                   /* 分页和跳转框的间距 */
	flex-wrap: wrap;             /* 允许换行（可选） */
}

/* 分页样式（保持原有样式，但调整为 flex 容器） */
.page ul.pagination {
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	color: #a1a1a1;
	margin: 0;                   /* 清除默认外边距 */
	padding: 0;                  /* 清除默认内边距 */
}

.page li {
	margin: 0 12px;
	width: 24px;
	height: 24px;
	cursor: pointer;
	color: #a1a1a1;
	font-size: 16px;
	border: 1px solid #a1a1a1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
}

.page a {
	color: #a1a1a1;
}

.page li.active {
	color: #b10c1f;
	border: 1px solid #b10c1f;
}

.page li.active a {
	color: #b10c1f;
}

/* 跳转框样式（调整为行内布局） */
.page .page-jump {
	display: flex;
	align-items: center;
	white-space: nowrap;         /* 防止文本换行 */
	font-size: 16px;
	color: #a1a1a1;
}

.page input {
	color: #a1a1a1;
	font-size: 16px;
	border: 1px solid #a1a1a1;
	width: 58px;
	height: 24px;               /* 统一高度与分页按钮一致 */
	margin: 0 10px;
	border-radius: 5px;
	outline: none;
	padding: 0 10px;
	box-sizing: border-box;
}

.page .page-jump-btn {
	background: none;
	border: 1px solid #a1a1a1;
	color: #a1a1a1;
	border-radius: 5px;
	padding: 2px 10px;
	cursor: pointer;
	height: 24px;               /* 统一高度 */
	display: none;
	align-items: center;
}

.page .page-jump-btn:hover {
	color: #b10c1f;
	border-color: #b10c1f;
}
.serve .menu .con{
	width: calc(100% + 24px);
    margin-left: -12px;
	overflow: hidden;
}
.serve .item{
	float: left;
	width: 25%;
	padding: 0 12px 50px;
	box-sizing: border-box;
}
.serve .item .t{
	width: 100%;
	height:250px ;
	border-radius: 5px;
	overflow: hidden;
}
.serve .item .img{
	width: 100%;
	height: 100%;
	background: no-repeat center center/cover;
}
.serve .item .btn{
	width: 120px;
	margin: 0 auto;
    border-radius: 4px;
    padding:8px 0;
    display: flex;
    align-items: center;
    font-size: 12px;
	justify-content: center;
    color: #404040;
	border: 1px solid #404040;
	border-radius: 100px;
}
.serve  .con{
	overflow: hidden;
}
.serve .item .btn img{
	width: 5px;
	margin-left:6px;
}
.serve .m:hover{
	box-shadow: 0 0 10px #333;
}
.serve .m:hover .btn{
	background: #a9171f;
	color: #fff;
	border-color: #a9171f;
}
.serve .b{
	padding: 20px;
	background: #f7f7f7;
}
.serve .b h1{
	color: #404040;
	font-size: 16px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 10px;
	margin-bottom: 32px;
	position: relative;
}
.serve .b h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 2px;
	background: #a9171f;
}
.serve .b p{
	color: #747474;
	font-size: 14px;
	margin-bottom: 18px;
	height: 148px;
    overflow: hidden;
}
.serve .menu{
	background: #f7f7f7;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-bottom: 65px;
}
.serve .menu a,.serve .menu span{
	padding: 25px 15px;
	font-size: 14px;
	color: #404040;
	cursor: pointer;
	position: relative;
}
.serve .menu a::after,.serve .menu span::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 1px;
	height:18px;
	margin-top: -9px;
	background: #cfcfcf;
}
.serve .menu a.act,.serve .menu span.act{
	background: #b71c1c;
	color: #fff;
}
.serve .menu a.act::after,.serve .menu span.act::after{
	display: none;
}
.serve .menu a.last::after,.serve .menu span.last::after{
	display: none;
}

.wrap {
	width: 1400px;
	position: relative;
	margin: 0 auto;
}

.banner-bg {
	width: 100%;
	height: 450px;
	background-size: cover;
	background-position: center;
	position: relative;
	display: flex;
	justify-content: center;
}

.banner-wrap {
	width: 1440px;
	position: relative;
	height: 100%;
}

.banner-content {
	position: absolute;
	left: 20px;
	bottom: 45px;
	color: white;
	text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
}

.banner-title {
	font-size: 3.0rem;
	letter-spacing: 2px;
}

.banner-subtitle {
	font-size: 1.4rem;
	letter-spacing: 2px;
}

.banner-description {
	font-size: 1.2rem;
	letter-spacing: 2px;
}

.red-line {
	width: 120px;
	height: 3px;
	background-color: brown;
	border: none;
	margin-top: 20px;
}

.banner img {
	width: 100%;
	height: 450px;
	display: block;
}

.banner .swiper-slide {
	height: 100%;
	cursor: pointer;
	background: no-repeat center center/cover;
}

.banner .swiper-button-prev {
	left: 4%;
	background: url(../image/l.png) no-repeat center center/cover;
	width: 60px;
	height: 60px;
}

.banner .swiper-button-prev:hover {
	background: url(../image/l1.png) no-repeat center center/cover;
}

.banner .swiper-button-next {
	right: 4%;
	background: url(../image/r1.png) no-repeat center center/cover;
	width: 60px;
	height: 60px;
}

.banner .swiper-button-next:hover {
	background: url(../image/r.png) no-repeat center center/cover;
}

.banner .swiper-pagination {
	bottom: 64px !important;
}

.banner .swiper-pagination-bullet {
	width: 10px;
	border-radius: 50%;
	height: 10px;
	background: #FFFFFF !important;
	margin: 0 14px !important;
	position: relative;
	opacity: 1 !important;
}

.banner .swiper-pagination-bullet-active::after {
	content: "";
	width: 24px;
	height: 24px;
	border: 1px solid #FFFFFF;
	position: absolute;
	left: -8px;
	top: -8px;
	border-radius: 50px;
	opacity: 1 !important;
}

.about{
	padding:95px 0;
	background: #fff;
}
.about .wrap{
	display: flex;
}
.about .info{
	background: #f9f9f9;
	border-radius: 10px;
	flex: 1;
	width: 0;
	padding: 45px 18px 20px;
}
.about .info .title{
	width: 220px;
	margin-bottom: 44px;
}
.about .info h1{
	font-size: 16px;
	color: #2d2d2d;
	margin-bottom: 30px;
}
.about .info p{
	font-size: 14px;
	color: #777;
	margin-bottom: 40px;
	line-height: 2;
}
.about .info .btn{
	display: flex;
	align-items: center;
	background: #b8131e;
	width: 186px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	justify-content: center;
	border-radius: 100px;
	transition: all 1s;
	cursor: pointer;
}
.about .info .btn:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}
.about .info .btn img{
	width: 22px;
	margin-left:18px ;
}
.about .menus{
	background: #f9f9f9;
	border-radius: 10px;
	margin-left: 10px;
	width: 900px;
	padding: 0 10px;
	box-sizing: border-box;
}
.about .menus .tit{
	padding: 40px 110px 40px 0;
	position: relative;
	text-align: center;
}
.about .menus .tit span{
	font-size: 16px;
	text-align: center;
	color: #555555;
	padding-bottom: 8px;
	display: inline-block;
	cursor: pointer;
}
.about .menus .tit span.act{
	color: #a9171f;
	border-bottom: 2px solid #a9171f;
}
.about .menus .tit .btn{
	position: absolute;
	right: 10px;
	top: 34px;
}
.about .menus .tit .btn img{
	width: 31px;
	margin-left: 30px;
	cursor: pointer;
}

.about .menus .block .item{
	background: #a9171f;
	position: relative;
	padding: 45px 175px 45px 15px;
	border-radius: 10px;
	min-height: 144px;
}
.about .menus .block .item .text h1{
	font-size: 18px;
	color: #fff;
	padding-bottom: 11px;
	margin-bottom: 18px;
	position: relative;
}
.about .menus .block .item .text h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 30px;
	height: 1px;
	background: #fff;
}
.about .menus .block .item .text p{
	font-size: 14px;
	color: #fff;
	line-height: 1.6;
}
.about .menus .block .img{
	width: 146px;
	height: 146px;
	border-radius: 50%;
	border: 3px solid #fff;
	box-sizing: border-box;
	background: no-repeat center center/cover;
	position: absolute;
	right:2px ;
	top:60px ;
}
.about .about-pagin{
	padding: 30px 0;
	display: flex;
	align-items: center;
	justify-content: center;
}
.about .about-pagin img{
	margin: 0 10px;
	cursor: pointer;
}
.about .about-pagin .swiper-pagination-bullet{
	width: 20px;
	height: 2px;
	background: #cccccc;
	border-radius: 0;
	margin: 0 4px;
}
.about .about-pagin .swiper-pagination-bullet-active{
	background: #a9171f;
}

.about .about-l:hover {
	content: url('../image/2_03_1.jpg');
}
.about .about-r:hover {
	content: url('../image/2_05_1.png');
}


.h-area{
	background: #f9f9f9;
}
/*.h-area .tit{
	text-align: center;
	padding: 60px 0 75px;
}
.h-area .tit p{
	font-size: 18px;
	color: #979797;
}*/
.h-area .tit img{
	width: 277px;
	margin-bottom: 15px;
}

.h-area .tit {
	padding: 60px 0 75px;
	position: relative;
	text-align: center;
}

.h-area .tit .hx {
	width:100px;
	height:2px;
	background-color:#ab161c;
	margin:12px auto;
}

.h-area .tit h1 {
	font-size: 52px;
	color: #ab161c;
	font-weight: bold;
	letter-spacing: 10px;
}

.h-area .tit .b {
	font-size: 42px;
	color: #0f0f0f;
}

.h-area .tit p {
	font-size: 20px;
	text-transform: uppercase;
	color: #979797;
	margin-top: 12px;
	letter-spacing: 2px;
}

.h-area .con{
	overflow: hidden;
	width: calc(100% + 36px);
	margin-left: -18px;
}
.h-area .con .item{
	float: left;
	width: 33.33%;
	padding: 0 18px 50px;
	box-sizing: border-box;
}
.h-area .con .item .t{
	width: 100%;
	height:330px ;
	border-radius: 5px;
	overflow: hidden;
}
.h-area .con .item .img{
	width: 100%;
	height: 100%;
	background: no-repeat center center/cover;
}
.h-area .con .b{
	padding: 32px;
	background: #FFFFFF;
}
.h-area .con .b h1{
	color: #404040;
	font-size: 16px;
	font-weight: bold;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	padding-bottom: 10px;
	margin-bottom: 32px;
	position: relative;
}
.h-area .con .b h1::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 45px;
	height: 2px;
	background: #a9171f;
}
.h-area .con .b p{
	color: #747474;
	font-size: 14px;
	height: 160px;
}
.h-area .f{
	padding-bottom: 72px;
}
.f{

	display: flex;
	align-items: center;
	justify-content: center;
}
.f .btn{
	background: #a9171f;
	border-radius: 4px;
	padding: 14px 22px;
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #fff;
	cursor: pointer;
	transition: all 1s;
}
.f .btn:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}
.f .btn img{
	width: 11px;
	margin-left: 14px;
}

.team {
	position: relative;
	padding: 50px 0 50px;
	background: #fff;
}

.team-prev {
	left: -140px;
	position: absolute;
	top: 50%;
	cursor: pointer;
	transform: translateY(-50%);
}

.team-prev span {
	color: #ba9e53;
	display: block;
	font-size: 44px;
	font-weight: bold;
	transform: rotate(180deg);
}

.team-next {
	right: -140px;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
}

.team-next span {
	color: #ba9e53;
	display: block;
	font-size: 44px;
	font-weight: bold;
}

.team-next span:hover{
	color: #b8131e;
}
.team-prev span:hover {
	color: #b8131e;
}

.team .main {
	position: relative;
	width: 1400px;
	margin: 0 auto;
	background: url('../image/84.png') no-repeat center center/cover;
	padding: 50px 0 40px;
	display: flex;
	align-items: center;
}

.team .main .info {
	padding: 0 44px;
}

.team .main .info .t{
	font-size: 40px;
	color: #fff;
	font-weight: bold;
	margin-bottom: 6px;
}
.team .main .info .tit {
	color: #dcbb61;
	font-size: 28px;
	line-height: 1.5em;
	padding-bottom: 40px;
	position: relative;
}

.team .main .info .tit::after {
	content: "";
	position: absolute;
	bottom: 22px;
	left: 2px;
	width: 20px;
	height: 2px;
	background: #dcbb61;
}

.team .main .info h1 {
	font-size: 20px;
	color: #fff;
	margin-bottom: 50px;
}

.team .main .info p {
	font-size: 16px;
	color: #ffffff;
	line-height: 2;
	text-align: center;
}

.team .main .info .btn {
	padding-top: 64px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.team .main .info .btn a {
	border: 1px solid #fff;
	border-radius: 100px;
	padding: 12px 35px;
	font-size: 16px;
	color: #fff;
	cursor: pointer;
}
.team .main .info .btn a:hover{
	color: #dcbb61;
	border-color: #dcbb61;
}

.team .people {
	flex: 1;
	width: 0;
	padding-right: 20px;
}

.team .swiper-container {
	padding-bottom: 70px;
}

.team .people .box {
	border: 1px solid transparent;
	background: #a97b17;
	box-sizing: border-box;
	overflow: hidden;
	height: 520px;
}

.team .people .box .img {
	height: 346px;
	position: relative;
}
.team .people .box .img img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
}
.team .people .box:hover .img img{
	transform: scale(1.02);
}

.team .people .box .text {
	padding: 18px 14px 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 14px;
	transition: all 0.3s;
}
.team .people .swiper-slide-active .box{
	background: #000;
}
.team .people .box:hover{
	background: #000 ;
}
.team .people .box:hover .text{
	transform: translateY(-4px);
}

.team .people .box .text h1 span{
	color: #dcbb61;
}
.team .people .box .text p {
	margin-bottom: 15px;
}

.team .people .box .text p span {
	color: #dcbb61;
}

.team .people .box .text p.line {
	margin-bottom: 30px;
	position: relative;
}
.team .box:hover{
	border: 1px solid #dcbb61;
}

.team .people .box .text p.line::after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 6px;
	width: 14px;
	height: 2px;
	background: #dcbb61;
}

.team .swiper-pagination-bullet {
	width: 10px;
	border-radius: 50%;
	height: 10px;
	background: #FFFFFF !important;
	margin: 0 14px !important;
	position: relative;
	opacity: 1 !important;
}

.team .swiper-pagination-bullet-active::after {
	content: "";
	width: 20px;
	height: 20px;
	border: 1px solid #fff;
	position: absolute;
	left: -6px;
	top: -6px;
	border-radius: 50px;
	opacity: 1 !important;
}

.area {
	background: #f9f9f9;
	padding: 65px 0;
}
/*.area  .tit{
	text-align: center;
	margin-bottom: 75px;
}*/
.area .tit img{
	width: 243px;
}

.area .tit {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.area .tit .hx {
	width:100px;
	height:2px;
	background-color:#ab161c;
	margin:12px auto;
}

.area .tit h1 {
	font-size: 52px;
	color: #ab161c;
	font-weight: bold;
	letter-spacing: 10px;
}

.area .tit p {
	font-size: 20px;
	text-transform: uppercase;
	color: #979797;
	margin-top: 12px;
	letter-spacing: 2px;
}

.area .menu{
	display: flex;
	background: #f3f4f5;
}
.area .menu .i{
	flex: 1;
	height: 90px;
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.area .menu .i span{
	font-size: 20px;
	color: #666666;
	width: 100%;
	box-sizing: border-box;
	display: inline-block;
	height: 20px;
	line-height: 20px;
	border-right: 1px solid #acacac;
}
.area .menu .i:last-child span{
	border:none;
}
.area .menu .i:hover{
	background: #a70e16;
}
.area .menu .i:hover span{
	color: #fff;
}
.area .menu .act{
	background: #a70e16;
	position: relative;
}
.area .menu .act::after{
	content:"";
	position: absolute;
	top: -10px;
	left: 0;
	right: 0;
	height: 0;
	background: #a70e16;
}
.area .menu .act span{
	color: #fff;
	border: none;
}
.area .block{
	margin-bottom: 50px;
}
.area .box{
	/*height: 360px;*/
	height: 200px;
	margin: 4px;
}
.area .box .t{
	height: 240px;
	overflow: hidden;
}
.area .box:hover .img{
	transform: scale(1.1);
}
.area .box .b{
	padding: 0 10px;
}
.area .box .b h1{
	padding: 16px 0;
	font-size: 16px;
	color: #484747;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.area .box .b h2{
	padding: 5px 0;
	font-size: 14px;
	color: #979797;
	overflow: hidden;
}
.area .box .b p{
	margin: 5px 0;
	color: #979797;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 14px;
}
.area  .box .img{
	height: 100%;
	transition: all 0.3s;
	background: no-repeat center center/cover;
}
.area .box:hover{
	background: #fff;
	box-shadow: 0 0 10px #d9d9d9;
}

.area .block{
	position: relative;
	height: 200px;
}
.area .block .l,.area .block .r,.about-style .l,.about-style .r{
	background: #e2a24a;
	width: 66px;
	height: 48px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 24px;
	color: #fff;
	font-weight: bold;
	position: absolute;
	transition: all 0.3s;
	cursor: pointer;
}
.area .block .l,.about-style .l{
	left: -140px;
	top: 30%;
	transform: rotate(180deg);
	background: #e2a24a;
}
.about-style .l{
	background: #ec293f;
}
.area .block .l:hover{
	background: #a70e16;
}
.about-style .l:hover{
	background: #353535;
}
.about-style .l{
	background: #ec293f;
}
.about-style .l:hover{
	background: #353535;
}
.area .block .r,.about-style .r{
	right: -140px;
	top: 30%;
}
.area .block .r:hover,.about-style .r:hover{
	background: #ab161c;
}
.about-style .r{
	background: #ec293f;
}
.about-style .r:hover{
	background: #353535;
}


.news{
	padding: 40px 0;
}
/*.news .tit{
	text-align: center;

}*/
.news .tit img{
	width: 563px;
	margin-bottom: 50px;
}

.news .tit {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.news .tit .hx {
	width:100px;
	height:2px;
	background-color:#ab161c;
	margin:12px auto;
}

.news .tit h1 {
	font-size: 52px;
	color: #ab161c;
	font-weight: bold;
	letter-spacing: 10px;
}

.news .tit p {
	font-size: 20px;
	text-transform: uppercase;
	color: #979797;
	margin-top: 12px;
	letter-spacing: 2px;
}


.news .menu{
	display: flex;
	align-items: center;
	color: #979797;
	font-size: 18px;
	margin-bottom: 40px;
}
.news .menu span{
	padding: 15px 25px;
}
.news .menu span.act,.news .menu span:hover{
	background: #a70e16;
	color: #fff;
}
.news .con{
	display: flex;
	margin-bottom: 40px;
}
.news .con .c-img{
	width: 840px;
	margin-right: 40px;
	display: flex;
}
.news .con .c-img .left{
	width: 490px;
	margin-right: 10px;
}
.news .con .c-img .left .t{
	height: 310px;
	overflow: hidden;
}
.news .con .c-img .left .t:hover .img{
	transform: scale(1.1);
}
.news .con .c-img .left .t .img{
	height: 310px;
	transition: all 0.3s;
	background: no-repeat center center/cover;
}
.news .con .c-img .right{
	flex: 1;
	width: 0;
}
.news .con .c-img .left .b{
	box-shadow: 0 0 10px #999;
	padding: 20px 26px;
	height: 240px;
}
.news .con .c-img .left .b h1{
	font-size: 16px;
	color: #646464;
	margin-bottom:15px ;
}
.news .con .c-img .left .b p{
	font-size: 14px;
	color: #959595;
	margin-bottom: 20px;
}
.news .con .c-img .left .b .fun{
	display: flex;
	align-items: center;
}
.news .con .c-img .left .b .fun span{
	color: #aaaaaa;
	font-size: 12px;
	line-height: 1;
}
.news .con .c-img .left .b .fun span.act{
	color: #646464;
	padding-right: 10px;
	border-right:1px solid #646464;
	margin-right: 10px;
}
.news .con .c-img .left .b .btn{
	display: flex;
	align-items: center;
	background: #b8131e;
	width: 154px;
	height: 30px;
	font-size: 14px;
	color: #fff;
	justify-content: center;
	border-radius: 100px;
	transition: all 1s;
	cursor: pointer;
	margin-top: 30px;
}
.news .con .c-img .left .b .btn:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}
.news .con .c-img .left .b .btn img{
	width: 22px;
	margin-left:18px ;
}

.news .con .c-img .right .tbox{
	margin-bottom: 12px;
}
.news .con .c-img .right .tbox .t{
	height: 190px;
	overflow: hidden;
}
.news .con .c-img .right .tbox .t:hover .img{
	transform: scale(1.1);
}
.news .con .c-img .right .tbox .t .img{
	height: 190px;
	transition: all 0.3s;
	background: no-repeat center center/cover;
}
.news .con .c-img .right .tbox .b{
	box-shadow: 0 0 10px #999;
	padding: 16px 10px 10px;
}
.news .con .c-img .right .tbox .b p{
	font-size: 14px;
	color: #959595;
	margin-bottom: 20px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news .con .c-img .right .tbox .fun{
	display: flex;
	align-items: center;
}
.news .con .c-img .right .tbox .fun span{
	color: #aaaaaa;
	font-size: 12px;
	line-height: 1;
}
.news .con .c-img .right .tbox .fun span.act{
	color: #646464;
	padding-right: 10px;
	border-right:1px solid #646464;
	margin-right: 10px;
}
.news .con .c-img .right .bbox{
	height:200px;
	position: relative;

}
.news .con .c-img .right .bbox .t{
	height: 100%;
	overflow: hidden;

}
.news .con .c-img .right .bbox .t:hover .img{
	transform: scale(1.1);
}
.news .con .c-img .right .bbox .t .img{
	height: 100%;
	transition: all 0.3s;
	background: no-repeat center center/cover;
}
.news .con .c-img .right .bbox .b{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 2;
	background: #000;
	padding: 14px 25px;
	color: #fff;
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.news .con .c-text{
	flex: 1;
	width: 0;
}
.news .con .c-text .item{
	display: flex;
	border-bottom: 1px dashed #aaaaaa;
	padding: 20px 0 18px;
}
.news .con .c-text .item .icon{
	width: 15px;
	margin-right:25px;
	padding-top: 5px;
}
.news .con .c-text .item .text{
	flex: 1;
	width: 0;
}
.news .con .c-text .item .text .h1{
	color: #646464;
	font-size: 16px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 20px;
}
.news .con .c-text .item .text .fun{
	display: flex;
	align-items: center;
}
.news .con .c-text .item .text .fun span{
	color: #aaaaaa;
	font-size: 12px;
	line-height: 1;
}
.news .con .c-text .item .text .fun span.act{
	color: #646464;
	padding-right: 10px;
	border-right:1px solid #646464;
	margin-right: 10px;
}
.news .btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.news .btn a{
	background: #a70e16;
	display: flex;
	align-items: center;
	justify-content: center;
	color: #fff;
	font-size: 20px;
	padding: 12px 15px;
	transition: all 1s;
}
.news .btn a:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}
.news .btn a img{
	width: 44px;
	margin-left: 10px;
}

.h-about{
	background: url('../image/107.jpg') no-repeat center center/cover;
	padding: 75px 0 63px;
}
.h-about .tit{
	text-align: center;
	margin-bottom: 140px;
}
.h-about .tit img{
	width: 250px;
	margin-bottom: 10px;
}
.h-about .tit p{
	font-size: 30px;
	color: #fff;
}
.h-about .con{
	padding: 0 0 47px;
}
.h-about .con .t{
	display: flex;
	align-items: center;
	margin-bottom: 100px;
	justify-content: center;
	width: 110%;
	margin-left: -5%;
}
.h-about .con .t .item{
	flex: 1;
	text-align: center;
	border-right: 1px solid #fff;
}
.h-about .con .t .item:last-child{
	border-right: none;
}
.h-about .con .t .item .num{
	font-size: 66px;
	color: #ffffff;
	font-weight: bold;
	line-height: 1;
	margin-bottom: 20px;
}
.h-about .con .t .item p{
	color: #fff;
	font-size: 26px;
}
.h-about .con .b{
	color: #fff;
	text-align: center;
	font-size: 22px;
	line-height: 2;
}
.adv{
	padding: 60px 0;
}
.adv .tit{
	text-align: center;
	margin-bottom:50px ;
}
.adv .con{
	display: flex;
	align-items: center;
}
.adv .con .item{
	width: 210px;
	margin-right: 5px;
	position: relative;
}
.adv .con .item .img{
	height: 590px;
	background: no-repeat center center/cover;
}
.adv .con .item .img-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	/*height: 590px;*/
	height: auto;
}
.adv .con .item .image-caption {
	position: absolute;
	bottom: 70px;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	text-align: center;
	width: max-content;
	min-width: 100px;
	padding: 8px 20px;
	font-size: 16px;
	font-family: "微软雅黑", "Microsoft YaHei", sans-serif;
	letter-spacing: 3px;
}
.adv .con .item.act .image-caption {
	display: none;
}

.adv .con .item.act{
	flex:1;
	width: auto;
}
.adv .con .item .text{
	position: absolute;
	left: 55px;
	right: 40px;
	bottom:50px ;
	background: rgba(0,0,0,0.5);
	border-radius: 5px;
	padding: 70px 20px 30px 30px;
	display: flex;
	align-items: center;
	display: none;
}
.adv .con .item .text .l{
	font-size: 30px;
	color: #fff;
	padding-bottom: 15px;
	position: relative;
	width: 35%;
}
.adv .con .item .text .l::after{
	content: "";
	position: absolute;
	background: #a9171f;;
	left:50px;
	bottom: 0;
	width: 60px;
	height: 2px;
}
.adv .con .item .text .r{
	flex: 1;
	margin-left: 35px;
}
.adv .con .item .text .r p{
	font-size: 14px;
	color: #fff;
	margin-bottom: 30px;
}
.adv .con .item.act .text{
	display: flex;
}
.adv .f .btn{
	background: none;
	padding: 8px 20px;
	border: 1px solid #fff;
	font-size: 14px;
}
.adv .f .btn img{
	width: 8px;
}

.concat {
	background:#f9f9f9;
	padding: 70px 0;
}

.concat .wrap {
	display: flex;
	align-items: center;
}

.concat .block {
	flex: 1;
}

.concat .form {
	padding-left: 40px;
}

.concat .form .tit {
	display: flex;
	align-items: center;
	font-size: 26px;
	color: #505050;
	margin-bottom: 60px;
}

.concat .form .tit img {
	width: 37px;
	margin-right: 20px;
}

.concat .form .ceil {
	display: flex;
	align-items: center;
	margin-bottom: 34px;
}

.concat .form .ipt {
	position: relative;
	padding-left: 50px;
	flex: 1;
	width: 0;
	display: flex;
	align-items: center;
}

.concat .form .ipt::after {
	content: "*";
	position: absolute;
	left: 20px;
	top: 50%;
	transform: translateY(-50%);
	font-size: 26px;
	color: #e4003b;
}

.concat .form .ipt input,
.concat .form .ipt select,
.concat .form .ipt textarea {
	border: 1px solid #e2e3e3;
	display: block;
	width: 100%;
	height: 40px;
	padding: 0 30px;
	box-sizing: border-box;
	font-size: 14px;
	color: #4f4e4e;
	outline: none;
}

.concat .form .ipt select {
	padding: 0 15px;
}

.concat .form .ipt textarea {
	resize: none;
	height: 140px;
	padding: 20px;
	font-size: 16px;
}
#map{
	height: 570px;
}

.concat .form .btn {
	width: 280px;
	height: 50px;
	background: #ab161c;
	color: #fff;
	display: flex;
	align-items: center;
	margin: 50px 0 0 50px;
	box-sizing: border-box;
	justify-content: center;
	border-radius: 5px;
	transition: all 0.3s;
	border: none;
	outline: none;
}
.concat .form .btn  img{
	margin-left: 20px;
}
.concat .form .btn:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}

.concat .info {
	padding-left: 90px;
}

.concat .info .tit {
	display: flex;
	align-items: center;
	font-size: 24px;
	color: #6f6f6f;
	padding-left: 15px;
	border-left: 2px solid #ab161c;
	line-height: 1;
	margin-bottom: 50px;
}

.concat .info .tit span {
	color: #a3a3a3;
	margin-left: 16px;
	font-size: 20px;
}

.concat .info .type {
	margin-bottom: 30px;
}

.concat .info .type .ceil {
	margin-bottom: 20px;
	display: flex;
	align-items: center;
}
.concat .info .type .ceil  span{
	width: 44px;
	height: 44px;
	background: no-repeat center center/cover;
	margin-right: 24px;
}
.concat .info .type .ceil  span.tel{
	background-image: url(../image/35.png);
}
.concat .info .type .ceil  span.tel:hover{
	background-image: url(../image/35-1.png);
}
.concat .info .type .ceil  span.emil{
	background-image: url(../image/36.png);
}
.concat .info .type .ceil  span.emil:hover{
	background-image: url(../image/36-1.png);
}

.concat .info .type .ceil img {
	margin-right: 24px;
	width: 44px;
}

.concat .info .ewm {
	overflow: hidden;
}

.concat .info .ewm img {
	float: left;
	margin: 0px 10px;
	width: 165px;
}

.concat .info .ewm-text {
	overflow: hidden;
	display: flex;
}
.concat .info .ewm-text p {
	margin: 5px 10px;
	width: 165px;
	text-align: center;
}
.p-team {
	width: 1400;
	margin: 0 auto;
}

.p-team .slt {
	display: flex;
	align-items: center;
	padding: 75px 0 30px;
}

.p-team .slt input,
.p-team .slt select {
	border: 1px solid #bfbfbf;
	height: 46px;
	border-radius: 5px;
	outline: none;
	font-size: 18px;
	color: #636363;
	flex: 1;
	margin-right: 14px;
	padding: 0 30px;
}

.p-team .slt button {
	border: none;
	cursor: pointer;
	outline: none;
	color: #fff;
	background: #b71c1c;
	width: 110px;
	height: 46px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 20px;
	border-radius: 5px;
}

.p-team .list {
	overflow: hidden;
	width: calc(100% + 40px);
	margin-left: -20px;
}

.p-team .list .block {
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding: 20px;
}

.p-team .list .box {
	background: #fff;
	padding: 30px;
	box-shadow: 0 0 10px #b9b9b9;
	border-radius: 10px;
}

.p-team .list .info {
	display: flex;
	align-items: center;
	padding-bottom: 22px;
	border-bottom: 1px dashed #949494;
	margin-bottom: 30px;
}

.p-team .list .info .img {
	width: 180px;
	height: 180px;
	background: no-repeat center center;
	background-size: 100%;
	margin-right: 26px;
	border-radius: 50%;
	transition: background-size 0.5s ease;
}
.p-team .list .info .img:hover{
	background-size: 120%;
}

.p-team .list .info .text {
	width: 0;
	flex: 1;
	height: 210px;
}

.p-team .list .info .text h1 {
	font-size: 28px;
	margin-bottom: 40px;
	color: #3b3b3b;
}

.p-team .list .info .text h1 span {
	position: relative;
}

.p-team .list .info .text h1 span::after {
	content: "";
	width: 24px;
	height: 3px;
	background: #b71c1c;
	position: absolute;
	left: 50%;
	bottom: -10px;
	margin-left: -12px;
}

.p-team .list .info .text p {
	font-size: 14px;
	margin-bottom: 20px;
	color: #808080;
	position: relative;
	padding-left: 80px;
}

.p-team .list .info .text p span {
	position: absolute;
	left: 0;
	top: 0;
}
.p-team .list .ly{
	padding:25px 0;
	height:130px;
	overflow-y: auto;
	box-sizing: border-box;
	text-align: center;
}
.p-team .list .ly .t{
	font-size: 18px;
	color: #e61d1d;
	margin-bottom: 20px;
	padding-bottom: 8px;
	margin-bottom: 20px;
	position: relative;
}
.p-team .list .ly .t::after{
	content: "";
	width: 26px;
	height: 1px;
	background: #949494;
	position: absolute;
	left: 50%;
	bottom: 0;
	margin-left: -13px;
}
.p-team .list .ly .b{
	font-size: 14px;
	color: #777;
}

.p-team .list .edit {
	height:120px;
	overflow-y: auto;
	border-bottom: 1px dashed #949494;
}

.p-team .list .edit p {
	font-size: 14px;
	color: #808080;
	line-height: 1.8;
}

.p-team .list .btn {
	width: 180px;
	margin: 0 auto;
	height: 52px;
	background: #696969;
	border-radius: 10px;
	display: flex;
	align-items: center;
	justify-content: center;
	font-size: 18px;
	color: #ffffff;
}
/*.p-team .list .block:first-child .btn{
	background: #b71c1c;
}*/

.p-team .list .btn img {
	width: 39px;
	margin-left: 15px;
}

.p-team .list .btn:hover {
	background: #b71c1c;
}
/*.p-team .list .block:first-child .btn:hover{
	background: #696969;
}*/

.p-news {
	display: flex;
	padding:45px 0;
}

.p-news .menu {
	width: 310px;
	margin-right: 40px;
	box-sizing: border-box;
}

.p-news .menu a {
	display: block;
	padding: 24px 0 24px 110px;
	margin-bottom: 2px;
	font-size: 20px;
	color: #7b7b7b;
	background: #f3f3f3;
	transition: all 0.3s;
	position: relative;
}
.p-news .menu a::after{
	content: "";
	position: absolute;
	left: 50px;
	display: none;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 22px;
	background: #fff;
	transition: all 0.3s;
}

.p-news .menu a:hover ,.p-news .menu .act {
	background: #901218;
	color: #fff;
}
.p-news .menu a:hover::after,.p-news .menu .act::after{
	display: block;
}

.p-news .main {
	flex: 1;
	width: 0;
}

.p-news .list {
	overflow: hidden;
}

.p-news .list .block {
	padding: 20px 0;
	border-bottom: 1px solid #dddddd;
}


.p-news .list .box:hover,
.about-social .list .box:hover {
	background: #f9f9f9;
}
.about-social .list .box:hover .img img,.p-news .list .box:hover .img img{
	transform: translate(-50%, -50%) scale(1.1);
}
.p-news .list .box{
	display: flex;
}

.p-news .list .img,
.about-social .list .img {
	width: 250px;
	height: 190px;
	position: relative;
	overflow: hidden;
}

.p-news .list .img img,
.about-social .list .img img {
	position: absolute;
	left: 50%;
	top: 50%;
	max-width: 120%;
	max-height: 120%;
	transition: all 0.3s;
	transform: translate(-50%, -50%);
}

.p-news .list .text,
.about-social .list .text {
	flex: 1;
	width: 0;
	padding: 10px 30px 0 50px;
}

.p-news .list .text h1,
.about-social .list .text h1 {
	font-size: 18px;
	color: #626262;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin-bottom: 22px;
}

.p-news .list .text .time,
.about-social .list .text .time {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #9b9b9b;
}
.p-news .list .ft{
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.p-news .list .text .time img,
.about-social .list .text .time img {
	width: 12px;
	margin-right: 8px;
}

.p-news .list .text p,
.about-social .list .text p {
	font-size: 12px;
	color: #9b9b9b;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 30px;
}

.p-news .list .btn,
.about-social .list .btn {
	display: flex;
	align-items: center;
	font-size: 12px;
	color: #7b7b7b;
	padding:8px 15px;
	border-radius: 5px;
}
.p-news .list .btn:hover{
	color: #b71c1c;
}

.p-news .list .btn img,
.about-social .list .btn img {
	width: 30px;
	margin-left: 8px;
}
.p-news .list .btn img.act{
	display: none;
}
.p-news .box:hover .btn img{
	display: none;
}
.p-news .box:hover .btn img.act{
	display: block;
}
.p-news .box:hover .btn{
	background: #dc0000;
	color: #fff;
}

.d-detaile {
	padding: 50px 0;
}


.d-detaile .main .tit {
	text-align: center;
	margin-bottom: 55px;
}

.d-detaile .main .tit h1 {
	font-size: 24px;
	color: #373737;
	margin-bottom: 20px;
}

.d-detaile .main .tit p {
	font-size: 14px;
	color: #aaa9a9;
}

.d-detaile .main .con {
	font-size: 16px;
	color: #000000;
	line-height: 1.5;
	word-break: break-all; /* 适合URL，允许在任意位置断开 */
}

.d-detaile .main .con img {
	max-width: 100%;
	display: block;
	margin: 40px auto;
}

.d-detaile .main .share {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 40px 0;
	font-size: 16px;
	color: #898989;
}

.d-detaile .main .share img {
	width: 38px;
}

.d-pages {
	padding: 100px 0;
	border-top: 1px solid #aaa9a9;
}

.d-pages .top {
	display: flex;
	align-items: center;
	margin-bottom: 100px;
}

.d-pages .top .l {
	flex: 1;
	font-size: 18px;
	text-align: center;
	color: #6f6f6f;
}

.d-pages .top .l span{
	display: inline-block;
	border: 1px solid #8d8d8d;
	padding: 8px 16px;
	margin-right: 10px;
	font-size: 16px;
	color: #8d8d8d;
}
.d-pages .bot {
	text-align: center;
}

.d-pages .bot a {
	text-align: center;
	font-size: 16px;
	color: #fff;
	background: #b10c1f;
	padding: 10px 30px;
	transition: all 0.3s;
}
.d-pages .bot a:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}

.area-serve{
	padding: 0 0 30px;
}
.area-pub .tit{
	text-align: center;
	font-size: 40px;
	color: #404040;
	margin-bottom: 30px;
	padding-bottom: 15px;
	position: relative;
}
.area-pub .tit::after{
	content: "";
	position: absolute;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 114px;
	height: 4px;
	background: #ac2d2b;
}
.area-serve .con{
	overflow: hidden;
	width: calc(100% + 60px);
	margin-left: -30px;
}
.area-serve .block{
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 30px;
}
.area-serve .item{
	padding-top: 70%;
	position: relative;
	overflow: hidden;
}

.area-serve .item .img{
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: no-repeat center center/cover;
	transition: all 0.3s;
}
.area-serve .item:hover .img{
	transform: scale(1.1);
}
.area-serve .item .text{
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	right: 0;
	background: rgba(71,67,66,0.9);
	color: #fff;
	text-align: center;
	padding: 15px 0;
}
.area-serve .item .text span{
	padding: 0 22px;
	line-height: 1;
	display: inline-block;
	font-size: 18px;
	color: #fff;
	border-left: 2px solid #fec51c;
	border-right: 2px solid #fec51c;
}
.area-info{
	background: #f0f0f0;
	padding: 84px 0 110px;
}
.area-info .main{
	display: flex;
	align-items: center;
	padding-top: 90px;
}
.area-info .main .img{
	width: 470px;
	margin-right:90px;
}
.area-info .main .img img{
	width: 100%;
}
.area-info .main .text{
	width: 0;
	flex:1;
}
.area-info .main .text p{
	font-size: 16px;
	color: #909090;
	line-height: 2.5;
}
.area-info .main .btn,.area-info1 .btn{
	padding-top: 60px;
	text-align: center;
}
.area-info .main .btn a,.area-info1 .btn a{
	display: inline-block;
	background: #b10c1f;
	padding: 10px 45px;
	color: #fff;
	font-size: 24px;
	border-radius: 100px;
	transition: all 0.3s;
}
.area-info .main .btn a:hover,.area-info1 .btn a:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}
.area-info1{
	padding: 85px 0 65px;
}
.area-info1 .h1{
	text-align: center;
	font-size: 18px;
	color: #757575;
	margin-bottom: 65px;
}
.area-info1  .main{
	display: flex;
	align-items: center;
	margin-bottom: 70px;
}
.area-info1  .main .item{
	flex: 1;
	padding: 0 50px;
	position: relative;
}
.area-info1  .main .item::after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 2px;
	height: 86px;
	background: #c2c2c2;
	transform: translateY(-50%);
}
.area-info1  .main .item:last-child::after{
	display: none;
}
.area-info1  .main .item img{
	width: 90px;
	display: block;
	margin: 0 auto 24px;
	transition: all 0.3s;
}
.area-info1  .main .item:hover img{
	transform: scale(1.05);
}
.area-info1  .main .item h1{
	font-size: 22px;
	color: #404040;
	margin-bottom: 20px;
}
.area-info1  .main .item p{
	line-height: 2;
	font-size: 14px;
	color: #757575;
}
.area-qs{
	background: url('../image/134.jpg') no-repeat center center/cover;
	padding: 84px 0 60px;
}
.area-qs .tit{
	color: #fff;
	padding-bottom: 36px;
	margin-bottom: 86px;
}
.area-qs .con{
	display: flex;
}
.area-qs .con .item{
	flex: 1;
	text-align: center;
	position: relative;
}
.area-qs .con .item .arrow{
	position: absolute;
	top:22px;
	right: -15px;
}
.area-qs .con .item .icon{
	width: 104px;
	display: block;
	margin: 0 auto 45px;
	transition: all .3s;
}
.area-qs .con .item:hover .icon{
	transform: scale(1.05);
}
.area-qs .con .item h1{
	color: #fff;
	font-size: 48px;
	margin-bottom: 20px;
	line-height: 1;
}
.area-qs .con .item p{
	color: #fff;
	font-size: 28px;
}
.area-qs .con .item::after{
	content: "";
	position: absolute;
	right: 0;
	top: 180px;
	width: 2px;
	height: 86px;
	background: #fff;
	transform: translateY(-50%);
}
.area-qs .con .item:last-child::after{
	display: none;
}
.area-qs .btn{
	padding-top: 60px;
	text-align: center;
}
.area-qs .btn a{
	display: inline-block;
	background: #ab161c;
	padding: 15px 55px;
	color: #fff;
	font-size: 20px;
	transition: all 0.3s;
}
.area-qs .btn a:hover{
	background: -webkit-linear-gradient(top, #cc0000, #A9171F, #cc0000);
}
.area-rel{
	padding: 90px 0 80px;
}
.area-rel .wrap{
	overflow: hidden;
}
.area-rel .block{
	float: left;
	width: 50%;
	position: relative;
	box-sizing: border-box;
}
.area-rel .block:first-child:after{
	content: "";
	position: absolute;
	right: 0;
	top: 50%;
	width: 2px;
	height: 260px;
	background: #888888;
	transform: translateY(-50%);
}
.area-rel .block:last-child{
	padding-left: 170px;
}
.area-rel .tit{
	margin-bottom: 73px;
	padding-bottom: 14px;
	position: relative;
}
.area-rel .tit::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: 0;
	width: 60px;
	height: 4px;
	background: #ab161c;
}
.area-rel .tit h1 {
	font-size:32px;
	color: #585858;
	margin-bottom: 5px;
}


.area-rel .tit p {
	font-size: 22px;
	color: #c2c2c2;
	text-transform: uppercase;
}


.area-rel .btn{
	display: flex;
	align-items: center;
	justify-content: center;
}
.area-rel .btn a{
	font-size: 22px;
	color: #a1a1a1;
	border: 1px solid #a1a1a1;
	padding: 14px 34px;
}
.area-rel .btn a img{
	margin-left: 10px;
	width: 38px;
}
.area-rel .btn a img.act{
	display: none;
}
.area-rel .btn a:hover{
	background: #ab161c;
	border-color: #ab161c;
	color: #fff;
}
.area-rel .btn a:hover img{
	display: none;
}
.area-rel .btn a:hover img.act{
	display:inline-block;
}
.area-rel .con{
	margin-bottom: 40px;
}
.area-rel .con p{
	box-sizing: border-box;
	position: relative;
	font-size:16px;
	color: #646464;
	padding: 15px 30px 15px 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.area-rel .con p::after {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	background: #888888;
	transform: translateY(-50%);
	border-radius: 50%;
}
.p-news .list .li span{
	position: absolute;
	right: 30px;
	font-size: 18px;
	color: #999;
}
.about-index {
	display: flex;
	padding:45px 0;
}

.about-index .menu {
	width: 310px;
	margin-right: 40px;
	box-sizing: border-box;
}

.about-index .menu a {
	display: block;
	padding: 24px 0 24px 110px;
	margin-bottom: 2px;
	font-size: 20px;
	color: #7b7b7b;
	background: #f3f3f3;
	transition: all 0.3s;
	position: relative;
}
/*.about-index .menu a::after{
	content: "";
	position: absolute;
	left: 50px;
	display: none;
	top: 50%;
	transform: translateY(-50%);
	width: 2px;
	height: 22px;
	background: #fff;
	transition: all 0.3s;
}*/

.about-index .menu a:hover ,.about-index .menu .act {
	background: #901218;
	color: #fff;
}
/*.about-index .menu a:hover::after,.about-index .menu .act::after{
	display: block;
}*/

.about-index .main {
	flex: 1;
	width: 0;
}

.about-news{
	padding:45px 0 60px;
}
.about-news .top{
	margin-bottom: 10px;
}
.about-news .top .tit{
	margin-bottom: 50px;
	text-align: center;
}
.about-news .top .tit h1{
	color: #474747;
	margin-bottom: 4px;
	font-size: 48px;
}
.about-news .top .tit h2{
	color: #ababab;
	margin-bottom: 10px;
	position: relative;
	font-size: 16px;
	padding-bottom: 10px;
	text-transform:uppercase;
}
.about-news .top .tit h2::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 42px;
	height: 4px;
	background: #ab161c;
	transform: translateX(-50%);
}
.about-news .top .tit p{
	font-size: 18px;
	color: #8b8b8b;
}
.about-news .top .c p{
	font-size: 16px;
	color: #8d8d8d;
	line-height: 2;
	margin-bottom: 40px;
}
.about-news .bot{
	display: flex;
	align-items: center;
	background: #d71128;
}
.about-news .bot .item{
	flex: 1;
	padding: 50px 0 40px;
	text-align: center;
}
.about-news .bot .item:hover{
	background: #bc1427;
}
.about-news .bot .item .box{
	border-right: 1px solid #fff;
}
.about-news .bot .item:last-child .box{
	border: none;
}
.about-news .bot h1{
	font-weight: bold;
	font-size: 65px;
	margin-bottom: 20px;
	color: #fff;
}
.about-news .bot p{
	color: #fff;
	font-size: 26px;
}
/*.about-video{
	background: #f7f7f7;
}
.about-video .wrap{
	display: flex;
	width: 100%;
	padding: 0 10px;
}

.about-video .video-container {
	position: relative;
	width: 100%;
	padding-top:60%;
	!* padding-top:35%; *!
}

.about-video .video-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url('../image/64.jpg') no-repeat center center/cover;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.about-video .video-cover .play-button {
	width: 120px;
	height: 120px;
	background: url('../image/65.png') no-repeat center center/cover;
}

.about-video video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 95%;
	height: 60%;
	display: block;
}*/


.about-video{
	background: #f7f7f7;
	padding: 40px 0;
}

.about-video .wrap{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	gap: 30px; /* 替代margin-left */
}

.about-video .video-container {
	position: relative;
	width: calc(50% - 15px); /* 两列布局，减去一半的gap */
	padding-top: 28.125%; /* 16:9比例 (9/16*50%) */
}

.about-video .video-cover {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 2;
	background: url('../image/64.jpg') no-repeat center center/cover;
	display: flex;
	align-items: center;
	justify-content: center;
	cursor: pointer;
}

.about-video .video-cover .play-button {
	width: 80px;
	height: 80px;
	background: url('../image/65.png') no-repeat center center/cover;
	transition: transform 0.3s ease;
}

.about-video .video-cover:hover .play-button {
	transform: scale(1.1);
}

.about-video video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover; /* 保持视频比例填充 */
}

/* 平板设备 (768px-1024px) */
@media screen and (max-width: 1024px) {
	.about-video .wrap {
		padding: 0 15px;
		gap: 20px;
	}

	.about-video .video-container {
		width: 100%;
		padding-top: 56.25%; /* 16:9比例 (9/16*100%) */
	}

	.about-video .video-cover .play-button {
		width: 70px;
		height: 70px;
	}
}

/* 平板及以下设备 (768px以下) */
@media screen and (max-width: 768px) {
	.about-video .wrap {
		flex-direction: column;
		gap: 20px;
	}

	.about-video .video-container {
		width: 100%;
		padding-top: 56.25%; /* 16:9比例 (9/16*100%) */
	}

	.about-video .video-cover .play-button {
		width: 60px;
		height: 60px;
	}
}

/* 手机设备 (480px以下) */
@media screen and (max-width: 480px) {
	.about-video {
		padding: 20px 0;
	}

	.about-video .wrap {
		padding: 0 10px;
		gap: 15px;
	}

	.about-video .video-cover .play-button {
		width: 50px;
		height: 50px;
	}
}

/* 大屏幕设备 (1200px以上) */
@media screen and (min-width: 1200px) {
	.about-video .wrap {
		max-width: 1200px;
	}
}

/* 防止视频在移动端自动全屏播放（iOS Safari） */
video {
	-webkit-transform: translateZ(0);
}




.about-honor {
	background: url('../image/66.png') no-repeat center center/cover;
	padding: 50px 0 70px;
}

.about-honor .tit {
	margin-bottom: 70px;
	position: relative;
	text-align: center;
	padding-bottom: 20px;
}

.about-honor .tit::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 42px;
	margin-left: -21px;
	height: 3px;
	background: #fec51c;
}

.about-honor .tit h1 {
	font-size: 48px;
	color: #be2028;
	margin-bottom: 10px;
}

.about-honor .tit p {
	font-size: 22px;
	color: #979797;
	text-transform: uppercase;
}

.about-honor .menu {
	background: #f6f6f6;
	margin-bottom: 50px;
	width: 100%;
	overflow-x: auto;
	white-space: nowrap;
}

.about-honor .menu span {
	display: inline-block;
	margin: 0 90px;
	font-size: 28px;
	padding: 25px;
	color: #363636;
	border-bottom: 2px solid #f6f6f6;
}

.about-honor .menu span.act {
	border-color: #fec51c;
}

.about-honor .block .box {
	padding-bottom: 50px;
}

.about-honor .block .box .s {
	padding-top: 78%;
	position: relative;
	overflow: hidden;
}
.about-honor .block .box .img {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	transition: all 0.3s;
	background: no-repeat center center/cover;
}
.about-honor .block .box .img:hover{
	transform: scale(1.1);
}

.about-honor .block .box p {
	padding: 30px 0;
	text-align: center;
	font-size: 16px;
	color: #363636;
	text-align: center;
}

.about-honor .swiper-pagination-bullet {
	width: 12px;
	border-radius: 50%;
	height: 12px;
	background: #979797 !important;
	margin: 0 14px !important;
	position: relative;
	opacity: 1 !important;
}

.about-honor .swiper-pagination-bullet-active {
	background: #e7ad04 !important;
}

.about-honor .swiper-pagination-bullet-active::after {
	content: "";
	width: 20px;
	height: 20px;
	border: 1px solid #e7ad04;
	position: absolute;
	left: -4px;
	top: -4px;
	border-radius: 50px;
	opacity: 1 !important;
}


.about-honor2 .con {
	display: flex;
	flex-wrap: wrap;
	margin: 0 -12px; /* 抵消item的左右padding */
}

.about-honor2 .item {
	padding: 0 12px 50px;
	box-sizing: border-box;
	width: 33.333%; /* 默认3列 */
}

/* 平板设备：2列布局 */
@media screen and (max-width: 1024px) {
	.about-honor2 .item {
		width: 50%;
	}
}

/* 手机设备：1列布局 */
@media screen and (max-width: 768px) {
	.about-honor2 .item {
		width: 100%;
	}
}

.about-honor2 .item .m {
	height: 100%;
	display: flex;
	flex-direction: column;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1); /* 添加卡片阴影 */
	border: 1px solid #e0e0e0; /* 整体边框 */
}

.about-honor2 .item .t {
	width: 100%;
	height: 250px;
	position: relative;
	overflow: hidden;
	border-bottom: 1px solid #e0e0e0; /* 图片与文字分隔线 */
}

.about-honor2 .item .img {
	width: 100%;
	height: 100%;
	background: no-repeat center center/cover;
	transition: transform 0.3s ease;
}

/* 鼠标悬停效果 */
.about-honor2 .item:hover .img {
	transform: scale(1.05);
}

.about-honor2 .item .b {
	padding: 16px 12px 12px;
	flex-grow: 1;
	min-height: 88px; /* 固定两行高度（基于16px字体和1.5行高计算） */
	display: flex;
	align-items: center;
}

.about-honor2 .item h1 {
	margin-bottom: 0;
	font-size: 16px;
	line-height: 1.5;
	font-weight: 600;
	color: #333;
	display: -webkit-box;
	-webkit-line-clamp: 2; /* 限制两行 */
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* 小屏手机调整 */
@media screen and (max-width: 480px) {
	.about-honor2 .item .t {
		height: 200px; /* 手机端图片高度稍小 */
	}

	.about-honor2 .item .b {
		min-height: 76px; /* 手机端文字区域稍小 */
	}

	.about-honor2 .item h1 {
		font-size: 14px;
	}
}

/* 确保图片容器有边框 */
.about-honor2 .item .t::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	border: 1px solid rgba(0, 0, 0, 0.08);
	pointer-events: none;
}

/* 修复con的负边距问题 */
.about-honor2 {
	padding: 0 12px; /* 避免con负边距导致水平滚动 */
}

.about-honor2 .tit{
	margin-bottom: 50px;
	text-align: center;
}
.about-honor2 .tit h1{
	color: #474747;
	margin-bottom: 4px;
	font-size: 48px;
}
.about-honor2 .tit h2{
	color: #ababab;
	margin-bottom: 10px;
	position: relative;
	font-size: 16px;
	padding-bottom: 10px;
	text-transform:uppercase;
}
.about-honor2 .tit h2::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 42px;
	height: 4px;
	background: #ab161c;
	transform: translateX(-50%);
}
.about-honor2 .tit p{
	font-size: 18px;
	color: #8b8b8b;
}


.about-slogan {
	overflow: hidden;
}

.about-slogan .item {
	float: left;
	width: 25%;
	padding-top: 37.5%;
	position: relative;
	background: no-repeat center center/cover;
	text-align: center;
	cursor: pointer;
}

.about-slogan .item .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 1;
	display: none;
	background: rgba(191, 16, 25, 0.95);
}

.about-slogan .item .text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	z-index: 2;
}

.about-slogan .item .box {
	position: absolute;
	left: 0;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
}

.about-slogan .item h1 {
	position: relative;
	font-size: 56px;
	padding-bottom: 15px;
	margin-bottom: 65px;
}

.about-slogan .item h1::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	width: 60px;
	height: 5px;
	background: #fff;
}

.about-slogan .item p {
	font-size: 26px;
	line-height: 2;
}

.about-slogan .item:hover .bg {
	display: block;
}

.about-social {
	padding: 90px 10px 140px;
	background: #f3f3f3;
}

.about-social .tit {
	margin-bottom: 110px;
	position: relative;
	text-align: center;
	padding-bottom: 16px;
}

.about-social .tit::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 90px;
	margin-left: -45px;
	height: 3px;
	background: #4d4d4d;
}

.about-social .tit h1 {
	font-size: 48px;
	color: #be2028;
}

.about-social .tit p {
	font-size: 29px;
	color: #4d4d4d;
	text-transform: uppercase;
	margin-bottom: 5px;
}

.about-social .list {
	overflow: hidden;
}

.about-social .list .block {
	float: left;
	width: 25%;
	box-sizing: border-box;
	padding: 0 10px;
}

.about-style {
	padding: 110px 0 100px;
}

.about-style .tit ,.about-good .tit, .about-branch .tit {
	margin-bottom: 100px;
	position: relative;
	padding-left: 40px;
}

.about-style .tit::after,.about-good .tit::after, .about-branch .tit::after {
	content: "";
	position: absolute;
	left: 0;
	top: 16px;
	width: 4px;
	height: 26px;
	background: #ab161c;

}

.about-style .tit h1,.about-good .tit h1, .about-branch .tit h1 {
	font-size: 44px;
	color: #464646;
}

.about-style .tit p,.about-good .tit p, .about-branch .tit p {
	font-size: 28px;
	text-transform: uppercase;
	color: #646464;
}

.about-style .tit ,.about-good .tit2 {
	position: relative;
	text-align: center;
	margin-bottom: 50px;
}

.about-style .tit::after,.about-good .tit2 .hx {
	width:100px;
	height:2px;
	background-color:#ab161c;
	margin:15px auto;
}


.about-style .tit h1,.about-good .tit2 h1 {
	font-size: 52px;
	color: #ab161c;
	font-weight: bold;
	letter-spacing: 10px;
}

.about-good .tit2 .b {
	font-size: 42px;
	color: #0f0f0f;
}

.about-style .tit p,.about-good .tit2 p {
	font-size: 20px;
	text-transform: uppercase;
	color: #979797;
	margin-top: 15px;
	letter-spacing: 2px;
}

.about-style .con {
	display: flex;
	align-items: center;
}
.about-style .scroll{
	position: relative;
}
.about-style .l,.about-style .r{
	top: 45%;
}

.about-style .con .l1 {
	flex: 1;
	transition: all 0.3s;
}

.about-style .con .l2 {
	flex: 1;
	margin: 0 8px;
	transition: all 0.3s;
}
.about-style .con .l1:hover,.about-style .con .l2:hover{
	flex: 1.9;
}

.about-style .con .img {
	height:340px;
}

.about-style .con p {
	background: #f4f4f4;
	padding: 16px 0;
	color: #4c4c4c;
	font-size: 30px;
	text-align: center;
}
.about-good{
	background: #f7f7f7;
	padding: 66px 10px;
}
.about-good .tit {
	margin-bottom: 30px;
}
.about-good .top{
	margin-bottom: 34px;
}
.about-good .top p{
	margin-bottom: 10px;
	font-size: 20px;
	color: #9f9f9f;
	padding-left: 38px;

}

.about-good .bot{
	overflow: hidden;
}
.about-good .bot .item{
	float: left;
	width: 33.33%;
	box-sizing: border-box;
	padding: 3px 5px;
}
.about-good .bot .ceil{
	background: no-repeat center center/cover;
	padding-top: 41%;
	position: relative;
	cursor: pointer;
}
.about-good .bot .ceil .label{
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	width: 70px;
	height: 70px;
	color: #fff;
	font-size: 13px;
	border-radius: 50%;
	display: flex;
	align-items: center;

	justify-content: center;
	background: rgba(165,46,46,0.95);
}
.about-good .bot .ceil:hover .hover{
	display: block;
}
.about-good .bot .hover{
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	z-index: 2;
	background: rgba(165,46,46,0.95);
	padding: 25px 75px;
	text-align: center;
	display: none;
}
.about-good .bot .hover img{
	width: 44px;
	margin-bottom: 5px;
}
.about-good .bot .hover h1{
	font-size: 16px;
	color: #fff;
	margin-bottom:25px;
	padding-bottom: 5px;
	position: relative;
}
.about-good .bot .hover h1::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 50px;
	height: 2px;
	background: #fff;
	transform: translateX(-50%);
}
.about-good .bot .hover .b{
	font-size: 10px;
	color: #fff;
	line-height: 2;
}




.about-branch {
	background: #f7f7f7;
	padding: 66px 10px;
	max-width: 1200px;
	margin: 0 auto;
}
.about-branch .tit {
	margin-bottom: 30px;
}
.about-branch .bot {
	overflow: hidden;
	margin-top: 30px;
}

.about-branch .bot .item {
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding: 10px;
}

.about-branch .bot .ceil {
	background: no-repeat center center/cover;
	padding-top: 60%;
	position: relative;
	cursor: pointer;
	border-radius: 4px;
	overflow: hidden;
	transition: transform 0.3s ease, box-shadow 0.3s ease;
	box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}

.about-branch .bot .ceil:hover {
	transform: translateY(-5px);
	box-shadow: 0 10px 20px rgba(0, 0, 0, 0.15);
}

/* 弹窗样式 */
.about-branch .modal-overlay {
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.9);
	z-index: 1000;
	justify-content: center;
	align-items: center;
	opacity: 0;
	transition: opacity 0.3s ease;
}

.about-branch .modal-overlay.active {
	display: flex;
	opacity: 1;
}

.about-branch .modal-content {
	max-width: 90%;
	max-height: 90%;
	position: relative;
}

.about-branch .modal-img {
	max-width: 100%;
	max-height: 90vh;
	display: block;
	border-radius: 4px;
	box-shadow: 0 10px 30px rgba(0, 0, 0, 0.3);
}

.about-branch .modal-close {
	position: absolute;
	top: -50px;
	right: -10px;
	background: none;
	border: none;
	color: white;
	font-size: 40px;
	cursor: pointer;
	transition: transform 0.3s ease;
}

.about-branch .modal-close:hover {
	transform: rotate(90deg);
}

.about-branch .modal-title {
	position: absolute;
	bottom: -40px;
	left: 0;
	width: 100%;
	text-align: center;
	color: white;
	font-size: 24px;
	padding: 0px 0;
}

/* 响应式设计 */
@media (max-width: 992px) {
	.about-branch .bot .item {
		width: 50%;
	}
}

@media (max-width: 768px) {
	.about-branch .about-good {
		padding: 40px 10px;
	}

	.about-branch .tit h1 {
		font-size: 26px;
	}

	.about-branch .tit p {
		font-size: 16px;
	}

	.about-branch .bot .item {
		width: 100%;
		padding: 8px;
	}

	.about-branch .bot .ceil {
		padding-top: 50%;
	}
}

/* 加载动画 */
@keyframes fadeInUp {
	from {
		opacity: 0;
		transform: translateY(20px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}

.about-branch .bot .item {
	animation: fadeInUp 0.5s ease forwards;
	opacity: 0;
}

.about-branch .bot .item:nth-child(1) { animation-delay: 0.1s; }
.about-branch .bot .item:nth-child(2) { animation-delay: 0.2s; }
.about-branch .bot .item:nth-child(3) { animation-delay: 0.3s; }
.about-branch .bot .item:nth-child(4) { animation-delay: 0.4s; }
.about-branch .bot .item:nth-child(5) { animation-delay: 0.5s; }
.about-branch .bot .item:nth-child(6) { animation-delay: 0.6s; }




.concat-main{
	padding: 40px 0;
	background: #f4f4f4;
	border-top: 1px solid #c3c3c3;
}
.concat-main .title{
	font-size: 38px;
	color: #898989;
	border-left: 4px solid #ab161c;
	padding-left: 24px;
	line-height: 0.8;
	margin-bottom:34px;
}
.concat-main .title span{
	font-size: 32px;
	color: #c5c5c5;
	text-transform: uppercase;
	margin-left: 10px;
}
.concat-main .concat{
	background: #f4f4f4;
	padding: 0;
}
.concat-main .concat .form{
	padding: 0;
}
.concat-main .concat .info{
	padding: 30px 0 0 110px;
}
.concat-main .concat .wrap{
	align-items: flex-start;
}
.concat-map{
	padding: 75px 0;
}
.concat-map .info{
	margin-bottom: 80px;
}
.concat-map .info .block{
	margin-bottom: 16px;
}
.concat-map .info .block .t{
	display: flex;
	align-items: center;
	font-size: 20px;
	margin-bottom: 18px;
	color: #505050;
	line-height: 1;
}
.concat-map .info .block .t img{
	width: 20px;
	margin-right: 17px;
}
.concat-map .info .block .b{
	font-size: 20px;
	color: #9b9b9b;
}

.t-detaile {
	padding: 60px 0;
	display: flex;
}

.t-detaile .left {
	width: 260px;
	margin-right: 30px;
}

.t-detaile .menu {
	margin-bottom: 23px;
}

.t-detaile .menu a {
	display: block;
	margin-bottom: 5px;
	background: #eeeeee;
	color: #707070;
	font-size: 18px;
	text-align: center;
	border-radius: 5px;
	padding: 15px 0;
}

.t-detaile .menu a.act ,.t-detaile .menu a:hover{
	background: #b71c1c;
	color: #fff;
}
.bds_more{
	background: url('../image/117.png') no-repeat center center/cover !important;
	padding: 0 !important;
	margin: 0 !important;
	width: 40px !important;
	height: 40px !important;
}
.ssss{
	background: none !important;
	padding: 0 !important;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
	float: none !important;
	width: 38px !important;
	height: 38px !important;
	margin-right: 16px !important;
	position: relative;
	z-index: 2;
}
.s1{
	background: url('../image/572.png') no-repeat center center/cover !important;
}
.s1:hover {
	background: url('../image/572-red.png') no-repeat center center/cover !important;
}

.s2{
	background: url('../image/582.png') no-repeat center center/cover !important;
}
.s2:hover {
	background: url('../image/582-red.png') no-repeat center center/cover !important;
}

.s3{
	background: url('../image/592.png') no-repeat center center/cover !important;
}
.s3:hover {
	background: url('../image/592-red.png') no-repeat center center/cover !important;
}



.t-detaile .share {
	text-align: center;
}

.t-detaile .right {
	width: 0;
	flex: 1;

}

.t-detaile .right .info {
	display: flex;
	background: #f9f9f9;
	border: 1px solid #dddddd;
	padding: 50px 30px;
	align-items: flex-start;
}

.t-detaile .right .info >img {
	width: 300px;
	margin-right: 65px;
}


.t-detaile .right .info .text {
	width: 0;
	flex: 1;
}

.t-detaile .right .info .t {
	font-size: 30px;
	color: #8c7009;
	padding-bottom: 8px;
	margin-bottom: 15px;
	position: relative;
}

.t-detaile .right .info .t::after {
	content: "";
	position: absolute;
	left: 27px;
	width: 40px;
	background: #b71c1c;
	height: 2px;
	bottom: 0;
}

.t-detaile .right .info .t span {
	color: #777777;
	font-size: 24px;
	margin-left: 8px;
}

.t-detaile .right .info .t1 {
	color: #6a6a6a;
	font-size: 16px;
	margin-bottom: 26px;
	padding-bottom: 15px;
	border-bottom: 1px dashed #c6c6c6;
}

.t-detaile .right .info .t1 span {
	margin-left: 8px;
}

.t-detaile .right .info .label{
	overflow: hidden;
	margin-bottom: 58px;
}
.t-detaile .right .info .label span{
	float: left;
	padding: 10px 20px;
	border: 1px solid #707070;
	font-size: 16px;
	color: #707070;
	margin: 0 16px 16px 0;
}
.t-detaile .right .info .label span.act,.t-detaile .right .info .label span:hover{
	background: #ab161c;
	color: #fff;
	border-color:#ab161c;
}

.t-detaile .right .info p {
	font-size: 14px;
	text-align: left;
	padding: 10px 0;
	color: #ffffff;
}
.t-detaile .right .share{
	background: url('../image/114.jpg') no-repeat center center/cover;
	display: flex;
	align-items: center;
	padding: 45px 40px;
}
.t-detaile .right .share .l{
	flex: 1;
	display: flex;
	align-items: center;
}
.t-detaile .right .share .l .yx{
	position: relative;
	cursor: pointer;
}
.t-detaile .right .share .l .yx p{
	position: absolute;
	bottom: -100%;
	display: none;
}
.t-detaile .right .share .l .yx:hover p{
	display: block;
}
.t-detaile .right .share .l img{
	width: 40px;
	margin-right: 16px;
}
.t-detaile .right .share .r{
	flex:1.1;
}
.t-detaile .right .msg {
	border: 1px solid #dddddd;
	border-top-color: #ab161c;
}
.t-detaile .right .msg .item {
	padding: 16px 40px 20px;
	border-bottom: 1px dashed #dddddd
}
.t-detaile .right .msg .t{
	display: flex;
	align-items: center;
	padding-bottom: 18px;
	margin-bottom: 30px;
	position: relative;
	border-bottom: 2px solid #dddddd;
}
.t-detaile .right .msg .t::after{
	content: "";
	position: absolute;
	left: 0;
	bottom: -2px;
	width: 88px;
	height: 2px;
	background: #e61d1d;
}
.t-detaile .right .msg .t img{
	width: 22px;
}
.t-detaile .right .msg .t  span{
	margin-left: 16px;
	padding-left: 16px;
	font-size: 20px;
	color: #707070;
	border-left: 1px solid #dddddd;
}

.t-detaile .right .msg .item:last-child {
	border: none;
}

.t-detaile .right .msg .item p {
	font-size: 16px;
	color: #3a3a3a;
	line-height: 2;
}

.t-detaile .right .msg .item p a {
	color: #3a3a3a;
}

@media (min-width: 1000px) and (max-width: 1500px) {


	.wrap {
		width: 1200px;
		/* 主容器宽度调整为1200px */
		margin: 0 auto;
	}
	.header .logo{
		padding: 0 50px 0 30px;
	}

	/* -------------- Banner区 -------------- */
	.banner img {
		width: 100%;
		height: 450px;
		/* 自适应图片高度 */
	}
	.header .fun{
		width: 300px;
	}
	.nav .menu-item .one{
		height: 50px;
		line-height: 50px;
		font-size: 14px;
	}
	.nav .menu-item .two a{
		font-size: 13px;
	}
	.nav .menu-item .one.act, .nav .menu-item .one.hover{
		line-height:40px;
		letter-spacing: 2px;
	}
	.nav .menu-item .one.act::after, .nav .menu-item .one.hover::after{
		bottom:10px;

	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next {
		width: 50px;
		/* 控制按钮大小 */
		height: 50px;
		background-size: contain;
	}

	.banner .swiper-pagination {
		bottom: 40px;
		/* 调整分页位置 */
	}
	.p-news .list .li{
		font-size: 18px;
	}
	.team-next{
		right:-80px;
	}
	.team-prev{
		left: -80px;
	}
	.about{
		padding: 45px 0;
	}
	.about .info .title{
		width: 180px;
		margin-bottom: 30px;
	}
	.about .info .btn{
		width: 160px;
		font-size: 16px;
	}
	.about .info .btn img{
		width: 20px;
		margin-left: 12px;
	}
	.about .menus .tit{
		padding: 30px 100px 30px 0;
	}
	.about .menus .tit span{
		font-size: 14px;
	}
	.about .info h1{
		margin-bottom: 20px;
	}
	.about .info p{
		font-size: 12px;
		margin-bottom: 30px;
	}
	.about .menus .tit .btn{
		top: 26px;
	}
	.about .menus .tit .btn img{
		width: 26px;
		margin-left: 20px;
	}
	.about .info{
		padding: 35px 16px;
	}

	.about .menus .block .img{
		width: 130px;
		height: 130px;
	}
	.h-area .tit{
		padding: 45px 0 50px;
	}
	.h-area .tit img{
		width: 220px;
	}
	.h-area .con .item .t{
		height: 260px;
	}
	.h-area .con .b h1{
		margin-bottom: 20px;
	}
	.h-area .con .item{

		padding: 0 15px 30px;
	}
	.f .btn{
		font-size: 16px;
	}
	.f .btn img{
		width:6px;
		margin-left: 10px;
	}
	.h-area .f{
		padding-bottom: 50px;
	}
	.team{
		padding: 60px 0;
	}
	.team .people .box{
		height: 480px;
	}
	.team .people .box .img{
		height: 330px;
	}
	.team .main{
		width: 1200px;
	}
	.team .main .info .t{
		font-size: 30px;
	}
	.team .main .info .tit{
		font-size: 24px;
	}
	.team .main .info p{
		font-size: 14px;
	}
	.area{
		padding: 35px 0;
	}
	.area .tit img{
		width: 180px;
	}
	.area .tit{
		margin-bottom: 45px;
	}
	.area .menu .i{
		height: 66px;
	}
	.area .menu .i span{
		font-size: 16px;
	}
	.area .block .l, .about-style .l{
		left: -80px;
	}
	.area .block .r, .about-style .r{
		right: -80px;
	}
	.news .tit img{
		width: 420px;
	}
	.news .menu{
		font-size: 16px;
	}
	.news .btn a{
		font-size: 18px;
	}
	.news .btn a img{
		width: 30px;
	}
	.h-about .tit img{
		width: 200px;
	}
	.h-about .tit p{
		font-size: 22px;
	}
	.h-about .tit{
		margin-bottom: 80px;
	}
	.h-about .con .t .item .num{
		font-size: 50px;
	}
	.h-about .con .t .item p{
		font-size: 20px;
	}
	.h-about .con .t{
		margin-bottom: 60px;
	}
	.h-about .con .b{
		font-size: 18px;
	}
	.adv .tit img{
		width: 480px;
	}
	.adv .con .item .img{
		height: 440px;
	}
	.footer .msg .logo .text h1{
		font-size: 20px;
	}
	.footer .msg .info p{
		font-size: 13px;
	}
	.footer .link{
		padding: 30px 0 20px;
	}
	.footer .bot{
		padding: 30px 0;
	}
	.adv .con .item .text .l{
		font-size: 22px;
	}
	.adv .con .item .text{
		padding: 40px 15px 20px 20px;
	}
	.serve .b p{
		height: 60px;
	}
	.serve .menu a, .serve .menu span{
		font-size: 13px;
		padding: 15px 10px;
	}
	.serve .menu{
		margin-bottom: 65px;
	}
	.area-pub .tit{
		font-size: 30px;
	}
	.area-serve .block{
		padding: 20px;
	}
	.area-serve .item .text span{
		font-size: 16px;
	}
	.area-info .main{
		padding-top: 30px;
	}
	.area-qs .con .item h1{
		font-size: 36px;
	}
	.area-qs .con .item p{
		font-size: 20px;
	}
	.p-news .menu a{
		font-size: 17px;
	}
	.d-pages .top .l{
		font-size: 15px;
	}
	.about-news .top .tit h1{
		font-size: 36px;
	}
	.about-news .bot h1{
		font-size: 45px;
	}
	.about-news .bot p{
		font-size: 20px;
	}
	.about-style .tit h1, .about-good .tit h1, .about-branch .tit h1{
		font-size: 30px;
	}
	.about-style .tit p, .about-good .tit p, .about-branch .tit p{
		font-size: 20px;
	}
	.about-style .tit, .about-good .tit, .about-branch .tit{
		margin-bottom: 60px;
	}
	.about-good .top p{
		font-size: 16px;
	}
	.concat-main .title{
		font-size: 30px;
	}
	.concat-main .title span{
		font-size: 26px;
	}
	.concat .form .tit{
		font-size: 22px;
		margin-bottom: 40px;
	}
}

@media only screen and (max-width: 1000px) {
	.serve .menu{
		display: block;
		overflow-x: auto;
		white-space: nowrap;
		margin-bottom: 50px;
	}
	.serve .menu a, .serve .menu span{
		display: inline-block;
		font-size: 13px;
		padding: 15px 10px;
	}
	.serve .item{
		width: 50%;
		padding: 0 6px 20px;
	}
	.serve .b{
		padding: 8px 5px;
	}
	.serve .item .t{
		height: 150px;
	}
	.serve .b h1{
		margin-bottom: 12px;
		font-size: 14px;
	}
	.serve .b p{
		font-size: 12px;
		height: 34px;
	}
	.area-pub .tit{
		font-size:16px;
	}
	.area-serve .block{
		padding: 10px;
		width: 50%;
	}
	.area-serve .item .text span{
		font-size: 12px;
	}
	.area-info .main{
		padding-top: 30px;
		display: block;
	}
	.area-info .main .img{
		width: 100%;
		margin: 0 0 20px;
	}
	.area-qs .con .item h1{
		font-size: 26px;
	}
	.area-info .main .text{
		width: 100%;
	}
	.area-info .main .text p{
		font-size: 13px;
	}
	.area-info .main .btn, .area-info1 .btn{
		padding-top: 20px;
	}
	.area-info .main .btn a, .area-info1 .btn a{
		font-size: 16px;
	}
	.area-qs .con .item p{
		font-size: 14px;
	}
	.area-info1 .h1{
		font-size: 14px;
		margin-bottom: 40px;
	}
	.area-info1{
		padding: 40px 0 35px;
	}
	.area-qs .con .item::after{
		top: 110px;
		height: 40px;
	}
	.area-qs .btn{
		padding-top: 30px;
	}
	.area-qs .btn a{
		padding: 10px 30px;
		font-size: 15px;
	}
	.area-info1 .main{
		display: block;
		margin-bottom: 30px;
	}
	.area-info1 .main .item::after{
		display: none;
	}
	.area-info1 .main .item{
		padding: 0;
		text-align: center;
		margin-bottom: 30px;
	}
	.area-info1 .main .item img{
		width: 45px;
		margin-bottom: 10px;
	}
	.area-info1 .main .item h1{
		font-size: 16px;
		margin-bottom: 10px;
	}
	.area-qs{
		padding: 40px 0 30px;
	}
	.area-qs .con .item .icon{
		width: 50px;
	}
	.area-qs .con .item .arrow{
		width: 14px;
		top: 10px;
		right: -5px;
	}
	.area-info1 .main .item p{
		font-size: 12px;
	}
	.area-serve .con{
		width: 100%;
		margin: 0;
	}
	.area-info{
		padding: 40px 0 50px;
	}
	.area-rel{
		padding: 45px 0 40px;
	}
	.area-rel .block{
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	.area-rel .block:last-child{
		padding: 0;
	}
	.area-rel .tit{
		margin-bottom: 50px;
	}
	.area-rel .btn a img{
		width: 22px;
		margin-left: 5px;
	}
	.area-rel .btn a{
		font-size: 15px;
		padding: 10px 20px;
	}
	.area-rel .tit h1{
		font-size: 22px;
	}
	.area-rel .tit p{
		font-size: 16px;
	}
	.t-detaile .right .info .label span{
		padding: 5px 10px;
	}
	.t-detaile .right .info .label{
		margin-bottom: 20px;
	}
	.t-detaile .right .share{
		padding: 10px;
	}
	.t-detaile .right .share .l img{
		width: 25px;
	}
	.bds_more{
		width: 25px !important;
		height: 25px !important;
	}
	.about-news .top .tit h1{
		font-size: 22px;
	}
	.about-news .top .tit p{
		font-size: 14px;
	}
	.about-news .top .tit h2{
		font-size: 14px;
	}
	.about-news .top .tit{
		margin-bottom: 30px;
	}
	.about-news .top .c p{
		font-size: 13px;
	}
	.about-news .bot h1{
		font-size: 24px;
		margin-bottom: 14px;
	}
	.about-news .bot p{
		font-size: 14px;
	}
	.about-style .tit h1, .about-good .tit h1, .about-branch .tit h1{
		font-size: 20px;
	}
	.about-style .tit p, .about-good .tit p, .about-branch .tit p{
		font-size: 14px;
	}
	.about-style .tit, .about-good .tit, .about-branch .tit{
		margin-bottom: 40px;
	}
	.about-good .top p{
		font-size: 16px;
	}
	.about-good .bot .item{
		width: 100%;
	}




	.header {
		display: none;
	}

	.ghh {
		display: block;
	}

	.wrap {
		width: 100%;
		padding: 0 10px;
		box-sizing: border-box;
	}
	.banner-content {
		position: absolute;
		left: 20px;
		bottom: 100px;
		color: white;
		text-shadow: 1px 1px 3px rgba(0,0,0,0.5);
	}

	.banner img {
		width: 100%;
	}
	.about{
		padding: 45px 0;
	}
	.about .wrap{
		display: block;
	}
	.right-fdd2{
		display: none;
	}
	.about .info .title{
		width: 180px;
		margin-bottom: 30px;
	}
	.about .info .btn{
		width: 120px;
		height: 38px;
		font-size: 12px;
	}
	.about .info .btn img{
		width: 18px;
		margin-left: 6px;
	}
	.about .menus .tit{
		padding: 20px 10px;
	}
	.about .menus .tit span{
		font-size: 14px;
	}
	.about .info h1{
		margin-bottom: 20px;
	}
	.about .info p{
		font-size: 12px;
		margin-bottom: 30px;
	}
	.about .menus .tit .btn{
		top: 26px;
		display: none;
	}
	.about .menus .tit .btn img{
		width: 26px;
		margin-left: 20px;
	}
	.about .menus .block .item{
		padding: 30px 110px 30px 10px;
	}
	.about .info{
		padding: 15px 8px;
		width: 100%;
		margin-bottom: 30px;
		box-sizing: border-box;
	}
	.about .menus{
		width: 100%;
		box-sizing: border-box;
	}
	.about .menus .block .img{
		width:100px;
		height: 100px;
	}
	.h-area .tit{
		padding: 35px 0 30px;
	}
	.h-area .tit img{
		width: 150px;
	}
	.h-area .tit p{
		font-size: 13px;
	}
	.h-area .con .item .t{
		height: 120px;
	}
	.h-area .con .b{
		padding: 20px;
		background: #FFFFFF;
	}
	.h-area .con .b h1{
		margin-bottom: 10px;
		font-size: 14px;
	}
	.h-area .con .b p{
		font-size: 12px;
		max-height: 200px; /* 使用max-height而不是height */
		overflow: hidden;
		position: relative;
		line-height: 1.4;
	}
	.h-area .con .item{
		width: 50%;
		padding: 0 15px 30px;
	}
	.f .btn{
		font-size: 13px;
	}
	.f .btn img{
		width:6px;
		margin-left: 10px;
	}
	.h-area .f{
		padding-bottom: 50px;
	}
	.team .main{
		width: 100%;
		display: block;
	}
	.team{
		padding: 60px 0;
	}
	.team .people .box{
		height: 740px;
	}
	.team .people .box .img{
		height: 280px;
	}
	.team .main .info .t{
		font-size: 24px;
	}
	.team .main .info .tit{
		font-size: 24px;
	}
	.team .main .info p{
		font-size: 14px;
	}
	.area{
		padding: 35px 0;
	}
	.area .tit img{
		width: 140px;
	}
	.area .menu{
		overflow-x: auto;
		white-space: nowrap;
	}
	.area .tit{
		margin-bottom: 45px;
	}
	.area .menu .i{
		height: 46px;
		padding: 0 10px;
		word-wrap: break-word;
	}
	.area .menu .i span{
		font-size: 13px;
		padding: 0 10px;
	}
	.area .block{
		margin-bottom: 0;
	}
	.area .block .l, .about-style .l{
		left: -80px;
	}
	.area .block .r, .about-style .r{
		right: -80px;
	}
	.news .tit img{
		width: 290px;
	}
	.news .menu{
		overflow-y: auto;
		white-space: nowrap;
		font-size: 13px;
	}
	.news .menu span{
		padding: 10px 15px;
	}
	.news .con .c-img{
		width: 100%;
		display: block;
		margin: 0;
	}
	.news .con .c-img .left{
		width: 100%;
		margin: 0 0 10px;
	}
	.news .con .c-img .right,.news .con .c-text{
		width: 100%;
	}
	.news .con{
		display: block;
	}
	.news .btn a{
		font-size: 13px;
	}
	.news .btn a img{
		width: 20px;
	}
	.h-about{
		padding: 45px 0;
	}
	.h-about .tit img{
		width: 120px;
	}
	.h-about .tit p{
		font-size: 13px;
	}
	.h-about .tit{
		margin-bottom: 40px;
	}
	.h-about .con .t .item .num{
		font-size: 25px;
	}
	.h-about .con .t .item p{
		font-size:14px;
	}
	.h-about .con .t{
		margin-bottom: 30px;
	}
	.h-about .con .b{
		font-size: 14px;
	}
	.adv .tit img{
		width: 300px;
	}
	.adv .tit{
		margin-bottom: 30px;
	}
	.adv .con .item .img{
		height: 240px;
	}
	.footer .msg .logo .text h1{
		font-size: 16px;
		letter-spacing: 5px;
	}
	.footer .msg .info p{
		font-size: 12px;
	}
	.footer .link{
		padding: 30px 0 20px;
	}
	.footer .bot{
		padding: 14px 0;
		font-size: 12px;
	}
	.adv .con .item .text .l{
		font-size: 22px;
	}
	.adv .con .item .text{
		padding: 40px 15px 20px 20px;
		display: none !important;
	}
	.footer .m{
		display: block;
	}
	.footer .menu{
		width: 100%;
	}
	.footer .msg{
		width: 100%;
		padding-top: 30px;
	}
	.footer .msg .logo img{
		width: 60px;
		margin-right: 10px;
	}
	.footer .msg .logo .text p{
		font-size: 13px;
	}
	.footer .msg .r img{
		width: 70px;
	}
	.about-style .con .img{
		height: 250px;
	}

	.p-team {
		width: 100%;
	}
	.p-news .menu a::after{
		display: none !important;
	}
	.about-style .con .l1:hover,.about-style .con .l2:hover{
		flex: none;
	}
	.about-good{
		padding: 30px 10px;
	}
	.concat-main .title{
		font-size: 20px;
	}
	.concat-main .title span{
		font-size: 15px;
	}
	.concat .form .tit{
		font-size: 22px;
		margin-bottom: 40px;
	}



	.t-detaile {
		flex-direction: column;
		padding: 20px;
	}

	.t-detaile .left {
		width: 100%;
		margin-bottom: 20px;
	}

	.t-detaile .right {
		width: 100%;
	}

	.t-detaile .right .info {
		flex-direction: column;
		padding: 20px;
	}

	.t-detaile .right .info> img {
		width: 100%;
		margin-bottom: 20px;
	}

	.t-detaile .right .info .text {
		width: 100%;
	}

	.t-detaile .right .msg .item {
		padding: 20px;
	}

	.p-news .menu {
		width: 100%;
		padding: 20px;
	}

	.p-news .main {
		width: 100%;
		padding: 20px;
	}

	.p-news .list .block {
		width: 100%;
		padding: 20px 0;
	}


	.about-index .menu {
		width: 100%;
		padding: 20px;
	}

	.about-index .main {
		width: 100%;
		padding: 20px;
	}


	.nav {
		flex-direction: column;
		align-items: flex-start;
	}

	.nav .logo {
		margin-right: 0;
	}

	.nav .nav-main {
		flex-direction: column;
		align-items: flex-start;
	}

	.nav .nav-main a {
		padding: 10px 0;
	}

	.nav .nav-main .search {
		margin-left: 0;
	}

	.about .top {
		flex-direction: column;
	}

	.about .top .images {
		height: auto;
	}
	.about .top{
		margin-bottom: 20px;
	}

	.about .top .main .number .block:first-child{
		margin-right: 10px;
	}
	.about .top .main .number .block img{
		width: 28px;
	}
	.about .top .main .number .block .text{
		padding: 0 10px;
	}
	.about .top .main .number .block h1{
		font-size: 24px;
		font-weight: bold;
	}

	.team .main .info {
		padding: 20px;
	}

	.team .main .info .btn {
		flex-direction: column;
	}

	.team .main .info .btn a {
		margin-bottom: 10px;
	}

	.team .people {
		padding-right: 0;
	}

	.team .people .box .img {
		height: 600px;
	}
	.team .people .box .text {
		padding: 18px 14px 20px;
		color: #fff;
		text-transform: uppercase;
		font-size: 14px;
		transition: all 0.3s;
	}

	.concat .wrap {
		flex-direction: column;
	}

	.concat .form {
		padding-left: 0;
	}

	.concat .info {
		padding-left: 0;
		margin-top: 20px;
	}

	.p-team .slt {
		flex-direction: column;
	}

	.p-team .slt input,
	.p-team .slt select {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.p-team .slt button {
		width: 100%;
	}

	.p-team .list .block {
		width: 100%;
	}

	.p-team .list .info {
		flex-direction: column;
	}

	.p-team .list .info .img {
		margin-right: 0;
		margin-bottom: 10px;
	}

	.p-team .list .info .text {
		width: 100%;
	}

	.p-team .list .edit {
		height: auto;
	}

	.p-team .list .btn {
		width: 100%;
	}



	.about-video .video-container {
		padding-top: 56.25%;
	}

	.about-honor .tit {
		margin-bottom: 40px;
	}

	.about-honor .menu {
		margin-bottom: 20px;
	}

	.about-honor .menu span {
		margin: 0 20px;
	}

	.about-slogan .item {
		width: 50%;
		padding-top: 75%;
	}

	.about-slogan .item h1 {
		font-size: 24px;
	}

	.about-slogan .item p {
		font-size: 16px;
	}

	.about-social .tit {
		margin-bottom: 40px;
	}

	.about-social .list .block {
		width: 50%;
	}

	.about-style .tit {
		padding-left: 20px;
	}

	.about-style .tit::after {
		left: 10px;
	}



	.t-detaile .menu a {
		font-size: 16px;
	}

	.t-detaile .right .info .t {
		font-size: 24px;
	}

	.t-detaile .right .info .t span {
		font-size: 20px;
	}

	.t-detaile .right .info .t1 {
		font-size: 16px;
	}

	.t-detaile .right .info p {
		font-size: 12px;
	}

	.t-detaile .right .msg .item {
		padding: 20px;
	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next,
	.banner .swiper-pagination {
		display: none;
	}

	.team {
		padding: 0;
	}

	.team .main {
		padding: 0;
	}

	.team .main .info {
		padding: 10px;
	}

	.team .main .info .tit {
		font-size: 16px;
		padding-bottom: 28px;
	}

	.team .main .info h1 {
		font-size: 16px;
		margin-bottom: 24px;
	}

	.team .main .info p {
		font-size: 14px;
	}

	.team .main .info .btn {
		padding-top: 30px;
	}

	.team .main .info .btn a {
		font-size: 14px;
		padding: 10px 18px;
	}

	.team .people {
		width: 100%;
	}

	.team .people .box .text {
		padding: 15px 30px;
		text-align: center;
	}

	.team .people .box .text p.line::after {
		left: 50%;
		transform: translate(-50%);
	}

	.team .people .box .text p {
		margin-bottom: 10px;
	}

	.team .swiper-pagination {
		display: none;
	}

	.team .swiper-container {
		padding: 0;
	}



	.news .info {
		padding: 15px 15px 10px;
	}

	.news .info .icon {
		width: 60px;
		margin: 0 0 20px;
	}

	.news .info .text .time {
		margin-bottom: 20px;
		font-size: 14px;
		padding-bottom: 0px;
	}

	.news .info .text h1 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.news .info .text p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.news .info .btn img {
		width: 130px;
	}

	.news .info .top {
		margin-bottom: 50px;
	}


	.news .bot .menu .i {
		font-size: 14px;
		margin-right: 10px;
		padding: 10px 20px;
	}

	.news .bot .menu .i img {
		width: 12px;
		margin-right: 4px;
	}

	.news .bot .look {
		font-size: 13px;
	}

	.news .bot .look img {
		width: 20px;
	}

	.news .list {
		padding: 0;
	}

	.news .list .box {
		padding: 20px;
	}

	.news .list .box .time {
		font-size: 14px;
		margin-bottom: 28px;
	}

	.news .list .box h1 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.news .list .box p {
		margin-bottom: 10px;
	}

	.concat {
		padding: 20px 5px;
	}

	.concat .form .tit {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.concat .form .tit img {
		width: 28px;
		margin-right: 10px;
	}

	.concat .wrap {
		padding: 0;
		display: block;
	}

	.concat .form .ipt {
		padding-left: 20px;
	}

	.concat .form .ipt input,
	.concat .form .ipt select,
	.concat .form .ipt textarea {
		font-size: 12px;
		padding: 0 5px;
	}

	.concat .form .ipt::after {
		left: 7px;
		font-size: 20px;
	}

	.concat .form .ceil {
		margin-bottom: 15px;
	}

	select {
		background-size: 20px;
	}

	.concat .form .ipt textarea {
		height: 90px;
	}

	.concat .form .btn {
		width: 120px;
		margin: 20px;
	}

	.concat .form .btn img {
		width: 18px;
		margin-left: 10px;
	}
	.concat-main .concat .info{
		padding: 10px;
	}
	.concat-map{
		padding: 30px 0;
	}
	.concat-map .info .block .t{
		font-size: 16px;
	}
	.concat-map .info .block .b{
		font-size: 14px;
	}
	.concat .info {
		margin-top: 60px;
		padding: 5px;
	}
	#map{
		height: 320px;
	}

	.concat .info .tit {
		font-size: 20px;
		margin-bottom: 30px;
	}

	.concat .info .tit span {
		font-size: 16px;
	}

	.concat .info .type .ceil {
		margin-bottom: 10px;
		font-size: 13px;
	}

	.concat .info .type .ceil span {
		width: 36px;
		margin-right: 15px;
	}
	.concat .info .type .ceil img{
		width: 35px;
		margin-right: 12px;
	}

	.concat .info .ewm img {
		width: 90px;
	}
	.concat .info .ewm-text {
		overflow: hidden;
		display: flex;
	}
	.concat .info .ewm-text p {
		margin-right: 5px 10px;
		width: 90px;
		text-align: center;
	}
	.crumbs {
		font-size: 14px;
		padding: 10px 2.5%;
	}


	.about-video .video-cover .play-button {
		width: 50px;
		height: 50px;
	}

	.about-style .con {
		white-space: nowrap;
		width: 100%;
		overflow-x: auto;
	}

	.about-style .con .l2 {
		margin: 10px 0;
	}

	.about-style .con p {
		font-size: 16px;
	}

	.about-style .con .l1,
	.about-style .con .l2 {
		width: 100%;
		display: inline-block;
		flex: none;
	}

	.about-honor {
		padding: 20px 0 40px;
	}

	.about-honor .tit {
		padding-bottom: 10px;
		margin-bottom: 20px;
	}

	.about-honor .tit h1 {
		font-size: 26px;
		margin-bottom: 0;
	}

	.about-honor .tit p {
		font-size: 16px;
	}

	.about-honor .menu span {
		font-size: 16px;
		padding: 10px 0;
	}

	.about-honor .block .box p {
		padding: 10px 0;
		font-size: 12px;
	}

	.about-honor .swiper-pagination {
		display: none;
	}

	.about-honor .block .box {
		padding-bottom: 0;
	}

	.area .content .ceil:hover .hover {
		padding: 10px 5px;
	}

	.area .content .ceil .hover .t .h1 {
		font-size: 14px;
		margin-bottom: 4px;
	}

	.area .content .ceil .hover .t img {
		width: 40px;
	}

	.area .content .ceil .hover .t {
		margin-bottom: 10px;
	}

	.area .content .ceil .hover .c {
		font-size: 13px;
		height: 100px;
		margin-bottom: 10px;
	}

	.area .content .ceil .hover .btn {
		width: 100px;
		font-size: 14px;
	}

	.about-slogan .item h1 {
		padding-bottom: 10px;
		font-size: 17px;
		margin-bottom: 35px;
	}

	.about-slogan .item h1::after {
		width: 40px;
		height: 3px;
	}

	.about-slogan .item p {
		font-size: 12px;
	}

	.about-social {
		padding: 40px 10px 50px;
	}

	.about-social .tit {
		margin-bottom: 20px;
		font-size: 14px;
	}

	.about-social .tit p {
		font-size: 20px;
		margin-bottom: 0;
	}

	.about-social .tit h1 {
		font-size: 28px;
	}

	.about-social .tit::after {
		width: 60px;
		margin-left: -30px;
	}

	.news .info .text .time {
		margin-bottom: 20px;
		font-size: 14px;
		padding-bottom: 0px;
	}

	.news .info .text h1 {
		font-size: 18px;
		margin-bottom: 10px;
	}

	.news .info .text p {
		font-size: 14px;
		margin-bottom: 20px;
	}

	.news .info .btn img {
		width: 130px;
	}

	.p-news .list .img,
	.about-social .list .img {
		height: 130px;
		width: 130px;
	}

	.p-news .list .text,
	.about-social .list .text {
		padding: 15px 5px;
	}

	.p-news .list .text h1,
	.about-social .list .text h1 {
		font-size: 15px;
	}

	.p-news .list .text .time,
	.about-social .list .text .time {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.p-news .list .text p,
	.about-social .list .text p {
		font-size: 12px;
		margin-bottom: 10px;
	}

	.p-news .list .btn,
	.about-social .list .btn {
		font-size: 14px;
	}

	.p-news .list .btn img,
	.about-social .list .btn img {
		width: 28px;
		margin-left: 14px;
	}

	.about-style {
		padding: 30px 0;
	}

	.about-style .tit h1 {
		font-size: 18px;
		margin-bottom: 4px;
	}

	.about-style .tit::after {
		top: 5px;
	}


	.about-style .tit {
		margin-bottom: 20px;
	}

	.p-team .slt {
		padding: 30px 10px;
	}

	.p-team .slt input,
	.p-team .slt select {
		width: 100%;
		font-size: 14px;
		padding: 8px;
	}

	.p-team .slt button {
		font-size: 16px;
	}

	.p-team .list .box {
		padding: 15px;
	}

	.p-team .list .info .text h1 {
		font-size: 20px;
		margin-bottom: 20px;
	}

	.p-team .list .info .text p {
		font-size: 14px;
		margin-bottom: 10px;
	}

	.p-team .list .btn {
		height: 45px;
	}

	.p-team .list .btn {
		font-size: 15px;
	}

	.p-team .list .btn img {
		width: 20px;
	}

	.page {
		padding: 40px 0;
		font-size: 12px;
	}

	.page li {
		font-size: 12px;
	}

	.page a {
		margin: 0 4px;
	}



	.p-team .list {
		width: 100%;
		margin: 0;
	}

	.p-team .list .info .img {
		width: 140px;
		height: 140px;
	}



	.about-index {
		flex-direction: column;
		padding: 25px 0;
	}
	.about-index .menu {
		padding: 10px;
	}

	.about-index .menu a {
		padding: 4px 10px;
		font-size: 14px;
		display: inline-block;
	}

	.about-index .main {
		box-sizing: border-box;
		padding: 10px;
	}


	.p-news {
		flex-direction: column;
		padding: 25px 0;
	}
	.p-news .menu {
		padding: 10px;
	}

	.p-news .menu a {
		padding: 4px 10px;
		font-size: 14px;
		display: inline-block;
	}

	.p-news .main {
		box-sizing: border-box;
		padding: 10px;
	}

	.d-detaile {
		padding: 30px 0;
	}

	.d-detaile .main {
		padding: 10px;
		box-sizing: border-box;
	}

	.d-detaile .main .tit h1 {
		font-size: 16px;
		margin-bottom: 10px;
	}

	.d-detaile .main .tit {
		margin-bottom: 30px;
	}

	.d-detaile .main .tit p {
		font-size: 12px;
	}

	.d-detaile .main .con {
		font-size: 13px;
	}

	.d-detaile .main .con img {
		margin: 15px 0;
	}

	.d-detaile .main .share {
		font-size: 14px;
		padding: 20px 0;
	}

	.d-pages {
		padding: 30px 0;
	}

	.d-pages .top .l {
		font-size: 12px;
		padding: 0 10px;
	}

	.d-pages .bot a {
		font-size: 14px;
	}
	.about .top .main .share{
		display: none;
	}
	.p-news .list .li{
		font-size: 15px;
		padding: 10px 100px 10px 20px;
	}
	.p-news .list .li span{
		font-size: 12px;
		right: 10px;
	}
	.p-news .list .li::after{
		width: 6px;
		height: 6px;
	}
	.p-team .list .info .text{
		height: auto;
	}
	.about .btn  a{
		font-size: 16px;
		padding: 8px 30px;
	}
	.about .btn  a img{
		width: 20px;
		margin-left: 10px;
	}
}