@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap');

/*common start*/
.scroll::-webkit-scrollbar {
	/*滚动条整体样式*/
	width: 4px;
	/*高宽分别对应横竖滚动条的尺寸*/
	height: 1px;
}

.scroll::-webkit-scrollbar-thumb {
	/*滚动条里面小方块*/
	border-radius: 10px;
	/*box-shadow:inset 0 0 2px #000;*/
	background: var(--primary-color);
}

.scroll::-webkit-scrollbar-track {
	/*滚动条里面轨道*/
	/*box-shadow:inset 0 0 2px #999;*/
	border-radius: 10px;
	background: #eee;
}

:root {
	--primary-color: #315b99;
	--secondary-color: #fa0ac4;
	--third-color: #25a4bb;
	--black000: #000;
	--black333: #333;
	--black666: #666;
	--black999: #999;
	--grayeee: #eee;
	--grayccc: #ccc;
	--grayaaa: #aaa;
	--grayf5: #f5f5f5;
	--white: #fff;
	--red: #f00;
	--black-opacity99: rgba(0, 0, 0, .99);
	--black-opacity90: rgba(0, 0, 0, .9);
	--black-opacity70: rgba(0, 0, 0, .7);
	--black-opacity50: rgba(0, 0, 0, .5);
	--black-opacity10: rgba(0, 0, 0, .1);
	--black-gradation90: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
	--white-opacity99: rgba(255, 255, 255, .99);
	--white-opacity90: rgba(255, 255, 255, .9);
	--white-opacity90: rgba(255, 255, 255, .7);
	--white-opacity50: rgba(255, 255, 255, .5);
	--white-opacity10: rgba(255, 255, 255, .1);
	--white-gradation90: linear-gradient(180deg, transparent, rgba(255, 255, 255, .9));
	--header-logo-height: 42px;
	--header-logo-max-width: 260px;
	--header-logo-menu-offset: 240px;
	--site-font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}

body,
div,
ul,
li,
a,
img,
p,
dl,
dt,
dd,
h1,
h2,
h3,
h4,
span,
strong,
input {
	margin: 0;
	padding: 0;
	list-style: none;
	text-decoration: none;
	border: 0;
	list-style: none;
	box-sizing: border-box;
}

body {
	font-size: 16px;
	font-family: var(--site-font-sans);
	font-weight: 300;
	color: #333;
	background-color: #fff;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	/* overflow-x: hidden; */
	min-height: 101vh;
	min-width: 1140px;
}

/* CMS 正文：英文无衬线、细体、左对齐，避免 justify / 多重   造成大间距 */
.wf-prose,
.wf-prose p,
.wf-prose li,
.wf-prose span,
.index01bg .index01_con01_right,
.index01bg .index01_con01_right p,
.index01bg .index01_con01_right span,
[class*="bg"] .content,
[class*="bg"] .content p,
[class*="bg"] .content span,
[class*="bg"] .des,
[class*="bg"] .des p,
[class*="bg"] .des span,
[class*="bg"] .right,
[class*="bg"] .right p,
[class*="bg"] .left .content,
[class*="bg"] .left .content p,
.leaderDetail02bg .content,
.leaderDetail02bg .content p,
.leaderDetail02bg .content span,
.investment01bg,
.investment01bg p,
.investment01bg span {
	font-family: var(--site-font-sans) !important;
	font-weight: 300 !important;
	text-align: left !important;
	text-align-last: left !important;
	text-justify: auto !important;
	word-spacing: normal !important;
	letter-spacing: normal;
}

.wf-prose strong,
.wf-prose b,
.index01bg .index01_con01_right strong,
[class*="bg"] .content strong {
	font-weight: 500 !important;
}

h1, h2, h3, h4, .h2, .h3,
.m11_head .menu>ul>li>a {
	font-weight: 400;
}

a {
	color: #666;
}

a:hover {
	color: var(--primary-color);
	text-decoration: none;
}

p {
	/* line-height: 1.5em;
	padding: 5px 0; */
}

.clear {
	margin: 0;
	padding: 0;
	font-size: 0;
	clear: both;
}

.wapper1 {
	width: 1140px;
	margin: 0 auto;
	min-width: 100px;
	padding: 0px 15px;
}

.wapper2 {
	width: 80%;
	margin: 0 auto;
}

.wapper3 {
	width: 70%;
	margin: 0 auto;
}

input,
textarea,
select {
	outline: none;
	font-family: var(--site-font-sans);
	font-size: 14px;
	border-radius: 8px;
}

input,
input:link,
input:visited,
input:hover,
input:active,
input:focus {
	outline: none;
}

img {
	object-fit: cover;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
}

.xiangqing img {
	width: auto !important;
	height: auto !important;
	max-width: 100%;
}

@media(max-width:999px) {
	p {
		padding: 0;
	}

	.wapper1 {
		width: 100%;
		min-width: 0;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.wapper2 {
		width: 90%;
	}

	.wapper3 {
		width: 90%;
	}

	:root {
		--font48: 28px;
		--font36: 24px;
		--font32: 22px;
		--font24: 20px;
		--font20: 18px;
		--font18: 16px;
		--font16: 14px;
		--font14: 12px;
	}
}

/*common end*/


.html {
	opacity: 1;
	visibility: visible;
	transition: all 2s ease;
}

.html.onload {
	opacity: 0;
	visibility: hidden;
}

.loading_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
	transition: all .5s ease;
}

.loading_box.removeload {
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
}

.loading_close1 {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.loadingbg {
	width: 90%;
	max-width: 750px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.loading {
	text-align: center;
}

.loading_logo {
	width: 200px;
	height: 200px;
	position: relative;
	margin: 0 auto;
}

.loading_logo img {
	max-width: 65%;
	max-height: 65%;
	width: auto;
	height: auto;
	object-fit: contain;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}

.loading_logo:before {}

.loading_txt {
	font-size: 20px;
	line-height: 30px;
	margin-top: 55px;
	color: var(--primary-color);
}

.loadEffect {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.loadEffect div {
	width: 100%;
	height: 100%;
	position: absolute;
	-webkit-animation: load 2s linear infinite;
}

.loadEffect div span {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: var(--primary-color);
	position: absolute;
	left: 50%;
	margin-top: -10px;
	margin-left: -10px;
}

@-webkit-keyframes load {
	0% {
		-webkit-transform: rotate(0deg);
	}

	10% {
		-webkit-transform: rotate(45deg);
	}

	50% {
		opacity: 1;
		-webkit-transform: rotate(160deg);
	}

	62% {
		opacity: 0;
	}

	65% {
		opacity: 0;
		-webkit-transform: rotate(200deg);
	}

	90% {
		-webkit-transform: rotate(340deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}

}

.loadEffect div:nth-child(1) {
	-webkit-animation-delay: 0.2s;
}

.loadEffect div:nth-child(2) {
	-webkit-animation-delay: 0.4s;
}

.loadEffect div:nth-child(3) {
	-webkit-animation-delay: 0.6s;
}

.loadEffect div:nth-child(4) {
	-webkit-animation-delay: 0.8s;
}

@media(max-width:999px) {
	.loading_txt {
		font-size: 16px;
		line-height: 26px;
		margin-top: 35px;
	}
}


/*首页全屏*/
.index_swiper {
	position: relative;
}

.index_swiper>.swiper-container {
	height: 100vh;
}

.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide {
	height: 100vh;
}

.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide:last-child {
	/* height:auto !important;*/
}

.index_swiper>.swiper-pagination {
	position: absolute;
	left: 3.12vw;
	top: 50%;
	transform: translateY(-50%);
	z-index: 11;
}

.index_swiper>.swiper-pagination .swiper-pagination-bullet {
	display: block;
	width: auto;
	height: auto;
	border-radius: 0;
	background: none;
	font-size: 14px;
	line-height: 34px;
	color: rgba(255, 255, 255, .7);
	padding-left: 1.56vw;
	position: relative;
	opacity: 1;
	outline: none;
}

.index_swiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: #fff;
	opacity: 1;
}

.index_swiper>.swiper-pagination .swiper-pagination-bullet:before {
	content: "";
	width: 5px;
	height: 5px;
	border-radius: 100%;
	border: 1px solid #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.index_swiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	background: #fff;
}

.index_swiper>.swiper-pagination .swiper-pagination-bullet:after {
	content: "";
	width: 3.12vw;
	height: 2px;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(-100%, -50%);
}

.index_swiper>.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	background: #fff;
}

.index_swiper>.swiper-pagination.active .swiper-pagination-bullet {
	color: #666;
}

.index_swiper>.swiper-pagination.active .swiper-pagination-bullet.swiper-pagination-bullet-active {
	color: var(--primary-color);
}

.index_swiper>.swiper-pagination.active .swiper-pagination-bullet:before {
	border-color: #D6D6D6;
}

.index_swiper>.swiper-pagination.active .swiper-pagination-bullet.swiper-pagination-bullet-active:before {
	border-color: var(--primary-color);
	background: var(--primary-color);
}

.index_swiper>.swiper-pagination.active .swiper-pagination-bullet.swiper-pagination-bullet-active:after {
	background: var(--primary-color);
}

@media(max-width:999px) {
	.index_swiper>.swiper-container {
		height: auto;
	}

	.index_swiper>.swiper-container>.swiper-wrapper {
		display: block;
	}

	.index_swiper>.swiper-container>.swiper-wrapper>.swiper-slide {
		height: auto;
	}
}



.m11_headbg {
	width: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	position: fixed;
	z-index: 55;
	left: 0;
	top: 0;
	padding: 16px 32px;
	height: 80px;
}

.m11_head {
	/* height: 80px; */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	/* -webkit-justify-content: space-between;
	justify-content: space-between; */
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.m11_head .logo {
	flex-shrink: 0;
	width: auto;
	max-width: var(--header-logo-max-width);
	height: var(--header-logo-height);
	position: relative;
	display: flex;
	align-items: center;
}

.m11_head .logo a {
	display: flex;
	align-items: center;
	height: 100%;
}

.m11_head .logo img {
	display: block;
	width: auto;
	height: var(--header-logo-height);
	max-width: var(--header-logo-max-width);
	object-fit: contain;
	object-position: left center;
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
}

.m11_head .rt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	width: 100%;
	margin-right: var(--header-logo-menu-offset);
}

.h_search_btn {
	display: none;
	width: 20px;
	height: 20px;
	cursor: pointer;
	background: url(../images/top_search_btn2.png) center no-repeat;
	margin-left: 1.3vw;
}

.h_search_btn.active {
	background-image: url(../images/chahao2.png);
}

.h_search_box {
	width: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	position: absolute;
	top: 100%;
	left: 0;
	z-index: 99;
	display: none;
}

.h_search_close1 {}

.h_searchbg {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}

.h_search_close2 {}

.h_search {
	padding: 40px 0;
}

.h_search form {
	height: 60px;
	border: 1px solid #ccc;
	border-radius: 8px;
	overflow: hidden;
}

.h_search form #search_keywords2 {
	float: left;
	border: none;
	background: none;
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
	width: calc(100% - 80px);
}

.h_search form #search2 {
	float: right;
	border: none;
	background: var(--primary-color) url(../images/ico_search1.png) center no-repeat;
	background-size: 50% auto;
	height: 60px;
	width: 60px;
	cursor: pointer;
	transition: all .3s ease;
	font-size: 0;
	color: transparent;
}

.h_search form #search2:hover {
	background-color: var(--secondary-color);
}

/*menu*/
.m11_head .menu {
	/* height: 80px;
	line-height: 80px; */
}

.m11_head .menu>ul {}

.m11_head .menu>ul>li {
	float: left;
	position: relative;
	padding: 0 26px;
}

.m11_head .menu>ul>li:hover::after {
	width: 90%;
	padding-left: 10px;
}

.m11_head .menu>ul>li:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 10px;
	width: 0;
	height: 1px;
	background-color: #315b99;
	transition: width .3s ease-in-out;
}

.m11_head .menu>ul>li>a {
	color: #0b1c31;
	display: block;
	font-size: 14px;
	font-weight: normal;
	position: relative;
	/* padding-bottom: 10px; */
	line-height: 37px;
}

.m11_head .menu>ul>li>a:after {
	content: "";
	border: solid #315b99;
	border-width: 0 2px 2px 0;
	display: inline-block;
	margin: 14px 0 0 7px;
	padding: 2px;
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	transition: transform .3s ease-in-out;
}

.m11_head .menu>ul>li>a:hover,
.m11_head .menu>ul>li:hover>a,
.m11_head .menu>ul>li.hover>a {
	color: var(--primary-color);
	font-weight: normal;
}

/* .m11_head .menu>ul>li>a:before {
	content: "";
	width: 0;
	height: 2px;
	background: var(--primary-color);
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	transition: all .3s ease;
} */

.m11_head .menu>ul>li>a:hover:before,
.m11_head .menu>ul>li:hover>a:before,
.m11_head .menu>ul>li.hover>a:before {
	width: 100%;
}

.m11_head .menu>ul>li>ul {
	width: fit-content;
	min-width: 320px;
	background: #fff;
	padding: 16px;
	/* box-shadow: 0 0 10px rgba(0, 0, 0, .1); */
	border-radius: 0px;
	position: absolute;
	top: 126%;
	left: 118%;
	transform: translate(-50%, 0);
	z-index: 5;
	display: none;
	border: 1px solid #315b99;
}

.m11_head .menu>ul>li>ul li {
	position: relative;
}

.m11_head .menu>ul>li>ul li a {
	color: var(--primary-color);
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 10px 7px;
	line-height: 1.5em;
	text-align: left;
	white-space: nowrap;
	padding-top: 0px;
}

.m11_head .menu>ul>li:last-child a::after {
	display: none;
}

.m11_head .menu>ul>li>ul li a:hover,
.m11_head .menu>ul>li>ul li:hover>a,
.m11_head .menu>ul>li>ul li.hover>a {
	font-weight: bold;
	color: var(--primary-color);
	/* color: #fff;
	background: var(--primary-color); */
}

.m11_head .menu>ul>li>ul li ul {
	width: 100%;
	background: #fff;
	padding: 10px 0;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: 10px;
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}

.m11_head .menu>ul>li>ul li:hover>ul {
	display: block;
}

.m11_head_height {
	height: 80px;
}

@media(max-width:1299px) {
	.m11_head .menu>ul>li {
	}

	.m11_head .menu>ul>li>a {
		font-size: 15px;
	}
}

@media(max-width:999px) {
	:root {
		--header-logo-height: 32px;
	}

	.m11_head_height {
		height: 60px;
	}

	.m11_headbg {}

	.m11_head {
		height: 60px;
	}

	.m11_head .logo {
		width: auto;
		max-width: var(--header-logo-max-width);
		height: var(--header-logo-height);
	}

	.m11_head .logo img {
		height: var(--header-logo-height);
		max-width: var(--header-logo-max-width);
	}

	.h_search {
		padding: 20px 0;
	}

	.h_search form {
		height: 40px;
	}

	.h_search form #search_keywords2 {
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		width: calc(100% - 60px);
	}

	.h_search form #search2 {
		height: 40px;
		width: 40px;
	}

	.m11_head .menu {
		display: none;
	}
}

/*nav*/
.m11_head .nav_open {
	width: 24px;
	height: 18px;
	cursor: pointer;
	display: none;
	position: relative;
	margin-left: 15px;
}

.m11_head .nav_open i,
.m11_head .nav_open:before,
.m11_head .nav_open:after {
	width: 24px;
	height: 2px;
	background: #999;
	position: absolute;
	left: 0;
	transition: all .3s ease;
}

.m11_head .nav_open i {
	top: 50%;
	transform: translate(0, -50%);
}

.m11_head .nav_open:before {
	content: "";
	top: 0;
}

.m11_head .nav_open:after {
	content: "";
	bottom: 0;
}

.m11_head .nav_open.active i {
	opacity: 0;
	visibility: hidden;
}

.m11_head .nav_open.active:before {
	transform: translateY(8px) rotate(45deg);
}

.m11_head .nav_open.active:after {
	transform: translateY(-8px) rotate(-45deg);
}

.m11_head .nav_box {
	width: 100%;
	height: calc(100% - 61px);
	border-top: 1px solid #ededed;
	position: fixed;
	left: 0;
	top: 60px;
	display: none;
}

.m11_head .nav_close1 {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 998;
}

.m11_head .navbg {
	width: 100%;
	height: 100%;
	background: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 999;
}

.m11_head .nav {
	position: relative;
}

.m11_head .nav_close2 {
	display: none;
}

.m11_head .nav_list {
	max-height: calc(100vh - 60px);
	overflow-y: auto;
}

.m11_head .nav_list ul {}

.m11_head .nav_list ul li {
	padding: 5px 5%;
}

.m11_head .nav_list>ul>li {
	border-bottom: 1px solid #ededed;
	padding: 10px 5%;
}

.m11_head .nav_list ul li span {
	display: block;
	position: relative;
}

.m11_head .nav_list ul li span a {
	display: inline-block;
	font-size: 12px;
	line-height: 22px;
	position: relative;
	z-index: 2;
}

.m11_head .nav_list>ul>li>span a {
	font-size: 14px;
	line-height: 24px;
	font-weight: normal;
}

