* {
	padding: 0;
	margin: 0;
}

html {
	scroll-behavior: smooth;
}

ul,
li {
	list-style: none;
}

a {
	text-decoration: none;
	color: #616161;
	caret-color: #616161;
}

a:hover {
	text-decoration: none;
	color: #616161;
	caret-color: #616161;
}

.wrap {
	flex: 1 1 auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
	max-width: 100%;
	position: relative;
}

.header {
	position: fixed;
	z-index: 2;
	top: 0;
	left: 0;
	width: 100%;
	background-color: #fff;
	height: 115px;
}

.header .top {
	display: flex;
	margin: auto;
	align-items: center !important;
	justify-content: space-between !important;
	padding: 12px;
}

.logo {
	position: relative;
	overflow: hidden;
	flex: 1 0 auto;
	max-height: 120px;
	max-width: 230px;
	display: flex;
	margin-top: 20px !important;
	margin-bottom: 20px !important;
	z-index: 0;
}

.logo img {
	width: 100%;
}

.search {
	height: 28px;
	max-width: 254px;
	display: flex;
	flex-direction: row !important;
	position: relative;
	overflow: hidden;
	flex: 1 0 auto;
}

.search_bg {
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.search_bg img {
	width: 100%;
}

.search input {
	width: 198px;
	border: 0px;
	margin-left: 4px !important;
	outline: none;
	font-size: 12px;
	background-color: transparent;
}

.search_btn {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 50px;
	height: 25px;
	cursor: pointer;
	border: none;
	background: transparent;
}

.wap_nav_btn {
	color: rgba(0, 0, 0, .54);
	height: 36px;
	width: 36px;
	cursor: pointer;
	border: 1px solid;
	transition: .3s;
	display: none;
}

.wap_nav_btn:hover {
	background-color: #f4f4f4;
}

.wap_nav_btn span {
	margin: auto;
	display: block;
	width: 16px;
	height: 12px;
	border-top: 2px solid #707070;
	border-bottom: 2px solid #707070;
	margin-top: 31%;
}

.wap_nav_btn span i {
	display: block;
	width: 16px;
	height: 2px;
	margin-top: 3px;
	background-color: #707070;
}

.wap_nav_box {
	display: none;
}

.navbox .nav {
	background-color: rgb(96, 93, 93);
	width: 100%;
}

.navbox .nav .navlist {
	margin: auto;
	display: flex;
	justify-content: space-between !important;
}

.navbox .nav .navlist a {
	position: relative;
	height: 36px;
	min-width: 64px;
	padding: 0 16px;
	line-height: 36px;
	color: #fff;
	font-size: .875rem;
}

.navbox .nav .navlist a.active {
	background-color: #f9be12 !important;
}

.navbox .nav .navlist a:before {
	background-color: currentColor;
	border-radius: inherit;
	bottom: 0;
	color: inherit;
	content: "";
	left: 0;
	opacity: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	transition: opacity .2s cubic-bezier(.4, 0, .6, 1);
}

.navbox .nav .navlist a:hover:before {
	opacity: .08;
}

.main {
	margin-top: 140px;
	/* display: flex;
	flex: 1 0 auto; */
	max-width: 100%;
	transition: .2s cubic-bezier(.4, 0, .2, 1);
	font-family: Roboto, sans-serif;
	line-height: 1.5;
	color: rgba(0, 0, 0, .87);
}

.main:after {
	content: ;
	display: block;
	clear: both;
}

.banner {
	width: 100%;
	height: calc(100vh - 100px);
	position: fixed;
	top: 121px;
	overflow: hidden;
}

.banner ul.swiper-wrapper {
	z-index: -1;
}

.banner li {
	width: 100%;
}

.swiper-button-next,
.swiper-button-prev {

	transition: .5s;
	background-color: rgba(255, 255, 255, .5);
	box-sizing: border-box;
	width: 80px !important;
	height: 80px !important;
	border-radius: 50%;
	transform: scale(.7);
}

.swiper-button-next {
	right: -80px !important;
}

.swiper-button-next:hover {
	background-color: rgba(255, 255, 255, 1);
}

.swiper-button-prev {
	left: -80px !important;
}

.swiper-button-prev:hover {
	background-color: rgba(255, 255, 255, 1);
}

.banner:hover .swiper-button-prev {
	left: 10px !important;
}

.banner:hover .swiper-button-next {
	right: 10px !important;
}

.mouse {
	position: absolute;
	width: 90px;
	height: 90px;
	background: url(../images/mouse.png) no-repeat center/cover;
	animation: myMove 1s infinite;
	bottom: 3.5%;
	left: calc(50% - 45px);
	cursor: pointer;
}


.wap_banner {
	display: none;
}

@keyframes myMove {
	0% {
		bottom: 3.5%;
	}

	100% {
		bottom: 2.5%;
	}
}

.container {
	position: relative;
	background-color: white;
	margin-top: calc(100vh + 100px);
	padding: 12px;
	padding-bottom: 48px;
	max-width: 100%;
}

.one {
	background-color: rgb(229, 229, 229);
	padding-top: 48px !important;
	padding-bottom: 48px !important;
	margin-top: 40px !important;
	margin-bottom: 40px !important;
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
}

.one_1_box {
	height: 327px;
	max-height: 327px;
	border-radius: 4px;
	background-color: #fff;
	color: rgba(0, 0, 0, .87);
	padding-right: 48px !important;
	padding-left: 48px !important;
	border-color: #fff;
	border-width: thin;
	display: block;
	max-width: 100%;
	outline: none;
	text-decoration: none;
	transition-property: box-shadow, opacity;
	overflow-wrap: break-word;
	position: relative;
	white-space: normal;
}

.one_1_sort {
	font-weight: 700 !important;
	padding-top: 24px !important;
	padding-bottom: 24px !important;
	line-height: 1.25rem;
	letter-spacing: .0178571429em !important;
	font-size: .875rem !important;
	font-family: Roboto, sans-serif !important;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
	background: linear-gradient(#f8bf17 50%, #fff 0);
	background-size: 100% 200%;
	background-position: 0 96%;
	width: 60px;

}

.one_1_time {
	font-size: 30px;
	font-weight: 500 !important;
}

.one_1_title {
	font-size: 20px;
	font-weight: 500 !important;
	padding-top: 20px !important;
	padding-bottom: 20px !important;
	color: #f9be12 !important;
	caret-color: #f9be12 !important;
}

.one_1_desc {
	color: #9e9e9e !important;
	caret-color: #9e9e9e !important;
	font-weight: 400;
	line-height: 1.25rem;
	letter-spacing: .0178571429em !important;
	font-size: .875rem !important;
	font-family: Roboto, sans-serif !important;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.one_2_box,
.one_3_box {
	border-width: thin;
	display: block;
	max-width: 100%;
	outline: none;
	text-decoration: none;
	transition-property: box-shadow, opacity;
	overflow-wrap: break-word;
	position: relative;
	white-space: normal;
	box-shadow: 0 0 0 0 rgba(0, 0, 0, .2), 0 0 0 0 rgba(0, 0, 0, .14), 0 0 0 0 rgba(0, 0, 0, .12) !important;
	cursor: pointer;
	border-color: #fff;
	font-weight: 500 !important;
	text-align: center !important;
	color: rgba(0, 0, 0, .87);
	border-radius: 4px;
	height: 327px;
	width: 116px;
}

.one_2_box {
	background: linear-gradient(#0b53a2 50%, #fff 0);
	background-size: 100% 200%;
	background-position: 0 99%;
	background-color: #fff;
}

.one_3_box {
	background: linear-gradient(#e84331 50%, #fff 0);
	background-size: 100% 200%;
	background-position: 0 99%;
	background-color: #fff;
}

.one_2_box:hover,
.one_3_box:hover {
	background-position: 0 0;
	color: #fff;
	transition: background .3s ease;
}

.one_2_title,
.one_3_title {
	font-size: 24px;
	padding-top: 144px;
	margin-bottom: 20px;
	border-top-left-radius: inherit;
	border-top-right-radius: inherit;
}

.one_2_title_en,
.one_3_title_en {
	font-size: 18px;
	color: #9e9e9e !important;
	caret-color: #9e9e9e !important;
}

.one_2_box:hover .one_2_title_en,
.one_3_box:hover .one_3_title_en {
	color: #fff !important;
}

.two {
	margin-right: -12.4px !important;
	margin-left: -12.4px !important;
	display: flex !important;
}

.two_1 {
	padding-bottom: 10% !important;
}

.footer {
	font-family: Roboto, sans-serif;
	line-height: 1.5;
	align-items: center;
	display: flex;
	flex: 0 1 auto !important;
	flex-wrap: wrap;
	padding: 6px 16px;
	transition-duration: .2s;
	transition-property: background-color, left, right;
	transition-timing-function: cubic-bezier(.4, 0, .2, 1);
	position: relative;
	z-index: 3;
	color: #fff;
	border-radius: 0;
	font-size: 12px;
	background-color: #605d5d !important;
	border-color: #605d5d !important;
	box-shadow: 0 0 0 0 rgb(0 0 0 / 20%), 0 0 0 0 rgb(0 0 0 / 14%), 0 0 0 0 rgb(0 0 0 / 12%);
}


.foot {
	max-width: 1185px;
	width: 100%;
	padding: 12px;
	margin: auto;
}

.foot_box {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	font-family: Roboto, sans-serif;
	line-height: 1.5;
	margin: 15px 0;
}

.ny_1 {
	width: 100%;
	margin: 36px 0 40px;
}

.ny_banner {
	width: 100%;
	height: 150px;
}


.about_2a {
	background-color: rgb(229, 229, 229);
	font-family: Roboto, sans-serif;
	line-height: 1.5;
}

.about_2a_1 {
	padding-top: 15px;
	padding-bottom: 15px;
}

.en_title {
	color: #f9be12 !important;
	caret-color: #f9be12 !important;
	font-size: 28px;
}

.cn_title {
	color: #8b6700;
	font-size: 18px;
}

.cn_sign {
	color: #f9be12 !important;
	caret-color: #f9be12 !important;
	margin-top: 48px !important;
	font-size: 30px;
}

.en_sign {
	color: #9e9e9e !important;
	caret-color: #9e9e9e !important;
	font-size: 20px;
}

.about_content {
	color: #616161 !important;
	caret-color: #616161 !important;
	display: flex !important;
	margin-right: -12px !important;
	margin-left: -12px !important;
	align-items: center !important;
	justify-content: space-between !important;
	font-size: 16px;
}

.about_content .text {
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: 100%;
}

.about_content .image {
	user-select: none;
	width: 100%;
	height: 100%;
	color: hsla(0, 0%, 100%, 0);
	margin-right: 16px !important;
	margin-top: 8px !important;
	box-sizing: border-box;
}

.about_2a_2 {
	background-color: white;
}

.about_2a_2_content {
	align-items: center !important;
	justify-content: space-between !important;
}

.about_2a_2_content .text {
	padding-top: 15px;
	padding-bottom: 15px;
	max-width: 100%;
}

.about_2a_2_content .cn_sign,
.about_2a_2_content .en_sign {
	padding-left: 15px;
}

.about_3_title_box {
	padding-bottom: 15px;
	padding-top: 15px;
}

.about_3_content1,
.about_3_content2 {
	justify-content: space-between;
	color: #616161 !important;
	caret-color: #616161 !important;
	font-size: 20px;
}

.about_3_content2 {
	margin: 20px auto;
	padding-top: 15px;
	padding-bottom: 15px;
}

.about_3_content1 p,
.about_3_content2 p {
	padding-bottom: 8px;
	margin-bottom: 0;
}

.ny_nav {
	justify-content: space-between;
	height: 48px !important;
	max-height: 48px;
	margin-bottom: 40px;
}

.page-nav {
	display: flex;
	flex: 1 0 auto;
	position: relative;
	transition: .3s cubic-bezier(.25, .8, .5, 1);
	white-space: nowrap;
	height: 48px;
	align-items: center;
}

.page-nav a {
	display: block;
	width: 120px;
	height: 100%;
	line-height: 48px;
	text-align: center;
	font-size: .875rem;
	transition: .3s cubic-bezier(.25, .8, .5, 1);
	box-sizing: border-box;
}


.page-nav a.active {
	border-bottom: 2px solid #f9be12;
}

.page-nav a:hover {
	background-color: rgba(97, 97, 97, .2);
}

.location {
	display: flex;
	flex: 1 0 auto;
	position: relative;
	transition: .3s cubic-bezier(.25, .8, .5, 1);
	white-space: nowrap;
	height: 48px;
	align-items: center;
	letter-spacing: 1px;
}


.location a {
	display: block;
	height: 100%;
	line-height: 48px;
	text-align: center;
	font-size: .875rem;
	transition: .3s cubic-bezier(.25, .8, .5, 1);
	box-sizing: border-box;
}

.list-box {
	padding-top: 15px;
	padding-bottom: 15px;
	margin-bottom: 48px !important;
}

.bg-grey {
	background-color: #eee;
}

.list-title {
	margin-top: 28px !important;
	margin-bottom: 28px !important;
	margin-left: 28px !important;
}

.list-content {
	width: 100%;
}

.list-content ul:after {
	content: '';
	display: block;
	clear: both;
}

.list-content ul {}

.list-content ul li {
	float: left;
	width: 360px;
	margin-right: 25px;
	margin-left: 25px;
	margin-bottom: 5%;
	background-color: #fff;
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1);
	border-radius: 2px;
}

.list-content>ul>li:hover {
	box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
}



.list-content li .pic {
	padding-bottom: 57%;
}

.list-content li .text {
	padding: 20px;
	font-family: Roboto, sans-serif;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
}

.list-content li .text .list-date {
	font-size: 26px;
	font-weight: 700 !important;
}

.list-content li .text h2 {
	font-size: 18px;
	font-weight: normal;
	margin-top: 12px;
	margin-bottom: 24px;
	color: #424242 !important;
	caret-color: #424242 !important;
}

.list-content li .text p {
	font-size: 16px;
	color: #757575 !important;
	caret-color: #757575 !important;
	text-align: justify;
}



.listpage #pagesize ul {
	text-align: center;
	margin: 0;
	display: block;
}

.listpage #pagesize li {
	width: auto;
	margin: auto;
	background-color: unset;
	box-shadow: none;
	display: inline-block;
	float: none;
	padding-left: 0 !important;
    padding-right: 0 !important;
}

.listpage #pagesize li:after {
	display: none;
}

.list-content2 ul {
	display: flex;
	flex-direction: column;
	padding: 15px;
}

.list-content2 ul li {
	/* padding: 15px; */

	position: relative;
	box-sizing: border-box;
	margin-bottom: 10px;
	padding-bottom: 10px;
	transition: .3s cubic-bezier(.25, .8, .5, 1);
}

.list-content2>ul>li:hover {
	background-color: rgba(229 229 229 / 87%) !important;
}


.list-content2 ul li:after {
	content: '';
	display: block;
	width: 95.9%;
	height: 1px;
	background-color: #c1c0c0;
}

.list-content2 ul li a {
	display: flex;
	margin-bottom: 1%;

}

.list-content2 ul li a .text {
	color: #757575 !important;
	caret-color: #757575 !important;
	font-size: 16px;
	padding-top: 15px;
	padding-bottom: 15px;
}

.list-content2 ul li a .pic {
	height: 156px;
	max-height: 156px;
	max-width: 278px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-top: 10px;
}

.list-content2 .text .title {
	color: #000 !important;
	caret-color: #000 !important;
	font-weight: 500 !important;
	font-size: 18px;
}

.list-content2 .text p {
	margin-top: 15px !important;
	margin-bottom: 15px !important;
	text-align: justify;
}

.list-content2 .text .tips {
	display: flex;
	justify-content: space-between;
}

.list-content3 ul {
	display: flex;
	flex-wrap: wrap;
	flex: 1 1 auto;
	margin: -12px;
	padding-top: 16px !important;
}
.list-content3 ul li{
	padding-left: 12px !important;
	padding-right: 12px !important;
}
.list-content3 ul li .pic {
	width: 100%;
	padding-bottom: 54%;

	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
	transition: box-shadow .4s cubic-bezier(.25, .8, .25, 1);
	border-radius: 4px;
}

.list-content3 ul li p {
	display: inline-block;
	white-space: nowrap;
	width: 290px;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height: 1.5;
	padding: 8px;
}

.pa-12 {
	padding: 30px !important;
}

.text-center {
	text-align: center;
}

.news-content h1.text-center {
	font-size: 2em !important;
	font-weight: bold !important;
	color: rgba(0, 0, 0, .87);
	line-height: 1.5;
	font-family: Roboto, sans-serif;
}

.news-content p.text-center {
	font-size: 16px;
	line-height: 1.5;
	font-family: Roboto, sans-serif;
}

.news-content hr.mt-12 {
	border-color: rgba(0, 0, 0, .12);
	margin-top: 48px !important;
}

.news-content .my-6 {
	margin-top: 24px !important;
	margin-bottom: 24px !important;
}

.news-content {
	margin-bottom: 48px !important;
}

.news-content .d-md-flex {
	display: flex;
}

.news-content .news_nr p {
	text-align: justify;
}

.news-content .news_nr img {
	width: 100%;
	max-width: 100%;
}

.news-content .tj-title {
	font-size: 24px;
	font-weight: 500 !important;
	margin-right: 16px !important;
	margin-left: 16px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;
}

.tj-item {
	margin-right: 16px !important;
	margin-left: 16px !important;
	padding-top: 12px !important;
	padding-bottom: 12px !important;

}

.tj-item a {
	display: inline-block;
	white-space: nowrap;
	width: 13vw;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #616161 !important;
	caret-color: #616161 !important;
	font-size: 18px;
	position: relative;
	padding-left: 10px;
}

.tj-item a:before {
	content: '';
	display: block;
	width: 4px;
	height: 20px;
	background: #f9be12;
	position: absolute;
	left: 0;
	top: 2.5px;
}

.cqsl {
	justify-content: space-between !important;
	margin-top: 30px !important;
	margin-bottom: 48px !important;
	font-family: Roboto, sans-serif;
	line-height: 1.5;
	padding-top: 15px;
	padding-bottom: 15px;
	color: #616161 !important;
	caret-color: #616161 !important;
	font-size: 1.25rem !important;
	font-weight: 500;
	letter-spacing: .0125em !important;
	box-sizing: content-box;

}

.cqsl .title-box {
	margin-top: -12px !important;
	margin-bottom: -12px !important;
	justify-content: space-between !important;
	padding-bottom: 12px;
}

.cqsl .title {
	/* padding-top: 12px; */
	font-size: 30px;
	margin-bottom: 24px !important;
}

.cqsl .bg {
	padding-top: 15px;
	padding-bottom: 23.4138%;
}

.cqsl .more {
	margin-top: 20px;
	justify-content: space-between;
	box-sizing: border-box;
	padding-right: 15px;
}

.cqsl .more a {
	display: flex;
	background-color: #f9be12 !important;
	border-color: #f9be12 !important;
	color: #fff;
	min-width: 64px;
	height: 60px;
	align-items: center;
	justify-content: center;
	align-content: center;
	box-sizing: border-box;
}

.cqsl .more a .more-icon {
	width: 40px;
	height: 40px;
	background: url(../images/more.png) no-repeat center/cover;
}

.slcy .slcy-nr {
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Roboto, sans-serif;
	line-height: 1.5;
	color: rgba(0, 0, 0, .87);
}

.slcy .slcy-nr .title {
	padding-top: 15px;
	padding-bottom: 15px;
}

.slcy .slcy-nr .title span {
	display: block;
}

.slcy .slcy-nr .title span:nth-child(1) {
	font-size: 28px;
}

.slcy .slcy-nr .title span:nth-child(2) {
	font-size: 20px;
	color: #616161 !important;
	caret-color: #616161 !important;
}

.pad-tb {
	padding-top: 15px;
	padding-bottom: 15px;
}

.slcy-list .bg {
	padding-bottom: 75%;
}

.slcy-list .text {
	min-height: 185px;
	background-color: #fff;
	color: rgba(0, 0, 0, .87);
}

.slcy-list .text .title {
	padding: 16px;
	align-items: center;
	display: flex;
	flex-wrap: wrap;
	font-size: 1.25rem;
	font-weight: 500;
	letter-spacing: .0125em;
	line-height: 2rem;
	word-break: break-all;

}

.slcy-list .text .desc {
	font-size: 1rem !important;
	letter-spacing: .03125em !important;
	line-height: 1.5rem;
	font-weight: 300 !important;
	margin-right: 16px !important;
	margin-left: 16px !important;
}

.slcy-foot-img {
	padding-top: 48px !important;
	width: 100%;
	margin-bottom: 48px !important;
}

.slcy-foot-img .pic {
	padding-bottom: 30.4167%;
}

.cqsl-more-ny {
	margin-top: 35px !important;
	margin-bottom: 48px !important;
}

.more-ny_banner {
	padding-bottom: 41.6667%;
}

.title-line {
	margin-top: 15px;
	width: 90px;
	height: 3px;
	background: #f9be12;
}

.jj_content {
	line-height: 2rem;
	font-size: 1.25rem !important;
	font-weight: 500;
	letter-spacing: .0125em !important;
	margin-top: 48px !important;
	margin-bottom: 48px !important;
	color: #757575 !important;
	caret-color: #757575 !important;
	text-align: justify;
}

.bg-light-grey {
	background-color: #e5e5e5;
}

/*.kaiti {*/
/*	font-family: STKaiti, serif;*/
/*}*/

.tscx {
	margin-top: 48px !important;
	margin-bottom: 48px !important;
}

.tscx-list {
	padding-right: 48px !important;
	padding-left: 48px !important;
}

.tscx-list-title {
	margin-top: 32px !important;
	margin-bottom: 10px !important;
	color: #616161 !important;
	caret-color: #616161 !important;
	font-weight: bold;
}

.tscx-list-nr {
	color: #757575 !important;
	caret-color: #757575 !important;
	text-align: justify !important;
}

.yqgh-box {
	margin-top: 48px !important;
}

.yqgh .bg {
	padding-bottom: 57.3009%;
}

.yqgh .title,
.yqxz .title {
	font-size: 1.25rem !important;
	letter-spacing: .0125em !important;
	line-height: 2rem;
	margin-bottom: 32px !important;
}

.yqgh .pa-12 {
	padding: 48px !important;
}

.yqgh-nr,
.yqxz-nr {
	line-height: 32px;
	font-size: 18px;
	color: #757575 !important;
	caret-color: #757575 !important;
	margin-top: 28px !important;
	text-align: justify;
}

.yqxz .bg {
	padding-bottom: 82.3009%;
}

.yqxz .bg-grey.pa-12,
.yqgh .bg-grey.pa-12 {
	height: 640px;
	display: -webkit-box;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 16;
	box-sizing: border-box;
}

.jj_content img {
	width: 100%;
}

.xsyj {
	color: #757575 !important;
	caret-color: #757575 !important;
}

.xsyj .box {
	position: relative;
	width: 6.3vw;
	height: 145px;
	background: rgb(255, 255, 255);
	box-shadow: rgb(3 0 0 / 25%) 0px 2px 4px 0px;
	border-radius: 40px 0px;
	margin-bottom: 28px !important;
	margin-top: 8px !important;
}

.ipsc-icon {
	height: 24px;
	width: 24px;
	margin: 12px !important;
	position: absolute;
	right: 0px;
	top: 0px;
}

.ipsc-title {
	position: absolute;
	width: 100%;
	bottom: 5px;
	text-indent: 1em;
	padding-left: 20px;
	padding-right: 10px;

}

.xsyj .col-4:nth-child(2) .box {
	background-color: rgb(249 190 18);
}

.xsyj .col-4:nth-child(2) .box .ipsc-title {
	color: #fff;
}

.ipsc-nr p {
	margin-bottom: 0;
	font-size: .875rem !important;
	letter-spacing: .0108571429em !important;
	line-height: 1.25rem;
	font-weight: 400;
	font-family: Roboto, sans-serif !important;
	text-align: justify;
}

.xsyj-box {
	margin-top: 48px;
}

.pb-12 {
	padding-bottom: 48px !important;
}

.pa-6 {
	padding: 24px !important;
}

.contact {

	font-family: Roboto, sans-serif;
	line-height: 1.5;
}

.contact-icon {
	width: 36px;
	height: 36px;
	background: url(../images/tel.png) no-repeat center/cover;
}

.contact .mx-4 {
	margin-left: 16px !important;
	margin-right: 16px !important;
}

.rcln .bg {
	padding-bottom: 54%;
	margin-top: -15px;
}

.zp-icon {
	background: url(../images/zp-icon.png) no-repeat center/cover;
}

.pa-3 {
	padding: 12px !important;
}

.zp-list .title {
	font-size: 1.25rem !important;
	font-weight: 500;
	letter-spacing: .0125em !important;
	line-height: 2rem;
}

.zp-list :hover .title {
	color: #f9be12 !important;
	caret-color: #f9be12 !important;
}

.zp-list:hover .border {
	border-color: #f9be12 !important;
}

.zp-more {
	width: 100%;
	padding-right: 7px;
}

.zp-more a {
	display: block;
	height: 36px;
	line-height: 36px;
	min-width: 64px;
	padding: 0 16px;
	font-size: .875rem;
	transition: .2s cubic-bezier(.4, 0, .6, 1);
}

.zp-more a:hover {
	background: #f0f0f0;
}

.hr-foot-list {
	background: url(../images/notion_bg.12fd9a9a.png) no-repeat center / cover;
	margin-bottom: 32px;
}

.hr-foot-list .pic img {
	width: 100%;
}

.zp-nr-bg {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 999;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, .2);
	display: none;
}

