.trans-scale {
	overflow: hidden
}

.trans-scale .i {
	width: 100%;
	height: auto;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: -webkit-transform 1s;
	transition: -webkit-transform 1s;
	transition: transform 1s;
	transition: transform 1s, -webkit-transform 1s
}

.trans-liro {
	position: relative;
	overflow: hidden
}

.trans-liro::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background-color: rgba(255,255,255,0.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transition: -webkit-transform .5s;
	transition: -webkit-transform .5s;
	transition: transform .5s;
	transition: transform .5s, -webkit-transform .5s
}

@-webkit-keyframes animat-shake {
	0%,100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25%,75% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@keyframes animat-shake {
	0%,100% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	25%,75% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}

	50% {
		-webkit-transform: rotate(-5deg);
		transform: rotate(-5deg)
	}
}

@-webkit-keyframes animat-round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes animat-round {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@-webkit-keyframes animat-reverse {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@keyframes animat-reverse {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(-360deg);
		transform: rotate(-360deg)
	}
}

@media screen and (min-width: 1025px) {
	.trans-scale:hover .i {
		-webkit-transform: scale(1.1);
		transform: scale(1.1)
	}

	.trans-liro:hover::before {
		-webkit-transform-origin: left center;
		transform-origin: left center;
		-webkit-transform: scaleX(1);
		transform: scaleX(1)
	}

	.animat-shake:hover {
		-webkit-animation: animat-shake .5s;
		animation: animat-shake .5s
	}

	.animat-round::before {
		-webkit-animation: animat-round 5s linear infinite;
		animation: animat-round 5s linear infinite
	}

	.animat-steps::before {
		-webkit-animation: animat-round 2s steps(12, end) infinite;
		animation: animat-round 2s steps(12, end) infinite
	}
}

@font-face {
	font-family:"avian";src:url("../font/avian.eot");src:url("../font/avian.eot?#iefix") format("embedded-opentype"),url("../font/avian.woff") format("woff"),url("../font/avian.ttf") format("truetype"),url("../font/avian.svg#avian") format("svg");font-weight:normal;font-style:normal
}

@font-face {
	font-family:"xfont";src:url("../font/xfont.eot");src:url("../font/xfont.eot?#iefix") format("embedded-opentype"),url("../font/xfont.woff") format("woff"),url("../font/xfont.ttf") format("truetype"),url("../font/xfont.svg#xfont") format("svg");font-weight:normal;font-style:normal
}

@font-face {
	font-family:"tj";src:url("../font/tj.eot");src:url("../font/tj.eot?#iefix") format("embedded-opentype"),url("../font/tj.woff") format("woff"),url("../font/tj.ttf") format("truetype"),url("../font/tj.svg#tj") format("svg");font-weight:normal;font-style:normal
}


*,*::before,*::after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

html,body,div,span,p,a,table,tr,th,td,img,iframe,form,input,button,select,textarea {
	margin: 0;
	padding: 0
}

body {
	margin: auto;
	font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif;
	font-size: 16px !important;
	line-height: 1.6;
	color: #333;
	opacity: 0
}

input,button,textarea,select {
	outline: 0;
	border: 0;
	background: none;
	font: inherit;
	color: inherit
}

input,textarea,select {
	min-height: 1.5em
}

input,select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none
}

textarea {
	overflow: auto;
	resize: none
}

table {
	border-collapse: collapse;
	border: 0
}

img {
	border: 0;
	outline: 0;
	vertical-align: middle
}

a {
	text-decoration: none;
	color: inherit;
	cursor: pointer
}

:focus {
	outline: 0
}

svg:not(:root) {
	overflow: hidden
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0
}

input[type=date] {
	background-color: transparent;
	border: 0;
	filter: 'alpha(opacity=0)'
}

input:focus,textarea:focus {
	color: inherit
}

input::-ms-clear,::-ms-reveal {
	display: none
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #bbb;
	opacity: 1
}

input::-moz-placeholder, textarea::-moz-placeholder {
	color: #bbb;
	opacity: 1
}

input:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: #bbb;
	opacity: 1
}

input::-ms-input-placeholder, textarea::-ms-input-placeholder {
	color: #bbb;
	opacity: 1
}

input::placeholder,textarea::placeholder {
	color: #bbb;
	opacity: 1
}

.placeholder {
	color: #bbb
}

.init-screen {
	opacity: 1;
	-webkit-transition-property: opacity;
	transition-property: opacity;
	-webkit-transition-delay: .01s;
	transition-delay: .01s
}

.lock-screen {
	overflow: hidden
}

.xfont,.xicon {
	position: relative;
	-webkit-transition-property: color, background;
	transition-property: color, background;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.xfont::before,.xicon::before {
	display: block;
	text-align: center;
	font-family: xfont;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale
}

.xicon {
	width: 30px;
	height: 30px;
	cursor: pointer
}

.xicon::before {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.dingwei {
	position: relative;
	top: -150px;
	width: 100%
}

.icon-left::before {
	content: '\e504'
}

.icon-right::before {
	content: '\e505'
}

.icon-up::before {
	content: '\e506'
}

.icon-down::before {
	content: '\e507'
}

.icon-search::before {
	content: '\e510'
}

.icon-close::before {
	content: '\e509'
}

.icon-menu::before {
	content: '\e511'
}

.icon-load {
	-webkit-animation: animat-round 2s steps(12, end) infinite;
	animation: animat-round 2s steps(12, end) infinite
}

.icon-load::before {
	content: '\e512'
}

.icon-media-start::before {
	content: '\e520'
}

.icon-media-play::before {
	content: '\e521'
}

.icon-media-pause::before {
	content: '\e522'
}

.icon-media-buffer {
	-webkit-animation: animat-round 5s linear infinite;
	animation: animat-round 5s linear infinite
}

.icon-media-buffer::before {
	content: '\e513'
}

.icon-media-prev::before {
	content: '\e523'
}

.icon-media-next::before {
	content: '\e524'
}

.icon-media-volume::before {
	content: '\e52c'
}

.icon-media-muted::before {
	content: '\e52d'
}

.clear::after,.x-wrap::after,.nav-box::after,.tools-mod::after,.paging-box::after,.slick-track::after,.share-box::after {
	content: '';
	display: table;
	clear: both
}

.fl {
	float: left
}

.fr {
	float: right
}

.middle-box {
	font-size: 0
}

.middle-box::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.middle-box .middle-cont {
	display: inline-block;
	vertical-align: middle;
	font-size: 16px
}

.justify-txt,.justify-box {
	word-break: break-all;
	text-align: justify;
	text-justify: inter-ideograph
}

.justify-box::after {
	content: '';
	display: inline-block;
	padding-left: 100%;
	font-size: 0;
	line-height: 0;
	vertical-align: top
}

.pos-fix {
	position: fixed !important;
	left: 0;
	top: 0
}

.pos-abs {
	position: absolute !important;
	left: 0;
	top: 0
}

.mask {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0
}

.tac {
	text-align: center
}[data-object-fit="cover"],[object-fit="cover"] {
	-o-object-fit: cover;
	object-fit: cover
}[data-object-fit="contain"],[object-fit="contain"] {
	-o-object-fit: contain;
	object-fit: contain
}[data-object-fit="scale-down"],[object-fit="scale-down"] {
	-o-object-fit: scale-down;
	object-fit: scale-down
}

.x-table {
	display: table;
	width: 100%;
	height: 100%;
	border-collapse: collapse
}

.x-cell,.x-nano {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}

.x-cell {
	padding: 0 1em;
	width: 100%
}

.x-nano {
	width: 1%
}

.x-hidden {
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.x-visible {
	opacity: 1;
	visibility: visible
}

.x-layout {
	position: relative;
	margin: auto;
	width: 100%;
	overflow: hidden;
	background-color: #faf8f2
}

.x-wrap {
	position: relative;
	margin: auto;
	max-width: 1500px;
	height: 100%
}

.w-wrap {
	position: relative;
	margin: 0 125px 0 145px;
	height: 100%
}

.n-wrap {
	position: relative;
	max-width: 1500px;
	height: 100%;
	z-index: 2;
	margin: auto
}

.x-header,.x-footer,.x-container {
	position: relative;
	width: 100%;
	z-index: 1
}

.title {
	font-family: sh;
	font-size: 48px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.title {
		font-size: 28px
	}
}

.s_title {
	font-family: sh;
	font-size: 42px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.s_title {
		font-size: 26px
	}
}

.pd {
	padding: 150px 0
}

.pt {
	padding-top: 150px
}

.pb {
	padding-bottom: 150px
}

a.a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0,0,0,0)
}

.more1 {
	display: inline-block;
	height: 50px;
	line-height: 50px;
	position: relative;
	padding-left: 70px;
	cursor: pointer
}

.more1::before {
	content: "";
	width: 50px;
	height: 50px;
	background: url(../images/more1.png) no-repeat center center;
	border: 1px solid #ddd;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.more1.v {
	width: 50px;
	height: auto;
	padding: 0 0 60px
}

body:not(.lang-en) .more1.v {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.more1.v::before {
	top: auto;
	bottom: 0
}

.more1.vv {
	width: 50px;
	height: auto;
	padding: 60px 0 0
}

body:not(.lang-en) .more1.vv {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.more1.red {
	color: #fff
}

.more1.red::before {
	background-color: #0e4e8d;
	border-color: #0e4e8d;
	background-image: url(../images/more1a.png)
}

.more1.red2 {
	color: #fff
}

.more1.red2::before {
	background-color: #a95555;
	border-color: #a95555;
	background-image: url(../images/more1a.png)
}

.more1.green {
	color: #fff
}

.more1.green::before {
	background-color: #95ae93;
	border-color: #95ae93;
	background-image: url(../images/more1a.png)
}

.new_more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	color: #25354e
}

.new_more .icon {
	width: 50px;
	height: 50px;
	position: relative;
	margin-right: 20px
}

.new_more .icon::before {
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/png34.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0
}

.new_more .icon::after {
	content: '';
	width: 13px;
	height: 13px;
	background: url(../images/png35.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.new_more.w {
	color: #fff
}

.new_more.w .icon::before {
	background-image: url(../images/png36.png)
}

.new_more.w .icon::after {
	background-image: url(../images/png37.png)
}

.load_more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 4em
}

.load_more span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 180px;
	height: 55px;
	border: 1px solid #ddd;
	border-radius: 5px
}

.load_more img {
	margin-right: 20px;
	-webkit-animation: ro 0.4s linear 0s infinite;
	animation: ro 0.4s linear 0s infinite
}

@-webkit-keyframes ro {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes ro {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.pop-pic img {
	max-width: 1000px;
	max-height: 600px
}

.pop-video .pop-dialog {
	background: none;
	width: auto !important
}

.pop-video .video-mod {
	width: calc(70vh / 9 * 16)
}

@media screen and (min-width: 1025px) {
	*.m-show {
		display: none
	}

	.lock-screen {
		margin-right: 17px
	}

	.lock-screen.full-screen {
		margin-right: 0
	}

	.more1:hover::before {
		background-color: #0e4e8d;
		background-image: url(../images/more1a.png);
		border-color: #0e4e8d
	}

	.new_more:hover .icon::before {
		-webkit-animation: ro 0.5s linear;
		animation: ro 0.5s linear
	}
}

@media screen and (max-width: 1720px) {
	.x-header .x-wrap {
		margin: 0 20px
	}

	.n-wrap,.w-wrap {
		margin: 0 100px 0 50px
	}

	.n-wrap {
		-webkit-transform: none;
		transform: none
	}

	.x-wrap {
		width: auto;
		/*margin: 0 110px;*/
	}
}

@media screen and (max-width: 1600px) {
	.x-wrap {
		width: auto;
		/*margin: 0 100px;*/
	}

	.pd {
		padding: 120px 0
	}

	.pt {
		padding-top: 120px
	}

	.pb {
		padding-bottom: 120px
	}
}

@media screen and (max-width: 1500px) {
	.w-wrap,.n-wrap {
		margin-right: 80px
	}

	.dingwei {
		position: relative;
		top: -130px;
		width: 100%
	}
}

@media screen and (max-width: 1400px) {
	.title {
		font-size: 42px
	}
}

@media screen and (max-width: 1300px) {
	.pop-video .video-mod {
		width: calc(59vh / 9 * 16)
	}

	.title {
		font-size: 38px
	}

	.dingwei {
		position: relative;
		top: -110px;
		width: 100%
	}
}

@media screen and (max-width: 1200px) {
	.x-wrap {
		width: auto;
		/*margin: 0 80px;*/
	}

	.x-header_new .x-wrap {
		margin: 0 20px
	}
}

@media screen and (max-width: 1024px) {
	.pd {
		padding: 80px 0
	}

	.pt {
		padding-top: 50px
	}

	.pb {
		padding-bottom: 80px
	}

	.w-wrap {
		margin: 0 15px;
		padding: 0
	}

	.x-wrap {
		/*margin: 0 15px;*/
	}

	.n-wrap {
		-webkit-transform: none;
		transform: none;
		padding-left: 0;
		margin: 0 15px
	}

	body {
		-webkit-overflow-scrolling: touch
	}

	*.p-show {
		display: none
	}

	.pop-pic .pop-dialog {
		width: auto !important;
		background: none
	}

	.pop-video .pop-dialog {
		width: 100% !important
	}

	.pop-video .video-mod {
		width: 100%;
		height: auto
	}

	.lock-screen {
		right: 0
	}

	.lock-screen .x-container .vd-adr {
		display: none !important
	}

	.menu-screen {
		position: fixed;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%
	}

	.x-layout {
		min-width: 320px
	}

	.more1 {
		height: 40px;
		padding-left: 50px;
		line-height: 40px
	}

	.more1::before {
		content: "";
		width: 40px;
		height: 40px
	}

	.more1.v {
		width: 40px;
		padding: 0 0 50px
	}

	body:not(.lang-en) .more1.v {
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr
	}

	.more1.vv {
		width: 40px;
		padding: 50px 0 0
	}

	body:not(.lang-en) .more1.vv {
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr
	}

	.pd {
		padding: 30px 0
	}

	.pt {
		padding-top: 30px
	}

	.pb {
		padding-bottom: 30px
	}

	.dingwei {
		position: relative;
		top: -76px;
		width: 100%
	}

	.x-container {
		padding-top: 50px
	}
}

@media screen and (max-width: 767px) {
	.title {
		font-size: 28px
	}

	.title>img {
		max-height: 1.2em
	}

	.pop-pic img {
		width: 100%
	}

	.more1 {
		height: 35px;
		padding-left: 45px;
		line-height: 35px
	}

	.more1::before {
		content: "";
		width: 35px;
		height: 35px
	}

	.more1.v {
		width: 35px;
		padding: 0 0 45px
	}

	body:not(.lang-en) .more1.v {
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr
	}

	.more1.vv {
		width: 35px;
		padding: 45px 0 0
	}

	body:not(.lang-en) .more1.vv {
		-webkit-writing-mode: vertical-lr;
		-ms-writing-mode: tb-lr;
		writing-mode: vertical-lr
	}

	.load_more {
		margin-top: 2em
	}

	.load_more span {
		height: 45px;
		width: 160px
	}

	.new_more .icon {
		width: 35px;
		height: 35px;
		margin-right: 10px
	}
}

.x-header {
	z-index: 2;
	background: #fff;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	position: fixed;
	left: 0;
	top: 0;
	right: 0
}

.x-header a:hover {
	color: #0e4e8d
}

.x-header.home {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	color: #fff
}

.x-header.home .x-wrap {
	max-width: 1680px
}

.x-header.home .logo {
	background: none;
	height: 76px;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	width: 214px
}

.x-header.home .logo .w {
	display: block
}

.x-header.home .logo .r {
	display: none
}

.x-header.home .tools-mod .eml {
	background-image: url(../images/ico_mail1.png)
}

.x-header.home .nav-mod {
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.15)
}

.x-header.home .nav-mod .nav-box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: none
}

.x-header.home .nav-mod .nav-lv1-item {
	padding: 0 32px
}

.x-header.home .nav-mod .nav-lv2 {
	color: #333
}

.x-header.home .nav-mod .splite {
	display: none
}

.x-header .logo {
	position: absolute;
	left: 50%;
	top: 0;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	background: #fff;
	bottom: 1px;
	z-index: 1
}

.x-header .logo a {
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.x-header .logo img {
	width: 100%;
	display: block
}

.x-header .logo .w {
	display: none
}

.x-header .splite {
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
	width: 323px;
	padding: 0 40px
}

.x-header .top .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 76px;
	position: relative;
	z-index: 1;
	line-height: 76px
}

.x-header .top .x-wrap::after {
	display: none
}

.x-header .top .l .item:nth-child(n+2) {
	margin-left: 38px
}

.x-header .bottom {
	display: none
}

.x-header .tools-mod {
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.x-header .tools-mod .tools-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 0 28px
}

.x-header .tools-mod .tools-item:last-child {
	padding-right: 0
}

.x-header .tools-mod .eml {
	width: 26px;
	height: 19px;
	background: url(../images/ico_mail.png) no-repeat center;
	background-size: contain;
	display: inline-block
}

.x-header .tools-mod .icon-search::before {
	font-size: 1.5em
}

.x-header .tools-mod .lang {
	position: relative
}

.x-header .tools-mod .lang::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 0.8em;
	margin-top: -0.4em;
	border-left: 1px solid #ddd
}

.x-header .tools-mod .search-mod::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 0.8em;
	margin-top: -0.4em;
	border-left: 1px solid #ddd
}

.x-header .tools-mod .search-mod .search-box {
	width: 450px;
	background-color: #fff;
	height: 70px;
	border: none;
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	right: -20px;
	overflow: visible;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	box-shadow: 0 0 15px rgba(0,0,0,0.2)
}

.x-header .tools-mod .search-mod .search-btn {
	width: 80px;
	color: #fff;
	background-color: #0e4e8d;
	border-radius: 3px
}

.x-header .tools-mod .search-mod .search-box::after {
	content: '';
	width: 0;
	height: 0;
	border: 8px solid transparent;
	position: absolute;
	bottom: 100%;
	right: 28px;
	border-bottom-color: #fff
}

.x-header .tools-mod .search-mod .search-submit {
	width: 100%
}

.x-header .tools-mod .search-mod .search-txt,.x-header .tools-mod .search-mod .search-btn {
	display: block
}

.x-header .tools-mod .search-mod .search-input {
	height: 100%;
	color: #333
}

.x-header .tools-mod .search-mod.x-show .search-tap ~ .search-box {
	-webkit-transform: translateY(17px);
	transform: translateY(17px)
}

.x-header .tools-mod .search-tap {
	-webkit-transition: none;
	transition: none
}

.x-header .tools-mod .xicon:hover {
	color: #0e4e8d
}

.x-header .nav-mod .nav-lv1-item.cur .nav-lv1-link {
	color: #0e4e8d
}

@media screen and (min-width: 1025px) {
	.x-header .tools-mod .search-mod .search-submit:hover {
		color: #fff
	}

	.x-header.home .tools-mod .eml:hover {
		background-image: url(../images/ico_mail2.png)
	}

	.x-header.wht {
		background: #fff;
		color: #333;
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
		box-shadow: 0 0 15px rgba(0,0,0,0.1);
		position: fixed
	}

	.x-header.wht .top .x-wrap {
		height: 0;
		-webkit-transition: all 0.2s ease-out 0s;
		transition: all 0.2s ease-out 0s;
		overflow: hidden
	}

	.x-header.wht .nav-mod .splite {
		display: block
	}

	.x-header.wht .splite {
		width: 260px
	}

	.x-header.wht .logo {
		width: 170px
	}

	.x-header.wht .logo .r {
		display: block
	}

	.x-header.wht .logo .w {
		display: none
	}

	.nav-mod {
		border-bottom: 1px solid #ddd
	}

	.nav-mod .nav-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		border-top: 1px solid #ddd
	}

	.nav-mod .nav-box::after {
		display: none
	}

	.nav-mod .nav-tit .arr {
		display: none
	}

	.nav-mod .nav-link {
		display: block;
		white-space: nowrap
	}

	.nav-mod .nav-lv {
		position: absolute;
		min-width: 100%;
		background-color: #fff;
		opacity: 0;
		visibility: hidden
	}

	.nav-mod .nav-lv1 {
		text-align: center;
		font-size: 0
	}

	.nav-mod .nav-lv1-item {
		display: inline-block;
		font-size: 18px
	}
}

@media screen and (min-width: 1025px) and (max-width: 768px) {
	.nav-mod .nav-lv1-item {
		font-size: 16px
	}
}

@media screen and (min-width: 1025px) {
	.nav-mod .nav-lv1-link {
		line-height: 70px
	}

	.nav-mod .nav-lv2 {
		position: absolute;
		background: #fff url(../images/nav_bg.png) no-repeat center bottom/90% auto;
		border-bottom: 4px solid #0e4e8d;
		padding: 40px 40px 120px;
		width: 750px;
		top: 100%;
		left: 0;
		min-width: 0
	}

	.nav-mod .nav-grp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.nav-mod .nav-lv2-item {
		margin-right: 25px
	}

	.nav-mod .nav-lv2-item:last-child {
		margin-right: 0
	}

	.nav-mod .nav-lv2-tit {
		text-align: center
	}

	.nav-mod .nav-lv2-link {
		padding-left: 30px;
		position: relative
	}

	.nav-mod .nav-lv2-link::before {
		content: "";
		position: absolute;
		left: 0;
		top: 50%;
		background: url(../images/ico_nav1.png) no-repeat right center;
		width: 21px;
		height: 19px;
		margin-top: -9.5px
	}

	.nav-mod .nav-lv3 {
		left: 100%;
		top: 0
	}

	.nav-mod .nav-lv3-item {
		position: relative;
		float: left
	}

	.nav-mod .nav-lv3-item+.nav-lv3-item {
		margin-top: 8px
	}

	.nav-mod .nav-item:hover>.nav-lv {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}
}

@media screen and (max-width: 1600px) {
	.x-header .splite {
		width: 280px
	}
}

@media screen and (max-width: 1300px) {
	.x-header.home .logo {
		height: 60px
	}

	.x-header.home .nav-mod .nav-lv1-item {
		padding: 0 30px
	}

	.x-header .splite {
		width: 220px;
		padding: 0 20px
	}

	.x-header .top .x-wrap {
		height: 60px;
		line-height: 60px;
		font-size: 14px
	}

	.nav-mod .nav-lv1-link {
		line-height: 60px
	}

	.nav-mod .nav-lv1-item {
		font-size: 16px
	}

	.x-header .top .l .item:nth-child(n+2) {
		margin-left: 30px
	}

	.x-header .tools-mod .tools-item {
		padding: 0 22px
	}

	.nav-mod .nav-lv2 {
		width: 600px
	}

	.x-header .tools-mod .search-mod .search-box {
		width: 370px;
		height: 61px;
		padding: 10px 10px 10px 0
	}
}

@media screen and (max-width: 1200px) {
	.x-header.home .nav-mod .nav-lv1-item {
		padding: 0 15px
	}
}

@media screen and (max-width: 1100px) {
	.x-header .top .l .item:nth-child(n+2) {
		margin-left: 25px
	}

	.x-header .tools-mod .tools-item {
		padding: 0 20px
	}
}

@media screen and (max-width: 1024px) {
	.x-layout {
		padding-top: 0px
	}

	.x-header {
		position: relative !important
	}

	.x-header.home {
		color: #333;
		position: relative
	}

	.x-header .x-wrap {
		margin: 0
	}

	.x-header .splite {
		width: auto
	}

	.x-header .top {
		display: none
	}

	.x-header .bottom {
		display: block;
		height: auto;
		line-height: 1
	}

	.x-header .bottom .l {
		padding: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-top: 1px solid #ddd
	}

	.x-header .bottom .l .item {
		margin: 0 !important;
		display: block
	}

	.x-header .bottom .tools-mod {
		border-top: 1px solid #ddd;
		padding: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.x-header .bottom .tools-mod::after {
		display: none
	}

	.x-header .bottom .tools-mod .tools-item {
		margin: 0 !important
	}

	.x-header .bottom .search-mod .search-tap {
		width: 20px;
		height: 20px
	}

	.x-header .menu-mod {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		background: #fff;
		padding: 0 15px
	}

	.x-header .menu-mod .logo {
		position: static;
		-webkit-transform: none;
		transform: none;
		height: 60px;
		padding: 0
	}

	.x-header .menu-mod .logo a {
		padding: 0
	}

	.x-header .menu-mod .logo img {
		height: 35px;
		width: auto
	}

	.x-header .menu-mod .logo .w {
		display: none
	}

	.x-header .menu-mod .logo .r {
		display: block
	}

	.x-header.home .nav-mod .nav-lv1-item {
		padding: 0
	}

	.x-header.home .tools-mod .eml {
		background-image: url(../images/ico_mail.png)
	}

	.x-header .menu-btn {
		position: relative;
		width: 40px;
		overflow: hidden
	}

	.x-header .menu-btn::before {
		content: '';
		display: block;
		padding-top: 100%
	}

	.x-header .menu-btn .line {
		width: 60%;
		height: 2px;
		-webkit-transition: background .3s;
		transition: background .3s
	}

	.x-header .menu-btn .line,.x-header .menu-btn .line::before,.x-header .menu-btn .line::after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background-color: #333;
		border-radius: 1px
	}

	.x-header .menu-btn .line::before,.x-header .menu-btn .line::after {
		content: '';
		width: 100%;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.x-header .menu-btn .line::before {
		-webkit-transform: translateY(-400%);
		transform: translateY(-400%)
	}

	.x-header .menu-btn .line::after {
		-webkit-transform: translateY(400%);
		transform: translateY(400%)
	}

	.x-header .search-box,.x-header .share-box {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		position: relative;
		padding: 5px 15px
	}

	.x-header .search-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-bottom: 1px solid #ccc
	}

	.x-header .search-box>* {
		width: 0;
		height: auto;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}

	.x-header .search-box>:last-child {
		width: auto;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.x-header .search-box .search-input {
		display: block;
		width: 100%;
		height: 30px
	}

	.x-header .search-box .search-submit {
		width: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 20px
	}

	.x-header .search-box .search-submit .xicon {
		display: block
	}

	.x-header .share-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-top: 1px solid #ccc
	}

	.x-header .share-box .share-item {
		font-size: 1.2em
	}

	.x-header .nav-mod {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		background-color: #fff;
		overflow: hidden;
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}

	.x-header .nav-mod .x-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.x-header .nav-mod .splite {
		display: none
	}

	.x-header .nav-mod .nav-lv1-link {
		line-height: 1.8
	}

	.x-header .nav-mod .nav-lv2 {
		width: auto
	}

	.x-header .nav-box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		overflow-y: auto;
		overscroll-behavior-y: contain
	}

	.x-header .nav-item:nth-child(n+2) {
		border-top: 1px solid #ddd
	}

	.x-header .nav-item.act>.nav-tit .arr {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.x-header .nav-tit {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		padding: 5px 15px
	}

	.x-header .nav-tit .arr {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		width: 40px;
		height: auto
	}

	.x-header .nav-tit .nav-link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.x-header .nav-tit+.nav-lv {
		display: none
	}

	.x-header .nav-lv1-link {
		font-size: 1.125em
	}

	.x-header .nav-lv2 {
		padding: 0 15px;
		background-color: #eee
	}

	.x-header .nav-lv1-item.act {
		background-color: #ddd
	}

	.x-header.menu-open {
		z-index: 999
	}

	.x-header.menu-open .line {
		background-color: transparent
	}

	.x-header.menu-open .line::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.x-header.menu-open .line::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.x-header.menu-open .nav-mod {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}
}

.x-footer {
	color: #fff;
	position: relative
}

.x-footer .qrimg {
	position: absolute;
	z-index: 9;
	top: 195px;
	width: 160px;
	padding: 5px;
	background: #fff;
	-webkit-box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
	box-shadow: 2.868px 4.096px 20px 0px rgba(0,0,0,0.1);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.x-footer .qrimg.show {
	opacity: 1;
	visibility: visible
}

.x-footer .qrimg::before {
	width: 12px;
	height: 12px;
	background-color: #fff;
	left: 50%;
	bottom: 100%;
	-webkit-transform: translate(-50%, 50%) rotate(45deg);
	transform: translate(-50%, 50%) rotate(45deg);
	content: '';
	position: absolute
}

.x-footer .qrimg .img {
	width: 100%;
	position: relative;
	overflow: hidden
}

.x-footer .qrimg .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.x-footer .qrimg .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-footer .w-wrap {
	z-index: 9
}

.x-footer .cont {
	position: relative;
	z-index: 2;
	background-color: #0e4e8d
}

.x-footer .cont::before {
	content: '';
	position: absolute;
	width: 100%;
	left: 0;
	top: 0px;
	background: url(../images/png84.png) no-repeat left center;
	background-size: 100% auto;
	bottom: 0;
	pointer-events: none;
	z-index: 1
}

.x-footer .cont a:hover {
	color: rgba(255,255,255,.5);
}

.x-footer .cont .share-box .share-item {
	border: 2px solid #6f383c;
	background: #613131 no-repeat center center;
	background-size: contain
}

.x-footer .cont .share-box .gotop {
	background-color: #fff
}

.x-footer .slot {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 174px;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end
}

.x-footer .slot.m-show {
	display: none
}

.x-footer .slot .slot-track {
	width: calc(100% / 21);
	position: relative;
	height: 100%;
	overflow: hidden
}

.x-footer .slot .slot-track .slot-item {
	will-change: top, bottom;
	top: 150px;
	bottom: 0;
	position: relative;
	height: 100%;
	width: 101%;
	left: -0.5%
}

.x-footer .slot .slot-track .s7 {
	top: 140px
}

.x-footer .slot .slot-track .s8 {
	top: 110px
}

.x-footer .slot .slot-track .s9 {
	top: 60px
}

.x-footer .slot .slot-track .s10,.x-footer .slot .slot-track .s12 {
	top: 30px
}

.x-footer .slot .slot-track .s11 {
	top: 0px
}

.x-footer .slot .slot-track .s13 {
	top: 60px
}

.x-footer .slot .slot-track .s14 {
	top: 90px
}

.x-footer .slot .slot-track .s15 {
	top: 120px
}

.x-footer .slot .s1,.x-footer .slot .s4,.x-footer .slot .s9,.x-footer .slot .s14,.x-footer .slot .s18,.x-footer .slot .s21 {
	background: #803838
}

.x-footer .slot .s2,.x-footer .slot .s5,.x-footer .slot .s7,.x-footer .slot .s10,.x-footer .slot .s12,.x-footer .slot .s15,.x-footer .slot .s17,.x-footer .slot .s20 {
	background: #994545
}

.x-footer .slot .s3,.x-footer .slot .s6,.x-footer .slot .s8,.x-footer .slot .s11,.x-footer .slot .s13,.x-footer .slot .s16,.x-footer .slot .s19 {
	background: #712f2f
}

.x-footer .slot .icon {
	width: 72%;
	position: relative;
	overflow: hidden;
	margin: auto;
	top: 32px
}

.x-footer .slot .icon::before {
	content: '';
	display: block;
	padding-top: 67.16418%
}

.x-footer .slot .icon .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-footer .slot .icon img.i {
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.x-footer .logo {
	width: 390px;
	margin: auto;
	padding: 2vw 0 0;
}

.x-footer .logo img {
	width: 100%
}

.x-footer .friend {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	display: none
}

.x-footer .friend .tracker-mod {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.x-footer .friend .tracker-mod .tracker-box {
	text-align: left;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-right: 20px
}

.x-footer .friend .tracker-mod .tracker-item {
	margin: 0 13px
}

.x-footer .friend .tracker-mod .tracker-item.cur {
	color: inherit
}

.x-footer .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 20px 0 20px
}

.x-footer .bottom .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.x-footer .bottom .m_i_n {
	margin-bottom: 19px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	font-size: 18px;
	font-weight: bold
}

@media screen and (max-width: 768px) {
	.x-footer .bottom .m_i_n {
		font-size: 16px
	}
}

.x-footer .bottom .m_i_n .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.x-footer .bottom .m_i_n .item a {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: block;
	background: rgba(0,0,0,0)
}

.x-footer .bottom .m_i_n .item+.item {
	margin-left: 45px
}

.x-footer .bottom .m_i_n .icon {
	width: 25px;
	position: relative;
	overflow: hidden;
	margin-right: 15px
}

.x-footer .bottom .m_i_n .icon::before {
	content: '';
	display: block;
	padding-top: 80%
}

.x-footer .bottom .m_i_n .icon .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-footer .bottom .nav_foot a {
	padding: 0 25px;
	position: relative
}

.x-footer .bottom .nav_foot a::before {
	position: absolute;
	left: 0;
	top: 50%;
	content: "";
	height: 0.6em;
	border-left: 1px solid #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.x-footer .bottom .nav_foot a:first-child {
	padding-left: 0
}

.x-footer .bottom .nav_foot a:first-child::before {
	display: none
}

.x-footer .bottom .p {
	margin-top: 10px
}

.x-footer .bottom .p span {
	margin-right: 25px;
	display: inline-block
}

.x-footer .bottom .p span:last-child {
	margin-left: 0
}

.x-footer .bottom .ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 20px
}

.x-footer .bottom .li+.li {
	margin-left: 18px
}

.x-footer .bottom .li .cir {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 55px;
	height: 55px;
	background-color: rgba(255,255,255,.2);
	/*border: 1px solid #fff;*/
	border-radius: 50%;
	cursor: pointer
}

.x-footer .bottom .li .icon {
	position: relative;
	overflow: hidden;
	width: 26px
}

.x-footer .bottom .li .icon::before {
	content: '';
	display: block;
	padding-top: 100%
}

.x-footer .bottom .li .icon .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-footer .bottom .li .code {
	position: relative;
	overflow: hidden;
	width: 100px
}

.x-footer .bottom .li .code::before {
	content: '';
	display: block;
	padding-top: 100%
}

.x-footer .bottom .li .code .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-footer .share-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-left: 20px;
	float: none
}

.x-footer .share-box .suds-pop {
	border-radius: 0
}

.x-footer .share-box .suds-pop::before {
	border: none
}

.x-footer .share-box .suds-pop::after {
	border-radius: 0
}

.x-footer .share-box .code {
	width: 160px;
	height: 160px;
	padding: 5px
}

.x-footer .share-box .share-item {
	width: 53px;
	height: 53px;
	border-radius: 100%;
	margin-right: 20px
}

.x-footer .share-box .share-item::before {
	display: none
}

.x-footer .share-box .share-item.icon-dy {
	background-image: url(../images/icon_01.png)
}

.x-footer .share-box .share-item.icon-wb {
	background-image: url(../images/icon_02.png)
}

.x-footer .share-box .share-item.icon-wx {
	background-image: url(../images/icon_03.png)
}

.x-footer .share-box .gotop {
	width: 69px;
	height: 69px;
	border-radius: 100%;
	background-image: url(../images/ico_gotop.png);
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer
}

@media screen and (max-width: 1720px) {
	.x-footer .bottom {
		padding: 50px 0 30px 0;
	}

	.x-footer .cont::before {
		top: -70px
	}
}

@media screen and (max-width: 1400px) {
	.x-footer .cont::before {
		top: -50px
	}
}

@media screen and (max-width: 1024px) {
	.x-footer {
		font-size: 14px;
		margin-top: auto
	}

	.x-footer.smod {
		padding-bottom: 56px
	}

	.x-footer .qrimg {
		top: 100px
	}

	.x-footer .w-wrap {
		padding: 0
	}

	.x-footer .tracker-mod.dir-hor .tracker-item {
		font-size: 14px
	}

	.x-footer .logo {
		width: 40%;
		padding-top: 40px
	}

	.x-footer .bottom {
		padding: 20px 0 0;
		display: block;
		text-align: center
	}

	.x-footer .bottom .m_i_n {
		margin-bottom: 10px;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.x-footer .bottom .m_i_n .item+.item {
		margin-left: 20px
	}

	.x-footer .bottom .m_i_n .icon {
		margin-right: 10px
	}

	.x-footer .bottom .nav_foot {
		margin-bottom: 10px
	}

	.x-footer .bottom .nav_foot a {
		padding: 0 20px !important
	}

	.x-footer .bottom .p span {
		margin: 0 5px !important
	}

	.x-footer .bottom .p {
		margin-top: 0px
	}
	.x-footer .bottom .ul {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		margin-top: 20px
	}

	.x-footer .share-box {
		margin: auto;
		-webkit-box-pack: end;
		-ms-flex-pack: end;
		justify-content: flex-end;
		margin-top: 5px
	}

	.x-footer .share-box .gotop {
		width: 46px;
		height: 46px
	}

	.x-footer .slot {
		height: 50px;
		position: absolute;
		top: 35px;
		left: 0;
		right: 0;
		z-index: 9;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.x-footer .slot.p-show {
		display: none
	}

	.x-footer .slot.m-show {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0 15px
	}

	.x-footer .slot.m-show .slick-list {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1
	}

	.x-footer .slot.m-show .slick-arrow {
		width: 48px;
		height: 48px;
		border: 1px solid #fff;
		border-radius: 99px;
		font-family: xfont;
		color: #fff;
		position: relative;
		margin-right: 20px
	}

	.x-footer .slot.m-show .slick-arrow::before {
		content: '\e504';
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%)
	}

	.x-footer .slot.m-show .slick-next {
		margin: 0;
		margin-left: 20px
	}

	.x-footer .slot.m-show .slick-next::before {
		content: '\e505'
	}

	.x-footer .slot .icon {
		top: auto;
		margin: 0
	}

	.x-footer .slot .slot-track {
		margin: 0
	}

	.x-footer .slot .slot-track .slot-item {
		top: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-transform: none !important;
		transform: none !important;
		width: 50px;
		height: 50px;
		border-radius: 99px;
		margin: auto
	}

	.x-footer .share-box .gotop {
		background-size: 20px auto
	}
}

@media screen and (max-width: 850px) {
	.x-footer .cont::before {
		top: -40px
	}
}

@media screen and (max-width: 767px) {
	.x-footer .w-wrap {
		padding: 10px 0
	}

	.x-footer .logo {
		padding-top: 30px;
		width: 60%
	}

	.x-footer .share-box .suds-pop {
		padding: 5px
	}

	.x-footer .share-box .code {
		width: 100px;
		height: 100px;
		padding: 0
	}

	.x-footer .cont::before {
		top: -20px
	}

	.x-footer .bottom .m_i_n {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.x-footer .bottom .m_i_n .item {
		width: 50%;
		padding-left: 30px;
		margin-top: 5px;
		font-weight: normal
	}

	.x-footer .bottom .m_i_n .item+.item {
		margin: 5px 0 0
	}

	.x-footer .slot.m-show .slick-arrow {
		margin-right: 10px
	}

	.x-footer .slot.m-show .slick-next {
		margin: 0;
		margin-left: 10px
	}

	.x-footer .bottom .nav_foot a {
		padding: 0 10px !important
	}

	.x-footer .bottom {
		padding-top: 10px
	}

	.x-footer .bottom .m_i_n .icon {
		width: 15px
	}

	.x-footer .slot.m-show .slick-arrow {
		width: 40px;
		height: 40px
	}
}

.x-header_new {
	z-index: 9;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	position: fixed;
	left: 0;
	top: 0;
	right: 0;
	margin: auto
}

.x-header_new.home {
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0.8)), to(rgba(0,0,0,0)));
	background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0));
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	color: #fff
}

.x-header_new.home .x-wrap {
	max-width: 1500px
}

.x-header_new.home .nav-mod {
	border-top: 1px solid rgba(255,255,255,0.15);
	border-bottom: 1px solid rgba(255,255,255,0.15)
}

.x-header_new.home .nav-mod .nav-box {
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	border: none
}

.x-header_new.home .nav-mod .nav-lv1-item {
	padding: 0 32px
}

.x-header_new.home .nav-mod .nav-lv2 {
	color: #333
}

.x-header_new.home .nav-mod .splite {
	display: none
}

.x-header_new .box-1 {
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: relative;
	z-index: 2
}

.x-header_new .box-1 .box1-logo {
	width: 598px;
	padding-top: 7.1875%;
	left: 0;
	top: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 999;
	position: absolute
}

.x-header_new .box-1 .box1-logo .syx {
	font-size: 18px;
	color: #fff;
	position: absolute;
	left: 100%;
	white-space: nowrap;
	top: 22px;
	line-height: 40px;
	z-index: 1
}

@media screen and (max-width: 768px) {
	.x-header_new .box-1 .box1-logo .syx {
		font-size: 16px
	}
}

.x-header_new .box-1 .box1-logo .box1-bg {
	pointer-events: none
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.x-header_new .box-1 .box1-logo .box1-bg .gif-box img {
	width: 100%;
	height: auto
}

.x-header_new .box-1 .box1-logo .box1-bg .svgbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	padding-top: 25.91973%;
	background: url(../images/png115-1.png) no-repeat top left;
	background-size: contain
}

.x-header_new .box-1 .box1-logo .logo-box {
	width: 443px;
	position: relative;
	overflow: hidden;
	margin-left: -17px;
	position: absolute;
	top: 16px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9
}

.x-header_new .box-1 .box1-logo .logo-box::before {
	content: '';
	display: block;
	padding-top: 20.56452%
}

.x-header_new .box-1 .box1-logo .logo-box .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-top {
	border-bottom: 2px solid #4d88b5;
	background: #0e4e8d;
	position: relative;
	z-index: 9
}

.x-header_new .box-1 .box1-top .flexbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 22px 0
}

.x-header_new .box-1 .box1-top .flexbox .item+.item {
	margin-left: 40px
}

.x-header_new .box-1 .box1-top .flexbox .ffar {
	font-family: 'Arial'
}

.x-header_new .box-1 .box1-top .search-mod .search-tap {
	background: #fff;
}

.x-header_new .box-1 .box1-bot {
	border-bottom: 1px solid rgba(124,48,48,0.07);
	position: relative
}

.x-header_new .box-1 .box1-bot::before {
	content: '';
	height: 214px;
	background: url(../images/png116.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	background-size: 100% 100%;
	display: none;
	pointer-events: none
}

.x-header_new .box-1 .box1-bot a {
	display: block
}

.x-header_new .box-1 .box1-bot .box1-navbox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.x-header_new .box-1 .box1-bot .nav-lv1-tit {
	color: #0e4e8d
}

.x-header_new .box-1 .box1-bot .nav-lv1-item {
	font-size: 22px;
	position: relative
}

@media screen and (max-width: 768px) {
	.x-header_new .box-1 .box1-bot .nav-lv1-item {
		font-size: 18px
	}
}

.x-header_new .box-1 .box1-bot .nav-lv1-item::before {
	content: '';
	position: absolute;
	bottom: -1px;
	left: 50%;
	right: 50%;
	border-top: 1px solid #0e4e8d;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
	margin-left: 35px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item.cur::before {
	left: 0;
	right: 0
}

.x-header_new .box-1 .box1-bot .nav-lv1-item .nav-lv1-link {
	padding: 26px 0 7px
}

.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
	left: auto;
	margin: 0;
	right: -60%;
	-webkit-transform: none;
	transform: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	padding-top: 20px;
	margin-left: 93px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
	padding: 20px 60px 36px 47px;
	width: 788px;
	background: url(../images/jpg77.jpg) no-repeat left bottom;
	background-size: cover
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-lbox {
	width: 59.765%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox {
	width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 40px;
	margin-top: 54px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .p {
	font-size: 16px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox {
	position: relative;
	display: inline-block;
	margin-top: 17px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: -7px;
	left: 10px;
	border-radius: 0 50px 0 50px;
	z-index: 1;
	background-color: rgba(64,134,181,0.6)
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img {
	width: 207px;
	position: relative;
	overflow: hidden;
	border-radius: 0 50px 0 50px;
	z-index: 2
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img::before {
	content: '';
	display: block;
	padding-top: 56.03865%
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-cont .lv2-rbox .imgbox .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.x-header_new .box-1 .box1-bot .nav-lv2 .lv2-lbox-list {
		font-size: 16px
	}
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item {
	width: calc((100% - 41px) / 2);
	position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item::after {
	content: '';
	border-top: 1px solid rgba(255,255,255,.3);
	position: absolute;
	right: 0;
	left: 27px;
	top: 0
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a {
	padding: 12px 0 12px 27px;
	position: relative
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::before {
	content: '';
	width: 5px;
	height: 5px;
	background: rgba(255,255,255,0.8);
	position: absolute;
	left: 0px;
	top: 25px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	background-size: contain
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item a::after {
	content: '';
	background: url(../images/png77.png) no-repeat center;
	-webkit-transform: none;
	transform: none;
	width: 21px;
	height: 19px;
	top: 18px;
	left: -7px;
	position: absolute;
	display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(2n) {
	margin-left: 40px
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:nth-child(-n+2)::after {
	border-top: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::before {
	display: none
}

.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item.cur a::after {
	display: block
}

.x-header_new.header-fixed .box-1 .box1-bot {
	border-bottom-color: rgba(255,255,255,0.27)
}

.x-header_new.header-fixed .box-1 .box1-bot::before {
	display: block
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-tit {
	color: #fff
}

.x-header_new.header-fixed .box-1 .box1-bot .nav-lv1-item::before {
	border-color: #fff
}

.x-header_new .box-2 {
	background-color: #0e4e8d;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	right: 0;
	border-bottom: 2px solid #4d88b5;
}

.x-header_new .box-2 .nav-mod .nav-lv2 {
	padding-top: 34px
}

.x-header_new .box-2 .nav-mod .nav-lv2::after {
	top: 2px
}

.x-header_new .box-2 .slogan {
	width: 415px;
	position: relative;
	overflow: hidden;
	position: absolute;
	top: 33px;
	right: 2px;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	background: url(../images/png80.png) no-repeat center;
	background-size: contain
}

.x-header_new .box-2 .slogan::before {
	content: '';
	display: block;
	padding-top: 6.71506%
}

.x-header_new .box-2 .slogan .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-header_new .box-2-logobox {
	width: 475px;
	position: absolute;
	top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 9
}

.x-header_new .box-2-logobox::before {
	/*content: '';
	width: 100%;
	padding-top: 29.05263%;
	background: url(../images/png120-2.png) no-repeat top center;
	background-size: contain;
	pointer-events: none;
	z-index: 1;
	display: block;
	pointer-events: none;*/
}

.x-header_new .box-2-logobox::after {
	/*content: '';
	width: 125.89473%;
	padding-top: 29.05263%;
	background: url(../images/png120-1.gif) no-repeat top center;
	background-size: contain;
	pointer-events: none;
	z-index: 2;
	display: block;
	position: absolute;
	top: -7px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	pointer-events: none;*/
}

.x-header_new .logo {
	width: 360px;
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, 0);
	transform: translate(-50%, 0);
	top: 24px;
	z-index: 3
}

.x-header_new .logo::before {
	content: '';
	display: block;
	padding-top: 20.56452%
}

.x-header_new .logo .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.x-header_new .logo img {
	width: 100%;
	display: block
}

.x-header_new .logo img:nth-child(2) {
	opacity: 0
}

.x-header_new .logo img.i-show {
	opacity: 1
}

.x-header_new .logo img.i-hid {
	opacity: 0
}

.x-header_new .splite {
	width: 418px;
	margin-left: 32px
}

.x-header_new .top {
	background-color: #0e4e8d
}

.x-header_new .top .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 57px;
	position: relative;
	z-index: 1;
	line-height: 57px;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.x-header_new .top .x-wrap::after {
	display: none
}

.x-header_new .top .l .item:nth-child(n+2) {
	margin-left: 38px
}

.x-header_new .bottom {
	display: none
}

.x-header_new .tools-mod {
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.x-header_new .tools-mod .tools-item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.x-header_new .tools-mod .tools-item+.tools-item {
	margin-left: 38px
}

.x-header_new .search-mod .search-tap {
	width: 75px;
	height: 40px;
	background-color: #fff;
	border-radius: 99px;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

@media screen and (max-width: 768px) {
	.x-header_new .search-mod .search-tap {
		font-size: 16px
	}
}

.x-header_new .search-mod .search-tap::before {
	content: '';
	width: 15px;
	height: 15px;
	background: url(../images/png62.png) no-repeat;
	background-size: contain;
	-webkit-transform: none;
	transform: none;
	position: static;
	vertical-align: middle
}

.x-header_new .search-mod .search-tap:hover {
	color: #fff
}

.x-header_new .search-mod .search-tap ~ .search-box {
	border: none;
	border-radius: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 15px;
	right: 0px;
	overflow: visible;
	-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2);
	box-shadow: 0 0 15px rgba(0,0,0,0.2);
	width: 487px;
	background-color: #0e4e8d;
	height: 70px;
	border-radius: 999px;
	margin-top: 28px
}

.x-header_new .search-mod .search-btn {
	width: 75px;
	color: #fff;
	background-color: #466495;
	border-radius: 999px
}

.x-header_new .search-mod .search-submit {
	width: 100%
}

.x-header_new .search-mod .search-txt,.x-header_new .search-mod .search-btn {
	display: block
}

.x-header_new .search-mod .search-txt {
	padding: 0 1em 0 5px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.x-header_new .search-mod .search-input {
	height: 100%;
	color: #fff
}

.x-header_new .search-mod .search-input::-webkit-input-placeholder {
	color: #6984ad
}

.x-header_new .search-mod .search-input::-moz-placeholder {
	color: #6984ad
}

.x-header_new .search-mod .search-input:-ms-input-placeholder {
	color: #6984ad
}

.x-header_new .search-mod .search-input::-ms-input-placeholder {
	color: #6984ad
}

.x-header_new .search-mod .search-input::placeholder {
	color: #6984ad
}

.x-header_new .search-tap {
	-webkit-transition: none;
	transition: none
}

.x-header_new.white {
	background: rgba(255,255,255,0.8)
}

.x-header_new.white .search-mod .search-tap {
	background: #0e4e8d;
	color: #fff
}

.x-header_new.white .search-mod .search-tap ~ .search-box {
	background: #0e4e8d
}

.x-header_new.white .search-mod .search-input::-webkit-input-placeholder {
	color: #fff
}

.x-header_new.white .search-mod .search-input::-moz-placeholder {
	color: #fff
}

.x-header_new.white .search-mod .search-input:-ms-input-placeholder {
	color: #fff
}

.x-header_new.white .search-mod .search-input::-ms-input-placeholder {
	color: #fff
}

.x-header_new.white .search-mod .search-input::placeholder {
	color: #fff
}

.x-header_new.white .search-mod .search-btn {
	color: #0e4e8d;
	background-color: #fff
}

.x-header_new.white .logo img:nth-child(2) {
	opacity: 1
}

.x-header_new.white .nav-mod {
	color: #0e4e8d
}

.x-header_new.white .nav-mod .nav-lv2 {
	color: #0e4e8d
}

.x-header_new.white .nav-mod .nav-lv2::after {
	background: rgba(255,255,255,0.7)
}

.x-header_new.white .nav-mod .nav-lv1-item .nav-lv1-link::after {
	border-color: #ab0d29
}

.x-header_new.white .nav-mod .nav-lv2-item .nav-lv2-link::before {
	background-image: url(../images/png67-1.png)
}

.x-header_new.white .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
	background-image: url(../images/png68-1.jpg)
}

.x-header_new .logo .syx {
	text-align: center;
	margin-top: 5px;
	font-size: 16px;
	color: #fff
}

@media screen and (min-width: 1025px) {
	.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::before {
		display: none
	}

	.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover a::after {
		display: block
	}

	.x-header_new.wht {
		position: fixed
	}

	.x-header_new.wht .box-1 {
		opacity: 0;
		visibility: hidden;
		z-index: -1;
		display: none
	}

	.x-header_new.wht .box-2 {
		opacity: 1;
		visibility: visible;
		z-index: 2
	}

	.x-header_new {
		color: #fff
	}

	.x-header_new .box-1 .box1-top a:hover {
		color: #268cdb
	}

	.x-header_new .box-1 .box1-bot .nav-lv1-item:hover::before {
		left: 0;
		right: 0
	}

	.x-header_new .box-1 .box1-bot .nav-lv1-item:hover .nav-lv2 {
		opacity: 1;
		visibility: visible
	}

	.x-header_new .box-1 .box1-bot .nav-lv2 .nav-lv2-item:hover::before {
		background: url(../images/png77.png) no-repeat center;
		-webkit-transform: none;
		transform: none;
		width: 21px;
		height: 19px;
		top: 19px;
		left: -34px
	}

	.x-header_new .box-2 .slogan.show {
		opacity: 1;
		visibility: visible
	}

	.x-header_new .box-2 .slogan.lshow {
		opacity: 1;
		visibility: visible;
		right: auto;
		left: 0px
	}

	.x-header_new .top a:hover {
		color: #268cdb
	}

	.x-header_new .nav-mod {
		border: none;
		padding-top: 0 !important
	}

	.x-header_new .nav-mod .nav-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		position: relative;
		border: none
	}

	.x-header_new .nav-mod .nav-box::after {
		display: none
	}

	.x-header_new .nav-mod .nav-tit .arr {
		display: none
	}

	.x-header_new .nav-mod .nav-link {
		display: block;
		white-space: nowrap
	}

	.x-header_new .nav-mod .nav-lv {
		position: absolute;
		min-width: 100%;
		background-color: #fff;
		opacity: 0;
		visibility: hidden
	}

	.x-header_new .nav-mod .nav-lv1 {
		text-align: center;
		font-size: 0
	}

	.x-header_new .nav-mod .nav-lv1-item {
		display: inline-block;
		font-size: 16px
	}

	.x-header_new .nav-mod .nav-lv1-item .nav-lv1-link {
		position: relative
	}

	.x-header_new .nav-mod .nav-lv1-item .nav-lv1-link::after {
		content: '';
		position: absolute;
		left: 50%;
		right: 50%;
		bottom: 0;
		border-top: 3px solid #5899cc;
		-webkit-transition: all 0.3s;
		transition: all 0.3s
	}

	.x-header_new .nav-mod .nav-lv1-item.cur .nav-lv1-link::after {
		left: -20px;
		right: -20px
	}

	.x-header_new .nav-mod .nav-lv1-link {
		line-height: 93px
	}

	.x-header_new .nav-mod .nav-lv2 {
		position: absolute;
		background: none;
		border-bottom: none;
		padding: 32px 0;
		width: auto;
		top: 100%;
		left: 0;
		min-width: 0;
		color: #fff
	}

	.x-header_new .nav-mod .nav-lv2::after {
		content: '';
		position: absolute;
		top: 0;
		bottom: 0;
		left: -2000px;
		right: -2000px;
		background-color: rgba(0,73,130,0.8)
	}

	.x-header_new .nav-mod .nav-grp {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		position: relative;
		z-index: 2
	}

	.x-header_new .nav-mod .nav-lv2-item {
		margin-right: 50px
	}

	.x-header_new .nav-mod .nav-lv2-item:last-child {
		margin-right: 0
	}

	.x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
		display: none
	}

	.x-header_new .nav-mod .nav-lv2-item:hover .nav-lv2-link::after {
		display: block
	}

	.x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::before {
		display: none
	}

	.x-header_new .nav-mod .nav-lv2-item.cur .nav-lv2-link::after {
		display: block
	}

	.x-header_new .nav-mod .nav-lv2-tit {
		text-align: center
	}

	.x-header_new .nav-mod .nav-lv2-link {
		padding-left: 30px;
		position: relative
	}

	.x-header_new .nav-mod .nav-lv2-link::before {
		content: "";
		position: absolute;
		left: 13px;
		top: 50%;
		background: #fff;
		width: 7px;
		height: 7px;
		margin-top: -4px
	}

	.x-header_new .nav-mod .nav-lv2-link::after {
		content: '';
		background-image: url(../images/png79.png);
		width: 21px;
		height: 19px;
		position: absolute;
		left: 0;
		top: 50%;
		margin-top: -11px;
		display: none
	}

	.x-header_new .nav-mod .nav-lv3 {
		left: 100%;
		top: 0
	}

	.x-header_new .nav-mod .nav-lv3-item {
		position: relative;
		float: left
	}

	.x-header_new .nav-mod .nav-lv3-item+.nav-lv3-item {
		margin-top: 8px
	}

	.x-header_new .nav-mod .nav-item:hover>.nav-lv {
		opacity: 1;
		visibility: visible;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
		color: #fff
	}

	.x-header_new .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link::after {
		left: -20px;
		right: -20px
	}

	.x-header_new.white .nav-mod .nav-item:hover>.nav-tit .nav-lv1-link {
		color: #0e4e8d
	}

	.x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link {
		color: #0e4e8d
	}

	.x-header_new.white .nav-mod .nav-lv2-item:hover .nav-lv2-link::before {
		background-image: url(../images/png68-1.jpg)
	}
}

@media screen and (max-width: 1920px) {
	.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(3) .nav-lv2 {
		left: auto;
		margin: 0;
		right: -80%;
		-webkit-transform: none;
		transform: none
	}

	.x-header_new .box-2 .slogan {
		width: 415px;
		top: 32px
	}
}

@media screen and (max-width: 1700px) {
	.x-header_new .box-1 .box1-bot .nav-lv2 {
		margin: 0
	}
}

@media screen and (max-width: 1600px) {
	.x-header_new .search-mod .search-tap {
		padding: 6px 15px
	}

	.x-header_new .nav-mod .nav-lv2-item {
		margin-right: 20px
	}

	.x-header_new .box-1 .box1-top .flexbox {
		padding: 15px 0
	}

	.x-header_new .box-1 .box1-logo .syx {
		top: 15px
	}

	.x-header_new .box-1 .box1-bot .nav-lv1-item {
		font-size: 20px
	}

	.x-header_new .box-1 .box1-bot .nav-lv1-item+.nav-lv1-item {
		margin-left: 20px
	}

	.x-header_new .box-1 .box1-logo {
		width: 500px
	}

	.x-header_new .box-1 .box1-logo .logo-box {
		top: 20px;
		width: 200px;
		margin-left: -30px
	}

	.x-header_new .box-1 .box1-bot .nav-lv2 .nav-grp {
		width: 700px
	}
}

@media screen and (max-width: 1500px) {
	.x-header_new .box-2 .slogan {
		width: 375px;
		top: 34px
	}
}

@media screen and (max-width: 1400px) {
	.x-header_new .nav-mod .nav-lv1-link {
		line-height: 70px
	}

	.x-header_new .splite {
		width: 300px
	}

	.x-header_new .logo {
		width: 300px;
		top: 20px
	}

	.x-header_new .box-2-logobox {
		width: 360px
	}

	.x-header_new .box-1 .box1-top .flexbox .item+.item {
		margin-left: 30px
	}

	.x-header_new .box-1 .box1-logo {
		width: 440px
	}

	.x-header_new .box-2 .slogan {
		width: 330px;
		top: 35px
	}

	.x-header_new .nav-mod .nav-lv2-item {
		margin-right: 10px
	}
}

@media screen and (max-width: 1300px) {
	.x-header_new.home .logo {
		height: 60px
	}

	.x-header_new.home .nav-mod .nav-lv1-item {
		padding: 0 30px
	}

	.x-header_new .top .x-wrap {
		height: 60px;
		line-height: 60px;
		font-size: 14px
	}

	.x-header_new .nav-mod .nav-lv1-link {
		line-height: 70px
	}

	.x-header_new .top .l .item:nth-child(n+2) {
		margin-left: 30px
	}

	.nav-mod .nav-lv2 {
		width: 600px
	}

	.x-header_new .tools-mod .search-mod .search-box {
		width: 370px;
		height: 61px;
		padding: 10px 10px 10px 0
	}

	.x-header_new .box-2-logobox {
		width: 320px
	}

	.x-header_new .logo {
		top: 12px
	}

	.x-header_new .box-2 .slogan {
		width: 300px;
		top: 37px
	}

	.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(1) .nav-lv2,.x-header_new .box-1 .box1-bot .nav-lv1-item:nth-last-child(2) .nav-lv2 {
		right: 0%
	}

	.x-header_new .box-1 .box1-logo {
		width: 430px
	}
}

@media screen and (max-width: 1200px) {
	.x-header_new .box-1 .box1-logo {
		width: 400px
	}

	.x-header_new.home .nav-mod .nav-lv1-item {
		padding: 0 15px
	}

	.x-header_new .nav-mod .nav-lv1-item {
		font-size: 14px
	}

	.x-header_new .box-2 .slogan {
		width: 250px;
		top: 36px
	}
}
@media screen and (max-width: 1100px) {
	.x-header_new .top .l .item:nth-child(n+2) {
		margin-left: 25px
	}

	.x-header_new .box-1 .box1-logo .syx {
		margin-left: -80px
	}

	.x-header_new .box-2 .slogan {
		width: 200px;
		top: 39px
	}
}

@media screen and (max-width: 1024px) {
	.x-layout {
		padding-top: 0px
	}

	.x-header_new.home {
		color: #333;
		position: relative
	}

	.x-header_new .box-2 {
		opacity: 1;
		visibility: visible;
		position: relative;
		border-width: 0px
	}

	.x-header_new .box-2 .slogan-wrap {
		position: absolute;
		top: 0;
		z-index: 1;
		left: 0;
		right: 0;
		bottom: 0
	}

	.x-header_new .box-2 .slogan {
		width: 50.1333%;
		position: relative;
		overflow: hidden;
		position: absolute;
		right: 9%;
		left: auto;
		z-index: 9;
		background-image: url(../images/png122.png);
		opacity: 1;
		visibility: visible;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.x-header_new .box-2 .slogan::before {
		content: '';
		display: block;
		padding-top: 7.18085%
	}

	.x-header_new .box-2 .slogan .i {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.x-header_new .box-2 .nav-mod .nav-lv2 {
		padding-top: 10px
	}

	.x-header_new .x-wrap {
		margin: 0
	}

	.x-header_new .splite {
		width: auto
	}

	.x-header_new .top {
		display: none
	}

	.x-header_new .bottom {
		display: block;
		height: auto;
		line-height: 1;
		background-color: #fff
	}

	.x-header_new .bottom .l {
		padding: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		border-top: 1px solid #ddd
	}

	.x-header_new .bottom .l .item {
		margin: 0 !important
	}

	.x-header_new .bottom .tools-mod {
		border-top: 1px solid rgba(255,255,255,.5);
		padding: 15px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.x-header_new .bottom .tools-mod::after {
		display: none
	}

	.x-header_new .bottom .tools-mod .tools-item {
		margin: 0 !important
	}

	.x-header_new .bottom .search-mod .search-tap {
		width: 20px;
		height: 20px
	}

	.x-header_new .menu-mod {
		position: relative;
		padding: 10px 15px;
		height: 60px;
		z-index: 2
	}

	.x-header_new .menu-mod::after {
		content: '';
		position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		border-top: 1px solid #4d88b5
	}

	.x-header_new .menu-mod .logo {
		/*width: 48.58156%;*/
		left: 13.47517%;
		-webkit-transform: none;
		transform: none;
		/*top: 20%*/
	}

	.x-header_new .menu-mod .logo a {
		padding: 0
	}

	.x-header_new.home .nav-mod .nav-lv1-item {
		padding: 0
	}

	.x-header_new.home .tools-mod .eml {
		background-image: url(../images/ico_mail.png)
	}

	.x-header_new .menu-btn {
		position: absolute;
		width: 40px;
		overflow: hidden;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 15px
	}

	.x-header_new .menu-btn::before {
		content: '';
		display: block;
		padding-top: 100%
	}

	.x-header_new .menu-btn .line {
		width: 60%;
		height: 2px;
		-webkit-transition: background .3s;
		transition: background .3s
	}

	.x-header_new .menu-btn .line,.x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
		position: absolute;
		left: 0;
		right: 0;
		top: 0;
		bottom: 0;
		margin: auto;
		background-color: #fff;
		border-radius: 1px
	}

	.x-header_new .menu-btn .line::before,.x-header_new .menu-btn .line::after {
		content: '';
		width: 100%;
		-webkit-transition: all .3s;
		transition: all .3s
	}

	.x-header_new .menu-btn .line::before {
		-webkit-transform: translateY(-400%);
		transform: translateY(-400%)
	}

	.x-header_new .menu-btn .line::after {
		-webkit-transform: translateY(400%);
		transform: translateY(400%)
	}

	.x-header_new .search-box,.x-header_new .share-box {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		position: relative;
		padding: 5px 15px
	}

	.x-header_new .search-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		border-bottom: 1px solid #ccc;
		background-color: #fff
	}

	.x-header_new .search-box>* {
		width: 0;
		height: auto;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1;
		-ms-flex-negative: 1;
		flex-shrink: 1
	}

	.x-header_new .search-box>:last-child {
		width: auto;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		-ms-flex-negative: 0;
		flex-shrink: 0
	}

	.x-header_new .search-box .search-input {
		display: block;
		width: 100%;
		height: 30px
	}

	.x-header_new .search-box .search-input::-webkit-input-placeholder {
		color: #fff
	}

	.x-header_new .search-box .search-input::-moz-placeholder {
		color: #fff
	}

	.x-header_new .search-box .search-input:-ms-input-placeholder {
		color: #fff
	}

	.x-header_new .search-box .search-input::-ms-input-placeholder {
		color: #fff
	}

	.x-header_new .search-box .search-input::placeholder {
		color: #fff
	}

	.x-header_new .search-box .search-submit {
		width: 40px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 20px
	}

	.x-header_new .share-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		border-top: 1px solid #ccc
	}

	.x-header_new .share-box .share-item {
		font-size: 1.2em
	}

	.x-header_new .nav-mod {
		position: fixed;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
		overflow: hidden;
		padding-top: 135px;
		background: url(../images/jpg79.jpg) no-repeat bottom center;
		background-size: 100% auto;
		color: #fff;
		-webkit-transform: translateY(-150%);
		transform: translateY(-150%)
	}

	.x-header_new .nav-mod .x-wrap {
		margin: 0 15px
	}

	.x-header_new .nav-mod .search-box,.x-header_new .nav-mod .nav-box,.x-header_new .nav-mod .bottom {
		background: transparent
	}

	.x-header_new .nav-mod .search-box {
		background: #0e4e8d;
		border-radius: 999px;
		border: none;
		margin-bottom: 10px;
		padding-right: 10px
	}

	.x-header_new .nav-mod .x-wrap {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column
	}

	.x-header_new .nav-mod .splite {
		display: none
	}

	.x-header_new .nav-mod .nav-lv1-link {
		line-height: 1.8;
		padding: 10px 0
	}

	.x-header_new .nav-mod .nav-lv2 {
		width: auto;
		color: rgba(255,255,255,0.5);
	}

	.x-header_new .nav-box {
		-webkit-box-flex: 1;
		-ms-flex: auto;
		flex: auto;
		overflow-y: auto;
		overscroll-behavior-y: contain;
		background-color: #fff
	}

	.x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::before {
		display: none
	}

	.x-header_new .nav-box .nav-lv1-item.cur .nav-lv1-tit::after {
		display: block
	}

	.x-header_new .nav-box .nav-lv2-item.cur .nav-lv2-link {
		color: #fff
	}

	.x-header_new .nav-item.act>.nav-tit .arr {
		-webkit-transform: rotate(180deg);
		transform: rotate(180deg)
	}

	.x-header_new .nav-item.act>.nav-tit .arr::before {
		right: auto;
		left: 0
	}

	.x-header_new .nav-lv1-item {
		padding: 0 0 0 35px
	}

	.x-header_new .nav-tit {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.x-header_new .nav-tit .arr {
		-ms-flex-negative: 0;
		flex-shrink: 0;
		-webkit-box-flex: 0;
		-ms-flex-positive: 0;
		flex-grow: 0;
		width: 40px;
		height: auto;
		color: rgba(255,255,255,0.5);
	}

	.x-header_new .nav-tit .arr::before {
		left: auto;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		right: 0
	}

	.x-header_new .nav-tit .nav-link {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-ms-flex-negative: 1;
		flex-shrink: 1;
		-webkit-box-flex: 1;
		-ms-flex-positive: 1;
		flex-grow: 1
	}

	.x-header_new .nav-tit+.nav-lv {
		display: none
	}

	.x-header_new .nav-lv1-tit {
		border-bottom: 1px solid rgba(255,255,255,0.5);
		position: relative
	}

	.x-header_new .nav-lv1-tit::before,.x-header_new .nav-lv1-tit::after {
		content: '';
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		background-position: center;
		background-repeat: no-repeat;
		background-size: contain
	}

	.x-header_new .nav-lv1-tit::before {
		width: 7px;
		height: 7px;
		background-image: url(../images/png135.png);
		right: calc(100% + 19px)
	}

	.x-header_new .nav-lv1-tit::after {
		width: 21px;
		height: 19px;
		background-image: url(../images/png134.png);
		right: calc(100% + 14px);
		display: none
	}

	.x-header_new .nav-lv1-link {
		font-size: 1.125em
	}

	.x-header_new .nav-lv2 {
		padding: 10px 15px
	}

	.x-header_new .nav-lv2-tit {
		padding: 5px 0
	}

	.x-header_new.menu-open {
		z-index: 999
	}

	.x-header_new.menu-open .line {
		background-color: transparent
	}

	.x-header_new.menu-open .line::before {
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg)
	}

	.x-header_new.menu-open .line::after {
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg)
	}

	.x-header_new.menu-open .nav-mod {
		-webkit-transform: translateY(0%);
		transform: translateY(0%)
	}

	.x-header_new.white .menu-btn .line,.x-header_new.white .menu-btn .line::before,.x-header_new.white .menu-btn .line::after {
		background: #0e4e8d
	}

	.x-header_new.white.menu-open .line {
		background-color: transparent
	}

	.x-header_new .box-2-logobox {
		-webkit-transform: none;
		transform: none;
		top: 0;
		left: 0;
		width: 37.6%
	}

	.x-header_new .box-2-logobox::before {
		background-image: url(../images/png121.png);
		padding-top: 26.5957%;
		background-position: left top
	}

	.x-header_new .box-2-logobox::after {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.x-header_new .menu-mod .logo {
		left: 10px;
		/*width: 40%;*/
		overflow: inherit
	}

	.x-header_new .menu-mod .logo .syx {
		position: absolute;
		left: 100%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #fff;
		font-size: 14px;
		white-space: nowrap;
		margin-left: 10px
	}

	.x-header_new .box-2-logobox {
		width: 75%
	}

	.x-header_new .box-2-logobox::before {
		background-position: right top;
		margin-left: -85px
	}

	.x-header_new .box-2 .slogan {
		width: 35%;
		right: 13%
	}

	.x-header_new .nav-mod {
		padding: 95px 0 0
	}

	.x-header_new .nav-mod .nav-lv1-item {
		padding-left: 20px
	}

	.x-header_new .nav-mod .nav-lv2 {
		padding: 0px 10px
	}

	.x-header_new .nav-mod .nav-lv1-link {
		padding: 5px 0
	}

	.x-header_new .nav-mod .nav-lv1-tit::before {
		right: calc(100% + 9px)
	}

	.x-header_new .nav-mod .nav-lv1-tit::after {
		width: 13px;
		height: 13px;
		right: calc(100% + 5px)
	}

	.x-header_new .nav-mod .nav-lv2-tit {
		padding: 3px 0
	}

	.x-header_new .menu-btn {
		right: 5px
	}

	.x-header_new .logo .syx {
		text-align: center;
		margin-top: 0
	}
}

.audio-mod.ui {
	position: relative;
	padding: 1em;
	border: 1px solid;
	border-radius: 5px
}

.audio-mod .audio-title {
	padding: 1em;
	text-align: center
}

.audio-mod .audio-list {
	position: absolute;
	right: 1em;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.audio-mod .audio-list .select-bar {
	border: 0;
	height: 30px
}

.audio-mod .audio-list .select-cont {
	left: auto;
	width: 300px
}

.audio-mod .audio-control {
	float: left
}

.audio-mod .audio-play {
	border: 1px solid;
	border-radius: 999px
}

.audio-mod .audio-play.icon-media-pause.icon-media-buffer {
	-webkit-animation: animat-ring 3s linear infinite;
	animation: animat-ring 3s linear infinite
}

.audio-mod .audio-prev.disable,.audio-mod .audio-next.disable {
	background: #ccc;
	cursor: default;
	pointer-events: none
}

.audio-mod .audio-volume {
	position: absolute;
	top: 50%;
	right: 4em;
	-webkit-transform: translateY(-50%) scale(1);
	transform: translateY(-50%) scale(1)
}

.audio-mod .audio-volume .audio-volume-box {
	position: absolute;
	left: 50%;
	bottom: 100%;
	padding: 1em 0;
	width: 100%;
	background: rgba(0,0,0,0.8);
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility;
	transition-property: opacity, visibility;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.audio-mod .audio-volume .audio-volume-track {
	position: relative;
	margin: auto;
	width: 4px;
	height: 50px;
	background: #eee
}

.audio-mod .audio-volume .audio-volume-bar {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	background-color: #666
}

.audio-mod .audio-volume .audio-volume-bar::after {
	content: '';
	position: absolute;
	left: 50%;
	top: 0;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border-radius: 999px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer
}

.audio-mod .audio-volume:hover .audio-volume-box {
	opacity: 1;
	visibility: visible
}

.audio-mod .audio-panel {
	margin-left: 4em;
	margin-top: 5px
}

.audio-mod .audio-progress {
	position: relative;
	margin-bottom: 5px;
	height: 4px;
	background-color: #eee
}

.audio-mod .audio-progress .audio-progress-bar {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 0;
	background-color: #333
}

.audio-mod .audio-progress .audio-progress-bar::after {
	content: '';
	position: absolute;
	right: 0;
	top: 50%;
	width: 10px;
	height: 10px;
	background-color: #fff;
	border: 1px solid;
	border-radius: 999px;
	-webkit-transform: translate(50%, -50%);
	transform: translate(50%, -50%)
}

.audio-mod .audio-time {
	position: relative;
	font-family: arial;
	line-height: 1;
	overflow: hidden
}

.audio-mod .audio-current {
	float: left
}

.audio-mod .audio-duration {
	float: right
}

.audio-mod .audio-surplus {
	float: right
}

@media screen and (max-width: 1024px) {
	.audio-mod .audio-volume-box {
		display: none
	}
}

.banner_page {
	height: 335px;
	position: relative;
	color: #fff;
	overflow: hidden
}

.banner_page .bread-mod {
	color: inherit
}

.banner_page .bg {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background: no-repeat center center / cover
}

.banner_page .bg .mask {
	background: #000
}

.banner_page .head {
	position: absolute;
	left: 0;
	top: 160px;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 48px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.banner_page .head {
		font-size: 28px
	}
}

.banner_page .head .lt {
	position: absolute;
	left: 50%;
	bottom: 45%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-bottom: 1em;
	-webkit-transition: all 1s ease-out 0s;
	transition: all 1s ease-out 0s;
	clip: rect(0, 200px, 0, 0)
}

.banner_page .head .lb {
	position: absolute;
	left: 50%;
	top: 45%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	margin-top: 0.9em;
	-webkit-transition: all 1s ease-out 2s;
	transition: all 1s ease-out 2s;
	clip: rect(0, 200px, 0, 0)
}

.banner_page .head .img {
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: -1em;
	-webkit-transition: all 1.5s ease-out 1s;
	transition: all 1.5s ease-out 1s;
	opacity: 0
}

.banner_page .head .title {
	position: relative;
	-webkit-transition: all 1.5s ease-out 1s;
	transition: all 1.5s ease-out 1s;
	-webkit-transform: scale(1.5);
	transform: scale(1.5);
	opacity: 0
}

.banner_page.showd .head {
	position: absolute;
	left: 0;
	top: 160px;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 48px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.banner_page.showd .head {
		font-size: 28px
	}
}

.banner_page.showd .head .lt {
	clip: rect(0, 200px, 500px, 0);
	width:80px;
}

.banner_page.showd .head .lb {
	clip: rect(0, 200px, 300px, 0);
	width:6px;
}

.banner_page.showd .head .img {
	opacity: 1;
	width:200px;
}

@media screen and (max-width: 768px) {
	.banner_page.showd .head .img {
		width:150px;
	}
	.banner_page.showd .head .lt {
		width:50px;
	}
	.banner_page.showd .head .title{
		font-size:24px;
	}
}

.banner_page.showd .head .title {
	opacity: 1;
	-webkit-transform: none;
	transform: none;
	font-size:26px;
	margin-top:-15px;
}

.banner_page .nav {
	position: absolute;
	left: 0;
	right: 0;
	font-size: 30px;
	bottom: 2em;
	text-align: center;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.banner_page .nav {
		font-size: 22px
	}
}

.banner_page .nav a {
	margin: 0 1em;
	display: inline-block
}

.banner_page .nav a.now {
	font-size: 36px;
}
@media screen and (max-width: 768px) {
	.banner_page .nav a.now {
		font-size: 28px;
	}
}
.banner_page .box1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%;
	position: relative
}

.banner_page .box1 .b {
	margin-top: 3.5em
}

@media screen and (max-width: 1400px) {
	.banner_page {
		height: 370px
	}
	.banner_page.showd .head{
		top:80px;
	}
	.banner_page.showd .head .img {
		width:150px;
	}
	.banner_page.showd .head .lt {
		width:50px;
	}
	.banner_page.showd .head .title{
		font-size:24px;
	}

	.banner_page .head {
		font-size: 38px
	}

	.banner_page .head .img {
		-webkit-transform: translate(-50%, -50%) scale(0.95);
		transform: translate(-50%, -50%) scale(0.95)
	}

	.banner_page .nav {
		bottom: 1em;
		font-size: 26px
	}

	.banner_page .head .img {
		margin-top: -0.5em
	}

	.banner_page .head .lt {
		bottom: 40%
	}

	.banner_page .head .lb {
		top: 53%
	}

	.banner_page .head .title {
		margin-top: 0px;
	}
}

@media screen and (max-width: 1200px) {
	.banner_page .nav {
		font-size: 24px
	}
}

@media screen and (max-width: 1100px) {
	.banner_page .head .title {
		font-size: 33px
	}
}

@media screen and (min-width: 1025px) {
	.banner_page .nav a:hover {
		font-size: 1.3em
	}
}

@media screen and (max-width: 1024px) {
	.banner_page .head {
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 48px;
		line-height: 1.2
	}
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
	.banner_page .head {
		font-size: 28px
	}
}

@media screen and (max-width: 1024px) {
	.banner_page .head .lt {
		clip: rect(0, 200px, 500px, 0)
	}

	.banner_page .head .lb {
		clip: rect(0, 200px, 300px, 0)
	}

	.banner_page .head .img {
		opacity: 1
	}

	.banner_page .head .title {
		opacity: 1;
		-webkit-transform: none;
		transform: none
	}
}

@media screen and (max-width: 1023px) {
	.banner_page {
		height: 370px
	}

	.banner_page.showd .head {
		top: 50px;
	}

	.banner_page.showd .title {
		font-size: 26px
	}

	.banner_page .head {
		font-size: 26px;
		top: 0
	}

	.banner_page .img {
		width: 200px
	}

	.banner_page .lt {
		width: 60px
	}

	.banner_page .lb {
		width: 6px
	}

	.banner_page .nav {
		font-size: 18px
	}

	.banner_page .nav a {
		margin: 0 0.8em
	}

	.banner_page .head .title {
		margin-top: 0
	}

	.banner_page .head .lb {
		top: 45%
	}
}

@media screen and (max-width: 768px) {
	.banner_page {
		height: 130px
	}
	.banner_page .head .lt {
		bottom: 46%
	}

	.banner_page .head .lb {
		top: 50%
	}
}

.bread-mod {
	position: absolute;
	left: 0;
	top: 35px;
	right: 0;
	color: #999;
	z-index: 2
}

.bread-mod .bread-item {
	display: inline-block
}

.bread-mod .bread-item+.bread-item::before {
	content: '>';
	padding: 0 5px;
	font-family: Arial
}

@media screen and (min-width: 1025px) {
	.bread-mod .bread-link:hover {
		color: #0e4e8d
	}
}

@media screen and (max-width: 1024px) {
	.bread-mod {
		display: none
	}
}

div[data-search] * {
	-webkit-box-sizing: content-box;
	box-sizing: content-box
}

div[data-search] .BMapLib_sms_pnl_phone input,div[data-search] .BMapLib_sms_pnl_phone button,div[data-search] .BMapLib_sms_pnl_phone textarea,div[data-search] .BMapLib_sms_pnl_phone select {
	min-height: auto;
	border: 1px solid
}

div[data-search] .BMapLib_bubble_content {
	overflow: auto
}

div[data-search] .infoBox {
	padding: 10px;
	width: 290px;
	background-color: #fff
}

div[data-search] .infoBox>img {
	top: 10px;
	right: 10px !important
}

.bdmap {
	height: 600px
}

.pop-mod {
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.7);
	z-index: -1;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s, 0s, .3s;
	transition-delay: 0s, 0s, .3s
}

.pop-mod .pop-close {
	position: absolute;
	right: 0px;
	bottom: 100%;
	margin-bottom: 10px;
	font-size: 26px;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	color: #fff
}

.pop-mod .pop-panel {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	font-size: 0;
	text-align: center;
	overflow: hidden
}

.pop-mod .pop-panel::after {
	content: '';
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.pop-mod .pop-dialog {
	position: relative;
	display: inline-block;
	max-width: 100%;
	background: #fff;
	font-size: 16px;
	text-align: left;
	vertical-align: middle;
	word-break: normal
}

.pop-mod .video-native {
	display: none
}

.pop-mod video,.pop-mod iframe {
	display: none;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%
}

.pop-mod.x-show {
	opacity: 1;
	visibility: visible;
	z-index: 999;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s, 0s, 0s;
	transition-delay: 0s, 0s, 0s
}

.pop-mod.x-show video,.pop-mod.x-show iframe,.pop-mod.x-show .video-native {
	display: block
}

@media screen and (min-width: 1025px) {
	.pop-mod.x-show .pop-panel {
		overflow-y: scroll
	}

	.pop-mod.x-show>.pop-close {
		margin-right: 17px
	}

	.full-screen .pop-mod.x-show>.pop-close {
		margin-right: 0
	}

	.full-screen .pop-mod.x-show .pop-panel {
		overflow: auto
	}
}

@media screen and (max-width: 1024px) {
	.pop-mod .pop-panel {
		padding: 0 15px;
		overflow: auto;
		overscroll-behavior-y: contain
	}

	.pop-mod .pop-panel .pop-dialog {
		width: 100%
	}
}

.paging-mod {
	text-align: center;
	margin: 50px 0 0;
}

.paging-mod .paging-box {
	display: inline-block;
	vertical-align: top
}

.paging-mod .paging-item {
	float: left;
	min-width: 36px;
	font-family: Arial;
	font-size: 16px;
	line-height: 34px
}

.paging-mod .paging-arrow,.paging-mod .paging-link {
	padding: 0 5px;
	border-radius: 5px;
	border: 1px solid #fff;
	background-color: #fff;
	-webkit-transition-property: color, background, border;
	transition-property: color, background, border;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.paging-mod .paging-arrow:first-child {
	margin-right: 10px
}

.paging-mod .paging-link+.paging-link {
	margin-left: 12px
}

.paging-mod .paging-link+.paging-arrow {
	margin-left: 10px
}

.paging-mod .paging-link.cur {
	background-color: #0e4e8d;
	border-color: #0e4e8d;
	color: #fff;
	cursor: default;
	pointer-events: none
}

.paging-mod .paging-dot {
	margin: 0 5px;
	font-weight: bold;
	letter-spacing: 0.2em
}

.paging-mod .paging-jump {
	margin-left: 26px;
	width: 120px;
	height: 40px;
	border: 1px solid #0e4e8d;
	border-radius: 4px;
	overflow: hidden;
	position: relative;
	top: -2px
}

.paging-mod .paging-table {
	display: table;
	width: 100%;
	height: 100%;
	background: #fff
}

.paging-mod .paging-cell {
	display: table-cell;
	width: 100%;
	height: 100%;
	vertical-align: middle
}

.paging-mod .paging-cell:first-child {
	border-radius: 4px 0 0 4px;
	border-right: none
}

.paging-mod .paging-input {
	display: block;
	padding: 0 10px;
	width: 100%;
	line-height: 1.5;
	text-align: center
}

.paging-mod .paging-btn {
	display: block;
	width: 55px;
	cursor: pointer;
	border-radius: 4px;
	background: #0e4e8d;
	color: #fff;
	height: 34px;
	margin-right: 2px;
	font-family: 'Microsoft Yahei','PingFang SC',Arial,sans-serif
}

.paging-mod .paging-more {
	display: none
}

@media screen and (min-width: 1025px) {
	.paging-mod .paging-link:not(.cur):hover,.paging-mod .paging-arrow:hover {
		background-color: #0e4e8d;
		border-color: #0e4e8d;
		color: #fff
	}
}

@media screen and (max-width: 1024px) {
	.paging-mod {
		margin: 30px 0
	}

	.paging-mod .paging-box {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 34px;
	}

	.paging-mod .paging-item,.paging-mod .paging-input {
		line-height: normal
	}

	.paging-mod .paging-item {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.paging-mod .paging-more {
		display: inline-block;
		padding: 5px 15px;
		border: 1px solid #ddd;
		border-radius: 999px;
		background: #ddd;
		width: 120px
	}
}

.scroll-mod {
	position: relative;
	overflow: hidden
}

.scroll-mod.scroll-axis-x {
	padding-bottom: 10px
}

.scroll-mod.scroll-axis-y {
	padding-right: 10px
}

.scroll-cont {
	height: 100%;
	max-height: inherit;
	overflow: auto;
	scrollbar-width: none;
	-ms-overflow-style: none
}

.scroll-cont::-webkit-scrollbar {
	display: none
}

.scroll-track-x,.scroll-track-y {
	position: absolute;
	background-color: rgba(0,0,0,0.1)
}

.scroll-bar-x,.scroll-bar-y {
	background-color: #aaa;
	border-radius: 999999px;
	cursor: pointer
}

.scroll-track-x {
	bottom: 0;
	left: 0;
	right: 0
}

.scroll-bar-x {
	width: 0;
	height: 5px
}

.scroll-track-y {
	top: 0;
	bottom: 0;
	right: 0
}

.scroll-bar-y {
	width: 5px;
	height: 0
}

.scroll-track-disable {
	display: none
}

@media screen and (min-width: 1025px) {
	.scroll-mod .scroll-bar-x {
		width: 0
	}
}

.search-mod {
	position: relative
}

.search-mod .search-tap {
	z-index: 1
}

.search-mod .search-tap ~ .search-box {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: -17px;
	width: 200px;
	background-color: #eee;
	opacity: 0;
	visibility: hidden;
	-webkit-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.search-mod.at-l .search-tap ~ .search-box {
	top: auto;
	bottom: 50%;
	margin-top: 0;
	width: 0;
	-webkit-transition-property: width, opacity, visibility;
	transition-property: width, opacity, visibility
}

.search-mod.at-l .search-tap ~ .search-box .search-submit {
	visibility: hidden
}

.search-mod .search-box {
	display: table;
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden
}

.search-mod .search-txt,.search-mod .search-btn {
	display: table-cell;
	height: 100%;
	vertical-align: middle
}

.search-mod .search-txt {
	padding: 0 1em;
	width: 100%
}

.search-mod .search-btn {
	width: 1%
}

.search-mod .search-input {
	width: 100%
}

.search-mod .search-submit {
	display: block;
	height: 100%;
	cursor: pointer
}

.search-mod.x-show .search-tap ~ .search-box {
	visibility: visible;
	opacity: 1;
	-webkit-transform: translateY(0%);
	transform: translateY(0%)
}

.search-mod.x-show.at-l .search-tap {
	z-index: -1;
	-webkit-transition-property: z-index;
	transition-property: z-index;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

.search-mod.x-show.at-l .search-tap ~ .search-box {
	width: 200px;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}

.search-mod.x-show.at-l .search-tap ~ .search-box .search-submit {
	visibility: visible;
	-webkit-transition-property: visibility;
	transition-property: visibility;
	-webkit-transition-delay: .3s;
	transition-delay: .3s
}

@media screen and (min-width: 1025px) {
	.search-mod .search-tap:hover,.search-mod .search-submit:hover {
		color: #0e4e8d
	}
}

.select-mod {
	position: relative
}

.select-mod .select-bar {
	height: 40px;
	border: 1px solid #ddd;
	border-radius: 5px;
	overflow: hidden
}

.select-mod .select-native {
	display: none
}

.select-mod .select-trigger {
	cursor: pointer
}

.select-mod .select-btn {
	float: right;
	height: 100%
}

.select-mod .select-txt {
	position: relative;
	padding: 0 1em;
	height: 100%;
	overflow: hidden
}

.select-mod .select-val {
	position: relative;
	top: 50%;
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.select-mod .select-cont,.select-mod .select-query {
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	padding: 1em 0;
	z-index: 1;
	opacity: 0;
	visibility: hidden
}

.select-mod .select-cont::before,.select-mod .select-query::before {
	content: '';
	position: absolute;
	top: 1px;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border: 1px solid #ddd;
	border-radius: 5px
}

.select-mod .select-opts {
	position: relative;
	max-height: 16em;
	overflow: hidden
}

.select-mod .select-opts.scroll-axis-y {
	padding-right: 30px
}

.select-mod .select-opts .scroll-track-y {
	right: 12px
}

.select-mod .select-item {
	padding: 0.4em 1em;
	line-height: 1.2;
	cursor: pointer
}

.select-mod .select-item.cur {
	color: #0e4e8d
}

.select-mod.at-t .select-cont {
	top: auto;
	bottom: 100%
}

.select-mod.at-t .select-cont::before {
	top: 0;
	bottom: 1px
}

.select-mod.sc-show {
	z-index: 1
}

.select-mod.sc-show .select-cont {
	opacity: 1;
	visibility: visible
}

.select-mod.sc-show .select-trigger .select-btn,.select-mod.sc-show .select-trigger.select-btn {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

.select-mod.sq-show .select-query {
	opacity: 1;
	visibility: visible
}

.select-mod .mCSB_scrollTools {
	right: 12px
}

@media screen and (min-width: 1025px) {
	.select-mod .select-trigger:hover .select-btn,.select-mod .select-trigger.select-btn:hover,.select-mod .select-item:hover {
		color: #0e4e8d
	}
}

@media screen and (max-width: 1024px) {
	.select-mod .select-native {
		display: block;
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		opacity: 0
	}

	.select-mod .select-opts {
		position: relative;
		height: 100%;
		overflow: auto
	}
}

.icon-wx::before {
	content: '\e601'
}

.icon-wb::before {
	content: '\e602'
}

.icon-qq::before {
	content: '\e603'
}

.icon-qz::before {
	content: '\e604'
}

.icon-twitter::before {
	content: '\e605'
}

.icon-facebook::before {
	content: '\e606'
}

.icon-linkedin::before {
	content: '\e607'
}

.icon-share::before {
	content: '\e608'
}

.share-mod .share-label,.share-mod .share-label ~ .share-box {
	display: inline-block;
	vertical-align: middle
}

.share-box .share-item {
	float: left
}

.share-box .code {
	width: 100px;
	height: 100px;
	overflow: hidden
}

.share-box .code img,.share-box .code canvas {
	width: 100%
}

@media screen and (min-width: 1025px) {
	.share-box .share-item:hover {
		color: #0e4e8d
	}
}

.sidebar-mod {
	position: fixed;
	top: 50%;
	right: 40px;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	padding-top: 50px;
	-webkit-transition-property: opacity, visibility, right;
	transition-property: opacity, visibility, right;
	-webkit-transition-duration: .5s;
	transition-duration: .5s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.sidebar-mod::before {
	content: '';
	width: 61px;
	position: absolute;
	top: 0;
	right: 9px;
	bottom: 61px;
	background: url(../images/png60.png) no-repeat top center;
	z-index: 1
}

.sidebar-mod .sidebar-item {
	position: relative;
	display: block;
	cursor: pointer;
	z-index: 2
}

.sidebar-mod .sidebar-item {
	margin-top: 10px
}

.sidebar-mod .s1 {
	margin-top: 0
}

.sidebar-mod .s8 {
	display: none
}

.sidebar-mod .icon {
	width: 35px;
	margin: auto
}

.sidebar-mod .icon img {
	width: 100%;
	display: block
}

.sidebar-mod .t {
	width: 80px;
	margin-top: 5px;
	border-radius: 30px;
	font-weight: bold;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 22px;
	color: #fff;
	font-size: 14px
}

.sidebar-mod .t span {
	line-height: 1
}

.sidebar-mod .s1 .t {
	background-color: #0e4e8d
}

.sidebar-mod .s2 .t {
	background-color: #972f2f
}

.sidebar-mod .s3 .t {
	background-color: #0e4e8d
}

.sidebar-mod .s4 .t {
	background-color: #c9784c
}

.sidebar-mod .s5 .t {
	background-color: #0e4e8d
}

.sidebar-mod .s6 .t {
	background-color: #742b2b
}

.sidebar-mod .s7 .t {
	background-color: #c9784c
}

.sidebar-mod .s8 .t {
	background-color: #7b9471
}

.sidebar-mod .xfont {
	width: 35px;
	height: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto;
	border-radius: 50%
}

.sidebar-mod .top-icon {
	background-color: #c9784c
}

.sidebar-mod .top-icon img {
	width: 23px;
	height: auto
}

.sidebar-mod .icon-up {
	background-color: #7b9471;
	color: #fff
}

.sidebar-mod.op .icon-up {
	background-color: #972f2f
}

.sidebar-mod.op .icon-up::before {
	content: '\e507'
}

.sidebar-mod.op .s8 .t {
	background-color: #972f2f
}

.sidebar-mod .code {
	width: 100px;
	height: 100px;
	overflow: hidden
}

.sidebar-mod .code img {
	display: block;
	width: 100%
}

.sidebar-mod.x-show {
	opacity: 1;
	visibility: visible
}

.vjs-full-window .sidebar-mod {
	z-index: -1
}

@media screen and (max-width: 1770px) {
	.sidebar-mod {
		right: 0
	}
}

@media screen and (max-width: 1200px) {
	.sidebar-mod {
		padding: 0
	}

	.sidebar-mod::before {
		display: none
	}

	.sidebar-mod .icon,.sidebar-mod .xfont {
		display: none
	}

	.sidebar-mod .t {
		width: 50px;
		height: 50px;
		margin: 0;
		padding: 0 5px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		font-size: 14px
	}

	.sidebar-mod .t span {
		width: 100%;
		display: block;
		text-align: center;
		line-height: 1.1
	}

	.sidebar-mod .sidebar-item {
		margin-top: 10px
	}

	.sidebar-mod .s1 {
		margin-top: 0
	}
}

@media screen and (max-width: 1024px) {
	.sidebar-mod {
		left: 0;
		-webkit-transform: none;
		transform: none;
		bottom: 0;
		transform: none;
		top: auto
	}

	.sidebar-mod .h {
		height: auto !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.sidebar-mod .icon {
		display: block;
		width: 47px;
		position: relative;
		overflow: hidden;
		margin: 0 15px 0 0;
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center
	}

	.sidebar-mod .icon::before {
		content: '';
		display: block;
		padding-top: 78.7234%
	}

	.sidebar-mod .icon .i {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.sidebar-mod .icon img {
		display: none
	}

	.sidebar-mod .sidebar-item {
		font-size: 14px;
		width: 20%;
		height: 56px;
		margin: 0
	}

	.sidebar-mod .sidebar-item.s7,.sidebar-mod .sidebar-item.s8 {
		display: none
	}

	.sidebar-mod .sidebar-item .t {
		background: transparent;
		width: auto;
		height: auto;
		padding: 0
	}

	.sidebar-mod .sidebar-item .sidebar-cont {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		height: 100%
	}

	.sidebar-mod .s1 {
		background: #763735
	}

	.sidebar-mod .s1 .icon {
		background-image: url(../images/png137.png);
		width: 35px
	}

	.sidebar-mod .s2 {
		background: #913834
	}

	.sidebar-mod .s2 .icon {
		background-image: url(../images/png123.png);
		margin-right: 0
	}

	.sidebar-mod .s3 {
		background: #763735
	}

	.sidebar-mod .s3 .icon {
		background-image: url(../images/png141.png)
	}

	.sidebar-mod .s4 {
		background: #913834
	}

	.sidebar-mod .s4 .icon {
		background-image: url(../images/png140.png)
	}

	.sidebar-mod .s5 {
		background: #763735
	}

	.sidebar-mod .s5 .icon {
		background-image: url(../images/png126.png)
	}

	.sidebar-mod .s6 {
		background: #913834
	}

	.sidebar-mod .s6 .icon {
		background-image: url(../images/png127.png)
	}
}

@media screen and (max-width: 850px) {
	.sidebar-mod .sidebar-item {
		font-size: 10px
	}

	.sidebar-mod .icon {
		margin: 0 5px 0 0;
		width: 20px;
		display: none
	}

	.sidebar-mod .s2 .icon {
		margin-right: 5px
	}

	.sidebar-mod .t span {
		font-size: 12px
	}
}

.tab-mod .tab-term {
	cursor: pointer
}

.tab-mod .tab-term.cur {
	color: #0e4e8d
}

.tab-mod .tab-item {
	opacity: 0;
	visibility: hidden
}

.tab-mod .tab-item.act {
	opacity: 1;
	visibility: visible
}

.slick-slider {
	position: relative;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-ms-touch-action: pan-y;
	touch-action: pan-y
}

.slick-item {
	position: relative
}

.slick-list {
	position: relative;
	z-index: 1;
	overflow: hidden
}

.slick-loading .slick-track {
	visibility: hidden
}

.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}[dir='rtl'] .slick-slide {
	float: right
}
.new_home1 .frame  .slick-slide {
	height: 100%;
}

.slick-slide.slick-loading img {
	display: none
}

.slick-slide.dragging img {
	pointer-events: none
}

.slick-initialized .slick-slide {
	display: block
}

.slick-loading .slick-slide {
	visibility: hidden
}

.slick-vertical .slick-slide {
	display: block;
	height: auto
}

.slick-arrow {
	-webkit-transform: scale(1);
	transform: scale(1);
	z-index: 3;
	cursor: pointer
}

.slick-arrow.slick-hidden {
	display: none
}

.slick-loading .slick-list {
	background: #fff
}

.slick-dots {
	margin: 0;
	padding: 0;
	z-index: 3
}

.slick-dot {
	cursor: pointer
}

.slick-arrow.slick-disabled,.slick-arrow.slick-disabled:hover {
	opacity: 0.5;
	cursor: initial
}

.topping-mod {
	position: fixed;
	right: 15px;
	bottom: 10px;
	padding: 5px;
	background-color: #333;
	border-radius: 5px;
	color: #fff;
	line-height: 1;
	text-align: center;
	cursor: pointer;
	z-index: 9;
	opacity: 0;
	visibility: hidden;
	-webkit-transition-property: opacity, visibility, background, color;
	transition-property: opacity, visibility, background, color;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.topping-mod .s {
	font-family: Arial;
	text-transform: uppercase
}

.topping-mod.x-show {
	opacity: 1;
	visibility: visible
}

.vjs-full-window .topping-mod {
	z-index: -1
}

@media screen and (min-width: 1025px) {
	.topping-mod:hover {
		background-color: #0e4e8d
	}

	.lock-screen .topping-mod {
		margin-right: 17px
	}

	.lock-screen.full-screen .topping-mod {
		margin-right: 0
	}
}

.tracker-mod {
	margin-top: 50px
}

.tracker-mod:first-child {
	margin-top: 0
}

.tracker-mod .tracker-prev {
	cursor: pointer
}

.tracker-mod .tracker-next {
	cursor: pointer
}

.tracker-mod .tracker-box {
	overflow: hidden
}

.tracker-mod .tracker-track {
	min-width: 100%;
	min-height: 100%
}

.tracker-mod .tracker-item {
	cursor: pointer
}

.tracker-mod.dir-hor .tracker-prev {
	float: left
}

.tracker-mod.dir-hor .tracker-next {
	float: right
}

.tracker-mod.dir-hor .tracker-box {
	text-align: center
}

.tracker-mod.dir-hor .tracker-track {
	display: table;
	white-space: nowrap;
	font-size: 0
}

.tracker-mod.dir-hor .tracker-item {
	display: inline-block;
	vertical-align: middle;
	background: #fff no-repeat right center;
	margin: 0 5px;
	font-size: 16px
}

.tracker-mod.dir-hor .tracker-item.cur {
	background-image: url(../images/jpg17.jpg);
	background-color: #0e4e8d;
	color: #fff
}

.tracker-mod.dir-hor .tracker-item a {
	display: block;
	height: 100%;
	padding: 20px 30px;
	line-height: 1.2;
	min-width: 215px;
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.tracker-mod.dir-hor .tracker-item a {
		font-size: 18px
	}
}

.tracker-mod.dir-ver .tracker-box {
	height: 300px
}

.tracker-mod.dir-ver .tracker-item {
	margin: 10px 0
}

@media screen and (max-width: 1024px) {
	.tracker-mod {
		margin-top: 40px
	}

	.tracker-mod.dir-hor .tracker-item {
		background-size: 30% auto
	}

	.tracker-mod.dir-hor .tracker-item a {
		padding: 15px 25px;
		min-width: 180px;
		font-size: 18px
	}
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
	.tracker-mod.dir-hor .tracker-item a {
		font-size: 16px
	}
}

@media screen and (max-width: 1023px) {
	.tracker-mod.dir-hor .tracker-item a {
		padding: 15px 25px;
		min-width: 140px;
		font-size: 18px
	}
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
	.tracker-mod.dir-hor .tracker-item a {
		font-size: 16px
	}
}

@media screen and (max-width: 767px) {
	.tracker-mod {
		margin-top: 20px
	}

	.tracker-mod.dir-hor .tracker-item a {
		padding: 10px 15px;
		min-width: 0
	}
}

.suds-mod {
	position: relative
}

.suds-mod .suds-pop {
	position: absolute;
	padding: 10px;
	opacity: 0;
	visibility: hidden;
	border: 1px solid #ddd;
	border-radius: 5px;
	-webkit-transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, -webkit-transform;
	transition-property: opacity, visibility, transform;
	transition-property: opacity, visibility, transform, -webkit-transform;
	-webkit-transition-duration: .3s;
	transition-duration: .3s
}

.suds-mod .suds-pop::before,.suds-mod .suds-pop::after {
	content: '';
	position: absolute;
	z-index: -1
}

.suds-mod .suds-pop::before {
	width: 12px;
	height: 12px;
	background-color: #fff;
	border: 1px solid #ddd
}

.suds-mod .suds-pop::after {
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: #fff;
	border-radius: 5px
}

.suds-mod .suds-pop.at-t {
	left: 50%;
	bottom: 100%;
	margin-bottom: 10px;
	-webkit-transform: translate(-50%, 10%);
	transform: translate(-50%, 10%)
}

.suds-mod .suds-pop.at-t::before {
	left: 50%;
	top: 100%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-b {
	left: 50%;
	top: 100%;
	margin-top: 10px;
	-webkit-transform: translate(-50%, -10%);
	transform: translate(-50%, -10%)
}

.suds-mod .suds-pop.at-b::before {
	left: 50%;
	bottom: 100%;
	-webkit-transform: translate(-50%, 50%) rotate(45deg);
	transform: translate(-50%, 50%) rotate(45deg)
}

.suds-mod .suds-pop.at-l {
	right: 100%;
	top: 50%;
	margin-right: 10px;
	-webkit-transform: translate(10%, -50%);
	transform: translate(10%, -50%)
}

.suds-mod .suds-pop.at-l::before {
	top: 50%;
	left: 100%;
	-webkit-transform: translate(-50%, -50%) rotate(45deg);
	transform: translate(-50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop.at-r {
	left: 100%;
	top: 50%;
	margin-left: 10px;
	-webkit-transform: translate(-10%, -50%);
	transform: translate(-10%, -50%)
}

.suds-mod .suds-pop.at-r::before {
	top: 50%;
	right: 100%;
	-webkit-transform: translate(50%, -50%) rotate(45deg);
	transform: translate(50%, -50%) rotate(45deg)
}

.suds-mod .suds-pop>* {
	position: relative;
	z-index: 1
}

.suds-mod.x-show,.suds-mod:hover {
	z-index: 1
}

.suds-mod.x-show>.suds-pop,.suds-mod:hover>.suds-pop {
	opacity: 1;
	visibility: visible
}

.suds-mod.x-show>.suds-pop.at-t,.suds-mod:hover>.suds-pop.at-t {
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-b,.suds-mod:hover>.suds-pop.at-b {
	-webkit-transform: translate(-50%, 0%);
	transform: translate(-50%, 0%)
}

.suds-mod.x-show>.suds-pop.at-l,.suds-mod:hover>.suds-pop.at-l {
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%)
}

.suds-mod.x-show>.suds-pop.at-r,.suds-mod:hover>.suds-pop.at-r {
	-webkit-transform: translate(0%, -50%);
	transform: translate(0%, -50%)
}

.suds-mod:hover>.suds-target+.suds-pop {
	opacity: 0;
	visibility: hidden
}

.suds-mod.x-show>.suds-target+.suds-pop {
	opacity: 1;
	visibility: visible
}

.video-mod {
	position: relative;
	background-color: #000;
	overflow: hidden
}

.video-mod::before {
	content: '';
	display: block;
	padding-top: 56.25%
}

.video-mod .video-js {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	width: 100%
}

.video-mod .vjs-ended .vjs-poster {
	display: block
}

.video-mod.mini .video-js .vjs-control-bar {
	position: static;
	visibility: hidden
}

.video-mod.mini .video-js .vjs-progress-control {
	position: static;
	display: block
}

.video-mod.mini .video-js .vjs-progress-holder {
	position: static
}

.video-mod.mini .video-js .vjs-load-progress,.video-mod.mini .video-js .vjs-mouse-display,.video-mod.mini .video-js .vjs-play-progress::before,.video-mod.mini .video-js .vjs-play-progress .vjs-time-tooltip,.video-mod.mini .video-js .vjs-play-progress .vjs-control-text {
	display: none
}

.video-mod.mini .video-js .vjs-play-progress {
	left: 0;
	right: 0;
	top: auto;
	bottom: 0;
	height: .3em;
	opacity: .5;
	visibility: visible
}

.video-mod.mini .vjs-ended .vjs-play-progress {
	visibility: hidden
}

@media screen and (min-width: 1025px) {
	.vjs-no-flex .vjs-button {
		padding-bottom: 3em
	}
}

@media screen and (max-width: 1024px) {
	.video-js .vjs-big-play-button {
		font-size: 3em
	}

	.video-js .vjs-control-bar {
		height: 2em
	}

	.video-js .vjs-control {
		width: 2em
	}

	.vjs-button>.vjs-icon-placeholder::before {
		font-size: 1em
	}

	.video-js .vjs-remaining-time {
		display: block;
		margin: 0 0.5em;
		width: auto;
		line-height: 2em
	}

	.vjs-current-time,.vjs-duration,.vjs-time-divider,.video-js .vjs-volume-panel {
		display: none
	}
}

.cooperation {
	padding: 0 0 50px;
}

.cooperation .x-wrap {
}

.cooperation .recom {
	margin-top: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.cooperation .recom .l {
	position: relative;
	width: 50%
}

.cooperation .recom .l .focus {
	position: relative;
	height: 100%
}

.cooperation .recom .l .focus .frame {
	height: 100%
}

.cooperation .recom .l .focus .child {
	position: relative;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.cooperation .recom .l .focus .slick-list,.cooperation .recom .l .focus .slick-track,.cooperation .recom .l .focus .slick-slide,.cooperation .recom .l .focus .slick-slide>div {
	height: 100%
}

.cooperation .recom .l .focus .nav {
	position: absolute;
	right: 0;
	top: 55%;
	z-index: 1
}

.cooperation .recom .l .focus .nav ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 20px 30px
}

.cooperation .recom .l .focus .nav ul li {
	width: 13px;
	height: 13px;
	border-radius: 100%;
	border: 1px solid #fff;
	list-style: none
}

.cooperation .recom .l .focus .nav ul li:nth-child(n+2) {
	margin-left: 20px
}

.cooperation .recom .l .focus .nav ul li.slick-active {
	border-color: #0e4e8d;
	width: 22px;
	height: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.cooperation .recom .l .focus .nav ul li.slick-active::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #0e4e8d;
	border-radius: 100%;
	display: block
}

.cooperation .recom .l .pic {
	position: relative;
	overflow: hidden
}

.cooperation .recom .l .pic::before {
	content: '';
	display: block;
	padding-top: 55.35248%
}

.cooperation .recom .l .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.cooperation .recom .l .text {
	padding: 35px;
	background: #fff;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.cooperation .recom .l .text .date {
	color: #0e4e8d;
	font-size: 24px;
	font-family: tj
}

@media screen and (max-width: 768px) {
	.cooperation .recom .l .text .date {
		font-size: 18px
	}
}

.cooperation .recom .l .text .date b {
	font-size: 48px;
	line-height: 1.2;
	font-weight: normal
}

@media screen and (max-width: 768px) {
	.cooperation .recom .l .text .date b {
		font-size: 28px
	}
}

.cooperation .recom .l .text .h {
	font-size: 20px;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.cooperation .recom .l .text .h {
		font-size: 18px
	}
}

.cooperation .recom .r {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 30px
}

.cooperation .recom .r .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: #fff;
	position: relative
}

.cooperation .recom .r .item::after {
	content: "";
	border-right: 3px solid #0e4e8d;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.cooperation .recom .r .item:nth-child(n+2) {
	margin-top: 12px
}

.cooperation .recom .r .item .pic {
	position: relative;
	overflow: hidden;
	width: 50%
}

.cooperation .recom .r .item .pic::before {
	content: '';
	display: block;
	padding-top: 55.35248%
}

.cooperation .recom .r .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.cooperation .recom .r .item .text {
	padding: 0 35px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.cooperation .recom .r .item .text .h {
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.cooperation .recom .r .item .text .h {
		font-size: 16px
	}
}

.cooperation .recom .r .item .text .date {
	font-family: tj;
	font-size: 18px;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.cooperation .recom .r .item .text .date {
		font-size: 16px
	}
}

.cooperation .list {
	margin-top: 30px;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.cooperation .list .item {
	position: relative;
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 204px
}
.cooperation .list .item.download_item {
	min-height: auto;
	padding:10px 0;
}

.cooperation .list .item::after {
	content: "";
	border-right: 3px solid #0e4e8d;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.cooperation .list .item:nth-child(n+2) {
	margin-top: 12px
}

.cooperation .list .item .pic {
	position: relative;
	overflow: hidden;
	width: 370px
}

.cooperation .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 55.35248%
}

.cooperation .list .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.cooperation .list .item .text {
	padding: 0 60px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	overflow: hidden
}
.cooperation .list .item.download_item .text {
	padding: 0 50px;
}
.cooperation .list .item .text .date {
	font-family: tj;
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.cooperation .list .item .text .date {
		font-size: 16px
	}
}

.cooperation .list .item .text .h {
	font-size: 24px;
	margin-top: 5px;
	color:#25354e;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

.cooperation .list .item.download_item .text .h {
	margin-top: 0px;
font-size:20px;
}

@media screen and (max-width: 768px) {
	.cooperation .list .item .text .h {
		font-size: 18px
	}
}

.cooperation .list .item .text .p {
	margin-top: 10px;
	color: #707070;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

@media screen and (min-width: 1025px) {
	.cooperation .recom .r .item:hover::after {
		opacity: 1
	}

	.cooperation .recom .item:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.cooperation .list .item:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.cooperation .list .item:hover::after {
		opacity: 1
	}
}

@media screen and (max-width: 1500px) {
	.cooperation {
		padding: 0 0 30px
	}

	.cooperation .recom {
		margin-top: 50px
	}

	.cooperation .recom .r {
		margin-left: 20px
	}
}

@media screen and (max-width: 1400px) {
	.cooperation .recom .l .text {
		padding: 20px
	}

	.cooperation .recom .l .text .date {
		font-size: 18px
	}

	.cooperation .recom .l .text .date b {
		font-size: 34px
	}

	.cooperation .list .item .text {
		padding: 30px 60px
	}

	.cooperation .recom .l .text .h {
		font-size: 18px
	}

	.cooperation .recom .r .item .text {
		padding: 0 20px
	}

	.cooperation .recom .r .item .text .h {
		font-size: 16px
	}

	.cooperation .recom .r .item .text .date {
		font-size: 16px;
		margin-top: 5px
	}
}

@media screen and (max-width: 1300px) {
	.cooperation .list .item .text .h {
		font-size: 18px
	}

	.cooperation .list .item .text {
		padding: 15px 30px
	}
}

@media screen and (max-width: 1024px) {
	.cooperation {
		padding: 0 0 0px
	}

	.cooperation .x-wrap {
		padding-top: 0px
	}
}

@media screen and (max-width: 1023px) {
	.cooperation .recom {
		margin-top: 30px;
		display: block
	}

	.cooperation .recom .l {
		width: auto
	}

	.cooperation .recom .r {
		margin: 15px 0 0
	}

	.cooperation .list {
		margin-top: 30px
	}

	.cooperation .list .item {
		padding: 15px
	}

	.cooperation .list .item .pic {
		width: 40%
	}

	.cooperation .list .item .text .p {
		-webkit-line-clamp: 2;
		display: -webkit-box;
		-webkit-box-orient: vertical;
	}

	.cooperation .recom .l .focus .nav {
		top: 65%
	}
}

@media screen and (max-width: 767px) {
	.cooperation .x-wrap {
		padding-top: 0px
	}

	.cooperation {
		padding: 0 0 0px
	}

	.cooperation .recom .l .text .h {
		font-size: 16px;
		margin-top: 5px
	}

	.cooperation .recom .l .focus .nav {
		top: 60%
	}

	.cooperation .recom .r .item {
		display: block
	}

	.cooperation .recom .r .item .pic {
		width: auto
	}

	.cooperation .recom .r .item .text {
		padding: 15px
	}

	.cooperation .list {
		display: block
	}

	.cooperation .list .item {
		padding: 0;
		min-height: 0;
		display: block
	}

	.cooperation .list .item .text {
		padding: 15px
	}

	.cooperation .list .item .pic {
		width: auto
	}

	.cooperation .list .item .text .h {
		font-size: 16px;
		font-weight:600;
	}

	.cooperation .list .item .text .date,.cooperation .list .item .text .p,.cooperation .recom .r .item .text .date {
		font-size: 14px
	}
}

@media screen and (max-width: 567px) {
	.cooperation .recom .l .focus .nav {
		top: 55%
	}
}

@media screen and (max-width: 467px) {
	.cooperation .recom .l .focus .nav {
		top: 40%
	}
}

/*通知公告start*/
.p_media1 {
	position: relative;
}

.p_media1 .ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 100px 0 0px
}

.p_media1 .li {
	margin-left: 2%;
	margin-bottom: 30px;
	width: calc((94% - 1px) / 4);
	text-align: center
}

.p_media1 .li:nth-child(4n+1) {
	margin-left: 0
}

.p_media1 .li .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 9%;
	height: 224px;
	background-color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p_media1 .li .img {
	position: relative;
	overflow: hidden;
	width: 100%
}

.p_media1 .li .img::before {
	content: '';
	display: block;
	padding-top: 32.74336%
}

.p_media1 .li .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.p_media1 .li .img .i:last-child {
	opacity: 0
}

.p_media1 .li .p {
	margin-top: 8px;
	width: 100%;
	font-size: 14px;
	line-height: 1.5714
}

.p_media1 .y {
	margin-top: 6px;
	width: 100%;
	font-size: 14px;
	line-height: 1.5714;
	font-family: tj
}

@media screen and (min-width: 769px) {
	.p_media1 .li .link:hover {
		background-color: #0e4e8d;
		color: #fff
	}

	.p_media1 .li .link:hover .img .i:first-child {
		opacity: 0
	}

	.p_media1 .li .link:hover .img .i:last-child {
		opacity: 1
	}
}

@media screen and (min-width: 1366px) {
	.p_media1 .li:nth-child(n) {
		margin-left: 2%;
		margin-bottom: 30px;
		width: calc((92% - 1px) / 5);
		text-align: center
	}

	.p_media1 .li:nth-child(5n+1) {
		margin-left: 0
	}
}

@media screen and (max-width: 1500px) {
	.p_media1 .ul {
		margin-top: 50px
	}
}

@media screen and (max-width: 1024px) {
	.p_media1 {
		padding-bottom: 80px
	}
}

@media screen and (max-width: 768px) {
	.p_media1 {
		padding: 50px 0 0;
	}

	.p_media1 .ul {
		margin: 20px 0
	}

	.p_media1 .li:nth-child(n) {
		margin-left: 10px;
		margin-bottom: 10px;
		width: calc((100% - 10px) / 2)
	}

	.p_media1 .li:nth-child(odd) {
		margin-left: 0
	}

	.p_media1 .li .link {
		padding: 20px 10px;
		height: 100%
	}

	.p_media1 .li .p {
		margin-top: 10px
	}
}
/*通知公告end*/

.education_teaching1 {
	padding-top: 145px
}

.education_teaching1 .cont {
	padding-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.education_teaching1 .cont .child+.child {
	margin-left: 1.333%
}

.education_teaching1 .cont .child:first-child {
	width: 54.455%
}

.education_teaching1 .cont .child:nth-child(2) {
	width: 25.733%
}

.education_teaching1 .cont .child:last-child {
	width: 17.178%
}

.education_teaching1 .cont .item {
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	text-align: center;
	position: relative;
	margin-top: 20px
}

.education_teaching1 .cont .item a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: #fff
}

.education_teaching1 .cont .i1 {
	background-image: url(../images/jpg26-1.jpg);
	padding-bottom: 32.147%
}

.education_teaching1 .cont .i3 {
	background-image: url(../images/jpg27-1.jpg);
	padding-bottom: 49.325%
}

.education_teaching1 .cont .i4 {
	background-image: url(../images/jpg28-1.jpg);
	padding-bottom: 105.454%
}

.education_teaching1 .cont .i7 {
	background-image: url(../images/jpg29-1.jpg);
	padding-bottom: 156.42%
}

.education_teaching1 .cont .i2 {
	background-color: #c9784b;
	padding-bottom: 32.147%
}

.education_teaching1 .cont .i5 {
	background-image: url(../images/jpg99-1.jpg);
	padding-bottom: 67.013%
}

.education_teaching1 .cont .i6 {
	background-image: url(../images/jpg98-1.jpg);
	padding-bottom: 101.945%
}

.education_teaching1 .cont .t1 span {
	font-family: tj;
	font-size: 60px;
	line-height: 1.2;
	line-height: 1
}

@media screen and (max-width: 768px) {
	.education_teaching1 .cont .t1 span {
		font-size: 30px
	}
}

.education_teaching1 .cont .ctop {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.education_teaching1 .cont .ctop .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.education_teaching1 .cont .ctop .item+.item {
	margin-left: 20px
}

.education_teaching1 .cont .t1 {
	font-size: 24px
}

@media screen and (max-width: 768px) {
	.education_teaching1 .cont .t1 {
		font-size: 18px
	}
}

.education_teaching1 .cont .t2 {
	font-size: 20px;
	margin-top: 7px
}

@media screen and (max-width: 768px) {
	.education_teaching1 .cont .t2 {
		font-size: 18px
	}
}

.education_teaching1 .cont .i4 .t2,.education_teaching1 .cont .i7 .t2 {
	width: 8em
}

.education_teaching2 {
	padding: 145px 0 140px
}

.education_teaching2 .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 78px
}

.education_teaching2 .cont .li {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center
}

.education_teaching2 .cont .li+.li {
	margin-left: 30px
}

.education_teaching2 .cont .imgbox {
	position: relative
}

.education_teaching2 .cont .imgbox .ri {
	position: absolute;
	width: 102.832%;
	padding-bottom: 102.832%;
	position: absolute;
	top: -9%;
	left: -2.2%
}

.education_teaching2 .cont .imgbox .ri::after {
	content: '';
	background: url(../images/png29.png) no-repeat center;
	background-size: contain;
	z-index: 2;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	z-index: 3;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	-webkit-animation: ro 6s linear 0s infinite;
	animation: ro 6s linear 0s infinite;
	opacity: 0;
	visibility: hidden
}

.education_teaching2 .cont .imgbox .ri::before {
	content: '';
	width: 97.245%;
	padding-bottom: 97.245%;
	border-radius: 50%;
	border: 1px solid #d7d7d7;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.8s;
	transition: all 0.8s
}

.education_teaching2 .cont .img {
	width: 87.252%;
	position: relative;
	overflow: hidden;
	border: 1px solid #d7d7d7;
	margin: auto
}

.education_teaching2 .cont .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.education_teaching2 .cont .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.education_teaching2 .cont .p {
	font-family: sh;
	font-size: 30px;
	margin-top: 54px
}

@media screen and (max-width: 768px) {
	.education_teaching2 .cont .p {
		font-size: 22px
	}
}

.education_teaching3 {
	padding: 140px 0 170px;
	background-color: #f5f5f5
}

.education_teaching3 .cont {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff
}

.education_teaching3 .cont .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 30px;
	background-color: #668863;
	overflow: hidden;
	border-radius: 0 0 30px 0;
	position: relative;
	padding: 47px 65px 73px
}

.education_teaching3 .cont .item::after {
	content: '';
	position: absolute;
	top: 0;
	bottom: 0;
	right: 18.911%;
	border-left: 1px solid #668863;
	z-index: 1
}

.education_teaching3 .cont .item:first-child {
	margin-left: 0;
	background-color: #495a46
}

.education_teaching3 .cont .item:last-child::after {
	border-color: #95ae93
}

.education_teaching3 .cont .icon {
	width: 14.285%;
	position: absolute;
	top: 50%;
	right: 11.972%;
	padding: 6px 0 11px;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 2;
	background-color: #495a46
}

.education_teaching3 .cont .item:last-child .icon {
	background-color: #668863
}

.education_teaching3 .cont .icon img {
	display: block;
	width: 100%
}

.education_teaching3 .cont .i_tit {
	font-size: 30px;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.education_teaching3 .cont .i_tit {
		font-size: 22px
	}
}

.education_teaching3 .cont .list {
	margin-top: 35px;
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.education_teaching3 .cont .list {
		font-size: 18px
	}
}

.education_teaching3 .cont .list .li+.li {
	margin-top: 18px
}

.education_teaching3 .cont .list .li a {
	display: inline-block;
	padding-left: 17px;
	position: relative
}

.education_teaching3 .cont .list .li a::after {
	content: '';
	width: 7px;
	height: 7px;
	border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background-color: #fff
}

.education_teaching4 {
	background-color: #f5f5f5;
	padding: 0 0 280px;
	background: #f5f5f5 url(../images/jpg37.jpg) no-repeat center 353px;
	margin-bottom: -132px
}

.education_teaching4 .cont {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.education_teaching4 .cont .item {
	position: relative;
	overflow: hidden;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.education_teaching4 .cont .item::before {
	content: '';
	display: block;
	padding-top: 53.125%
}

.education_teaching4 .cont .item .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.education_teaching4 .cont .item+.item {
	margin-left: 30px
}

@media screen and (min-width: 1025px) {
	.education_teaching2 .cont .li:hover .ri::after {
		opacity: 1;
		visibility: visible
	}

	.education_teaching2 .cont .li:hover .ri::before {
		border-color: #44a3e6
	}
}

@media screen and (max-width: 1300px) {
	.education_teaching1 {
		padding-top: 50px
	}

	.education_teaching2 {
		padding: 80px 0
	}

	.education_teaching1 .cont .t1 span {
		font-size: 40px
	}

	.education_teaching1 .cont .t2 {
		font-size: 18px
	}
}

@media screen and (max-width: 1300px) and (max-width: 768px) {
	.education_teaching1 .cont .t2 {
		font-size: 16px
	}
}

@media screen and (max-width: 1300px) {
	.education_teaching3 {
		padding-top: 70px
	}

	.education_teaching4 {
		padding: 0 0 160px;
		background-position-y: 280px
	}
}

@media screen and (max-width: 1024px) {
	.education_teaching1 .cont {
		padding-top: 10px;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.education_teaching1 .cont .i6 {
		display: none
	}

	.education_teaching1 .cont .child+.child {
		margin: 0
	}

	.education_teaching1 .cont .child:first-child {
		width: 66.5%
	}

	.education_teaching1 .cont .child:nth-child(2) {
		width: calc(33.5% - 20px);
		margin-left: 20px
	}

	.education_teaching1 .cont .child:last-child {
		width: 100%
	}

	.education_teaching1 .cont .i7 {
		padding-bottom: 20%
	}

	.education_teaching2 .cont {
		margin-top: 35px
	}

	.education_teaching2 .cont .p {
		margin-top: 30px
	}

	.education_teaching3 {
		padding-bottom: 70px
	}

	.education_teaching3 .cont .item {
		padding: 40px 30px 60px
	}

	.education_teaching3 .cont .icon {
		width: 50px
	}

	.education_teaching3 .cont .list {
		margin-top: 20px
	}

	.education_teaching3 .cont .list .li+.li {
		margin-top: 10px
	}

	.education_teaching4 {
		margin: 0;
		padding-bottom: 120px
	}

	.education_teaching3 .cont .icon {
		right: 50px
	}

	.education_teaching3 .cont .item::after {
		right: 75px
	}
}

@media screen and (max-width: 767px) {
	.education_teaching1 .cont {
		display: block
	}

	.education_teaching1 .cont .child:first-child {
		width: 100%
	}

	.education_teaching1 .cont .t1 span {
		font-size: 30px
	}

	.education_teaching1 .cont .t2 {
		line-height: 1.4
	}

	.education_teaching1 .cont .inner {
		padding: 0 15px
	}

	.education_teaching1 .cont .item {
		margin-top: 10px
	}

	.education_teaching1 .cont .ctop .item,.education_teaching1 .cont .i3 {
		padding-bottom: 40%
	}

	.education_teaching1 .cont .ctop .item+.item {
		margin-left: 10px
	}

	.education_teaching1 .cont .child:nth-child(2) {
		width: 100%;
		margin: 0
	}

	.education_teaching1 .cont .i4,.education_teaching1 .cont .i5,.education_teaching1 .cont .i7 {
		padding-bottom: 40%
	}

	.education_teaching2 {
		padding: 60px 0 20px
	}

	.education_teaching2 .cont {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.education_teaching2 .cont .li {
		width: 48%;
		margin: 0 4% 30px 0;
		-webkit-box-flex: 0;
		-ms-flex: none;
		flex: none
	}

	.education_teaching2 .cont .li+.li {
		margin-right: 4%;
		margin-left: 0
	}

	.education_teaching2 .cont .li:nth-child(2n) {
		margin-right: 0
	}

	.education_teaching2 .cont .p {
		margin-top: 20px
	}

	.education_teaching3 {
		padding: 60px 0
	}

	.education_teaching3 .cont {
		margin-top: 30px;
		display: block
	}

	.education_teaching3 .cont .item {
		margin: 20px 0 0;
		padding: 20px 20px 30px
	}

	.education_teaching3 .cont .list .li+.li {
		margin-top: 5px
	}

	.education_teaching3 .cont .list {
		margin-top: 10px
	}

	.education_teaching4 {
		padding: 60px 0 80px;
		background-size: cover
	}

	.education_teaching4 .cont {
		margin-top: 20px;
		display: block
	}

	.education_teaching4 .cont .item {
		width: 100%
	}

	.education_teaching4 .cont .item+.item {
		margin: 20px 0 0
	}
}

.figure {
	padding: 120px 0 150px;
	background: #f5f5f5 url(../images/jpg25.jpg) no-repeat top center;
	margin-bottom: -132px
}

.figure .tab-mod .inner {
	width: 6em
}

.figure .tabcont {
	margin-top: 30px;
	position: relative
}

.figure .tabcont .pbox .p+.p {
	margin-top: 10px
}

.figure .tabcont .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 55px
}

.figure .tabcont .list .li {
	width: calc((100% - 80px) / 5);
	margin: 20px 20px 0 0
}

.figure .tabcont .list .li:nth-child(5n) {
	margin-right: 0
}

.figure .tabcont .list .img {
	position: relative;
	overflow: hidden
}

.figure .tabcont .list .img::before {
	content: '';
	display: block;
	padding-top: 116.96113%
}

.figure .tabcont .list .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.figure .tabcont .list .name {
	font-size: 24px;
	text-align: center;
	margin-top: 20px
}

@media screen and (max-width: 768px) {
	.figure .tabcont .list .name {
		font-size: 18px
	}
}

.figure .load_more {
	margin-top: 70px
}

.figure .load_more img {
	margin-right: 15px
}

.figure .load_more span {
	width: auto;
	height: auto;
	border: none;
	border-radius: 0
}

@media screen and (max-width: 1300px) {
	.figure {
		padding-top: 50px
	}

	.figure .tabcont .list .li {
		width: calc((100% - 60px) / 4)
	}

	.figure .tabcont .list .li:nth-child(5n) {
		margin-right: 20px
	}

	.figure .tabcont .list .li:nth-child(4n) {
		margin-right: 0
	}
}

@media screen and (max-width: 1024px) {
	.figure {
		margin: 0;
		padding-bottom: 70px
	}
}

@media screen and (max-width: 767px) {
	.figure {
		padding-top: 50px
	}

	.figure .tabcont .list .li {
		width: calc((100% - 10px) / 2);
		margin-right: 10px
	}

	.figure .tabcont .list .li:nth-child(5n) {
		margin-right: 10px
	}

	.figure .tabcont .list .li:nth-child(2n) {
		margin-right: 0
	}

	.figure .tabcont {
		margin-top: 20px
	}

	.figure .tabcont .pbox .p+.p {
		margin-top: 5px
	}

	.figure .tabcont .list {
		padding-top: 25px
	}

	.figure .tabcont .list .name {
		margin-top: 10px
	}

	.figure .load_more {
		margin-top: 30px
	}
}

.data {
	background: url(../images/bg9a.jpg) no-repeat center center;
	background-size: cover;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	overflow: hidden;
	color: #fff
}

.data .back {
	position: absolute;
	left: 0;
	top: 50%;
	z-index: 1;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	color: #96ae94
}

.data .back a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.data .back img {
	margin-right: 15px
}

.data .back span {
	font-family: sh;
	font-size: 1.1vw;
	line-height: 1;
	letter-spacing: 3px
}

body:not(.lang-en) .data .back span {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.data .list {
	height: 100%
}

.data .list .item {
	border: 1px solid rgba(255,255,255,0.4);
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%) scale(0.8);
	transform: translate(-50%, -50%) scale(0.8);
	-webkit-transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
	transition: all 2s cubic-bezier(0.3, 2, 0.5, 2) 0s;
	opacity: 0;
	border-radius: 100%
}

.data .list .item::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	background: url(../images/bg9a.jpg) no-repeat center center;
	border-radius: 100%;
	-webkit-transition: all 2s ease-out 0s;
	transition: all 2s ease-out 0s
}

.data .list .item .bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: url(../images/pic21.jpg) no-repeat center center;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	border-radius: 100%
}

.data .list .item .bg.s {
	opacity: 1
}

.data .list .item:nth-child(7) {
	width: 20vw;
	height: 20vw;
	-webkit-transition-delay: 0s;
	transition-delay: 0s
}

.data .list .item:nth-child(7) .dot:nth-child(1) {
	left: 0;
	top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(1) span {
	padding-right: 0.2em;
	top: -0.35em;
	right: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(2) {
	left: 100%;
	top: 50%
}

.data .list .item:nth-child(7) .dot:nth-child(2) span {
	left: 100%;
	padding-left: 0.2em;
	top: -0.35em
}

.data .list .item:nth-child(7) .dot:nth-child(3) {
	left: 50%;
	top: 0%
}

.data .list .item:nth-child(7) .dot:nth-child(3) span {
	bottom: 100%;
	padding-bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.data .list .item:nth-child(7) .dot:nth-child(4) {
	left: 50%;
	top: 100%
}

.data .list .item:nth-child(7) .dot:nth-child(4) span {
	top: 100%;
	padding-top: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.data .list .item:nth-child(6) {
	width: 29vw;
	height: 29vw;
	border-color: rgba(255,255,255,0.35);
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s
}

.data .list .item:nth-child(6) .dot:nth-child(1) {
	left: 17%;
	top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(1) span {
	top: 100%;
	padding-top: 0.2em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(2) {
	left: 50%;
	top: 100%
}

.data .list .item:nth-child(6) .dot:nth-child(2) span {
	top: 100%;
	padding-top: 0.2em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.data .list .item:nth-child(6) .dot:nth-child(3) {
	left: 83%;
	top: 88%
}

.data .list .item:nth-child(6) .dot:nth-child(3) span {
	top: 100%;
	padding-top: 0.2em;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.data .list .item:nth-child(5) {
	width: 38.5vw;
	height: 38.5vw;
	border-color: rgba(255,255,255,0.3);
	-webkit-transition-delay: 0.2s;
	transition-delay: 0.2s
}

.data .list .item:nth-child(5) .dot:nth-child(1) {
	left: 10%;
	top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(1) span {
	top: -0.6em;
	padding-right: 0.2em;
	right: 100%
}

.data .list .item:nth-child(5) .dot:nth-child(2) {
	left: 33%;
	top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(2) span {
	bottom: 100%;
	padding-bottom: 0.2em;
	left: -0.5em
}

.data .list .item:nth-child(5) .dot:nth-child(3) {
	left: 66%;
	top: 3%
}

.data .list .item:nth-child(5) .dot:nth-child(3) span {
	bottom: 100%;
	padding-bottom: 0.2em;
	left: -0.1em
}

.data .list .item:nth-child(5) .dot:nth-child(4) {
	left: 90%;
	top: 20%
}

.data .list .item:nth-child(5) .dot:nth-child(4) span {
	top: -0.6em;
	padding-left: 0.2em;
	left: 100%
}

.data .list .item:nth-child(4) {
	width: 48.5vw;
	height: 48.5vw;
	border-color: rgba(255,255,255,0.25);
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.data .list .item:nth-child(4) .dot:nth-child(1) {
	left: 1%;
	top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(1) span {
	top: -0.3em;
	right: 100%;
	padding-right: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(2) {
	left: 99%;
	top: 61%
}

.data .list .item:nth-child(4) .dot:nth-child(2) span {
	top: -0.3em;
	left: 100%;
	padding-left: 0.2em
}

.data .list .item:nth-child(4) .dot:nth-child(3) {
	left: 13%;
	top: 84%
}

.data .list .item:nth-child(4) .dot:nth-child(3) span {
	top: -0.3em;
	right: 100%;
	padding-right: 0.2em
}

.data .list .item:nth-child(3) {
	width: 61vw;
	height: 61vw;
	border-color: rgba(255,255,255,0.2);
	-webkit-transition-delay: 0.4s;
	transition-delay: 0.4s
}

.data .list .item:nth-child(3) .dot:nth-child(1) {
	left: 0;
	top: 50%
}

.data .list .item:nth-child(3) .dot:nth-child(1) span {
	top: -0.3em;
	padding-right: 0.2em;
	right: 100%
}

.data .list .item:nth-child(2) {
	width: 75vw;
	height: 75vw;
	border-color: rgba(255,255,255,0.15);
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s
}

.data .list .item:nth-child(2) .dot:nth-child(1) {
	left: 100%;
	top: 50%
}

.data .list .item:nth-child(2) .dot:nth-child(1) span {
	top: -0.3em;
	padding-left: 0.2em;
	left: 100%
}

.data .list .item:nth-child(1) {
	width: 92.5vw;
	height: 92.5vw;
	border-color: rgba(255,255,255,0.1);
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s
}







.data .list .dot {
	width: 26px;
	height: 26px;
	position: absolute;
	margin: -13px 0 0 -13px;
	cursor: pointer;
	font-size: 2.4vw;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.data .list .dot::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: url(../images/bypng37.png) no-repeat center center/contain;
	-webkit-transform: scale(0.6);
	transform: scale(0.6);
	opacity: 0.6;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.data .list .dot span {
	position: absolute;
	font-family: Impact;
	line-height: 1;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.data .list .dot.h {
	opacity: 0.2
}

.data.showd .list .item {
	-webkit-transform: translate(-50%, -50%) scale(1);
	transform: translate(-50%, -50%) scale(1);
	opacity: 1
}

@media screen and (min-width: 1025px) {
	.data .list .item:hover::before {
		-webkit-transform: rotate(30deg);
		transform: rotate(30deg)
	}

	.data .list .dot:hover {
		opacity: 1
	}

	.data .list .dot:hover::before {
		-webkit-transform: scale(1);
		transform: scale(1);
		opacity: 1
	}
}

@media screen and (max-width: 1023px) {
	.data {
		background-image: url(../images/bg9b.jpg)
	}

	.data .back {
		position: absolute;
		left: 0;
		top: 10%;
		z-index: 1;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		color: #96ae94;
		background: #2e4a38;
		padding: 12px 15px 12px 0;
		border-radius: 0 10px 10px 0
	}

	.data .back img {
		margin-right: 5px;
		width: 10px
	}

	.data .back span {
		font-size: 14px
	}

	.data .list .item:nth-child(1) {
		width: 90vw;
		height: 90vw;
		border-color: rgba(255,255,255,0.1)
	}

	.data .list .item:nth-child(2) {
		width: 80vw;
		height: 80vw;
		border-color: rgba(255,255,255,0.12)
	}

	.data .list .item:nth-child(3) {
		width: 70vw;
		height: 70vw;
		border-color: rgba(255,255,255,0.15)
	}

	.data .list .item:nth-child(4) {
		width: 60vw;
		height: 60vw;
		border-color: rgba(255,255,255,0.16)
	}

	.data .list .item:nth-child(5) {
		width: 50vw;
		height: 50vw;
		border-color: rgba(255,255,255,0.17)
	}

	.data .list .item:nth-child(6) {
		width: 40vw;
		height: 40vw;
		border-color: rgba(255,255,255,0.18)
	}

	.data .list .item:nth-child(7) {
		width: 30vw;
		height: 30vw;
		border-color: rgba(255,255,255,0.2)
	}

	.data .list .item {
		background-image: url(../images/bg9b.jpg)
	}

	.data .list .item:nth-child(7) .dot:nth-child(1) {
		left: 0;
		top: 50%
	}

	.data .list .item:nth-child(7) .dot:nth-child(1) span {
		padding-right: 0.2em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		right: 100%
	}

	.data .list .item:nth-child(7) .dot:nth-child(2) {
		left: 100%;
		top: 50%
	}

	.data .list .item:nth-child(7) .dot:nth-child(2) span {
		left: 100%;
		padding-left: 0.2em;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%
	}

	.data .list .item:nth-child(7) .dot:nth-child(3) {
		left: 50%;
		top: -1%
	}

	.data .list .item:nth-child(7) .dot:nth-child(4) {
		left: 50%;
		top: 99%
	}

	.data .list .item:nth-child(6) .dot:nth-child(1) {
		left: 10%;
		top: 80%
	}

	.data .list .item:nth-child(6) .dot:nth-child(1) span {
		top: 100%;
		padding-top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.data .list .item:nth-child(6) .dot:nth-child(2) {
		left: 50%;
		top: 100%
	}

	.data .list .item:nth-child(6) .dot:nth-child(2) span {
		top: 100%;
		padding-top: 0.2em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.data .list .item:nth-child(6) .dot:nth-child(3) {
		left: 90%;
		top: 80%
	}

	.data .list .item:nth-child(6) .dot:nth-child(3) span {
		top: 100%;
		padding-top: 0.2em;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}

	.data .list .item:nth-child(5) .dot:nth-child(1) {
		left: 10%;
		top: 20%
	}

	.data .list .item:nth-child(5) .dot:nth-child(1) span {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		padding-right: 0.2em;
		right: 100%
	}

	.data .list .item:nth-child(5) .dot:nth-child(2) {
		left: 33%;
		top: 3%
	}

	.data .list .item:nth-child(5) .dot:nth-child(2) span {
		bottom: 100%;
		padding-bottom: 0;
		left: -0.5em
	}

	.data .list .item:nth-child(5) .dot:nth-child(3) {
		left: 66%;
		top: 3%
	}

	.data .list .item:nth-child(5) .dot:nth-child(3) span {
		bottom: 100%;
		padding-bottom: 0.2em;
		left: -0.1em
	}

	.data .list .item:nth-child(5) .dot:nth-child(4) {
		left: 90%;
		top: 20%
	}

	.data .list .item:nth-child(5) .dot:nth-child(4) span {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		padding-left: 0.2em;
		left: 100%
	}

	.data .list .item:nth-child(4) .dot:nth-child(1) {
		left: 17%;
		top: 87%
	}

	.data .list .item:nth-child(4) .dot:nth-child(1) span {
		top: 0.3em;
		right: 100%;
		padding-right: 0.2em
	}

	.data .list .item:nth-child(4) .dot:nth-child(2) {
		left: 83%;
		top: 11%
	}

	.data .list .item:nth-child(4) .dot:nth-child(2) span {
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%;
		left: 100%;
		padding-left: 0.2em
	}

	.data .list .item:nth-child(4) .dot:nth-child(3) {
		left: 6%;
		top: 73%
	}

	.data .list .item:nth-child(3) .dot:nth-child(1) span {
		right: 80%;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.data .list .item:nth-child(2) .dot:nth-child(1) {
		left: 67%;
		top: 97%
	}

	.data .list .item:nth-child(2) .dot:nth-child(1) span {
		left: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		top: 50%
	}

	.data .list .dot {
		font-size: 5vw;
		width: 20px;
		margin: -10px 0 0 -10px
	}

	
}

.first_class1 {
	padding: 150px 0;
	background: url(../images/jpg96.jpg) no-repeat center;
	overflow: hidden
}

.first_class1 .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.first_class1 .img {
	width: 34.6666666%;
	height: 783px;
	background: url() no-repeat center;
	background-size: cover
}

.first_class1 .r-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	margin-left: 40px;
	padding-top: 7px
}

.first_class1 .title {
	position: relative;
	z-index: 2
}

.first_class1 .cont {
	position: relative;
	margin-top: 23px;
	padding: 61px 0;
	z-index: 1
}

.first_class1 .line-box {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.first_class1 .line-box::after,.first_class1 .line-box::before {
	content: '';
	position: absolute;
	top: -250px;
	bottom: -250px;
	left: 100%;
	border-right: 1px solid #95adc5
}

.first_class1 .line-box::before {
	right: auto;
	left: 0
}

.first_class1 .line-box .item {
	width: 25%;
	border-left: 1px solid #95adc5;
	position: relative
}

.first_class1 .line-box .item .zs {
	position: absolute;
	left: 100%;
	top: -4px;
	z-index: 9
}

.first_class1 .line-box .item .zs::before {
	content: '';
	display: block;
	border-left: 1px solid #af213c;
	height: 9px
}

.first_class1 .line-box .item .zs::after {
	content: '';
	position: absolute;
	bottom: 4px;
	width: 9px;
	border-top: 1px solid #af213c;
	left: -4px
}

.first_class1 .line-box .item .zs:nth-child(2) {
	top: auto;
	bottom: -4px
}

.first_class1 .line-box .item:nth-child(3)::before,.first_class1 .line-box .item:nth-child(3)::after {
	content: '';
	width: 1240px;
	height: 70px;
	background: rgba(202,160,158,0.3);
	position: absolute;
	right: 100%;
	bottom: 100%
}

.first_class1 .line-box .item:nth-child(3)::after {
	top: 100%;
	bottom: auto;
	left: 100%;
	right: auto;
	width: 445px
}

.first_class1 .line-box .h-line {
	border-top: 1px solid #95adc5;
	position: absolute;
	top: 0;
	width: 1920px;
	right: -210px
}

.first_class1 .line-box .h-line.b {
	top: auto;
	bottom: 0
}

.first_class1 .list {
	font-size: 24px;
	font-family: 'sh';
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	z-index: 2
}

@media screen and (max-width: 768px) {
	.first_class1 .list {
		font-size: 18px
	}
}

.first_class1 .list .li {
	width: 25%;
	padding: 41px 15px;
	position: relative
}

.first_class1 .list .li::before {
	content: '';
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 0;
	border-left: 3px solid #af213c;
	height: 20px;
	border-radius: 99px
}

.first_class-bg {
	background: #fcfbf8
}

.first_class2 {
	padding-top: 142px;
	background: url(../images/bg27.jpg) center top no-repeat;
	color: #fff
}

.first_class2 .title {
	text-align: center
}

.first_class2 .unit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 50px
}

.first_class2 .unit-item {
	padding: 60px 70px;
	width: 50%
}

.first_class2 .unit-item:nth-child(1) {
	background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(1) .unit-tit .t {
	background-color: #4b5f47
}

.first_class2 .unit-item:nth-child(2) {
	background-color: #5c7557
}

.first_class2 .unit-item:nth-child(2) .unit-tit .t {
	background-color: #5c7557
}

.first_class2 .unit-tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	overflow: hidden
}

.first_class2 .unit-tit .t {
	position: relative;
	padding-right: 20px;
	font-family: sh;
	font-size: 30px;
	z-index: 1
}

@media screen and (max-width: 768px) {
	.first_class2 .unit-tit .t {
		font-size: 22px
	}
}

.first_class2 .unit-tit .more1 {
	margin-left: auto
}

.first_class2 .unit-tit .more1::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 100%;
	width: 9999px;
	border-top: 1px solid #95ae93
}

.first_class2 .ol {
	position: relative;
	margin-top: 40px
}

.first_class2 .ol::before {
	content: '';
	position: absolute;
	left: 0;
	top: 20px;
	bottom: 20px;
	border-left: 1px solid #5f7a59
}

.first_class2 .ol .li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	padding: 14px 0;
	padding-left: 55px;
	-webkit-transition: all .3s;
	transition: all .3s
}

.first_class2 .ol .li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	width: 15px;
	height: 48px;
	border: 1px solid #5f7a59;
	border-right: 0
}

.first_class2 .ol .d {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-right: 32px;
	font-family: tj
}

.first_class2 .ol .b {
	font-size: 60px;
	line-height: 1
}

.first_class2 .ol .t {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	position: relative;
	width: 0;
	line-height: 1.75
}

.first_class2 .ol .link {
	display: block;
	height: 3.5em;
	overflow: hidden
}

.first_class2 .ol .arr {
	position: absolute;
	left: 0;
	top: 100%;
	margin-top: 15px;
	width: 47px;
	height: 9px;
	background: url(../images/xfpng46.png);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	transition: all .3s
}

.first_class2 .ul {
	margin-top: 30px
}

.first_class2 .ul .li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding: 7px 0;
	border-top: 1px solid rgba(149,174,147,0.4);
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.first_class2 .ul .li {
		font-size: 16px
	}
}

.first_class2 .ul .li:first-child {
	border-top: 0
}

.first_class2 .ul .d {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	margin-left: 30px;
	font-family: tj;
	line-height: 1.8
}

.first_class2 .ul .t {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	width: 0;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 58px
}

.first_class3 {
	background: url() no-repeat center;
	padding: 150px 0
}

.first_class3 .cont {
	position: relative
}

.first_class3 .cont img {
	max-width: 100%;
	display: block;
	margin: auto
}

.first_class3 .cont .title-box {
	position: absolute;
	left: 0;
	right: 0;
	text-align: center;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.first_class3 .more1 {
	margin-top: 38px
}

.first_class3 .more1::before {
	background-color: #466685;
	border-color: #466685;
	background-image: url(../images/more1a.png)
}

.first_class4 {
	padding: 150px 0;
	background: url(../images/img86.jpg) center top no-repeat;
	color: #fff
}

.first_class4 .title {
	position: absolute;
	right: 0;
	top: 0;
	width: 1em;
	line-height: 1
}

.first_class4 .ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-right: 156px;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.first_class4 .ul .li {
	padding-right: 28px;
	width: 33.33%
}

.first_class4 .ul .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.first_class4 .ul .tit {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	position: relative;
	width: 120px;
	min-width: 50px;
	text-align: center
}

.first_class4 .ul .n {
	font-family: tj;
	font-size: 50px
}

.first_class4 .ul .n::after {
	content: '';
	display: block;
	margin: auto;
	width: 0;
	height: 215px;
	border-left: 1px solid rgba(255,255,255,0.3)
}

.first_class4 .ul .t {
	margin: auto;
	margin-top: 30px;
	width: 1em;
	font-family: sh;
	font-size: 24px;
	line-height: 1
}

@media screen and (max-width: 768px) {
	.first_class4 .ul .t {
		font-size: 18px
	}
}

.first_class4 .ul .img {
	-ms-flex-negative: 1;
	flex-shrink: 1;
	position: relative;
	overflow: hidden;
	width: 300px
}

.first_class4 .ul .img::before {
	content: '';
	display: block;
	padding-top: 190.66667%
}

.first_class4 .ul .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

@media screen and (min-width: 1025px) {
	.first_class1 .ul1 .li:hover {
		color: #fff
	}

	.first_class1 .ul1 .li:hover .cir::before {
		opacity: 0
	}

	.first_class1 .ul1 .li:hover .cir::after {
		opacity: 1
	}

	.first_class1 .ul1 .li:hover .lv {
		color: #0e4e8d;
		opacity: 0.5
	}

	.first_class1 .ul1 .li:hover .line {
		opacity: 0
	}

	.first_class1 .ul1 .li:hover .icon .i:nth-child(1) {
		opacity: 0
	}

	.first_class1 .ul1 .li:hover .icon .i:nth-child(2) {
		opacity: 1
	}

	.first_class2 .ol .li:hover {
		margin-bottom: 26px
	}

	.first_class2 .ol .li:hover::before {
		border-width: 2px;
		border-right: 0
	}

	.first_class2 .ol .li:hover .arr {
		opacity: 1;
		visibility: visible
	}

	.first_class3 .unit .li:hover {
		background-color: #5b7897
	}

	.first_class3 .unit .more1:hover::before {
		background-color: #0e4e8d;
		background-image: url(../images/more1a.png);
		border-color: #0e4e8d
	}
}

@media screen and (max-width: 1600px) {
	.first_class4 .ul {
		margin-right: 60px
	}

	.first_class4 .ul .n::after {
		height: 10vw
	}
}

@media screen and (max-width: 1280px) {
	.first_class1 .list .li {
		padding: 30px 15px
	}

	.first_class4 .title {
		position: static;
		width: 100%;
		text-align: center
	}

	.first_class4 .ul {
		margin: 0;
		margin-top: 50px;
		width: 100%
	}

	.first_class4 .ul .li:nth-child(n) {
		padding: 0;
		width: 33.33%
	}

	.first_class4 .ul .n {
		font-size: 30px
	}

	.first_class4 .ul .n::after {
		height: 100px
	}
}

@media screen and (max-width: 1400px) {
	.first_class1 .img {
		width: 30%
	}
}

@media screen and (max-width: 1300px) {
	.first_class1 {
		padding: 60px 0
	}

	.first_class2 {
		padding: 60px 0 0
	}

	.first_class3 {
		padding: 60px 0
	}

	.first_class4 {
		padding-top: 50px
	}
}

@media screen and (max-width: 1024px) {
	.first_class2 .unit {
		display: block;
		margin-top: 50px
	}

	.first_class2 .unit-item {
		padding: 50px;
		width: 100%
	}

	.first_class2 .ol {
		margin-top: 30px
	}

	.first_class2 .ol::before {
		display: none
	}

	.first_class2 .ol .li {
		padding: 10px 0
	}

	.first_class2 .ol .li::before {
		display: none
	}

	.first_class2 .ol .d {
		margin-right: 10px
	}

	.first_class2 .ol .b {
		font-size: 30px
	}

	.first_class2 .ul {
		margin-top: 30px
	}

	.first_class3 .unit .view {
		text-align: left
	}

	.first_class3 .unit .more1 {
		margin-left: 5%
	}
}

@media screen and (max-width: 1023px) {
	.first_class1 .img {
		display: none
	}

	.first_class1 .r-box {
		margin-left: 0
	}

	.first_class1 .cont {
		padding: 15px 0
	}

	.first_class1 .list .li {
		padding: 15px
	}

	.first_class3 {
		background-size: cover
	}

	.first_class3 .more1 {
		margin-top: 20px
	}
}

@media screen and (max-width: 767px) {
	.first_class1 {
		padding: 60px 0 50px
	}

	.first_class1 .line-box .item {
		width: 50%
	}

	.first_class1 .line-box .item:nth-child(1),.first_class1 .line-box .item:nth-child(2) {
		display: none
	}

	.first_class1 .line-box .item:nth-child(3)::before {
		right: 0
	}

	.first_class1 .list .li {
		width: 50%;
		padding: 10px 15px
	}

	.first_class2 {
		padding-top: 50px
	}

	.first_class2 .unit {
		margin-top: 20px
	}

	.first_class2 .unit-item {
		padding: 20px
	}

	.first_class2 .ol {
		margin-top: 20px
	}

	.first_class2 .ol .li {
		padding: 10px 0
	}

	.first_class2 .ul {
		margin-top: 10px
	}

	.first_class2 .ul .li {
		padding: 15px 0
	}

	.first_class3 {
		padding: 60px 0 50px
	}

	.first_class3 .unit {
		margin-top: 20px;
		padding-top: 0
	}

	.first_class3 .unit .ul {
		display: block;
		margin-left: 0;
		padding: 20px 0;
		background: #476585
	}

	.first_class3 .unit .li {
		width: 100%
	}

	.first_class3 .unit .link {
		padding: 10px 20px
	}

	.first_class3 .unit .view {
		position: static;
		margin-right: 0
	}

	.first_class4 {
		padding: 60px 0 50px;
		background-size: cover
	}

	.first_class4 .ul {
		display: block;
		margin-top: 30px
	}

	.first_class4 .ul .li:nth-child(n) {
		margin-bottom: 20px;
		width: 100%
	}

	.first_class4 .ul .tit {
		width: 4em
	}

	.first_class4 .ul .img {
		margin-right: 10px
	}

	.first_class4 .ul .n {
		font-size: 30px
	}

	.first_class4 .ul .n::after {
		height: 100px
	}

	.first_class3 .unit .view {
		text-align: center
	}

	.first_class3 .unit .more1 {
		margin-left: 0%
	}

	.first_class2 .ul .t {
		height: auto
	}
}

.nav_history {
	position: fixed;
	right: 20px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	z-index: 3;
	color: #c98787;
	text-align: right;
	font-size: 14px;
	pointer-events: none;
	display: none
}

.nav_history::after {
	content: "";
	position: absolute;
	top: 10px;
	bottom: 10px;
	right: 4px;
	background: url(../images/bypng35.png) repeat-y center center;
	width: 3px
}

.nav_history .item {
	margin-top: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.nav_history .item span {
	opacity: 0;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.nav_history .item.now span {
	opacity: 1
}

.nav_history .item::after {
	content: "";
	width: 8px;
	height: 8px;
	background: #c98787;
	-webkit-transform: rotate(45deg) translateY(2px);
	transform: rotate(45deg) translateY(2px);
	margin-left: 20px
}

.nav_history .item:first-child {
	margin-top: 0
}

.history0 {
	position: relative;
	color: #fff
}

.history0 .bg {
	display: block;
	width: 100%;
	height: auto
}

.history0 .bg.m-show {
	display: none
}

.history0 .back {
	position: fixed;
	right: 0;
	top: 40px;
	height: 50px;
	padding: 0 0 0 30px;
	background: #934040;
	border-radius: 25px 0 0 25px;
	color: #fff;
	font-family: sh;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	z-index: 9
}

.history0 .back a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.history0 .back img {
	margin-left: 15px
}

.history0 .x-wrap {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.history0 .pad {
	width: 370px
}

.history0 .p-box {
	font-size: 18px;
	margin-top: 50px
}

@media screen and (max-width: 768px) {
	.history0 .p-box {
		font-size: 16px
	}
}

body:not(.lang-en) .history0 .p-box {
	text-align: justify;
	text-justify: inter-ideograph
}

.history0 .p-box .p+.p {
	margin-top: 15px
}

.history0 .more1 {
	padding: 0 70px 0 0;
	margin-top: 40px
}

.history0 .more1::before {
	left: auto;
	right: 0;
	background-color: #0e4e8d;
	border-color: #0e4e8d;
	background-image: url(../images/more1a.png)
}

.history1 {
	background: #fffcf6;
	padding: 150px 0;
	position: relative
}

.history1::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 66.6666666%;
	background: url(../images/bg4.jpg) no-repeat center left;
	background-size: cover
}

.history1 .all_anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.history1 .back {
	position: fixed;
	right: 0;
	top: 40px;
	height: 50px;
	padding: 0 0 0 30px;
	background: #934040;
	border-radius: 25px 0 0 25px;
	color: #fff;
	font-family: sh;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	line-height: 1;
	z-index: 3
}

.history1 .back a {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	height: 100%
}

.history1 .back img {
	margin-left: 15px
}

.history1 .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	position: relative;
	z-index: 2
}

.history1 .head .p {
	font-size: 30px;
	margin-top: 5px
}

@media screen and (max-width: 768px) {
	.history1 .head .p {
		font-size: 22px
	}
}

.history1 .head .r {
	margin-left: 60px
}

.history1 .head .code {
	background: #0e4e8d;
	color: #fff;
	height: 50px;
	padding: 0 20px;
	line-height: 50px;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	white-space: nowrap
}

.history1 .head .code img {
	margin-left: 10px;
	max-width: 150px
}

.history1 .head .code .c {
	display: none;
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 10px
}

.history1 .head .code:hover .c {
	display: block
}

.history1 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	margin-top: 50px;
	position: relative;
	z-index: 1
}

.history1 .tabs {
	border-left: 1px solid #aaa
}

.history1 .tabs .item {
	padding-left: 40px;
	position: relative;
	line-height: 1.1;
	margin-left: -1px;
	cursor: pointer
}

.history1 .tabs .item:nth-child(n+2) {
	margin-top: 1.5em
}

.history1 .tabs .item::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	border-top: 1px solid #aaa
}

.history1 .tabs .item::after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	border-top: 1px solid #aaa
}

.history1 .tabs .item.now {
	border-left: 2px solid #a91231;
	color: #a91231
}

.history1 .tabs .item.now::before {
	border-top: 2px solid #a91231
}

.history1 .tabs .item.now::after {
	border-top: 2px solid #a91231
}

.history1 .div {
	width: 50%;
	margin-top: -160px
}

.history1 .d {
	position: absolute;
	visibility: hidden;
	width: 100%;
	opacity: 0
}

.history1 .d.act {
	position: relative;
	visibility: visible;
	opacity: 1
}

.history1 .d .pic {
	width: 85%;
	background: url(../images/bypng19.png) no-repeat left bottom 15%/contain;
	padding: 5% 5% 8% 8%
}

.history1 .d .pic .frame {
	overflow: hidden
}

.history1 .d .pic .child {
	height: 100%
}

.history1 .d .pic .child .img {
	height: 100%
}

.history1 .d .pic img {
	width: 100%;
	height: 100%;
	border-radius: 100%
}

.history1 .d .text {
	right: 100%;
	bottom: 0;
	position: absolute;
	width: 40%
}

body:not(.lang-en) .history1 .d .text {
	text-align: justify;
	text-justify: inter-ideograph
}

.history1 .d .text .more1 {
	margin-top: 25px
}

.history2 {
	background: #fffcf6;
	padding: 200px 0 350px;
	position: relative
}

.history2 .all_anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.history2::before {
	content: "";
	background: url(../images/bypng9.png) no-repeat center center/contain;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-top: 39%;
	width: 27%
}

.history2 .map {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	right: 49%;
	background: url(../images/bypng13.png) no-repeat center bottom/contain
}

.history2 .head {
	padding-left: 65%
}

.history2 .head .p {
	font-size: 30px;
	margin-top: 5px
}

@media screen and (max-width: 768px) {
	.history2 .head .p {
		font-size: 22px
	}
}

.history2 .focus {
	padding-left: 65%
}

.history2 .focus .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
	color: #ac9f92
}

.history2 .focus .nav span {
	font-family: xfont;
	width: 35px;
	height: 40px;
	position: relative;
	line-height: 40px;
	text-align: center;
	font-size: 20px
}

.history2 .focus .nav .next::before {
	content: "";
	position: absolute;
	left: 0;
	top: 50%;
	height: 10px;
	margin-top: -5px;
	border-left: 1px solid #ac9f92
}

.history2 .focus .slick-list {
	overflow: visible
}

.history2 .focus .frame {
	margin-top: 10px
}

.history2 .focus .child {
	position: relative
}

.history2 .focus .child .h {
	position: absolute;
	right: 100%;
	top: 0;
	margin-right: 30px;
	font-size: 24px;
	color: #495a47
}

body:not(.lang-en) .history2 .focus .child .h {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
	.history2 .focus .child .h {
		font-size: 18px
	}
}

.history2 .focus .child .pics {
	position: relative
}

.history2 .focus .child .pics .item:first-child {
	width: 100%;
	padding-top: 100%
}

.history2 .focus .child .pics .item:last-child {
	position: absolute;
	right: 85%;
	top: 60%;
	width: 65%
}

.history2 .focus .child .pics .item:last-child::after {
	content: "";
	background: #0e4e8d;
	width: 30%;
	padding-top: 30%;
	position: absolute;
	left: 100%;
	top: 100%
}

.history2 .focus .child .pics img {
	width: 100%;
	height: auto;
	cursor: pointer;
	position: absolute;
	left: 0;
	top: 0
}

.history2 .focus .child .btns {
	position: absolute;
	right: 0;
	top: 100%;
	margin-top: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.history2 .focus .child .btns a {
	display: block;
	width: 70px;
	height: 70px;
	line-height: 70px;
	text-align: center;
	background: #e2d4c6;
	position: relative
}

.history2 .focus .child .btns a:nth-child(n+2) {
	margin-left: 2px
}

.history2 .focus .child .btns a img:first-child {
	max-width: 80%
}

.history2 .focus .child .btns a .c {
	position: absolute;
	right: 0;
	top: 100%;
	display: none;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.3);
	box-shadow: 0 0 5px rgba(0,0,0,0.3)
}

.history2 .focus .child .btns a:hover .c {
	display: block
}

.history3 {
	background: #fffcf6;
	position: relative;
	padding: 150px 0 133px;
	color: #fff;
	display: none
}

.history3 .all_anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.history3::after {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 66.6666666%;
	bottom: 0;
	background: url(../images/bg5_1.jpg) no-repeat center top/contain;
	z-index: 3;
	pointer-events: none
}

.history3::before {
	content: "";
	background: url(../images/bypng9.png) no-repeat center center/contain;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding-top: 39%;
	width: 27%;
	z-index: 4;
	pointer-events: none
}

.history3 .bg-1 {
	position: absolute;
	bottom: 0;
	right: 0;
	left: 30.71%;
	top: 299px;
	background: url(../images/jpg93.jpg) no-repeat center;
	background-size: cover
}

.history3 .bg-2 {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 30.71%;
	height: 402px;
	background: #fffcf6 url(../images/lyspng148.png) no-repeat left bottom;
	z-index: 2;
	background-size: contain
}

.history3 .head {
	text-align: center;
	position: relative;
	z-index: 9
}

.history3 .head .p {
	font-size: 30px;
	margin-top: 5px
}

@media screen and (max-width: 768px) {
	.history3 .head .p {
		font-size: 22px
	}
}

.history3 .content {
	margin-top: 75px;
	position: relative;
	z-index: 9
}

.history3 .slick-slide {
	margin: 0 -10px
}

.history3 .child {
	padding: 0 10px 10px;
	position: relative;
	margin-top: 10px;
	display: inline-block
}

.history3 .child a.a {
	left: 10px;
	right: 10px;
	bottom: 20px
}

.history3 .child .pic {
	position: relative;
	overflow: hidden
}

.history3 .child .pic::before {
	content: '';
	display: block;
	padding-top: 116.66667%
}

.history3 .child .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.history3 .child .h {
	position: absolute;
	left: 10px;
	bottom: 20px;
	right: 10px;
	background: url(../images/bypng20.png) repeat-x center center;
	padding: 18px 0;
	text-align: center
}

.history3 .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 30px;
	color: #a9927b;
	position: relative;
	z-index: 1
}

.history3 .nav::before {
	content: "";
	display: block;
	border-top: 1px solid #a9927b;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.history3 .nav::after {
	content: "";
	display: block;
	border-top: 1px solid #a9927b;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.history3 .nav .prev {
	font-family: xfont;
	font-size: 28px;
	cursor: pointer
}

.history3 .nav .next {
	font-family: xfont;
	font-size: 28px;
	cursor: pointer
}

.history3 .nav .num {
	padding: 0 25px
}

.history3 .nav .num * {
	font-style: normal;
	font-weight: normal;
	margin: 0 5px
}

.history4 {
	background: #fffcf6;
	position: relative;
	padding: 200px 0
}

.history4 .all_anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.history4::before {
	content: "";
	position: absolute;
	left: 0;
	top: -60px;
	width: 28%;
	bottom: 0;
	background: url(../images/bypng14.png) no-repeat center top/contain
}

.history4::after {
	content: "";
	background: url(../images/bypng15.png) no-repeat center center/contain;
	right: 0;
	bottom: 0;
	width: 28%;
	padding-top: 28%;
	position: absolute
}

.history4 .head {
	position: absolute;
	left: 0;
	top: 80px;
	right: 0
}

.history4 .head .p {
	font-size: 30px;
	margin-top: 5px
}

@media screen and (max-width: 768px) {
	.history4 .head .p {
		font-size: 22px
	}
}

.history4 .x-wrap {
	height: auto
}

.history4 .list {
	position: relative;
	z-index: 1;
	height: 59.3268vw
}

.history4 .list .item {
	width: calc(25% - 30px);
	cursor: pointer
}

.history4 .list .item .pic {
	overflow: hidden
}

.history4 .list .item .pic img {
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.history4 .list .item:first-child {
	margin-right: 40px
}

.history4 .list .item img {
	width: 100%
}

.history4.noData #photo_wap {
	display: none
}

.history4.noData .load_more a {
	display: none
}

.history5 {
	background: #fffcf6 url(../images/bg6-1.jpg) no-repeat center center/cover;
	padding: 40px 0 180px;
	position: relative
}

.history5 .fix_anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.history5 .head {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: -170px
}

.history5 .head .p {
	font-size: 30px;
	margin-left: 10px
}

body:not(.lang-en) .history5 .head .p {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
	.history5 .head .p {
		font-size: 22px
	}
}

.history5 .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	min-height: 48.9424vw;
	height: auto
}

.history5 .x-wrap::after {
	display: none
}

.history5 .list-box {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0;
	position: relative
}

.history5 .list-box::before {
	content: '';
	position: absolute;
	left: 48px;
	top: calc(50% - 46px);
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 1608px;
	height: 164px;
	background: url(../images/bypng40.png) no-repeat left center
}

.history5 .list {
	margin-left: 100px;
	overflow: auto;
	margin-right: -200px
}

.history5 .list .inner {
	display: table;
	white-space: nowrap
}

.history5 .list .item {
	position: relative;
	max-width: 30vw;
	display: inline-block;
	vertical-align: top
}

.history5 .list .item .pic {
	background: #fffcf6;
	padding: 10px;
	overflow: hidden;
	-webkit-box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3);
	box-shadow: 0px 5px 12px 0px rgba(198,178,135,0.3)
}

.history5 .list .item .pic img {
	width: 100%
}

.history5 .list .item .h {
	font-size: 18px;
	margin-top: 0.6em
}

@media screen and (max-width: 768px) {
	.history5 .list .item .h {
		font-size: 16px
	}
}

.history5 .list .item:nth-child(5n-4) {
	margin-top: 1.45833333vw
}

.history5 .list .item:nth-child(5n-3) {
	margin-top: 10.67708333vw;
	margin-left: -6.25vw
}

.history5 .list .item:nth-child(5n-2) {
	margin-top: 4.6875vw;
	margin-left: 2.34375vw
}

.history5 .list .item:nth-child(5n-1) {
	margin-top: 16.35416666vw;
	margin-left: -5.05208333vw
}

.history5 .list .item:nth-child(5n) {
	margin-left: 1.5625vw;
	margin-right: 2.8645833vw
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 1px;
	background: #a85a5a;
	position: relative;
	margin: 0 10px;
	width: auto;
	margin-top: 17px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::before {
	content: "";
	position: absolute;
	right: 100%;
	top: 50%;
	width: 10px;
	height: 10px;
	border: 1px solid #a85a5a;
	border-radius: 100%;
	margin-top: -5px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail::after {
	content: "";
	position: absolute;
	left: 100%;
	top: 50%;
	width: 10px;
	height: 10px;
	border: 1px solid #a85a5a;
	border-radius: 100%;
	margin-top: -5px
}

.history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-bottom: 60px
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
	height: 36px;
	width: 40%;
	margin: auto
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	background: url(../images/bypng16.png) no-repeat center;
	background-size: contain;
	width: 36px;
	height: 36px;
	top: 0
}

.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	display: none
}

.history6 {
	background: #fffcf6;
	position: relative;
	padding: 190px 0
}

.history6 .all_anchor {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%
}

.history6 .head {
	text-align: center
}

.history6 .head .p {
	font-size: 30px;
	margin-top: 5px
}

@media screen and (max-width: 768px) {
	.history6 .head .p {
		font-size: 22px
	}
}

.history6 .list {
	margin-top: 120px;
	position: relative;
	min-height: 59.99999vw
}

.history6 .list .bg {
	position: absolute;
	top: 75%;
	left: 5%;
	width: 41%
}

.history6 .list .d1 {
	position: relative;
	padding-top: 60%
}

.history6 .list .d1 .item {
	position: absolute;
	cursor: pointer
}

.history6 .list .d1 .item.i1 {
	width: 44%;
	left: 0;
	top: 0;
	z-index: 1;
	margin-right: 40px
}

.history6 .list .d1 .item.i2 {
	width: 23%;
	left: 50%;
	top: 0
}

.history6 .list .d1 .item.i3 {
	width: 16%;
	right: 0;
	top: 0
}

.history6 .list .d1 .item.i4 {
	width: 30%;
	left: 37%;
	bottom: 0
}

.history6 .list .d1 .item.i5 {
	width: 27%;
	right: 0;
	top: 36.3%
}

.history6 .list .d2 {
	margin-top: 40px
}

.history6 .list .d2 .item {
	width: calc(20% - 22.5px);
	position: relative;
	cursor: pointer
}

.history6 .list .d2 .item:first-child {
	margin-right: 30px
}

.history6 .list .pic {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%
}

.history6 .list .pic::before {
	content: '';
	display: block;
	padding-top: 94.61078%
}

.history6 .list .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.history6 .list .h {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 30px;
	color: #fff;
	text-align: center;
	font-size: 18px;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.5)));
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5))
}

@media screen and (max-width: 768px) {
	.history6 .list .h {
		font-size: 16px
	}
}

.history6 .list .play {
	position: absolute;
	left: 50%;
	top: 50%;
	width: 90px;
	height: 90px;
	border-radius: 100%;
	background: rgba(255,255,255,0.2) url(../images/bypng21.png) no-repeat left 55% center;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	cursor: pointer
}

.history6.noData #six_wap {
	display: none
}

.history6.noData .load_more a {
	display: none
}

@media screen and (min-width: 1025px) {
	.history4 .list .item:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.history6 .list .item:hover {
		z-index: 1
	}

	.history6 .list .item:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
}

@media screen and (max-width: 1720px) {
	.history2 {
		padding: 140px 0 280px
	}

	.history3 {
		padding: 80px 0 40px
	}

	.history4 {
		padding: 120px 0
	}

	.history6 {
		padding: 120px 0
	}
}

@media screen and (max-width: 1600px) {
	.history5 {
		padding-bottom: 150px
	}

	.history5 .list {
		margin-right: -50px
	}
}

@media screen and (max-width: 1500px) {
	.history1 .div {
		width: 45%
	}

	.history1 .d .pic {
		width: auto
	}
}

@media screen and (max-width: 1300px) {
	.history0 .p-box {
		margin-top: 30px
	}

	.history0 .more1 {
		margin-top: 20px
	}

	.history2 {
		padding: 80px 0 280px
	}

	.history3 {
		padding: 80px 0 40px
	}

	.history4 {
		padding: 80px 0
	}

	.history6 {
		padding: 80px 0
	}

	.history6 .list {
		margin-top: 80px
	}

	.history1 .div {
		width: 42%
	}

	.history1 .head {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.history1 .head .r {
		margin: 20px 0 0
	}

	.history2 .focus {
		margin-top: 30px
	}

	.history4 .list .item {
		width: calc(25% - 15px)
	}

	.history4 .list .item:first-child {
		margin-right: 20px
	}

	.history5 .list {
		margin-right: -20px
	}

	.history6 .list .h {
		padding: 10px;
		font-size: 16px
	}
}

@media screen and (max-width: 1024px) {
	.nav_history {
		display: none
	}

	.history1 {
		padding: 80px 0 60px
	}

	.history1::before {
		left: 85%
	}

	.history1 .d .text {
		position: static
	}

	.history1 .div {
		width: auto;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		overflow: hidden;
		margin-left: 10%
	}

	.history1 .d .text {
		width: 65%
	}

	.history2 {
		padding: 80px 0 220px
	}

	.history6 {
		padding: 60px 0
	}

	.history6 .list {
		margin-top: 40px
	}

	.history5 {
		padding-bottom: 80px
	}

	.history5 .list .item .pic {
		padding: 15px;
		max-width: 50vw
	}

	.history5 .list .item .pic img {
		max-width: 100%
	}

	.history5 .list .item:nth-child(n+2) {
		margin: 0 0 0 20px !important
	}

	.history1 .head .p {
		font-size: 24px
	}

	.history2 .head .p {
		font-size: 24px
	}

	.history3 .head .p {
		font-size: 24px
	}

	.history4 .head .p {
		font-size: 24px
	}

	.history5 .head .p {
		font-size: 24px
	}

	.history6 .head .p {
		font-size: 24px
	}

	.history5 .list {
		margin-right: 0px
	}
}

@media screen and (max-width: 767px) {
	.history0 .pad {
		width: 100%;
		padding-bottom: 40px
	}

	.history0 .p-box {
		margin-top: 15px
	}

	.history0 .p-box .p+.p {
		margin-top: 5px
	}

	.history0 .x-wrap {
		-webkit-box-align: end;
		-ms-flex-align: end;
		align-items: flex-end
	}

	.history0 .more1 {
		margin-top: 10px;
		padding-right: 45px
	}

	.history0 .back {
		position: absolute;
		height: 40px;
		padding-left: 20px;
		top: 20px
	}

	.history0 .back img {
		width: 20px
	}

	.history0 .bg {
		display: none
	}

	.history0 .bg.m-show {
		display: block
	}

	.history1 {
		background-position: left top;
		padding: 40px 0;
		margin-top: 0
	}

	.history1::before {
		display: none
	}

	.history1 .content {
		display: block;
		margin-top: 30px
	}

	.history1 .d .text {
		width: auto;
		margin-top: 20px
	}

	.history1 .div {
		margin: 30px 0 0
	}

	.history1 .d .pic {
		background: none;
		padding: 0;
		width: 80%;
		margin: auto
	}

	.history1 .d .pic .frame {
		border-radius: 0
	}

	.history2 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: reverse;
		-ms-flex-direction: column-reverse;
		flex-direction: column-reverse;
		padding: 0
	}

	.history2 .head {
		padding: 0;
		text-align: center
	}

	.history2 .map {
		position: static;
		height: 130vw;
		background-position: center top 20%;
		background-size: 160% auto
	}

	.history2 .focus {
		padding-left: 35%
	}

	.history3 {
		padding: 40px 0
	}

	.history3::after {
		width: 100%;
		background-size: cover
	}

	.history3::before {
		display: none
	}

	.history3 .bg-1,.history3 .bg-2 {
		display: none
	}

	.history3 .nav {
		margin-top: 10px
	}

	.history4 {
		padding: 40px 0
	}

	.history4::before {
		display: none
	}

	.history4 .head {
		position: static;
		text-align: center
	}

	.history4 .list {
		margin-top: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		height: auto !important
	}

	.history4 .list .item {
		width: calc(50% - 7.5px);
		position: static !important
	}

	.history3 .content {
		margin-top: 30px
	}

	.history4 .list {
		padding: 0 15px;
		min-height: 140vw
	}

	.history4 .list .item {
		width: calc(50% - 7.5px)
	}

	.history4 .list .item:nth-child(1) {
		margin-right: 0
	}

	.history4 .list .item:nth-child(even) {
		margin-left: 15px
	}

	.history4 .list .item:nth-child(n+3) {
		margin-top: 15px
	}

	.history5 {
		padding: 40px 0
	}

	.history5 .head {
		margin: 0
	}

	.history5 .head .title img {
		max-height: none
	}

	.history5 .head .p {
		margin-left: 0
	}

	.history5 .x-wrap {
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.history5 .list-box::before {
		display: none
	}

	.history5 .list {
		margin-left: 15px
	}

	.history5 .list .item {
		max-width: 240px
	}

	.history5 .list .item:nth-child(5n-4) {
		margin-top: 0
	}

	.history5 .mCSB_horizontal.mCSB_inside>.mCSB_container {
		margin-bottom: 50px
	}

	.history5 .mCSB_scrollTools.mCSB_scrollTools_horizontal {
		width: 80%
	}

	.history5 .list .item .pic {
		max-width: none;
		width: 100%;
		padding: 10px
	}

	.history5 .list .item .pic img {
		width: 100%
	}

	.history5 .list .item .h {
		margin-top: 5px
	}

	.history6 .list {
		padding: 0 15px;
		margin-top: 30px
	}

	.history6 .list .d1 {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding-top: 0
	}

	.history6 .item {
		width: 100% !important;
		position: relative !important;
		left: auto !important;
		top: auto !important;
		margin: 0 !important
	}

	.history6 .item:nth-child(n+2) {
		margin-top: 15px !important
	}

	.history6 .list .d1 .item:nth-child(1) {
		margin-right: 0
	}

	.history6 .list .d2 {
		margin-top: 15px;
		height: auto !important
	}

	.history6 .list .bg {
		display: none
	}

	.history6 .list .play {
		width: 60px;
		height: 60px;
		background-size: 30% auto
	}

	.title>img {
		max-width: 80%
	}

	.history6 .list .d1::before {
		display: none
	}

	.history2 .x-wrap {
		height: auto
	}

	.history2 .x-wrap::after {
		display: none
	}

	.history3::after {
		bottom: initial;
		height: 100%;
		display: none
	}

	.history3 {
		background: url(../images/bg5_1.jpg) no-repeat center top/cover
	}

	.history3 .x-wrap {
		height: auto
	}
}

.home1 {
	position: relative;
	margin-top: -147px
}

.home1 .child {
	height: 100vh;
	background: no-repeat center center / cover;
	position: relative
}

.home1 .child .mask {
	background: #000;
	opacity: 0
}

.home1 .child .a {
	z-index: 2
}

.home1 .child video {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover
}

.home1 .nav {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 50px;
	z-index: 1
}

.home1 .slick-dots {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.home1 .slick-dot {
	width: 50px;
	height: 4px;
	background: #fff;
	opacity: 0.4;
	padding: 0;
	list-style: none;
	margin: 0 10px
}

.home1 .slick-dot.slick-active {
	opacity: 1
}

.home1 .btn_l {
	position: absolute;
	left: 50px;
	bottom: 50px;
	z-index: 1;
	cursor: pointer;
	width: 106px;
	height: 106px
}

.home1 .btn_l::before {
	content: "";
	background: url(../images/bypng1_2.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
	transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_l::after {
	content: "";
	background: url(../images/bypng1_1.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.home1 .btn_l a {
	height: 100%;
	display: block;
	position: relative;
	z-index: 1
}

.home1 .btn_r {
	position: absolute;
	right: 50px;
	bottom: 50px;
	z-index: 1;
	cursor: pointer;
	width: 106px;
	height: 106px
}

.home1 .btn_r::before {
	content: "";
	background: url(../images/bypng2_2.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s;
	transition: all 0.5s cubic-bezier(0, 1, 1, 1) 0s
}

.home1 .btn_r::after {
	content: "";
	background: url(../images/bypng2_1.png) no-repeat center center;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%
}

.home1 .btn_r a {
	height: 100%;
	display: block;
	position: relative;
	z-index: 1
}

.title1 {
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 120px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	font-size: 48px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.title1 {
		font-size: 28px
	}
}

.title1::before {
	content: "";
	background: no-repeat center bottom;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	margin-bottom: 0.5em;
	-webkit-transition: all 1.5s ease-out 0s;
	transition: all 1.5s ease-out 0s;
	clip: rect(0, 120px, 0, 0)
}

.title1::after {
	content: "";
	background: no-repeat center top;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-top: 5.3em;
	-webkit-transition: all 3s ease-out 3s;
	transition: all 3s ease-out 3s;
	clip: rect(0, 120px, 0, 0)
}

.title1 .h {
	font-family: sh;
	line-height: inherit;
	line-height: 1.2;
	white-space: nowrap;
	position: absolute;
	left: 50%;
	margin-left: -0.5em;
	-webkit-transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
	transition: all 1.5s cubic-bezier(0.6, 1.2, 0.5, 1.2) 1.5s;
	-webkit-transform: scale(0);
	transform: scale(0)
}

body:not(.lang-en) .title1 .h {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.title1 .more1 {
	opacity: 0;
	-webkit-transition: all 1s ease-out 2.5s;
	transition: all 1s ease-out 2.5s
}

.showd .title1::after {
	clip: rect(0, 120px, 1000px, 0)
}

.showd .title1 .h {
	-webkit-transform: none;
	transform: none
}

.showd .title1 .more1 {
	opacity: 1
}

.home2.showd .title1::before {
	clip: rect(0, 120px, 350px, 0)
}

.home3.showd .title1::before {
	clip: rect(0, 120px, 270px, 0)
}

.home4.showd .title1::before {
	clip: rect(0, 120px, 570px, 0)
}

.home5.showd .title1::before {
	clip: rect(0, 120px, 300px, 0)
}

.home6.showd .title1::before {
	clip: rect(0, 120px, 700px, 0)
}


/*页脚相关链接start*/

.news_home6 {
	/*padding: 55px 0 135px;
	margin-bottom:150px;*/
	margin-bottom:50px;
}
.neiye .news_home6{
	/*margin-bottom:50px;*/
}

.news_home6 .tit {
	font-family: sh;
	font-size: 42px;
	line-height: 1.2;
	color: #432727;
	text-align: center
}

@media screen and (max-width: 768px) {
	.news_home6 {
		padding: 40px 0;
		margin-bottom:0;
	}	
	.news_home6 .tit {
		font-size: 26px
	}
	.news_home6 .w-wrap{
		padding:0;
	}
}

.news_home6 .unit {
	margin-top: 14px
}

.news_home6 .dt {
	padding: 0 71px;
	font-family: sh;
	font-size: 30px;
	color: #25354e
}

@media screen and (max-width: 768px) {
	.news_home6 .dt {
		font-size: 22px
	}
}

.news_home6 .tracker-mod {
	position: relative;
	padding: 0 71px
}

.news_home6 .tracker-arrow {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	border: 1px solid #dcdcdc;
	border-radius: 50%;
	color: #0e4e8d;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.news_home6 .tracker-prev {
	left: 0
}

.news_home6 .tracker-next {
	right: 0
}

.news_home6 .tracker-item {
	position: relative
}
.news_home6 .tracker-mod.dir-hor .tracker-item a{
	display: inline-block;
	height: auto;
	padding: 0px;
	line-height: auto;
	min-width: auto;
	font-size: 18px;
}
.news_home6 .tracker-mod.dir-hor .tracker-item a:hover{
	color:#0e4e8d;
}
.news_home6 .tracker-mod.dir-hor .tracker-item{
	background:none;
}
.news_home6 .tracker-mod.dir-hor .tracker-item.cur{
	background-image: none;
	background:none;
	color: #333;
}
.news_home6 .tracker-item .img {
	position: relative;
	overflow: hidden;
	width: 205px;
}

.news_home6 .tracker-item .img::before {
	content: '';
	display: block;
	padding-top: 39.40887%
}

.news_home6 .tracker-item .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.news_home6 .tracker-item .t {
	position: relative;
	padding: 0 20px;
	font-size: 18px;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media screen and (max-width: 768px) {
	.news_home6 .tracker-item .t {
		font-size: 16px
	}
}

.news_home6 .dl1 .tracker-item+.tracker-item {
	margin-left: 15px
}

.news_home6 .dl1 .dd {
	padding: 20px 0
}

.news_home6 .dl2 .tracker-item+.tracker-item {
	padding-left: 42px
}

.news_home6 .dl2 .tracker-item+.tracker-item::before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	background: url(../images/png3.png) no-repeat center;
	background-size: contain;
	width: 42px;
	height: 20px
}

.news_home6 .dl2 .dd {
	margin-top: 20px
}
@media screen and (min-width: 769px) {
	.news_home6 .tracker-item .t:hover {
		color: #0e4e8d
	}

	.news_home6 .tracker-arrow:not(.disable):hover {
		background-color: #0e4e8d;
		border-color: #0e4e8d;
		color: #fff
	}
}
@media screen and (min-width: 1020px) and (max-width: 1280px) {
	.neiye .news_home6{
		margin-bottom:170px;
	}
}
@media screen and (min-width: 1280px) and (max-width: 1720px) {
	.neiye .news_home6{
		margin-bottom:170px;
		padding-bottom:0;
	}
}
@media screen and (max-width: 768px) {
	.neiye .news_home6{
		padding-bottom:0;
		margin-bottom:20px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1020px) {
	.neiye .news_home6{
		padding-bottom:0;
		margin-bottom:20px;
	}
}
@media screen and (max-width: 1280px) {
	.news_home6 {
		padding-bottom: 0px
	}
}
@media screen and (max-width: 1024px) {
	.news_home6 .tracker-item .t {
		line-height: normal;
		padding: 20px
	}
}

@media screen and (max-width: 768px) {
	.news_home6 {
		padding: 30px 0
	}

	.news_home6 .dt {
		padding: 0
	}

	.news_home6 .dl1 .dd {
		padding: 10px 0
	}

	.news_home6 .dl2 {
		margin-top: 20px
	}

	.news_home6 .dl2 .dd {
		margin-top: 10px
	}

	.news_home6 .dl2 .tracker-item+.tracker-item {
		padding-left: 0;
		background: none
	}

	.news_home6 .tracker-arrow {
		width: 30px;
		height: 30px
	}

	.news_home6 .tracker-mod {
		padding: 0 40px
	}

	.news_home6 .tracker-item .img,.news_home6 .tracker-item .t {
		width: calc(100vw - 140px);
		white-space: normal;
		line-height: 1.5;
		margin: 0 0 0 10px
	}

	.news_home6 .tracker-item .t {
		min-height: 88px
	}

	.news_home6 .dl2 .tracker-item+.tracker-item::before {
		display: none
	}

	.news_home6 .tracker-item .t {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}
}

/*页脚相关链接end*/

.home2 {
	position: relative;
	background: #f5f5f5
}

.home2 .w-wrap {
	padding-top: 110px;
	padding-bottom: 110px
}

.home2 .title1::before {
	background-image: url(../images/bypng3_1.png);
	bottom: 70%
}

.home2 .title1::after {
	background-image: url(../images/bypng3_1b.png);
	top: 30%
}

.home2 .title1 .h {
	top: 30%
}

.home2 .title1 .more1 {
	background: #f5f5f5;
	padding-top: 15px;
	color: #333;
	font-size: 16px;
	position: absolute;
	top: 63%;
	z-index: 1;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.home2 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home2 .list .dl {
	width: calc(50% - 10px)
}

.home2 .list .dl .item {
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	height: 100%
}

.home2 .list .dl .pic {
	position: relative;
	overflow: hidden
}

.home2 .list .dl .pic::before {
	content: '';
	display: block;
	padding-top: 75%
}

.home2 .list .dl .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home2 .list .dl .text {
	background: #fff;
	padding: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1
}

.home2 .list .dl .text .h {
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.home2 .list .dl .text .h {
		font-size: 18px
	}
}

.home2 .list .dl .text .p {
	font-size: 14px;
	margin-top: 0.5em
}

.home2 .list .dl .text .date {
	font-size: 18px;
	text-align: center;
	margin-right: 40px;
	font-family: tj
}

@media screen and (max-width: 768px) {
	.home2 .list .dl .text .date {
		font-size: 16px
	}
}

.home2 .list .dl .text .date b {
	font-size: 60px;
	line-height: 1.2;
	display: block;
	font-weight: normal
}

@media screen and (max-width: 768px) {
	.home2 .list .dl .text .date b {
		font-size: 30px
	}
}

.home2 .list .dl .text .r {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.home2 .list .dr {
	width: calc(50% - 10px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.home2 .list .dr .item {
	position: relative;
	background: #fff;
	width: calc(50% - 5px);
	padding: 35px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.home2 .list .dr .item:nth-child(n+3) {
	margin-top: 10px
}

.home2 .list .dr .item .h {
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.home2 .list .dr .item .h {
		font-size: 16px
	}
}

.home2 .list .dr .item .date {
	font-size: 18px;
	margin-right: 40px;
	font-family: tj
}

@media screen and (max-width: 768px) {
	.home2 .list .dr .item .date {
		font-size: 16px
	}
}

.home2 .list .dr .item .date b {
	font-size: 48px;
	line-height: 1.2;
	display: block;
	font-weight: normal;
	display: inline;
	margin-right: 10px
}

@media screen and (max-width: 768px) {
	.home2 .list .dr .item .date b {
		font-size: 28px
	}
}

.home2 .links {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 30px
}

.home2 .links .item {
	background: no-repeat left center / cover;
	width: 10.35%;
	overflow: hidden;
	position: relative;
	padding-top: 13.33%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home2 .links .item img {
	height: 100%;
	width: auto;
	position: absolute;
	left: 0;
	top: 0;
	display: none
}

.home2 .links .item.s {
	width: 68.93%
}

.home2 .links .item.s img {
	width: 100%;
	height: auto;
	position: static
}

.home3 {
	background: url(../images/bg1.jpg) no-repeat center top;
	color: #fff;
	height: 835px;
	position: relative;
	z-index: 1
}

.home3 .title1::before {
	background-image: url(../images/bypng3_2.png);
	bottom: 65%
}

.home3 .title1::after {
	background-image: url(../images/bypng3_2b.png);
	top: 35%
}

.home3 .title1 .h {
	top: 35%
}

.home3 .content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.home3 .box2 {
	width: 50%;
	margin-left: 50%;
	background: #0e4e8d;
	padding: 100px
}

.home3 .box2 .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.home3 .box2 .hd .title {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.home3 .box2 .hd .title:after {
	content: "";
	display: block;
	border-top: 1px solid #a95555;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 20px
}

.home3 .box2 .list {
	margin-top: 60px;
	border-left: 1px solid #a95555;
	position: relative
}

.home3 .box2 .list:before {
	content: "";
	border-top: 1px solid #a95555;
	width: 12px;
	position: absolute;
	left: 0;
	top: 0%
}

.home3 .box2 .list:after {
	content: "";
	border-top: 1px solid #a95555;
	width: 12px;
	position: absolute;
	left: 0;
	bottom: 0%
}

.home3 .box2 .list .item {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 40px
}

.home3 .box2 .list .item:before {
	content: "";
	border-top: 1px solid #a95555;
	width: 12px;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.home3 .box2 .list .item:nth-child(n+2) {
	margin-top: 15px
}

.home3 .box2 .list .item .date {
	white-space: nowrap;
	font-family: tj
}

.home3 .box2 .list .item .date b {
	font-size: 60px;
	line-height: 1.2;
	font-weight: normal
}

@media screen and (max-width: 768px) {
	.home3 .box2 .list .item .date b {
		font-size: 30px
	}
}

.home3 .box2 .list .item .h {
	margin-left: 30px;
	line-height: 1.8;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.home3 .box2 .list .item .h:after {
	content: "";
	background: url(../images/bypng36.png) no-repeat right center;
	width: 0;
	height: 9px;
	position: absolute;
	top: 100%;
	left: 0;
	margin-top: 5px;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.home3 .box1 {
	width: 50%;
	background: #883736;
	padding: 70px 90px;
	position: relative
}

.home3 .box1::before {
	content: "";
	background: url(../images/bypng4.png) no-repeat center center;
	width: 467px;
	height: 416px;
	right: 10px;
	top: -40px;
	position: absolute
}

.home3 .box1::after {
	content: "";
	width: 120px;
	height: 120px;
	background: #0e4e8d;
	left: 100%;
	top: 100%;
	position: absolute
}

.home3 .box1 .text {
	line-height: 1.8;
	position: relative
}

body:not(.lang-en) .home3 .box1 .text p {
	text-align: justify;
	text-justify: inter-ideograph
}

.home3 .box1 .text p:nth-child(n+2) {
	margin-top: 1.5em
}

.home3 .box1 .more1 {
	margin-top: 40px
}

.home3 .more1:before {
	background-color: #a95555;
	border-color: #a95555
}

.home4 {
	background: url(../images/bypng5.png) no-repeat right 1% top
}

.home4 .title1::before {
	background-image: url(../images/bypng3_3.png);
	bottom: 60%
}

.home4 .title1::after {
	background-image: url(../images/bypng3_3b.png);
	top: 40%
}

.home4 .title1 .h {
	top: 40%
}

.home4 .w-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 380px;
	padding-bottom: 180px
}

.home4 .dl {
	width: 47%
}

.home4 .dr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-top: 6%
}

.home4 .d1 {
	position: relative
}

.home4 .d1 .pic {
	width: 100%
}

.home4 .d1 .text {
	position: absolute;
	left: -1px;
	top: 70%;
	background: #fff;
	padding-left: 0
}

.home4 .d2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse;
	position: relative
}

.home4 .d2 .text {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end
}

.home4 .d3 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.home4 .pic {
	position: relative;
	overflow: hidden;
	width: 50%
}

.home4 .pic::before {
	content: '';
	display: block;
	padding-top: 105.21127%
}

.home4 .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home4 .text {
	padding: 50px 45px;
	width: 50%
}

.home4 .text .h {
	font-size: 30px;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.home4 .text .h {
		font-size: 22px
	}
}

.home4 .text .p {
	margin-top: 15px
}

.home4 .text .date {
	font-family: tj;
	margin-top: 10px
}

.home4 .text .more1 {
	margin-top: 20px
}

.home5 {
	background: url(../images/bg2.jpg) no-repeat center center/cover;
	color: #fff
}

.home5 .title1::before {
	background-image: url(../images/bypng3_4.png);
	bottom: 65%
}

.home5 .title1::after {
	background-image: url(../images/bypng3_4b.png);
	top: 35%
}

.home5 .title1 .h {
	top: 35%
}

.home5 .w-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 110px;
	padding-bottom: 110px
}

.home5 .dl {
	width: 28%;
	padding-top: 100px;
	min-width: 355px
}

.home5 .dl .h {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-family: tj;
	padding-right: 30px
}

.home5 .dl .h b {
	font-weight: normal;
	font-size: 140px;
	line-height: 0.6
}

.home5 .dl .h span {
	display: block
}

.home5 .dl .box {
	margin-top: 30px;
	background: #95ae93
}

.home5 .dl .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid rgba(0,0,0,0.1)
}

.home5 .dl .hd span {
	font-family: xfont;
	width: 90px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	display: block
}

.home5 .dl .hd strong {
	border-left: 1px solid rgba(0,0,0,0.1);
	border-right: 1px solid rgba(0,0,0,0.1);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	display: block
}

.home5 .dl .calendar {
	margin: 15px 25px;
	width: auto;
	height: 330px
}

.home5 .dl .calendar .fc-calendar .fc-row>div {
	padding: 0
}

.home5 .dl .calendar .fc-calendar .fc-row>div,.home5 .dl .calendar .fc-calendar .fc-head>div {
	width: calc(99% / 7)
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
	left: 0;
	right: 0;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	font-family: Arial;
	top: 0px;
	width: 1.4em;
	height: 1.4em;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: auto
}

.home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.home5 .dl .calendar .fc-calendar .fc-content>div {
	padding: 1.5em 0 0;
	text-align: center;
	line-height: 0;
	font-size: 20px
}

.home5 .dl .calendar .fc-today .fc-date {
	background: #495a46;
	border-radius: 100%;
	color: #fff
}

.home5 .dl .calendar .fc-calendar .a {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #668863;
	margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .b {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #9a5252;
	margin: 0 2px
}

.home5 .dl .calendar .fc-calendar .c {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #5a759b;
	margin: 0 2px
}

.home5 .dl .calendar .fc-content {
	cursor: pointer
}

.home5 .dl .calendar .fc-content.act span.fc-date {
	background: #668664;
	border-radius: 100%;
	color: #fff
}

.home5 .dl .bb {
	height: 54px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	border-top: 1px solid rgba(0,0,0,0.15);
	font-size: 14px;
	color: #495a46
}

.home5 .dl .bb span {
	margin: 0 10px;
	position: relative;
	padding-left: 13px
}

.home5 .dl .bb span:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 7px
}

.home5 .dl .bb span:nth-child(1):before {
	background: #668863
}

.home5 .dl .bb span:nth-child(2):before {
	background: #9a5252
}

.home5 .dl .bb span:nth-child(3):before {
	background: #5a759b
}

.home5 .dr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 90px
}

.home5 .dr .list {
	height: 700px;
	overflow: hidden
}

.home5 .dr .mCSB_inside>.mCSB_container {
	margin-right: 20px
}

.home5 .dr .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.home5 .dr .item:nth-child(even) {
	-webkit-box-orient: horizontal;
	-webkit-box-direction: reverse;
	-ms-flex-direction: row-reverse;
	flex-direction: row-reverse
}

.home5 .dr .item .pic {
	position: relative;
	overflow: hidden;
	width: 48%
}

.home5 .dr .item .pic::before {
	content: '';
	display: block;
	padding-top: 75%
}

.home5 .dr .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home5 .dr .item .text {
	padding: 50px 40px;
	width: 48%
}

.home5 .dr .item .text .h {
	font-size: 18px
}

.home5 .dr .item .text ul {
	padding: 0;
	margin: 0;
	margin-top: 50px
}

.home5 .dr .item .text li {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 10px
}

.home5 .dr .item .text li i {
	margin-right: 15px;
	text-align: center;
	display: inline-block;
	width: 20px
}

.home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #638460;
	width: 4px
}

.home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
	background: #384837;
	width: 2px
}

.home6 {
	background: url(../images/bypng6.png) no-repeat center top/100% auto;
	position: relative;
	color: #fff
}

.home6 .title1::before {
	background-image: url(../images/bypng3_5.png);
	bottom: 45%
}

.home6 .title1::after {
	background-image: url(../images/bypng3_5b.png);
	top: 55%
}

.home6 .title1 .h {
	top: 55%
}

.home6::before {
	content: "";
	background: url(../images/bg3.jpg) no-repeat center top/cover;
	position: absolute;
	left: 0;
	top: 26vw;
	right: 0;
	bottom: 0
}

.home6 .w-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-top: 26vw;
	padding-bottom: 312px
}

.home6 .tabs {
	background: #6f8aa8;
	padding: 50px 0;
	width: 30%
}

.home6 .tabs .item {
	height: 76px;
	line-height: 76px;
	font-size: 22px;
	cursor: pointer;
	position: relative;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s;
	text-align: center;
	padding-right: 30px
}

@media screen and (max-width: 768px) {
	.home6 .tabs .item {
		font-size: 18px
	}
}

.home6 .tabs .item i {
	margin-right: 25px;
	display: inline-block;
	width: 44px;
	text-align: center
}

.home6 .tabs .item i img {
	max-width: 100%
}

.home6 .tabs .item.now {
	background: #5b7897;
	padding-left: 50px
}

.home6 .tabs .item.now::after {
	content: "";
	position: absolute;
	right: 40px;
	top: 50%;
	background: url(../images/more1a.png);
	width: 13px;
	height: 12px;
	margin-top: -6px
}

.home6 .dr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative
}

.home6 .dr::before {
	content: "";
	background: url(../images/bypng7.png) no-repeat center bottom/cover;
	width: 22%;
	padding-top: 50%;
	position: absolute;
	left: 50%;
	bottom: 25%
}

.home6 .list {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	visibility: hidden
}

.home6 .list.act {
	opacity: 1;
	visibility: visible
}

.home6 .list .item {
	position: relative;
	width: 55%
}

.home6 .list .item:hover {
	z-index: 1
}

.home6 .list .item:last-child {
	position: absolute;
	right: 0;
	top: 100%;
	-webkit-transform: translateY(-58%);
	transform: translateY(-58%);
	width: 57%
}

.home6 .list .item .pic {
	position: relative;
	overflow: hidden
}

.home6 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 70.9507%
}

.home6 .list .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.home6 .list .item .text {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 25px 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(rgba(0,0,0,0.6)));
	background: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6))
}

.home6 .list .item .text .h {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: none
}

.home6 .list .item .text .more {
	background: url(../images/bypng8.png);
	width: 41px;
	height: 41px;
	display: inline-block
}

@media screen and (min-width: 1025px) {
	.transT {
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transB {
		-webkit-transform: translateY(-80px);
		transform: translateY(-80px);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transL {
		-webkit-transform: translateX(-80px);
		transform: translateX(-80px);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transR {
		-webkit-transform: translateX(80px);
		transform: translateX(80px);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.td2 {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s
	}

	.td3 {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s
	}

	.td4 {
		-webkit-transition-delay: 0.6s;
		transition-delay: 0.6s
	}

	.transTs>div {
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transTs>div:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s
	}

	.transTs>div:nth-child(3) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s
	}

	.transTs>div:nth-child(4) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s
	}

	.transTs>div:nth-child(5) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s
	}

	.transLs>div {
		-webkit-transform: translateY(80px);
		transform: translateY(80px);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transLs>div:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s
	}

	.transLs>div:nth-child(3) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s
	}

	.transLs>div:nth-child(4) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s
	}

	.transLs>div:nth-child(5) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s
	}

	.transS {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transSs>div {
		-webkit-transform: scale(0.5);
		transform: scale(0.5);
		opacity: 0;
		-webkit-transition: all 0.8s ease-out 0s;
		transition: all 0.8s ease-out 0s
	}

	.transSs>div:nth-child(2) {
		-webkit-transition-delay: 0.1s;
		transition-delay: 0.1s
	}

	.transSs>div:nth-child(3) {
		-webkit-transition-delay: 0.2s;
		transition-delay: 0.2s
	}

	.transSs>div:nth-child(4) {
		-webkit-transition-delay: 0.3s;
		transition-delay: 0.3s
	}

	.transSs>div:nth-child(5) {
		-webkit-transition-delay: 0.4s;
		transition-delay: 0.4s
	}

	.showd .transT,.showd .transB,.showd .transL,.showd .transR,.showd .transS,.showd .transTs>div,.showd .transLs>div,.showd .transSs>div {
		-webkit-transform: none;
		transform: none;
		opacity: 1
	}

	.btn_l:hover::before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.btn_r:hover::before {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}

	.home2 .list .item:hover {
		-webkit-box-shadow: 0 0 30px rgba(0,0,0,0.15);
		box-shadow: 0 0 30px rgba(0,0,0,0.15)
	}

	.home3 .box2 .list .item:hover .h:after {
		width: 47px
	}

	.home4 .d1:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.home4 .d2:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.home4 .d3:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}

	.home6 .list .item:hover .h {
		display: block
	}
}

@media screen and (max-width: 1720px) {
	.home2 .w-wrap {
		padding-top: 50px;
		padding-bottom: 80px
	}

	.home3 .box2 {
		padding: 80px
	}

	.home3 .box1 {
		padding: 60px 80px
	}

	.home4 .w-wrap {
		padding-top: 300px;
		padding-bottom: 100px
	}

	.home5 .w-wrap {
		padding-top: 100px;
		padding-bottom: 100px
	}
}

@media screen and (max-width: 1500px) {
	.home3 .box1 {
		-webkit-transform: translateY(-20%);
		transform: translateY(-20%)
	}

	.home6 .w-wrap {
		padding-bottom: 250px;
		padding-top: 320px
	}

	.home5 .dr .item .text ul {
		margin-top: 30px
	}

	.home6::before {
		top: 320px
	}
}

@media screen and (max-width: 1400px) {
	.home5 .dl {
		padding-top: 50px
	}

	.home5 .dr {
		margin-left: 60px;
		width: 380px
	}

	.home5 .dr .item .text {
		padding: 30px 10px
	}

	.home5 .dr .item .text ul {
		margin-top: 20px
	}
}

@media screen and (max-width: 1300px) {
	.title1 {
		font-size: 42px
	}

	.home3 .box1 {
		padding: 40px 60px
	}

	.home3 .box2 {
		padding: 60px
	}

	.home4 .text {
		padding: 30px 40px
	}

	.home4 .d2 .text {
		padding: 30px 40px
	}

	.home5 .dl .fc-calendar-container {
		height: 330px
	}

	.home6 .tabs {
		padding: 30px 0
	}

	.home6 .tabs .item {
		height: 60px;
		line-height: 60px;
		font-size: 18px
	}

	.home6 .tabs .item.now {
		padding-left: 0px
	}

	.home6 .tabs .item i {
		margin-right: 15px
	}

	.home6 .tabs .item i {
		width: 34px
	}
}

@media screen and (max-width: 1200px) {
	.home3 .box2 {
		padding: 40px
	}

	.home3 .box1 {
		padding: 40px
	}
}

@media screen and (max-width: 1100px) {
	.title1 .h {
		font-size: 42px
	}

	.home3 .content {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		padding: 60px 0
	}

	.home3 .content .box1 {
		-webkit-transform: none;
		transform: none;
		width: auto
	}

	.home3 .content .box2 {
		width: auto;
		margin: auto;
		margin-top: 60px
	}

	.home4 .d1 .text {
		width: auto;
		position: static
	}

	.home4 .text {
		padding: 20px 30px !important
	}

	.home2 .w-wrap {
		padding-top: 50px;
		padding-bottom: 60px
	}

	.home3 .box2 {
		padding: 40px
	}

	.home3 .box1 {
		padding: 40px 40px
	}

	.home4 .w-wrap {
		padding-top: 160px;
		padding-bottom: 40px
	}

	.home5 .w-wrap {
		padding-top: 50px;
		padding-bottom: 80px
	}

	.home6 .w-wrap {
		padding-top: 200px
	}

	.home6::before {
		top: 200px
	}
}

@media screen and (max-width: 1024px) {
	.title1 {
		position: static;
		width: auto;
		background: none !important;
		padding: 0 !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: normal;
		-ms-flex-direction: row;
		flex-direction: row;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		margin-bottom: 30px
	}

	.title1::before {
		display: none
	}

	.title1::after {
		display: none
	}

	.title1 .h {
		-webkit-transform: none !important;
		transform: none !important;
		margin: 0;
		font-size: 38px;
		transform: none;
		position: static
	}

	body:not(.lang-en) .title1 .h {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.title1 .more1 {
		margin-top: 10px !important;
		opacity: 1;
		position: static
	}

	body:not(.lang-en) .title1 .more1 {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.w-wrap {
		padding: 40px 0;
		display: block !important
	}

	.home1 {
		margin-top: 0px
	}

	.home2 .w-wrap {
		padding: 40px 0
	}

	.home2 .title1 .more1 {
		padding: 0 0 0 50px;
		-webkit-writing-mode: unset !important;
		-ms-writing-mode: unset !important;
		writing-mode: unset !important;
		width: auto;
		position: relative;
		top: auto;
		-webkit-transform: none;
		transform: none;
		left: auto
	}

	.home2 .list .dl .text {
		padding: 25px
	}

	.home2 .list .dr .item {
		padding: 25px
	}

	.home3 {
		height: auto
	}

	.home3 .content {
		padding: 0
	}

	.home3 .box1 {
		padding: 30px
	}

	.home3 .box1::before {
		display: none
	}

	.home3 .box1 .more1 {
		margin-top: 20px
	}

	.home3 .content .box2 {
		margin: 20px 0 0;
		padding: 30px
	}

	.home3 .box2 .list {
		margin-top: 30px
	}

	.home4 .w-wrap {
		padding: 40px 0
	}

	.home4 .pic {
		width: 50% !important
	}

	.home4 .dl {
		width: auto
	}

	.home4 .dl .d1 {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.home4 .text {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-direction: column;
		flex-direction: column;
		-webkit-box-pack: center !important;
		-ms-flex-pack: center !important;
		justify-content: center !important
	}

	.home4 .d1 .pic {
		width: 30%
	}

	.home4 .dr {
		padding: 0
	}

	.home5 .w-wrap {
		padding: 40px 0
	}

	.home5 .dl {
		width: auto;
		padding-top: 0;
		min-width: auto
	}

	.home5 .dr {
		margin: 20px 0 0;
		width: auto
	}

	.home5 .dl .h b {
		font-size: 100px;
		line-height: 1
	}

	.home5 .dr .item .text {
		padding: 30px 10px;
		width: calc(50% - 15px)
	}

	.home5 .dr .item .pic {
		width: calc(50% - 15px)
	}

	.home6 .w-wrap {
		padding: 40px 0 9%
	}

	.home6::before {
		top: 0
	}

	.home6 .dr::before {
		display: none
	}

	.home6 .list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		visibility: hidden
	}

	.home6 .list.act {
		position: static;
		visibility: visible
	}

	.home6 .tabs {
		width: auto;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between;
		padding: 0
	}

	.home6 .tabs .item {
		padding: 0 !important;
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		font-size: 16px
	}

	.home6 .tabs .item i {
		margin-right: 10px;
		width: 25px
	}

	.home6 .tabs .item::after {
		display: none
	}

	.home6 .list .item {
		width: 33.33% !important
	}

	.home6 .list .item:last-child {
		-webkit-transform: none;
		transform: none;
		position: relative
	}

	.home6 .list .item .text {
		padding: 15px
	}

	.home6 .list .item .text .h {
		display: block
	}

	.home6 .list .item .text .more {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.home1 .btn_l {
		left: 15px;
		bottom: -25px;
		width: 50px;
		height: 50px
	}

	.home1 .btn_l::before {
		display: none
	}

	.home1 .btn_l::after {
		background-size: contain
	}

	.home1 .btn_r {
		right: 15px;
		bottom: -25px;
		width: 50px;
		height: 50px
	}

	.home1 .btn_r::before {
		display: none
	}

	.home1 .btn_r::after {
		background-size: contain
	}

	.title1 {
		margin-bottom: 20px
	}

	.title1 .h {
		font-size: 28px
	}

	.home1 .nav {
		bottom: 15px
	}

	.home1 .child {
		height: 56.5vw
	}

	.home1 .slick-dot {
		width: 25px;
		margin: 0 5px
	}

	.home2 .list {
		display: block
	}

	.home2 .list .dl {
		width: auto;
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
		box-shadow: 0 0 15px rgba(0,0,0,0.1)
	}

	.home2 .list .dl .text .date {
		margin-right: 20px;
		text-align: left
	}

	.home2 .list .dl .text .date b {
		display: inline-block;
		margin-right: 15px
	}

	.home2 .list .dr {
		width: auto;
		margin-top: 10px
	}

	.home2 .list .dl .text {
		padding: 20px;
		display: block
	}

	.home2 .list .dr .item {
		padding: 20px;
		-webkit-box-shadow: 0 0 15px rgba(0,0,0,0.1);
		box-shadow: 0 0 15px rgba(0,0,0,0.1)
	}

	.home2 .list .dr .item .h {
		margin-top: 5px;
		font-size: 14px
	}

	.home2 .links {
		display: block;
		margin-top: 20px
	}

	.home2 .links .item {
		width: 100% !important
	}

	.home2 .links .item:nth-child(n+2) {
		margin-top: 10px
	}

	.home3 .box1 {
		padding: 20px
	}

	.home3 .box1 .text p:nth-child(n+2) {
		margin-top: 1em
	}

	.home3 .content .box2 {
		padding: 20px
	}

	.home3 .box2 .list {
		border: none;
		margin-top: 20px
	}

	.home3 .box2 .list::before {
		display: none
	}

	.home3 .box2 .list::after {
		display: none
	}

	.home3 .box2 .list .item {
		padding: 0;
		-webkit-box-align: start;
		-ms-flex-align: start;
		align-items: flex-start
	}

	.home3 .box2 .list .item::before {
		display: none
	}

	.home3 .box2 .list .item .h {
		margin-left: 10px
	}

	.home4 .d1 .text {
		padding: 0 0 0 15px !important
	}

	.home4 .d2 .text {
		padding: 0 15px 0 0 !important
	}

	.home4 .d3 .text {
		padding: 0 0 0 15px !important
	}

	.home4 .text .p {
		margin-top: 0px;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.home4 .text .date {
		margin-top: 0
	}

	.home4 .text .more1 {
		margin-top: 10px
	}

	.home5 .dl .fc-calendar-container {
		height: 280px
	}

	.home5 .fc-calendar .fc-row>div>span.fc-date {
		font-size: 18px
	}

	.home5 .dl .calendar .fc-calendar .fc-content>div {
		font-size: 18px
	}

	.home5 .dl .h b {
		font-size: 40px;
		margin-right: 19px
	}

	.home5 .dl .box {
		margin-top: 15px
	}

	.home5 .dl .hd {
		height: 50px;
		line-height: 50px
	}

	.home5 .dl .hd span {
		width: 60px
	}

	.home5 .dr .item {
		display: block
	}

	.home5 .dr .item:nth-child(n+2) {
		margin-top: 20px
	}

	.home5 .dl .bb span {
		margin-left: 0px
	}

	.home5 .dl .bb span:nth-child(1) {
		margin-left: 0
	}

	.home5 .dr .item .pic {
		width: auto
	}

	.home5 .dr .item .text {
		width: auto;
		padding: 0;
		margin-top: 15px
	}

	.home5 .dr .item .text ul {
		margin-top: 15px
	}

	.home6 .tabs {
		padding: 0;
		display: block;
		white-space: nowrap;
		overflow: auto;
		background: none;
		margin-bottom: 10px;
		padding-bottom: 10px
	}

	.home6 .tabs .item {
		display: inline-block;
		height: auto;
		line-height: 1;
		opacity: 0.7
	}

	.home6 .tabs .item.now {
		background: none;
		opacity: 1;
		font-size: 1.1em
	}

	.home6 .tabs .item:nth-child(n+2) {
		margin-left: 10px
	}

	.home6 .tabs .item i {
		display: none
	}

	.home6 .list {
		display: block
	}

	.home6 .list .item {
		width: auto !important
	}

	.home6 .list .item:nth-child(n+2) {
		margin-top: 15px
	}
}

.demo1 {
	opacity: 0;
	visibility: hidden;
	z-index: 20;
	position: fixed;
	width: 350px;
	bottom: 20px;
	right: 100px;
	border-radius: 20px;
	overflow: hidden;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s, 0s, .3s;
	transition-delay: 0s, 0s, .3s
}

.demo1 .pop-dialog {
	width: 430px;
	background-color: transparent;
	vertical-align: bottom;
	margin-left: 63.4%;
	margin-bottom: 20px
}

.demo1 .pop-close {
	position: absolute;
	top: 14px;
	right: 33px;
	font-size: 20px;
	z-index: 1;
	cursor: pointer;
	overflow: hidden;
	color: #fff
}

.demo1 .h {
	font-size: 24px;
	color: #fff;
	height: 54px;
	text-align: center;
	line-height: 54px;
	background: url(../images/bg1.png) no-repeat center center
}

@media screen and (max-width: 768px) {
	.demo1 .h {
		font-size: 18px
	}
}

.demo1 .cookie {
	background: url(../images/bg2.png) no-repeat center center;
	padding: 15px 20px;
	background-size: 100% 100%
}

.demo1 .p {
	font-size: 16px;
	color: #ffb0b0;
	text-indent: 2em
}

body:not(.lang-en) .demo1 .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.demo1 a {
	display: block;
	width: 118px;
	margin: 16px auto 0
}

.demo1 .sub {
	font-size: 18px;
	color: #ffb0b0;
	background-color: #b73334;
	height: 36px;
	line-height: 36px;
	border-radius: 50px;
	text-align: center
}

@media screen and (max-width: 768px) {
	.demo1 .sub {
		font-size: 16px
	}
}

.demo1.x-show {
	opacity: 1;
	visibility: visible;
	z-index: 999;
	-webkit-transition-property: opacity, visibility, z-index;
	transition-property: opacity, visibility, z-index;
	-webkit-transition-duration: .3s;
	transition-duration: .3s;
	-webkit-transition-delay: 0s, 0s, 0s;
	transition-delay: 0s, 0s, 0s
}

.new_title {
	text-align: center
}

.new_title .h {
	font-size: 48px;
	line-height: 1.2;
	font-family: sh;
	color: #0e4e8d
}

@media screen and (max-width: 768px) {
	.new_title .h {
		font-size: 28px
	}
}

.new_title .icon-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin: 16px 0 5px
}

.new_title .icon-box::before,.new_title .icon-box::after {
	content: '';
	width: 127px;
	border-top: 1px dashed rgba(0,73,130,0.3);
	height: 0
}

.new_title .icon-box .icon {
	width: 21px;
	height: 19px;
	background: url(../images/png68-1.jpg) no-repeat center;
	margin: 0 15px;
	background-size: contain
}

.new_title .t {
	font-size: 24px;
	color: #25354e
}

@media screen and (max-width: 768px) {
	.new_title .t {
		font-size: 18px
	}
}

.new_home1 {
	position: relative
}

.new_home1 .frame-box {
	position: relative;
	z-index: 2
}

.new_home1 .child {
	height: 100vh;
	position: relative
}

.new_home1 .child .bg {
	background: no-repeat center center / cover;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 1
}


.new_home1 .child .mask {
	z-index: 2
}

.new_home1 .child .txtbox {
	position: absolute;
	left: 0;
	right: 0;
	top: 51%;
	text-align: center;
	color: #fff5af;
	font-family: yzq;
	opacity: 0;
	-webkit-transition: all 0.4s;
	transition: all 0.4s;
	text-shadow: 2.868px 4.096px 79px rgba(0,0,0,0.19)
}

.new_home1 .child .txtbox .t1 {
	margin: 5px;
	font-size: 80px
}

.new_home1 .child .txtbox .t2 {
	margin: 5px;
	font-size: 60px
}

.new_home1 .child .tit {
	font-size: 114px;
	line-height: 1.5;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	left: 50%;
	margin-left: 70px;
	z-index: 3;
	color: #fff;
	font-family: 'sh';
	width: 5em
}

.new_home1 .child .a {
	z-index: 9
}

.new_home1 .child video {
	width: 100%;
	height: 100%;
	-o-object-fit: fill;
	object-fit: fill;
	position: absolute;
	top: 0;
	left: 0
}
@media screen and (min-width: 1024px) and (max-width: 1400px){
	
}
@media screen and (max-width: 768px){
	.new_home1 .frame  .slick-slide {
		height: 200px;
	}
	.new_home1 .child .bg {
	height: 200px;
	}
	.new_home1 .child video {
		height: 200px;
	}
}
.new_home1 .slick-current .txtbox {
	opacity: 1;
	-webkit-transition-delay: 0.8s;
	transition-delay: 0.8s
}

.new_home1 .banner-tools {
	position: absolute;
	bottom: 30px;
	right: 45%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	z-index: 9
}

.new_home1 .nav {
	padding: 6px 19px;
	margin-left: 15px;
	position: relative
}

.new_home1 .nav::before {
	content: '';
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 99px;
	background: #000;
	opacity: 0.2;
	z-index: 1
}

.new_home1 .slick-dots {
	font-size: 0;
	position: relative;
	z-index: 2
}

.new_home1 .slick-dot {
	width: 15px;
	height: 15px;
	background: #0e4e8d;
	padding: 0;
	list-style: none;
	margin: 0 5px;
	border-radius: 50%;
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center
}

.new_home1 .slick-dot::after {
	content: '';
	width: 7px;
	height: 7px;
	background-color: #a0b8cf;
	border-radius: 50%;
	opacity: 0
}

.new_home1 .slick-dot.slick-active::after {
	opacity: 1
}

.new_home1 .banner-btn {
	width: 41px;
	height: 41px;
	border-radius: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	background: rgba(14,78,141,0.9);
	z-index: 99;
	color: #a0b8cf;
	font-size: 14px;
	cursor: pointer
}

.new_home1 .banner-btn::before {
	content: '\e522';
	font-family: xfont;
	font-style: normal
}

.new_home1 .banner-btn.pause::before {
	content: '\e521'
}

.new_home1 .banner-pro {
	position: absolute;
	left: 0;
	bottom: 0;
	height: auto;
	width: 0;
	border-top: 8px solid #0e4e8d;
	z-index: 9
}

.new_home1 .banner-pro.ani {
	-webkit-animation-name: anil;
	animation-name: anil;
	-webkit-animation-duration: 5.8s;
	animation-duration: 5.8s;
	-webkit-animation-timing-function: linear;
	animation-timing-function: linear;
	width: 100%
}

.new_home1 .banner-pro.play {
	-webkit-animation-play-state: running;
	animation-play-state: running
}

.new_home1 .banner-pro.pause {
	-webkit-animation-play-state: paused;
	animation-play-state: paused
}

.new_home1 .banner-map {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	right: 58px;
	z-index: 9
}

.new_home1 .banner-map .img {
	width: 106px;
	position: relative;
	overflow: hidden;
	z-index: 9;
	cursor: pointer
}

.new_home1 .banner-map .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.new_home1 .banner-map .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home1 .banner-map .line {
	position: absolute;
	z-index: 1;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border: 1px dashed #aa5656;
	border-radius: 999px
}

.new_home1 .banner-map .line img {
	position: relative;
	z-index: 9;
	width: 100%;
	height: auto
}

.new_home1 .banner-map .line::after {
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/png72.png) no-repeat center;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-animation: r 9s infinite linear;
	animation: r 9s infinite linear;
	background-size: contain
}

.new_home1 .banner-map .item {
	position: relative
}

.new_home1 .banner-map .item:hover .item-menubox {
	right: 100%;
	opacity: 1;
	visibility: visible
}

.new_home1 .banner-map .item+.item {
	margin-top: 20px
}

.new_home1 .banner-map .item:nth-child(2) .line {
	border-color: #587199
}

.new_home1 .banner-map .item:nth-child(2) .line::after {
	background-image: url(../images/png73.png);
	-webkit-animation-duration: 8s;
	animation-duration: 8s
}

.new_home1 .banner-map .item:nth-child(3) .line::after {
	-webkit-animation-duration: 9.4s;
	animation-duration: 9.4s
}

.new_home1 .banner-map .item-menubox {
	position: absolute;
	top: 5px;
	right: 80%;
	padding-right: 17px;
	color: #fff;
	font-size: 18px;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden
}

@media screen and (max-width: 768px) {
	.new_home1 .banner-map .item-menubox {
		font-size: 16px
	}
}

.new_home1 .banner-map .item-menubox .item-menu {
	background: rgba(124,48,48,0.9);
	border-radius: 25px;
	width: 210px;
	padding: 19px 0 28px 50px
}

.new_home1 .banner-map .item-menubox .item-link {
	border-bottom: 1px solid rgba(255,255,255,.3);
	position: relative
}

.new_home1 .banner-map .item-menubox .item-link::before {
	content: '';
	width: 21px;
	height: 19px;
	background: url(../images/png90.png) no-repeat center 3px;
	position: absolute;
	top: 23px;
	right: calc(100% + 13px)
}

.new_home1 .banner-map .item-menubox .item-link.on::before {
	background-image: url(../images/png91.png);
	background-position: center
}

.new_home1 .banner-map .item-menubox .item-link:last-child {
	border: none
}

.new_home1 .banner-map .item-menubox .item-link a {
	display: block;
	padding: 17px 0;
	padding-right: 10px
}

.new_home1 .banner-map .item-menubox .item-link+.item-link {
	margin-top: 5px
}

@-webkit-keyframes anil {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@keyframes anil {
	0% {
		width: 0
	}

	100% {
		width: 100%
	}
}

@-webkit-keyframes r {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

@keyframes r {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}

	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}

.new_home2.showd .new_title::before {
	clip: rect(0, 111px, 390px, 0)
}

.new_home3.showd .new_title::before {
	clip: rect(0, 111px, 446px, 0)
}

.new_home4.showd .new_title::before {
	clip: rect(0, 111px, 545px, 0)
}

.new_home5.showd .new_title::before {
	clip: rect(0, 111px, 444px, 0)
}

.new_home6.showd .new_title::before {
	clip: rect(0, 111px, 282px, 0)
}

.new_bg {
	background-color: #faf8f2
}

.new_home2 {
	position: relative;
	margin-top:50px;
	color: #25354e
}
@media screen and (max-width: 768px){
	.new_home2 {
		margin-top:0px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1080px) {
	.new_home2 {
		margin-top:25px;
	}
}
/*新版首页新闻start*/
.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}
.common-slideTpxw{position:relative; overflow:hidden;}
.common-slideTpxw .owl-carousel .item-name{position:absolute; right:0; bottom:0; left:0; z-index:9; padding:0 115px 0 18px; height:50px; line-height:50px; color:#fff; background-color:rgba(0,0,0,.5);}
.common-slideTpxw .owl-dots{position:absolute; bottom:21px; right:20px; z-index:99;}
.common-slideTpxw .owl-dot{float:left; width:8px; height:8px; margin-right:6px; background-color:#fff;}
.common-slideTpxw .owl-dot.active{background-color:#0e4e8d;}

.common-scrollZtzl .owl-prev, .common-scrollZtzl .owl-next{position: absolute; top: 50%; margin-top: -23px; width: 18px; height: 46px; line-height: 46px; background: #bfbfbf; text-align: center; color:#fff; font-family: "宋体"; border-radius: 12px; cursor: pointer; -webkit-transition:300ms; -moz-transition:300ms; -o-transition:300ms; transition:300ms;}
.common-scrollZtzl .owl-nav i{font-style: normal; font-weight: bold;}
.common-scrollZtzl .owl-prev{left:-38px;}
.common-scrollZtzl .owl-next{right:-38px;}
.common-scrollZtzl .owl-nav.disabled{display: block;}
.common-scrollZtzl .owl-prev:hover, .common-scrollZtzl .owl-next:hover{background: #a9a9a9;}
.mb {
	margin-bottom: 30px;
}
.home-toutiao{height: 114px; padding:20px 20px; background: #ffffff;margin-top:30px;}
.home-toutiao .inPad{position: relative;}
.home-toutiao h3{position: absolute; width: 46px; height: 76px; padding:6px 10px 0; line-height: 24px; left: 0; top:0; bottom: 0; font-size: 0.24rem; text-align: center; color: #fff; background: url(../images/home_toutiao_tag.png) no-repeat center bottom;}
.home-toutiao .bd{margin: 0 27px 0 46px; padding:0 20px;overflow:hidden;height:74px}
.home-toutiao .bd ul{ overflow:hidden; zoom:1; }
.home-toutiao .bd ul li{height: 74px; overflow: hidden;}
.home-toutiao .bd ul li h4{font-size:0.30rem; text-align: center;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.home-toutiao .bd ul li h4 a{color: #0e4e8d;}
.home-toutiao .bd ul li h4 a:hover{color:#0e4e8d;}
.home-toutiao .bd ul li p{text-align: center; color: #999999; font-size:14px;overflow: hidden;text-overflow: ellipsis;-webkit-line-clamp: 1;display: -webkit-box;-webkit-box-orient: vertical;}
.home-toutiao .btn{position: absolute; right: 0; top: 5px;}
.home-toutiao .btn a{display: block; width: 27px; height: 27px; background: url(../images/home_toutiao_arrow.png) no-repeat;}
.home-toutiao .btn a.prev{margin-bottom: 11px;}
.home-toutiao .btn a.next{background-position: 0 -28px;}
.home-toutiao .btn a.prev:hover{background-position: -28px 0;}
.home-toutiao .btn a.next:hover{background-position: -28px -28px;}
.common-row:after, .common-row:before {content: '';	display: block;	clear: both;}
.common-col-space{margin:0;}
.common-col-space>*{float: left;}
.common-col-space .home-row-l .grid{padding:0 15px 0 0;}
.common-col-4{width: 33.33333333%;}
.container.pt{padding-top: 30px;}
.container.pb{padding-bottom: 30px;}
.mb{margin-bottom: 30px;}
.mb20{margin-bottom: 20px;}
.container-mainBox{background: #fff; padding:20px;}
.color-blue{color: #355e92;}
.color-999{color: #999;}
.fl{float: left;}
.fr{float: right;}
.container > .mainBox{padding:20px; background: #fff;}
.bg-white{background: #fff;}
.ov-h{overflow: hidden;}

.home-l{width: 690px;}
.home-r{width: 510px;}
.home-row-l{width: 50%;}
.home-row-r{width: 50%;padding-left:2%;}
.home-news{padding: 15px 20px 15px 0;}
.home-tpxw, .home-tpxw .owl-carousel img{height:458px;}

.home-news{padding-top: 15px;}
.home-news .bd{height: 343px;}
.home-news .bd ul{padding: 20px 0;}
.home-news-iconlinks{margin: 0 -5px; overflow: hidden;}
.home-news-iconlinks li{float: left; width: 33.3333%;}
.home-news-iconlinks li a{display: block; margin: 0 5px; font-weight: bold; color: #0e4e8d; text-align: center; border:#105aa4 1px solid;}
.home-news-iconlinks li a:before{content: ''; display: inline-block; width: 35px; height: 35px; margin:3px 13px 3px 0; background: url(../images/home_icon_news.png) no-repeat; vertical-align: middle;}
.home-news-iconlinks li a:hover{background: #f1f7ff;}
.home-news-iconlinks li.li1 a:before{background-position: 0 -35px;}
.home-news-iconlinks li.li2 a:before{background-position: 0 -70px;}

.tab-card .hd{height:43px; line-height:43px;}
.tab-card .hd li{float:left; position: relative;font-size: 1.25em;}
.tab-card .hd li a{display: block; line-height:43px; padding: 0 15px; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.tab-card .hd li.on{cursor:pointer;}
.tab-card .hd li.on a{background:#0e4e8d; color: #fff; height: 43px;}
.tab-card .hd li.on:after{width: 100%;}
.tab-card .hd .more{float: right; line-height: 48px; margin-right: 15px;}
.tab-card .hd .more a{font-size: 14px; color: #666666;}
.tab-card .hd .more a:hover{color: #006eab;}
.tab-card.arrow .hd{font-weight: normal;}
.tab-card.arrow .hd li.on:after{content: ''; position: absolute; width: 0; height: 0; left: 50%; top: 100%; border:transparent solid 8px; border-top-color: #0e4e8d; margin-left: -8px;}
.tab-card-line .hd{border-bottom: 1px solid #006eac;}
.tab-card.bgGray{background: #f5f5f5;}
@media screen and (max-width: 500px){
	.tab-card .hd li a{
		padding:0 10px;
	}
	.tab-card .hd li{
		font-size:25%;
		font-size:.28rem;
	}
	.home-news-iconlinks li{
		font-size:.22rem;
	}
	.home-news-iconlinks li a:before {
		margin:3px 3px 3px 0;
	}
}


/* newsList */
.newsList{clear: both;}
.newsList h4{position:relative; padding:6px 0 6px 18px; font-size: 1em; font-weight: normal; line-height:1.6em; overflow:hidden; vertical-align:top;}
.newsList li h4:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 4px; height: 4px; background: #999999; border-radius: 50%; -webkit-border-radius: 50%;}
.newsList li .time{position:absolute; right:0; top: 50%; margin-top: -.8em; color:#999999;}
.newsList li a{float:left; max-width:100%; color:#333333; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow:hidden;}
.newsList li a:hover, .newsList-h4 li a:hover{color: #0e59a4;}
.newsList.MM-dd li h4{padding-right:60px;}
.newsList.yyyy-MM-dd li h4{padding-right:100px;}
@media (max-width: 1023px) {
	.common-col-space>*{float: none; width: auto !important;}
	.common-col-space{margin-top: 0; margin-bottom: 0;}
	.crumb{width:auto; padding: 0 2%; margin-bottom: 15px; background: #f0f0f0;}
	.crumb h2{padding-top: 15px; padding-bottom: 15px;}
	.tab-brief .bd > .newsList{margin-bottom: 10px;}
	.common-slideTpxw, .common-slideTpxw .owl-carousel img{height: auto !important;}
	.sm-autoHeight{height: auto !important;}
	.common-col-space .home-row-l .grid {
		padding: 0 0px 0 0;
	}
	.home-toutiao .bd ul li p {
	  -webkit-line-clamp: 2;
	}
}
/*新版首页新闻end*/

.new_home2::before {
	content: '';
	width: 100%;
	padding-top: 83.125%;
	/*background: url(../images/png93.png) no-repeat top center;*/
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1
}

.new_home2 .n-wrap {
	/*padding-top: 110px;*/
}

.new_home2 .new_title::before {
	bottom: 70.4769%;
	background-image: url(../images/png54.png)
}

.new_home2 .new_title .h {
	top: 30%
}

.new_home2 .new_title::after {
	top: 30%
}

.new_home2 .box1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative;
	margin-top: 22px
}

.new_home2 .box1.m-show {
	display: none
}

.new_home2 .box1 .item {
	background-color: #fff;
	position: relative;
	overflow: hidden;
	-webkit-box-shadow: 0 0 20px rgba(201,120,76,0.09);
	box-shadow: 0 0 20px rgba(201,120,76,0.09)
}

.new_home2 .box1 .item::before {
	content: '';
	height: 54px;
	border-left: 10px solid #466495;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: skewY(-50deg);
	transform: skewY(-50deg);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.new_home2 .box1 .l {
	width: 50%
}

.new_home2 .box1 .l .l_top {
	position: relative
}

.new_home2 .box1 .l .l_top .item a {
	display: block
}

.new_home2 .box1 .l .l_top .item .img {
	width: 100%;
	position: relative;
	overflow: hidden
}

.new_home2 .box1 .l .l_top .item .img::before {
	content: '';
	display: block;
	padding-top: 56.08108%
}

.new_home2 .box1 .l .l_top .item .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .l .l_top .item .t {
	font-size: 24px;
	padding: 17px 38px;
	color: #25354e
}

@media screen and (max-width: 768px) {
	.new_home2 .box1 .l .l_top .item .t {
		font-size: 18px
	}
}

.new_home2 .box1 .l .l_top .item .t .n {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.new_home2 .box1 .l .l_top .slick-dots {
	position: absolute;
	right: 22px;
	font-size: 0;
	bottom: 90px
}

.new_home2 .box1 .l .l_top .slick-dots li {
	list-style: none;
	width: 32px;
	height: 7px;
	background: #fff;
	opacity: 0.4;
	border-radius: 9px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px
}

.new_home2 .box1 .l .l_top .slick-dots li.slick-active {
	opacity: 1
}

.new_home2 .box1 .l .l_bottom .item {
	margin-top: 10px;
	font-size: 24px;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

@media screen and (max-width: 768px) {
	.new_home2 .box1 .l .l_bottom .item {
		font-size: 18px
	}
}

.new_home2 .box1 .l .l_bottom .item a {
	display: block;
	padding: 12px 38px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.new_home2 .box1 .l .l_bottom .n {
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden
}

.new_home2 .box1 .r {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	font-size: 22px;
	color: #25354e;
	-ms-flex-line-pack: start;
	align-content: flex-start
}

@media screen and (max-width: 768px) {
	.new_home2 .box1 .r {
		font-size: 18px
	}
}

.new_home2 .box1 .r .item {
	margin: 10px 0 0 10px;
	width: calc((100% - 20px) / 2);
	height: calc((100% - 20px) / 3);
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.3s;
	transition: all 0.3s
}

.new_home2 .box1 .r .item::after {
	content: '';
	width: 100%;
	height: 100%;
	background: url(../images/png66.png) no-repeat bottom right;
	position: absolute;
	top: 10px;
	left: 10px;
	opacity: 0;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	z-index: 1
}

.new_home2 .box1 .r .item a {
	padding: 50px;
	display: block;
	height: 100%;
	position: relative;
	z-index: 2;
	padding-right: 25px
}

.new_home2 .box1 .r .item:nth-child(-n+2) {
	margin-top: 0
}

.new_home2 .box1 .r .item .n {
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}

.new_home2 .box1 .r-img-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.new_home2 .box1 .r-img-box .t-box {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home2 .box1 .r-img-box .b-box {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px
}

.new_home2 .box1 .r-img-box .item-txt {
	height: 200px
}

.new_home2 .box1 .r-img-box .item-img {
	width: calc(100% - 10px);
	height: auto
}

.new_home2 .box1 .r-img-box .item-img a {
	padding: 29px 44px
}

.new_home2 .box1 .r-img-box .item-img .img {
	position: relative;
	overflow: hidden
}

.new_home2 .box1 .r-img-box .item-img .img::before {
	content: '';
	display: block;
	padding-top: 56.40244%
}

.new_home2 .box1 .r-img-box .item-img .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-img-box .item-img .img .mask {
	background: url(../images/png70.png) no-repeat center
}

.new_home2 .box1 .r-img-box .item-img .t {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	color: #fff;
	padding: 22px
}

.new_home2 .box1 .r-imgtxt-box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch
}

.new_home2 .box1 .r-imgtxt-box .t-box {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home2 .box1 .r-imgtxt-box .b-box {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 10px
}

.new_home2 .box1 .r-imgtxt-box .item-txt {
	height: 100%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
	height: auto
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt::before {
	display: none
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt a {
	padding: 0
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img {
	position: relative;
	z-index: 2
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a {
	position: relative;
	overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a::before {
	content: '';
	display: block;
	padding-top: 56.13079%
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
	position: relative;
	z-index: 2;
	padding: 43.5px 50px;
	overflow: hidden
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
	content: '';
	height: 54px;
	border-left: 10px solid #c64141;
	position: absolute;
	left: 0;
	top: 0;
	-webkit-transform: skewY(-50deg);
	transform: skewY(-50deg);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
	font-size: 24px;
	line-height: 1.3333
}

@media screen and (max-width: 768px) {
	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
		font-size: 18px
	}
}

.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
	font-size: 18px;
	color: #714646;
	margin-top: 8px;
	line-height: 1.6666
}

@media screen and (max-width: 768px) {
	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
		font-size: 16px
	}
}

.new_home2 .box2 {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home2 .box2 .li {
	width: 90px;
	height: 330px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home2 .box2 .li .l-t {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	height: 100%;
	padding: 20px 0;
	width: 90px
}

.new_home2 .box2 .li .l-t .t {
	color: #fff;
	font-size: 24px;
	line-height: 1.1;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.new_home2 .box2 .li .l-t .t {
		font-size: 18px
	}
}

body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.new_home2 .box2 .li .l-t a {
	display: block
}

.new_home2 .box2 .li .bg {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
	width: 0
}

.new_home2 .box2 .li .bg a {
	display: block;
	width: 100%;
	height: 100%
}

.new_home2 .box2 .li.cur {
	width: calc(100% - 270px)
}

.new_home2 .morebox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px
}

.new_home3 {
	color: #fff;
	position: relative
}

.new_home3::before {
	content: '';
	width: 26.875%;
	padding-top: 53.80208%;
	/*background: url(../images/png111.png) no-repeat center;
	background-size: contain;*/
	position: absolute;
	right: 0;
	top: 2.442%
}

.new_home3 .n-wrap {
	padding-top: 50px
}

.new_home3 .new_title::before {
	bottom: 58.5502%;
	background-image: url(../images/png56.png)
}

.new_home3 .new_title .h {
	top: 43.6802%
}

.new_home3 .new_title::after {
	top: 43.6802%
}

.new_home3 .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px
}

.new_home3 .cont .img-box {
	position: relative;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.new_home3 .cont .img-box .bg {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	bottom: 0;
	top: 107px
}

.new_home3 .cont .txt-box {
	color: #fff;
	padding: 80px 110px 87px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.new_home3 .cont .txt-box .l-t {
	font-size: 24px;
	line-height: 1.5;
	height: 72px
}

@media screen and (max-width: 768px) {
	.new_home3 .cont .txt-box .l-t {
		font-size: 18px
	}
}

.new_home3 .cont .txt-box .p {
	font-size: 18px;
	margin-top: 44px
}

@media screen and (max-width: 768px) {
	.new_home3 .cont .txt-box .p {
		font-size: 16px
	}
}

body:not(.lang-en) .new_home3 .cont .txt-box .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.new_home3 .cont .img {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: auto;
	z-index: 2
}

.new_home3 .cont .img::before {
	content: '';
	display: block;
	padding-top: 74.95256%
}

.new_home3 .cont .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home3 .cont .l-box {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.new_home3 .cont .l-box .img-box .bg {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home3 .cont .l-box .img-box .bg::before,.new_home3 .cont .l-box .img-box .bg::after {
	content: '';
	width: 50%;
	height: 100%;
	display: block
}

.new_home3 .cont .l-box .img-box .bg::before {
	background-color: #953535
}

.new_home3 .cont .l-box .img-box .bg::after {
	background-color: #612525
}

.new_home3 .cont .l-box .txt-box {
	background-color: #0e4e8d
}

.new_home3 .cont .r-box {
	width: 50%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: reverse;
	-ms-flex-direction: column-reverse;
	flex-direction: column-reverse
}

.new_home3 .cont .r-box .img-box .bg {
	top: 0;
	bottom: 107px;
	background: #9c7856
}

.new_home3 .cont .r-box .txt-box {
	background-color: #0e4e8d
}

.new_home3 .morebox {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 74px
}

.new_home4 {
	position: relative
}

.new_home4::before {
	content: '';
	position: absolute;
	width: 25.67708%;
	padding-top: 53.33333%;
	/*background: url(../images/png110.png) no-repeat center;
	background-size: contain;*/
	left: 0;
	bottom: 52.28891%
}

.new_home4 .n-wrap {
	padding-top: 50px
}

.new_home4 .new_title {
	left: 1px
}

.new_home4 .new_title::before {
	bottom: 47.8427%;
	background-image: url(../images/png57.png)
}

.new_home4 .new_title .h {
	top: 52.1573%
}

.new_home4 .new_title::after {
	top: 52.1573%
}

.new_home4 .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.new_home4 .cont.pshow {
	margin-top: 70px
}

.new_home4 .cont.mshow {
	position: absolute;
	z-index: -1;
	opacity: 0;
	visibility: hidden
}

.new_home4 .cont .item {
	position: relative;
	width: calc(100% / 3);
	padding-left: 95px;
	-webkit-transition: all 1.4s;
	transition: all 1.4s
}

.new_home4 .cont .item:nth-child(2) {
	-webkit-transition-delay: 0.3s;
	transition-delay: 0.3s
}

.new_home4 .cont .item:nth-child(3) {
	-webkit-transition-delay: 0.6s;
	transition-delay: 0.6s
}

.new_home4 .cont .item .l-box .l-tit {
	font-size: 36px;
	font-family: sh;
	color: #0e4e8d;
	position: absolute;
	overflow: hidden;
	width: 95px;
	height: 207px;
	left: 0;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	padding: 0 15px 0 7px
}

@media screen and (max-width: 768px) {
	.new_home4 .cont .item .l-box .l-tit {
		font-size: 24px
	}
}

body:not(.lang-en) .new_home4 .cont .item .l-box .l-tit {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.new_home4 .cont .item .l-box .l-tit::before {
	content: '';
	height: 100%;
	border-left: 15px solid;
	position: absolute;
	top: 0;
	right: -1px;
	-webkit-transform: skewY(-50deg);
	transform: skewY(-50deg);
	-webkit-transform-origin: left top;
	transform-origin: left top
}

.new_home4 .cont .item .l-box .bg {
	width: 95px;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: cover;
	position: absolute;
	top: 17.23625%;
	bottom: 130px;
	left: 0;
	z-index: 1
}

.new_home4 .cont .item .img {
	position: relative;
	overflow: hidden;
	-webkit-transition: all 0.8s;
	transition: all 0.8s
}

.new_home4 .cont .item .img::before {
	content: '';
	display: block;
	padding-top: 166.17284%
}

.new_home4 .cont .item .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home4 .cont .item .img a {
	display: block
}

.new_home4 .cont .item .img .txtbox {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 45px 43px
}

.new_home4 .cont .item .img .txtbox .t {
	font-size: 20px;
	color: #fff;
	line-height: 1.8
}

@media screen and (max-width: 768px) {
	.new_home4 .cont .item .img .txtbox .t {
		font-size: 18px
	}
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .t {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl
}

.new_home4 .cont .item .img .txtbox .new_more {
	position: absolute;
	right: 30px;
	bottom: 47px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	text-shadow: 0px 0px 15px #000000
}

.new_home4 .cont .item .img .txtbox .new_more .icon {
	margin: 0 0 14px
}

.new_home4 .cont .item .img .txtbox .new_more .t {
	font-size: 16px
}

body:not(.lang-en) .new_home4 .cont .item .img .txtbox .new_more .t {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

.new_home4 .cont .item .img .txtbox .new_more .icon::before {
	-webkit-box-shadow: 0px 0px 50px 0px #000000;
	box-shadow: 0px 0px 50px 0px #000000;
	background-color: rgba(0,0,0,0.3);
	border-radius: 50%
}

.new_home4 .cont .item:nth-child(1) .l-box .bg {
	background-image: url(../images/jpg50.jpg)
}

.new_home4 .cont .item:nth-child(1) .l-box .l-tit::before {
	border-color: #b08b68
}

.new_home4 .cont .item:nth-child(2) .l-box .bg {
	background-image: url(../images/jpg51.jpg)
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit {
	bottom: 83px
}

.new_home4 .cont .item:nth-child(2) .l-box .l-tit::before {
	border-color: #c64141
}

.new_home4 .cont .item:nth-child(3) .l-box .bg {
	background-image: url(../images/jpg52.jpg)
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit {
	top: 0px
}

.new_home4 .cont .item:nth-child(3) .l-box .l-tit::before {
	border-color: #0e4e8d
}

.new_home5 {
	position: relative;
	overflow: hidden
}

/*首页经管视野区块start*/
.new_home5 .number-four {
  width: 100%;
  margin-top:25px;
}
.new_home5 .number-four .wp {
  width: 100%;
  margin: 0 auto;
  max-width: 1600px;
}

.new_home5 .number-four .sylist {
  width: 100%;
}
.new_home5 .number-four .flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.new_home5 .number-four .sylist .aleft {
  width: 55%;
}
.new_home5 .number-four .sylist .aright {
  width: calc(45% - 0.1rem);
}
.new_home5 .number-four .sylist .syname {
  font-size: 0.36rem;
  color: #fff;
  letter-spacing: 0.15rem;
  font-weight: bold;
  font-family: sh;
}
.new_home5 .number-four .sylist .syen {
  font-size: 0.3rem;
  color: #fff;
  mix-blend-mode: soft-light;
  text-transform: uppercase;
  font-family: "Palatino Linotype";
}
.new_home5 .number-four .sylist .syar {
  padding-top: 0.1rem;
}
.new_home5 .number-four .sylist .sy01 {
  width: 4.11rem;
  height: 100%;
  overflow: hidden;
}
.new_home5 .number-four .sylist .sy01 .sypic {
  width: 100%;
  height: 5.11rem;
  position: relative;
}
.new_home5 .number-four .sylist .sypic a::before{
	content: '';
	opacity: .8;
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 55%;
	background: url(../images/bamask.png) no-repeat top center;
	background-size: auto;
	background-size: 100% 100%;
  z-index: 2;
}
.new_home5 .number-four .sylist .txt {
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: 3;
	padding: 0 .3rem 0;
	color: #fff;
}
.new_home5 .number-four .sylist .txt .t {
	padding-left: .1rem;
}
.new_home5 .number-four .sylist .txt h4 {
	margin-bottom: .2rem;
	margin-top: .05rem;
	font-size: 0.18rem;
	font-weight:normal;
}
.new_home5 .number-four .sylist .txt h4 img{
	display:inline-block;
	margin-right: .1rem;
	height: .20rem;;
}
.new_home5 .number-four .sylist .sy01 .sypic a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.new_home5 .number-four .sylist .sy01 .sytxt {
  align-items: flex-start;
  width: 100%;
  padding: 0.8rem 0.5rem 0.3rem;
  position: absolute;
  left: 0;
  top: 0;
}
.new_home5 .number-four .sylist .sy01:hover .sypic a {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.new_home5 .number-four .sylist .sy02 {
  width: calc(100% - 4.21rem);
  overflow: hidden;
}
.new_home5 .number-four .sylist .sy02 .syitem {
  width: 100%;
  height: 2.5rem;
  margin-bottom: 0.1rem;
  position: relative;
  overflow: hidden;
}
.new_home5 .number-four .sylist .sy02 .syitem:last-child {
  margin-bottom: 0;
}
.new_home5 .number-four .sylist .sy02 .syitem .sypic {
  width: 100%;
  height: 2.5rem;
  position: relative;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.new_home5 .number-four .sylist .sy02 .syitem .sypic a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.new_home5 .number-four .sylist .sy02 .syitem .sytxt {
  align-items: flex-start;
  width: 100%;
  padding: 0.45rem 0.5rem 0.3rem;
  position: absolute;
  left: 0;
  top: 0;
}
.new_home5 .number-four .sylist .sy02 .syitem:hover .sypic {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
.new_home5 .number-four .sylist .sy03,
.new_home5 .number-four .sylist .sy04 {
  width: 49%;
  position: relative;
  height: 100%;
  overflow: hidden;
}
.new_home5 .number-four .sylist .sy03 .sypic,
.new_home5 .number-four .sylist .sy04 .sypic {
  width: 100%;
  height: 5.11rem;
  position: relative;
}
.new_home5 .number-four .sylist .sy03 .sypic a,
.new_home5 .number-four .sylist .sy04 .sypic a {
  display: block;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.8s;
  -webkit-transition: all 0.8s;
}
.new_home5 .number-four .sylist .sy03 .sytxtshu,
.new_home5 .number-four .sylist .sy04 .sytxtshu {
  width: 100%;
  height: 100%;
  padding: 0.47rem 0.4rem;
  position: absolute;
  left: 0;
  top: 0;
  align-items: flex-start;
  flex-direction: column;
  justify-content: space-between;
  display: flex;
}
.new_home5 .number-four .sylist .sy03 .sytxtshu .syal a,
.new_home5 .number-four .sylist .sy04 .sytxtshu .syal a {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
.new_home5 .number-four .sylist .sy03 .sytxtshu .syal .synameshu,
.new_home5 .number-four .sylist .sy04 .sytxtshu .syal .synameshu {
  font-size: 0.36rem;
  color: #fff;
  letter-spacing: 0rem;
  font-weight: bold;
  width: 0.36rem;
  line-height: 0.36rem;
  margin-right:10px;
  font-family: sh;
}
.new_home5 .number-four .sylist .sy03 .sytxtshu .syal .syenshu,
.new_home5 .number-four .sylist .sy04 .sytxtshu .syal .syenshu {
  font-size: 0.3rem;
  color: #fff;
  text-transform: uppercase;
  font-family: "Palatino Linotype";
  width: 0.3rem;
  direction: rtl!important;
  direction: inherit;
  mix-blend-mode: soft-light;
  text-align: center;
  line-height: 0.3rem;
  writing-mode: tb-rl;
}
.new_home5 .number-four .sylist .sy03 .sytxtshu .syar,
.new_home5 .number-four .sylist .sy04 .sytxtshu .syar {
  width: 100%;
}
.new_home5 .number-four .sylist .sy03 .sytxtshu .syar img,
.new_home5 .number-four .sylist .sy04 .sytxtshu .syar img {
  margin: 0 0 0 auto;
}
.new_home5 .number-four .sylist .sy03:hover .sypic a,
.new_home5 .number-four .sylist .sy04:hover .sypic a {
  transform: scale(1.2);
  -webkit-transform: scale(1.2);
}
@media screen and (max-width: 1366px) {
  .new_home5 .number-four .sylist .sy01 {
    width: calc(50% - 0.1rem);
  }
  .new_home5 .number-four .sylist .sy02 {
    width: 50%;
  }
  .new_home5 .number-four .sylist .sy02 .syitem .sypic a,
  .new_home5 .number-four .sylist .sy01 .sypic a {
    background-size: cover;
  }
}
@media screen and (max-width: 1200px) {
  .new_home5 .number-four .sylist .sy01 .sytxt {
    padding: 0.45rem 0.3rem 0.3rem;
  }
}
@media screen and (max-width: 1080px) {
	.new_home5 .number-four{
	margin-top:30px;
	}
  .new_home5 .number-four .in-tit {
    text-align: center;
    padding-top: 0.5rem;
    padding-bottom: 0.3rem;
  }
  .new_home5 .number-four .sylist .syname {
    font-size: 0.42rem;
  }
  .new_home5 .number-four .sylist .syen {
    font-size: 0.36rem;
  }
  .new_home5 .number-four .sylist .syar {
    padding-top: 0.1rem;
  }
  .new_home5 .number-four .sylist .sy01 {
    width: calc(50% - 0.05rem);
    height: 100%;
    overflow: hidden;
  }
  .new_home5 .number-four .sylist .sy01 .sytxt {
    padding: 0.3rem;
  }
  .new_home5 .number-four .sylist .sy01:hover .sypic {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .new_home5 .number-four .sylist .sy02 {
    width: 49%;
    overflow: hidden;
  }
  .new_home5 .number-four .sylist .sy02 .syitem {
    width: 100%;
    height: calc(100% / 2 - 0.05rem);
    margin-bottom: 0.1rem;
    position: relative;
    overflow: hidden;
  }
  .new_home5 .number-four .sylist .sy02 .sytxt {
    align-items: flex-start;
    width: 100%;
    padding: 0.45rem 0.5rem 0.3rem;
    position: absolute;
    left: 0;
    top: 0;
  }
  .new_home5 .number-four .sylist .sy02:hover .sypic a {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
  .new_home5 .number-four .sy03 .sypic,
  .new_home5 .number-four .sy04 .sypic {
    height: 4rem;
  }
  .new_home5 .number-four .sy03 .sytxtshu,
  .new_home5 .number-four .sy04 .sytxtshu {
    padding: 0.3rem;
  }
  .new_home5 .number-four .sy03 .sytxtshu .syal .synameshu,
  .new_home5 .number-four .sy04 .sytxtshu .syal .synameshu {
    font-size: 0.26rem;
    width: 0.26rem;
    line-height: 0.26rem;
  }
  .new_home5 .number-four .sylist .sy03 .sytxtshu .syal .synameshu, .new_home5 .number-four .sylist .sy04 .sytxtshu .syal .synameshu{
	font-size: 0.42rem;
    width: 0.42rem;
    line-height: 0.60rem;
  }
  .new_home5 .number-four .sy03 .sytxtshu .syal .syenshu,
  .new_home5 .number-four .sy04 .sytxtshu .syal .syenshu {
    font-size: 0.2rem;
    width: 0.2rem;
    line-height: 0.2rem;
  }
  .new_home5 .number-four .sy03:hover .sypic,
  .new_home5 .number-four .sy04:hover .sypic {
    transform: scale(1);
    -webkit-transform: scale(1);
  }
}
@media screen and (max-width: 768px) {
  .new_home5 .number-four .in-tit {
    padding-top: 0.3rem;
    padding-bottom: 0.15rem;
  }
  .new_home5 .number-four .sylist .aleft {
    width: 50%;
  }
  .new_home5 .number-four .sylist .aright {
    width: calc(50% - 0.1rem);
  }
  .new_home5 .number-four .sylist .sy02 .syitem .sytxt {
    padding: 0.3rem;
  }
}
@media screen and (max-width: 600px) {
  .new_home5 .number-four .sylist .aleft {
    width: 100%;
    margin-bottom: 0.1rem;
  }
  .new_home5 .number-four .sylist .aright {
    width: 100%;
  }
}

/*首页经管视野区块end*/


.new_home5::before {
	content: '';
	position: absolute;
	width: 28.17708%;
	padding-top: 52.60416%;
	/*background: url(../images/png109.png) no-repeat center;
	background-size: contain;*/
	right: 0;
	bottom: 13.162878%
}

.new_home5 .new_title::before {
	background-image: url(../images/png58.png);
	bottom: 57.6886%
}

.new_home5 .new_title::after {
	top: 42.3114%
}

.new_home5 .new_title .h {
	top: 42.3114%
}

.new_home5 .n-wrap {
	padding-top: 50px
}

.new_home5 .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	color: #fff;
	background: url(../images/jpg55-1.jpg) no-repeat center;
	background-size: cover;
	padding: 126px 80px 153px;
	margin-top: 34px;
	position: relative
}

.new_home5 .cont::before {
	content: '';
	position: absolute;
	bottom: 60px;
	left: 80px;
	right: 90px;
	height: 40px;
	background: url(../images/png81.gif);
	background-size: contain
}

.new_home5 .dl {
	width: 30.076%;
	min-width: 355px;
	padding-top: 34px;
	position: relative
}

.new_home5 .dl::before {
	content: '';
	width: 81.75%;
	padding-top: 73%;
	position: absolute;
	left: 100%;
	top: 0;
	background: url(../images/png82.gif.png) no-repeat center;
	background-size: contain
}

.new_home5 .dl .h {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	font-family: tj;
	padding-right: 30px
}

.new_home5 .dl .h b {
	font-weight: normal;
	font-size: 143px;
	line-height: 0.6;
	margin-left: 45px
}

.new_home5 .dl .h span {
	display: block
}

.new_home5 .dl .box {
	background: #0e4e8d
}

.new_home5 .dl .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 70px;
	line-height: 70px;
	border-bottom: 1px solid rgba(179,147,141,0.2)
}

.new_home5 .dl .hd span {
	font-family: xfont;
	width: 80px;
	text-align: center;
	font-size: 20px;
	cursor: pointer;
	display: block
}

.new_home5 .dl .hd strong {
	border-left: 1px solid rgba(179,147,141,0.2);
	border-right: 1px solid rgba(179,147,141,0.2);
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	text-align: center;
	font-weight: normal;
	font-size: 18px;
	display: block
}

.new_home5 .dl .hd .disp {
	opacity: 0;
	visibility: hidden
}

.new_home5 .dl .calendar {
	margin: 15px 25px;
	width: auto;
	height: 322px
}

.new_home5 .dl .calendar .fc-calendar .fc-head {
	font-size: 18px
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div {
	padding: 0;
	pointer-events: none
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div,.new_home5 .dl .calendar .fc-calendar .fc-head>div {
	width: calc(99% / 7)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
	left: 50%;
	text-align: center;
	-webkit-box-shadow: none;
	box-shadow: none;
	color: #fff;
	top: 0px;
	width: 2.75em;
	height: 2.75em;
	line-height: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	z-index: 1;
	padding-top: 0.75em;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%)
}

.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date::before {
	content: "";
	display: inline-block;
	vertical-align: middle;
	height: 100%
}

.new_home5 .dl .calendar .fc-calendar .fc-content>div {
	padding: 1.8em 0 0;
	text-align: center;
	line-height: 0;
	font-size: 20px;
	position: relative;
	z-index: 2
}

.new_home5 .dl .calendar .fc-today .fc-date {
	background: #9c7856;
	border-radius: 100%;
	color: #fff
}

.new_home5 .dl .calendar .fc-calendar .a {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #7db879;
	margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .b {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #dc6868;
	margin: 0 2px
}

.new_home5 .dl .calendar .fc-calendar .c {
	width: 7px;
	height: 7px;
	border-radius: 100%;
	display: inline-block;
	background: #537db7;
	margin: 0 2px
}

.new_home5 .dl .calendar .fc-content {
	cursor: pointer
}

.new_home5 .dl .calendar .fc-content.act span.fc-date {
	background: #668664;
	border-radius: 100%;
	color: #fff
}

.new_home5 .dl .calendar .fc-calendar .fc-row .fc-content {
	pointer-events: visible
}

.new_home5 .dl .bb {
	height: 55px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 100%;
	border-top: 1px solid rgba(179,147,141,0.2);
	font-size: 14px
}

.new_home5 .dl .bb span {
	margin: 0 10px;
	position: relative;
	padding-left: 13px
}

.new_home5 .dl .bb span:before {
	content: "";
	width: 8px;
	height: 8px;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 7px
}

.new_home5 .dl .bb span:nth-child(1):before {
	background: #7db879
}

.new_home5 .dl .bb span:nth-child(2):before {
	background: #dc6868
}

.new_home5 .dl .bb span:nth-child(3):before {
	background: #537db7
}

.new_home5 .dr {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 140px;
	width: 0;
	position: relative
}

.new_home5 .dr .list {
	margin-top: 22px
}

.new_home5 .dr .item {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	padding-left: 8px
}

.new_home5 .dr .item .pic {
	position: relative;
	overflow: hidden;
	width: 43.7%;
	margin-top: 6px
}

.new_home5 .dr .item .pic::before {
	content: '';
	display: block;
	padding-top: 141.69096%
}

.new_home5 .dr .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home5 .dr .item .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	margin-left: 95px
}

.new_home5 .dr .item .text .h {
	font-size: 22px;
	line-height: 1.45
}

@media screen and (max-width: 768px) {
	.new_home5 .dr .item .text .h {
		font-size: 18px
	}
}

.new_home5 .dr .item .text ul {
	padding: 0;
	margin: 0;
	margin-top: 28px;
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.new_home5 .dr .item .text ul {
		font-size: 18px
	}
}

.new_home5 .dr .item .text li {
	padding: 0;
	margin: 0;
	list-style: none;
	margin-top: 5px
}

.new_home5 .dr .item .text li i {
	margin-right: 15px;
	text-align: center;
	display: inline-block;
	width: 20px
}

.new_home5 .dr .item .text li i img {
	width: 100%;
	height: auto;
	display: block
}

.new_home5 .dr .slick-tools {
	position: absolute;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	left: calc(43.7% + 95px);
	bottom: 75px
}

.new_home5 .dr .slick-tools .slick-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
	width: 50px;
	height: 50px;
	background: url(../images/png36.png) no-repeat center;
	background-size: contain;
	font-family: xfont
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
	margin-left: 20px
}

.new_home5 .dr .slick-tools .slick-nav .slick-arrow::before {
	content: '\e504';
	display: block;
	width: 100%;
	height: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new_home5 .dr .slick-tools .slick-nav .slick-next::before {
	content: '\e505'
}

.new_home5 .dr .slick-tools .slick-paging {
	margin-left: 20px;
	font-size: 24px;
	color: #fff
}

@media screen and (max-width: 768px) {
	.new_home5 .dr .slick-tools .slick-paging {
		font-size: 18px
	}
}

.new_home5 .dr .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background: #612525;
	width: 4px
}

.new_home5 .dr .mCSB_scrollTools .mCSB_draggerRail {
	background: #0e4e8d;
	width: 2px
}

.new_home6 {
	position: relative;
}
.new_home5{
	position: relative;
	margin-bottom:50px;
}

@media screen and (min-width: 1024px) and (max-width: 1400px){
	.new_home5 {
		margin-bottom: 50px;
	}
}
@media screen and (min-width: 1400px) and (max-width: 1720px){
	.new_home5 {
		margin-bottom: 50px;
	}
}
@media screen and (min-width: 768px) and (max-width: 1024px){
	.new_home5 {
		margin-bottom: 50px;
	}
}
@media screen and (max-width: 767px){
	.new_home5 {
		margin-bottom: 50px;
	}
}

.new_home6 .new_title {
	left: -2px
}

.new_home6 .new_title::before {
	background-image: url(../images/png59.png);
	bottom: 76.4261%
}

.new_home6 .new_title::after {
	top: 23.5739%;
	bottom: 38.7583%
}

.new_home6 .new_title .h {
	top: 23.5739%
}

.new_home6 .n-wrap {
	padding-top: 50px
}

.new_home6 .cont {
	/*margin-top: 26px;*/
}

.new_home6 .cont .tabs {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.new_home6 .cont .tabs .item {
	position: relative;
	width: 10.6%;
	margin: 0 4.4666%;
	text-align: center
}

.new_home6 .cont .tabs .item::before {
	content: '';
	padding-top: 94.96855%;
	display: block
}

.new_home6 .cont .tabs .item+.item .line {
	border-top: 1px solid #e0d9ce;
	position: absolute;
	bottom: 42px;
	width: 66.0377%;
	right: calc(100% + 13px)
}

.new_home6 .cont .tabs .item+.item .line::before,.new_home6 .cont .tabs .item+.item .line::after {
	content: '';
	position: absolute;
	top: 50%;
	border-left: 1px solid #e0d9ce;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	height: 11px
}

.new_home6 .cont .tabs .item+.item .line::before {
	left: -1px
}

.new_home6 .cont .tabs .item+.item .line::after {
	right: -1px
}

.new_home6 .cont .tabs .item a {
	position: absolute;
	z-index: 3;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background: transparent
}

.new_home6 .cont .tabs .item .bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	-webkit-transition: all 0.5s;
	transition: all 0.5s;
	opacity: 0;
	visibility: hidden
}

.new_home6 .cont .tabs .item .bg .bg-item {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	background-position: center;
	background-repeat: no-repeat;
	background-size: contain;
	-webkit-transition: all 1.2s;
	transition: all 1.2s
}

.new_home6 .cont .tabs .item .bg .be {
	background-image: url(../images/png113.png);
	-webkit-animation: hd 5s infinite linear;
	animation: hd 5s infinite linear
}

.new_home6 .cont .tabs .item .bg .af {
	background-image: url(../images/png112.png);
	-webkit-animation: hd1 5s infinite linear;
	animation: hd1 5s infinite linear
}

.new_home6 .cont .tabs .item .ipd {
	position: absolute;
	z-index: 2;
	padding-bottom: 26px;
	bottom: 0;
	left: 0;
	width: 100%
}

.new_home6 .cont .tabs .item .icon {
	width: 32.7044%;
	position: relative;
	overflow: hidden;
	margin: auto;
	-webkit-transition: all 0.5s;
	transition: all 0.5s
}

.new_home6 .cont .tabs .item .icon::before {
	content: '';
	display: block;
	padding-top: 105.76923%
}

.new_home6 .cont .tabs .item .icon .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home6 .cont .tabs .item .icon .i2 {
	opacity: 0
}

.new_home6 .cont .tabs .item .t {
	font-size: 22px;
	color: #0e4e8d;
	margin-top: 3px
}

@media screen and (max-width: 768px) {
	.new_home6 .cont .tabs .item .t {
		font-size: 18px
	}
}

.new_home6 .cont .tabs .item.now .bg {
	opacity: 1;
	visibility: visible
}

.new_home6 .cont .tabs .item.now .icon .i2 {
	opacity: 1
}

.new_home6 .cont .tabs .item.now .icon .i1 {
	opacity: 0
}

.new_home6 .cont .tabs .item.now .t {
	color: #fff
}

.new_home6 .cont .dr {
	position: relative;
	margin-top: 50px
}
.new_home6 .cont .dr.p_image1{
	padding:0px 0 0;
}
.new_home6 .cont .dr.p_image1 .list{
	margin: 0px auto 0px;
}
.new_home6 .cont .dr .list {
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	opacity: 0;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	visibility: hidden;
	z-index: -1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.new_home6 .cont .dr .list.act {
	opacity: 1;
	visibility: visible;
	position: relative;
	z-index: 2
}

.new_home6 .cont .dr .list .item {
	position: relative;
	width: calc((100% - 61px) / 3);
	margin-right:30px;
}
.new_home6 .cont .dr .list .item:last-child{
	margin-right:0;
}

.new_home6 .cont .dr .list .item:hover {
	z-index: 1
}

.new_home6 .cont .dr .list .item .pic {
	position: relative;
	overflow: hidden
}

.new_home6 .cont .dr .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 74%
}

.new_home6 .cont .dr .list .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home6 .cont .dr .list .item .text .h {
	color: #fff;
	font-size: 48px;
	line-height: 1.2;
	font-family: 'sh';
	position: absolute;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	padding: 0 10px;
	text-align: center;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	opacity: 0;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.new_home6 .cont .dr .list .item .text .h {
		font-size: 28px
	}
}

.new_home6 .cont .dr .list .item .text .new_more {
	position: absolute;
	bottom: 30px;
	left: 30px
}

.new_home6 .cont .dr .list .item .text .new_more .icon {
	margin: 0
}

@-webkit-keyframes bgani {
	0% {
		background-position: 0 center
	}

	100% {
		background-position: -1920px center
	}
}

@keyframes bgani {
	0% {
		background-position: 0 center
	}

	100% {
		background-position: -1920px center
	}
}

.new_home7 {
	position: relative;
	margin-top:50px;
}

.new_home7::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	/*background: url(../images/png92.png) no-repeat bottom center;*/
	background-size: contain;
	padding-top: 37.0833%
}

.new_home7 .n-wrap {
}

.new_home7 .cont {
	position: relative
}

.new_home7 .line-box {
	position: absolute;
	left: 50%;
	bottom: 25.792%;
	padding-top: 14.3229%;
	width: 100vw;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	display: none
}

.new_home7 .line-box .slick-mod {
	position: absolute;
	width: 100%;
	top: 0;
	left: 0
}

.new_home7 .line-box img {
	width: 100%;
	height: auto
}

.new_home7 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home7 .list .item {
	width: calc((100% - 100px) / 3);
	position: relative
}

.new_home7 .list .item+.item {
	margin-left: 50px
}

.new_home7 .img {
	width: 100%;
	position: relative;
	overflow: hidden;
	border-radius: 999px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain
}

.new_home7 .img::before {
	content: '';
	display: block;
	padding-top: 100%
}

.new_home7 .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.new_home7 .img img {
	top: 50% !important;
	left: 50% !important;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.new_home7 .txt-box {
	text-align: center;
	position: absolute;
	top: 0;
	color: #fff;
	left: 0;
	right: 0;
	padding: 55px 10px 0
}

.new_home7 .txt-box .t1 {
	font-size: 36px;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.new_home7 .txt-box .t1 {
		font-size: 24px
	}
}

.new_home7 .txt-box .t2 {
	font-size: 22px;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.new_home7 .txt-box .t2 {
		font-size: 18px
	}
}

.new_home8 {
	position: relative
}

.new_home8::before {
	content: '';
	width: 19.7916%;
	padding-top: 54.9479%;
	position: absolute;
	left: 0;
	top: -8.714%;
	/*background: url(../images/png106.png) no-repeat center;
	background-size: contain*/
}

.new_home8::after {
	content: '';
	width: 11.4583%;
	padding-top: 14.7916%;
	position: absolute;
	right: 0;
	bottom: 0;
	/*background: url(../images/png107.png) no-repeat center;
	background-size: contain*/
}

.new_home8 .n-wrap {
	padding: 50px 0 0px;
}

.new_home8 .cont {
	position: relative;
	margin-top: 30px
}

.new_home8 .cont::after {
	content: '';
	width: 100vw;
	padding-top: 13.2%;
	position: absolute;
	bottom: 0;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	/*background: url(../images/png108.png);*/
	z-index: 1
}

.new_home8 .cont .imgbox {
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	padding-top: 90%;
	position: relative
}
@media screen and (max-width: 768px) {
	.new_home8 .cont .imgbox {
		padding-top: 80%;
	}
}
@media screen and (min-width: 768px) and (max-width: 850px) {
	.new_home8 .cont .imgbox {
		padding-top: 80%;
	}
}
.new_home8 .cont .img {
	width: 100%;
	top: 0;
	left: 0;
	overflow: hidden;
	position: absolute;
	overflow: hidden;
	border-radius: 0 150px 0 150px
}

.new_home8 .cont .img img {
	width: 100%;
}

.new_home8 .cont .i2 {
	-webkit-transition: all 0.8s;
	transition: all 0.8s;
	-webkit-transform: scale(0);
	transform: scale(0)
}

.new_home8 .cont .tbox {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-repeat: no-repeat;
	background-position: bottom center;
	background-size: 100% auto;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	padding: 25px 38px;
	z-index: 9;
	opacity: 0;
	-webkit-transition: all 0.8s;
	transition: all 0.8s
}

.new_home8 .cont .tbox .t {
	font-size: 24px;
	line-height: 1.5;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 100%
}

@media screen and (max-width: 768px) {
	.new_home8 .cont .tbox .t {
		font-size: 18px
	}
}

.new_home8 .cont .list {
	position: relative;
	z-index: 2;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.new_home8 .cont .list .li {
	position: relative;
	width: calc((100% - 180px) / 3)
}

.new_home8 .cont .list .li+.li {
	margin-left: 90px
}

.new_home8 .cont .list .li .zs {
	position: absolute;
	top: 33%;
	left: 100%;
	height: 47.5862%;
	overflow: hidden
}

.new_home8 .cont .list .li .zs::before {
	content: '';
	height: 100%;
	border-left: 15px solid;
	-webkit-transform: skewY(-32deg);
	transform: skewY(-32deg);
	-webkit-transform-origin: top left;
	transform-origin: top left;
	display: block
}

.new_home8 .cont .list .li:nth-child(1) .zs::before {
	border-color: #c64141
}

.new_home8 .cont .list .li:nth-child(1) .tbox {
	background-image: url(../images/png103.png)
}

.new_home8 .cont .list .li:nth-child(2) {
	/*-webkit-transform: translateY(83px);
	transform: translateY(83px);*/
}

.new_home8 .cont .list .li:nth-child(2) .zs::before {
	border-color: #b08b68
}

.new_home8 .cont .list .li:nth-child(2) .tbox {
	background-image: url(../images/png104-1.png)
}

.new_home8 .cont .list .li:nth-child(3) .zs::before {
	border-color: #0e4e8d
}

.new_home8 .cont .list .li:nth-child(3) .tbox {
	background-image: url(../images/png105.png)
}
.new_home8 .cont .list .li:nth-child(4) .zs::before {
	border-color: #0e4e8d
}

.new_home8 .cont .list .li:nth-child(4) .tbox {
	background-image: url(../images/png105.png)
}

@media screen and (min-width: 1025px) {
	.new_home1 .banner-map .item-menubox .item-link:hover::before {
		background-image: url(../images/png91.png);
		background-position: center
	}

	.new_home2 .box1 .r .item:hover {
		background-color: #0e4e8d
	}

	.new_home2 .box1 .r .item:hover a {
		color: #fff
	}

	.new_home2 .box1 .r .item:hover::after {
		top: 0;
		left: 0;
		opacity: 1
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt:hover .p {
		color: #fff
	}

	.new_home2 .box1 .l .l_bottom .item:hover {
		background-color: #0e4e8d
	}

	.new_home2 .box1 .l .l_bottom .item:hover a {
		color: #fff
	}

	.new_home2 .box1 .r-img-box .item-img:hover {
		background: #fff
	}

	.new_home2 .box1 .r-img-box .item-img:hover::after {
		opacity: 0
	}

	.new_home4 .cont .item:hover .l-box .l-tit {
		-webkit-transform: translateY(-94px);
		transform: translateY(-94px);
		-webkit-transition-delay: 0.02s;
		transition-delay: 0.02s
	}

	.new_home4 .cont .item:hover .img {
		-webkit-transform: translateY(-64px);
		transform: translateY(-64px)
	}

	.new_home4 .cont .item .img:hover .i {
		-webkit-transform: scale(1.05);
		transform: scale(1.05)
	}

	.new_home6 .cont .tabs .item:hover .icon {
		-webkit-transform: scale(0.8);
		transform: scale(0.8)
	}

	.new_home6 .cont .tabs .item:hover .bg .af {
		-webkit-transform: rotate(90deg);
		transform: rotate(90deg)
	}

	.new_home6 .cont .tabs .item:hover .bg .be {
		-webkit-transform: rotate(-90deg);
		transform: rotate(-90deg)
	}

	.new_home6 .cont .dr .list .item:hover .text .h {
		opacity: 1;
		margin-top: 0
	}

	.new_home7 .item:hover .i {
		width: 105%
	}

	.new_home8 .cont .list .li:hover .i2 {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	.new_home8 .cont .list .li .tbox {
		opacity: 1
	}
}

@media screen and (max-width: 1720px) {
	.new_title {
		font-size: 40px;
		line-height: 1.2
	}
}

@media screen and (max-width: 1720px) and (max-width: 768px) {
	.new_title {
		font-size: 26px
	}
}

@media screen and (max-width: 1720px) {
	.new_home2 .n-wrap {
		/*padding-top: 50px;*/
	}

	.new_home3 .n-wrap {
		padding-top: 50px
	}

	.new_home4 .n-wrap {
		padding-top: 50px
	}

	.new_home5 .n-wrap {
		padding-top: 50px
	}

	.new_home6 .n-wrap {
		padding-top: 50px
	}
}

@media screen and (max-width: 1600px) {
	.new_home2 .box1 .l .l_top .item .img .t {
		padding: 15px
	}

	.new_home2 .box1 .l .l_bottom .item a {
		padding-left: 35px;
		padding-right: 35px
	}

	.new_home2 .box1 .r .item a {
		padding: 25px;
		line-height: 1.5
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img a,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t a {
		padding: 0
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
		padding: 25px 25px 44px
	}

	.new_home2 .box1 .r-img-box .item-txt {
		height: 189px
	}

	.new_home3 .cont .r .r-box {
		padding: 50px
	}

	.new_home3 .cont .r .r-box .list {
		margin-top: 40px
	}

	.new_home3 .cont .l .l-box {
		padding: 50px
	}

	.new_home3 .cont .l .l-box .morebox {
		margin-top: 40px
	}

	.new_home4 .cont .item {
		padding-left: 80px
	}

	.new_home4 .cont .item .img .txtbox {
		padding: 20px
	}

	.new_home4 .cont .item .l-box .bg {
		width: 80px
	}

	.new_home4 .cont .item .l-box .l-tit {
		width: 80px
	}

	.new_home4 .cont .item .img .txtbox .new_more {
		right: 20px;
		bottom: 20px
	}

	.new_home5 .cont {
		padding: 68px 50px 76px
	}

	.new_home5 .cont::before {
		left: 50px;
		right: 50px;
		bottom: 30px
	}

	.new_home5 .dr {
		margin-left: 100px
	}

	.new_home5 .dr .item .pic {
		width: 50%
	}

	.new_home5 .dr .item .text {
		margin-left: 20px
	}

	.new_home5 .dr .item:nth-child(even) .text {
		padding: 35px;
		margin: 0;
		padding-left: 0
	}

	.new_home5 .dr .item .text ul {
		margin-top: 15px
	}

	.new_home5 .dr .slick-tools {
		left: calc(50% + 20px)
	}

	.new_home6 .cont .tabs .item .t {
		font-size: 18px
	}
}

@media screen and (max-width: 1600px) and (max-width: 768px) {
	.new_home6 .cont .tabs .item .t {
		font-size: 16px
	}
}

@media screen and (max-width: 1600px) {
	.new_home6 .cont .dr {
		margin-top: 40px
	}
}

@media screen and (max-width: 1500px) {
	.new_home1 .child .txtbox .t1 {
		font-size: 60px
	}

	.new_home1 .child .txtbox .t2 {
		font-size: 40px
	}

	.new_home1 .child .tit {
		font-size: 80px;
		margin-left: 30px
	}

	.new_home5 .dr .item .text .h {
		font-size: 20px
	}

	.new_home5 .dr .item .text ul {
		font-size: 16px
	}

	.new_home3 .cont .txt-box {
		padding: 40px 50px
	}

	.new_home3 .cont .txt-box .p {
		margin-top: 20px
	}
}

@media screen and (max-width: 1400px) {
	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
		padding-bottom: 45px
	}

	.new_home8 .cont .list .li {
		width: calc((100% - 80px) / 3)
	}

	.new_home8 .cont .list .li+.li {
		margin-left: 40px
	}

	.new_home8 .cont .tbox {
		padding: 20px
	}

	.new_home8 .cont .img {
		border-radius: 0 120px 0 120px
	}

	.new_home8 .cont .tbox .t {
		font-size: 18px
	}
}

@media screen and (max-width: 1400px) and (max-width: 768px) {
	.new_home8 .cont .tbox .t {
		font-size: 16px
	}
}

@media screen and (max-width: 1300px) {
	.new_home1 .child .tit {
		font-size: 60px;
		margin-left: 10px
	}

	.new_home2 .box1 .r-img-box .item-txt {
		height: 160px
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt {
		height: auto
	}

	.new_home2 .box1 .r {
		font-size: 18px
	}

	.new_home2 .box1 .l .l_top .item .t {
		font-size: 18px
	}

	.new_home2 .box1 .r .item a {
		padding: 20px
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
		padding: 20px 20px 30px
	}

	.new_home2 .box1 .l .l_bottom .item,.new_home2 .box1 .l .l_top .item .img .t {
		font-size: 18px
	}

	.new_home2 .box1 .l .l_top .slick-dots {
		bottom: 78px
	}

	.new_home3 .cont .r .r-box .list .li .t {
		font-size: 18px;
		padding: 15px 0 0 15px
	}

	.new_home3 .cont .l .l-box .l-t,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .t {
		font-size: 18px
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
		font-size: 16px
	}

	.new_home4 .cont .item .l-box .l-tit {
		font-size: 28px;
		height: 120px
	}

	.new_home4 .cont .item .img .txtbox .t {
		font-size: 16px
	}
}

@media screen and (max-width: 1200px) {
	.demo1 {
		right: 60px
	}
}

@media screen and (max-width: 1100px) {
	.new_home2 .n-wrap {
		padding-top: 0px
	}

	.new_home3 .n-wrap {
		padding-top: 50px
	}

	.new_home4 .n-wrap {
		padding-top: 50px
	}

	.new_home5 .n-wrap {
		padding-top: 50px
	}

	.new_home7 .n-wrap {
		padding-top: 50px;
		padding-bottom: 0
	}

	.new_home8 .n-wrap {
		padding-top: 50px;
		/*padding-bottom: 260px;*/
	}

	.new_home6 .cont .tabs .item .ipd {
		padding-bottom: 15px
	}
}

@media screen and (max-width: 1024px) {
	.demo1 {
		display: none
	}

	.nh_line {
		display: none
	}

	.new_title {
		position: static;
		width: auto;
	}

	.new_title::before {
		display: none
	}

	.new_title::after {
		display: none
	}

	.new_title .h {
		-webkit-transform: none !important;
		transform: none !important;
		margin: 0;
		font-size: 38px;
		transform: none;
		position: static
	}

	body:not(.lang-en) .new_title .h {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.new_title .more1 {
		margin-top: 10px !important;
		opacity: 1;
		position: static
	}

	body:not(.lang-en) .new_title .more1 {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.new_home1 .child {
		height: calc(100vh - 62px)
	}

	.new_home2 .n-wrap {
		padding-top: 0px;
	}

	.new_home3 .n-wrap {
		padding-top: 40px
	}

	.new_home4 .n-wrap {
		padding-top: 40px
	}

	.new_home5 .n-wrap {
		padding-top: 40px
	}

	.new_home6 .n-wrap {
		padding-top: 40px
	}

	.new_home1 {
		margin-top: 0
	}

	.new_home1 .child .tit {
		font-size: 40px;
		margin-left: 0
	}

	.new_home2 .box1 .item::before {
		display: none
	}

	.new_home2 .box2 {
		display: block
	}

	.new_home2 .box2 .li {
		width: 100% !important;
		height: 200px
	}

	.new_home2 .box2 .li .l-t {
		padding: 20px 0
	}

	.new_home2 .box2 .li .l-t .t {
		font-size: 18px
	}

	.new_home2 .box2 .li+.li {
		margin-top: 10px
	}

	.new_home2 .morebox {
		margin-top: 20px
	}

	.new_home2 .box1 .r .item a {
		padding: 15px
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt {
		padding: 15px
	}

	.new_home3 .cont .txt-box .l-t {
		height: auto
	}

	.new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
		padding: 35px
	}

	.new_home3 .cont .r .r-box .list,.new_home3 .cont .l .l-box .morebox {
		margin-top: 20px
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt::before {
		display: none
	}

	.new_home4 .cont .item {
		padding-left: 60px
	}

	.new_home4 .cont .item .l-box .l-tit {
		padding: 0;
		top: 0 !important;
		bottom: auto;
		width: 60px;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center
	}

	.new_home4 .cont .item .l-box .bg {
		width: 60px
	}

	.new_home4 .cont .item .l-box .l-tit::before {
		display: none
	}

	.new_home4 .cont .item:nth-child(2) .img,.new_home4 .cont .item:nth-child(1) .img {
		top: 0
	}

	.new_home5 .cont {
		padding: 20px 20px 60px;
		display: block
	}

	.new_home5 .cont::before {
		left: 20px;
		right: 20px;
		height: 20px
	}

	.new_home5 .dl {
		width: 100%;
		min-width: auto;
		padding-top: 0
	}

	.new_home5 .dl::before {
		display: none
	}

	.new_home5 .dl .h b {
		font-size: 100px;
		margin-left: 0
	}

	.new_home5 .dl .box {
		margin-top: 0px
	}

	.new_home5 .dr {
		margin: 30px 0 0;
		width: 100%
	}

	.new_home5 .dr .item {
		padding-left: 0
	}

	.new_home6 .cont {
		display: block
	}

	.new_home6 .cont .tabs {
		width: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex
	}

	.new_home6 .cont .tabs .item {
		width: 15%;
		margin: 0 10px
	}

	.new_home6 .cont .dr {
		margin-top: 20px
	}

	.new_home6 .cont .dr .list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.new_home6 .cont .dr .list .item {
		/*width: 50% !important;
		margin: 0 !important;
		position: relative !important;
		right: auto !important;
		top: auto !important;
		left: auto !important;*/
	}

	.new_home6 .cont .dr .list .m-show {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		width: 100%;
		margin-top: 15px
	}

	.new_home6 .cont .dr .list .item .text .h {
		margin: 0;
		opacity: 1;
		visibility: visible;
		font-size: 24px
	}
}

@media screen and (max-width: 1024px) and (max-width: 768px) {
	.new_home6 .cont .dr .list .item .text .h {
		font-size: 18px
	}
}

@media screen and (max-width: 1024px) {
	.new_home6 .cont .dr .list .item .text {
		padding: 0
	}

	.new_home6 .cont .tabs .item::before {
		height: 5px;
		width: 100%;
		top: auto;
		bottom: 0
	}

	.new_home6 .cont .tabs .item.now::before {
		height: 100%
	}

	.new_home6 .cont .tabs .item+.item .line {
		display: none
	}

	.new_home1 .banner-map {
		right: 20px
	}

	.new_home1 .banner-map .img {
		width: 80px
	}

	.new_home1 .banner-map .item-menubox .item-menu {
		padding: 10px 10px 10px 30px
	}

	.new_home1 .banner-map .item-menubox .item-link::before {
		top: 11px;
		right: 100%
	}

	.new_home1 .banner-map .item-menubox .item-link a {
		padding: 5px 0
	}

	.new_home7 .cont {
		padding-top: 0
	}

	.new_home7 .line-box {
		display: none
	}

	.new_home7 .list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		position: relative
	}

	.new_home7 .list .item {
		position: relative;
		width: calc((100% - 20px) / 2);
		height: auto;
		padding: 0;
		-webkit-transform: none !important;
		transform: none !important
	}

	.new_home7 .list .item:nth-child(2) {
		margin-left: 20px
	}

	.new_home7 .list .img,.new_home7 .list.on .img {
		width: 100%;
		position: relative;
		-webkit-transform: none;
		transform: none;
		left: auto;
		top: auto;
		-webkit-transition: none;
		transition: none
	}

	.new_home7 .list .txt-box,.new_home7 .list.on .txt-box {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		-webkit-transition: none;
		transition: none;
		padding-top: 0
	}

	.new_home7 .txt-box .t2 {
		margin-top: 5px
	}

	.new_home7 .item::after {
		display: none
	}

	.new_home7 .txt-box .t1,.new_home7 .txt-box .t2 {
		color: #fff
	}

	.new_home7 .img .mask {
		background: rgba(0,0,0,0.3)
	}

	.new_home8 .n-wrap {
		/*padding-bottom: 160px;*/
	}

	.new_home8 .cont {
		margin-top: 20px
	}

	.new_home7 .line-box {
		display: none
	}

	.new_home8 .cont .i2 {
		-webkit-transform: none;
		transform: none
	}

	.new_home8 .cont .tbox {
		opacity: 1
	}
}

@media screen and (max-width: 850px) {
	.new_home2 .box1 {
		display: none
	}

	.new_home2 .box1.m-show {
		display: block
	}

	.new_home2 .box1.m-show .item .img {
		width: 100%;
		position: relative;
		overflow: hidden
	}

	.new_home2 .box1.m-show .item .img::before {
		content: '';
		display: block;
		padding-top: 56.08108%
	}

	.new_home2 .box1.m-show .item .img .i {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.new_home2 .box1.m-show .item+.item {
		margin-top: 10px
	}

	.new_home2 .box1.m-show .item.item-img a {
		padding: 0
	}

	.new_home2 .box1.m-show .item.item-img .t {
		padding: 10px 20px
	}

	.new_home2 .box1.m-show .item a {
		padding: 10px 20px;
		display: block
	}

	.new_home2 .box1 .l {
		width: 100%
	}

	.new_home2 .box1 .l .slick-track {
		width: 100% !important;
		-webkit-transform: none !important;
		transform: none !important
	}

	.new_home2 .box1 .l .l_top .slick-slide+.slick-slide {
		margin-top: 10px
	}

	.new_home2 .box1 .l .l_top .slick-slide+.slick-slide .img {
		display: none
	}

	.new_home2 .box1 .l .l_top .item .t {
		padding: 10px 20px
	}

	.new_home2 .box1 .l .l_bottom .item a {
		padding: 10px 20px;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.new_home2 .box1 .r {
		display: block;
		position: relative;
		width: 100%
	}

	.new_home2 .box1 .r .item {
		margin: 10px 0 0;
		width: 100%
	}

	.new_home2 .box1 .r .item a {
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.new_home2 .box1 .r .item:nth-child(-n+2) {
		margin-top: 10px
	}

	.new_home2 .box1 .r-img-box .t-box {
		display: block
	}

	.new_home2 .box1 .r-img-box .b-box {
		margin: 0
	}

	.new_home2 .box1 .r-img-box .item {
		min-height: auto;
		height: auto
	}

	.new_home2 .box1 .r-imgtxt-box .item {
		min-height: auto
	}

	.new_home2 .box1 .r-imgtxt-box .item .txt {
		padding-bottom: 15px
	}

	.new_home2 .box1 .r-imgtxt-box .t-box,.new_home2 .box1 .r-imgtxt-box .b-box {
		display: block
	}

	.new_home2 .box2 .li {
		display: block;
		height: auto
	}

	.new_home2 .box2 .li .l-t {
		width: 100%;
		padding: 10px 20px;
		background-size: cover
	}

	.new_home2 .box2 .li .l-t .t {
		text-align: center
	}

	body:not(.lang-en) .new_home2 .box2 .li .l-t .t {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.new_home2 .box2 .li .bg {
		width: 100%;
		position: relative;
		overflow: hidden
	}

	.new_home2 .box2 .li .bg::before {
		content: '';
		display: block;
		padding-top: 34.375%
	}

	.new_home2 .box2 .li .bg .i {
		position: absolute;
		left: 0;
		top: 0;
		width: 100%;
		-webkit-transition: all 0.3s ease-out 0s;
		transition: all 0.3s ease-out 0s
	}

	.new_home2 .box2 .li .bg a {
		position: absolute;
		top: 0;
		left: 0
	}

	.new_home2 .box1 .r-img-box .item-img .img::before {
		display: none
	}

	.new_home2 .box1 .r-img-box .item-img .img img,.new_home2 .box1 .r-img-box .item-img .img .mask {
		display: none
	}

	.new_home2 .box1 .r-img-box .item-img .t {
		position: static;
		padding: 0;
		color: #25354e
	}

	.new_home2 .box1 .r-imgtxt-box .item-imgtxt .img,.new_home2 .box1 .r-imgtxt-box .item-imgtxt .txt .p {
		display: none
	}

	.new_home3 .cont {
		display: block
	}

	.new_home3 .cont .img-box .bg {
		display: none
	}

	.new_home3 .cont .img {
		width: 100%
	}

	.new_home3 .cont .txt-box {
		padding: 20px
	}

	.new_home3 .cont .txt-box .p {
		margin-top: 10px
	}

	.new_home3 .cont .r-box,.new_home3 .cont .l-box {
		width: 100%;
		display: block
	}

	.new_home3 .cont .r-box {
		margin-top: 30px
	}

	.new_home3 .cont .l-box .img-box .bg {
		display: none
	}

	.new_home3 .morebox {
		margin-top: 20px
	}

	.new_home8 .n-wrap {
		padding-top: 40px;
		/*padding-bottom: 80px;*/
	}

	.new_home8 .cont::after {
		display: none
	}

	.new_home8 .cont .list {
		display: block
	}

	.new_home8 .cont .list .li {
		width: 100%
	}

	.new_home8 .cont .list .li+.li {
		margin: 20px 0 0
	}

	.new_home8 .cont .list .li:nth-child(2) {
		-webkit-transform: none;
		transform: none
	}

	.new_home8 .cont .list .li .zs {
		display: none
	}
}

@media screen and (max-width: 767px) {
	.new_home2 .box1 .item .n {
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden
	}

	.new_title .h {
		font-size: 28px
	}

	.new_home1 .child {
		height: calc(100vh - 60px)
	}

	.new_home1 .child video {
		position: absolute;
		top: 0;
		left: 0
	}

	.new_home1 .child .tit {
		margin-left: 10px;
		font-size: 24px
	}

	.new_home1 .banner-tools {
		bottom: 20px;
		right: 25%;
	}

	.new_home1 .banner-tools .nav {
		padding: 5px
	}

	.new_home1 .slick-dot {
		margin: 0 5px
	}

	.new_home1 .child .txtbox {
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}

	.new_home1 .child .txtbox .t1 {
		font-size: 24px
	}

	.new_home1 .child .txtbox .t2 {
		font-size: 20px
	}

	.new_home1 .banner-map {
		position: static;
		-webkit-transform: none;
		transform: none;
		margin-top: 20px;
		margin-bottom: 20px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.new_home1 .banner-map .item-menubox {
		right: auto;
		left: 0px;
		top: calc(100% + 5px)
	}

	.new_home1 .banner-map .item-menubox .item-menu {
		width: 160px
	}

	.new_home1 .banner-map .item {
		z-index: 1
	}

	.new_home1 .banner-map .item:first-child {
		z-index: 9
	}

	.new_home1 .banner-map .item .img {
		width: 70px
	}

	.new_home1 .banner-map .item+.item {
		margin: 0 0 0 10px
	}

	.new_home3 .cont .r .r-box,.new_home3 .cont .l .l-box {
		padding: 20px
	}

	.new_home3 .cont .r .r-box .list .li a {
		display: block
	}

	.new_home3 .cont .r .r-box .list .li .img {
		width: 100%
	}

	.new_home3 .cont .r .r-box .list .li .t {
		font-size: 16px;
		padding: 5px 0 0
	}

	.new_home3 .cont .l .l-box .p {
		margin-top: 5px
	}

	.new_home3 .cont .txt-box .l-t {
		font-size: 18px
	}

	.new_home3 .cont .txt-box .p {
		font-size: 14px
	}

	.new_home4 .cont {
		display: block
	}

	.new_home4 .cont.mshow {
		opacity: 1;
		visibility: visible;
		position: relative;
		z-index: 2
	}

	.new_home4 .cont.pshow {
		opacity: 0;
		visibility: hidden;
		position: absolute;
		z-index: -1
	}

	.new_home4 .cont .item {
		width: 100%;
		padding-left: 0
	}

	.new_home4 .cont .item+.item {
		margin-top: 15px
	}

	.new_home4 .cont .item .l-box .bg {
		display: none
	}

	.new_home4 .cont .item .img {
		margin-left: 60px
	}

	.new_home4 .cont .item .img .i {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);
		left: 0;
		right: 0
	}

	.new_home4 .m-arrbox {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		position: absolute;
		bottom: 30px;
		left: 0;
		right: 0
	}

	.new_home4 .m-arrbox .slick-arrow {
		width: 40px;
		height: 40px;
		background: url(../images/png36.png) no-repeat center;
		background-size: contain;
		font-family: xfont
	}

	.new_home4 .m-arrbox .slick-arrow::before {
		content: '\e504';
		width: 100%;
		height: 100%;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center;
		-webkit-box-align: center;
		-ms-flex-align: center;
		align-items: center;
		color: #fff
	}

	.new_home4 .m-arrbox .slick-next {
		margin-left: 20px
	}

	.new_home4 .m-arrbox .slick-next::before {
		content: '\e505'
	}

	.new_home5 .dr {
		margin-top: 20px
	}

	.new_home5 .dr .item {
		display: block
	}

	.new_home5 .dr .item .pic {
		width: 100%;
		margin-top: 0
	}

	.new_home5 .dr .item .text {
		padding: 10px 0 0;
		margin: 0
	}

	.new_home5 .dr .item .text .h {
		font-size: 18px
	}

	.new_home5 .dr .item .text ul {
		margin-top: 5px
	}

	.new_home5 .dr .slick-tools {
		margin-top: 20px;
		position: relative;
		bottom: auto;
		left: auto;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.new_home5 .dr .slick-tools .slick-paging {
		position: absolute;
		top: 50%;
		left: 50%;
		-webkit-transform: translate(-50%, -50%);
		transform: translate(-50%, -50%);
		margin: 0
	}

	.new_home5 .dr .slick-tools .slick-nav {
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		justify-content: center
	}

	.new_home5 .dr .slick-tools .slick-nav .slick-arrow {
		width: 40px;
		height: 40px
	}

	.new_home5 .dr .slick-tools .slick-nav .slick-arrow+.slick-arrow {
		margin-left: 80px
	}

	.new_home5 .cont {
		padding: 20px 10px 40px
	}

	.new_home5 .cont::before {
		bottom: 15px
	}

	.new_home5 .dl .calendar {
		height: 280px
	}

	.new_home5 .dl .hd {
		height: 50px;
		line-height: 50px
	}

	.new_home5 .dl .hd span {
		width: 60px
	}

	.new_home5 .dl .calendar .fc-calendar .fc-row>div>span.fc-date {
		width: 2em;
		height: 2em;
		padding-top: 0.25em;
		font-size: 18px
	}

	.new_home5 .dl .calendar .fc-calendar .fc-content>div {
		padding-top: 1.5rem
	}

	.new_home5 .dl .calendar .fc-calendar .fc-head {
		font-size: 16px
	}

	.new_home5 .dl .h b {
		font-size: 40px
	}

	.new_home5 .dl .box {
		margin-top: 20px
	}

	.new_home5 .dl .calendar .fc-calendar .a,.new_home5 .dl .calendar .fc-calendar .b,.new_home5 .dl .calendar .fc-calendar .c {
		width: 4px;
		height: 4px
	}

	.new_home5 .dl .bb span {
		padding-left: 10px;
		margin: 0 5px;
		font-size: 12px
	}

	.new_home5 .dl .bb span:before {
		width: 5px;
		height: 5px
	}

	.new_home6 .n-wrap {
		padding-bottom: 0px
	}

	.new_home6 .cont .tabs {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.new_home6 .cont .tabs .item {
		width: 25%;
		height: auto;
		padding: 0 2px;
		margin: 0 0 10px
	}

	.new_home6 .cont .tabs .item .icon {
		width: 28.7044%
	}

	.new_home6 .cont .tabs .item .t {
		font-size: 16px
	}

	.new_home6 .cont .dr .list .item {
		width: 100% !important;
		margin-right: 0px;
	}

	.new_home6 .cont .dr .list .item+.item {
		margin-top: 15px !important
	}

	.new_home7 .n-wrap {
		padding-top: 0px
	}

	.new_home2 .box2 .li .l-t .t br {
		display: block
	}

	.new_home2 .box2 .li .l-t {
		padding: 10px 10px
	}
}

.humanities1 {
	position: relative;
	height: 790px;
	background: #fff url(../images/bg8.jpg) center top no-repeat
}

.humanities1::after {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding-top: 5%;
	height: 96px;
	background: url(../images/png11.png) center no-repeat;
	pointer-events: none;
	z-index: 1
}

.humanities1 .x-wrap {
	z-index: 2
}

.humanities1 .line {
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between
}

.humanities1 .line .i {
	width: 1px;
	background-color: #d6d6d6
}

.humanities1 .li {
	position: absolute;
	padding: 40px 38px;
	cursor: pointer
}

.humanities1 .li::before {
	content: '';
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: 40px 0;
	background: transparent;
	border-left: 8px solid;
	-webkit-transition: all .3s;
	transition: all .3s
}

.humanities1 .li .t {
	position: relative;
	font-family: sh;
	font-size: 24px;
	color: #333;
	line-height: 1;
	-webkit-transition: all .3s;
	transition: all .3s
}

body:not(.lang-en) .humanities1 .li .t {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
	.humanities1 .li .t {
		font-size: 18px
	}
}

.humanities1 .li1 {
	left: calc((100% / 6) * 1);
	top: 120px;
	color: #903e3d
}

.humanities1 .li2 {
	left: calc((100% / 6) * 1);
	top: 378px;
	color: #5c7557
}

.humanities1 .li3 {
	left: calc((100% / 6) * 2);
	top: 246px;
	color: #476585
}

.humanities1 .li4 {
	left: calc((100% / 6) * 2);
	top: 450px;
	color: #476585
}

.humanities1 .li5 {
	left: calc((100% / 6) * 3);
	top: 136px;
	color: #5c7557
}

.humanities1 .li6 {
	left: calc((100% / 6) * 3);
	top: 434px;
	color: #903e3d
}

.humanities1 .li7 {
	left: calc((100% / 6) * 4);
	top: 240px;
	color: #476585
}

.humanities1 .li8 {
	left: calc((100% / 6) * 4);
	top: 440px;
	color: #903e3d
}

.humanities1 .li9 {
	left: calc((100% / 6) * 5);
	top: 110px;
	color: #476585
}

.humanities1 .li10 {
	left: calc((100% / 6) * 5);
	top: 368px;
	color: #5c7557
}

.humanities2 {
	position: relative;
	padding-bottom: 140px
}

.humanities2 .tracker-mod {
	background-color: #0e4e8d;
	color: #da9292;
	padding: 0 180px
}

.humanities2 .tracker-mod .tracker-track {
	display: table;
	white-space: nowrap;
	text-align: center
}

.humanities2 .tracker-mod .tracker-item {
	position: relative;
	margin: 0 50px;
	padding: 34px 0;
	font-size: 18px;
	display: inline-block;
	vertical-align: middle;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media screen and (max-width: 768px) {
	.humanities2 .tracker-mod .tracker-item {
		font-size: 16px
	}
}

.humanities2 .tracker-mod .tracker-item::before,.humanities2 .tracker-mod .tracker-item::after {
	content: '';
	position: absolute;
	bottom: 0;
	opacity: 0;
	-webkit-transition: all .3s;
	transition: all .3s
}

.humanities2 .tracker-mod .tracker-item::before {
	left: 0;
	right: 0;
	bottom: 30px;
	border-bottom: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item::after {
	left: 50%;
	height: 30px;
	border-left: 1px solid #c06363
}

.humanities2 .tracker-mod .tracker-item.cur {
	color: #fff
}

.humanities2 .tracker-mod .tracker-item.cur::before,.humanities2 .tracker-mod .tracker-item.cur::after {
	opacity: 1
}

.humanities2 .unit {
	position: relative
}

.humanities2 .slick-item .box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.humanities2 .slick-item .cont {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	padding: 0 50px;
	padding-bottom: 90px;
	width: 32%
}

.humanities2 .slick-item .t {
	font-family: sh;
	font-size: 30px
}

@media screen and (max-width: 768px) {
	.humanities2 .slick-item .t {
		font-size: 22px
	}
}

.humanities2 .slick-item .p {
	margin-top: 24px;
	line-height: 1.75
}

body:not(.lang-en) .humanities2 .slick-item .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.humanities2 .slick-item .p .scroll-mod {
	height: 220px
}

.humanities2 .slick-item .p .scroll-mod .scroll-track-x {
	display: none
}

.humanities2 .slick-item .more1 {
	margin-top: 56px
}

.humanities2 .slick-item .img {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	position: relative;
	overflow: hidden;
	width: 68%
}

.humanities2 .slick-item .img::before {
	content: '';
	display: block;
	padding-top: 80.19608%
}

.humanities2 .slick-item .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.humanities2 .slick-item .line {
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 2.4%;
	background: center no-repeat;
	background-size: contain
}

.humanities2 .slick-item .line::before {
	content: '';
	display: block;
	padding-top: 15.625%
}

.humanities2 .slick-item .line .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.humanities2 .slick-arrow {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.humanities2 .slick-arrow::before,.humanities2 .slick-arrow::after {
	display: block;
	width: 76px;
	height: 67px;
	background: url(../images/xfpng12.png) no-repeat;
	background-size: contain
}

.humanities2 .slick-arrow .t {
	margin: 0 18px;
	width: 1em;
	line-height: 1
}

.humanities2 .slick-prev {
	left: 0
}

.humanities2 .slick-prev::before {
	content: ''
}

.humanities2 .slick-next {
	right: 0
}

.humanities2 .slick-next::after {
	content: '';
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}

@media screen and (min-width: 1025px) {
	.humanities1 .li:hover::before {
		margin: 0;
		background-color: #85a082
	}

	.humanities1 .li:hover .t {
		color: #fff
	}

	.humanities2 .slick-arrow:hover {
		color: #883736
	}

	.humanities2 .tracker-mod.f {
		position: fixed;
		left: 0;
		right: 0;
		z-index: 9;
		top: 0
	}
}

@media screen and (max-width: 1680px) {
	.humanities2 .tracker-mod {
		padding: 0 100px
	}

	.humanities2 .slick-item .box {
		margin: 0 90px
	}
}

@media screen and (max-width: 1500px) {
	.humanities2 .tracker-mod .tracker-item {
		margin: 0 30px
	}
}

@media screen and (max-width: 1280px) {
	.humanities2 .tracker-mod {
		padding: 0 70px
	}

	.humanities2 .slick-item .box {
		display: block
	}

	.humanities2 .slick-item .cont {
		padding: 50px;
		padding-bottom: 0;
		width: 100%
	}

	.humanities2 .slick-item .img {
		width: 100%
	}
}

@media screen and (max-width: 1024px) {
	.humanities2 .tracker-mod {
		padding: 0 15px
	}

	.humanities2 .tracker-mod .tracker-item {
		margin: 0 10px
	}
}

@media screen and (max-width: 767px) {
	.humanities1 {
		display: none
	}

	.humanities1::after {
		height: auto;
		background-size: cover
	}

	.humanities2 {
		padding-bottom: 50px;
		padding-top: 0 !important
	}

	.humanities2 .tracker-box {
		overflow: auto
	}

	.humanities2 .tracker-item {
		padding: 20px 0
	}

	.humanities2 .tracker-item::before {
		bottom: 15px
	}

	.humanities2 .tracker-item::after {
		height: 15px
	}

	.humanities2 .slick-item .line {
		display: none
	}

	.humanities2 .slick-item .box {
		margin: 0
	}

	.humanities2 .slick-item .cont {
		padding: 20px 0
	}

	.humanities2 .slick-item .p {
		margin-top: 10px
	}

	.humanities2 .slick-item .more1 {
		margin-top: 20px
	}

	.humanities2 .slick-arrow {
		visibility: hidden
	}
}

.identification {
	background: url(../images/jpg15-1.jpg) no-repeat top center;
	margin-bottom: -132px;
	padding: 235px 0 237px
}

.identification .line {
	width: 11px;
	height: 118px;
	background: url(../images/png25.png) no-repeat center;
	background-size: contain;
	margin: auto
}

.identification .img {
	margin: auto
}

.identification .img img {
	width: 100%
}

.identification .fw {
	font-weight: bold
}

.identification .pbox {
	line-height: 1.75;
	max-width: 1118px;
	margin: auto
}

.identification .box1 {
	padding-bottom: 40px
}

.identification .box1 .img {
	margin: 22px 0
}

.identification .box1 .p {
	margin-top: 20px
}

.identification .box1 img {
	max-width: 100%;
	width: auto;
	display: block;
	margin: auto
}

.identification .box1 .img-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 20px
}

.identification .box1 .img-box img {
	margin: 0 80px;
	width: 27.53333%
}

.identification .box1 .img-box img:nth-child(1) {
	width: 36%
}

.identification .box2 {
	padding: 34px 0
}

.identification .box2 .s_title+.s_title {
	margin-top: 10px
}

.identification .box2 .img {
	width: 297px;
	margin-top: 19px
}

.identification .box2 .img-1 {
	margin: 20px auto 0;
	width: 929px
}

.identification .box2 .img-1 img {
	display: block;
	width: 100%
}

.identification .box2 .rp {
	text-align: right;
	margin-top: 20px
}

.identification .box2 .school-anniversary-day {
	margin-top: 20px;
	font-family: sh;
	font-size: 42px;
	line-height: 1.2;
	text-align: center
}

@media screen and (max-width: 768px) {
	.identification .box2 .school-anniversary-day {
		font-size: 26px
	}
}

.identification .box2 .pbox {
	margin-top: 22px
}

.identification .box3 {
	padding-top: 35px
}

.identification .box3 .img {
	width: 929px;
	margin-top: 93px
}

.identification .box3 .pbox {
	margin-top: 14px
}

@media screen and (max-width: 1600px) {
	.identification {
		padding: 160px 0
	}
}

@media screen and (max-width: 1200px) {
	.identification .box3 .img,.identification .box2 .img-1 {
		width: 100%
	}

	.identification .pbox {
		width: 100%
	}
}

@media screen and (max-width: 1024px) {
	.identification {
		padding: 80px 0 160px;
		background-position: center -100px
	}

	.identification .box1 .img {
		width: 180px;
		margin: 20px auto
	}
}

@media screen and (max-width: 767px) {
	.identification {
		padding: 50px 0 160px;
		background-size: cover;
		background-position: center -40px
	}

	.identification .line {
		display: none
	}

	.identification .box1 {
		padding-bottom: 0
	}

	.identification .box1 .img-box {
		display: block
	}

	.identification .box1 .img-box img {
		width: 100% !important;
		margin: 0
	}

	.identification .box1 .img-box img+img {
		margin-top: 15px
	}

	.identification .box2 {
		padding: 50px 0 0
	}

	.identification .box3 {
		padding: 50px 0 0
	}

	.identification .box3 .img {
		margin-top: 45px
	}

	.identification .box2 .img {
		width: 40%
	}
}

.leader {
	/*padding: 50px 0 0px;*/
}

.leader .x-wrap {
	width: 100%;
	max-width: none
}

.leader .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	overflow: hidden
}
.leader .list.team_list{
	margin-top:60px;
}
.leader .l {
	width: 50%;
	position: relative;
	padding: 0 4.5% 0 0;
}

.leader .l .l1 {
	position: absolute;
	left: 0;
	top: 0%;
	bottom: 0;
	border-left: 1px solid #95adc5;
	display: none
}

.leader .l .l2 {
	position: absolute;
	left: 0;
	bottom: 0;
	right: -50px;
	border-bottom: 1px solid #95adc5;
	display: none
}

.leader .l .l3 {
	position: absolute;
	top: 100%;
	margin-top: -60px;
	right: 0;
	height: 10000px;
	border-left: 1px solid #95adc5;
	display: none
}

.leader .l::after {
	content: "";
	background: url(../images/bypng26.png);
	width: 9px;
	height: 9px;
	position: absolute;
	right: -4px;
	bottom: -4px;
	display: none
}

.leader .r {
	width: 50%;
	padding: 0 0 0 4.5%
}

.leader .item {
	position: relative
}

.leader .item:nth-child(n+2) {
	margin-top: 43px
}

.leader .item .h {
	font-size: 24px;
	min-height: 75px;
	background: url(../images/png146.png) no-repeat left center;
	position: relative;
	line-height: 1.333;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 25px
}

@media screen and (max-width: 768px) {
	.leader .item .h {
		font-size: 18px
	}
}

.leader .item .h::before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	border-left: 5px solid #0e4e8d;
}

.leader .item .cont {
	margin-top: 14px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	position: relative
}

.leader .item .cont .pic {
	width: 180px;
	position: relative;
	overflow: hidden
}

.leader .item .cont .pic::before {
	content: '';
	display: block;
	padding-top: 139.82808%
}

.leader .item .cont .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.leader .item .cont .text {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-bottom: 30px;
	position: absolute;
	top: 0;
	left: 200px;
	bottom: 0
}

.leader .item .cont .text .name {
	font-size: 22px
}

@media screen and (max-width: 768px) {
	.leader .item .cont .text .name {
		font-size: 18px
	}
}

.leader .item .cont .text .p {
	margin-top: 10px;
	font-size: 16px;
	color: #666666;
	line-height: 1.5;
	overflow:hidden;
}

@media screen and (max-width: 768px) {
	.leader .item .cont .text .p {
		font-size: 16px
	}
}

.leader .item .cont .more {
	position: absolute;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.leader .item .cont .more::after {
	content: "";
	background: url(../images/png28.png);
	width: 10px;
	height: 16px;
	display: inline-block;
	margin-left: 10px
}

.leader .name-list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 50px 18% 25px
}

.leader .name-list .name-cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: 10px
}

.leader .name-list .name-cont .li {
	font-size: 22px;
	margin: 0 35px 10px 0
}

@media screen and (max-width: 768px) {
	.leader .name-list .name-cont .li {
		font-size: 18px
	}
}

@media screen and (max-width: 1400px) {
	.leader .item .cont .text {
		margin-left: 25px;
		padding-top: 30px
	}
}

@media screen and (max-width: 1300px) {
	.leader {
		padding: 0px 0 50px
	}

	.leader .item .h,.leader .item .cont .text .name {
		font-size: 24px
	}

	.leader .item .h {
		padding-left: 15px
	}

	.leader .l {
		padding: 0 4.5% 0 0 ;
	}

	.leader .l .l2 {
		right: -20px
	}

	.leader .l .l3 {
		margin-top: -20px
	}

	.leader .r {
		padding: 0 0 0 5%;
	}

	.leader .item .cont .pic {
		width: 50%
	}

	.leader .item .cont .text {
		left: 50%;
		padding-top: 0px;
		margin-left: 15px
	}

	.leader .item .cont .text .p {
		font-size: 16px;
		margin-top: 5px
	}

	.leader .name-list {
		padding-left: 5%;
		padding-right: 5%
	}

	.leader .name-list .name-cont .li {
		font-size: 24px
	}
}

@media screen and (max-width: 1024px) {
	.leader {
		/*padding: 80px 0;*/
	}
	.news_home6{
		margin-bottom:0;
	}
}

@media screen and (max-width: 1023px) {
	.leader .l {
		padding: 0 3% 0 0;
	}

	.leader .r {
		padding: 0 0 0 3%;
	}

	.leader .item:nth-child(n+2) {
		margin-top: 25px
	}

	.leader .item .cont .more {
		bottom: -16px;
		font-size: 16px
	}

	.leader .name-list {
		padding-left: 3%;
		padding-right: 3%
	}
}

@media screen and (max-width: 767px) {
	.leader {
		padding: 0;
	}

	.leader .list .l {
		padding: 0 5px 0 0
	}

	.leader .list .l::after {
		display: none
	}

	.leader .list .l .l1 {
		display: none
	}

	.leader .list .l .l2 {
		display: none
	}

	.leader .list .l .l3 {
		display: none
	}

	.leader .list .r {
		padding: 0 0 0 5px
	}

	.leader .item {
		padding-bottom: 0
	}

	.leader .item .cont {
		display: block;
		margin-top: 10px
	}

	.leader .item .cont .pic {
		width: auto
	}

	.leader .item .cont .text {
		margin: 15px 0 0;
		padding-bottom: 0;
		position: static
	}

	.leader .item .cont .text .p {
		font-size: 14px;
		height: calc(1em*1.5*5)
	}

	.leader .item .cont .more {
		position: static;
		margin: 10px 0 0
	}

	.leader .name-list {
		padding: 30px 0 20px
	}

	.leader .name-list .name-cont {
		margin-top: 10px
	}

	.leader .name-list .name-cont .li {
		margin-bottom: 5px;
		margin-right: 15px;
		font-size: 14px
	}

	.leader .item .h,.leader .item .cont .text .name {
		font-size: 14px
	}

	.leader .item .h {
		padding-left: 10px
	}
}

@media screen and (max-width: 550px) {
	.leader .item .h {
		min-height: 1.5em;
		display: -webkit-box;
		-webkit-line-clamp: 3;
		-webkit-box-orient: vertical;
		text-overflow: ellipsis;
		overflow: hidden;
		height: 4.5em;
		line-height: 2.25;
		display: block
	}
}
/*新版现任领导start*/
.flex {
	display: flex;
	flex-wrap: wrap;
}
.xrld ul {
	justify-content: space-between;
}
.xrld li {
	width: 48%;
	margin-bottom: .4rem;
}
.wl {
	position: relative;
	z-index: 1;
}
.xrld li a {
	align-items: center;
	background: #fff;
}
.scale {
	overflow: hidden;
}
.xrld li .scale {
	width: 1.48rem;
}
.imged {
	position: relative;
	padding-bottom: 65%;
	width: 100%;
	display: block;
	overflow: hidden;
	transition: 0.5s;
	background-size: cover !important;
}
.xrld li .imged {
	padding-bottom: 137.8%;
}
.imged img {
	position: absolute;
	top: 0px;
	right: 0px;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	transition: all 0.5s ease 0s;
	object-fit: cover;
	display: none;
}
.xrld li .con {
	width: calc(100% - 1.49rem);
	padding: 0rem .2rem 0;
}
.xrld li h3 {
	font-size: 0.16rem;
	color: #333;
	line-height: 0.32rem;
	transition: 0.5s;
	min-height: 0.64rem;
	font-weight:normal;
}
.xrld li h3 b {
  font-weight: normal;
  padding-right: .13rem;
  font-size: .22rem;
  color: #0e4e8d;
}
::after, ::before {
  transition: 0.5s;
}
.wl::after {
  content: "";
  z-index: -1;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 0px;
  height: 100%;
}
.l2 {
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.xrld li p {
  font-size: 0.16rem;
  color: #666666;
  line-height: 0.22rem;
  max-height: 0.66rem\0;
  margin-top: .05rem;
  transition: 0.5s;
  text-align: justify;
}
.xrld li .con .more {
  border-top: 1px solid rgba(14, 78, 141, .6);
  margin-top: .2rem;
  padding-top: .15rem;
  text-align: right;
}
.xrld li .con .more span {
  font-size: .16rem;
  color: #666;
  padding-right: .2rem;
  background: url(../images/png28.png) no-repeat right center;
}
@media screen and (max-width: 768px) {
  .xrld li {
    width: 100%;
  }
  .p1 {
    line-height: 0.26rem !important;
    font-size: 0.16rem !important;
	}
}

/*新版现任领导end*/

/*师资队伍start*/
.pd110 .block {
  margin: auto;
}
.cas .list{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;}
.cas .item{width:calc(20% - 31px);margin-right:36px;margin-bottom:30px;}
.cas .item:nth-child(5n){margin-right:0;}
.cas .item img{width:100%;height:auto;}
.cas .item .pic{border-bottom:4px solid #876e6a;position: relative;}
.cas .item .pic:after{content:"";position: absolute;left:50%;bottom:-4px;right:50%;height:4px;background:#0e4e8d;transition:all 0.3s ease-out 0s;}
.cas .item:hover .pic:after{left:0;right:0;}
.cas .item .h{font-size:18px;margin-top:10px;text-align: center;}
.cas .item.away{text-align: center;}
.cas .item.away .h{display: inline-block;border: 1px solid;border-radius: 3px;padding: 0 5px;}
.cas .item:hover .h{color: #0e4e8d;}
.cas .loading{text-align:center;margin-top:20px;color: #0e4e8d;display:none;}
/*师资队伍end*/
.jzzjg1 {
	padding:0px
}

.jzzjg1 .box+.box {
	margin-top: 30px
}

.jzzjg1 .title2 {
	color: #fff;
	text-align: center;
	padding: 15px;
	background: url(../images/bar1.jpg) no-repeat center;
	background-size: cover
}

.jzzjg1 .title2 .t1 {
	font-size: 30px;
	line-height: 1.3;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.jzzjg1 .title2 .t1 {
		font-size: 22px
	}
}

.jzzjg1 .list {
	background: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.jzzjg1 .list .item {
	margin-left: 30px;
	padding: 25px 0;
	position: relative
}

.jzzjg1 .list .item.item1 {
	width: 32.4%
}

.jzzjg1 .list .item.item2 {
	width: 30.6%
}

.jzzjg1 .list .item.item3 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	width: 0
}

.jzzjg1 .list .item .box {
	height: 100%;
	position: relative
}

.jzzjg1 .list .item.item_down::before {
	content: '';
	background: url(../images/ico_nav2.png) center no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -22px;
	top: 30px
}

.jzzjg1 .list .item.item_down::after {
	content: '';
	background: url(../images/ico_nav2.png) center no-repeat;
	width: 15px;
	height: 15px;
	position: absolute;
	left: -22px;
	bottom: 30px
}

.jzzjg1 .list .item.item_down .box::before {
	content: '';
	border-left: 1px solid #d1d1d1;
	position: absolute;
	top: 40px;
	bottom: 40px;
	left: -15px
}

.jzzjg1 .list .item .link1+.link1 {
	margin-top: 20px
}

.jzzjg1 .list .item .link1 .link1-tit {
	padding-left: 20px;
	position: relative
}

.jzzjg1 .list .item .link1 .link1-tit::before {
	content: '\e521';
	position: absolute;
	top: 3px;
	left: 0;
	display: block;
	text-align: center;
	font-family: xfont;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	font-size: 12px;
	color: #0e4e8d
}

.jzzjg1 .list .item .link1 .link2 {
	padding-left: 25px;
	margin-top: 20px
}

.jzzjg1 .list .item .link1 .link2 .link2-tit {
	padding-left: 20px;
	position: relative
}

.jzzjg1 .list .item .link1 .link2 .link2-tit::before {
	content: '';
	position: absolute;
	top: 11px;
	left: 0;
	display: block;
	background-color: #0e4e8d;
	width: 12px;
	height: 3px
}

@media screen and (max-width: 1600px) {
	.jzzjg1 .list .item {
		margin-left: 20px;
		margin-right: 20px
	}
}

@media screen and (max-width: 1500px) {
	.jzzjg1 {
		padding-top: 0px
	}

	.jzzjg1 .list .item .link1+.link1 {
		margin-top: 15px
	}

	.jzzjg1 .list .item .link1 .link2 {
		margin-top: 15px
	}
}

@media screen and (max-width: 1300px) {
	.jzzjg1 {
		padding-top: 0px
	}
}

@media screen and (max-width: 1024px) {
	.jzzjg1 {
		padding-top: 0px
	}

	.jzzjg1 .list .item {
		width: 100% !important
	}

	.jzzjg1 .list .item+.item::before,.jzzjg1 .list .item+.item::after,.jzzjg1 .list .item+.item .box::before {
		content: none
	}
}

@media screen and (max-width: 1023px) {
	.jzzjg1 {
		padding-bottom: 0px
	}

	.jzzjg1 .title2 {
		padding: 15px 10px
	}

	.jzzjg1 .title2 .t1 {
		font-size: 28px
	}
}

@media screen and (max-width: 1023px) and (max-width: 768px) {
	.jzzjg1 .title2 .t1 {
		font-size: 20px
	}
}

@media screen and (max-width: 1023px) {
	.jzzjg1 .list {
		display: block;
		padding: 10px 15px 25px
	}

	.jzzjg1 .list .item {
		padding: 15px 0 0;
		margin: 0 !important
	}
}

.message1 {
	padding: 17vw 0 216px;
	background-color: #fffcf6
}

.message1 .x-wrap {
	padding: 0 184px
}

.message1 .desc {
	max-width: 965px;
	margin: 68px auto 0
}

.message1 .p {
	font-size: 18px;
	color: #666;
	text-indent: 2em
}

@media screen and (max-width: 768px) {
	.message1 .p {
		font-size: 16px
	}
}

.message1 .form {
	margin-top: 34px
}

.message1 .textarea {
	width: 100%;
	height: 383px;
	padding: 10px;
	background-color: #fffefc;
	margin: 0 auto;
	font-size: 22px;
	color: #666;
	border: 1px solid #eaeaea
}

@media screen and (max-width: 768px) {
	.message1 .textarea {
		font-size: 18px
	}
}

.message1 .textarea {
	scrollbar-width: none;
	-ms-overflow-style: none;
	-ms-scroll-rails: none
}

.message1 .textarea::-webkit-scrollbar {
	display: none
}

.message1 .textarea .scrollbar-rails {
	position: fixed;
	z-index: 9;
	background-color: rgba(0,0,0,0.02)
}

.message1 .textarea .scrollbar-rails-x {
	left: 0;
	right: 0;
	bottom: 0
}

.message1 .textarea .scrollbar-rails-y {
	top: 0;
	bottom: 0;
	right: 0
}

.message1 .textarea .scrollbar-thumb {
	background-color: #aaa;
	border-radius: 999999px;
	cursor: pointer
}

.message1 .textarea .scrollbar-thumb-x {
	height: 10px
}

.message1 .textarea .scrollbar-thumb-y {
	width: 10px
}

.message1 .textarea .scrollbar-rails-disable {
	display: none
}

.message1 .textarea * {
	-ms-overflow-style: scrollbar
}

.message1 .li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	height: 82px
}

.message1 .li+.li {
	margin-top: 30px
}

.message1 .li1 {
	height: auto
}

.message1 .name {
	font-size: 22px;
	color: #8d2d2e;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	padding: 22px 20px;
	background: #fffefc;
	width: 142px;
	text-align: center;
	border: 1px solid #eaeaea;
	border-right: none
}

@media screen and (max-width: 768px) {
	.message1 .name {
		font-size: 18px
	}
}

.message1 input {
	font-size: 22px;
	color: #666;
	border: 1px solid #eaeaea;
	background: #fffefc;
	padding: 0 20px;
	width: calc(100% - 142px);
	border-radius: 0
}

@media screen and (max-width: 768px) {
	.message1 input {
		font-size: 18px
	}
}

.message1 .img {
	position: relative;
	overflow: hidden;
	width: 229px;
	border: 1px solid #eaeaea;
	margin-left: 30px;
	cursor: pointer
}

.message1 .img::before {
	content: '';
	display: block;
	padding-top: 35.80786%
}

.message1 .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.message1 .img .i {
	width: 100%;
	height: 100%
}

.message1 .sub {
	height: 60px;
	background-color: #0e4e8d;
	color: #fff;
	font-size: 24px;
	text-align: center;
	line-height: 60px;
	border-radius: 50px
}

@media screen and (max-width: 768px) {
	.message1 .sub {
		font-size: 18px
	}
}

.message1 a {
	display: block;
	width: 212px;
	margin: 60px auto 0
}

@media screen and (max-width: 1300px) {
	.message1 {
		padding-top: 20vw
	}

	.message1 .x-wrap {
		padding: 0 50px
	}
}

@media screen and (max-width: 1024px) {
	.message1 {
		padding-top: 160px
	}
}

@media screen and (max-width: 767px) {
	.message1 {
		padding: 50px 0 70px
	}

	.message1 .x-wrap {
		padding: 0
	}

	.message1 .desc {
		margin-top: 20px
	}

	.message1 .textarea {
		height: 200px
	}

	.message1 .li {
		width: 100%;
		height: 50px;
		line-height: 50px
	}

	.message1 .li1 {
		height: auto
	}

	.message1 .li+.li {
		margin-top: 10px
	}

	.message1 .name {
		padding: 0 10px;
		width: 120px
	}

	.message1 input {
		padding: 0 10px;
		width: calc(100% - 120px)
	}

	.message1 .img {
		width: 100px;
		margin-left: 5px
	}

	.message1 .li2 input {
		width: calc(100% - 180px)
	}

	.message1 a {
		margin-top: 30px
	}
}

.organizational {
	padding: 120px 0 204px;
	background-color: #f5f5f5;
	margin-bottom: -132px
}

.organizational .cont {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.organizational .cont .img {
	width: 24%;
	margin-left: 20px;
	margin-top: 30px
}

.organizational .cont .img img {
	width: 100%;
	display: block
}

.organizational .cont .child2 {
	width: 24%;
	margin-left: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.organizational .cont .child1 {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.organizational .cont .item {
	margin-top: 30px;
	background: #fff
}

.organizational .cont .itit {
	font-size: 30px;
	font-family: sh;
	height: 70px;
	background: #0e4e8d url(../images/jpg17.jpg) no-repeat right center;
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-left: 80px;
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media screen and (max-width: 768px) {
	.organizational .cont .itit {
		font-size: 22px
	}
}

.organizational .cont .icont {
	padding: 22px 25px 22px 80px;
	font-size: 18px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

@media screen and (max-width: 768px) {
	.organizational .cont .icont {
		font-size: 16px
	}
}

.organizational .cont .icont .ili {
	margin-bottom: 18px;
	width: 100%;
	padding-right: 10px
}

.organizational .cont .icont .w50 {
	width: 50%
}

.organizational .cont .icont .ili a {
	position: relative;
	padding-left: 30px;
	display: inline-block
}

.organizational .cont .icont .ili a::after {
	content: '';
	width: 17px;
	height: 17px;
	background: url(../images/png26.png) no-repeat center;
	background-size: contain;
	position: absolute;
	top: 5.5px;
	left: 0
}

.organizational .cont .item {
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.organizational .cont .child2 .item:last-child {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

.organizational .cont .child1 .item:first-child {
	-webkit-box-flex: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0
}

@media screen and (max-width: 1400px) {
	.organizational {
		padding-top: 50px
	}

	.organizational .cont .itit {
		padding-left: 40px
	}

	.organizational .cont .icont {
		padding-left: 40px
	}
}

@media screen and (max-width: 1024px) {
	.organizational {
		margin: 0;
		padding-bottom: 120px
	}

	.organizational .cont .img {
		display: none
	}

	.organizational .cont .child2 {
		width: 40%
	}
}

@media screen and (max-width: 767px) {
	.organizational {
		padding: 30px 0 70px
	}

	.organizational .cont {
		display: block
	}

	.organizational .cont .itit {
		height: 60px;
		padding-left: 20px
	}

	.organizational .cont .icont {
		padding: 20px
	}

	.organizational .cont .icont .ili {
		margin-bottom: 10px
	}

	.organizational .cont .child2 {
		display: block;
		width: 100%;
		margin: 0
	}

	.organizational .cont .icont .w50 {
		width: 100%
	}
}

.person_detail {
	/* padding: 75px 0 0; */
}

.person_detail .des {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.person_detail .des .content {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column
}

.person_detail .des .pic {
	position: relative;
	overflow: hidden;
	float: left;
	width: 250px;
	margin-top: 50px;
}

.person_detail .des .pic::before {
	content: '';
	display: block;
	padding-top: 116.66667%
}

.person_detail .des .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.person_detail .des .hd {
	padding: 30px 70px
}

.person_detail .des .hd .p {
	font-size: 30px;
	color: #e3cfcf;
	font-family: tj;
	line-height: 1;
	margin-top: 0.5em
}

@media screen and (max-width: 768px) {
	.person_detail .des .hd .p {
		font-size: 22px
	}
}

.person_detail .des .text {
	background: url(../images/bg7.jpg);
	color: black;
	padding: 50px 70px;
	-webkit-box-flex: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1
}

.person_detail .des .text .h {
	font-size: 24px
}

@media screen and (max-width: 768px) {
	.person_detail .des .text .h {
		font-size: 18px
	}
}

.person_detail .des .text .p {
	margin-top: 15px;
	line-height: 1.8
}

body:not(.lang-en) .person_detail .des .text .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.person_detail .des .title {
	font-size: 40px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.person_detail .des .title {
		font-size: 26px
	}
}

.person_detail .list {
	padding: 80px 0
}

.person_detail .list .item {
	padding-bottom: 50px;
	padding-left: 55px;
	position: relative
}

.person_detail .list .item::before {
	content: "";
	border-left: 1px solid #ae0a29;
	left: 9px;
	top: 20px;
	bottom: -5px;
	position: absolute
}

.person_detail .list .item::after {
	content: "";
	width: 18px;
	height: 18px;
	border: 1px solid #ae0a29;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 5px;
	background: #fffcf6
}

.person_detail .list .item:last-child {
	padding-bottom: 0
}

.person_detail .list .item .text {
	margin-top: 20px
}

.person_detail .list .item .h {
	font-size: 24px;
	line-height: 1
}

@media screen and (max-width: 768px) {
	.person_detail .list .item .h {
		font-size: 18px
	}
}

.person_detail .list .item .p {
	margin-top: 0.5em
}

.person_detail .table-box {
	padding: 44px 0 0 360px
}

.person_detail .table-box .item+.item {
	margin-top: 45px
}

.person_detail .table-box .item-tit {
	font-size: 32px;
	color: #0e4e8d;
	border-bottom: 1px solid #4e85bb;
	padding-bottom: 28px;
	margin-bottom: 32px
}

@media screen and (max-width: 768px) {
	.person_detail .table-box .item-tit {
		font-size: 22px
	}
}

.person_detail .table-box .t2 {
	color: #9c7856
}

.person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
	font-size: 22px
}

@media screen and (max-width: 768px) {
	.person_detail .table-box .item-list1,.person_detail .table-box .item-list2 {
		font-size: 18px
	}
}

.person_detail .table-box .item-list1 .row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start
}

.person_detail .table-box .item-list1 .row+.row {
	margin-top: 32px
}

.person_detail .table-box .item-list1 .li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 50%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	padding-right: 42px
}

.person_detail .table-box .item-list1 .li:nth-child(1) {
	margin-right: 95px
}

.person_detail .table-box .item-list1 .li:nth-child(2) {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.person_detail .table-box .item-list1 .r-box {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	width: calc(6em + 40px)
}

.person_detail .table-box .item-list1 .r-box .t2 {
	margin-right: 20px
}

.person_detail .table-box .item-list2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.person_detail .table-box .item-list2 .t2 {
	margin-right: 23px
}

@media screen and (max-width: 1300px) {
	.person_detail {
		/* padding: 100px 0 */
	}

	.person_detail .des .hd {
		padding: 30px 40px
	}

	.person_detail .des .text {
		padding: 30px 40px
	}

	.person_detail .table-box .item-list1 .li {
		padding-right: 20px
	}

	.person_detail .table-box .item-list1 .li:nth-child(1) {
		margin-right: 20px
	}
}

@media screen and (max-width: 1200px) {
	.person_detail .table-box {
		padding-left: 0
	}
}

@media screen and (max-width: 1024px) {
	.person_detail {
		/* padding: 60px 0 8.8% */
	}

	.person_detail .table-box {
		padding: 20px 0 0
	}

	.person_detail .table-box .item-tit {
		padding-bottom: 10px;
		margin-bottom: 10px
	}

	.person_detail .table-box .item-list1 .row {
		display: block
	}

	.person_detail .table-box .item-list1 .row+.row {
		margin-top: 15px
	}

	.person_detail .table-box .item-list1 .li {
		width: 100%;
		padding-right: 0
	}

	.person_detail .table-box .item-list1 .li+.li {
		margin-top: 15px
	}
}

@media screen and (max-width: 1023px) {
	.person_detail .des {
		display: block
	}

	.person_detail .des .pic {
		width: 240px;
		float: left;
		margin: 0 30px 30px 0
	}

	.person_detail .des .content {
		display: block
	}

	.person_detail .list {
		padding: 40px 0
	}
}

@media screen and (max-width: 767px) {
	.person_detail {
		/* padding: 40px 0 8.8% */
	}

	.person_detail .des .pic {
		width: 160px;
		margin: 0 20px 0 0
	}

	.person_detail .des .hd {
		padding: 15px
	}

	.person_detail .des .hd .p {
		font-size: 20px;
		overflow: hidden;
		line-height: 1.2
	}

	.person_detail .des .text {
		padding: 20px 20px;
		clear: both
	}

	.person_detail .list .item {
		padding: 0 0 30px 40px
	}

	.person_detail .list .item::after {
		top: 0px
	}

	.person_detail .list .item::before {
		top: 0
	}

	.person_detail .list .item .text {
		margin-top: 10px;
		font-size: 14px
	}

	.person_detail .table-box .item-list1 .row+.row {
		margin-top: 10px
	}

	.person_detail .table-box .item-list1 .li+.li {
		margin-top: 10px
	}

	.person_detail .table-box .item-list2 .t2,.person_detail .table-box .item-list1 .r-box .t2 {
		margin-right: 15px
	}

	.person_detail .table-box .item-list1 .r-box {
		width: calc(6em + 30px)
	}
}

.picture {
	background: #f5f5f5
}

.picture .dd {
	margin-top: 60px
}

.picture .tab-cont {
	margin-top: 100px
}

.picture .list {
	width: 100%;
	margin-top: 100px
}

.picture .list-width,.picture .list-item {
	width: calc((100% - 60px)/3)
}

.picture .list-space {
	width: 30px
}

.picture .list-item {
	margin-bottom: 30px;
	background-color: #fff
}

.picture .div {
	padding: 30px 38px
}

.picture .more {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.picture .more img {
	width: 50px
}

.picture .pic {
	overflow: hidden
}

.picture .pic img {
	width: 100%
}

.picture .icon-load {
	margin-right: 16px
}

.picture .icon-load::before {
	font-size: 40px;
	line-height: 1.2
}

@media screen and (max-width: 768px) {
	.picture .icon-load::before {
		font-size: 26px
	}
}

.picture .t {
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.picture .t {
		font-size: 18px
	}
}

.picture .y {
	font-family: "times new roman";
	font-size: 20px;
	margin-top: 6px
}

@media screen and (max-width: 768px) {
	.picture .y {
		font-size: 18px
	}
}

@media screen and (min-width: 1025px) {
	.picture .list-item:hover .pic img {
		-webkit-transform: scale(1.07);
		transform: scale(1.07);
		-webkit-transition-duration: .3s;
		transition-duration: .3s
	}
}

@media screen and (max-width: 1024px) {
	.picture .div {
		padding: 30px 15px
	}

	.picture .list-width,.picture .list-item {
		width: calc(50% - 15px)
	}
}

@media screen and (max-width: 768px) {
	.picture .dd {
		margin-top: 30px
	}

	.picture .tab-cont {
		margin-top: 30px
	}

	.picture .div {
		padding: 30px 15px
	}

	.picture .list {
		margin-top: 30px
	}

	.picture .list-width,.picture .list-item {
		width: 100%
	}
}

.recruit1 {
	padding: 140px 0;
	background: #f5f5f5 url(../images/bypng33.png) no-repeat right top
}

.recruit1 .content {
	margin-top: 50px;
	position: relative
}

.recruit1 .content .pic {
	position: absolute;
	left: 0;
	top: 0;
	right: 0
}

.recruit1 .content .pic img {
	width: 100%
}

.recruit1 .content .d1 {
	padding-left: 50%;
	height: 255px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.recruit1 .content .d1 .item {
	width: calc(50% - 10px);
	color: #fff;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative;
	margin-left: 10px
}

.recruit1 .content .d1 .item:nth-child(1) {
	background: #476585
}

.recruit1 .content .d1 .item:nth-child(2) {
	background: #5b7897
}

.recruit1 .content .d1 .item .ico {
	margin-top: 20px
}

.recruit1 .content .d1 .item .ico img {
	height: 80px
}

.recruit1 .content .d1 .item .h {
	margin-top: 10px;
	font-size: 30px;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.recruit1 .content .d1 .item .h {
		font-size: 22px
	}
}

.recruit1 .content .d2 {
	margin-left: calc(50% + 10px);
	background: #fff;
	position: relative;
	padding-bottom: 80px
}

.recruit1 .content .d2 .tit {
	position: absolute;
	right: 100%;
	top: 0;
	width: 28%;
	height: 100%;
	background: #fff;
	font-size: 30px;
	font-family: sh;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

body:not(.lang-en) .recruit1 .content .d2 .tit {
	-webkit-writing-mode: vertical-lr;
	-ms-writing-mode: tb-lr;
	writing-mode: vertical-lr
}

@media screen and (max-width: 768px) {
	.recruit1 .content .d2 .tit {
		font-size: 22px
	}
}

.recruit1 .content .d2 .list {
	border-left: 1px solid #ddd;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	padding-top: 20px;
	position: relative
}

.recruit1 .content .d2 .list::after {
	content: "";
	position: absolute;
	left: -6px;
	bottom: 0;
	width: 11px;
	height: 11px;
	border-radius: 100%;
	border: 1px solid #ddd;
	background: #fff
}

.recruit1 .content .d2 .list .item {
	width: 33.33%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 35px;
	position: relative
}

.recruit1 .content .d2 .list .item .ico img {
	height: 60px
}

.recruit1 .content .d2 .list .item .h {
	margin-top: 10px;
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.recruit1 .content .d2 .list .item .h {
		font-size: 18px
	}
}

.recruit1 .bb {
	position: absolute;
	left: 80px;
	top: 175px
}

.recruit1 .bb .more1.red2:after {
	content: "";
	background: url(../images/bypng30.png) no-repeat center top;
	width: 11px;
	height: 433px;
	position: absolute;
	left: 20px;
	bottom: 100%;
	display: none
}

.recruit2 {
	background: #314561 url(../images/bypng29.png) no-repeat left bottom 5%;
	color: #fff;
	position: relative;
	padding-bottom: 150px
}

.recruit2 .x-wrap {
	padding: 140px 0 0
}

.recruit2 .title {
	position: relative
}

.recruit2 .pic {
	position: absolute;
	text-align: right;
	right: 0;
	bottom: 0;
	top: 0;
	text-align: right
}

.recruit2 .pic img {
	height: 100%
}

.recruit2 .content {
	margin-top: 50px;
	padding-right: calc(50% + 10px);
	position: relative
}

.recruit2 .d1 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	background: #6f8aa8;
	padding: 80px
}

.recruit2 .d1 .item {
	text-align: center;
	position: relative
}

.recruit2 .d1 .item .ico img {
	height: 60px
}

.recruit2 .d1 .item .h {
	margin-top: 10px;
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.recruit2 .d1 .item .h {
		font-size: 16px
	}
}

.recruit2 .d2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	height: 235px;
	margin-top: 10px
}

.recruit2 .d2 .item {
	width: calc(50% - 5px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	position: relative
}

.recruit2 .d2 .item:nth-child(1) {
	background: #476585
}

.recruit2 .d2 .item:nth-child(2) {
	background: #5b7897
}

.recruit2 .d2 .item .ico img {
	height: 90px
}

.recruit2 .d2 .item .h {
	margin-top: 10px;
	font-size: 30px;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.recruit2 .d2 .item .h {
		font-size: 22px
	}
}

.recruit2 .bottom {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	margin-top: 50px
}

.recruit2 .bottom a {
	margin: 0 20px
}

.recruit3 {
	padding: 140px 0 9%
}

.recruit3 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.recruit3 .list .item {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	position: relative;
	color: #fff
}

.recruit3 .list .item:nth-child(n+2) {
	margin-left: 10px
}

.recruit3 .list .item .pic {
	position: relative;
	overflow: hidden
}

.recruit3 .list .item .pic::before {
	content: '';
	display: block;
	padding-top: 112.52525%
}

.recruit3 .list .item .pic .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.recruit3 .list .item .text {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding-top: 18%
}

.recruit3 .list .item .text .h {
	font-size: 48px;
	line-height: 1.2;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.recruit3 .list .item .text .h {
		font-size: 28px
	}
}

.recruit3 .list .item .text ul {
	padding: 0
}

.recruit3 .list .item .text li {
	margin-top: 25px;
	font-size: 20px;
	list-style-position: outside
}

@media screen and (max-width: 768px) {
	.recruit3 .list .item .text li {
		font-size: 18px
	}
}

.recruit3 .list .item .b {
	position: relative;
	margin-top: 25px;
	padding-top: 40%
}

.recruit3 .list .item .b:before {
	content: "";
	background: url(../images/bypng30.png) no-repeat center top;
	width: 11px;
	position: absolute;
	left: 50%;
	top: 0;
	bottom: 0px;
	margin-left: -5px
}

.recruit3 .list .item .b .more1.red2 {
	margin-top: 25px;
	padding: 0;
	display: block
}

.recruit3 .list .item .b .more1.red2:before {
	position: static;
	display: block
}

@media screen and (min-width: 1025px) {
	.recruit1 .item:hover .ico {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
		-webkit-transition: all 0.5s ease-out 0s;
		transition: all 0.5s ease-out 0s
	}

	.recruit2 .item:hover .ico {
		-webkit-transform: rotateY(360deg);
		transform: rotateY(360deg);
		-webkit-transition: all 0.5s ease-out 0s;
		transition: all 0.5s ease-out 0s
	}
}

@media screen and (max-width: 1500px) {
	.recruit1 {
		padding: 100px 0
	}

	.recruit2 {
		padding-bottom: 100px
	}

	.recruit2 .x-wrap {
		padding-top: 100px
	}

	.recruit3 {
		padding: 100px 0 9%
	}
}

@media screen and (max-width: 1300px) {
	.recruit1 {
		padding: 80px 0
	}

	.recruit2 {
		padding-bottom: 80px
	}

	.recruit2 .x-wrap {
		padding-top: 50px
	}

	.recruit3 {
		padding: 80px 0 9%
	}

	.recruit1 .content .d1 .item .ico img {
		height: 60px
	}

	.recruit1 .content .d1 .item .h {
		font-size: 24px
	}

	.recruit1 .content .d2 {
		padding-bottom: 40px
	}

	.recruit1 .content .d2 .list .item .ico img {
		height: 40px
	}

	.recruit1 .content .d2 .list .item .h {
		font-size: 16px
	}

	.recruit1 .bb {
		left: 15px
	}

	.recruit2 .d1 {
		padding: 60px
	}

	.recruit2 .content .d2 .item .ico img {
		height: 60px
	}

	.recruit2 .content .d2 .item .h {
		font-size: 24px
	}
}

@media screen and (max-width: 1024px) {
	.recruit2 .d1 {
		padding: 40px
	}

	.recruit2 .d2 {
		height: 200px
	}

	.recruit1 .content .d1 {
		height: 200px
	}

	.recruit1 .content .d2 .list .item {
		margin-top: 20px
	}
}

@media screen and (max-width: 1023px) {
	.recruit1 {
		padding: 60px 0
	}

	.recruit2 {
		padding-bottom: 60px
	}

	.recruit2 .x-wrap {
		padding-top: 50px
	}

	.recruit3 {
		padding: 60px 0 8%
	}

	.recruit1 .content {
		margin-top: 30px
	}

	.recruit1 .bb {
		position: static;
		text-align: center;
		margin-top: 20px
	}

	.recruit1 .bb .more1 {
		color: #333
	}

	.recruit1 .bb .more1::after {
		display: none
	}

	.recruit1 .content .d1 {
		padding-left: 40%
	}

	.recruit1 .content .d2 {
		margin-left: 30%
	}

	.recruit2 .content {
		padding-right: 30%;
		margin-top: 30px
	}

	.recruit2 .bottom a {
		margin: 0 15px
	}

	.recruit3 .list .item .b {
		padding-top: 20%
	}

	.recruit3 .list .item .text li {
		margin-top: 15px
	}
}

@media screen and (max-width: 767px) {
	.recruit2 {
		padding-bottom: 40px
	}

	.recruit3 {
		padding: 15px 0 8%
	}

	.recruit1 .content {
		margin-top: 20px
	}

	.recruit2 .content {
		margin-top: 20px
	}

	.recruit1 .content .pic {
		display: none
	}

	.recruit1 .content .d1 {
		padding: 0;
		height: 150px
	}

	.recruit1 .content .d1 .item {
		width: calc(50% - 7.5px);
		margin: 0
	}

	.recruit1 .content .d1 .item:last-child {
		margin-left: 15px
	}

	.recruit1 .content .d1 .item .ico img {
		height: 45px
	}

	.recruit1 .content .d1 .item .h {
		font-size: 20px
	}

	.recruit1 .content .d2 {
		margin: 0;
		margin-top: 15px;
		padding: 0;
		background: none
	}

	.recruit1 .content .d2 .tit {
		position: static;
		width: auto;
		height: auto;
		padding-top: 20px;
		background: none
	}

	body:not(.lang-en) .recruit1 .content .d2 .tit {
		-webkit-writing-mode: horizontal-tb;
		-ms-writing-mode: lr-tb;
		writing-mode: horizontal-tb
	}

	.recruit1 .content .d2 .list {
		-webkit-box-flex: 1;
		-ms-flex: 1;
		flex: 1;
		border-left: none;
		padding: 0 0 15px;
		margin-top: 15px;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.recruit1 .content .d2 .list::after {
		display: none
	}

	.recruit1 .content .d2 .list .item {
		width: calc(50% - 5px);
		margin: 0;
		padding: 25px 0;
		background: #fff
	}

	.recruit1 .content .d2 .list .item:nth-child(n+3) {
		margin-top: 10px
	}

	.recruit1 .content .d2 .list .item .h {
		padding: 0 10px;
		text-align: center;
		margin-top: 5px
	}

	.recruit2 .pic {
		left: -15px;
		right: -15px
	}

	.recruit2 .content {
		padding: 0
	}

	.recruit2 .d1 {
		padding: 0;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 15px 0 0;
		background: none;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		justify-content: space-between
	}

	.recruit2 .d1 .item {
		width: calc(50% - 5px);
		padding: 25px 0;
		background: #6f8aa8
	}

	.recruit2 .d1 .item:nth-child(n+3) {
		margin-top: 10px
	}

	.recruit2 .d1 .item .h {
		line-height: 1
	}

	.recruit2 .d1 .item .ico img {
		height: 45px
	}

	.recruit2 .d2 {
		height: 150px
	}

	.recruit2 .content .d2 .item .ico img {
		height: 45px
	}

	.recruit2 .content .d2 .item .h {
		font-size: 20px
	}

	.recruit2 .bottom {
		margin-top: 20px;
		display: block
	}

	.recruit2 .bottom .more1 {
		margin-top: 10px
	}

	.recruit3 .list {
		display: block
	}

	.recruit3 .list .item:nth-child(n+2) {
		margin-left: 0;
		margin-top: 15px
	}

	.recruit3 .list .item .pic {
		height: 100%;
		position: absolute;
		left: 0;
		top: 0;
		right: 0;
		bottom: 0
	}

	.recruit3 .list .item .pic::before {
		padding-top: 0
	}

	.recruit3 .list .item .text {
		position: relative;
		padding: 40px 0
	}

	.recruit3 .list .item .b {
		padding-top: 5%
	}

	.recruit3 .list .item ul {
		margin: 5px 0
	}
}

.research_institutions {
	background-color: #f5f5f5;
	padding: 140px 0 205px;
	margin-bottom: -132px
}

.research_institutions .cont {
	margin-top: 18px
}

.research_institutions .cont .item {
	width: calc((100% - 21px) / 2);
	border-top: 3px solid #0e4e8d;
	background: #fff;
	font-size: 18px;
	padding: 37px 30px 20px;
	margin-bottom: 20px
}

@media screen and (max-width: 768px) {
	.research_institutions .cont .item {
		font-size: 16px
	}
}

.research_institutions .cont .list-width {
	width: calc((100% - 21px) / 2)
}

.research_institutions .cont .list-space {
	width: 20px
}

.research_institutions .cont .list {
	padding: 10px 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.research_institutions .cont .list .li {
	padding: 0 10px 0 24px;
	position: relative;
	min-width: 50%;
	margin-bottom: 18px
}

.research_institutions .cont .list .li::after {
	content: '';
	width: 15px;
	border-top: 1px solid #0e4e8d;
	position: absolute;
	top: 13.5px;
	left: 0
}

.research_institutions .cont .icustom0 .list .li {
	min-width: 55%
}

.research_institutions .cont .icustom0 .list .li:nth-child(2n) {
	min-width: 45%
}

.research_institutions .cont .icustom1 .list .li {
	min-width: 40%
}

.research_institutions .cont .icustom1 .list .li:nth-child(2n) {
	min-width: 60%
}

.research_institutions .cont .icustom2 {
	height: 243px
}

@media screen and (max-width: 1500px) {
	.research_institutions .cont .item {
		font-size: 16px
	}

	.research_institutions .cont .list {
		padding: 10px 0 0
	}

	.research_institutions .cont .icustom2 {
		height: 195px
	}
}

@media screen and (max-width: 1300px) {
	.research_institutions {
		padding: 50px 0 90px;
		margin: 0
	}

	.research_institutions .cont {
		margin-top: 20px
	}

	.research_institutions .cont .item {
		padding: 30px 20px;
		border-top: 3px solid #0e4e8d;
		background: #fff;
		width: 100%
	}

	.research_institutions .cont .list {
		padding: 10px 15px 0;
		display: block
	}

	.research_institutions .cont .list .li {
		margin-bottom: 10px;
		padding: 0 10px 0 24px;
		position: relative
	}

	.research_institutions .cont .list .li::after {
		content: '';
		width: 15px;
		border-top: 1px solid #0e4e8d;
		position: absolute;
		top: 12px;
		left: 0
	}

	.research_institutions .cont .s_list {
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		-ms-flex-wrap: wrap;
		flex-wrap: wrap
	}

	.research_institutions .cont .s_list .sli {
		width: 50%;
		margin-top: 10px;
		padding: 0 1em
	}

	.research_institutions .cont .icustom2 {
		height: auto
	}

	.research_institutions .cont .icustom1 .list .li:nth-child(2n),.research_institutions .cont .icustom1 .list .li {
		min-width: auto
	}
}

@media screen and (max-width: 767px) {
	.research_institutions .cont .list {
		padding: 10px 0 0
	}

	.research_institutions .cont .item {
		padding: 20px
	}

	.research_institutions .cont .s_list {
		display: block
	}

	.research_institutions .cont .s_list .sli {
		width: 100%
	}
}

.result-page {
	padding: 220px 0 150px;
	background: #f5f5f5
}

.result-page .result-head {
	padding: 0 5%
}

.result-page .result-head .t {
	font-size: 1.7em
}

.result-page .result-head .s {
	margin-left: 30px;
	font-size: 1.2em;
	color: #707070
}

.result-page .result-list {
	padding: 0 5%;
	margin-top: 30px
}

.result-page .result-list .list-item {
	padding: 30px 0;
	background: #fff;
	padding: 30px
}

.result-page .result-list .list-item:nth-child(n+2) {
	margin-top: 20px
}

.result-page .result-list .p {
	color: #707070;
	text-align: justify;
	text-justify: inter-ideograph
}

.result-page .key {
	color: #0e4e8d
}

.result-page .liner {
	margin-bottom: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.result-page .liner .t {
	-webkit-transition: color .3s;
	transition: color .3s;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-size: 1.2em
}

.result-page .liner .d {
	font-family: tj;
	margin-left: 100px;
	font-size: 1em
}

@media screen and (max-width: 1600px) {
	.result-page {
		padding-top: 180px
	}
}

@media screen and (min-width: 1025px) {
	.result-page .result-list .liner:hover {
		color: #0e4e8d
	}
}

@media screen and (max-width: 1024px) {
	.result-page {
		padding: 50px 0 8%
	}

	.result-page .result-head {
		padding: 0
	}

	.result-page .result-head .s {
		display: block;
		margin: 15px 0 0
	}

	.result-page .result-list {
		padding: 0
	}

	.result-page .result-list .list-item {
		padding: 20px
	}

	.result-page .liner {
		display: block
	}

	.result-page .liner .t {
		width: 100%
	}

	.result-page .liner .d {
		margin-left: 0;
		font-size: 14px
	}
}

.school_enterprise {
	background-color: #f5f5f5;
	padding: 140px 0 205px;
	margin-bottom: -132px
}

.school_enterprise .cont {
	margin-top: 18px
}

.school_enterprise .cont .item {
	border-top: 3px solid #0e4e8d;
	background: #fff;
	font-size: 18px;
	padding: 37px 30px 20px
}

@media screen and (max-width: 768px) {
	.school_enterprise .cont .item {
		font-size: 16px
	}
}

.school_enterprise .cont .list {
	padding: 10px 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.school_enterprise .cont .list .li {
	padding: 0 10px 0 24px;
	position: relative;
	min-width: 36.231%;
	margin-bottom: 18px
}

.school_enterprise .cont .list .li:nth-child(3n) {
	min-width: 27.538%
}

.school_enterprise .cont .list .li::after {
	content: '';
	width: 15px;
	border-top: 1px solid #0e4e8d;
	position: absolute;
	top: 13.5px;
	left: 0
}

@media screen and (max-width: 1600px) {
	.school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
		width: 50%
	}
}

@media screen and (max-width: 1500px) {
	.school_enterprise .cont .item {
		font-size: 16px
	}

	.school_enterprise .cont .list {
		padding: 10px 0 0
	}
}

@media screen and (max-width: 1300px) {
	.school_enterprise {
		margin: 0
	}

	.school_enterprise .cont .list .li {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 767px) {
	.school_enterprise {
		padding: 50px 0 70px
	}

	.school_enterprise .cont .list {
		display: block
	}

	.school_enterprise .cont .list .li,.school_enterprise .cont .list .li:nth-child(3n) {
		width: 100%
	}
}

.sitemap-page {
	padding: 75px 0 0;
	background: url(../images/png60.jpg) no-repeat center;
	background-size: cover
}

.sitemap-page .list {
	padding: 0 5%
}

.sitemap-page .dl {
	padding: 1.5em 0;
	border-bottom: 1px solid #ddd
}

.sitemap-page .dt {
	font-size: 1.1em
}

.sitemap-page .dd {
	margin-top: 0.6em;
	padding-left: 2em
}

.sitemap-page .link {
	display: inline-block;
	-webkit-transition: color .3s;
	transition: color .3s
}

.sitemap-page .link {
	margin-right: 20px
}

.sitemap-page .link:last-child {
	margin-right: 0
}

@media screen and (max-width: 1600px) {
	.sitemap-page {
		padding-top: 180px
	}
}

@media screen and (min-width: 1025px) {
	.sitemap-page .link:hover {
		color: #0e4e8d
	}
}

@media screen and (max-width: 1024px) {
	.sitemap-page {
		padding: 50px 0
	}
}

.organizational_division {
	background-color: #f5f5f5;
	padding: 145px 0 185px;
	margin-bottom: -132px
}

.organizational_division .cont {
	margin-top: 22px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.organizational_division .cont .item {
	width: calc((100% - 21px) / 2);
	border-top: 3px solid #0e4e8d;
	margin-right: 20px;
	background: #fff;
	font-size: 18px;
	padding: 37px 30px 20px;
	margin-bottom: 20px
}

@media screen and (max-width: 768px) {
	.organizational_division .cont .item {
		font-size: 16px
	}
}

.organizational_division .cont .item:nth-child(2n) {
	margin-right: 0
}

.organizational_division .cont .list {
	padding: 10px 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.organizational_division .cont .list .li {
	padding: 0 10px 0 24px;
	position: relative;
	min-width: 50%;
	margin-bottom: 18px
}

.organizational_division .cont .list .li::after {
	content: '';
	width: 15px;
	border-top: 1px solid #0e4e8d;
	position: absolute;
	top: 13.5px;
	left: 0
}

@media screen and (max-width: 1600px) {
	.organizational_division {
		padding-top: 95px
	}
}

@media screen and (max-width: 1500px) {
	.organizational_division .cont .item {
		font-size: 16px
	}

	.organizational_division .cont .list {
		padding: 10px 0 0
	}
}

@media screen and (max-width: 1300px) {
	.organizational_division .cont {
		display: block
	}

	.organizational_division .cont .item {
		width: 100%;
		margin-right: 0;
		padding: 30px 20px
	}
}

@media screen and (max-width: 1024px) {
	.organizational_division {
		margin-bottom: 0;
		padding: 50px 0 70px
	}

	.organizational_division .cont .list .li {
		margin-bottom: 10px
	}

	.organizational_division .cont .list .li::after {
		top: 12px
	}
}

@media screen and (max-width: 768px) {
	.organizational_division .cont .list {
		display: block;
		padding: 10px 0 0
	}

	.organizational_division .cont .item {
		width: 100%;
		padding: 20px;
		margin-right: 0
	}

	.organizational_division .cont .list .li,.organizational_division .cont .list .li:nth-child(2n) {
		width: 100%;
		padding-right: 0
	}
}

.successive_leadership1 {
	padding: 150px 0 38px
}

.successive_leadership1 img {
	width: 100%;
	display: block
}

.successive_leadership2 {
	padding: 165px 0 160px;
	background: url(../images/jpg38-1.jpg) no-repeat top center;
	margin-bottom: -132px
}

.successive_leadership2 .img {
	margin-top: 115px
}

.successive_leadership2 img {
	width: 100%;
	display: block
}

@media screen and (max-width: 1024px) {
	.successive_leadership1 {
		padding: 50px 0 0
	}

	.successive_leadership2 {
		margin: 0;
		padding: 50px 0 100px;
		background: #fff
	}

	.successive_leadership2 .img {
		margin-top: 50px
	}
}

.management_services {
	background-color: #f5f5f5;
	padding: 140px 0 205px;
	margin-bottom: -132px
}

.management_services .cont {
	margin-top: 18px;
	position: relative
}

.management_services .cont .item {
	width: 56%;
	border-top: 3px solid #0e4e8d;
	background: #fff;
	font-size: 18px;
	padding: 37px 30px 20px;
	margin-bottom: 20px
}

@media screen and (max-width: 768px) {
	.management_services .cont .item {
		font-size: 16px
	}
}

.management_services .cont .list {
	padding: 10px 30px 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.management_services .cont .list .li {
	padding: 0 10px 0 24px;
	position: relative;
	min-width: 55%;
	margin-bottom: 19px
}

.management_services .cont .list .li:nth-child(2n) {
	min-width: 45%
}

.management_services .cont .list .li::after {
	content: '';
	width: 15px;
	border-top: 1px solid #0e4e8d;
	position: absolute;
	top: 13.5px;
	left: 0
}

.management_services .cont .icustom4 {
	width: 42.666%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	margin-bottom: 0
}

.management_services .cont .icustom4 .li {
	width: 100%
}

.management_services .cont .icustom4 .li,.management_services .cont .icustom4 .li:nth-child(2n) {
	min-width: 100%
}

.management_services .s_list {
	padding-left: 35px;
	font-size: 16px;
	color: #474747;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.management_services .s_list .sli {
	min-width: 50%;
	margin-top: 20px
}

@media screen and (max-width: 1500px) {
	.management_services .cont .item {
		font-size: 16px
	}

	.management_services .cont .list {
		padding: 10px 0 0
	}
}

@media screen and (max-width: 1300px) {
	.management_services .cont .item {
		width: 100%
	}

	.management_services .cont .icustom4 {
		position: static;
		margin-bottom: 20px
	}

	.management_services .cont .list .li {
		margin-bottom: 10px
	}

	.management_services .s_list .sli {
		margin-top: 5px
	}

	.management_services .cont .item {
		padding: 30px 20px
	}
}

@media screen and (max-width: 1024px) {
	.management_services {
		margin: 0;
		padding: 50px 0 70px
	}
}

@media screen and (max-width: 767px) {
	.management_services .cont .item {
		padding: 20px
	}

	.management_services .cont .list,.management_services .s_list {
		display: block
	}

	.management_services .cont .list .li,.management_services .cont .list .li:nth-child(2n),.management_services .s_list .sli {
		min-width: 100%
	}

	.management_services .s_list {
		padding-left: 15px
	}
}

.about1 .part1 {
	position: relative;
	border-bottom: 1px solid #95adc5
}

.about1 .part1::after {
	content: "";
	background: #d4e2f0;
	height: 70px;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 30%
}

.about1 .part1 .t {
	position: absolute;
	left: 0;
	top: 0;
	width: 33%
}

.about1 .part1 .t img {
	width: 100%
}

.about1 .part1 .content {
	margin-left: 38%;
	position: relative;
	padding: 120px 50px 120px 80px
}

.about1 .part1 .content::after {
	content: "";
	background: url(../images/bypng26.png);
	position: absolute;
	left: -5px;
	bottom: -5px;
	width: 9px;
	height: 9px
}

.about1 .part1 .content:before {
	content: "";
	border-left: 1px solid #95adc5;
	position: absolute;
	left: -1px;
	top: 0;
	bottom: -130px
}

.about1 .part1 .content .text {
	margin-top: 80px;
	color: #666
}

body:not(.lang-en) .about1 .part1 .content .text p {
	text-align: justify;
	text-justify: inter-ideograph
}

.about1 .part1 .content .text p:nth-child(n+2) {
	margin-top: 3em
}

.about1 .part1 .content .p {
	color: #666;
	margin-bottom: 30px
}

body:not(.lang-en) .about1 .part1 .content .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.about1 .part2 {
	position: relative;
	padding: 100px 0 0;
	border-bottom: 1px solid #95adc5
}

.about1 .part2::before {
	/*content: "";
	background: #d4e2f0;
	height: 180px;
	left: 0;
	bottom: 0;
	width: 27%;
	position: absolute;*/
}

.about1 .part2 .title {
	text-align: right;
	padding-right: 50px;
	margin-top: -1em
}

.about1 .part2 .content {
	border-left: 1px solid #95adc5;
	margin-left: 12%;
	padding: 0 50px 90px 80px
}

.about1 .part2 .content::before {
	border-left: 1px solid #95adc5;
	position: absolute;
	right: 0;
	top: -33%;
	height: 60%;
	content: ""
}

.about1 .part2 .content::after {
	border-left: 1px solid #95adc5;
	position: absolute;
	right: 0;
	bottom: 0;
	height: 100%;
	content: ""
}

.about1 .part2 .pic {
	float: left;
	width: 47%;
	margin-right: 80px;
	margin-top: -90px;
	margin-bottom: 60px;
	margin-left: -21%
}

.about1 .part2 .pic img {
	width: 100%
}

.about1 .part2 .text {
	margin-top: 80px;
	color: #666
}

body:not(.lang-en) .about1 .part2 .text p {
	text-align: justify;
	text-justify: inter-ideograph
}

.about1 .part2 .text p:nth-child(n+2) {
	margin-top: 3em
}

.about1 .part2 .b {
	margin-top: 110px
}

.about1 .part2 .b img {
	width: 100%
}

.about1 .part3 {
	position: relative;
}

.about1 .part3::before {
	content: "";
	background: url(../images/bypng25.png) no-repeat center center/contain;
	width: 851px;
	height: 537px;
	position: absolute;
	left: 0;
	top: 0
}

.about1 .part3 .x-wrap {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex
}

.about1 .part3 .x-wrap:after {
	content: "";
	display: block;
	background: url(../images/pic14_3-1.jpg) no-repeat center top/100% auto;
	width: 18%
}

.about1 .part3 .content {
	padding: 140px 100px 70px 180px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1
}

.about1 .part3 .text {
	margin-top: 80px;
	color: #666
}

body:not(.lang-en) .about1 .part3 .text p {
	text-align: justify;
	text-justify: inter-ideograph
}

.about1 .part3 .text p:nth-child(n+2) {
	margin-top: 3em
}

@media screen and (max-width: 1600px) {
	.about1 .part1 .content {
		padding: 80px 40px 120px 80px
	}

	.about1 .part2 .content {
		margin-left: 0;
		margin-left: 40px
	}

	.about1 .part2 .pic {
		margin-left: -81px
	}

	.about1 .part3 .content {
		padding: 100px 80px 20px 40px
	}
}

@media screen and (max-width: 1400px) {
	.about1 .part1 .content .text {
		margin-top: 40px
	}

	.about1 .part1 .content .text p:nth-child(n+2) {
		margin-top: 2em
	}

	.about1 .part2 .text {
		margin-top: 40px
	}

	.about1 .part2 .text p:nth-child(n+2) {
		margin-top: 2em
	}

	.about1 .part2 .b {
		margin-top: 80px
	}

	.about1 .part3 .text {
		margin-top: 40px
	}

	.about1 .part3 .text p:nth-child(n+2) {
		margin-top: 2em
	}
}

@media screen and (max-width: 1024px) {
	.about1 .part1 .content {
		padding: 60px 40px 100px 50px
	}

	.about1 .part2 .content {
		padding: 0 40px 60px 40px
	}

	.about1 .part2 .pic {
		margin-right: 40px;
		margin-left: -41px;
		margin-bottom: 40px
	}

	.about1 .part3 .content {
		padding: 60px 60px 20px 40px
	}
}

@media screen and (max-width: 1023px) {
	.about1 .h img {
		height: 30px
	}

	.about2 .h img {
		height: 30px
	}

	.about3 .h img {
		height: 30px
	}

	.about1 .part1 .t {
		width: 22%
	}

	.about1 .part1 .content {
		margin-left: 25%
	}

	.about1 .part3 .content {
		padding-right: 40px
	}
}

@media screen and (max-width: 767px) {
	.about1 .part1::after {
		display: none
	}

	.about1 .part1 .t {
		display: none
	}

	.about1 .part1 .content {
		margin-left: 0;
		padding: 40px 0
	}

	.about1 .part1 .content::before {
		display: none
	}

	.about1 .part1 .content::after {
		display: none
	}

	.about1 .part1 .content .text {
		margin-top: 20px
	}

	.about1 .part1 .content .text p:nth-child(n+2) {
		margin-top: 1em
	}

	.about1 .part1 .title {
		margin-top: 0;
		text-align: center;
		padding: 0
	}

	.about1 .part2 {
		padding: 40px 0
	}

	.about1 .part2 .title {
		margin-top: 0;
		text-align: center;
		padding: 0
	}

	.about1 .part3 .title {
		margin-top: 0;
		text-align: center;
		padding: 0
	}

	.about1 .part2 .pic {
		margin: 0 20px 20px 0
	}

	.about1 .part2 .content {
		margin: auto;
		padding: 0;
		border-left: none
	}

	.about1 .part2 .content::before {
		display: none
	}

	.about1 .part2 .content::after {
		display: none
	}

	.about1 .part1 .content .p {
		margin-bottom: 20px
	}

	.about1 .part2 .text {
		margin-top: 20px
	}

	.about1 .part2 .text p:nth-child(n+2) {
		margin-top: 1em
	}

	.about1 .part2::before {
		display: none
	}

	.about1 .part3 .text p:nth-child(n+2) {
		margin-top: 1em
	}

	.about1 .part3 .content {
		padding: 40px 0
	}

	.about1 .part3 .x-wrap::after {
		display: none
	}

	.about1 .part3 .text {
		margin-top: 20px
	}

	.about1 .part2 .b {
		margin-top: 30px
	}
}

/*新闻详情start*/
.art1 {
	padding: 220px 0
}

.art1 {
	padding: 80px 0 9%
}

.article-detail1 {
	position: relative;
	padding: 75px 0 0;
}

.article-detail1 .main .tit {
	text-align: center;
	border-bottom: 2px solid rgba(151, 151, 151, .3);
	padding-bottom:0.25rem;
}

.article-detail1 .main .tit .t {
	font-family: sh;
	font-size: 0.28rem;
}

@media screen and (max-width: 768px) {
	.article-detail1 .main .tit .t {
		font-size: 18px
	}
}

.article-detail1 .main .tit .t+.t2 {
	/*margin-top: 9px*/
}

.article-detail1 .main .tit .t2 {
	color: #555555;
	font-size: 28px;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.article-detail1 .main .tit .t2 {
		font-size: 20px
	}
}

.article-detail1 .main .ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-top: .25rem;
}

.article-detail1 .main .li {
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.article-detail1 .main .li {
		font-size: 16px
	}
}

.article-detail1 .main .li+.li {
	margin-left: 45px
}

.article-detail1 .main .tit .s {
	margin-left: 1em
}

.article-detail1 .main .cont {
	margin-top: 0.25rem;
	text-indent: 2em;
	font-size: 18px;
	line-height: 1.8;
	overflow:hidden;
}

@media screen and (max-width: 768px) {
	.article-detail1 .main .cont {
		font-size: 16px
	}
}

.article-detail1 .main .img {
	text-align: center
}

.article-detail1 .main img {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: auto
}

.article-detail1 .main .t1 {
	margin-top: 50px;
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.article-detail1 .main .t1 {
		font-size: 18px
	}
}

.article-detail1 .main .p {
	margin-top: 25px;
	line-height: 1.625;
	text-indent: 2em
}

body:not(.lang-en) .article-detail1 .main .p {
	text-align: justify;
	text-justify: inter-ideograph
}

.article-detail1 .main .share-mod {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 44px
}

.article-detail1 .main .share-label {
	color: #999
}

.article-detail1 .main .share-item {
	position: relative;
	overflow: hidden;
	margin-left: 22px;
	width: 29px;
	overflow: visible
}

.article-detail1 .main .share-item::before {
	content: '';
	display: block;
	padding-top: 82.75862%
}

.article-detail1 .main .share-item .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.article-detail1 .main video {
	max-width: 100%;
	display: block;
	margin: 0 auto;
	height: auto !important
}

.article-detail1 .side {
	overflow: hidden
}

.article-detail1 .side-item+.side-item {
	margin-top: 52px
}

.article-detail1 .side-item-tit {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.article-detail1 .side-item-tit .t {
	font-family: sh;
	font-size: .28rem;
	line-height: 1.4
}

@media screen and (max-width: 768px) {
	.article-detail1 .side-item-tit .t {
		font-size: 22px
	}
}

.article-detail1 .side-item-tit .slick-nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-left: auto
}

.article-detail1 .side-item-tit .slick-arrow {
	position: relative;
	width: 30px;
	border-radius: 50%;
	background-color: #fff;
	font-size: 14px;
	font-weight: bold;
	color: #0e4e8d;
	-webkit-transition: all .3s;
	transition: all .3s
}

.article-detail1 .side-item-tit .slick-arrow::before {
	content: '';
	display: block;
	padding-top: 100%
}

.article-detail1 .side-item-tit .slick-arrow::after {
	position: absolute;
	left: 50%;
	top: 50%;
	font-family: xfont;
	line-height: normal;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.article-detail1 .side-item-tit .slick-prev::after {
	content: '\e504'
}

.article-detail1 .side-item-tit .slick-next {
	margin-left: 12px
}

.article-detail1 .side-item-tit .slick-next::after {
	content: '\e505'
}

.article-detail1 .side-item-cont {
	margin-top: 32px
}

.article-detail1 .side-item-cont .slick-mod {
	margin: 0 -10px
}

.article-detail1 .side-item-cont .slick-slide {
	padding: 0 10px
}

.article-detail1 .side-item-cont .slick-item {
	background-color: #fff
}

.article-detail1 .side-item-cont .slick-item .img {
	position: relative;
	overflow: hidden
}

.article-detail1 .side-item-cont .slick-item .img::before {
	content: '';
	display: block;
	padding-top: 58.62069%
}

.article-detail1 .side-item-cont .slick-item .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.article-detail1 .side-item-cont .slick-item .cont {
	padding: 30px;
	padding-top: 20px
}

.article-detail1 .side-item-cont .slick-item .d {
	font-size: 18px
}

@media screen and (max-width: 768px) {
	.article-detail1 .side-item-cont .slick-item .d {
		font-size: 16px
	}
}

.article-detail1 .side-item-cont .slick-item .t {
	margin-top: 12px;
	font-size: 20px;
	line-height: 1.3;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media screen and (max-width: 768px) {
	.article-detail1 .side-item-cont .slick-item .t {
		font-size: 18px
	}
}

.article-detail1 .side-item-cont .box {
	background-color: #fff
}

.article-detail1 .side-item-cont .ul {
	margin: 0 60px;
	padding-top: 20px;
	padding-bottom: 20px
}

.article-detail1 .side-item-cont .li {
	position: relative;
	padding: 20px 0
}

.article-detail1 .side-item-cont .li::before {
	content: '';
	position: absolute;
	left: 8px;
	top: 0;
	bottom: 0;
	border-left: 1px solid #0e4e8d
}

.article-detail1 .side-item-cont .li:first-child::before {
	top: 50%
}

.article-detail1 .side-item-cont .li:last-child::before {
	bottom: 50%
}

.article-detail1 .side-item-cont .li .t {
	position: relative;
	padding-left: 50px;
	font-size: 16px;
	line-height: 1.6;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}

.article-detail1 .side-item-cont .li .t::before,.article-detail1 .side-item-cont .li .t::after {
	content: '';
	position: absolute;
	top: 50%;
	border: 1px solid #0e4e8d;
	border-radius: 50%;
	background-color: #fff;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.article-detail1 .side-item-cont .li .t::before {
	left: 0;
	width: 18px;
	height: 18px
}

.article-detail1 .side-item-cont .li .t::after {
	left: 3px;
	width: 12px;
	height: 12px
}

.article-detail1 .side-item-cont .li .link {
	display: block;
	-webkit-transition: all .3s;
	transition: all .3s
}

@media screen and (min-width: 769px) {
	.article-detail1 .side-item-tit .slick-arrow:not(.slick-disabled):hover {
		background-color: #0e4e8d;
		color: #fff
	}

	.article-detail1 .side-item-cont .slick-item .t:hover,.article-detail1 .side-item-cont .li .link:hover {
		color: #0e4e8d
	}
}

@media screen and (min-width: 1440px) {
	.article-detail1 .main {
		float: left;
		width: 62.5333%
	}

	.article-detail1 .side {
		float: right;
		width: 32.8666%
	}

	.article-detail1 .main .tit .li+.li {
		margin-left: 45px
	}

	.article-detail1.single .main {
		float: none;
		width: 100%
	}
}

@media screen and (max-width: 768px) {
	.art1 {
		padding: 50px 0
	}

	.article-detail1 {
		padding: 50px 0
	}

	.article-detail1 .main .tit .ul {
		margin-top: .25rem;
	}

	.article-detail1 .main .tit .li+.li {
		margin-left: 20px
	}

	.article-detail1 .main .tit .s {
		margin-left: 0.5em
	}

	.article-detail1 .main .cont {
		margin-top: 20px
	}

	.article-detail1 .main .t1 {
		margin-top: 20px
	}

	.article-detail1 .main .p {
		margin-top: 10px
	}

	.article-detail1 .main .share-mod {
		margin-top: 20px
	}

	.article-detail1 .main .share-item {
		margin-left: 10px;
		width: 20px
	}

	.article-detail1 .side {
		margin-top: 30px
	}

	.article-detail1 .side-item+.side-item {
		margin-top: 30px;
		display:none;
	}

	.article-detail1 .side-item-cont {
		margin-top: 20px
	}

	.article-detail1 .side-item-cont .slick-mod {
		margin: 0
	}

	.article-detail1 .side-item-cont .slick-slide {
		padding: 0
	}

	.article-detail1 .side-item-cont .slick-item .cont {
		padding: 20px
	}

	.article-detail1 .side-item-cont .slick-item .t {
		margin-top: 10px
	}

	.article-detail1 .side-item-cont .ul {
		margin: 0 20px;
		padding: 20px 0
	}

	.article-detail1 .side-item-cont .li {
		padding: 10px 0
	}

	.article-detail1 .side-item-cont .li::before {
		left: 5px
	}

	.article-detail1 .side-item-cont .li .t {
		padding-left: 25px
	}

	.article-detail1 .side-item-cont .li .t::before {
		width: 12px;
		height: 12px
	}

	.article-detail1 .side-item-cont .li .t::after {
		left: 2px;
		width: 8px;
		height: 8px
	}

	.article-detail1 .side-item-cont .li .link {
		display: block;
		-webkit-transition: all .3s;
		transition: all .3s
	}
}


.article-page {
	padding: 0px 0;
	/*background: #f7f7f7;*/
}
.article-detail1 .article_main,.article-page .article_main{
	padding:45px 0 0;
	
}
.article-detail1 .article_main .main,.article-page .article_main .main{
	
}
@media screen and (max-width: 1528px) and (min-width: 1438px){
	.article-detail1 .article_main,.article-page .article_main{
		padding:20px 15px 0;
	}
}
@media (max-width: 1438px){
	.article-detail1 .article_main,.article-page .article_main{
		padding:20px 15px 0;
		margin:25px 15px 0;
		background:#fff;
	}
	.article-page .article_main .main{
		margin-bottom:25px;
	}
}

.article-page .h1 {
	font-size: 28px;
	color: #555;
	font-family: sh
}

@media screen and (max-width: 768px) {
	.article-page .h1 {
		font-size: 20px
	}
}

.article-page .h2 {
	font-size: 28px;
	color: #555;
	font-family: sh;
	margin-top: 9px
}

@media screen and (max-width: 768px) {
	.article-page .h2 {
		font-size: 20px
	}
}

.article-page .article-head {
	margin-bottom: 30px;
	text-align: center
}

.article-page .article-head .t {
	font-size: 32px;
	font-family: sh;
	margin-top: 10px
}

@media screen and (max-width: 768px) {
	.article-page .article-head .t {
		font-size: 22px
	}
}

.article-page .article-head .info {
	margin-top: 10px;
	color: #707070
}

.article-page .article-head .s {
	margin: 0 15px
}

.article-page .article-cont {
	margin-top: 40px;
	line-height: 1.8
}

.article-page .article-cont p,.article-page .article-cont .p {
	text-indent: 2em;
	text-align: justify;
	font-size: 18px !important;
	text-justify: inter-ideograph;
	line-height: 37px !important;
}

.article-page .article-cont p+p,.article-page .article-cont .p+.p {
	margin-top: 1.2em;
	font-size: 18px !important;
	line-height: 37px !important;
}

.article-page .article-cont .img {
	margin: 1em 0
}

.article-page .article-cont iframe,.article-page .article-cont video {
	display: block;
	margin: auto;
	max-width: 100%;
	min-height: 100%;
	height: auto !important;
	border: 0
}

.article-page .article-cont .video-mod {
	margin-bottom: 1em
}

.article-page .article-cont img {
	display: block;
	margin: auto;
	max-width: 100%;
	border: 0
}

.article-page .article-paging {
	overflow: hidden;
	padding: 20px 0;
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}

.article-page .article-paging .article-link {
	position: relative;
	-webkit-transition: color .3s;
	transition: color .3s
}

.article-page .article-paging .article-prev {
	float: left;
	padding-left: 30px;
	width:50%;
}

.article-page .article-paging .article-next {
	float: right;
	padding-right: 30px;
	width:50%;
}

.article-page .article-paging .xfont {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.article-page .article-paging .article-prev .xfont {
	left: 0
}

.article-page .article-paging .article-next .xfont {
	right: 0
}

.article-page .share-mod {
	text-align: center;
	margin-top: 40px
}

.article-page .share-mod .share-item {
	width: 29px;
	margin-left: 22px
}

.article-page .share-mod .share-item img {
	width: 100%
}

.article-page .share-mod .share-item::before {
	display: none
}

.article-page .ul .li {
	font-size: 14px
}

@media screen and (max-width: 768px) {
	.article-page .ul .li {
		font-size: 12px
	}
}


@media screen and (max-width: 1600px) {
	.art1 {
		padding-top: 180px
	}
}

@media screen and (min-width: 1025px) {
	.article-page .article-paging .article-link:hover {
		color: #0e4e8d
	}
}

@media screen and (max-width: 1024px) {
	.art1,.article-page {
		/*padding: 40px 0 8%*/
	}

	.article-page .article-head .t {
		font-size: 1.5em
	}

	.article-page .article-head .info {
		margin-top: 5px
	}

	.article-page .article-head .s {
		margin: 0 5px
	}

	.article-page .article-cont {
		margin-bottom: 20px
	}

	.article-page .article-paging {
		padding: 10px 0
	}

	.article-page .share-mod {
		margin-bottom: 10px
	}
}

@media screen and (max-width: 1023px) {
	.article-page {
		/*padding: 40px 0 0;*/
	}
}

.calender1 {
	/*padding: 75px 0 0;
	background: #f5f5f5;*/
	position: relative
}

.calender1::before {
	/*content: "";
	position: absolute;
	right: 0;
	top: 50px;
	background: url(../images/bypng31.png) no-repeat center center;
	width: 681px;
	height: 301px;*/
}

.calender1 .info {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	border-bottom: 1px solid #89a0b7;
	padding: 0 0 50px;
	position: relative
}

.calender1 .info::before {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #89a0b7;
	border-radius: 100%;
	position: absolute;
	left: 0;
	bottom: -5px;
	background: #f5f5f5
}

.calender1 .info::after {
	content: "";
	width: 10px;
	height: 10px;
	border: 1px solid #89a0b7;
	border-radius: 100%;
	position: absolute;
	right: 0;
	bottom: -5px;
	background: #f5f5f5
}

.calender1 .info .logo {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	width: 200px;
	border-right: 1px dashed #89a0b7
}

.calender1 .info .logo img {
	width: 98px
}

.calender1 .info .text {
	padding: 10px 120px;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	padding-right: 0
}

.calender1 .info .text .h {
	font-size: 22px;
	line-height: 1
}

@media screen and (max-width: 768px) {
	.calender1 .info .text .h {
		font-size: 18px
	}
}

.calender1 .info .text .ul {
	margin-top: 40px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.calender1 .info .text .ul .li {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	width: 50%;
	margin-bottom: 15px;
	padding-right: 15px;
	font-size: 18px
}

.calender1 .info .text .ul .li span {
	display: block;
	width: 100px;
	color: #666;
	white-space: nowrap
}

.calender1 .info .text .ul .li span img {
	margin-right: 20px
}

.calender1 .info .text .ul .li em {
	display: block;
	width: 0;
	font-style: normal;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	color: #999;
	display: block
}

.calender1 .info .text .ul .li em i {
	font-style: normal;
	display: block;
	width: 100%;
	word-break: break-all
}

.calender1 .letters {
	margin: 45px 0;
	text-align: center;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.calender1 .letters a {
	font-size: 22px;
	margin: 0 12px;
	display: block
}

@media screen and (max-width: 768px) {
	.calender1 .letters a {
		font-size: 18px
	}
}

.calender1 .letters a.now {
	color: #0e4e8d;
	text-decoration: underline
}

.calender1 .list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 50px -10px 0;
}

.calender1 .list .item {
	background: #fff;
	/*width: calc(33.33% - 20px);*/
	width: calc(50% - 20px);
	margin: 0 10px 20px;
	padding: 50px 60px;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s;
	opacity: 0;
	visibility: hidden;
	position: absolute
}

.calender1 .list .item.s {
	visibility: visible;
	opacity: 1;
	position: relative
}

.calender1 .list .item .hd {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.calender1 .list .item .hd .h {
	font-size: 22px
}

@media screen and (max-width: 768px) {
	.calender1 .list .item .hd .h {
		font-size: 18px
	}
}

.calender1 .list .item .hd img {
	width: 45px
}

.calender1 .list .item ul {
	padding: 0;
	margin-top: 30px
}

.calender1 .list .item li {
	padding: 0;
	list-style: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
	font-size: 18px;
	color: #666
}

@media screen and (max-width: 768px) {
	.calender1 .list .item li {
		font-size: 16px
	}
}

.calender1 .list .item li:nth-child(n+2) {
	margin-top: 1em
}

.calender1 .list .item li span {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center
}

.calender1 .list .item li img {
	margin-right: 15px
}

.calender1 .list .item li em {
	display: block;
	width: 0;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	font-style: normal;
	color: #999;
	margin-left: 15px;
	word-break: break-all
}

.calender1 .list .item li em i {
	font-style: normal;
	display: block;
	width: 100%;
	word-break: break-all
}

.calender1 .nav {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-top: 75px
}

.calender1 .nav::before {
	content: "";
	border-top: 1px solid #ddd;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block
}

.calender1 .nav::after {
	content: "";
	border-top: 1px solid #ddd;
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: block
}

.calender1 .nav span {
	display: block;
	width: 44px;
	height: 44px;
	border-radius: 100%;
	line-height: 42px;
	text-align: center;
	border: 1px solid #ddd;
	font-family: xfont;
	cursor: pointer;
	-webkit-transition: all 0.2s ease-out 0s;
	transition: all 0.2s ease-out 0s
}

.calender1 .nav span:last-child {
	margin-left: 30px
}

.calender3 {
	padding: 140px 0 150px;
	background: #f5f5f5
}

.calender3 .map {
	position: relative;
	overflow: hidden;
	margin-top: 56px
}

.calender3 .map::before {
	content: '';
	display: block;
	padding-top: 45%
}

.calender3 .map .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.calender2 {
	background: url(../images/bybg8.jpg) no-repeat center top/cover;
	padding: 140px 0 11%;
	color: #fff
}

.calender2 .map {
	position: relative;
	margin-top: 50px
}

.calender2 .map .inner {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0
}

.calender2 .map .i {
	width: 100%
}

.calender2 .part2 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	margin-top: 140px
}

.calender2 .part2 .hd {
	width: 30%;
	padding-right: 20px
}

.calender2 .part2 .hd .p {
	margin-top: 20px
}

.calender2 .part2 .list {
	-webkit-box-flex: 1;
	-ms-flex: 1;
	flex: 1;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap
}

.calender2 .part2 .list .item {
	width: calc(50% - 35px)
}

.calender2 .part2 .list .item:nth-child(n+3) {
	margin-top: 2.5em
}

.calender2 .part2 .list .item .h {
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.calender2 .part2 .list .item .h {
		font-size: 18px
	}
}

.calender2 .part2 .list .item .p {
	margin-top: 15px;
	line-height: 1.8
}

.calender2 .part2 .list .item .p span {
	margin-right: 1.1em;
	color: #fff
}

.calender2 .part2 .list .item .p span.now {
	color: #7ba0d4;
	display: inline-block
}

.calender2 .part3 {
	padding-top: 144px
}

.calender2 .part3 .img {
	margin-top: 60px
}

.calender2 .part3 .img img {
	width: 100%;
	display: block
}

@media screen and (min-width: 1025px) {
	.calender1 .nav span:hover {
		background: #b50022;
		border-color: #b50022;
		color: #fff
	}
}

@media screen and (max-width: 1500px) {
	.calender1 {
		padding: 100px 0 0
	}

	.calender3 {
		padding: 100px 0 0
	}

	.calender1 .info {
		margin-top: 80px
	}

	.calender1 .info .text {
		padding: 10px 80px
	}

	.calender1 .list .item {
		padding: 30px
	}

	.calender2 {
		padding: 100px 0 11%
	}
}

@media screen and (max-width: 1300px) {
	.calender1 {
		padding: 80px 0 0
	}

	.calender3 {
		padding: 80px 0
	}

	.calender1 .info {
		margin-top: 60px
	}

	.calender1 .info .text {
		padding: 10px 40px
	}

	.calender1 .list .item li {
		font-size: 16px
	}

	.calender1 .info .logo {
		width: 160px
	}

	.calender1 .info .logo img {
		width: 70px
	}

	.calender1 .letters a {
		margin: 0 8px
	}

	.calender1 .info .text .ul .li {
		width: 50%
	}

	.calender1 .nav {
		margin-top: 50px
	}

	.calender2 {
		padding: 80px 0 11%
	}

	.calender2 .part2 {
		display: block;
		margin-top: 50px
	}

	.calender2 .part2 .hd {
		width: auto
	}

	.calender2 .part2 .list {
		margin-top: 30px
	}

	.calender2 .part3 {
		padding-top: 50px
	}

	.calender2 .part3 .img {
		margin-top: 40px
	}
}

@media screen and (max-width: 1041px) {
	.calender1 .list .item {
		width: calc(50% - 20px)
	}
}

@media screen and (max-width: 1023px) {
	.calender1 {
		padding: 0px 0 0
	}

	.calender1 .info {
		margin-top: 30px
	}

	.calender1 .info .logo {
		width: 100px
	}

	.calender1 .info .text {
		padding: 10px 0 10px 30px
	}

	.calender1 .info .text .ul {
		margin-top: 20px
	}

	.calender1 .letters a {
		font-size: 16px
	}

	.calender2 {
		padding: 40px 0 10%
	}

	.calender2 .part2 .list .item {
		width: calc(50% - 15px)
	}
}

@media screen and (max-width: 767px) {
	.calender1 .info {
		padding-bottom: 20px
	}

	.calender1 .info .logo {
		display: none
	}

	.calender1 .info .text {
		padding: 0
	}

	.calender1 .info .text .ul .li {
		width: 100%;
		margin-bottom: 10px
	}

	.calender1 .letters {
		margin: 25px 0
	}

	.calender1 .list {
		display: block;
		overflow: auto;
		max-height: 120vw
	}

	.calender1 .list .item {
		width: auto;
		margin: 0 !important;
		padding: 20px;
		position: static;
		visibility: visible;
		opacity: 1
	}

	.calender1 .list .item:nth-child(n+2) {
		margin-top: 15px !important
	}

	.calender1 .nav {
		display: none
	}

	.calender2 {
		padding-top: 62px
	}

	.calender2 .map {
		margin-top: 20px
	}

	.calender2 .part2 .list {
		display: block
	}

	.calender2 .part2 .list .item {
		width: auto
	}

	.calender2 .part2 .list .item:nth-child(n+2) {
		margin-top: 15px
	}

	.calender2 .part3 .img {
		margin-top: 20px
	}

	.calender3 {
		padding-bottom: 40px;
		padding-top: 62px
	}

	.calender3 .map {
		margin-top: 20px
	}
}


/*新闻列表start*/
.cooperation .x-wrap,.p_media1 .x-wrap{
  padding-top: 0px;
}
@media screen and (max-width: 767px){
	.cooperation .x-wrap,.p_media1 .x-wrap {
		padding-top: 0px;
	}
}
/*新闻列表end*/



/*图集版块start*/

.p_media1 {
	position: relative;
	padding: 0px 0;
}

.p_media1 .ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 60px 0 50px
}

.p_media1 .li {
	margin-left: 2%;
	margin-bottom: 30px;
	width: calc((94% - 1px) / 4);
	text-align: center
}

.p_media1 .li:nth-child(4n+1) {
	margin-left: 0
}

.p_media1 .li .link {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	padding: 10px 9%;
	height: 224px;
	background-color: #fff;
	-webkit-transition: all .3s;
	transition: all .3s
}

.p_media1 .li .img {
	position: relative;
	overflow: hidden;
	width: 100%
}

.p_media1 .li .img::before {
	content: '';
	display: block;
	padding-top: 32.74336%
}

.p_media1 .li .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.p_media1 .li .img .i:last-child {
	opacity: 0
}

.p_media1 .li .p {
	margin-top: 8px;
	width: 100%;
	font-size: 14px;
	line-height: 1.5714
}

.p_media1 .y {
	margin-top: 6px;
	width: 100%;
	font-size: 14px;
	line-height: 1.5714;
	font-family: tj
}

@media screen and (min-width: 769px) {
	.p_media1 .li .link:hover {
		background-color: #0e4e8d;
		color: #fff
	}

	.p_media1 .li .link:hover .img .i:first-child {
		opacity: 0
	}

	.p_media1 .li .link:hover .img .i:last-child {
		opacity: 1
	}
}

@media screen and (min-width: 1366px) {
	.p_media1 .li:nth-child(n) {
		margin-left: 2%;
		margin-bottom: 30px;
		width: calc((92% - 1px) / 5);
		text-align: center
	}

	.p_media1 .li:nth-child(5n+1) {
		margin-left: 0
	}
}

@media screen and (max-width: 1500px) {
	.p_media1 .ul {
		margin-top: 50px
	}
}

@media screen and (max-width: 1024px) {
	.p_media1 {
		padding-bottom: 30px
	}
}

@media screen and (max-width: 768px) {
	.p_media1 {
		padding: 0px 0
	}

	.p_media1 .ul {
		margin: 20px 0
	}

	.p_media1 .li:nth-child(n) {
		margin-left: 10px;
		margin-bottom: 10px;
		width: calc((100% - 10px) / 2)
	}

	.p_media1 .li:nth-child(odd) {
		margin-left: 0
	}

	.p_media1 .li .link {
		padding: 20px 10px;
		height: 100%
	}

	.p_media1 .li .p {
		margin-top: 10px
	}
}

.p_image1 {
	position: relative;
	/*padding: 75px 0 0;*/
	padding: 0px 0 0;
}

.p_image1 .t_tab {
	margin-top: 54px
}

.p_image1 .slick-mod {
	margin-top: 100px
}

.p_image1 .slick-item .img {
	position: relative;
	overflow: hidden
}

.p_image1 .slick-item .img::before {
	content: '';
	display: block;
	padding-top: 51.26836%
}

.p_image1 .slick-item .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.p_image1 .slick-item .cont {
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 42px 30px;
	background-color: rgba(0,0,0,0.4);
	color: #fff
}

.p_image1 .slick-item .t {
	font-size: 20px
}

@media screen and (max-width: 768px) {
	.p_image1 .slick-item .t {
		font-size: 18px
	}
}

.p_image1 .slick-item .p {
	margin-top: 7px;
	font-size: 14px;
	line-height: 1.8571
}

.p_image1 .slick-arrow {
	position: absolute;
	top: 50%;
	width: 50px;
	height: 50px;
	background-color: #fff;
	border-radius: 50%;
	color: #0e4e8d;
	font-weight: bold;
	-webkit-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}

.p_image1 .slick-arrow::before {
	position: absolute;
	left: 50%;
	top: 50%;
	font-family: xfont;
	line-height: normal;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.p_image1 .slick-prev {
	left: 30px
}

.p_image1 .slick-prev::before {
	content: '\e504'
}

.p_image1 .slick-next {
	right: 30px
}

.p_image1 .slick-next::before {
	content: '\e505'
}

.p_image1 .list {
	/*margin: 60px auto 55px;*/
	margin: 0px auto 0px;
}

.p_image1 .list-width,.p_image1 .list-item {
	width: calc((100% - 61px) / 3)
}

.p_image1 .list-space {
	width: 30px
}

.p_image1 .list-item {
	margin-bottom: 30px;
	background-color: #fff
}
.new_home6 .cont .dr .list .list-item{
	margin-bottom: 0px;
}

.p_image1 .list-item .img {
	overflow: hidden;
height:270px;
max-height:270px;
}

.p_image1 .list-item .i {
	display: block;
	width: 100%;
	/*height:270px;*/
}

.p_image1 .list-item .cont {
	padding: 30px 40px
}

.p_image1 .list-item .t {
	font-size: 20px;
	line-height: 1.4;
	-webkit-transition: all .3s;
	transition: all .3s;
	overflow: hidden;
	text-overflow: ellipsis;
	-webkit-line-clamp: 1;
	display: -webkit-box;
	-webkit-box-orient: vertical;
}

@media screen and (max-width: 768px) {
	.p_image1 .list-item .t {
		font-size: 18px
	}
}

.p_image1 .list-item .d {
	margin-top: 8px;
	font-size: 14px;
	color:#707070;
}

@media screen and (max-width: 768px) {
	.p_image1 .list-item .d {
		font-size: 16px
	}
}

.p_image1 .ul {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: 58px 0 50px
}

.p_image1 .li {
	margin-left: 30px;
	margin-bottom: 30px;
	width: calc((100% - 61px) / 3);
	background-color: #fff
}

.p_image1 .li:nth-child(3n+1) {
	margin-left: 0
}

.p_image1 .li .img {
	position: relative;
	overflow: hidden
}

.p_image1 .li .img::before {
	content: '';
	display: block;
	padding-top: 56.13661%
}

.p_image1 .li .img .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.p_image1 .li .cont {
	padding: 23px 30px 14px
}

.p_image1 .li .t {
	font-size: 18px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
	overflow: hidden
}

@media screen and (max-width: 768px) {
	.p_image1 .li .t {
		font-size: 16px
	}
}

.p_image1 .li .d {
	margin-top: 7px
}

.p_image1 .play {
	position: relative;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 93px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}

.p_image1 .play::before {
	content: '';
	display: block;
	padding-top: 100%
}

.p_image1 .play .i {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-transition: all 0.3s ease-out 0s;
	transition: all 0.3s ease-out 0s
}

.p_image1 .play .i {
	-webkit-transform: none;
	transform: none
}

@media screen and (min-width: 769px) {
	.p_image1 .slick-arrow:not(.slick-disabled):hover {
		background-color: #0e4e8d;
		color: #fff
	}

	.p_image1 .list a:hover .t {
		color: #0e4e8d
	}
}

@media screen and (max-width: 1280px) {
	.p_image1 .slick-item .cont {
		padding: 20px
	}

	.p_image1 .list {
		/*margin: 50px auto;*/
		margin: 0px auto;
	}

	.p_image1 .list-width,.p_image1 .list-item {
		width: calc((100% - 20px) / 2)
	}

	.p_image1 .list-space {
		width: 20px
	}

	.p_image1 .list-item {
		margin-bottom: 20px
	}

	.p_image1 .list-item .cont {
		padding: 20px
	}

	.p_image1 .li:nth-child(n) {
		margin-left: 20px;
		margin-bottom: 20px;
		width: calc((100% - 21px) / 2)
	}

	.p_image1 .li:nth-child(odd) {
		margin-left: 0
	}

	.p_image1 .li .cont {
		padding: 20px
	}

	.p_image1 .play {
		width: 60px
	}
}

@media screen and (max-width: 980px) {
	.p_image1 .slick-item .p {
		display: none
	}
}

@media screen and (max-width: 1024px) {
	.p_image1 {
		padding-bottom: 0px;
	}
}

@media screen and (max-width: 768px) {
	.p_image1 {
		/*padding: 50px 0;*/
		padding: 0px 0;
	}

	.p_image1 .t_tab {
		margin-top: 20px
	}

	.p_image1 .slick-mod {
		margin-top: 20px
	}

	.p_image1 .slick-item .cont {
		padding: 10px
	}

	.p_image1 .slick-item .p {
		display: none
	}

	.p_image1 .slick-arrow {
		width: 30px;
		height: 30px
	}

	.p_image1 .slick-prev {
		left: 10px
	}

	.p_image1 .slick-next {
		right: 10px
	}

	.p_image1 .list {
		margin: 20px auto
	}

	.p_image1 .list-width,.p_image1 .list-item {
		width: 100%
	}

	.p_image1 .list-space {
		width: 0
	}

	.p_image1 .list-item {
		margin-bottom: 10px
	}

	.p_image1 .list-item .cont {
		padding: 10px
	}

	.p_image1 .list-item .d {
		margin-top: 5px;
		font-size: 14px
	}

	.p_image1 .ul {
		display: block;
		margin: 20px 0
	}

	.p_image1 .li:nth-child(n) {
		margin-left: 0;
		margin-bottom: 20px;
		width: 100%
	}

	.p_image1 .li .cont {
		padding: 10px
	}

	.p_image1 .li .d {
		margin-top: 5px;
		font-size: 14px
	}

	.p_image1 .li .t,.p_image1 .list-item .t {
		font-size: 16px
	}

	.p_image1 .play {
		width: 40px
	}
}
/*图集版块end*/

/*新版本关于我们*/
.flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.wp {
  width: 90%;
  margin: 0 auto;
  max-width: 1500px;
}
.ny1440 {
  justify-content: space-between;
  align-items: flex-start;
  padding: 0 5%;
}

/*右侧sidebar*/
.g_senav {
    width: 98px;
    position: fixed;
    right: 0;
    top: 50%;
    transform: translate(100%, -50%);
    z-index: 51;
    transition: all 0.3s;
}
.g_senavatv {
    transform: translate(0, -50%);
}
.g_senitm {
  height: 98px;
  cursor: pointer;
  position: relative;
  margin-bottom: 4px;
  z-index: 100;
}
.g_senitm:last-child{
	margin-bottom: 0px;
}
.g_senitm.g_senitmweix {
	z-index: 1;
}
.g_senav .g_senitm {
	transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-moz-transition: all 0.3s;
}
.jk {
  background-color:#0e4e8d;
  position: relative;
  z-index: 51;
  padding: 13px;
}
.g_senitma {
  width: 100%;
  display: block;
  position: relative;
  left: 0;
  top: 0;
}
.g_senitma {
  width: 41px;
  margin: 0 auto;
}
.sapnk {
  color: #fff;
  font-size: 17px;
  display: block;
  text-align: center;
  margin-top: 6px;
}
/*微信*/
.g_senweix {
    width: 164px;
    position: absolute;
    left: 300px;
    bottom: -63px;
    z-index: 50;
    transform: translateX(calc(-100% - 10px - 12px));
}

.g_jsatvwx {
    left: 0;
}

.g_senweix .g_senweiximg {
    width: 100%;
    transition: all 1.3s;
}

.g_jsatvwx .g_senweiximg {
    -webkit-animation: fadeInRight .7s ease both;
    animation: fadeInRight .7s ease both;
    animation-delay: 0.5s;
}

.g_senweiximg img {
    width: 100%;
    display: block;
}

.g_senweix span {
    width: 10px;
    display: block;
    position: absolute;
    right: -9px;
    top: 50%;
    transform: translateY(-50%);
}

.g_senweix span img {
    width: 100%;
    display: block;
}
.g_senitmp {
  width: 35px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media screen and (max-width: 1080px) {		
	.g_senav{
		display:none;
	}
}
/*右侧sidebar*/