.m11_head .nav_list ul li span i {
	width: 100%;
	height: 100%;
	background: url(../images/ico_down1.png) right center no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.m11_head .nav_list ul li ul {
	padding: 5px 0 0 0;
	display: none;
}

.m11_head .nav_list ul li.active>span>i {
	background-image: url(../images/ico_up1.png);
}

@media(max-width:999px) {
	.m11_head .nav_open {
		display: block;
	}
}


/*banner*/
.banner {
	position: relative;
	overflow: hidden;
}

.banner .swiper-container {}

.banner .swiper-slide {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.banner .swiper-slide.swiper-slide-active {
	z-index: 2;
}

.banner .swiper-slide img {
	display: block;
	width: 100%;
	height: 363px;
	background: #f9f9f9;
}

.banner .swiper-slide .txtbg {
	width: 80%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.banner .swiper-slide .txt {
	color: #fff;
	text-align: center;
}

.banner .swiper-slide .txt .h2 {
	font-size: 70px;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 1.04vw;
}

.banner .swiper-slide .txt .h3 {
	font-size: 25px;
	line-height: 1em;
}

.banner .swiper-pagination {
	height: 10px;
	bottom: 20px;
}

.banner .swiper-pagination span {
	display: inline-block;
	vertical-align: top;
	width: 10px;
	height: 10px;
	border-radius: 10px;
	margin: 0 8px;
	background: #fff;
	opacity: 1;
	transition: all .3s ease;
}

.banner .swiper-pagination span.swiper-pagination-bullet-active {
	width: 20px;
	background: #fff;
	opacity: 1;
}

.banner .swiper-button-prev,
.banner .swiper-button-next {
	width: 60px;
	height: 60px;
	margin-top: -30px;
	background-color: rgba(0, 0, 0, .5);
	background-size: 15px 30px;
	opacity: 0;
	transition: all .3s ease;
	border-radius: 8px;
}

.banner .swiper-button-prev {
	left: 5%;
	transform: translateX(-100%);
}

.banner .swiper-button-next {
	right: 5%;
	transform: translateX(100%);
}

.banner:hover .swiper-button-prev,
.banner:hover .swiper-button-next {
	opacity: .7;
	transform: translateX(0) !important;
}

.banner .swiper-button-prev:hover,
.banner .swiper-button-next:hover {
	opacity: 1;
}

@media(max-width:999px) {
	.banner .swiper-slide img {
		height: 50vw;
	}

	.banner .swiper-slide .txtbg {
		width: 90%;
	}

	.banner .swiper-slide .txt .h2 {
		font-size: 24px;
		line-height: 1.2em;
		margin-bottom: 5px;
	}

	.banner .swiper-slide .txt .h3 {
		font-size: 14px;
		line-height: 1.4em;
	}

	.banner .swiper-pagination {
		bottom: 10px;
	}

	.banner .swiper-button-prev,
	.banner .swiper-button-next {
		width: 40px;
		height: 40px;
		margin-top: -20px;
	}
}






.go_top {
	width: 50px;
	line-height: 50px;
	border-radius: 100%;
	text-align: center;
	color: #fff;
	background: rgba(0, 0, 0, .5) url(../images/ico_backtop.png) center no-repeat;
	position: fixed;
	z-index: 44;
	bottom: 10px;
	right: 10px;
	font-size: 0;
}

.go_top:hover {
	background-color: var(--primary-color);
	color: #fff;
}

.go_top i {}

@media(max-width:999px) {
	.go_top {
		display: none;
	}
}


/*客服*/
.m1_side_kefu_box {
	width: 70px;
	position: fixed;
	z-index: 44;
	right: 10px;
	bottom: 50px;
	display: none;
}

.m1_side_kefu {
	width: 70px;
	background: #fff;
	box-shadow: 0 2px 8px rgba(0, 0, 0, .1);
	border-radius: 8px;
	position: relative;
	right: 0;
	transition: all .5s ease;
}

.m1_side_kefu.active {
	right: -80px;
}

.m1_side_kefu ul li {
	position: relative;
	padding: 0 10px;
}

.m1_side_kefu ul li>a {
	display: block;
	padding: 10px 0;
	position: relative;
	z-index: 2;
	border-top: 1px solid #f5f5f5;
	color: #999;
}

.m1_side_kefu ul li:nth-child(1)>a {
	border: none;
}

.m1_side_kefu ul li .ico {
	height: 28px;
	position: relative;
}

.m1_side_kefu ul li .ico img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
}

.m1_side_kefu ul li .ico .img2 {
	display: none;
}

.m1_side_kefu ul li:hover .ico .img1 {
	display: none;
}

.m1_side_kefu ul li:hover .ico .img2 {
	display: block;
}

.m1_side_kefu ul li .h2 {
	font-size: 12px;
	line-height: 1em;
	margin-top: 10px;
	text-align: center;
}

.m1_side_kefu ul li:hover .h2 {
	color: var(--primary-color);
}

.m1_side_kefu ul li .boxbg {
	width: fit-content;
	padding: 0 10px 0 0;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translate(-50%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}

.m1_side_kefu ul li:hover .boxbg {
	transform: translate(0, -50%);
	opacity: 1;
	visibility: visible;
}

.m1_side_kefu ul li .box {
	width: fit-content;
	padding: 10px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	border-radius: 4px;
}

.m1_side_kefu ul li .box:before {
	content: "";
	border: 5px solid transparent;
	border-left: 5px solid #fff;
	position: absolute;
	top: 50%;
	margin-top: -5px;
	right: 0;
}

.m1_side_kefu ul li .box .h3 {
	white-space: nowrap;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	min-width: 150px;
}

.m1_side_kefu ul li .box .h3 img {
	vertical-align: top;
	height: 30px;
	width: 28px;
	object-fit: contain;
	margin-right: 5px;
}

.m1_side_kefu ul li .box .ewm {
	text-align: center;
}

.m1_side_kefu ul li .box .ewm .h4 {
	font-size: 16px;
	margin-bottom: 5px;
}

.m1_side_kefu ul li .box .ewm img {
	display: block;
	margin: 0 auto;
	width: 124px;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 4px;
}

.m1_side_kefu_btn {
	width: 28px;
	height: 28px;
	text-align: center;
	border-radius: 100%;
	background: #fff;
	color: #999;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	position: absolute;
	z-index: 66;
	bottom: -38px;
	right: 21px;
	cursor: pointer;
	transition: all .3s ease;
}

.m1_side_kefu_btn.active {
	transform: rotate(45deg);
}

.m1_side_kefu_btn i {
	display: block;
	width: 28px;
	height: 28px;
	background: url(../images/ico_btn1.png) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}

.m1_side_kefu_btn.active {}

.m1_side_kefu_btn i.m1_side_kefu_open {
	display: none;
}

.m1_side_kefu_btn i.m1_side_kefu_close {}

.m1_side_kefu_btn.active i.m1_side_kefu_open {
	display: block;
}

.m1_side_kefu_btn.active i.m1_side_kefu_close {
	display: none;
}

@media(max-width:999px) {
	.m1_fheight {
		height: 70px;
	}

	.m1_side_kefu_box {
		width: 100%;
		right: 0;
		top: auto;
		bottom: 0;
		transform: translateY(0);
		display: block;
	}

	.m1_side_kefu {
		width: 100%;
		border-radius: 0;
	}

	.m1_side_kefu.active {
		right: 0 !important;
	}

	.m1_side_kefu ul li {
		margin-bottom: 0;
		float: left;
		width: 25%;
		padding: 0;
	}

	.m1_side_kefu ul li>a {
		border: none;
		border-left: 1px solid #f5f5f5;
	}

	.m1_side_kefu ul li .h2 {
		font-size: 12px;
		line-height: 1em;
		margin-top: 8px;
	}

	.m1_side_kefu ul li.gotop {
		display: block !important;
	}

	.m1_side_kefu ul li .boxbg {
		padding: 0 0 10px 0;
		top: auto;
		bottom: 100%;
		right: auto;
		left: 50%;
		transform: translate(-50%, -20%) !important;
	}

	.m1_side_kefu ul li:hover .boxbg {
		transform: translate(-50%, 0) !important;
	}

	.m1_side_kefu ul li .box:before {
		border: 5px solid transparent;
		border-top: 5px solid #fff;
		position: absolute;
		top: auto;
		bottom: 0;
		margin-top: 0;
		margin-left: -5px;
		right: auto;
		left: 50%;
	}

	.m1_side_kefu ul li .box1 {
		display: none !important;
	}

	.m1_side_kefu_btn {
		display: none;
	}
}

/*客服2*/
.m1_side_kefu2_box {
	width: 40px;
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 44;
}

.m1_side_kefu2 {}

.m1_side_kefu2 ul li {
	width: 40px;
	margin: 1px 0;
	position: relative;
}

.m1_side_kefu2 ul li>a {
	display: block;
	text-align: center;
	background: var(--primary-color);
	color: #fff;
	opacity: .9;
}

.m1_side_kefu2 ul li>a:hover,
.m1_side_kefu2 ul li:hover>a {
	background: var(--primary-color);
	color: #fff;
	opacity: .9;
}

.m1_side_kefu2 ul li .ico {
	line-height: 40px;
	font-size: 20px;
}

.m1_side_kefu2 ul li .ico i {}

.m1_side_kefu2 ul li .boxbg {
	background: var(--primary-color);
	color: #fff;
	padding: 5px 10px;
	text-align: center;
	position: absolute;
	top: 50%;
	right: 100%;
	transform: translate(-10%, -50%);
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.m1_side_kefu2 ul li:hover .boxbg {
	transform: translate(0, -50%);
	opacity: .9;
	visibility: visible;
}

.m1_side_kefu2 ul li .box1 {}

.m1_side_kefu2 ul li .box1 .h3 {
	white-space: nowrap;
	line-height: 30px;
	font-size: 20px;
	text-align: center;
	min-width: 150px;
}

.m1_side_kefu2 ul li .box1 .h3 i {
	margin-right: 5px;
}

.m1_side_kefu2 ul li .box2 {
	padding: 5px 10px 10px 10px;
}

.m1_side_kefu2 ul li .box2 .h4 {
	font-size: 16px;
	margin-bottom: 5px;
}

.m1_side_kefu2 ul li .box2 img {
	display: block;
	width: 124px;
}

@media(max-width:999px) {
	.m1_side_kefu2_box {
		width: 30px;
		display: none;
	}

	.m1_side_kefu2 ul li {
		width: 30px;
	}

	.m1_side_kefu2 ul li .ico {
		line-height: 30px;
		font-size: 12px;
	}
}

.inbanner {
	position: relative;
}

.inbanner_box {
	position: relative;
}

.inbanner img {
	display: block;
	width: 100%;
	background: #f9f9f9;
	height: 460px;
}

.inbarbg {
	border-bottom: 1px solid #e7e7e7;
}

.inbar {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.weizhi {
	font-size: 14px;
	line-height: 60px;
}

.inner_menu {
	font-size: 16px;
}

.inner_menu ul {
	line-height: 60px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.inner_menu ul li {
	margin-left: 1px;
}

.inner_menu ul li a {
	display: block;
	padding: 0 2.08vw;
	border-radius: 4px;
}

.inner_menu ul li.hover a,
.inner_menu ul li a:hover {
	background: var(--primary-color);
	color: #fff;
}

.inner_menu ul li ul {
	display: none;
}

.inbar .goback {}

.inbar .goback a {
	color: #999;
	font-size: 20px;
}

.inbar .goback a:hover {
	color: #333;
}

@media(max-width:999px) {
	.inbanner img {
		width: 100%;
		min-height: 0;
		height: 322px;
	}

	.inbannerbg {
		min-height: 322px;
		height: auto;
	}

	.inbar {
		height: 40px;
	}

	.weizhi {
		font-size: 12px;
		line-height: 40px;
	}

	.inner_menu {
		display: none;
	}

}

.m11_insidebg {
	padding: 60px 0 80px 0;
	min-height: 40vh;
	background-image: url(../images/lineart2_0.png);
}

.m11_inside {}

.m11_inside_lt {
	float: left;
	width: 240px;
	/* margin-top:-160px;*/
}

.m1_side_a {
	width: 238px;
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: 1px solid #eee;
	margin-bottom: 30px;
	position: relative;
	z-index: 11;
	border-radius: 10px;
	overflow: hidden;
}

.m1_side_a.active {
	position: fixed;
	top: 150px;
}

.m1_side_a>ul {}

.m1_side_a.active>ul {
	max-height: calc(100vh - 100px);
	overflow-y: auto;
}

.m1_side_a h2 {
	font-size: 20px;
	line-height: 24px;
	padding: 20px 15px;
	font-weight: normal;
	background: var(--primary-color);
	color: #fff;
	border-bottom: 1px solid rgba(255, 255, 255, .5);
	letter-spacing: 2px;
}

.m1_side_a h2 strong {
	display: block;
	font-size: 24px;
	line-height: 28px;
}

.m1_side_a h2 span {
	display: block;
	margin-top: 6px;
	opacity: .7;
}

.m1_side_a ul li {}

.m1_side_a>ul>li:nth-child(1) {
	/* margin-bottom:10px; border:none;*/
}

.m1_side_a>ul>li {
	border-bottom: 1px solid #eee;
}

.m1_side_a>ul>li:last-child {}

.m1_side_a ul li a {
	display: block;
	font-size: 16px;
	line-height: 26px;
	padding: 7px 40px 7px 35px;
	background: url(../images/ico_list1.png) left 10px center no-repeat;
}

.m1_side_a ul li a:hover,
.m1_side_a ul li.hover>span a {
	color: #fff;
	background-color: var(--primary-color);
	background-image: url(../images/ico_list1_hover2.png);
}

.m1_side_a ul li.active>span a {}

.m1_side_a ul li span {
	display: block;
	position: relative;
}

.m1_side_a ul li span>i {
	width: 40px;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 2;
	cursor: pointer;
	background: url(../images/ico_list3.png) center no-repeat;
}

.m1_side_a ul li.active>span>i {
	background-image: url(../images/ico_list3_hover.png);
}

.m1_side_a ul li.hover span>i {
	background-image: url(../images/ico_list4.png);
}

.m1_side_a ul li.hover.active>span>i {
	background-image: url(../images/ico_list4_hover.png);
}

.m1_side_a ul li ul {
	padding-left: 20px;
	padding-bottom: 10px;
	display: none;
}

.m1_side_a ul li ul li {}

.m1_side_a ul li ul li a {
	padding-top: 7px;
	padding-bottom: 7px;
}

.m1_side_c {
	background: #fff;
	box-shadow: 0 0 15px rgba(0, 0, 0, .1);
	border: 1px solid #eee;
	border-radius: 10px;
}

.m1_side_c.lfixed {
	position: fixed;
	left: 0;
	bottom: 0;
	background: #f5f5f5;
	z-index: 22;
	transform: translateX(0);
	transition: all .3s ease;
	border-radius: 0;
}

.m1_side_c.lfixed.hiden {
	transform: translateX(-240px);
}

.m1_side_c.lfixed.shown {
	transform: translateX(0px);
}

.inLt_contact_btn {
	position: absolute;
	top: 0;
	left: 100%;
	display: none;
}

.m1_side_c.lfixed .inLt_contact_btn {
	display: block;
}

.inLt_contact_btn span {
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 2em;
	padding: 10px 5px;
	width: 20px;
	background: var(--primary-color);
	color: #fff;
	border-radius: 0 4px 4px 0;
	cursor: pointer;
}

.inLt_contact_btn .inLt_contact_close {
	display: block;
}

.inLt_contact_btn .inLt_contact_open {
	display: none;
}

.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_close {
	display: block;
}

.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_open {
	display: none;
}

.m1_side_c.lfixed.hiden .inLt_contact_btn .inLt_contact_close {
	display: none;
}

.m1_side_c.lfixed.hiden .inLt_contact_btn .inLt_contact_open {
	display: block;
}

.m1_side_c.lfixed.shown .inLt_contact_btn .inLt_contact_close {
	display: block;
}

.m1_side_c.lfixed.shown .inLt_contact_btn .inLt_contact_open {
	display: none;
}

.inLt_contact {
	/* background:#f5f5f5; border-radius:8px; padding:20px 0 10px 0;*/
	width: 240px;
}

.inLt_contact .h2 {
	font-size: 18px;
	line-height: 20px;
	padding: 15px 0 15px 70px;
	background: #f5f5f5 url(../images/ico_phone2.png) left 5px center no-repeat;
	background-size: auto 60px;
	color: var(--primary-color);
	position: relative;
	margin-bottom: 15px;
	border-radius: 10px 10px 0 0;
}

.m1_side_c.lfixed .inLt_contact .h2 {
	border-bottom: 1px solid #ddd;
	border-radius: 0;
}

.inLt_contact .h2:before {
	/* content:""; width:100%; border-bottom:1px solid #eee; position:absolute; left:0; bottom:-10px;*/
}

.inLt_contact .h2 span {
	display: block;
	margin-bottom: 6px;
}

.inLt_contact .h2 strong {
	display: block;
	font-size: 22px;
	line-height: 24px;
}

.inLt_contact .h3 {
	font-size: 16px;
	line-height: 26px;
	font-weight: bold;
	padding: 0 10px;
}

.inLt_contact ul {
	padding: 5px 10px 10px 10px;
}

.inLt_contact ul li {
	font-size: 14px;
	line-height: 24px;
	margin: 5px 0;
}

.inLt_contact ul li span {}

.inLt_contact ul li i {
	display: inline-block;
	text-align: center;
	width: 14px;
	line-height: 24px;
	font-size: 14px;
	margin-right: 5px;
	color: var(--primary-color);
}

.inLt_contact ul li i.fa-mobile {
	font-size: 20px;
}

.m11_inside_rt {
	float: right;
	width: calc(100% - 280px);
}

@media(max-width:1699px) {

	.m1_side_c.lfixed {
		transform: translateX(-240px);
	}

	.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_close {
		display: none;
	}

	.m1_side_c.lfixed .inLt_contact_btn .inLt_contact_open {
		display: block;
	}
}

@media(max-width:999px) {
	.m11_insidebg {
		padding: 30px 0 60px 0;
	}

	.m11_inside_lt {
		display: none;
	}

	.m11_inside_rt {
		float: right;
		width: 100%;
	}
}


.m11_news1 {}

.m11_news1_lt {
	float: left;
	/* width: calc(100% - 280px); */
	width: 100%;
}

.m11_news1_rt {
	float: right;
	width: 240px;
}

.m1_side_b {
	margin-bottom: 30px;
	background: #fff;
	padding: 10px;
}

.m1_side_b .h1 {
	font-size: var(--font20);
	line-height: 24px;
	padding-left: 30px;
	position: relative;
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
}

.m1_side_b .h1 i {
	width: 24px;
	height: 24px;
	background: url(../images/ico_hot.png) center no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.m1_side_b .list {
	margin-top: 20px;
}

.m1_side_b .list ul li {
	margin-bottom: 10px;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.m1_side_b .list ul li .nr_box {}

.m1_side_b .list ul li .imgbg {
	height: 0;
	opacity: 0;
	visibility: hidden;
	transform: translateY(50%);
	transition: all .5s ease;
}

.m1_side_b .list ul li .img {
	padding-bottom: 38%;
	position: relative;
	border-radius: 8px;
	overflow: hidden;
}

.m1_side_b .list ul li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
}

.m1_side_b .list ul li .txtbg {}

.m1_side_b .list ul li .txt {}

.m1_side_b .list ul li .txt .h2 {
	font-size: var(--font14);
	line-height: 24px;
	height: 24px;
	padding: 0 0 0 30px;
	position: relative;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.m1_side_b .list ul li .txt .h2 em {
	width: 24px;
	height: 24px;
	line-height: 24px;
	border-radius: 0 8px 0 8px;
	text-align: center;
	color: #999;
	font-style: normal;
	position: absolute;
	left: 0;
	top: 0;
}

.m1_side_b .list ul li .txt .h2 span {}

.m1_side_b .list ul li.active .imgbg {
	height: auto;
	opacity: 1;
	visibility: visible;
	transform: translateY(0);
}

.m1_side_b .list ul li.active .txtbg {
	width: 100%;
	background: linear-gradient(180deg, transparent, rgba(0, 0, 0, .9));
	position: absolute;
	bottom: 0;
	left: 0;
}

.m1_side_b .list ul li.active .txt .h2 {
	color: #fff;
}

.m1_side_b .list ul li:nth-child(1) .txt .h2 em {
	color: #FE2D46;
}

.m1_side_b .list ul li:nth-child(2) .txt .h2 em {
	color: #F60;
}

.m1_side_b .list ul li:nth-child(3) .txt .h2 em {
	color: #FAA90E;
}

.m1_side_b .list ul li.active .txt .h2 em {
	color: #fff;
}

.m1_side_b .list ul li.active:nth-child(1) .txt .h2 em {
	background: #FE2D46;
}

.m1_side_b .list ul li.active:nth-child(2) .txt .h2 em {
	background: #F60;
}

.m1_side_b .list ul li.active:nth-child(3) .txt .h2 em {
	background: #FAA90E;
}

@media(max-width:999px) {
	.m11_news1_lt {
		float: left;
		width: 100%;
	}

	.m11_news1_rt {
		float: right;
		width: 100%;
		display: none;
	}
}




/*地图*/
#allmap {
	width: 100%;
	height: 500px;
	background: #f9f9f9;
	border-radius: 10px;
}

@media(max-width:999px) {
	#allmap {
		width: 100%;
		height: 250px;
	}
}


/*详情*/
.m11_newsdetail {}

.m11_newsdetail .tit {
	border-bottom: 1px solid #eee;
	padding-bottom: 10px;
	text-align: center;
}

.m11_newsdetail .tit .h2 {
	font-size: 24px;
	line-height: 1.4em;
}

.m11_newsdetail .tit .h3 {
	font-size: 14px;
	line-height: 1.4em;
	color: #999;
	margin-top: 5px;
}

.m11_newsdetail .tit .h3 span {
	display: inline-block;
	margin: 0 20px 0 0;
}

.m11_newsdetail .list1 {
	padding: 40px 0;
}

@media(max-width:999px) {
	.m11_newsdetail .tit .h2 {
		font-size: 20px;
		line-height: 1.4em;
	}

	.m11_newsdetail .tit .h3 {
		font-size: 12px;
		line-height: 1.4em;
		margin-top: 5px;
	}

	.m11_newsdetail .tit .h3 span {
		margin: 0 10px 0 0;
	}

	.m11_newsdetail .list1 {
		padding: 20px 0;
		margin: 20px 0 0 0;
	}
}


/*上一个下一个*/
.prev_next {
	font-size: 14px;
	line-height: 34px;
	padding: 15px 0;
	border-top: 1px solid #eee;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.prev_next a {
	display: block;
	margin: 5px 0;
	max-width: 40%;
	height: 34px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

@media(max-width:999px) {
	.prev_next {
		font-size: 12px;
		line-height: 32px;
		padding: 15px 0;
		display: block;
	}

	.prev_next a {
		margin: 5px 0;
		max-width: 100%;
		height: 34px;
	}
}


/*.proDetail*/
.m11_proDetail {}

.m11_proDetail .list1 {
	margin-bottom: 2.08vw;
}

.m11_proDetail .list1 .lt {
	float: left;
	width: 40%;
}

div.zoomDiv {
	z-index: 999;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background: #ffffff;
	border: 1px solid #CCCCCC;
	display: none;
	text-align: center;
	overflow: hidden;
}

div.zoomMask {
	position: absolute;
	background: url(../images/mask.png) repeat scroll 0 0 transparent;
	cursor: move;
	z-index: 1;
}

.m1_galleryTop {
	border: 1px solid #eee;
	margin-bottom: 10px;
}

.m1_galleryTop .img {
	position: relative;
	padding-bottom: 100%;
	position: relative;
}

.m1_galleryTop .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
}

.m1_galleryThumbs {}

.m1_galleryThumbs .swiper-slide {}

.m1_galleryThumbs .swiper-slide .img {
	position: relative;
	padding-bottom: 100%;
	position: relative;
	border: 1px solid #eee;
	cursor: pointer;
}

.m1_galleryThumbs .swiper-slide .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
}

.m1_galleryThumbs .swiper-slide.swiper-slide-thumb-active .img {
	border-color: var(--primary-color);
}

.m11_proDetail .list1 .rt {
	float: right;
	width: 56%;
}

.m11_proDetail .list1 .rt .nr_box {}

.m11_proDetail .list1 .rt .h2 {
	font-size: 24px;
	line-height: 1.4em;
	margin-bottom: 10px;
	font-weight: bold;
}

.m11_proDetail .list1 .rt .h3 {
	font-size: 20px;
	line-height: 1.4em;
	margin-bottom: 20px;
}

.m11_proDetail .list1 .rt .h4 {
	font-size: 16px;
	line-height: 1.6em;
	margin-bottom: 40px;
}

.m11_proDetail .phone {
	font-size: 1.04vw;
	line-height: 1em;
	margin-bottom: 1.6em;
	color: var(--primary-color);
	padding: 0 0 0 5.2vw;
	position: relative;
}

.m11_proDetail .phone i {
	text-align: center;
	width: 4.16vw;
	line-height: 5.2vw;
	font-size: 4.16vw;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
}

.m11_proDetail .phone span {
	display: block;
	margin-bottom: .52vw;
}

.m11_proDetail .phone strong {
	display: block;
	font-size: 1.66vw;
	line-height: 1em;
}

.m11_prevnext2 {
	font-size: var(--font14);
	line-height: 2.5em;
	margin-bottom: 2.08vw;
}

.m11_prevnext2 ul li {
	float: left;
}

.m11_prevnext2 ul li:nth-child(2n) {
	float: right;
}

.m11_prevnext2 ul li a {
	display: block;
	border: 1px solid #eee;
	/* border-radius:40px;*/
	padding: 0 20px;
	min-width: 80px;
	text-align: center;
	background: #f5f5f5;
}

.m11_prevnext2 ul li a:hover {
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: #fff;
}

.m11_proDetail .list2 {
	border: 1px solid #eee;
	margin-bottom: 2.08vw;
}

.m11_proDetail .list2 .hd {
	font-size: var(--font14);
	line-height: 3em;
	border-bottom: 1px solid #eee;
}

.m11_proDetail .list2 .hd ul li {
	display: inline-block;
	vertical-align: top;
	font-size: var(--font14);
	line-height: 3em;
}

.m11_proDetail .list2 .hd ul li a {
	display: block;
	padding: 0 10px;
	min-width: 100px;
	text-align: center;
	border-right: 1px solid #eee;
	border-bottom: none;
}

.m11_proDetail .list2 .hd ul li.on a {
	color: #fff;
	background: var(--primary-color);
}

.m11_proDetail .list2 .xiangqing {
	padding: 20px;
}

.m11_proDetail .list2 .xiangqing img {
	max-width: 100%;
}

.m11_pro_related {
	border: 1px solid #eee;
}

.m11_pro_related>.h2 {
	font-size: var(--font14);
	line-height: 3em;
	border-bottom: 1px solid #eee;
}

.m11_pro_related>.h2 span {
	display: inline-block;
	vertical-align: top;
	font-size: var(--font14);
	line-height: 3em;
	padding: 0 10px;
	min-width: 100px;
	text-align: center;
	border-right: 1px solid #eee;
	color: #fff;
	background: var(--primary-color);
}

.m11_pro_related .index_product1 {
	padding: 20px 20px 0 20px;
}

.m11_pro_related .index_product1 ul li {
	width: calc((100% - 60px)/4);
}

.m11_pro_related .index_product1 ul li:nth-child(3n-2) {
	margin-left: 20px;
	clear: none;
}

.m11_pro_related .index_product1 ul li:nth-child(4n-3) {
	margin-left: 0;
	clear: left;
}

@media(max-width:999px) {
	.m11_proDetail .list1 {
		margin-bottom: 30px;
	}

	.m11_proDetail .list1 .lt {
		float: left;
		width: 100%;
		margin-bottom: 20px;
	}

	.m11_proDetail .list1 .rt {
		float: right;
		width: 100%;
	}

	.m11_proDetail .list1 .rt .h2 {
		font-size: 18px;
		line-height: 1.4em;
		margin-bottom: 0;
	}

	.m11_proDetail .list1 .rt .h3 {
		font-size: 16px;
		line-height: 1.4em;
		margin-bottom: 10px;
	}

	.m11_proDetail .list1 .rt .h4 {
		font-size: 14px;
		line-height: 1.6em;
		margin-bottom: 20px;
	}

	.m11_proDetail .phone {
		font-size: 14px;
		line-height: 1em;
		margin-bottom: 1.6em;
		padding: 15px 20px 15px 60px;
	}

	.m11_proDetail .phone i {
		width: 60px;
		line-height: 60px;
		font-size: 40px;
	}

	.m11_proDetail .phone span {
		margin-bottom: 5px;
	}

	.m11_proDetail .phone strong {
		font-size: 18px;
		line-height: 1em;
	}

	.m11_proDetail .list2 {
		margin-bottom: 30px;
	}

	.m11_proDetail .list2 .hd ul li a {
		min-width: 60px;
	}

	.m11_prevnext2 {
		margin-bottom: 30px;
	}

	.m11_pro_related .index_product1 ul li {
		width: calc((100% - 10px)/2);
	}

	.m11_pro_related .index_product1 ul li:nth-child(3n-2) {
		margin-left: 10px;
		clear: none;
	}

	.m11_pro_related .index_product1 ul li:nth-child(4n-3) {
		margin-left: 10px;
		clear: none;
	}

	.m11_pro_related .index_product1 ul li:nth-child(2n-1) {
		margin-left: 0;
		clear: left;
	}
}


/*搜索*/
.search_form {
	background: #f9f9f9;
	padding: 1.56vw;
	margin-bottom: 2.08vw;
	border-radius: 10px;
}

.search_form form {
	height: 2.6vw;
}

.search_form form #search_keywords {
	float: left;
	border: none;
	background: #fff;
	height: 2.6vw;
	line-height: 2.6vw;
	padding: 0 .5vw;
	width: calc(100% - 6.2vw);
}

.search_form form #search {
	float: right;
	border: none;
	width: 5.2vw;
	height: 2.6vw;
	line-height: 2.6vw;
	font-size: .84vw;
	background: var(--primary-color);
	color: #fff;
	cursor: pointer;
}

.search_form form #search:hover {
	opacity: .9;
}

@media(max-width:999px) {
	.search_form {
		padding: 10px;
		margin-bottom: 20px;
	}

	.search_form form {
		height: 40px;
	}

	.search_form form #search_keywords {
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
		width: calc(100% - 80px);
	}

	.search_form form #search {
		width: 60px;
		height: 40px;
		line-height: 40px;
		font-size: 14px;
	}
}