.zp-nr-box {
	padding: 48px !important;
	box-sizing: border-box;
	max-width: 840px;
	height: 90vh;
	overflow-y: auto;
	margin-top: 70px;
	box-shadow: 0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%);
}

.colse {
	position: absolute;
	width: 50px;
	height: 40px;
	left: calc(50vw + 360px);
	top: 15px;
	border: 1px solid #fff;
	border-radius: 2px;
	cursor: pointer;
	text-align: center;
	line-height: 40px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

hr.my-10 {
	margin-top: 40px !important;
	margin-bottom: 40px !important;
}

.list-content3 ul li .pic:hover{
    box-shadow: 0 5px 5px -3px rgb(0 0 0 / 20%), 0 8px 10px 1px rgb(0 0 0 / 14%), 0 3px 14px 2px rgb(0 0 0 / 12%);
}


@media (max-width:750px) {
	.main {
		margin-top: 120px;
	}

	.search,
	.navbox,
	.banner {
		display: none;
	}

	.wap_nav_btn {
		display: block;
	}

	.header {
		width: 100vw;
		box-shadow: 1px 2px 6px #adb5bd;
		height: auto;
	}

	.header .top {
		max-width: 100%;
	}

	.wap_nav_box {
		width: 100vw;
		height: 100vh;
		position: fixed;
		top: 0;
		left: 0;
		z-index: 9999;
		overflow: hidden;
	}

	.wap_nav_bg {
		width: 100%;
		height: 100%;
		opacity: 0.46;
		background-color: rgb(33, 33, 33);
		border-color: rgb(33, 33, 33);

	}

	.wap_nav {
		width: 50vw;
		height: 100%;
		position: absolute;
		top: 0;
		left: -50vw;
		background-color: #FFF;
		box-shadow: 0 8px 10px -5px rgb(0 0 0 / 20%), 0 16px 24px 2px rgb(0 0 0 / 14%), 0 6px 30px 5px rgb(0 0 0 / 12%);
		transition-duration: .2s;
		transition-timing-function: cubic-bezier(.4, 0, .2, 1);
		will-change: transform;
		transition-property: transform, visibility, width;
		max-width: 100%;
		overflow: hidden;
		pointer-events: auto;
		z-index: 1;
	}

	.wap_nav ul {}

	.wap_nav ul li {
		width: 100%;
		margin: 0 auto;
	}

	.wap_nav ul li a {
		display: block;
		width: 100%;
		padding: 8px 20px;
		font-family: Roboto, sans-serif !important;
		font-size: 1.25rem !important;
		font-weight: 500;
		letter-spacing: .0125em !important;
	}

	.wap_nav ul li a.active {
		color: #f9be12;
		background-color: #fef7e3;
	}

	.two {
		width: 100vw;
		flex-wrap: wrap;
	}

	.two_1 {
		padding-bottom: 20% !important;
	}


	.wap_banner {
		display: block;
		position: relative;
		overflow-x: hidden;
	}

	.wap_banner img {
		width: 100%;
	}

	.wap_banner .swiper-pagination {
		bottom: -2px !important;
		z-index: 1;
	}



	.container {
		margin-top: 0;
	}

	.about_content {
		flex-direction: column;
	}

	.about_content .image {
		margin-left: 16px !important;
	}

	.list-content ul li {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

	.list-content3 ul li.col.col-auto {
		margin: auto;
	}

	.news-content>.d-md-flex {
		flex-direction: column;
	}

	.tj-item a {
		width: 100%;
	}

	.cqsl {
		box-sizing: border-box;
	}

	.cqsl .bg {
		padding-bottom: 47.4138%;
	}

	.cqsl .title-box {
		padding-top: 15px;
	}

	.cqsl .more a .more-icon {
		height: 34px;
	}

	.tscx .bg {
		padding-bottom: 97%;
	}

	.xsyj-box,
	.rcln {
		flex-direction: column;
	}

	.rcln>.bg1 {
		padding-bottom: 100%;
	}

	.xsyj .box {
		width: 20.3vw;
	}

	.xsyj-box .bg {
		padding-bottom: 54%;
		/* margin: auto; */
	}

	.colse {
		left: unset;
		right: 10px;
	}

	.row {
		margin: auto;
	}

	.zp-list {
		padding-right: 0;
		padding-left: 0;
	}

	
	.yqgh .bg-grey.pa-12,.yqxz .bg-grey.pa-12{
	    height: auto;
	    -webkit-line-clamp: unset;
	}
	.border .ml-4.col-10.pad-tb{
	    margin-left: 0 !important;
	    font-size: 14px;
	    padding-right: 0 !important;
	}
	.zp-nr-box .mt-7{
	    flex-direction: column !important;
	}
	.ipsc-title{
	    font-size: 15px !important;
	}
}