/*Add------------------------------------------------------------------------------*/

/*<!--弹窗2-->*/
.popup_tip2_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 10000;
	background: rgba(0, 0, 0, .6);
	/* display: none;*/
}

.popup_tip2bg {
	width: 100%;
	height: 100%;
	display: flex;
	align-items: center;
	justify-content: center;
}

.popup_tip2 {
	width: 440px;
	position: absolute;
	overflow: hidden;
	box-sizing: border-box;
	z-index: 10000;
	background-color: #fff;
	border-radius: 4px;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
}

.popup_tip2-body {
	width: 100%;
	height: calc(100% - 72px);
}

.zoomIn {
	-webkit-animation-duration: .3s;
	animation-duration: .3s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn;
}

@-webkit-keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.5, .5, .5);
		transform: scale3d(.5, .5, .5)
	}

	50% {
		opacity: 1
	}
}

@keyframes zoomIn {
	0% {
		opacity: 0;
		-webkit-transform: scale3d(.5, .5, .5);
		transform: scale3d(.5, .5, .5)
	}

	50% {
		opacity: 1
	}
}

@media(max-width:750px) {
	.popUpBox {
		width: 90%;
	}
}

.ts {
	padding: 20px 20px 20px 20px;
}

.ts .h2 {
	font-size: 18px;
	line-height: 28px;
	margin-bottom: 10px;
}

.ts .h3 {
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 14px;
	display: inline-block;
	position: relative;
	padding-left: 30px;
}

.ts .h3 img {
	display: inline-block;
	vertical-align: top;
	width: 24px;
}

.ts .h3 i {
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.success .ts i {
	background-image: url(../images/ico_success.png);
}

.error .ts i {
	background-image: url(../images/ico_error.png);
}

.warning .ts i {
	background-image: url(../images/ico_warning.png);
}

.ts .h3 span {}

.ts_btn {
	text-align: right;
	font-size: 12px;
	line-height: 32px;
}

.ts_btn a {
	display: inline-block;
	text-align: center;
	border-radius: 4px;
	width: 78px;
	border: 1px solid #1890ff;
	background: #1890ff;
	color: #fff;
	margin-left: 10px;
}

.ts_btn a:hover {
	border-color: #2e80e2;
	background: #2e80e2;
	color: #fff;
}

.ts_btn a.bg2 {
	border: 1px solid #ccc;
	background: #fff;
	color: #666;
}

.ts_btn a.bg2:hover {
	border-color: #1890ff;
	background: #fff;
	color: #1890ff;
}


/*提示框*/
.popup_tip_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999999;
}

.popup_tip_close1 {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.popup_tipbg {
	min-width: 100px;
	max-width: 750px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.popup_tip {
	border-radius: 8px;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.popup_tip_close2 {
	display: none;
}

.popup_tip_txt {
	padding: 15px 20px;
	text-align: center;
	font-size: 14px;
	line-height: 24px;
}

.popup_tip_txt span {
	display: inline-block;
	padding-left: 30px;
	position: relative;
}

.popup_tip_txt span i {
	width: 24px;
	height: 24px;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	position: absolute;
	left: 0;
	top: 0;
}

.success .popup_tip_txt span {
	color: #4ebb23;
}

.error .popup_tip_txt span {
	color: #f34b51;
}

.warning .popup_tip_txt span {
	color: #f1b306;
}

.success .popup_tip_txt span i {
	background-image: url(../images/ico_success.png);
}

.error .popup_tip_txt span i {
	background-image: url(../images/ico_error.png);
}

.warning .popup_tip_txt span i {
	background-image: url(../images/ico_warning.png);
}

@-webkit-keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@keyframes fadeInUp2 {
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0, 100%, 0);
		transform: translate3d(0, 100%, 0)
	}

	to {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

.fadeInUp2 {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-name: fadeInUp2;
	animation-name: fadeInUp2
}

/*联系弹窗*/
.proContact1_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.proContact1_close1 {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.proContact1_bg {
	width: 90%;
	max-width: 700px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.proContact1_close2 {
	width: 20px;
	height: 20px;
	background: url(../images/chahao2.png) center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	opacity: .9;
	transition: all .3s ease;
}

.proContact1_close2:hover {
	opacity: 1;
	transform: rotate(180deg)
}

.proContact1 {
	min-height: 260px;
	background: #fff;
	border-radius: 10px;
	position: relative;
	z-index: 2;
	padding-left: 235px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.proContact1>img {
	width: 230px;
	position: absolute;
	bottom: 0;
	left: 5px;
}

.proContact1_con {
	font-size: 16px;
	line-height: 20px;
}

.proContact1_con ul li {
	float: left;
	width: 50%;
	margin: 10px 0;
	color: var(--primary-color);
	padding-left: 50px;
	min-height: 40px;
	box-sizing: border-box;
	position: relative;
}

.proContact1_con ul li:nth-child(1) {
	width: 100%;
	padding-left: 0;
}

.proContact1_con ul li i {
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border-radius: 100%;
	background: var(--primary-color);
	color: #fff;
	font-size: 20px;
	position: absolute;
	left: 0;
	top: 0;
}

.proContact1_con ul li .h2 {
	font-size: 24px;
	line-height: 34px;
	font-weight: bold;
	color: var(--primary-color);
}

.proContact1_con ul li span {
	display: block;
	color: #333;
}

.proContact1_con ul li .h2 span {
	color: var(--primary-color);
}

@media(max-width:999px) {
	.proContact1 {
		min-height: 0;
		padding: 15px 5%;
	}

	.proContact1>img {
		width: 36%;
		bottom: auto;
		top: 0;
		left: 50%;
		transform: translate(-50%, -100%)
	}

	.proContact1_con {
		font-size: 14px;
		line-height: 18px;
	}

	.proContact1_con ul li {
		float: left;
		width: 100% !important;
		margin: 5px 0;
	}

	.proContact1_con ul li .h2 {
		font-size: 20px;
		line-height: 30px;
	}
}


/*留言咨询1*/
.tc_message_open1 {
	cursor: pointer;
	width: 60px;
	height: 60px;
	/* padding:10px;*/
	margin-top: -40px;
	border-radius: 100%;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	background: var(--primary-color) url(../images/ico_zxly1.png) center no-repeat;
	background-size: 40px auto;
	color: #fff;
	font-size: 0;
	line-height: 20px;
	text-align: center;
	position: fixed;
	z-index: 44;
	left: 0;
	top: 50%;
	animation: btnAnimation 1s linear infinite 0s forwards;
	display: none !important;
}

.tc_message_box {
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	display: none;
}

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

.tc_message_bg {
	width: 90%;
	max-width: 500px;
	background-image: linear-gradient(to bottom right, var(--primary-color), var(--third-color));
	border-radius: 10px;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 2;
}

.tc_message_close2 {
	width: 20px;
	height: 20px;
	background: url(../images/chahao.png) center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	transition: all .3s ease;
}

.tc_message_close2:hover {
	transform: rotate(180deg);
}

.tc_message {
	padding: 30px;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.tc_message_lt {
	width: 180px;
	font-size: 16px;
	line-height: 26px;
}

.tc_message_lt ul {}

.tc_message_lt ul li {}

.tc_message_lt ul li i {
	font-size: 20px;
	width: 16px;
	text-align: center;
	margin-right: 5px;
}

.tc_message_lt ul li i.fa-mobile {
	font-size: 24px;
}

.tc_message_lt ul li i.fa-envelope {
	font-size: 16px;
}

.tc_message_lt ul li .ewm {
	width: 150px;
	margin-top: 5px;
}

.tc_message_lt ul li .ewm img {
	display: block;
	margin: 0 auto;
	width: 100px;
	height: 100px;
	margin-bottom: 5px;
}

.tc_message_lt ul li .ewm span {
	display: block;
	background: #fff;
	color: var(--primary-color);
	font-size: 12px;
	line-height: 22px;
	text-align: center;
}

.tc_message_rt {
	width: calc(100% - 200px);
}

.tc_message .h2 {
	font-size: 20px;
	line-height: 30px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 20px;
}

.tc_message .message {}

.tc_message .message form {}

.tc_message .message ul li {
	margin-bottom: 10px;
}

.tc_message .message .input_text {
	border: 1px solid #ccc;
	background: #fff;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	width: calc(100% - 22px);
	border-radius: 4px;
}

.tc_message .message textarea {
	border: 1px solid #ccc;
	background: #fff;
	height: 56px;
	line-height: 28px;
	padding: 0 10px;
	width: calc(100% - 22px);
	border-radius: 4px;
}

.tc_message .message .input_button {
	border: 1px solid #333;
	background: #333;
	color: #fff;
	height: 30px;
	line-height: 28px;
	width: 80%;
	border-radius: 50px;
	cursor: pointer;
	display: block;
	margin: 0 auto;
	font-size: 16px;
}

.tc_message .h3 {
	font-size: 12px;
	line-height: 24px;
	text-align: center;
}

.tc_message .h3 span {
	font-size: 16px;
	color: var(--primary-color);
}

@media(max-width:999px) {
	.tc_message {
		padding: 30px;
		display: block;
	}

	.tc_message_lt {
		width: 100%;
		font-size: 14px;
	}

	.tc_message_lt ul {
		position: relative;
	}

	.tc_message_lt ul li {
		margin-top: 8px;
	}

	.tc_message_lt ul li:last-child {
		position: absolute;
		top: 0;
		right: 10px;
		margin-top: 0;
	}

	.tc_message_lt ul li .ewm {
		width: 90px;
		margin-top: 0;
	}

	.tc_message_lt ul li .ewm img {
		width: 90px;
		height: 90px;
		margin-bottom: 0;
	}

	.tc_message_lt ul li .ewm span {
		display: none;
	}

	.tc_message_rt {
		width: 100%;
		padding: 20px 0 0 0;
	}
}

@keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}

/* Firefox */
@-moz-keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}

/* Safari and Chrome */
@-webkit-keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}

/* Opera */
@-o-keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}


/*询盘*/
.pinquiry1_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	display: none;
}

.pinquiry1_close1 {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

.pinquiry1_bg {
	width: 600px;
	height: 700px;
	position: absolute;
	bottom: 0;
	right: 0;
	z-index: 2;
}

.pinquiry1_close2 {
	width: 53px;
	height: 53px;
	background: url(../images/chahao2.png) center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
	opacity: .9;
	transition: all .3s ease;
}

.pinquiry1_close2:hover {
	opacity: 1;
	transform: rotate(180deg)
}

.pinquiry1 {
	background: #fff;
	height: 600px;
	padding: 60px 30px 40px 30px;
	transform: scale(0) translate(100%, 100%);
	transition: all .5s ease;
	z-index: 2;
	transform-origin: bottom right;
}

.pinquiry1.fadeInRight2 {
	transform: scale(1) translate(0, 0);
}

.pinquiry1 .h2 {
	font-size: var(--font20);
}

.pinquiry1 .tips1 {
	font-size: 12px;
	line-height: 22px;
	color: #999;
}

.pinquiry1 .h2 .tips1 {
	display: inline-block;
	margin-left: 10px;
}

.pinquiry1 font {
	color: var(--red);
}

.pinquiry1_con {
	font-size: var(--font16);
	line-height: 32px;
	margin-top: 35px;
}

.pinquiry1_con dl {
	padding-left: 120px;
	position: relative;
	margin-top: 20px;
}

.pinquiry1_con dl dt {
	position: absolute;
	left: 0;
	top: 0;
	color: #999;
}

.pinquiry1_con dl dd {
	min-height: 32px;
}

.pinquiry1_con .input_text {
	border: 1px solid #eee;
	background: #fff;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	width: calc(100% - 22px);
	max-width: 300px;
}

.pinquiry1_con textarea {
	border: 1px solid #eee;
	background: #fff;
	border-radius: 4px;
	height: 100px;
	line-height: 30px;
	padding: 0 10px;
	width: calc(100% - 22px);
}

.pinquiry1_con .input_button {
	display: block;
	width: 100px;
	line-height: 32px;
	border-radius: 4px;
	background: var(--primary-color);
	color: #fff;
}

.pinquiry1_con .input_button:hover {
	opacity: .9;
}

.pinquiry1_con .yzm {}

.pinquiry1_con .yzm .input_text {
	float: left;
}

.pinquiry1_con .yzm #sendcode {
	float: right;
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: #fff;
	height: 32px;
	line-height: 30px;
	border-radius: 4px;
	width: calc(100% - 332px);
}

.pinquiry1_con .yzm img {
	float: left;
	height: 32px;
	margin-left: 10px;
}

.pinquiry1_con #proName {
	max-height: 84px;
	overflow-y: auto;
}

.pinquiry1_con #proName span {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #eee;
	background: #fff;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	padding: 0 32px 0 10px;
	position: relative;
	margin: 0 10px 10px 0;
	overflow: hidden;
}

.pinquiry1_con #proName span i {
	width: 12px;
	height: 12px;
	line-height: 10px;
	text-align: center;
	font-size: 12px;
	font-style: normal;
	border: 1px solid #f5f5f5;
	color: #999;
	cursor: pointer;
	position: absolute;
	top: 9px;
	right: 9px;
}

.pinquiry1_con #proName span i:hover {
	border-color: var(--primary-color);
	background: var(--primary-color);
	color: #fff;
}

@media(max-width:999px) {
	.pinquiry1_bg {
		width: 100%;
		height: 100%;
	}

	.pinquiry1_close2 {
		width: 40px;
		height: 40px;
		/* background-size:contain;*/
	}

	.pinquiry1 {
		height: calc(100% - 80px);
		padding: 40px 20px;
	}

	.pinquiry1_con dl {
		padding-left: 80px;
	}

	.pinquiry1_con .input_text {
		max-width: 100%;
	}

	.pinquiry1_con .yzm .input_text {
		width: calc(100% - 112px);
	}

	.pinquiry1_con .yzm #sendcode {
		width: 80px;
	}
}


.shopptingcart_loading {
	width: 50%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: fixed;
	z-index: 9999;
	top: 0;
	right: 0;
	text-align: center;
	color: #fff;
	font-size: 20px;
	line-height: 2em;
}

.loadEffect2 {
	width: 80px;
	height: 80px;
	position: relative;
	margin: 0 auto;
	margin-top: 30vh;
}

.loadEffect2 span {
	display: inline-block;
	width: 16px;
	height: 16px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	-webkit-animation: load 1.04s ease infinite;
}

@-webkit-keyframes load2 {
	0% {
		opacity: 1;
	}

	100% {
		opacity: 0.2;
	}
}

.loadEffect2 span:nth-child(1) {
	left: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-animation-delay: 0.13s;
}

.loadEffect2 span:nth-child(2) {
	left: 10px;
	top: 10px;
	-webkit-animation-delay: 0.26s;
}

.loadEffect2 span:nth-child(3) {
	left: 50%;
	top: 0;
	margin-left: -8px;
	-webkit-animation-delay: 0.39s;
}

.loadEffect2 span:nth-child(4) {
	top: 10px;
	right: 10px;
	-webkit-animation-delay: 0.52s;
}

.loadEffect2 span:nth-child(5) {
	right: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-animation-delay: 0.65s;
}

.loadEffect2 span:nth-child(6) {
	right: 10px;
	bottom: 10px;
	-webkit-animation-delay: 0.78s;
}

.loadEffect2 span:nth-child(7) {
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	-webkit-animation-delay: 0.91s;
}

.loadEffect2 span:nth-child(8) {
	bottom: 10px;
	left: 10px;
	-webkit-animation-delay: 1.04s;
}


@keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}

/* Firefox */
@-moz-keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}

/* Safari and Chrome */
@-webkit-keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}

/* Opera */
@-o-keyframes btnAnimation {
	0% {
		transform: scale(1);
	}

	50% {
		transform: scale(0.7);
	}

	100% {
		transform: scale(1);
	}
}


/*购物车*/
.proShoppingcart_box .shopptingcart_open {
	font-size: 0;
	width: 60px;
	height: 60px;
	border-radius: 100%;
	background: var(--primary-color) url(../images/ico_pbtn2.png) center no-repeat;
	background-size: 50% auto;
	position: fixed;
	top: 20%;
	right: 10%;
	cursor: pointer;
	z-index: 0;
	animation: btnAnimation 1s linear infinite 0s forwards;
}

.proShoppingcart_box .shopptingcart_open:hover {
	opacity: .9;
}

.tit_cart {}

.tit_cart .h2 {
	border-bottom: 1px solid #eee;
	font-size: 1.25vw;
	line-height: 1.5em;
}

.tit_cart .h2 span {
	display: inline-block;
	border-bottom: 2px solid var(--primary-color);
	color: var(--primary-color);
	padding-bottom: .26vw;
}

.shoppingcart_box {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	right: 0;
	z-index: 999;
	display: none;
}

.shoppingcart_close1 {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .1);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 1;
}

.shoppingcartbg {
	width: 50%;
	height: 100%;
	background: #fff;
	box-shadow: 0 0 10px rgba(0, 0, 0, .05);
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
	overflow-y: auto;
	transform: translateX(100%);
	transition: all .3s ease;
}

.shoppingcartbg.active {
	transform: translateX(0);
}

.shoppingcart_close2 {
	width: 20px;
	height: 20px;
	background: url(../images/chahao2.png) center no-repeat;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
	z-index: 3;
	opacity: .9;
	transition: all .3s ease;
}

.shoppingcart_close2:hover {
	opacity: 1;
	transform: rotate(180deg)
}

.shoppingcart {
	padding: 1.56vw;
}

.shoppingcart_list {
	margin-top: 1.04vw;
	margin-bottom: 1.56vw;
}

.shoppingcart_list_top {
	background: #f9f9f9;
	border: 1px solid #eee;
	margin-bottom: .52vw;
}

.shoppingcart_list_top table {}

.shoppingcart_list_top table th {
	font-weight: normal;
	text-align: center;
	padding: .78vw .52vw;
	font-size: .84vw;
	line-height: 1.5em;
}

.shoppingcart_list_top .w1 {
	width: 40%;
	text-align: left;
}

.shoppingcart_list_top .w2 {
	width: 15%;
}

.shoppingcart_list_top .w3 {
	width: 15%;
	padding-left: 0;
	padding-right: 0;
}

.shoppingcart_list_top .w4 {
	width: 15%;
}

.shoppingcart_list_top .w5 {
	width: 15%;
}

.shoppingcart_list_mid {
	border: 1px solid #eee;
	border-bottom: none;
	margin-bottom: .52vw;
	max-height: calc(14.04vw + 10px);
	overflow-y: auto;
}

.shoppingcart_list_mid table {}

.shoppingcart_list_mid table td {
	text-align: center;
	padding: .78vw .52vw;
	font-size: .72vw;
	line-height: 2em;
	border-bottom: 1px solid #eee;
}

.shoppingcart_list_mid .w1 {
	width: 40%;
	text-align: left;
}

.shoppingcart_list_mid .w1 .cart_pro {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.shoppingcart_list_mid .w1 .img {
	width: 3.12vw;
	height: 3.12vw;
	border: 1px solid #eee;
	position: relative;
}

.shoppingcart_list_mid .w1 .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
}

.shoppingcart_list_mid .w1 .h2 {
	width: calc(100% - 3.5vw);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.shoppingcart_list_mid .w2 {
	width: 15%;
}

.shoppingcart_list_mid .w3 {
	width: 15%;
	padding-left: 0;
	padding-right: 0;
}

.shoppingcart_list_mid .w3 .pronum {
	height: 1.56vw;
}

.shoppingcart_list_mid .w3 .pronum a {
	width: calc(1.56vw - 2px);
	height: calc(1.56vw - 2px);
	line-height: calc(1.56vw - 2px);
}

.shoppingcart_list_mid .w3 .pronum input {
	width: 2.6vw;
	height: calc(1.56vw - 2px);
	line-height: calc(1.56vw - 2px);
}

.shoppingcart_list_mid .w4 {
	width: 15%;
	font-weight: bold;
}

.shoppingcart_list_mid .w5 {
	width: 15%;
}

.shoppingcart_list_btm {
	border: 1px solid #eee;
}

.shoppingcart_list_btm table {}

.shoppingcart_list_btm table td {
	padding: .78vw .52vw;
	font-size: .84vw;
	line-height: 1.5em;
}

.shoppingcart_list_btm .w1 {
	width: 40%;
}

.shoppingcart_list_btm .w2 {
	width: 60%;
	text-align: right;
}

.shoppingcart_list_btm .w2 strong {
	color: #e64347;
	font-size: 20px;
}

.shoppingcart_form {}

.shoppingcart_form .h2 {
	font-size: 1.25vw;
	line-height: 1.5em;
	margin-bottom: .26vw;
}

.shoppingcart_form .message {}

.shoppingcart_form .message form {}

.shoppingcart_form .message ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	flex-wrap: wrap;
}

.shoppingcart_form .message ul li {
	width: calc((100% - 15px)/2);
	margin-top: .52vw;
}

.shoppingcart_form .message ul li.li1 {
	width: 100%;
}

.shoppingcart_form .message .input_text {
	border: 1px solid #eee;
	background: #fff;
	height: 2.08vw;
	line-height: 2.08vw;
	padding: 0 10px;
	width: calc(100% - 22px);
}

.shoppingcart_form .message textarea {
	border: 1px solid #eee;
	background: #fff;
	height: 6.24vw;
	line-height: 2.08vw;
	padding: 0 10px;
	width: calc(100% - 22px);
}

.shoppingcart_form .message .yzm {
	height: calc(2.08vw + 2px);
}

.shoppingcart_form .message .yzm img {
	float: right;
	width: 100px;
	height: calc(2.08vw + 2px);
}

.shoppingcart_form .message .input_text1 {
	border: 1px solid #eee;
	background: #fff;
	height: 2.08vw;
	line-height: 2.08vw;
	padding: 0 10px;
	width: calc(100% - 125px);
	float: left;
}

.shoppingcart_form .message .yzm #sendcode {
	float: right;
	width: 100px;
	height: calc(2.08vw + 2px);
	background: var(--primary-color);
	color: #fff;
	cursor: pointer;
}

.shoppingcart_form .message .yzm #sendcode:hover {
	opacity: .9;
}

.shoppingcart_form .message .input_button {
	display: block;
	margin: 0 auto;
	border: none;
	width: 100%;
	height: calc(2.08vw + 2px);
	line-height: calc(2.08vw + 2px);
	background: var(--primary-color);
	color: #fff;
	cursor: pointer;
	font-size: 12px;
}

.shoppingcart_form .message .input_button:hover {
	opacity: .9;
}

.yzm input[disabled] {
	background: #999 !important;
	cursor: not-allowed !important;
}

.shoppingcart .success {
	text-align: center;
	margin-top: 20vh;
}

.shoppingcart .success .h1 {
	font-size: 1.25vw;
	line-height: 2em;
	margin-top: .52vw;
}

.shoppingcart .success .h2 {
	font-size: .84vw;
	line-height: 1.5em;
	color: #999;
}

.shoppingcart .success input {
	display: block;
	margin: 0 auto;
	border: none;
	width: 20%;
	height: calc(2.08vw + 2px);
	line-height: calc(2.08vw + 2px);
	background: var(--primary-color);
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-size: 14px;
	margin-top: 1.3vw;
}

.shoppingcart .success input:hover {
	opacity: .9;
}

@media(max-width:999px) {
	.shopptingcart_loading {
		width: 100%;
	}

	.tit_cart .h2 {
		font-size: 20px;
		line-height: 1.5em;
	}

	.tit_cart .h2 span {
		padding-bottom: 5px;
	}

	.shoppingcartbg {
		width: 100%;
		height: 100%;
	}

	.shoppingcart {
		padding: 15px;
	}

	.shoppingcart_list {
		margin-top: 20px;
		margin-bottom: 20px;
	}

	.shoppingcart_list_top {
		display: none;
	}

	.shoppingcart_list_mid {
		margin-bottom: 15px;
		max-height: 44vh;
	}

	.shoppingcart_list_mid table tr {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		flex-wrap: wrap;
	}

	.shoppingcart_list_mid table td {
		padding: 10px 0;
		font-size: 12px;
		line-height: 24px;
		display: block;
	}

	.shoppingcart_list_mid .w1 {
		width: 100%;
		padding-left: 5px;
		padding-right: 5px;
		border: none;
		padding-bottom: 0;
	}

	.shoppingcart_list_mid .w1 .img {
		width: 40px;
		height: 40px;
	}

	.shoppingcart_list_mid .w1 .h2 {
		width: calc(100% - 45px);
		line-height: 16px;
	}

	.shoppingcart_list_mid .w2 {
		width: 24%;
	}

	.shoppingcart_list_mid .w3 {
		width: 28%;
	}

	.shoppingcart_list_mid .w3 .pronum {
		height: 24px;
		vertical-align: top;
	}

	.shoppingcart_list_mid .w3 .pronum a {
		width: 22px;
		height: 22px;
		line-height: 22px;
	}

	.shoppingcart_list_mid .w3 .pronum input {
		width: 44px;
		height: 22px;
		line-height: 22px;
	}

	.shoppingcart_list_mid .w4 {
		width: 24%;
	}

	.shoppingcart_list_mid .w5 {
		width: 24%;
	}

	.shoppingcart_list_btm table td {
		padding: 10px 5px;
		font-size: 12px;
		line-height: 1.5em;
	}

	.shoppingcart_list_btm .w2 strong {
		font-size: 20px;
	}

	.shoppingcart_form {}

	.shoppingcart_form .h2 {
		font-size: 20px;
		line-height: 1.5em;
		margin-bottom: 0;
	}

	.shoppingcart_form .message ul li {
		width: calc((100% - 10px)/2);
		margin-top: 10px;
	}

	.shoppingcart_form .message ul li.li1 {
		width: 100%;
	}

	.shoppingcart_form .message .input_text {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		width: calc(100% - 22px);
	}

	.shoppingcart_form .message textarea {
		height: 60px;
		line-height: 30px;
		padding: 0 10px;
		width: calc(100% - 22px);
	}

	.shoppingcart_form .message .yzm {
		height: 32px;
	}

	.shoppingcart_form .message .yzm img {
		width: 100px;
		height: 32px;
	}

	.shoppingcart_form .message .input_text1 {
		height: 30px;
		line-height: 30px;
		padding: 0 10px;
		width: calc(100% - 95px);
	}

	.shoppingcart_form .message .yzm #sendcode {
		width: 68px;
		height: 32px;
		font-size: 12px;
	}

	.shoppingcart_form .message .input_button {
		height: 32px;
		line-height: 32px;
		font-size: 12px;
	}

	.shoppingcart .success {}

	.shoppingcart .success img {
		max-width: 80px;
	}

	.shoppingcart .success .h1 {
		font-size: 20px;
		line-height: 2em;
		margin-top: 10px;
	}

	.shoppingcart .success .h2 {
		font-size: 12px;
		line-height: 1.5em;
	}

	.shoppingcart .success input {
		width: 30%;
		height: 32px;
		line-height: 30px;
		font-size: 12px;
		margin-top: 25px;
	}
}


/*筛选*/
.screen_btn {
	position: fixed;
	top: 100px;
	right: calc(15% - 40px);
	z-index: 11;
	display: none;
}

.screen_btn a {
	display: block;
	width: 40px;
	height: 40px;
	background-color: var(--secondary-color);
	background-position: center;
	background-repeat: no-repeat;
	background-size: 20px auto;
	background-image: url(../images/ico_screen.png);
}

.screen_close {
	font-size: 0;
	width: 40px;
	height: 40px;
	cursor: pointer;
	border-radius: 100%;
	background: url(../images/ico_btn1.png) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	right: calc(15% - 40px);
	z-index: 2;
	display: none;
}

.screen {}

.screen_box {
	width: 100%;
	font-size: 14px;
	line-height: 28px;
	background: #fff;
	box-shadow: 0 0 5px rgba(0, 0, 0, .1);
	border-radius: 4px;
	margin-bottom: 30px;
	position: relative;
	z-index: 22;
}

.screen_box>ul {
	position: relative;
	padding: 5px 15px 0 15px;
}

.screen_box>ul>li {
	position: relative;
	padding: 15px 0 5px 70px;
	position: relative;
	border-top: 1px solid #eee;
}

.screen_box>ul>li:first-child {
	border-top: none;
}

.screen_box>ul>li:nth-child(n+3) {
	display: none;
}

.screen_box.active>ul>li:nth-child(n+3) {
	display: block;
}

.screen_box>ul>li>span {
	display: block;
	font-size: 16px;
	line-height: 30px;
	position: absolute;
	left: 0;
	top: 15px;
}

.screen_box>ul>li .boxbg {
	/* height:35px;*/
	overflow: hidden;
	position: relative;
	/* padding-right:30px;*/
}

.screen_box>ul>li .boxbg.active {
	/* height:auto;*/
}

.screen_box .box_btn {
	display: none;
	padding-bottom: 15px;
}

.screen_box .box_btn i {
	display: block;
	margin: 0 auto;
	width: 30px;
	height: 30px;
	background: url(../images/ico_down1.png) center no-repeat;
	cursor: pointer;
}

.screen_box .box_btn i.i1 {}

.screen_box .box_btn i.i2 {
	background-image: url(../images/ico_list2.png);
	display: none;
}

.screen_box.active .box_btn i.i1 {
	display: none;
}

.screen_box.active .box_btn i.i2 {
	display: block;
}

.screen_box>ul>li .box {}

.screen_box>ul>li a {
	display: inline-block;
	padding: 0 15px;
	color: #999;
	border: 1px solid #f5f5f5;
	margin: 0 10px 10px 0;
	border-radius: 4px;
}

.screen_box>ul>li a:hover {
	color: var(--primary-color);
	border-color: var(--primary-color);
}

.screen_box>ul>li a.hover {
	color: #fff;
	border-color: var(--primary-color);
	background: var(--primary-color);
}

.screen.tfixed .screen_box {
	position: fixed;
	top: 100px;
	left: 0;
	z-index: 33;
	transform: translateY(-100%);
	transition: all .3s ease;
	opacity: 0;
	visibility: hidden;
}

.screen.tfixed.shown .screen_box {
	transform: translateY(0);
	opacity: 1;
	visibility: visible;
}

.screen.tfixed.hiden .screen_box {
	transform: translateY(-100%);
	opacity: 0;
	visibility: hidden;
}

.screen.tfixed .screen_box>ul {
	width: 70%;
	margin: 0 auto;
}

.screen.tfixed .screen_btn {
	display: block;
}

.screen.tfixed .screen_close {
	display: block;
}

/*.screen.active{ position:fixed; left:0; top:0; padding:0;}
.screen.active>ul{ width:70%; margin:0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: flex-start;
align-items: flex-start;}
.screen.active>ul>li{ width:100%; position:static; padding:0; border:none; cursor:pointer; text-align:center; }
.screen.active>ul>li>span{ position:relative; left:auto; top:auto; line-height:60px; display:inline-block;}
.screen.active>ul>li>span:after{ content:""; width:20px; height:100%; background:url(../images/ico_down1.png) center no-repeat; position:absolute; top:0; left:100%;}
.screen.active>ul>li:hover>span:after{ background-image:url(../images/ico_up1.png);}
.screen.active>ul>li .boxbg{ width:100%; background:#fff; box-shadow:0 0 5px rgba(0,0,0,.1); position:absolute; top:100%; left:0; display:none;}
.screen.active>ul>li:hover .boxbg{ display:block;}
.screen.active>ul>li .box{ width:70%; margin:0 auto; padding:20px 0;}*/
@media(max-width:1699px) {
	.screen_btn {
		right: calc(10% - 40px)
	}

	.screen_close {
		right: calc(10% - 40px)
	}

	.screen.tfixed .screen_box>ul {
		width: 80%;
	}

	/*.screen.active>ul{ width:80%;}
.screen.active>ul>li .box{ width:80%; }*/
}

@media(max-width:1279px) {
	.screen_btn {
		right: calc(5% - 40px)
	}

	.screen_close {
		right: calc(5% - 40px)
	}
}

@media(max-width:999px) {
	.screen_box {
		font-size: 12px;
		line-height: 24px;
		/* margin-top:35px;*/
		display: none;
	}

	.screen.tfixed .screen_box {
		top: 60px;
		display: block;
	}

	.screen_btn {
		right: 0
	}

	.screen_close {
		right: 0;
	}

	.screen_box>ul {
		max-height: calc(100vh - 120px);
		overflow-y: auto;
	}

	.screen_box>ul>li {
		/* margin-bottom:15px;*/
		padding-bottom: 10px;
		padding-left: 60px;
	}

	.screen_box>ul>li>span {
		font-size: 12px;
		line-height: 24px;
	}

	.screen_box>ul>li a {
		padding: 0 5px;
		margin: 0 5px 5px 0;
	}

	.screen.tfixed .screen_box>ul {
		width: 90%;
	}

	/*.screen.active>ul{ width:90%;}
.screen.active>ul>li .box{ width:90%; }*/
}







/*pro1*/
.index_product1 {}

.index_product1 ul li {
	float: left;
	width: calc((100% - 40px)/3);
	margin: 0 0 20px 20px;
	text-align: center;
	background: #fff;
}

.index_product1 ul li:nth-child(3n-2) {
	margin-left: 0;
	clear: left;
}

.index_product1 ul li .nr_box {
	border: 1px solid #eee;
	border-radius: 10px;
	overflow: hidden;
	transition: all .3s ease;
}

.index_product1 ul li:hover .nr_box {
	border-color: var(--primary-color);
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}

.index_product1 ul li .img {
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
	background: #f9f9f9;
}

.index_product1 ul li .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
}

.index_product1 ul li:hover .img img {
	transform: scale(1.1);
}

.index_product1 ul li .txtbg {}

.index_product1 ul li .txt {
	padding: 15px 5%;
	color: #666;
}

.index_product1 ul li .txt .h2 {
	font-size: 18px;
	line-height: 1.5em;
	height: 1.5em;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.index_product1 ul li:hover .txt .h2 {
	color: var(--primary-color);
}

.index_product1 ul li .txt .h3 {
	display: none;
}

@media(max-width:999px) {
	.index_product1 ul li {
		float: left;
		width: calc((100% - 10px)/2);
		margin: 0 0 20px 10px;
	}

	.index_product1 ul li:nth-child(3n-2) {
		margin-left: 10px;
		clear: none;
	}

	.index_product1 ul li:nth-child(2n-1) {
		margin-left: 0;
		clear: left;
	}

	.index_product1 ul li .txt {
		padding: 10px 5%;
	}

	.index_product1 ul li .txt .h2 {
		font-size: 14px;
		line-height: 1.5em;
		height: 1.5em;
	}
}


/*news1*/
.index_news1 {
	padding: 40px 0;
	background: #f2f2f2;
}

.index_news1 ul li {
	float: left;
	width: calc((100% - 20px)/2);
	margin: 0 0 20px 20px;
	background: #fff;
}

.index_news1 ul li:nth-child(2n-1) {
	margin-left: 0;
	clear: left;
}

.index_news1 ul li .nr_box {
	border: 1px solid #f2f2f2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.index_news1 ul li .imgbg {
	width: 25%;
}

.index_news1 ul li .img {
	padding-bottom: 70%;
	position: relative;
	overflow: hidden;
}

.index_news1 ul li .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
}

.index_news1 ul li:hover .img img {
	transform: scale(1.1);
}

.index_news1 ul li .txtbg {
	width: 75%;
}

.index_news1 ul li .txt {
	padding: 20px 20px;
	color: #666;
}

.index_news1 ul li .txt .h2 {
	font-size: .94vw;
	line-height: 1.5em;
	height: 1.5em;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.index_news1 ul li:hover .txt .h2 {
	color: var(--primary-color);
}

.index_news1 ul li .txt .h3 {
	font-size: .72vw;
	line-height: 1.5em;
	height: 3em;
	margin: 10px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.index_news1 ul li .txt .time {
	font-size: 14px;
	line-height: 24px;
	color: #999;
	padding-left: 24px;
	position: relative;
	margin: 10px 0 0 0;
}

.index_news1 ul li .txt .time i {
	width: 20px;
	height: 24px;
	background: url(../images/ico_time.png) center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
}

@media(max-width:999px) {
	.index_news1 ul li {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}
}


/*news2*/
.index_news2 {
	padding: 40px 0;
}

.index_news2 ul li {
	float: left;
	width: calc((100% - 20px)/2);
	margin: 0 0 0 20px;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}

.index_news2 ul li:nth-child(2n-1) {
	margin-left: 0;
	clear: left;
}

.index_news2 ul li .txt {}

.index_news2 ul li .txt .h2 {
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	padding-left: 25px;
	position: relative;
}

.index_news2 ul li .txt .h2:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #000;
	position: absolute;
	left: 0;
	top: 10px;
}

.index_news2 ul li .txt .h2 a {
	float: left;
	width: 70%;
	height: 26px;
	overflow: hidden;
	color: #333;
}

.index_news2 ul li:hover .txt .h2 a {
	color: var(--primary-color);
}

.index_news2 ul li .txt .h2 span {
	float: right;
	color: #999;
}

@media(max-width:999px) {
	.index_news2 ul li {
		float: left;
		width: 100%;
		margin: 0;
	}
}


/*news3*/
.index_news3 {
	padding: 40px 0;
}

.index_news3 ul li {
	float: left;
	width: calc((100% - 20px)/2);
	margin: 0 0 20px 20px;
}

.index_news3 ul li:nth-child(2n-1) {
	margin-left: 0;
	clear: left;
}

.index_news3 ul li .nr_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.index_news3 ul li .date {
	width: 80px;
	height: 80px;
	background: #f2f2f2;
	color: #999;
	text-align: center;
}

.index_news3 ul li .date strong {
	display: block;
	font-size: 36px;
	line-height: 36px;
	padding: 15px 0 2px 0;
}

.index_news3 ul li .date span {
	display: block;
	font-size: 12px;
	line-height: 12px;
}

.index_news3 ul li .txt {
	width: calc(100% - 100px);
	color: #666;
}

.index_news3 ul li .txt .h2 {
	font-size: .94vw;
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.index_news3 ul li .txt .h2 a {
	color: #333;
}

.index_news3 ul li:hover .txt .h2 a {
	color: var(--primary-color);
}

.index_news3 ul li .txt .h3 {
	font-size: .72vw;
	line-height: 1.5em;
	height: 3em;
	margin: 5px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media(max-width:999px) {
	.index_news3 ul li {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}
}


/*footnav*/
.f_nav {
	padding: 0;
	flex: 1 1 0;
	width: auto;
	min-width: 0;
	max-width: none;
}

.f_nav>ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
	flex-wrap: nowrap;
}

.f_nav ul li {
	margin-bottom: 10px;
	flex: 0 0 auto;
	min-width: 120px;
	max-width: 200px;
}

.f_nav ul li a {
	display: block;
	font-size: 13px;
	color: #fff;
	line-height: 24px;
}

.f_nav ul li ul li a {
	opacity: .7;
}

.f_nav>ul>li>a {
	font-size: 13px;
	line-height: 26px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #fff;
}



/*inner_news1*/
.inside_news1 {}

.inside_news1 ul li {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.inside_news1 ul li .nr_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.inside_news1 ul li .imgbg {
	width: 25%;
}

.inside_news1 ul li .img {
	position: relative;
	padding-bottom: 70%;
	overflow: hidden;
	border-radius: 10px;
}

.inside_news1 ul li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
	background: #f9f9f9;
}

.inside_news1 ul li:hover .img img {
	transform: scale(1.1);
}

.inside_news1 ul li .txtbg {
	width: 75%;
}

.inside_news1 ul li .txt {
	color: #666;
}

.inside_news1 ul li .txt .h2 {
	font-size: 18px;
	line-height: 1.5em;
	color: var(--primary-color);
	margin-bottom: 10px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.inside_news1 ul li:hover .txt .h2 {
	color: #333;
}

.inside_news1 ul li .txt .h3 {
	font-size: 14px;
	line-height: 1.5em;
	margin-bottom: 20px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.inside_news1 ul li .txt .time {
	font-size: 14px;
	line-height: 24px;
	color: #495057;
	padding-left: 21px;
	position: relative;
}

.inside_news1 ul li .txt .time i {
	width: 13px;
	height: 14px;
	background: url(../images/ico_time.png) center no-repeat;
	position: absolute;
	left: 0;
	top: 0;
	background-size: contain;
	margin-top: 4px;
}

@media(max-width:999px) {
	.inside_news1 ul li .txt .h2 {
		font-size: 14px;
		line-height: 1.5em;
		height: auto;
		-webkit-line-clamp: 2;
		margin-bottom: 5px;
	}

	.inside_news1 ul li .txt .h3 {
		display: none;
	}
}



/*inner_news2*/
.inside_news2 {}

.inside_news2 ul li {
	float: left;
	width: calc((100% - 20px)/2);
	margin: 0 0 0 20px;
	border-bottom: 1px solid #ccc;
	padding: 20px 0;
}

.inside_news2 ul li:nth-child(2n-1) {
	margin-left: 0;
	clear: left;
}

.inside_news2 ul li .txt {}

.inside_news2 ul li .txt .h2 {
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
	padding-left: 25px;
	position: relative;
}

.inside_news2 ul li .txt .h2:before {
	content: "";
	width: 6px;
	height: 6px;
	background: #000;
	position: absolute;
	left: 0;
	top: 10px;
}

.inside_news2 ul li .txt .h2 a {
	float: left;
	width: 70%;
	height: 26px;
	overflow: hidden;
	color: #333;
}

.inside_news2 ul li:hover .txt .h2 a {
	color: var(--primary-color);
}

.inside_news2 ul li .txt .h2 span {
	float: right;
	color: #999;
}

@media(max-width:999px) {
	.inside_news2 ul li {
		float: left;
		width: 100%;
		margin: 0;
	}
}


/*inner_news3*/
.inside_news3 {}

.inside_news3 ul li {
	float: left;
	width: calc((100% - 20px)/2);
	margin: 0 0 20px 20px;
}

.inside_news3 ul li:nth-child(2n-1) {
	margin-left: 0;
	clear: left;
}

.inside_news3 ul li .nr_box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: flex-start;
	align-items: flex-start;
}

.inside_news3 ul li .date {
	width: 80px;
	height: 80px;
	background: #f2f2f2;
	color: #999;
	text-align: center;
}

.inside_news3 ul li .date strong {
	display: block;
	font-size: 36px;
	line-height: 36px;
	padding: 15px 0 2px 0;
}

.inside_news3 ul li .date span {
	display: block;
	font-size: 12px;
	line-height: 12px;
}

.inside_news3 ul li .txt {
	width: calc(100% - 100px);
	color: #666;
}

.inside_news3 ul li .txt .h2 {
	font-size: .94vw;
	line-height: 1.5em;
	height: 1.5em;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.inside_news3 ul li .txt .h2 a {
	color: #333;
}

.inside_news3 ul li:hover .txt .h2 a {
	color: var(--primary-color);
}

.inside_news3 ul li .txt .h3 {
	font-size: .72vw;
	line-height: 1.5em;
	height: 3em;
	margin: 5px 0 0 0;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

@media(max-width:999px) {
	.inside_news3 ul li {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}
}

/*inpic1*/
.inside_picList1 {}

.inside_picList1 ul li {
	float: left;
	width: calc((100% - 40px)/3);
	margin: 0 0 20px 20px;
	text-align: center;
	background: #f0f0f0;
	border-radius: 10px;
	overflow: hidden;
}

.inside_picList1 ul li:nth-child(3n-2) {
	margin-left: 0;
	clear: left;
}

.inside_picList1 ul li .nr_box {}

.inside_picList1 ul li .img {
	padding-bottom: 64%;
	position: relative;
	overflow: hidden;
}

.inside_picList1 ul li .img img {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
	background: #f9f9f9;
}

.inside_picList1 ul li:hover .img img {
	transform: scale(1.1);
}

.inside_picList1 ul li .txtbg {
	position: relative;
}

.inside_picList1 ul li .txtbg:before {
	content: "";
	width: 100%;
	height: 100%;
	background: var(--primary-color);
	position: absolute;
	left: 0;
	top: 0;
	transition: transform .38s cubic-bezier(.4, 0, .2, 1);
	transform: scaleY(0);
	transform-origin: 50% 100% 0;
}

.inside_picList1 ul li:hover .txtbg:before {
	transform: scaleY(1);
	transform-origin: 50% 0 0;
}

.inside_picList1 ul li .txt {
	padding: 15px 5%;
	color: #666;
	position: relative;
	z-index: 2;
}

.inside_picList1 ul li .txt .h2 {
	font-size: 14px;
	line-height: 1.5em;
	height: 1.5em;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.inside_picList1 ul li:hover .txt .h2 {
	color: #fff;
}

.inside_picList1 ul li .txt .h3 {
	display: none;
}

@media(max-width:999px) {
	.inside_picList1 ul li {
		float: left;
		width: calc((100% - 10px)/2);
		margin: 0 0 20px 10px;
	}

	.inside_picList1 ul li:nth-child(3n-2) {
		margin-left: 10px;
		clear: none;
	}

	.inside_picList1 ul li:nth-child(2n-1) {
		margin-left: 0;
		clear: left;
	}

	.inside_picList1 ul li .txt {
		padding: 15px 5%;
	}

	.inside_picList1 ul li .txt .h2 {
		font-size: 14px;
		line-height: 1.6em;
		height: 1.6em;
	}
}

/*inphoto1*/
.inside_photo1 {}

.inside_photo1 ul li {
	float: left;
	width: calc((100% - 60px)/4);
	margin: 0 0 20px 20px;
	text-align: center;
}

.inside_photo1 ul li:nth-child(4n-3) {
	margin-left: 0;
	clear: left;
}

.inside_photo1 ul li .nr_box {
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px;
}

.inside_photo1 ul li .imgbg {
	position: relative;
	border-radius: 10px;
	overflow: hidden;
}

.inside_photo1 ul li .img {
	padding-bottom: 100%;
	position: relative;
	z-index: 1;
}

.inside_photo1 ul li .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
	background: #f9f9f9;
}

.inside_photo1 ul li:hover .img img {
	transform: scale(1.1);
}

.inside_photo1 ul li .imgbg:before {
	content: "";
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .3);
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.inside_photo1 ul li:hover .imgbg:before {
	opacity: 1;
	visibility: visible;
}

.inside_photo1 ul li i {
	width: 40px;
	height: 40px;
	background: url(../images/ico_search1.png) center no-repeat;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 3;
	opacity: 0;
	visibility: hidden;
	transition: all .3s ease;
}

.inside_photo1 ul li:hover i {
	opacity: 1;
	visibility: visible;
}

.inside_photo1 ul li .txtbg {}

.inside_photo1 ul li .txt {
	margin-top: 10px;
	padding: 0 5%;
	color: #666;
}

.inside_photo1 ul li .txt .h2 {
	font-size: 14px;
	line-height: 1.5em;
	height: 1.5em;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.inside_photo1 ul li:hover .txt .h2 {
	color: var(--primary-color);
}

.inside_photo1 ul li .txt .h3 {
	display: none;
}

@media(max-width:999px) {
	.inside_photo1 ul li {
		float: left;
		width: calc((100% - 10px)/2);
		margin: 0 0 20px 10px;
	}

	.inside_photo1 ul li:nth-child(4n-3) {
		margin-left: 10px;
		clear: none;
	}

	.inside_photo1 ul li:nth-child(2n-1) {
		margin-left: 0;
		clear: left;
	}
}


/*inside_download1*/
.inside_download1 {}

.inside_download1 ul li {
	border-bottom: 1px dashed #ccc;
	padding: 20px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.inside_download1 ul li:nth-child(1) {
	padding-top: 0;
}

.inside_download1 ul li>i {
	text-align: center;
	line-height: 40px;
	font-size: 40px;
	width: 40px;
	text-align: center;
	color: var(--primary-color);
}

.inside_download1 ul li .txt {
	width: calc(100% - 200px);
	position: relative;
}

.inside_download1 ul li .txt .h2 {
	font-size: 16px;
	line-height: 26px;
	height: 26px;
	overflow: hidden;
}

.inside_download1 ul li .txt .h2 a {
	color: #333;
}

.inside_download1 ul li:hover .txt .h2 a {
	color: var(--primary-color);
}

.inside_download1 ul li .txt .h3 {
	font-size: 14px;
	line-height: 24px;
}

.inside_download1 ul li .txt .h3 span {
	display: inline-block;
	margin: 0 20px 0 0;
	color: #999;
}

.inside_download1 ul li .down_btn {}

.inside_download1 ul li .down_btn a {
	display: block;
	background: var(--primary-color);
	color: #fff;
	width: 120px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
	border-radius: 4px;
}

.inside_download1 ul li .down_btn a:hover {
	opacity: .9;
}

.inside_download1 ul li .down_btn a i {
	margin-right: 5px;
	vertical-align: middle;
}

@media(max-width:999px) {
	.inside_download1 ul li {
		padding: 20px 0;
		flex-wrap: wrap;
	}

	.inside_download1 ul li .txt {
		width: calc(100% - 60px);
	}

	.inside_download1 ul li .txt .h2 {
		font-size: 16px;
		line-height: 26px;
		height: 26px;
	}

	.inside_download1 ul li .txt .h3 {
		font-size: 14px;
		line-height: 24px;
	}

	.inside_download1 ul li .txt .h3 span {
		margin: 0 10px 0 0;
	}

	.inside_download1 ul li .down_btn {
		width: 100%;
		margin-top: 10px;
	}

	.inside_download1 ul li .down_btn a {
		width: 100%;
		line-height: 40px;
		font-size: 14px;
	}
}

/*inpro1*/
.inside_product1 {}

.inside_product1 ul li {
	float: left;
	width: calc((100% - 40px)/3);
	margin: 0 0 20px 20px;
	text-align: center;
}

.inside_product1 ul li:nth-child(3n-2) {
	margin-left: 0;
	clear: left;
}

.inside_product1 ul li .nr_box {
	border: 1px solid #f2f2f2;
	border-radius: 10px;
	overflow: hidden;
	padding: 10px;
}

.inside_product1 ul li:hover .nr_box {
	background: #f4f4f4;
}

.inside_product1 ul li .img {
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.inside_product1 ul li .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
}

.inside_product1 ul li:hover .img img {
	transform: scale(1.1);
}

.inside_product1 ul li .txtbg {}

.inside_product1 ul li .txt {
	margin-top: 10px;
	padding: 0 5%;
	color: #666;
}

.inside_product1 ul li .txt .h2 {
	font-size: 16px;
	line-height: 1.5em;
	height: 1.5em;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}

.inside_product1 ul li:hover .txt .h2 {
	color: var(--primary-color);
}

.inside_product1 ul li .txt .h3 {
	display: none;
}

@media(max-width:999px) {
	.inside_product1 ul li {
		float: left;
		width: 100%;
		margin: 0 0 20px 0;
	}

	.inside_product1 ul li .txt .h2 {
		font-size: 14px;
		line-height: 1.5em;
		height: 1.5em;
	}
}

/*innewsClass1*/
.itit1 {}

.itit1 .h2 {
	height: 20px;
	line-height: 20px;
	font-size: 20px;
}

.itit1 .h2 strong {
	float: left;
	font-weight: bold;
	border-left: 5px solid var(--primary-color);
	padding-left: 5px;
}

.itit1 .h2 a {
	float: right;
	font-size: 14px;
	color: var(--primary-color);
}

.inside_newsClass1 {}

.inside_newsClass1_box {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

.inside_newsClass1 .ilist {
	padding: 10px 10px 0 10px;
}

.inside_newsClass1 .ilist ul li {
	height: 40px;
	line-height: 40px;
	padding-left: 15px;
	position: relative;
}

.inside_newsClass1 .ilist ul li:before {
	content: "";
	width: 6px;
	height: 6px;
	border-radius: 100%;
	background: #ccc;
	position: absolute;
	left: 0;
	top: 17px;
}

.inside_newsClass1 .ilist ul li a {
	float: left;
	width: 70%;
	height: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	font-size: 16px;
}

.inside_newsClass1 .ilist ul li span {
	float: right;
	font-size: 14px;
	color: #999;
}

/*inproClass1*/
.imore1 {}

.imore1 span {
	display: inline-block;
	vertical-align: top;
	border: 1px solid #fff;
	height: 38px;
	line-height: 38px;
	padding: 0 20px;
	font-size: 14px;
}

.imore1 span:hover {
	background: #fff;
	color: #333;
}

.inside_proClass1 {}

.inside_proClass1 ul li {
	float: left;
	width: calc((100% - 40px)/3);
	margin: 0 0 20px 20px;
	text-align: center;
	background: #fff;
	position: relative;
}

.inside_proClass1 ul li:nth-child(3n-2) {
	margin-left: 0;
	clear: left;
}

.inside_proClass1 ul li .nr_box {
	border: 10px solid #eee;
}

.inside_proClass1 ul li .img {
	padding-bottom: 100%;
	position: relative;
	overflow: hidden;
}

.inside_proClass1 ul li .img img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto auto;
	transition: all .3s ease;
}

.inside_proClass1 ul li:hover .img img {
	transform: scale(1.1);
}

.inside_proClass1 ul li .txtbg {
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, .5);
	position: absolute;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}

.inside_proClass1 ul li .txt {
	padding: 20px 5%;
	width: 90%;
	color: #fff;
}

.inside_proClass1 ul li .txt .h2 {
	font-size: 24px;
	line-height: 34px;
	height: 34px;
	overflow: hidden;
}

.inside_proClass1 ul li .txt .h3 {
	font-size: 14px;
	line-height: 24px;
	height: 48px;
	overflow: hidden;
	margin: 10px 0 0 0;
}

@media(max-width:999px) {
	.inside_proClass1 ul li {
		float: left;
		width: calc((100% - 20px)/2);
		margin: 0 0 20px 20px;
	}

	.inside_proClass1 ul li:nth-child(3n-2) {
		margin-left: 20px;
		clear: none;
	}

	.inside_proClass1 ul li:nth-child(2n-1) {
		margin-left: 0;
		clear: left;
	}
}


.m11_message1 {}

.m11_message1 .list1 {
	margin-top: 20px;
}

.m11_message1 .list1 img {
	display: block;
	width: 100%;
	background: #f9f9f9;
}

.m11_message1 .list2 {
	margin-top: 20px;
}

/*留言*/
.message1 {}

.message1 form {}

.message1 form ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: flex-end;
	align-items: flex-end;
	flex-wrap: wrap;
}

.message1 form ul li {
	width: 48%;
	margin: 0 0 20px 4%;
}

.message1 form ul li.li1 {
	width: 100%;
	margin-left: 0;
}

.message1 form ul li.li2 {
	text-align: right;
}

.message1 form ul li:nth-child(1),
.message1 form ul li:nth-child(3),
.message1 form ul li:nth-child(6) {
	margin-left: 0;
}

.message1 form .h3 {
	width: 100px;
	font-size: 14px;
	line-height: 24px;
	margin-bottom: 5px;
	color: #005ba3;
}

.message1 form .h3 font {
	color: #f00;
}

.message1 form .input_text {
	border: 1px solid #eee;
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: calc(100% - 22px);
}

.message1 form textarea {
	border: 1px solid #eee;
	background: #fff;
	height: 120px;
	line-height: 40px;
	padding: 0 10px;
	width: calc(100% - 22px);
	display: block;
}

.message1 form .yzm {
	height: 42px;
}

.message1 form .input_text1 {
	border: 1px solid #eee;
	background: #fff;
	height: 40px;
	line-height: 40px;
	padding: 0 10px;
	width: calc(100% - 132px);
	float: left;
}

.message1 form #sendcode {
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: #fff;
	height: 42px;
	line-height: 40px;
	width: 100px;
	cursor: pointer;
	transition: all .3s ease;
	float: right;
}

.message1 form #sendcode:hover {
	opacity: .9;
}

.message1 form #sendcode[disabled] {
	background: #999;
}

.message1 form .input_button {
	border: 1px solid var(--primary-color);
	background: var(--primary-color);
	color: #fff;
	height: 42px;
	line-height: 40px;
	width: 50%;
	max-width: 200px;
	cursor: pointer;
	transition: all .3s ease;
	margin-top: 20px;
}



@media(max-width:999px) {
	.message1 form ul {
		display: block;
	}

	.message1 form ul li {
		width: 100%;
		margin: 0 0 10px 0;
	}

	.message1 form ul li.li2 {
		text-align: center;
	}

	.message1 form .h3 {
		font-size: 14px;
		line-height: 1.8em;
		margin-bottom: 0;
	}

	.message1 form .input_text {
		height: 38px;
		line-height: 38px;
		padding: 0 10px;
		width: calc(100% - 22px);
		font-size: 14px;
	}

	.message1 form textarea {
		height: 100px;
		line-height: 38px;
		padding: 0 10px;
		width: calc(100% - 22px);
		font-size: 14px;
	}

	.message1 form .yzm {
		height: 40px;
	}

	.message1 form .input_text1 {
		height: 38px;
		line-height: 38px;
		padding: 0 10px;
		width: calc(100% - 132px);
		font-size: 14px;
	}

	.message1 form #sendcode1 {
		height: 40px;
		line-height: 38px;
		width: 100px;
		font-size: 14px;
	}

	.message1 form .input_button {
		height: 40px;
		line-height: 38px;
		width: 100%;
		max-width: 100%;
		font-size: 14px;
		margin-top: 10px;
	}
}


/*联系*/
.inside_contact1 {
	font-size: 16px;
	line-height: 1.8;
}

.inside_contact1 ul li {}

.inside_contact1 ul li h2 {
	font-size: 28px;
	line-height: 1.4;
	margin-bottom: 10px;
}

.inside_contact1 ul li i {
	display: inline-block;
	text-align: center;
	width: 1.56vw;
	height: 1.56vw;
	line-height: 1.56vw;
	margin-right: 5px;
	color: var(--primary-color);
}

.inside_contact1 ul li span {
	display: inline-block;
	width: 4.2vw;
	text-justify: inter-ideograph;
	text-align: justify;
	-moz-text-align-last: justify;
	text-align-last: justify;
}


.index01bg {
	padding-top: 48px;
}

.index01bg .index01_con01 {
	display: flex;
	flex-wrap: wrap;
}

.index01bg .index01_con01_left {
	width: 41%;
}

.index01bg .index01_con01_left .h2 {
	font-size: 46px;
	color: #163963;
	margin-bottom: 20px;
}

.index01bg .index01_con01_left .h3 {
	line-height: 38px;
	font-size: 26px;
	color: #6f6f71;
}

.index01bg .index01_con01_left .btn {
	margin: 20px 0 0;
	padding: 14px 20px;
	font-size: 19px;
	color: #163963;
	letter-spacing: 2px;
	border: 1px #163963 solid;
	border-radius: 3px;
	outline: 0;
	overflow: hidden;
	background: none;
	z-index: 1;
	display: inline-block;
	position: relative;
	clear: both;
}

.index01bg .index01_con01_left .btn:before {
	content: "";
	position: absolute;
	background: linear-gradient(to right, rgba(22, 57, 99), rgb(1, 80, 145));
	bottom: 0;
	left: 0;
	right: 100%;
	top: 0%;
	z-index: -1;
	-webkit-transition: right 0.2s ease-in;
	transition-timing-function: cubic-bezier(0.03, 0.3, 0.46, 0.26);
}

.index01bg .index01_con01_left .btn:hover:before {
	right: 0px;
}

.index01bg .index01_con01_left .btn:hover {
	color: #fff;
}

.index01bg .index01_con01_right {
	padding-top: 48px;
	width: 59%;
	padding: 0px 15px;
}

.index02bg {}

.index02bg ul li {
	padding-top: 48px;
	padding-bottom: 48px;
	background-image: url(../images/lineart2.png);
}

.index02bg ul li:nth-child(2n) {
	background-image: none;
}

.index02bg ul li .index02_con01 {
	padding-top: 48px;

}

.index02bg ul li .index02_con01 .index02_con01_left {
	padding: 0px 15px;
	width: 58%;
	float: left;
}

.index02bg ul li:nth-child(2n) .index02_con01 .index02_con01_left {
	float: right;
}

.index02bg ul li .index02_con01 .index02_con01_left .title {
	font-size: 46px;
	margin-bottom: 10px;
	color: #163963;
}

.index02bg ul li .index02_con01 .index02_con01_left .content {
	margin-bottom: 20px;
	line-height: 1.65;
}

.index02bg ul li .index02_con01 .index02_con01_left .content p {
	margin-bottom: 1em;
}

.index02bg ul li .index02_con01 .index02_con01_left > a {
	display: block;
	margin-top: 16px;
	clear: both;
}

.index02bg ul li .index02_con01 .index02_con01_left .btn {
	margin: 0;
	padding: 14px 20px;
	font-size: 19px;
	color: #163963;
	letter-spacing: 2px;
	border: 1px #163963 solid;
	border-radius: 3px;
	outline: 0;
	overflow: hidden;
	background: none;
	z-index: 1;
	display: inline-block;
	position: relative;
}

.index02bg ul li .index02_con01 .index02_con01_left .btn:before {
	content: "";
	position: absolute;
	background: linear-gradient(to right, rgba(22, 57, 99), rgb(1, 80, 145));
	bottom: 0;
	left: 0;
	right: 100%;
	top: 0%;
	z-index: -1;
	-webkit-transition: right 0.2s ease-in;
	transition-timing-function: cubic-bezier(0.03, 0.3, 0.46, 0.26);
}

.index02bg ul li .index02_con01 .index02_con01_left .btn:hover:before {
	right: 0px;
}

.index02bg ul li .index02_con01 .index02_con01_left .btn:hover {
	color: #fff;
}

.index02bg ul li .index02_con01 .index02_con01_right {
	width: 41%;
	padding: 0px 15px;
	float: left;
}

.index02bg ul li .index02_con01 .index02_con01_right .des {
	color: #6f6f71;
	font-size: 10px;
	text-align: center;
}

.index03bg,
.thoughtful02bg,
.investment03bg,
.investment05bg,
.sustainable02bg {
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.index03bg .index03bg_con01,
.thoughtful02bg .thoughtful02bg_con01,
.investment05bg,
.sustainable02bg {
	min-height: 300px;
	width: 100%;
	padding: 96px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	position: relative;
}

.index03bg_con01:after,
.thoughtful02bg_con01::after {
	background-color: rgba(22, 57, 99, .8);
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

.index03bg_con01_left {
	width: 50%;
	padding: 0px 15px;
	float: left;
	position: relative;
	z-index: 2;
}

.index03bg_con01_left .title,
.index03bg_con01_right .title {
	font-size: 33px;
	color: #fff;
	margin: 10px 0px;
}

.index03bg_con01_left .des,
.index03bg_con01_right .des {
	font-size: 18px;
	color: #fff;
	margin: 20px 0;
	line-height: 24px;
}

.index03bg_con01_left .des {
	margin-right: 20px;
}

.index03bg_con01_left .btn,
.index03bg_con01_right .btn {
	position: relative;
	height: auto;
	margin: 5px 0px;
	padding: 7px 20px;
	font-size: 19px;
	letter-spacing: 2px;
	border-radius: 3px;
	outline: 0;
	overflow: hidden;
	background: none;
	z-index: 1;
	cursor: pointer;
	transition: 0.23s ease-in;
	-o-transition: 0.23s ease-in;
	-ms-transition: 0.23s ease-in;
	-moz-transition: 0.23s ease-in;
	-webkit-transition: 0.23s ease-in;
	transition-timing-function: cubic-bezier(0.03, 0.3, 0.46, 0.26);
	width: 40%;
	color: #ffffff;
	border: 1px #ffffff solid;
	border-radius: 3px;
	text-align: center;
}

.index03bg_con01_right {
	width: 50%;
	float: left;
	padding: 0px 15px;
	position: relative;
	z-index: 2;
}

.footer {
	background-color: #163963;
	color: #fff;
	min-height: 0;
	padding: 48px 0 32px;
}

.footer_con01 {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: nowrap;
	gap: 24px 40px;
}

.footer_brand {
	flex: 0 0 280px;
	min-width: 240px;
	max-width: 32%;
}

.footer_logo img,
.footer_con01 .footer_logo img,
.footer_con01 img.logo_img {
	padding-top: 0;
	width: auto;
	max-width: 280px;
	height: auto;
	max-height: 48px;
	object-fit: contain;
	object-position: left center;
	display: block;
	image-rendering: auto;
	-ms-interpolation-mode: bicubic;
}

.footer_contact {
	margin-top: 28px;
	font-size: 14px;
	line-height: 1.55;
	font-weight: 300;
}

.footer_contact__heading {
	margin: 0 0 14px;
	font-size: 15px;
	font-weight: 500;
	letter-spacing: 0.02em;
	color: #fff;
}

.footer_contact__item {
	margin: 0 0 10px;
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 6px 10px;
	max-width: 100%;
}

.footer_contact__label {
	flex: 0 0 auto;
	color: rgba(255, 255, 255, 0.75);
	font-weight: 400;
	white-space: nowrap;
}

.footer_contact__label::after {
	content: ":";
	margin-left: 2px;
}

.footer_contact__value {
	flex: 1 1 auto;
	min-width: 0;
	word-break: break-word;
	overflow-wrap: anywhere;
}

.footer_contact__link {
	color: #fff;
	text-decoration: none;
}

.footer_contact__link:hover {
	color: #90b9df;
	text-decoration: underline;
}

.footer_con02 .content {
	width: 66%;
}

.footer_con02 .copy {
	font-size: 10px;
	text-align: right;
}

.footer_con02 .copy p{
text-align: left;
}

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

.divider {
	border-top: 1px solid #FFFFFFB2;
	opacity: .7;
	margin: 1rem 0;
}

.leadership01bg ul {
	display: flex;
	flex-wrap: wrap;
}

.leadership01bg ul li {
	width: 25%;
	text-align: center;
}

.leadership01bg ul li:hover {
	background-color: #f5f5f580;
	border-radius: 8px;
}

.leadership01bg ul li .h3 {
	color: #062347;
	font-size: 20px;
	font-weight: 500;
	letter-spacing: 1px;
	padding-bottom: 0px;
	padding-top: 10px;
	margin-bottom: 5px;
	text-shadow: 1px 1px 1px #ececec;
	text-align: center;
}

.leadership01bg ul li:hover {
	transform: scale(1.05);
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease;
	cursor: default;
}

.leadership01bg ul li .h4 {
	color: #6f6f71;
	font-size: 13px;
	margin-bottom: 20px;
	text-align: center;
	font-weight: lighter;
}

.leadership01bg ul li img {
	width: 200px;
	height: 200px;
	margin-top: 15px;
	object-fit: cover;
	object-position: center top;
	border-radius: 10px;
}

.leadership01bg ul li a {
	display: block;
	padding: 12px 10px 20px;
}

.leaderDetail01bg {
	min-height: 272px;
	width: 100%;
	background-color: #f5f3ef;
	padding-top: 48px;
}

.leaderDetail01_con02 {
	padding-left: 15px;
}

.leaderDetail01_con01 {
	display: flex;
}

.leaderDetail01_con01 img {
	width: 160px;
	height: 160px;
	padding: 0px 15px;
}

.leaderDetail01_con02 .title {
	color: #163963;
	font-size: 46px;
	margin-bottom: 8px;
}

.leaderDetail01_con02 .des {
	font-size: 20px;
	color: #495057;
}

.leaderDetail01_con03 {
	margin-top: 33px;
	display: flex;
}

.leaderDetail01_con03_left .name,
.leaderDetail01_con03_right .name {
	font-size: 12.8px;
	color: #495057;
	margin-bottom: 5px;
}

.leaderDetail01_con03_left .val {
	font-size: 16px;
	color: var(--primary-color);
	font-weight: bold;
}

.leaderDetail01_con03_right {
	border-left: .063rem solid #ddd7c9;
	padding-left: 10px;
}

.leaderDetail01_con03_right .val {
	font-size: 16px;
	color: var(--primary-color);
	font-weight: bold;
}

.leaderDetail02bg .content {
	margin-top: 60px;
}

.banner_cen01 {
	width: 634px;
	height: 258px;
	padding: 50px;
	position: absolute;
	top: 23%;
	left: 20%;
	background-color: rgba(22, 57, 99, .8);
}

.banner_cen01 .title {
	font-size: 60px;
	color: #fff;
}

.inbannerbg {
	position: relative;
	height: 460px;
}

.inbannerbg:empty {
	height: 0 !important;
	min-height: 0 !important;
}

.banner_cen01 .title::after {
	content: "";
	width: 70px;
	height: 5px;
	border-radius: 5px;
	display: block;
	margin: 10px 0;
	background-color: #f68d27;
}

.banner_cen01 .remark {
	font-size: 18px;
	color: #fff;
}

.news01bg .title {
	font-size: 26px;
	color: var(--primary-color);
	padding-top: 60px;
}

.banner_cen02 {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0%;
	top: 0px;
	text-align: center;
	margin: auto;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.banner_cen02:after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(22, 57, 99, .8);
}

.banner_cen02 .title {
	font-size: 61px;
	color: #fff;
	position: relative;
	z-index: 9;
}

.banner_cen02 .remark {
	font-size: 28px;
	color: #fff;
	padding-top: 25px;
	width: 50%;
	position: relative;
	z-index: 9;
}

.thoughtful01bg .title01 {
	color: #6f6f71;
	font-size: 24px;
	line-height: 40px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: center;
	min-height: 100px;
}

.thoughtful01bg ul li {
	padding: 48px 0px;
}

.thoughtful01bg ul li .thoughtful01_con01_left {
	width: 33%;
	float: left;
}

.thoughtful01bg ul li:nth-child(2n) .thoughtful01_con01_left {
	width: 33%;
	float: right;
}

.thoughtful01bg ul li .thoughtful01_con01_left img {
	width: 349px;
	/*height: 249px;*/
}

.thoughtful01bg ul li .thoughtful01_con01_left .des {
	margin: 16px 0px;
	color: #6f6f71;
	font-size: 10px;
}

.thoughtful01bg ul li .thoughtful01_con01_right {
	float: left;
	width: 66%;
	padding-left: 30px;
}

.thoughtful01bg ul li .thoughtful01_con01_right .title {
	font-size: 40px;
	line-height: 1.2;
	margin-bottom: 8px;
	color: var(--primary-color);
	font-weight: normal;
	word-break: normal;
	overflow-wrap: break-word;
}

.investment01bg {
	width: 100%;
	max-width: 1015px;
	margin: auto;
	padding: 48px 15px 0;
	box-sizing: border-box;
}

.investment02bg,
.investment04bg,
.investment06bg,
.ocio02bg,
.ocio07bg,
.sustainable05bg {
	padding-top: 48px;
	padding-bottom: 48px;
	background-image: url(../images/lineart2.png);
}

.investment02bg::after,
.investment04bg::after,
.investment05bg::after,
.investment06bg::after,
.ocio02bg::after,
.ocio04bg::after,
.ocio07bg ul::after,
.sustainable03bg::after,
.sustainable06bg .con02::after,
.sustainable01bg::after,
.investment05bg ul li::after,
.fundsbg .content::after {
	content: '';
	clear: both;
	display: block;
}

.investment02bg .investment02_con01_left {
	float: left;
	width: 66%;
}

.investment02bg .investment02_con01_left .title {
	font-size: 46px;
	line-height: 55px;
	color: var(--primary-color);
	margin-bottom: 8px;
	word-break: normal;
	overflow-wrap: break-word;
}

.investment02bg .investment02_con01_left .content p,
.thoughtful01bg .thoughtful01_con01_right .content p,
.index01bg .index01_con01_right p {
	margin-bottom: 1em;
	line-height: 1.65;
}

.investment02bg .investment02_con01_left .des {
	font-size: 20px;
	letter-spacing: 8px;
	color: var(--primary-color);
	margin-bottom: 8px;
	line-height: 53px;
}

.investment02bg .investment02_con01_right {
	float: left;
	width: 33%;
}

.investment02bg .investment02_con01_right img {
	width: 100%;
	object-fit: contain;
}

.investment02bg .investment02_con01_left hr {
	margin-top: 1rem;
	margin-bottom: 1rem;
	border: 0;
	border-top: 1px solid rgba(0, 0, 0, .1);
}

.investment02bg .investment02_con01_right .des {
	color: #505050;
	font-size: 10px;
	text-align: left;
}

.investment04bg .right .title01,
.investment04bg .right .title02 {
	color: #505050;
	font-size: 10px;
	text-align: left;
	margin: 10px 0;
}

.investment03bg {
	height: 520px;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
}

.investment03bg .left {
	float: left;
	width: 25%;
	padding-left: 15px;
	padding-right: 15px;
}

.investment03bg .left img {
	width: 100%;
	height: 255px;
	object-fit: contain;
	border-radius: 5px;
}

.investment03bg .left .title {
	font-size: 10px;
	color: #fff;
	margin-top: 10px;
}

.investment03bg .right {
	float: left;
	width: 66%;
	color: #ffffff;
	font-size: 20Px;
	line-height: 35px;
	text-align: left;padding-left: 15px;
	padding-right: 15px;
}

.investment04bg .left {
	width: 66%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.investment04bg .right {
	width: 33%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.investment04bg .right img {
	width: 100%;
	object-fit: contain;
}

.investment04bg .left .title {
	font-size: 46px;
	color: var(--primary-color);
	margin-bottom: 8px;
}

.investment05bg ul li .investment05_con01_left {
	width: 16%;
	float: left;
}

.investment05bg ul li .investment05_con01_left img {
	width: 160px;
	height: 160px;
	margin-bottom: 10px;
}

.investment05bg ul li .investment05_con01_left .des {
	font-size: 10px;
	color: #fff;
	margin-bottom: 16px;
}

.investment05bg ul li .investment05_con01_right {
	width: 83%;
	float: left;
	color: #ffffff;
	font-size: 20Px;
	line-height: 35px;
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
}

.investment06bg .left {
	width: 33%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.investment06bg .left img {
	width: 349px;
	height: 257px;
	margin-top: 10px;
}

.investment06bg .left .title01 {
	font-size: 10px;
	margin-top: 10px;
	color: #505050;
}

.investment06bg .left .title02 {
	font-size: 10px;
	margin-top: 10px;
	color: #505050;
}

.investment06bg .right {
	width: 66%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.investment06bg .right .title {
	color: var(--primary-color);
	font-size: 46px;
	margin-bottom: 8px;
}

.investment06bg .right .des {
	padding-top: 20px;
	line-height: 35px !important;
}

.investment07bg {
	background-color: #163963;
}

.investment07bg .content {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 300px;
	padding: 3rem 0;
	width: 100%;
	font-size: 28px;
	line-height: 40px;
	padding-top: 20px;
	color: #fff !important;
	text-align: center;
}

.investment08bg {
	min-height: 456px;
	padding: 68px 0px;
}

.investment08bg .content {
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;

	width: 100%;

}

.investment08bg .quote2 {
	width: 800px;
	margin: auto;
	height: auto;
	background: linear-gradient(to left top, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0));
	border: 2px solid #163963;
	padding: 2.6rem;
	position: relative;
}

.investment08bg .quote2 .textblock {
	width: 70%;
}

.investment08bg .quote2 img {
	width: 220px;
	position: absolute;
	top: 10%;
	right: -2%;
	box-shadow: -5px 5px 20px rgba(37, 37, 37, 0.3);
}

.investment08bg .quote2 h2 {
	color: var(--primary-color);
	font-size: 25px;
	font-weight: light;
	line-height: 35px;
}

.investment08bg .quote2 .text-left {
	color: #163963;
	font-size: 14px;
	letter-spacing: 0px;
	line-height: 15px;
	padding-top: 10px;
}

.ocio02bg {
	padding: 48px 0px;
}

.ocio02bg .left {
	width: 66%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.ocio02bg .left .title {
	font-size: 40px;
	color: var(--primary-color);
	margin-bottom: 8px;
}

.ocio02bg .left .content {
	color: #6f6f71;
	line-height: 28px;
	padding-right: 30px;
	padding-top: 15px;
}

.ocio02bg .right {
	width: 33%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.ocio02bg .right .title {
	padding-left: 15px;
	padding-right: 15px;
	color: #6f6f71;
	font-size: 10px;
}

.ocio02bg .right img {
	width: 349px;
	height: auto;
	object-fit: contain;
	margin-bottom: 10px;
}

.ocio04bg {
	margin-bottom: 60px;
}

.ocio04bg ul li {
	width: 33%;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	margin-bottom: 42px;
}

.ocio04bg ul li:hover .box {
	visibility: visible;
	opacity: 1;
}

.ocio04bg ul .con01 {
	position: relative;
	display: inline-block;
	font-weight: lighter;
	letter-spacing: 2px;
	background-color: #ffffff;
	padding: 30px;
	font-size: 25px;
	color: #163963;
	width: 325px;
	z-index: 2;
	border: 1px solid;
	height: 117px;
	text-align: center;
}

.ocio04bg ul .con01 .box {
	visibility: hidden;
	width: 395px;
	background-color: #163963;
	letter-spacing: 1px;
	color: #fff;
	font-size: 16px;
	text-align: center;
	border-radius: 6px;
	padding: 20px;
	position: absolute;
	z-index: 1;
	bottom: 125%;
	left: 0%;
	margin-left: -53px;
	opacity: 0;
	transition: opacity 0.3s;
}

.ocio04bg ul .con01 .box::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 30%;
	margin-left: -5px;
	border-width: 5px;
	border-style: solid;
	border-color: #163963 transparent transparent transparent;
	z-index: 1;
}

.ocio05bg {
	background-color: #163963;
	min-height: 300px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.ocio05bg .content {
	color: #ffffff;
	font-size: 22px;
	font-weight: 300;
	line-height: 1.55;
	padding: 48px 32px;
	text-align: center;
	box-sizing: border-box;
	max-width: 900px;
	margin: 0 auto;
}

.ocio06bg {
	padding: 48px 0;
}

/* Our DNA (dna.html) */
.dna01bg {
	padding: 72px 0 88px;
	background-color: #f7f9fc;
	background-image: url(../images/lineart2.png);
	background-repeat: no-repeat;
	background-position: right top;
	background-size: 42% auto;
}

.dna01_main {
	max-width: 1080px;
	margin: 0 auto;
}

.dna-hero {
	max-width: 820px;
	margin: 0 auto 48px;
	padding: 0 15px;
	text-align: center;
}

.dna-hero__label {
	margin: 0 0 12px;
	font-size: 14px;
	letter-spacing: 0.2em;
	text-transform: uppercase;
	color: #90b9df;
	font-weight: 600;
}

.dna-hero__title {
	margin: 0 0 24px;
	font-size: 48px;
	font-weight: 300;
	line-height: 1.15;
	color: #163963;
}

.dna-hero__lead {
	margin: 0;
	font-size: 20px;
	line-height: 1.75;
	color: #6f6f71;
}

.dna-pillars {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 28px 32px;
	padding: 0 15px;
}

.dna-pillar {
	position: relative;
	padding: 32px 32px 32px 88px;
	background: #fff;
	border-radius: 8px;
	box-shadow: 0 8px 32px rgba(22, 57, 99, 0.08);
	border: 1px solid rgba(22, 57, 99, 0.06);
	transition: box-shadow 0.25s ease, transform 0.25s ease;
}

.dna-pillar:hover {
	box-shadow: 0 12px 40px rgba(22, 57, 99, 0.12);
	transform: translateY(-2px);
}

.dna-pillar__num {
	position: absolute;
	left: 28px;
	top: 28px;
	font-size: 36px;
	line-height: 1;
	font-weight: 300;
	color: rgba(22, 57, 99, 0.12);
	letter-spacing: -0.02em;
}

.dna-pillar__title {
	margin: 0 0 14px;
	font-size: 22px;
	line-height: 1.3;
	font-weight: 600;
	color: #163963;
}

.dna-pillar__text {
	margin: 0;
	font-size: 17px;
	line-height: 1.7;
	color: #6f6f71;
}

.dna-empty {
	text-align: center;
	color: #6f6f71;
	font-size: 18px;
	padding: 48px 15px;
}

.dnaInbanner .banner_cen02 .title {
	font-size: 52px;
}

@media screen and (max-width: 991px) {
	.dna-hero__title {
		font-size: 36px;
	}

	.dna-hero__lead {
		font-size: 18px;
	}

	.dna-pillars {
		grid-template-columns: 1fr;
		gap: 20px;
	}

	.dna-pillar {
		padding: 28px 24px 28px 72px;
	}

	.dna-pillar__num {
		left: 20px;
		top: 24px;
		font-size: 30px;
	}
}

@media screen and (max-width: 575px) {
	.dna01bg {
		padding: 40px 0 64px;
		background-size: 70% auto;
	}

	.dna-hero {
		margin-bottom: 32px;
		text-align: left;
	}

	.dna-hero__title {
		font-size: 30px;
	}

	.dna-pillar {
		padding: 24px 20px;
	}

	.dna-pillar__num {
		position: static;
		display: block;
		margin-bottom: 8px;
		font-size: 24px;
	}
}

.ocio07bg ul li {
	width: 33%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
}

.ocio07bg ul li .title {
	color: #163963;
	font-size: 42px;
	margin-bottom: 5px;
	margin-top: 10px;
	padding-bottom: 5px;
	font-weight: bold;
	margin-bottom: 10px;
}

.ocio07bg ul li .des {
	color: #90B9DF;
	font-weight: lighter;
	letter-spacing: 3px;
	margin-bottom: 10px;
}

.ocio07bg .content01 {
	color: #6f6f71;
	font-size: 13px;
	text-align: center;
	margin-top: 20px;
}

.ocio08bg .title {
	font-size: 45px;
	color: var(--primary-color);
	line-height: 100px;
}

.sustainable01bg {
	padding: 48px 0;
}

.sustainable01bg .left {
	width: 41%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable01bg .left img {
	width: 100%;
	height: auto;
	margin-bottom: 10px;
}

.sustainable01bg .left .des {
	color: #505050;
	font-size: 10px;
	margin-bottom: 10px;
}

.sustainable01bg .right {
	width: 59%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable02bg .content {
	color: #ffffff;
	width: 940px;
	margin: auto;
	font-size: 28px;
	font-weight: light;
	line-height: 45px;
	text-align: center;
}

.sustainable03bg {
	padding: 48px 0;
	background-image: url(../images/lineart2.png);
}

.sustainable03bg .left {
	width: 58%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable03bg .left .title {
	font-size: 32px;
	line-height: 35px;
	color: var(--primary-color);
	margin-bottom: 10px;
}

.sustainable03bg .left .content {
	color: #505050;
	font-size: 18px;
	line-height: 30px;
	padding-top: 15px;
}

.sustainable03bg .right {
	width: 41%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable03bg .right img {
	width: 100%;
	height: auto;
	margin-bottom: 50px;
}

.sustainable03bg .right .des {
	color: #505050;
	font-size: 12px;
	line-height: 20px;
	padding-top: 15px;
	text-align: center;
}

.sustainable04bg {
	background-color: #163963;
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 300px;
	padding: 100px 0;
	width: 100%;
}

.sustainable04bg .des {
	font-size: 26px;
	line-height: 40px;
	color: #fff;
	text-align: center;
	margin-bottom: 50px;
}

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

.sustainable05bg .title {
	font-size: 32px;
	line-height: 35px;
	color: var(--primary-color);
	height: 70px;
}

.sustainable05bg .content {
	margin-top: 40px;
}

.sustainable05bg .content ul li {
	width: 33%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable05bg .content ul li img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
}

.sustainable05bg .content ul li .des {
	color: var(--primary-color);
	font-size: 20px;
	font-weight: lighter;
	padding-top: 20px;
}

.sustainable06bg {
	padding: 48px 0;
}

.sustainable06bg .con01 .title {
	font-size: 32px;
	color: var(--primary-color);
	margin-bottom: 10px;
	line-height: 35px;
}

.sustainable06bg .con01 .des {
	color: #6f6f71;
	font-size: 18px;
	line-height: 30px;
	padding-left: 10px;
	margin-bottom: 20px;
}

.sustainable06bg .con02 {
	margin-top: 80px;
}

.sustainable06bg .con02 .left {
	width: 50%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable06bg .con02 .left .title {
	color: #163963;
	font-size: 15px;
	letter-spacing: 3px;
	margin-bottom: 20px;
	line-height: 25px;
}

.sustainable06bg .con02 ul {}

.sustainable06bg .con02 ul li {
	border-bottom: 1px dotted rgba(0, 0, 0, .2);
	display: flex;
	padding: 20px 0;
}

.sustainable06bg .con02 ul img {
	width: 150px;
	height: 85px;
	border-radius: 5px;
	margin-right: 10px;
}

.sustainable06bg .con02 ul .title01 {
	font-size: 18px;
	color: var(--primary-color);
	margin-bottom: 20px;
}

.sustainable06bg .con02 ul .des01 {
	font-size: 13px;
	color: #6f6f71;
}

.sustainable06bg .con02 ul .li_right {
	flex: 1;
}

.sustainable06bg .con02 .right {
	width: 50%;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
}

.sustainable06bg .con02 .right .title {
	color: #163963;
	font-size: 15px;
	letter-spacing: 3px;
	margin-bottom: 20px;
	line-height: 25px;
}

.newsbg .content ul {
	display: flex;
	flex-wrap: wrap;
}

.newsbg .content ul li {
	width: 33%;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 20px;
}

.newsbg .content ul li a {
	box-shadow: 0 .125rem .25rem rgba(0, 0, 0, .075) !important;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	min-width: 0;
	word-wrap: break-word;
	background-color: #fff;
	background-clip: border-box;
	border: 1px solid rgba(0, 0, 0, .125);
	border-radius: .25rem;
	height: 100%;
}

.newsbg .content ul li img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.newsbg .content ul li .text_content {
	padding: 20px;
}

.newsbg .content ul li .text_content .h3 {
	color: #163963 !important;
	font-weight: 700 !important;
	font-size: 12.8px;
}

.newsbg .content ul li .text_content .h4 {
	color: #163963 !important;
	font-size: 22px;
	margin-bottom: 10px;
}

.newsbg .content ul li .text_content .h5 {
	color: #495057;
	font-size: 12.8px;
	line-height: 25px;
}


.inner_menu2 {
	font-size: 14px;
	line-height: 24px;
	position: fixed;
	left: 10%;
	top: 50%;
	/* transform: translate(-120%, -50%); */
	z-index: 44;
	transition: all .3s ease;
}

.inner_menu2.active {
	transform: translate(0, -50%);
}

.inner_menu2>ul {
	position: relative;
	padding: 25px 0;
}

.inner_menu2>ul:before {
	content: "";
	width: 1px;
	height: 100%;
	background: linear-gradient(to top, transparent, #0000001a, transparent);
	position: absolute;
	left: 7px;
	top: 0;
}

.inner_menu2>ul>li {
	margin: 15px 0;
}

.inner_menu2>ul>li>span {}

.inner_menu2>ul>li>span a {
	display: block;
	position: relative;
	padding-left: 20px;
}

.inner_menu2>ul>li>span a:hover,
.inner_menu>ul>li.hover>span a {
	color: var(--primary-color);
}

.inner_menu2>ul>li>span a:before {
	content: "";
	width: 13px;
	height: 13px;
	border-radius: 100%;
	border: 1px solid var(--primary-color);
	background: #fff;
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	z-index: 1;
}

.inner_menu2>ul>li>span a:hover:before,
.inner_menu>ul>li.hover>span a:before,
#nav .active a:before {
	background: var(--primary-color);
}

.inner_menu2>ul>li>span a:after {
	content: "";
	width: 7px;
	height: 7px;
	border-radius: 100%;
	background: #fff;
	position: absolute;
	left: 4px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 2;
}

.inner_menu2>ul>li>span a:hover:after,
.inner_menu>ul>li.hover>span a:after {}

.inner_menu2>ul>li ul {
	display: none;
}

.funds01bg,
.fundsbg {
	min-height: 100vh;
}

.funds01bg {
	padding-top: 48px;

}

.fundsbg .wapper1 {
	width: 940px;
}

.inside_faq1 {}

.inside_faq1 ul li {
	border-bottom: 1px dashed #eee;
	padding: 10px 0;
}

.inside_faq1 ul li .h2 {
	font-size: 18px;
	line-height: 28px;
	padding: 10px 40px 10px 0px;
	position: relative;
	cursor: pointer;
	color: var(--primary-color);
}



.inside_faq1 ul li .h2:after {
	content: "";
	width: 20px;
	height: 28px;
	background: url(../images/ico_down1.png) center no-repeat;
	position: absolute;
	top: 10px;
	right: 10px;
}

.inside_faq1 ul li.active .h2:after {
	background-image: url(../images/ico_up1.png);
}

.inside_faq1 ul li .txt {
	padding: 10px 0 20px 0;
	display: none;
}

.inside_faq1 ul li .h3 {
	font-size: 16px;
	line-height: 26px;
	position: relative;
	padding-left: 20px;
}


@media(max-width:999px) {
	.inside_faq1 ul li .h2 {
		font-size: 16px;
		line-height: 26px;
	}

	.inside_faq1 ul li .h2:after {
		height: 26px;
	}

	.inside_faq1 ul li .h3 {
		font-size: 14px;
		line-height: 24px;
	}
}

.fundsbg .left .title {
	font-size: 40px;
	color: var(--primary-color);
	padding-bottom: 30px;
	position: relative;
}

.fundsbg .left .des {
	margin: 30px 0px;
	color: #6f6f71;
}

.fundsbg .left .title:after {
	position: absolute;
	bottom: 0;
	background-color: #6c757d;
	content: "";
	display: block;
	height: 1px;
	width: 6rem;
}

.fundsbg .left {
	width: 58%;
	float: left;
	margin-left: 8%;
}

.fundsbg .right {
	width: 25%;
	margin-left: 8%;
	float: left;
}

.fundsbg .right img {
	width: 100%;
	height: auto;
	object-fit: contain;
}

.funds08bg {
	position: relative;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-pack: center;
	justify-content: center;
	min-height: 300px;
	padding: 3rem 0;
	width: 100%;
	height: 300px;
}

.funds08bg .title {
	font-size: 18px;
	color: #fff;
	text-align: center;
}

.index_banner::after {
	position: absolute;
	content: "";
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-color: rgba(22, 57, 99, .8);
}

.index_banner {
	padding: 100px 0;
	text-align: center;
	position: relative;
	background-attachment: fixed;
	background-position: 50%;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
}

.index_banner .title {
	letter-spacing: 7px;
	text-shadow: 1px 1px 1px #000000;
	font-size: 70px;
	color: #fff;
	margin-bottom: 1.04vw;
	position: relative;
	z-index: 9;
}

.index_banner .des {
	font-size: 25px;
	font-weight: lighter;
	line-height: 35px;
	padding-left: 30px;
	padding-right: 30px;
	padding-top: 15px;
	color: #fff;
	text-shadow: 1px 1px 1px black;
	position: relative;
	z-index: 9;
}

.index02bg ul li .index02_con01 .index02_con01_right img {
	width: 100%;
}

.leadership {
	height: auto;
}

@media(max-width:999px) {

	.index01bg .index01_con01,
	.footer_con01 .footer_brand,
	.footer_con01 .left,
	.footer_con02,
	.leaderDetail01_con01,
	.leaderDetail01_con03 {
		display: block;
	}

	.inner_menu2 {
		display: none;
	}

	.index01bg .index01_con01_left,
	.index01bg .index01_con01_right,
	.index02bg ul li .index02_con01 .index02_con01_left,
	.index02bg ul li .index02_con01 .index02_con01_right,
	.index03bg_con01_left,
	.index03bg_con01_right,
	.footer_con02 .content,
	.inside_news1 ul li .txtbgm,
	.thoughtful01bg ul li .thoughtful01_con01_left,
	.thoughtful01bg ul li .thoughtful01_con01_right,
	.thoughtful01bg ul li .thoughtful01_con01_left img,
	.thoughtful01bg ul li:nth-child(2n) .thoughtful01_con01_left,
	.investment01bg,
	.investment02bg .investment02_con01_left,
	.investment02bg .investment02_con01_right,
	.investment04bg .left,
	.investment04bg .right,
	.investment05bg ul li .investment05_con01_left,
	.investment05bg ul li .investment05_con01_right,
	.investment06bg .left,
	.investment06bg .right,
	.investment08bg .quote2,
	.fundsbg .left,
	.ocio02bg .left,
	.ocio02bg .right,
	.ocio04bg ul li,
	.ocio07bg ul li,
	.sustainable01bg .left,
	.sustainable01bg .right,
	.sustainable03bg .left,
	.sustainable03bg .right,
	.sustainable05bg .content ul li,
	.sustainable06bg .con02 .left,
	.sustainable06bg .con02 .right,
	.newsbg .content ul li,
	.inside_news1 ul li .txtbg,
	.investment03bg .left,
	.investment03bg .right,.sustainable02bg .content {
		width: 100%;
	}

	.index01bg .index01_con01_right,
	.index02bg ul li .index02_con01 .index02_con01_left,
	.sustainable01bg .left,
	.sustainable01bg .right,
	.sustainable03bg .left,
	.sustainable03bg .right {
		padding: 0px;
	}

	.m11_head .rt {
		margin-right: 0px;
		justify-content: end;
	}

	.m11_headbg {
		padding: 10px;
	}

	.f_nav ul li {
		margin-bottom: 10px;
		flex-basis: 33%;
	}

	.footer_con02 .copy {
		text-align: left;
	}

	.index01bg .index01_con01_left .btn,
	.index02bg ul li .index02_con01 .index02_con01_left .btn {
		display: block;
		height: auto;
		width: 60%;
		text-align: center;
		margin-bottom: 20px;
	}

	.index01bg .index01_con01_right {
		line-height: 23px;
	}

	.index02bg ul li .index02_con01 .index02_con01_left .content p {
		padding-left: 0px !important;
	}

	.index03bg_con01_left .btn {
		margin: 30px 0;
	}

	.leadership01bg ul li {
		width: 50%;
		padding: 0 10px;
		box-sizing: border-box;
	}

	.leadership01bg ul li img {
		width: 100%;
		max-width: 180px;
		height: auto;
		aspect-ratio: 1;
		margin-left: auto;
		margin-right: auto;
		display: block;
	}

	.leadership01bg ul li:hover {
		transform: none;
	}

	.leaderDetail01_con02 {
		text-align: center;
	}

	.leaderDetail01_con03_right {
		border: 0px;
		margin-top: 20px;
		padding-bottom: 20px;
		padding-left: 0px;
	}

	.leaderDetail01_con02,
	.thoughtful01bg ul li .thoughtful01_con01_right {
		padding-left: 0px;

	}

	.leaderDetail01_con01 {
		padding: 0px 25px;
	}

	.banner_cen01 {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 322px;
	}

	.fundsbg .left {
		margin-left: 0px;
	}

	.fundsbg {
		height: auto;
		min-height: 200px;
	}

	.ocio01bg .content .col-md-6,
	.ocio03bg .content .col-md-4,
	.ocio03bg .content .col-md-8,
	.ocio06bg .content .container,
	.ocio06bg .content .container .section .col-md-4,
	.ocio06bg .content .container .section .col-md-8,
	.ocio06bg .content .container .section .col-md-7 {
		width: 100% !important;
		max-width: 100% !important;
	}

	.ocio01bg .content .section,
	.ocio03bg .content .section,
	.ocio06bg .content .container .section {
		display: block !important;
	}

	.sustainable06bg .con02 .right {
		margin-top: 50px;
	}

	.leaderDetail01_con01 img {
		width: 100%;
		height: auto;
		padding: 0px 15px;
	}

	.thoughtfulInbanner {
		height: 100vh;
	}

	.thoughtfulInbanner img {
		height: 100vh;
	}

	.banner_cen02 .remark {
		width: 88%;
	}

	.investmentInbanner img {
		height: 460px;
	}

	.investment03bg {
		min-height: 520px;
		padding: 48px 0;
	}

	.investment03bg .left img {
		height: auto;
	}

	.investment03bg .left .title {
		margin: 20px 0;
	}

	.investment04bg .right {
		padding: 20px 0;
	}

	.investment05bg ul li .investment05_con01_left img {
		width: 100%;
		height: auto;
		margin-bottom: 10px;
	}

	.investment08bg .quote2 img {
		display: none;
	}

	.strategiesInbanner {
		height: 322px;
	}

	.fundsbg .wapper1,
	.fundsbg .right {
		width: 100%;
	}

	.fundsbg .right {
		margin-left: 0px;
	}

	.fundsbg {
		margin-bottom: 20px;
	}

	.funds01bg .content {
		margin-bottom: 40px;
	}

	.ocioInbanner {
		height: 100vh;
	}

	.ocioInbanner img {
		height: 100vh;
	}

	.ocioInbanner .banner_cen02:after {
		background-color: transparent;
	}

	.banner_cen02 .title {
		font-size: 52px;
	}

	.sustainableInbanner,.newsInner {
		height: auto;
	}
	.inbannerbg.leadership {
		display: block;
		height: auto;
		min-height: 0;
	}

	.inbannerbg.leadership .inbanner img {
		height: 220px;
		min-height: 0;
		object-fit: cover;
	}

	.inbannerbg {
		height: auto;
	}

	body {
		min-width: 0;
		overflow-x: hidden;
	}
}

/* 手机端：单列领导列表、首页标题、页脚等 */
@media (max-width: 767px) {
	.index_banner {
		padding: 56px 16px;
		background-attachment: scroll;
	}

	.index_banner .title {
		font-size: clamp(28px, 8vw, 40px);
		letter-spacing: 2px;
	}

	.index_banner .des {
		font-size: 16px;
		line-height: 1.5;
		padding-left: 12px;
		padding-right: 12px;
	}

	.index01bg .index01_con01_left .h2 {
		font-size: clamp(26px, 7vw, 34px);
	}

	.index01bg .index01_con01_left .h3 {
		font-size: 18px;
		line-height: 1.45;
	}

	.thoughtful01bg ul li .thoughtful01_con01_left img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.ocio07bg ul li {
		width: 50%;
	}

	.ocioInbanner,
	.thoughtfulInbanner {
		height: auto;
		max-height: 360px;
	}

	.ocioInbanner img,
	.thoughtfulInbanner img {
		height: 280px;
		max-height: 50vh;
		object-fit: cover;
	}

	.footer {
		min-height: 0;
		padding-bottom: 32px;
	}

	.footer_con01 {
		flex-direction: column;
		flex-wrap: wrap;
		align-items: stretch;
		text-align: left;
		gap: 28px;
	}

	.footer_con01 .f_nav {
		width: 100%;
		flex: 1 1 100%;
		padding-top: 8px;
	}

	.footer_brand {
		width: 100% !important;
		max-width: 100%;
		min-width: 0;
	}

	.footer_logo img,
	.footer_con01 .footer_logo img {
		padding-top: 28px;
		margin: 0 auto;
	}

	.footer_contact {
		margin-top: 20px;
		max-width: 100%;
	}

	.footer_contact__item {
		flex-direction: row;
		align-items: flex-start;
	}

	.f_nav {
		padding: 0;
		width: 100%;
	}

	.f_nav>ul {
		flex-wrap: wrap;
		justify-content: flex-start;
		gap: 8px 20px;
	}

	.f_nav ul li {
		flex-basis: calc(50% - 10px);
		min-width: 0;
		margin-bottom: 4px;
	}

	.footer_con02 {
		flex-direction: column;
		gap: 20px;
		text-align: left;
	}

	.footer_con02 .content {
		width: 100% !important;
	}

	.footer_con02 .copy {
		text-align: left;
		font-size: 11px;
		line-height: 1.6;
	}
}

@media (max-width: 575px) {
	.leadership01bg ul {
		justify-content: center;
	}

	.leadership01bg ul li {
		width: 100%;
		max-width: 340px;
		margin-left: auto;
		margin-right: auto;
		float: none;
		padding: 0 12px 16px;
	}

	.leadership01bg ul li a {
		padding: 8px 8px 12px;
	}

	.leadership01bg ul li img {
		max-width: 240px;
		width: 72vw;
	}

	.leadership01bg ul li .h3 {
		font-size: 17px;
		line-height: 1.35;
		padding-top: 10px;
		word-break: normal;
		overflow-wrap: anywhere;
	}

	.leadership01bg ul li .h4 {
		font-size: 13px;
		line-height: 1.5;
		margin-bottom: 4px;
		padding: 0 6px;
	}

	.ocio07bg ul li {
		width: 100%;
		float: none;
	}

	.f_nav ul li {
		flex-basis: 100%;
	}

	.footer_logo img {
		max-width: 220px;
	}

	.footer_contact__heading {
		font-size: 14px;
	}

	.footer_contact__item {
		font-size: 13px;
		margin-bottom: 12px;
	}

	.m11_insidebg {
		padding: 36px 0 48px;
	}

	.banner_cen02 .title {
		font-size: clamp(24px, 7vw, 36px);
	}

	.investment02bg .investment02_con01_left .title {
		font-size: clamp(26px, 7vw, 36px);
	}
}

/* ========== 移动端：OCIO / Investment / CMS 栅格 / 页脚 ========== */
@media (max-width: 999px) {
	[class*="col-md"],
	[class*="col-sm"],
	[class*="col-lg"],
	[class*="col-"] {
		width: 100% !important;
		max-width: 100% !important;
		float: none !important;
		display: block !important;
		box-sizing: border-box;
	}

	.row,
	.container,
	.section {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}

	.ocio01bg,
	.ocio02bg,
	.ocio03bg,
	.ocio04bg,
	.ocio05bg,
	.ocio06bg,
	.ocio07bg,
	.investment01bg,
	.investment02bg,
	.investment03bg,
	.investment04bg,
	.investment05bg,
	.investment06bg,
	.investment07bg,
	.investment08bg {
		overflow-x: hidden;
		box-sizing: border-box;
	}

	.ocio01bg .content,
	.ocio03bg .content,
	.ocio06bg .content,
	.investment01bg,
	.investment02bg .wapper1,
	.investment04bg .wapper1,
	.investment06bg .wapper1 {
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.investment01bg,
	.investment01bg p,
	.investment01bg span,
	.investment01bg .wf-prose,
	.investment01bg .wf-prose p,
	.investment01bg .wf-prose span,
	.ocio05bg .content,
	.ocio05bg .content p,
	.ocio06bg .content,
	.ocio06bg .content p,
	.ocio02bg .left .content,
	.ocio02bg .left .content p,
	.ocio03bg .content p,
	.thoughtful01bg .thoughtful01_con01_right .content p,
	.investment02bg .investment02_con01_left .content p,
	[class*="bg"] .wf-prose p,
	[class*="bg"] .wf-prose span,
	[class*="bg"] .content p {
		font-size: 15px !important;
		line-height: 1.65 !important;
	}

	.ocio05bg .content {
		font-size: 16px !important;
		line-height: 1.65 !important;
		padding: 36px 20px !important;
		text-align: left !important;
	}

	.investment01bg {
		padding: 24px 20px !important;
	}

	.ocio02bg .content {
		display: block;
	}

	.ocio02bg .left,
	.ocio02bg .right {
		width: 100%;
		float: none;
		padding-left: 20px;
		padding-right: 20px;
		box-sizing: border-box;
	}

	.ocio02bg .left .title {
		font-size: clamp(24px, 6vw, 32px);
		line-height: 1.25;
	}

	.ocio02bg .right img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.ocio04bg ul li {
		width: 100%;
		float: none;
		padding-left: 0;
		padding-right: 0;
		margin-bottom: 20px;
	}

	.ocio04bg ul .con01 {
		display: block;
		width: 100%;
		max-width: 100%;
		height: auto;
		min-height: 0;
		padding: 20px 16px;
		font-size: 18px;
		line-height: 1.4;
		box-sizing: border-box;
	}

	.ocio04bg ul .con01 .box {
		position: static;
		visibility: visible;
		opacity: 1;
		width: 100%;
		max-width: 100%;
		margin: 14px 0 0;
		left: auto;
		bottom: auto;
		font-size: 14px;
		line-height: 1.5;
		padding: 14px;
		box-sizing: border-box;
	}

	.ocio04bg ul .con01 .box::after {
		display: none;
	}

	.investment02bg .investment02_con01_left,
	.investment02bg .investment02_con01_right {
		float: none;
		width: 100%;
		padding: 0 0 24px;
	}

	.investment02bg .investment02_con01_left .des {
		letter-spacing: 2px;
		line-height: 1.5;
		font-size: 16px;
	}

	.investment03bg {
		height: auto;
		min-height: 0;
		padding: 32px 0;
		display: block;
	}

	.investment03bg .left,
	.investment03bg .right {
		width: 100%;
		float: none;
	}

	.investment03bg .left img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.investment04bg .left,
	.investment04bg .right {
		width: 100%;
		float: none;
	}

	.investment04bg .right img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}

	.investment05bg ul li .investment05_con01_left,
	.investment05bg ul li .investment05_con01_right {
		width: 100%;
		float: none;
	}

	.investment06bg .left,
	.investment06bg .right {
		width: 100%;
		float: none;
	}

	.investment08bg .quote2 {
		width: 100%;
		max-width: 100%;
		margin: 0 auto;
		padding: 1.5rem;
		box-sizing: border-box;
	}

	.investment08bg .quote2 .textblock {
		width: 100%;
	}

	.investment08bg .quote2 img {
		position: static;
		width: 100%;
		max-width: 280px;
		display: block;
		margin: 1.25rem auto 0;
		box-shadow: 0 8px 24px rgba(37, 37, 37, 0.15);
	}

	.investment08bg .quote2 h2 {
		font-size: clamp(18px, 5vw, 24px);
		line-height: 1.35;
	}

	.wf-prose img,
	[class*="bg"] .content img,
	[class*="bg"] img,
	.investment01bg img {
		max-width: 100% !important;
		width: auto !important;
		height: auto !important;
	}

	.inbannerbg + .investment01bg,
	.inbannerbg + .ocio01bg {
		padding-top: 24px;
	}

	.ocioInbanner,
	.investmentInbanner,
	.thoughtfulInbanner {
		height: auto !important;
		min-height: 0;
	}

	.ocioInbanner img,
	.investmentInbanner img,
	.thoughtfulInbanner img,
	.inbanner img {
		width: 100%;
		height: 240px !important;
		min-height: 0;
		max-height: 42vh;
		object-fit: cover;
	}

	.inbannerbg {
		min-height: 0;
	}
}

@media (max-width: 767px) {
	.footer {
		padding: 28px 0 20px;
	}

	.footer_con01 {
		gap: 16px;
	}

	.footer_con01 .f_nav {
		padding-top: 4px;
		margin-top: 0;
	}

	.f_nav>ul {
		min-height: 0;
	}

	.ocio05bg .content {
		font-size: 15px !important;
		padding: 28px 20px !important;
	}

	.investment07bg .content {
		padding: 0 20px;
	}

	.m11_head_height {
		height: 64px;
	}

	.wapper1 {
		padding-left: 20px;
		padding-right: 20px;
	}
}

/* ========== 全站移动端统一（所有页面共用，覆盖 CMS 内联样式） ========== */
@media (max-width: 999px) {
	body {
		font-size: 15px;
		line-height: 1.65;
	}

	.wapper1,
	.wapper2,
	.wapper3,
	.m11_inside,
	.m11_insidebg .wapper1,
	[class$="bg"] .wapper1,
	[class$="bg"] > .wapper1 {
		padding-left: 20px !important;
		padding-right: 20px !important;
		box-sizing: border-box;
	}

	.m11_insidebg {
		padding-left: 0;
		padding-right: 0;
	}

	/* 正文 / 描述 / 备注：统一字号与对齐 */
	.wf-prose,
	.wf-prose p,
	.wf-prose li,
	.wf-prose span,
	[class$="bg"] p,
	[class$="bg"] li,
	[class$="bg"] .des,
	[class$="bg"] .content,
	[class$="bg"] .title01,
	[class$="bg"] .remark,
	.m11_insidebg .title01,
	.thoughtful01bg .title01,
	.banner_cen01 .remark,
	.banner_cen02 .remark,
	.index03bg_con01_left .des,
	.index03bg_con01_right .des,
	.investment01bg,
	.investment01bg p,
	.investment01bg span,
	.fundsbg .content,
	.fundsbg .des,
	.sustainable01bg .right,
	.sustainable03bg .left .content,
	.news01bg .content,
	.inside_news1 .h3,
	.m11_newsdetail .nr_box,
	.m11_newsdetail .xiangqing {
		font-size: 15px !important;
		line-height: 1.65 !important;
		text-align: left !important;
		text-align-last: left !important;
		word-spacing: normal !important;
		letter-spacing: normal !important;
		max-width: 100%;
		box-sizing: border-box;
	}

	/* 内页 Banner 副标题 */
	.banner_cen02 .remark,
	.banner_cen01 .remark {
		width: 100% !important;
		max-width: 100% !important;
		padding-left: 20px !important;
		padding-right: 20px !important;
		font-size: 15px !important;
		line-height: 1.6 !important;
	}

	.banner_cen02 .title {
		font-size: clamp(26px, 7vw, 38px) !important;
		line-height: 1.2 !important;
		padding: 0 16px;
		box-sizing: border-box;
	}

	/* 栏目简介区（如 Thoughtful Investing 顶部灰字） */
	.thoughtful01bg .title01,
	.m11_insidebg .title01,
	.news01bg .title {
		padding: 28px 20px !important;
		min-height: 0 !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
		text-align: left !important;
	}

	/* 蓝底/大图背景区块 */
	.thoughtful02bg .thoughtful02bg_con01,
	.index03bg .index03bg_con01,
	.investment05bg,
	.sustainable02bg,
	.index03bg_con01 {
		padding: 40px 20px !important;
		box-sizing: border-box;
	}

	.index03bg_con01_left,
	.index03bg_con01_right {
		width: 100% !important;
		float: none !important;
		padding: 0 !important;
		margin: 0 0 20px !important;
	}

	.index03bg_con01_left .title,
	.index03bg_con01_right .title {
		font-size: clamp(20px, 5.5vw, 26px) !important;
		line-height: 1.3 !important;
		color: #fff !important;
	}

	.index03bg_con01_left .des,
	.index03bg_con01_right .des {
		color: #fff !important;
		font-size: 15px !important;
		line-height: 1.65 !important;
		margin: 12px 0 !important;
	}

	/* 区块内大标题（保留层级，但限制上限） */
	[class$="bg"] h1,
	[class$="bg"] h2,
	.thoughtful01bg .thoughtful01_con01_right .title,
	.investment02bg .investment02_con01_left .title,
	.ocio02bg .left .title {
		font-size: clamp(22px, 6vw, 32px) !important;
		line-height: 1.25 !important;
	}

	[class$="bg"] h3,
	[class$="bg"] h4 {
		font-size: clamp(17px, 4.5vw, 22px) !important;
		line-height: 1.35 !important;
	}

	/* 列表/卡片正文 */
	.inside_news1 .txt .h2,
	.leadership01bg ul li .h3 {
		font-size: 17px !important;
	}

	.leadership01bg ul li .h4 {
		font-size: 13px !important;
	}

	/* 图片不溢出 */
	img {
		max-width: 100%;
		height: auto;
	}

	/* 表格横向滚动 */
	table {
		display: block;
		max-width: 100%;
		overflow-x: auto;
	}
}