@charset "utf-8";
body {
	min-width: 86em;
	margin: 0 auto;
	padding: 0;
	font-size: 16px;
	color: #666;
	background-color: #fff;
	font-family: Microsoft YaHei, SimSun
}

img {
	border: 0
}

form,
p,
h1,
h2,
h3 {
	margin: 0;
	padding: 0
}

h1,
h2,
h3 {
	font-weight: normal;
	font-size: 1em
}

input,
select,
textarea {
	font-size: 1em;
	font-family: Microsoft YaHei, SimSun;
	outline: 0;
	box-shadow: none;
	appearance: button;
	padding: 0
}

input[type="radio"] {
	-webkit-appearance: radio
}

input::-ms-clear,
input::-ms-reveal {
	display: none
}

div,
ul,
li {
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden
}

ul,
li {
	list-style-type: none
}

li {
	text-overflow: ellipsis
}

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

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

a,
.arow {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis
}

@media screen and (max-width:640px) {
	::-webkit-scrollbar {
		width: 0;
		height: 0
	}
	::-webkit-scrollbar-thumb,
	::-webkit-scrollbar-thumb:hover {
		background-color: transparent
	}
}

@keyframes fade-in {
	0 {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

@font-face {
	font-family: 'icon';
	src: url('../fonts/iconfont.woff') format('woff')
}

.activ {
	animation-duration: .8s;
	animation-timing-function: ease-in-out;
	animation-fill-mode: forwards
}

@keyframes right {
	0 {
		opacity: 0;
		transform: translateX(9.37em) scale(.8)
	}
	70% {
		transform: translateX(-0.62em) scale(1.02)
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1);
		:
	}
}

@keyframes left {
	0 {
		opacity: 0;
		transform: translateX(-9.37em) scale(.8)
	}
	70% {
		transform: translateX(0.62em) scale(1.02)
	}
	100% {
		opacity: 1;
		transform: translateX(0) scale(1)
	}
}

@keyframes up {
	0 {
		opacity: 0;
		transform: translateY(3.12em) scale(.8)
	}
	70% {
		transform: translateY(0.62em) scale(1.02)
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

@keyframes bottom {
	0 {
		opacity: 0;
		transform: translateY(-3.12em) scale(.8)
	}
	70% {
		transform: translateY(-0.62em) scale(1.02)
	}
	100% {
		opacity: 1;
		transform: translateY(0) scale(1)
	}
}

.himg {
	position: relative;
	z-index: 1
}

.himg img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto;
	transition: transform .4s ease
}

.himg:hover img {
	transform: scale(1.1, 1.1)
}

.trtion {
	transition: 600ms;
	transition-timing-function: ease-out
}

.trtions {
	transition: 300ms;
	transition-timing-function: ease-out
}

header {
	width: 100%;
	height: 6.37em;
	position: relative;
	z-index: 99
}

.logo {
	height: 100%;
	width: 20em;
	position: absolute;
	left: 7.37em;
	top: 0
}

.logo img {
	max-width: 100%;
	max-height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.nav {
	position: absolute;
	height: 100%;
	right: 10em;
	top: 0
}

.nav li {
	display: inline-block;
	line-height: 6.37em;
	padding: 0 1.625em;
	height: 100%;
	position: relative
}

.nav li:after {
	content: '';
	height: 3px;
	display: block;
	background: #851112;
	position: absolute;
	bottom: .625em;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 0;
	transition: 300ms;
	transition-timing-function: ease-out
}

.nav li .nav_lion {
	height: 3.4em;
	display: block;
	text-align: center;
	margin-top: 1.48em
}

.nav li .nav_lion span {
	display: block;
	height: 1.7em;
	line-height: 1.7em;
	color: #000
}

.nav li .nav_lion span font {
	font-size: .75em;
	color: #999
}

.nav li .nav_lion:hover span {
	color: #851112
}

.nav li .nav_lion:hover span font {
	color: #851112
}

.nav li.seton .nav_lion span {
	color: #851112
}

.nav li.seton .nav_lion span font {
	color: #851112
}

.nav li.on .nav_lion span {
	color: #851112
}

.nav li.on .nav_lion span font {
	color: #851112
}

.nav li.on:after {
	width: 3.87em
}

.nav li:hover:after {
	width: 3.87em
}

.tjbox {
	z-index: 1
}

.sub_navbox {
	width: 100%;
	height: 16.5em;
	position: absolute;
	left: 0;
	right: 0;
	top: 6.37em;
	z-index: 1;
	overflow: visible;
	animation: fade-in .4s;
	display: none
}

.sub_navbox.one_sub {
	height: 16.5em;
	display: none
}

.sub_navbox.two_sub {
	height: 22.2em
}

.one_sub.on {
	display: block
}

.two_sub.on {
	display: block
}

.three_sub.on {
	display: block
}

.four_sub.on {
	display: block
}

.xz_sub.on {
	display: block
}

.sub_navbox.four_sub {
	height: 14em
}

.tips_json {
	display: none
}

.sub_navbox:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	background: #fff;
	position: absolute;
	top: 0;
	left: 0;
	opacity: .7;
	z-index: -1;
	box-shadow: 0 -2px 5px #e8e8e8
}

.subbox {
	width: 100%;
	height: 100%;
	position: relative
}

.nav_li.oneleft {
	position: absolute;
	left: 19.375em;
	top: 0
}

.nav_li.twoleft {
	position: absolute;
	left: 26.25em;
	top: 4.8em
}

.nav_li.threeleft {
	position: absolute;
	left: 34em;
	top: 4.8em
}

.bold_befor {
	height: 2.8em;
	margin-top: 2em;
	position: relative
}

.bold_befor:after {
	content: '';
	width: 1.625em;
	height: 2px;
	display: block;
	position: absolute;
	bottom: .5em;
	left: 0;
	background: #666
}

.bold_befor font {
	font-size: 1.125em;
	font-weight: bold;
	color: #666
}

.sub_bold {
	margin: .3em 0 .5em 0
}

.sub_bold font {
	font-size: 1.1em;
	font-weight: bold;
	color: #555
}

.nav_li.colour .bold_befor font {
	color: #851112
}

.nav_li.colour .bold_befor:after {
	background: #851112
}

.nav_li .pt {
	height: 2.25em;
	line-height: 2.25em
}

.nav_li .pt a {
	color: #555;
	font-size: .875em
}

.nav_li .pt a:hover {
	color: #851112
}

.ctg_imgbox {
	width: 34.75em;
	height: 12.5em;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 6em;
	margin: auto 0
}

.ctg_imgbox .ctg_one,
.ctg_imgbox .ctg_two {
	width: 16em;
	height: 100%;
	float: left;
	margin-right: 2em;
	position: relative
}

.ctg_imgbox .ctg_one img,
.ctg_imgbox .ctg_two img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.ctg_one {
	display: none
}

.ctg_imgbox .ctg_two {
	float: right;
	margin-right: 0
}

.navtext_postion {
	position: absolute;
	top: 0;
	overflow: auto;
	padding-left: 3.5em
}

.nav_text {
	position: absolute;
	padding: 0 0 0 1.13em
}

.nav_text small {
	font-size: .875em;
	line-height: 200%
}

.nav_text:after {
	content: '';
	width: 1px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #d2d2d2
}

.nav_text.aboutextbox {
	width: 49em;
	min-height: 11.5em;
	left: 30.13em;
	top: 2em;
	line-height: 1.75em
}

.three_sub .nav_text.aboutextbox {
	width: 37.875em
}

.nav_mores {
	width: 5.62em;
	height: 2em;
	display: block;
	text-align: center;
	line-height: 2em;
	border-radius: 4em;
	border: 1px solid #851112;
	margin-top: 1.5em
}

.nav_mores font {
	font-size: .875em;
	color: #851112
}

.two_sub .nav_text {
	width: 43.625em;
	height: 16.25em;
	left: 35.13em;
	padding: 0 0 0 2.8em
}

.nav_conatct {
	width: 16.25em;
	height: auto;
	position: absolute;
	right: 14.37em;
	top: 50%;
	transform: translateY(-50%)
}

.navcona_title font {
	font-size: .875em;
	color: #666
}

.navcona_tel {
	margin: .2em 0
}

.navcona_tel font {
	color: #851112;
	font-size: 2.375em
}

.bannerul {
	width: 100%;
	height: 54.25em;
	position: relative
}

.banner {
	height: 100%;
	position: relative;
	white-space: nowrap
}

.banner li {
	width: 100%;
	height: 100%;
	position: relative;
	display: inline-block;
	vertical-align: top
}

.banner li img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.inbanner li img {
	transform: scale(1.1, 1.1);
	transition: transform 8s ease-out
}

.banner_list {
	position: absolute;
	bottom: 2.75em;
	text-align: center;
	width: 100%;
	z-index: 2
}

.banner_list li {
	display: inline-block;
	width: .75em;
	height: .75em;
	border-radius: 50%;
	background: #fff;
	cursor: pointer;
	margin: 0 .5em
}

.banner_list li.seton {
	background: #851112
}

.banner li.seton {
	transform: rotateY(0);
	z-index: 1
}

.banner li.seton img {
	transform: scale(1, 1)
}

.index_onebox {
	width: 100%;
	max-width: 75em;
	margin: 3.9em auto;
	height: 9.8em;
	overflow: visible;
	margin-bottom: 1.5em
}

.index_onebox .onebox_blcok {
	width: auto;
	height: 100%;
	display: inline-block;
	text-align: center;
	margin-right: 6.7em;
	overflow: visible
}

.index_onebox .onebox_blcok:last-child {
	margin-right: 0
}

.index_onebox .onebox_blcok span {
	width: 6.12em;
	height: 6.12em;
	display: block;
	position: relative;
	margin: 0 auto;
	margin-bottom: 1.25em
}

.index_onebox .onebox_blcok span img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.index_onebox .onebox_blcok h3 {
	color: #333
}

.index_onebox .onebox_blcok p {
	font-size: .875em
}

.index_onebox .onebox_blcok:hover span {
	transform: translateY(-2em) scale(1.1)
}

.index_onebox .onebox_blcok:hover h3 {
	transform: translateY(-2em) scale(1.1)
}

.index_onebox .onebox_blcok:hover p {
	transform: translateY(-2em) scale(1.1)
}

.index_onebox .onebox_blcok {
	transform: translateY(100%);
	opacity: 0
}

.index_onebox.on .onebox_blcok:nth-child(1) {
	animation-name: up
}

.index_onebox.on .onebox_blcok:nth-child(2) {
	animation-name: up;
	animation-delay: .3s
}

.index_onebox.on .onebox_blcok:nth-child(3) {
	animation-name: up;
	animation-delay: .6s
}

.index_onebox.on .onebox_blcok:nth-child(4) {
	animation-name: up;
	animation-delay: .9s
}

.index_onebox.on .onebox_blcok:nth-child(5) {
	animation-name: up;
	animation-delay: 1.2s
}

.index_twobox {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 2em auto;
	position: relative
}

.two_text {
	width: 27.875em;
	float: left;
	transform: translateX(-100%);
	opacity: 0
}

.two_text.on {
	animation-name: left
}

.two_text p {
	color: #851112;
	/*margin-top: 1em;*/
	margin-bottom: .8em;
	font-size: 1.5em
}

.two_text h3 {
	font-size: 1.875em;
	color: #2b2b2b
}

.two_text small {
	font-size: .875em;
	color: #333;
	display: block;
	margin-top: 2em;
	line-height: 200%
}

.two_text a {
	width: 7.5em;
	height: 2.5em;
	border: 1px solid #d2d2d2;
	display: block;
	text-align: center;
	line-height: 2.5em;
	margin-top: 2em
}

.two_text a font {
	font-size: .75em
}

.two_text a:hover {
	border: 1px solid #851112
}

.two_video {
	width: 42em;
	height: 25.625em;
	position: absolute;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.two_video img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto;
	z-index: 2
}

.two_video img.on {
	opacity: 0;
	z-index: -2
}

.in_video {
	width: 100%;
	height: auto;
	left: 0;
	top: 0;
	object-fit: cover;
	z-index: -1
}

.in_video.seton {
	z-index: 1
}

.video_button {
	width: 4.15em;
	height: 4.15em;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	margin: auto;
	border-radius: 50%;
	font-family: icon;
	text-align: center;
	line-height: 4.15em;
	cursor: pointer;
	z-index: 2
}

.video_button font {
	color: #851112;
	font-size: 2.5em
}

.video_button.on {
	display: none
}

/*video*/
.oneVideo{
	width: 45em;
    height: 22em;
    position: absolute;
    right: 0;
}
#oneVideo{
	width: 100%;
    height: auto;
    position: relative;
    top: 0;
    right: 0;
}




.index_threebox {
	width: 100%;
	max-width: 75em;
	margin: 0 auto;
	margin-top: 2.6em;
	height: 11.75em
}

.index_our {
	height: 100%;
	width: 36.25em;
	position: relative;
	color: #fff;
	float: left
}

.inour {
	transform: translateX(-100%);
	opacity: 0
}

.inour.on {
	animation-name: left
}

.index_our img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.index_our p {
	font-size: 1.125em;
	padding-top: 2.5em;
	padding-left: 2.2em
}

.index_our font.ouren {
	font-size: .875em;
	display: block;
	padding-left: 2.8em;
	margin-top: 1em
}

.index_our a {
	width: 6.1em;
	height: 2.12em;
	display: block;
	margin-left: 2.45em;
	margin-top: 1.75em;
	text-align: center;
	line-height: 2.12em;
	color: #333;
	position: relative
}

.index_our a:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	opacity: .5;
	z-index: -1
}

.index_our a font {
	font-size: .875em
}

.inwin {
	float: right;
	transform: translateX(100%);
	opacity: 0
}

.inwin.on {
	animation-name: right;
	animation-delay: .3s
}

.index_fourbox {
	width: 100%;
	max-width: 75em;
	margin: 0 auto;
	margin-top: 2.625em;
	position: relative
}

.fourboximg {
	width: 42em;
	height: 31.5em;
	position: relative;
	transform: translateX(-100%);
	opacity: 0
}

.fourboximg.on {
	animation-name: left
}

.fourboximg img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.fourboxtext {
	width: 27.75em;
	height: auto;
	position: absolute;
	right: 0;
	top: 3.12em;
	transform: translateX(100%);
	opacity: 0
}

.fourboxtext.on {
	animation-name: right;
	animation-delay: .3s
}

.fourboxtext p {
	color: #851112;
	margin-top: 1em;
	margin-bottom: .8em;
	font-size: 1.5em
}

.fourboxtext h3 {
	font-size: 1.875em;
	color: #2b2b2b
}

.fourboxtext small {
	font-size: .875em;
	color: #333;
	display: block;
	margin-top: 2em;
	line-height: 200%
}

.fourboxtext a {
	width: 7.5em;
	height: 2.5em;
	border: 1px solid #d2d2d2;
	display: block;
	text-align: center;
	line-height: 2.5em;
	margin-top: 2em
}

.fourboxtext a font {
	font-size: .75em
}

.fourboxtext a:hover {
	color: #851112;
	border: 1px solid #851112
}

.index_fivebox {
	width: 100%;
	max-width: 85.714285em;
	margin: 0 auto;
	margin-top: 2.625em;
	position: relative
}

.fivetitle {
	color: #851112;
	margin-top: 1em;
	margin-bottom: .8em;
	font-size: 1.5em;
	text-align: center;
	transform: translateY(100%);
	opacity: 0
}

.fivetitle.on {
	animation-name: up
}

.fivetitleen {
	font-size: 1.875em;
	color: #2b2b2b;
	text-align: center;
	transform: translateY(100%);
	opacity: 0
}

.fivetitleen {
	animation-name: up;
	animation-delay: .3s
}

.fiveul {
	width: 100%;
	height: 25.62em;
	margin-top: 3.25em
}

.fiveul li {
	width: calc(100%/4 - 1em);
	height: 100%;
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
	position: relative
}

.fiveul li:after {
	content: '';
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #851112;
	opacity: .9;
	z-index: 1;
	transition: 300ms;
	transition-timing-function: ease-out;
	transform: translateY(100%);
	opacity: 0
}

.fiveul li:last-child {
	margin-right: 0
}

.fiveul li span.himg {
	width: 100%;
	height: 100%;
	display: block;
	overflow: hidden
}

.fiveul li .five_nr {
	width: 17.37em;
	height: auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto;
	z-index: 2;
	transform: translateY(100%);
	opacity: 0
}

.fiveul li .five_nr .inteam_title font {
	font-size: 1.5em;
	color: #fff
}

.fiveul li .five_nr .inteam_zw {
	color: #fff;
	margin: 1em 0
}

.fiveul li .five_nr small {
	color: #fff;
	line-height: 200%;
	font-size: .875em
}

.fiveul li .five_nr span {
	width: 2.25em;
	height: 3px;
	display: block;
	background: #fff;
	margin-bottom: 1.62em
}

.fiveul li:hover:after {
	transform: translateY(0);
	opacity: 1
}

.fiveul li:hover .five_nr {
	transform: translateY(-50%);
	opacity: 1
}

.fiveul.on li {
	transform: translateY(100%);
	opacity: 0
}

.fiveul.on li:nth-child(1) {
	animation-name: up
}

.fiveul.on li:nth-child(2) {
	animation-name: up;
	animation-delay: .3s
}

.fiveul.on li:nth-child(3) {
	animation-name: up;
	animation-delay: .6s
}

.fiveul.on li:nth-child(4) {
	animation-name: up;
	animation-delay: .9s
}

.fiveul.on li:nth-child(5) {
	animation-name: up;
	animation-delay: 1.2s
}

.index_sixbox {
	margin-top: 5.7em
}

.index_sixbox .fivetitle {
	color: #851112;
	margin-bottom: .8em;
	text-align: center
}

.index_sixbox .fivetitleen {
	font-size: 1.875em;
	color: #2b2b2b;
	text-align: center
}

.sixul {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 6em
}

.sixul li {
	width: calc(100%/3 - 1px);
	height: 14.18em;
	display: inline-block;
	border-right: 1px solid #e5e5e5;
	margin-bottom: 4.3em;
	transform: translateY(-100%);
	opacity: 0
}

.sixul li:nth-child(2n) {
	transform: translateY(100%);
	opacity: 0
}

.sixul li:nth-child(3n) {
	border-right: 0
}

.sixul li span {
	width: 6em;
	height: 6em;
	display: block;
	position: relative;
	margin: 0 auto
}

.sixul li span img {
	max-width: 100%;
	height: auto;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.sixul li:hover span.spanimg {
	transform: rotateY(360deg)
}

.sixul li p {
	text-align: center
}

.sixul li p font {
	font-size: 1.375em;
	color: #333
}

.sixul li .link {
	width: 2em;
	height: 3px;
	display: block;
	background: #bfbfbf;
	margin: 1em auto
}

.sixul li small {
	font-size: .875em;
	color: #666;
	display: block;
	line-height: 1.75em;
	width: 22em;
	height: 5.25em;
	overflow: hidden;
	margin: 0 auto
}

.sixul.on li {
	animation-name: bottom
}

.sixul.on li:nth-child(2n) {
	animation-name: up;
	animation-delay: .3s
}

/*footer部分*/
.copyright{
	display: none;
}
footer{
	padding: 2em 0;
	width: 100%;
	background: #851112;
	position: relative
}
.footer_box{
	width: 85.714285em;
	margin: 0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    color: #fff;
}
.footer_ewm{
	width: 19.571428em;
	font-size: 1.142857em;
}
.footer_ewm .ftEwm1{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.footer_ewm .ftEwm2{
	margin-top: 2.142857em;
} 
.footer_ewm .ftEwm1 p{
	margin: auto;
	text-align: center;
}
.footer_ewm img{
    display: block;
  	height: auto;
  	max-width: 100%;
}
.footer_address{
	margin-left: 1em;
}
.footer_address h3{
	display: block;
	margin-bottom: .7em;
	padding-bottom: .2em;
	width:8em;
	/* width:5.2em; */
	text-align: center;
	font-size: 1.571428em;
	border-bottom: 3px solid #fff;
}
.footer_address p{
	font-size: 1.142857em;
	line-height: 2.285714em;
}
.footer_address .statement{font-size: .5em;}
.footer_address a{
	color: #fff;
}


.nr_banner {
	width: 100%;
	height: 54.81em;
	position: relative
}

.nrbul {
	height: 100%;
	white-space: nowrap
}

.nrbul li {
	display: inline-block;
	vertical-align: top;
	height: 100%
}

.nrbul li img {
	max-width: 100%
}

.htd_one {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 3.75em
}

.htd_title h3 {
	font-size: 1.875em;
	color: #333;
	transform: translateY(-100%);
	opacity: 0
}

.htd_title p {
	color: #851112;
	margin-top: .6em;
	transform: translateY(-100%);
	opacity: 0
}

.winll .htd_title p {
	color: #fff
}

.htd_title.on h3 {
	animation-name: up
}

.htd_title.on p {
	animation-name: up;
	animation-delay: .3s
}

.htd_title.color h3 {
	color: #fff
}

.htd_title.color p {
	color: #fff
}

.htd_bout {
	width: 100%;
	height: 19em;
	margin-top: 3.5em;
	position: relative
}

.htd_boutleft {
	width: 25.5em;
	padding-right: 2.5em;
	height: 100%;
	border-right: 1px solid #e5e5e5;
	transform: translateX(-100%);
	opacity: 0
}

.htd_boutleft small,
.htd_boutright small {
	font-size: .875em;
	color: #333;
	line-height: 100%
}

.htd_boutright {
	width: 43.62em;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	transform: translateX(100%);
	opacity: 0
}

.htd_bout.on .htd_boutleft {
	animation-name: left
}

.htd_bout.on .htd_boutright {
	animation-name: right;
	animation-delay: .3s
}

.htd_video {
	width: 100%;
	max-width: 75em;
	height: 42.1875em;
	margin: 0 auto;
	margin-top: 2.875em;
	position: relative;
	transform: translateY(-100%);
	opacity: 0
}

.htd_video.on {
	animation-name: up
}

.htd_video img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto;
	z-index: 2
}

.htd_video img.on {
	z-index: -2;
	opacity: 0
}

.our {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 3.75em
}

.our_nr {
	width: 100%;
	height: 29.8em;
	margin-top: 3.5em;
	position: relative
}

.our_nr .ourpt {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: -1;
	max-height: 100%;
	transform: translateY(-100%);
	opacity: 0
}

.ourpt.on {
	animation-name: up;
	animation-delay: .3s
}

.our_nrul {
	width: 41.62em;
	height: 100%
}

.our_nrul li {
	min-width: 50%;
	max-width: 35.87em;
	display: inline-block;
	vertical-align: top;
	margin-bottom: 2.75em;
	transform: translateX(-100%);
	opacity: 0
}

.our_nrul.on li:nth-child(1) {
	animation-name: left;
	min-width: 40%;
    max-width: 26.87em;
}

.our_nrul.on li:nth-child(2) {
	animation-name: left;
	animation-delay: .3s
}

.our_nrul.on li:nth-child(3) {
	animation-name: left;
	animation-delay: .6s
}

.our_nrul.on li:nth-child(4) {
	animation-name: left;
	animation-delay: .9s
}

.our_nrul li span {
	min-height: 3.75em;
	max-width: 30em;
	padding-left: 1.5em;
	display: block;
	position: relative
}

.our_nrul li span .chp {
	font-size: 1.5em
}

.our_nrul li span .chp font {
	font-size: .75em;
	color: #851112
}

.our_nrul li span .enp {
	font-size: .875em;
	margin-top: .5em;
	line-height: 200%;
	color: #666
}

.our_nrul li span:after {
	content: '';
	width: 4px;
	height: 100%;
	display: block;
	background: #851112;
	position: absolute;
	left: 0;
	top: 0
}

.our_nrul li .ourtexteb {
	padding-left: 1.5em;
	line-height: 1.75em;
	margin-top: .5em
}

.win {
	width: 100%;
	height: auto;
	padding: 3.62em 0;
	margin-top: 2em;
	background: #fff
}

.win_center {
	max-width: 75em;
	height: auto;
	margin: 0 auto
}

.win_nrbox {
	width: 100%;
	height: 29em;
	margin-top: 3em
}

.win_img {
	width: 37em;
	height: 100%;
	position: relative;
	float: left;
	margin-right: 2.8em;
	transform: translateX(-100%);
	opacity: 0
}

.win_img img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.win_texttitle font {
	font-size: 1.5em;
	color: #333
}

.win_texttitleen {
	margin-top: .3em;
	color: #851112
}

.win_link {
	width: 4.8em;
	height: 4px;
	display: block;
	background: #851112;
	margin-top: 1.25em
}

.win_small {
	font-size: .875em;
	display: block;
	margin-top: 2em;
	line-height: 200%;
	color: #333;
	height: 25.3em;
	overflow-y: auto;
}
.win_small::-webkit-scrollbar{
    display:none;
}
.win_center .win_text {
	transform: translateX(100%);
	opacity: 0;
	overflow: hidden;
}

.win_img.on {
	animation-name: left
}

.win_center .win_text.on {
	animation-name: right;
	animation-delay: .3s
}

.winll {
	width: 100%;
	height: auto;
	padding: 3.62em 0;
	background: #851112;
	margin-top: 2em
}

.winllcenter {
	width: 100%;
	max-width: 75em;
	height: 24em;
	margin: 0 auto;
	position: relative
}

.winlltext {
	width: 34.25em;
	height: 100%
}
.winllcenter .winlltext .Img_logo img{
	max-width: 30em;
	width: 100%;
}
.winllcenter .winlltext .Img_logo{
	padding-top: 1em;
}
.winll_text .win_texttitle font {
	color: #fff
}

.winll_text .win_link {
	background: #fff
}

.winll_text .win_small {
	color: #fff
}

.winlltext .win_small {
	transform: translateX(-100%);
	opacity: 0
}

.winlltext.on .win_small {
	animation-name: left
}

.winllimg {
	width: 36em;
	height: 90%;
	position: absolute;
	right: 1em;
	top: 5%;
	box-shadow: 0 0 10px rgba(0, 0, 0, .1);
	transform: translateX(100%);
	opacity: 0
}

.winllimg img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.winllimg.on {
	animation-name: right;
	animation-delay: .3s
}

/*合作伙伴*/
.partnerBox{
	margin-top: 3em;
	width: 100%;
	box-sizing: border-box;
	background: #851112;
	padding: 3em 0;
}
.partnerL, .partnerR{
	width: 45%;
}
.partner{
	max-width: 75em;
	margin: 0 auto;
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.partner img{
	width: 100%;
	max-width: 100%;
}


.eyes_br,
.guiding {
	width: 100%;
	max-width: 75em;
	margin: 0 auto;
	margin-top: 3.75em
}

.stage_title {
	padding-left: 1.25em;
	margin-top: 3em;
	margin-bottom: 2em;
	position: relative
}

.stage_title font {
	font-size: 1.5em;
	color: #851112
}

.stage_title:after {
	content: '';
	width: 6px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #851112
}

.stage_text {
	font-size: .875em;
	line-height: 200%;
	color: #333;
	transform: translateY(-100%);
	opacity: 0
}

.stage_text.on {
	animation-name: up;
	animation-delay: .3s
}

.stage_text p {
	margin-bottom: 1.3em
}

.guidimgul {
	width: 100%
}

.guidimgul li {
	width: 100%;
	height: auto
}

.guidimgul li {
	transform: translateX(100%);
	opacity: 0
}

.guidimgul li:nth-child(2n) {
	transform: translateX(-100%);
	opacity: 0
}

.guidimgul.on li {
	animation-name: right
}

.guidimgul.on li:nth-child(2n) {
	animation-name: left
}

.guidimgul li:last-child:after {
	display: none
}

.guidimgul li:after {
	content: '+';
	width: 6.7em;
	height: 1.6em;
	display: block;
	text-align: center;
	line-height: 1.4em;
	font-size: 2.5em;
	color: #631b1b
}

.guidimgul li:nth-child(3):after {
	content: '=';
	writing-mode: tb;
	line-height: 6.7em
}

.guidimgul li .grow_title {
	width: 16.875em;
	height: 7.25em;
	border-radius: .6em;
	background: #60adba;
	float: left;
	color: #fff
}

.guidimgul li .grow_title .grow_extetitle {
	font-size: 1.25em;
	margin-top: 1.5em;
	text-align: center
}

.guidimgul li .grow_title .grow_extetitlen {
	font-size: 1em;
	margin-top: .3em;
	text-align: center
}

.gorw_icon {
	width: 7em;
	height: 7.25em;
	font-family: icon;
	text-align: center;
	line-height: 7.25em;
	float: left
}

.gorw_icon font {
	font-size: 3em;
	color: #dcdcdc
}

.grow_textnr {
	width: calc(100% - 16.785em - 7em - 0.1em - 4em);
	padding: 0 1.5em 0 2.5em;
	height: 7.25em;
	background: #60adba;
	border-radius: .6em;
	color: #fff
}

.grow_textnr p {
	margin-top: 2em;
	margin-bottom: .3em
}

.grow_textnr small {
	font-size: .875em
}

.guidimgul li:nth-child(2) .grow_title,
.guidimgul li:nth-child(2) .grow_textnr {
	background: #df6278
}

.guidimgul li:nth-child(3) .grow_title,
.guidimgul li:nth-child(3) .grow_textnr {
	background: #80cd4d
}

.guidimgul li:nth-child(4) .grow_title,
.guidimgul li:nth-child(4) .grow_textnr {
	background: #f58321
}

.field {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 4.12em
}

.jbly {
	width: 100%;
	height: 13em;
	margin-top: 5em;
	position: relative;
	transform: translateY(-100%);
	opacity: 0
}

.jbly.on {
	animation-name: up
}

.jbly_title {
	width: 9.25em;
	height: 9.25em;
	text-align: center;
	border-radius: 50%;
	border: 2px solid #f0ad8d;
	margin: 0 auto;
	background: #fff;
	z-index: 1
}

.jbly_t {
	margin-top: 2.5em
}

.jbly_t font {
	font-size: 1.5em
}

.jbly_title span {
	width: 5.87em;
	height: 4px;
	display: block;
	background: url(../images/jbly.png) no-repeat center center;
	background-size: cover;
	margin: 0 auto;
	margin-top: .5em
}

.jbly_en {
	margin-top: .4em
}

.jbly_hx {
	width: 52em;
	height: 6.625em;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	background: url(../images/ptlyhx.png) no-repeat center center;
	z-index: -1;
	background-size: cover
}

.jbly_list {
	width: 100%;
	height: auto
}

.jbly_list li {
	width: 22.12em;
	height: 21.375em;
	border: 1px solid #f0ad8d;
	border-radius: .4em;
	display: inline-block;
	vertical-align: top;
	margin-right: 4em;
	transform: translateY(-100%);
	opacity: 0
}

.jbly_list li:last-child {
	margin-right: 0
}

.jbly_list li .fieldt {
	text-align: center;
	margin-top: 2.25em
}

.jbly_list li .fieldten {
	text-align: center;
	margin-top: .2em
}

.jbly_list li .fieldt font {
	font-size: 1.125em;
	color: #333
}

.jbly_list li .fieldten font {
	font-size: .875em;
	color: #f0ad8d
}

.jbly_list li span {
	width: 4.68em;
	height: 2px;
	display: block;
	margin: 0 auto;
	background: #f0ad8d;
	margin-top: 1.5em
}

.jbly_list li .fieldnrt {
	margin-top: 1.5em;
	text-align: center
}

.jbly_list li .fieldnrten {
	text-align: center;
	margin-top: .2em
}

.jbly_list li .fieldnrt font {
	color: #333
}

.jbly_list li .fieldnrten font {
	font-size: .875em;
	color: #333
}

.jbly_list.on li:nth-child(1) {
	animation-name: up
}

.jbly_list.on li:nth-child(2) {
	animation-name: up;
	animation-delay: .3s
}

.jbly_list.on li:nth-child(3) {
	animation-name: up;
	animation-delay: .6s
}

.tdly {
	border: 0;
	margin-top: 2em;
	transform: translateY(-100%);
	opacity: 0
}

.tdly.on {
	animation-name: up
}

.tdlybox {
	width: 100%;
	height: 30em;
	position: relative;
	margin-bottom: 3em;
	overflow: visible
}

.tdly_ul {
	width: 100%;
	height: 100%;
	position: relative
}

.tdly_ul li {
	width: 18.2em;
	height: auto;
	border: 2px solid #60adba;
	padding: 2em 0 1.5em 2em;
	border-radius: .4em;
	position: absolute
}

.tdly_ul li .tdlyt font {
	font-size: 1.125em;
	color: #333
}

.tdly_ul li .tdlyten font {
	color: #60adba
}

.tdly_ul li span.tdlylen {
	width: 2.75em;
	height: 2px;
	display: block;
	background: #60adba;
	margin-top: 1.37em;
	margin-bottom: 1em
}

.tdly_ul li .tdly_nrli {
	display: inline-block;
	min-width: 49%;
	vertical-align: top
}

.tdly_ul li .tdly_nrli p {
	font-size: .875em;
	color: #333
}

.tdly_ul li:nth-child(1) {
	;
	left: 0;
	top: 1.25em;
	transform: translateX(-100%);
	opacity: 0
}

.tdly_ul li:nth-child(2) {
	right: 0;
	top: 1.25em;
	transform: translateX(100%);
	opacity: 0
}

.tdly_ul li:nth-child(3) {
	left: 0;
	bottom: 0;
	transform: translateX(-100%);
	opacity: 0
}

.tdly_ul li:nth-child(4) {
	right: 0;
	bottom: 0;
	transform: translateX(100%);
	opacity: 0
}

.tdly_ul.on li:nth-child(1) {
	animation-name: left
}

.tdly_ul.on li:nth-child(2) {
	animation-name: right
}

.tdly_ul.on li:nth-child(3) {
	animation-name: left;
	animation-delay: .3s
}

.tdly_ul.on li:nth-child(4) {
	animation-name: left;
	animation-delay: .3s
}

.tdly_ul li:nth-child(2) .tdly_nrli {
	min-width: 5.5em
}

.tdly_ul li:nth-child(1) .tdlynone {
	display: none
}

.tdly_ul li:nth-child(2) .tdlynone {
	display: none
}

.tdly_ul li:nth-child(3) .tdlynone {
	margin-top: 1.25em
}

.tdly_ul li:nth-child(4) .tdlynone {
	display: none
}

.tdly_ul li:nth-child(4) .tdlyts {
	margin-top: 1.25em
}

.tdly_ptimg {
	width: 30em;
	height: calc(100% - 1em);
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	border-radius: .6em;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	transform: translateY(-100%);
	opacity: 0
}

.tdly_ptimg {
	animation-name: up;
	animation-delay: .6s
}

.tdly_ptimg img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.team_box {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 3.75em
}

.team_nr {
	width: 100%;
	height: auto;
	margin-top: 4em;
	position: relative
}

.team_s_list {
	height: auto;
	white-space: nowrap
}

.team_s_list li {
	display: inline-block;
	vertical-align: top;
	width: 100%;
	height: 24.375em;
	padding-top: 1em;
	position: relative
}

.team_s_list li:after {
	content: '';
	width: 100%;
	height: 16em;
	display: block;
	background: #f6f6f6;
	position: absolute;
	bottom: 0;
	Left: 0;
	z-index: -1
}

.team_s_list li .team_img {
	width: 19.5em;
	height: 19.5em;
	display: block;
	border-radius: 50%;
	position: relative;
	z-index: 1;
	margin-left: 4.375em;
	box-shadow: 0 0 20px rgba(0, 0, 0, .1);
	float: left;
	margin-right: 4.375em
}

.team_s_list li .team_img img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.team_s_list li .team_wz {
	height: 100%
}

.team_s_list li .team_wz .team_wztitle {
	margin-top: 4.75em;
	color: #999;
	font-size: .875em
}

.team_s_list li .team_wz .team_wztitle font {
	font-size: 2.14em;
	color: #333
}

.team_s_list li .team_wz small {
	font-size: .875em;
	display: block;
	margin-top: 4.28em;
	line-height: 200%;
	color: #333;
	white-space: normal
}

.tema_small {
	height: auto;
	margin: 2em auto;
	margin-bottom: 4em
}

.tema_small li {
	width: calc(100%/4);
	height: 100%;
	display: inline-block;
	vertical-align: top;
	cursor: pointer
}

.tema_small li .team_samllimg {
	width: 6em;
	height: 6em;
	border-radius: 50%;
	position: relative;
	float: left;
	margin-left: 1.68em;
	margin-right: 1.25em
}

.tema_small li .team_samllimg img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.tema_small li .teamst {
	font-size: 1.125em;
	font-weight: bold;
	margin-top: 1.5em;
	color: #333
}

.tema_small li .teamsmvca {
	font-size: .75em;
	color: #666;
	margin-top: .4em
}

.l_team,
.r_team {
	width: 2em;
	height: 2em;
	position: absolute;
	bottom: 6.875em;
	left: 1.75em;
	font-family: icon;
	text-align: center;
	line-height: 2em;
	cursor: pointer
}

.l_team font,
.r_team font {
	font-size: 2em;
	color: #851112
}

.r_team {
	left: auto;
	right: 1.75em
}

.distri {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 3.75em
}

.region {
	margin-top: 2em
}

.area_body.on {
	margin-top: 4em
}

.region.on {
	display: none
}

.regiontitle {
	font-size: .875em;
	color: #999;
	padding-left: 1.25em;
	position: relative;
	margin-bottom: 2em
}

.regiontitle:after {
	content: '';
	width: 3px;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	background: #851112
}

.regiontitle font {
	font-size: 1.3em;
	color: #851112
}

.region_list {
	width: 35.18em;
	height: 27.25em;
	display: inline-block;
	margin-bottom: 1em;
	margin-right: 4.34em
}

.region_list:nth-child(2n) {
	margin-right: 0
}

.region_list_img {
	width: 100%;
	height: 17.62em;
	display: block
}

.reg_title {
	margin-top: 1em
}

.reg_title a {
	font-size: 1.125em
}

.reg_titleen font {
	font-size: .875em;
	color: #999
}

.reg_estr {
	margin-top: 1.2em
}

.reg_estr p {
	width: calc(50% - 1em);
	display: inline-block;
	vertical-align: top;
	font-size: .875em;
	margin-bottom: .5em;
	color: #333;
	padding-left: 1em;
	position: relative
}

.reg_estr p:after {
	content: '';
	width: 3px;
	height: 100%;
	display: block;
	background: #851112;
	left: 0;
	top: 0;
	position: absolute
}

.area_search {
	max-width: 75em;
	margin: 2em auto;
	margin-top: 3.75em
}

.area_search select {
	width: 12em;
	height: 3em;
	border: 1px solid #ccc;
	outline: 0;
	margin: .2em;
	float: left;
	color: #898989;
	text-indent: 1em;
	border-radius: .2em;
	background-color: transparent
}

.area_search .search {
	width: 12em;
	height: 3em;
	cursor: pointer;
	line-height: 3em;
	text-align: center;
	color: #851112;
	border: 1px solid #851112;
	display: inline-block;
	float: left;
	margin: .2em;
	border-radius: .2em
}

.area_count {
	width: 100%;
	height: 42.5em;
	margin: 0 auto 2em;
	background: url(../images/mapkong.jpg) no-repeat center center;
	background-size: cover;
	display: none
}

.area_count.seton {
	display: block
}

.gerdnr_nrbanner {
	width: 100%;
	height: calc(100vh - 6.37em);
	position: relative
}

.gerdnr_nrbanner img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.gerd_nrbox {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 3em auto
}

.gerd_top {
	width: 100%;
	height: 24em;
	position: relative
}

.gerd_top .gerd_top_img {
	width: 35.25em;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0
}

.gerd_top .gerd_top_img img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.gerd_top_title {
	font-size: .875em;
	color: #851112
}

.gerd_top_title font {
	color: #333;
	font-size: 1.5em
}

.gerd_nr_estr {
	width: 34em;
	margin: 2.5em 0
}

.gerd_nr_estr p {
	width: calc(49% - 1em)
}

.gerd_nr_small {
	font-size: .875em;
	line-height: 2.5em;
	color: #333
}

.gerd_etxt_intr {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 3em auto
}

.gerd_etxt_intr span.shu {
	min-height: 3.75em;
	max-width: 30em;
	padding-left: 1.5em;
	display: block;
	position: relative
}

.gerd_etxt_intr .chp {
	font-size: 1.12em;
	color: #851112
}

.gerd_etxt_intr .chp font {
	font-size: .75em;
	color: #851112
}

.gerd_etxt_intr .enp {
	font-size: .875em;
	margin-top: .5em;
	line-height: 200%;
	color: #666
}

.gerd_etxt_intr span.shu:after {
	content: '';
	width: 4px;
	height: 100%;
	display: block;
	background: #851112;
	position: absolute;
	left: 0;
	top: 0
}

.gerd_etxt_nr {
	font-size: .875em;
	line-height: 200%;
	display: block;
	margin-top: 2.5em;
	color: #333
}

.gerd_nr_sj {
	position: relative;
	font-size: .875em;
	color: #333;
	padding-left: 1.71em;
	margin-top: 1em;
	position: relative
}

.gerd_nr_sj:after {
	content: '';
	width: 0;
	height: 0;
	border-top: 6px solid transparent;
	border-left: 6px solid #851112;
	border-bottom: 6px solid transparent;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	margin: auto
}

.gerd_nr_sj.one {
	margin-top: 2em
}

.map_box {
	height: 31.25em;
	position: relative;
	margin-top: 2.5em
}

.map_box .maponlink {
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0;
	top: 0
}

#map {
	width: 100%;
	height: 100%;
	background-color: #ccc
}

#map img {
	max-width: none
}

#map div {
	overflow: visible
}

.appion {
	height: 54.25em;
	position: relative
}

.appion img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto
}

.appionallbox {
	width: 100%;
	height: calc(100% - 13.62em);
	position: relative
}

.appion_box {
	position: absolute;
	width: 34.125em;
	height: 100%;
	right: 12.5em;
	top: 0;
	bottom: 0;
	margin: auto 0;
	background: #fff
}

/*.appionallbox .colourtwo {
	position: absolute;
	bottom: 1em;
	left: 0
}*/

.appion_titlebox {
	height: 13.62em;
	background: #da6d70 url(../images/makeback.jpg) no-repeat right top
}

.appion_title {
	margin-top: 4.5em;
	text-align: center;
	letter-spacing: .5em
}

.appion_title font {
	font-size: 2.25em;
	color: #fff
}

.appion_en {
	text-align: center;
	color: #fff;
	margin-top: .6em;
	font-size: .875em
}

.form_input {
	display: inline-block;
	width: 13.8em;
	vertical-align: top;
	margin-right: 2em;
	margin-bottom: 2em
}

.form_input.mrgin_right_zeor {
	margin-right: 0
}

.form_input.widthbai {
	width: 100%
}

.form_input p {
	font-size: .875em;
	padding-right: 1em;
	position: relative;
	display: inline-block
}

.form_input p font {
	color: #c00;
	font-size: 1.5em;
	display: block;
	position: absolute;
	right: 0;
	top: 0
}

.appion_form {
	width: 30em;
	height: auto;
	position: absolute;
	left: 0;
	right: 0;
	top: 45%;
	transform: translateY(-50%);
	margin: auto
}

.b_input::-webkit-input-placeholder {
	color: #fff
}

.b_input,
.radio {
	width: calc(100% - 4px);
	height: 2.75em;
	border-radius: 1.5em;
	border: 1px solid #d2d2d2;
	display: block;
	margin-top: .875em;
	text-indent: 1em;
	color: #666
}

.radiostyle {
	display: inline-block
}

.radiostyle input {
	display: none
}

.radio_nan,
.radio_nav {
	width: 50%;
	height: 100%;
	float: left;
	cursor: pointer;
	text-align: center;
	line-height: 2.875em;
	text-indent: 0
}

.radio_nan:after {
	content: '男'
}

.radio_nav:after {
	content: '女'
}

.radiostyle.on {
	background: #eabebe
}

.yy_sub {
	width: 12.25em;
	height: 2.875em;
	margin: 0 auto;
	border: 1px solid #851112;
	text-align: center;
	line-height: 2.875em;
	color: #851112;
	cursor: pointer;
	border-radius: 1.5em
}

.job {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 3.25em auto
}

.jobul {
	margin-top: 3.75em;
	width: 100%
}

.jobul li {
	width: 36.47em;
	/*height: 21.75em;*/
	height: 38em;
	overflow: hidden;
	border: 1px solid #e5e5e5;
	display: inline-block;
	vertical-align: top;
	margin-right: 1.5em;
	margin-bottom: 2.5em
}

.jobul li:nth-child(2n) {
	margin-right: 0
}

.jobul li .jobulBox {
	width: calc(100% - 5em);
	height: calc(100% - 2.5em);
	display: block;
	padding: 2.5em;
	position: relative;
	overflow-y: auto;
}
.jobul li .jobulBox::-webkit-scrollbar{
    display:none;
}

.jobul li p.job_title font {
	font-size: 1.25em;
	color: #851112;
}

.jobul li p.job_vc {
	color: #631b1b;
	font-size: .875em;
	margin-top: 1em
}

.jobul li p.job_vc font {
	color: #999
}

.jobul li p.job_zz font {
	font-size: 1.125em;
	color: #333
}

.jobul li span {
	width: 2.87em;
	height: 3px;
	display: block;
	background: #851112;
	margin: 1.5em 0
}

.jobul li small {
	font-size: .875em;
	white-space: normal;
	line-height: 1.75em;
	display: block;
	margin-top: 1.3em;
	color: #666
}
.jobMode{
	width: 100%;
	box-sizing: border-box;
	border: 1px solid #e5e5e5;
	padding: 2em;
	line-height: 1.75em;
}



.curtain {
	min-width: 100%;
	height: 100%;
	position: fixed;
	background: #fff;
	left: 0;
	top: 0;
	z-index: 111;
	transform: translateY(80%);
	white-space: nowrap
}

.curtain.seton {
	transform: translateY(0)
}

.curtain_close {
	width: 3.5em;
	height: 3.5em;
	position: fixed;
	top: 1.75em;
	right: 8.75em;
	font-family: icon;
	text-align: center;
	line-height: 3.5em;
	background: #851112;
	z-index: 111;
	cursor: pointer
}

.curtain_close:after {
	content: '\e632';
	color: #fff;
	font-size: 2em
}

.curtain_close:hover {
	transform: rotate(180deg)
}

.curtain_boxone {
	width: 100%;
	height: 100%;
	display: inline-block;
	position: relative
}

.curtain_center {
	width: calc(62.5em - 5em);
	height: auto;
	max-height: 31.25em;
	margin: 3em auto;
	padding: 2.5em;
	background: #f4f4f4;
	border-radius: 1em;
	overflow: auto
}

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

.curtain_center small {
	font-size: .87em;
	line-height: 2.5em;
	display: block;
	white-space: normal
}

.slide {
	width: 11.25em;
	height: 4.06em;
	line-height: 4.06em;
	background: #851112;
	display: block;
	margin: 0 auto;
	text-indent: .8em;
	border-radius: .3em;
	cursor: pointer
}

.slide font {
	font-size: .87em;
	color: #fff
}

.slide font:after {
	content: '　>>';
	animation: rotate 1s infinite linear
}

.page {
	width: 3.5em;
	height: 3.5em;
	position: fixed;
	top: calc(50% - 1.75em);
	right: 8.75em;
	font-family: icon;
	text-align: center;
	line-height: 3.5em;
	background: red
}

.page:after,
.reve:after {
	content: '\e646';
	color: #fff;
	font-size: 2em
}

.reve:after {
	content: '\e645'
}

.reve {
	width: 3.5em;
	height: 3.5em;
	position: fixed;
	top: calc(50% - 1.75em);
	left: 8.75em;
	font-family: icon;
	text-align: center;
	line-height: 3.5em;
	background: red
}

.page,
.reve {
	display: none
}

.apply_box {
	width: 100%;
	max-width: 75em;
	margin: 0 auto;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	left: 0;
	right: 0;
	margin: 0 auto
}

.jobs_btn {
	width: 7.5em;
	height: 2.5em;
	line-height: 2.5em;
	text-align: center;
	margin: 1.25em auto;
	background-color: #666;
	color: #fff;
	border-radius: 4px;
	cursor: pointer
}

.jobs_btn:hover {
	background-color: #851112
}

.gardening {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 3.5em auto
}

.garden_box {
	width: calc(100% - 14px);
	height: calc(29em - 14px);
	padding: 7px;
	margin-top: 3em;
	position: relative
}

.garden_box.margin-top {
	margin-top: 3.75em
}

.garden_img {
	width: 41.3em;
	height: 100%;
	position: relative
}

.garden_img img {
	min-width: 100%;
	height: 100%;
	position: absolute;
	z-index: -1;
	left: -200%;
	top: -200%;
	right: -200%;
	bottom: -200%;
	margin: auto;
	transition: transform 8s ease
}

.garden_box:after,
.garden_box:before {
	content: '';
	width: 100%;
	height: 7px;
	display: block;
	background: url(../images/bg-pattern-1.png) repeat-x left top;
	opacity: .2;
	position: absolute;
	left: 0;
	top: 0
}

.garden_box:before {
	top: auto;
	bottom: 0
}

.garden_box:hover .garden_img img {
	transform: scale(1.1, 1.1)
}

.garden_box:hover .yd_box {
	transform: translateX(-25%);
	box-shadow: -5px 0 5px rgba(0, 0, 0, .1)
}

.line_l,
.line_r {
	content: '';
	width: 7px;
	height: 100%;
	display: block;
	background: url(../images/bg-pattern-1.png) repeat-y left top;
	opacity: .2;
	position: absolute;
	left: 0;
	top: 0
}

.line_r {
	left: auto;
	right: 0
}

.yd_box {
	width: calc(100% - 41.3em - 7px);
	height: calc(100% - 14px);
	position: absolute;
	right: 7px;
	top: 7px;
	background: #fff;
	border-radius: .2em 0 0 .2em
}

.nur_text {
	width: 21.8em;
	height: auto;
	position: absolute;
	right: 5.5em;
	top: 50%;
	transform: translateY(-50%)
}

.nur_text p.nur_title {
	padding-bottom: 2.5em;
	position: relative
}

.nur_text p.nur_title:after {
	content: '';
	width: 2.8em;
	height: 2px;
	display: block;
	background: #851112;
	position: absolute;
	left: 0;
	bottom: 1.5em
}

.nur_text p.nur_title font {
	font-size: 1.5em;
	color: #333
}

.nur_text small {
	font-size: .875em;
	line-height: 2em;
	color: #333
}

.nur_text small p {
	margin-bottom: 1em;
	clear: both
}

.nur_text small p strong {
	height: 3.5em;
	display: block;
	float: left
}

.lost_p {
	font-size: .875em;
	color: #333;
	position: relative;
	padding-left: 1.5em;
	margin-top: 1em
}

.lost_p.margin-top {
	margin-top: 2em
}

.lost_p:after {
	content: '';
	width: 5px;
	height: 5px;
	display: block;
	border-radius: 5px;
	background: #851112;
	position: absolute;
	left: .2em;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.lost_p font {
	color: #851112;
	font-weight: bold
}

.news {
	width: 100%;
	max-width: 75em;
	margin: 3em auto
}

.newstitle.char_alltitle {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 3.5em
}

.newstitle.char_alltitle p {
	font-size: 1.875em;
	color: #333
}

.newstitle.char_alltitle p font {
	font-size: .87em;
	color: #666
}

.news_list {
	width: 100%;
	max-width: 75em;
	height: auto;
	margin: 0 auto;
	margin-top: 3em
}

.news_list li {
	width: calc((100% - 27.75em)/2 - 1px);
	margin-bottom: 3em;
	display: inline-block;
	vertical-align: top
}

.news_box {
	width: 18.625em
}

.news_list li:hover .himg img {
	transform: scale(1.1, 1.1)
}

.news_list li:hover .news_title a {
	color: #c2dc9e
}

.news_list li:hover .newsicon font {
	color: #c2dc9e
}

.news_list li:nth-child(2),
.news_list li:nth-child(5) {
	width: 27.75em;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5
}

.news_list li:nth-child(2) .news_box,
.news_list li:nth-child(5) .news_box {
	margin: 0 auto
}

.news_list li:nth-child(3n) .news_box {
	float: right
}

.news_list li .tma font {
	font-size: .875em;
	color: #666
}

.news_list li .news_title {
	margin-top: .5em;
	line-height: 1.75em;
	margin-bottom: 1em;
	height: 3.5em;
	overflow: hidden;
	font-weight: bold
}

.news_list li .news_title a {
	font-size: 1.25em;
	color: #333;
	white-space: normal
}

.news_list li small {
	font-size: .875em;
	color: #666;
	line-height: 2em;
	height: 6em;
	display: block;
	overflow: hidden;
	margin-top: 2em
}

.news_list li .himg {
	width: 100%;
	height: 17em;
	display: block;
	margin-top: 3em
}

.newsicon {
	font-family: icon;
	display: block;
	margin-top: 1.5em
}

.newsicon font {
	font-size: 1.5em;
	color: #999
}

.listpage {
	text-align: center;
	margin-bottom: 2.5em
}

.listpage a {
	text-align: center;
	width: 2em;
	height: 2em;
	display: inline-block;
	margin-left: .3em;
	color: #666;
	line-height: 2em;
	border: 1px solid #666
}

.listpage a.on {
	border: 1px solid #851112;
	color: #851112
}

.listpage a:hover {
	border: 1px solid #851112;
	color: #851112
}

.web_menu {
	display: none
}

.web_menubox {
	display: none
}

.contentbox {
	width: 100%;
	max-width: 75em;
	margin: 2em auto;
	border-top: 1px solid #333;
	margin-top: 5.5em
}

.contma {
	line-height: 2em
}

.contma font {
	font-size: .875em;
	color: #7d7d7e
}

.contenttitle {
	font-weight: normal;
	font-size: 1.25em;
	color: #000;
	text-align: left;
	padding: 1em 0
}

.contenttextbox {
	color: #7d7d7e;
	line-height: 200%
}

.contenttextbox img {
	max-width: 100%
}

.con_share {
	margin-top: 1em
}

.con_share font {
	float: left;
	font-size: 1.18em;
	line-height: 45px;
	color: #5e5e5e
}

.con_share .bdsharebuttonbox .bds_qzone {
	padding: 0;
	height: 1.7em;
	width: 1.7em;
	margin-right: 0;
	background: #333;
	font-family: icon;
	border-radius: 1.7em;
	margin-left: 5px
}

.con_share .bdsharebuttonbox .bds_qzone:after {
	content: '\e614';
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #fff
}

.con_share .bdsharebuttonbox .bds_tsina {
	padding: 0;
	height: 1.7em;
	width: 1.7em;
	background: #333;
	font-family: icon;
	border-radius: 1.7em
}

.con_share .bdsharebuttonbox .bds_tsina:after {
	content: '\e62c';
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #fff
}

.con_share .bdsharebuttonbox .bds_weixin {
	padding: 0;
	height: 1.7em;
	width: 1.7em;
	background: #333;
	font-family: icon;
	border-radius: 1.7em
}

.con_share .bdsharebuttonbox .bds_weixin:after {
	content: '\e7e5';
	width: 100%;
	height: 100%;
	display: block;
	text-align: center;
	line-height: 1.4em;
	font-size: 1.2em;
	color: #fff
}

/*家长学校*/
.parentBxo{
	width: 100%;
	background: #f5f5f5;
}
.parent .liveTitle h4{
	font-size:1.428571em;
	font-weight: 500;
	color: #851112;
}
.parent .liveTitle p{
	font-size:0.714285em;
}
.live{
	width: 100%;
    max-width: 85.714285em;
    margin: 0 auto;
}
.live li {
	box-sizing: border-box;
    width: calc(100%/5 - 1em);
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    position: relative;
    background: #fff;
    border-radius: 0.571428em;
    overflow: hidden;
    color: #333;
}
.live li .liveImg{
	width: 100%;
    overflow: hidden;
}
.live li .liveImg img{
	transition: transform .4s ease
}
.live li .liveImg:hover img{
	transform: scale(1.1,1.1);
}
.live .liveData{
	box-sizing: border-box;
	padding:0 0.714285em 0.714285em;
	width: 100%;
	font-size: 0.857142em;
}
.live .liveData p{
	margin-bottom: 1.428571em;
	font-size:0.928571em;
}
.live .liveData .DataTitle{
	font-size: 1.142857em;
}
.live .watch{
	display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.live .watch .nowWatch{
	display: block;
	width: 5em;
	height: 1.857142em;
	line-height: 1.857142em;
	text-align: center;
	font-size: 0.857142em;
	color: #fff;
	border-radius:3px;
	background-color: #ff9c42; /* 不支持线性的时候显示 */
    background-image: linear-gradient(to right, #ff9c42 , #ff2b53);
    background: -webkit-linear-gradient(left,#ff2b53,#ff9c42);
    background: -moz-linear-gradient(left,#ff2b53,#ff9c42);
    background: -webkit-gradient(linear,left top,right top,from(#ff2b53),to(#ff9c42));
    background: linear-gradient(left,#ff2b53,#ff9c42);
    background: -ms-linear-gradient(left,#ff2b53,#ff9c42);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=1, startColorstr=#ff2b53, endColorstr=#ff9c42);
}
.live .liveData span{
	color: #38a622;
}
.live .liveData span.toll{
	color: #df2d15;
}

/*期刊*/
.journal ul li{
	box-sizing: border-box;
    width: calc(100%/8 - 0.68em);
    height: 100%;
    display: inline-block;
    vertical-align: top;
    margin-right: 1em;
    position: relative;
    border-radius: 0.571428em;
    overflow: hidden;
    color: #333;
    text-align: center;
}
.journal ul li .journalImg{
    overflow: hidden;
}
.journal ul li .journalImg:hover img{
	transform: scale(1.1,1.1);
}
.journal ul li .journalImg img{
	transition: transform .4s ease
}



@media screen and (max-width:1700px) {
	body {
		font-size: 14px
	}
	.nav_conatct {
		right: 8.37em
	}
}

@media screen and (max-width:1460px) {
	body {
		font-size: 12px
	}
	.three_loopbox .modurla {
		padding: 0 1.2em
	}
	.three_loopbox p {
		text-indent: 1.2em
	}
	.three_loopbox {
		margin-right: 2.19em
	}
	.nav_li.oneleft {
		left: 10em
	}
	.nav_text.aboutextbox {
		left: 24em
	}
	.nav_li.twoleft {
		left: 17em
	}
	.nav_li.threeleft {
		left: 25em
	}
	.two_sub .nav_text {
		left: 26em
	}
	.make_input span {
		width: 13em
	}
	.three_sub .nav_text.aboutextbox {
		width: 50em
	}
	.make_ul li {
		margin-right: 2em;
		width: 6em
	}
	.complaint_box {
		height: 33em
	}
	.in_textbox .nonemore {
		margin-top: 2em
	}
	.in_textbox small {
		font-size: 1.1623em
	}
	.nav li {
		width: 5.5em
	}
	.nav li a {
		font-size: 1.1625em
	}
	.in_twoul li span {
		font-size: 1.1625em;
		color: #666
	}
	.expert_ul li {
		height: 14.5em
	}
	.expert_ul li span {
		margin-right: 2em
	}
	.three_sub .nav_text.aboutextbox {
		padding-left: 5.5em
	}
	.nav_conatct {
		width: 18.25em;
		right: 6.37em
	}
	.infont_box {
		height: 37.375em
	}
	.in_onebox {
		height: 29em
	}
	.xz_sub {
		height: 20em
	}
	.nav_text.aboutextbox {
		min-height: 15.5em
	}
	.xz_sub .nav_text.aboutextbox {
		min-height: 15em
	}
	.four_sub .nav_text.aboutextbox {
		height: 11em;
		min-height: auto
	}
	.infant_exte .nur_text small {
		font-size: 1.1623em
	}
	.nur_text small {
		font-size: 1.1623em
	}
	.nav_text small {
		font-size: 1.16em
	}
	.nav_li .pt a {
		font-size: 1.16em
	}
	.sub_bold font {
		font-size: 1.2em
	}
	.bold_befor font {
		font-size: 1.22em
	}
	.nur_text small p {
		margin-bottom: .8em
	}
	.nur_text small p strong {
		height: 3em
	}
	.nav li {
		max-width: 10em;
		width: auto
	}
	.index_onebox .onebox_blcok {
		margin-right: 5.1em
	}
	.fourboxtext {
		top: 1em
	}
	.jbly_list li {
		margin-right: 4em
	}
	.index_onebox {
		height: auto
	}
	.tdly_ul li {
		padding: 1em 0 1em 1em
	}
	.tdly_ul li:nth-child(2) .tdly_nrli {
		min-width: 5em
	}
	.index_twobox {
		height: auto
	}
	.winllcenter {
		height: auto
	}
	.htd_bout {
		height: auto
	}
	.win_nrbox {
		height: 34em
	}
	.grow_textnr p {
		margin-top: 1em
	}
	.team_box {
		max-width: 80em
	}
	.team_s_list li .team_wz small {
		margin-top: 2.28em
	}
	.tema_small {
		height: auto
	}
	.tema_small li .team_samllimg {
		height: 6em
	}
	
	/*video*/
	.oneVideo{
	    height: 25em;
	}
	#oneVideo{
		width: 100%;
	    height: auto;
	}
	
	
	.winllimg {
		height: auto;
		top: auto;
		bottom: 0
	}
	.winllimg img {
		position: static;
		max-width: 100%;
		height: auto;
		display: block
	}
	.winllcenter {
		overflow: visible
	}
	.nav_li.twoleft {
		left: 12em
	}
	.gerd_top {
		height: auto
	}
	.sub_navbox.one_sub {
		height: 18.5em
	}
	.jobul li {
		height: 48em
	}
	
	.our_nr{
		height: 41.8em;
	}
}

@media screen and (max-width:1280px) {
	.nav_li.oneleft {
		left: 5em
	}
	.nav_text.aboutextbox {
		left: 18em
	}
	.two_sub .nav_text {
		left: 18em
	}
	.ctg_one {
		display: none
	}
	.index_fivebox {
		max-width: 75em;
	}
	.footer_box{
		width:auto;
		max-width: 75em;
	}
	.win_small{
		height: 27em;
	}
}

@media screen and (max-width:860px) {
	body {
		min-width: 100%;
		font-size: 12px
	}
	header {
		position: fixed;
		height: 5.62em;
		top: 0;
		left: 0;
		z-index: 99;
		box-shadow: 0 2px 5px rgba(0, 0, 0, .1);
		background: #fff
	}
	.nav {
		display: none
	}
	.logo {
		left: 1em;
		margin: 0 auto;
		width: 15em
	}
	.video_button {
		z-index: 2
	}
	.web_menu {
		font-family: icon;
		height: 3em;
		width: 3em;
		text-align: center;
		line-height: 3em;
		position: absolute;
		right: 1.5em;
		top: 0;
		bottom: 0;
		margin: auto 0;
		display: block
	}
	.in_onebox {
		height: auto
	}
	.web_menu font {
		font-size: 2em;
		color: #851112
	}
	.web_menubox {
		width: 13em;
		height: 100%;
		position: fixed;
		right: 0;
		top: 0;
		z-index: 99;
		background: #fff;
		box-shadow: -2px 0 5px rgba(0, 0, 0, .1);
		transform: translateX(105%);
		display: block;
		overflow: auto
	}
	.web_menubox.on {
		transform: translateX(0)
	}
	.web_close {
		height: 5.62em;
		width: 100%;
		position: relative
	}
	.web_close span {
		width: 2em;
		height: 2em;
		display: block;
		text-align: center;
		line-height: 2em;
		font-family: icon;
		position: absolute;
		right: 2.5em;
		top: 1em
	}
	.web_close span font {
		font-size: 1.5em;
		color: #851112
	}
	.web_nav {
		width: 100%
	}
	.web_nav li {
		width: 100%;
		min-height: 4em;
		border-bottom: 1px solid #e5e5e5;
		font-family: icon
	}
	.web_nav li p.classA {
		font-size: 1.25em;
		line-height: 4em;
		position: relative;
		text-indent: 2em;
		padding: .3em 0
	}
	.web_nav li p.classA font {
		position: absolute;
		display: block;
		right: 1em;
		top: 0;
		bottom: 0;
		margin: auto 0;
		width: 1em;
		height: 1em;
		text-align: center;
		line-height: 1em;
		text-indent: 0;
		color: #999
	}
	.web_nav li:first-child p.classA font {
		display: none
	}
	.web_nav li:nth-child(6) p.classA font {
		display: none
	}
	.three_loopbox p {
		margin-bottom: .4em
	}
	.web_nav li .web_classb {
		margin-top: -.5em;
		display: none;
		animation: fade-in .4s
	}
	.web_nav li .web_classb .web_classbp .classba {
		display: block;
		font-size: 1.22em;
		line-height: 3em;
		text-indent: 2.5em;
		color: #888
	}
	.classc {
		display: none;
		animation: fade-in .4s
	}
	.classc a {
		display: block;
		font-size: 1.17em;
		text-indent: 3em;
		line-height: 2.5em;
		color: #888
	}
	.web_nav li.on .web_classb {
		display: block;
		color: #851112
	}
	.web_nav li.on .web_ahref {
		color: #851112
	}
	.web_nav li.on p.classA font {
		transform: rotate(90deg);
		color: #851112
	}
	.web_nav li.on .web_classbp.on .classc {
		display: block
	}
	.web_nav li.on .web_classbp.on .classba {
		color: #851112
	}
	.bannerul {
		height: 17em;
		margin-top: 5.62em
	}
	.index_onebox {
		width: calc(100% - 4em);
		text-align: center;
		height: auto;
		margin: 2em auto;
		margin-bottom: 0
	}
	.index_onebox .onebox_blcok span {
		width: 5em;
		height: 5em
	}
	.index_onebox .onebox_blcok {
		margin-right: 2em;
		margin-bottom: 1em
	}
	.index_onebox .onebox_blcok:nth-child(3) {
		margin-right: 0
	}
	.two_text {
		width: 100%;
		float: none;
		width: calc(100% - 4em);
		margin: 0 auto
	}
	.two_text p {
		margin-top: 1em; 
		font-size: 1.25em
	}
	.index_twobox {
		height: auto;
		width: 100%;
		margin: 2em auto;
		margin-top: 0
	}
	.two_video {
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 2em
	}
	.index_threebox,
	.index_fourbox,
	.index_fivebox,
	.index_sixbox {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.index_our {
		width: 100%;
		height: 11.75em;
		float: none
	}
	.fourboxtext p {
		font-size: 1.125em
	}
	.inwin {
		float: none;
		margin-top: 1.5em
	}
	.fourboximg {
		width: 100%;
		height: auto
	}
	.fourboximg img {
		position: static;
		display: block;
		height: auto;
		min-width: auto;
		max-width: 100%
	}
	.fourboxtext {
		position: static
	}
	.index_fivebox .fivetitle {
		font-size: 1.125em
	}
	.index_fivebox .fivetitleen {
		font-size: 1.5em
	}
	.fiveul {
		height: 32em
	}
	.fiveul li:nth-child(1) {
		margin-right: 4px;
		margin-bottom: 4px
	}
	.fiveul li:nth-child(3) {
		margin-right: 4px;
		margin-bottom: 4px
	}
	.fiveul li {
		width: calc(100%/2 - 4px);
		height: calc(100%/2 - 4px);
		margin-right: 0
	}
	.fiveul li .five_nr {
		width: 100%;
		height: 100%
	}
	.inteam_title {
		text-align: center;
		width: 100%;
		position: absolute;
		top: 30%
	}
	.fiveul li .five_nr .inteam_zw {
		width: 100%;
		top: 50%;
		position: absolute;
		top: 40%;
		text-align: center
	}
	.fiveul li .five_nr span {
		display: none
	}
	.fiveul li .five_nr small {
		display: none
	}
	.index_sixbox .fivetitle {
		font-size: 1.125em
	}
	.sixul {
		margin-top: 2em
	}
	.sixul li {
		width: calc(100%/2 - 1px);
		height: 17.5em;
		border-right: 0;
		margin-bottom: 2em;
		float: left
	}
	.sixul li:nth-child(2n) {
		border-right: 0;
		border-left: 1px solid #e5e5e5
	}
	.sixul li small {
		display: block;
		padding: 0 1em;
		width: calc(100% - 2em);
		height: auto
	}
	
	.garden_box:hover .yd_box {
		transform: translateX(0);
	}
	.footer_box{
		width: 90%;
	}

	
	.index_onebox .onebox_blcok p {
		font-size: .6em
	}
	.index_onebox .onebox_blcok:hover {
		transform: translateY(0) scale(1)
	}
	.banner_list {
		bottom: 1em
	}
	.nr_banner {
		margin-top: 5.6em;
		height: 15em
	}
	.htd_one {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.htd_bout {
		height: auto;
		margin-top: 1.5em
	}
	.htd_boutright {
		width: 100%;
		height: auto;
		position: static;
		margin-top: 1em
	}
	.htd_video {
		height: calc(56.25vw - 1px)
	}
	.our {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.our_nr {
		height: auto
	}
	.our_nrul {
		width: 100%
	}
	.our_nr .ourpt {
		max-width: 100%;
		display: none
	}
	.win {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto;
		padding: 2em;
		margin-bottom: 0;
		padding-top: 0
	}
	.win_center .htd_title {
		margin-top: 1.5em
	}
	.win_nrbox {
		margin-top: 1.5em;
		height: auto
	}
	.win_img {
		width: 100%;
		float: none
	}
	.win_text {
		margin-top: 1em
	}
	.win_img img {
		position: static;
		max-width: 100%;
		height: auto
	}
	.winll {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto;
		padding: 2em;
		margin-top: 0
	}
	.winllcenter {
		height: auto
	}
	.winlltext {
		width: 100%;
		height: auto
	}
	.winllimg {
		width: 100%;
		height: auto;
		position: relative;
		margin-top: 1.5em;
		box-shadow: 0 0 0 rgba(0, 0, 0, .1)
	}
	.winllimg img {
		position: static;
		height: auto;
		max-width: 100%
	}
	.eyes_br,
	.guiding {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.stage_title {
		margin-top: 1.5em;
		margin-bottom: 1.5em
	}
	.gorw_icon {
		display: none
	}
	.grow_textnr {
		width: calc(100% - 3em);
		padding: 1.5em;
		height: auto;
		margin-top: 1.5em
	}
	.grow_textnr p {
		margin-top: 0
	}
	.guidimgul li .grow_title {
		margin: 0 auto;
		float: none
	}
	.guidimgul li:after {
		margin: 0 auto
	}
	.field {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.jbly {
		margin-top: 1.5em;
		height: 11em
	}
	.jbly_hx {
		display: none
	}
	.jbly_list li {
		height: auto;
		width: calc(100% - 2px);
		margin-right: 0;
		padding-bottom: 2em;
		margin-bottom: 2em
	}
	.tdly_ul li {
		position: static;
		width: calc(100% - 4px - 2em);
		margin-bottom: 2em
	}
	.tdlybox {
		height: auto
	}
	.tdly_ptimg {
		display: none
	}
	.l_team,
	.r_team {
		display: none
	}
	.tema_small {
		display: none
	}
	.team_nr {
		margin-top: 2em
	}
	.team_box {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.team_s_list {
		white-space: normal
	}
	.team_s_list li {
		height: auto;
		width: 100%;
		margin-bottom: 1.5em
	}
	.team_s_list li .team_img {
		width: 6.5em;
		height: 6.5em;
		margin-left: 0;
		margin-right: 1.5em
	}
	.team_s_list li .team_wz .team_wztitle {
		margin-top: 0
	}
	.team_s_list li .team_wz small {
		margin-top: 1.5em
	}
	.team_s_list li:after {
		display: none
	}
	.distri {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.area_search {
		margin-top: 1.5em
	}
	.area_search {
		margin-bottom: 0
	}
	.area_search select {
		width: calc(100%/3 - 1em);
		margin: .5em
	}
	.area_search .search {
		width: calc(100%/3 - 1em);
		margin-left: .5em
	}
	.region_list {
		width: 100%;
		height: auto
	}
	.gerd_nrbox,
	.gerd_etxt_intr,
	.gardening,
	.job {
		height: auto;
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.gerd_top {
		height: auto
	}
	.gerd_top .gerd_top_img {
		width: 100%;
		position: static;
		height: auto
	}
	.gerd_top .gerd_top_img img {
		position: static;
		height: auto;
		max-width: 100%
	}
	.gerd_nr_estr {
		width: 100%
	}
	.map_box {
		height: 15em
	}
	.area_count {
		height: 25em;
		margin: 2em auto 0;
	}
	.region_list a img {
		max-width: 100%
	}
	.appion {
		height: auto;
		margin-top: 5.62em;
		margin-bottom: 0
	}
	.appion_box {
		width: 100%;
		margin: auto;
		position: static
	}
	.appion_form {
		width: calc(100% - 2em);
		margin: 0 auto;
		margin-top: 2em
	}
	.form_input {
		width: 45%
	}
	.garden_box {
		height: auto
	}
	.garden_img {
		width: 100%;
		height: auto
	}
	.garden_img img {
		height: auto;
		position: static;
		max-width: 100%
	}
	.yd_box {
		position: static;
		width: calc(100% - 2em);
		padding: 1em
	}
	.nur_text {
		position: static;
		transform: translateY(0)
	}
	.jobul {
		margin-top: 1.5em
	}
	.jobul li {
		width: calc(100% - 2px);
		margin-right: 0;
		height: auto
	}
	.news,
	.contentbox {
		width: calc(100% - 4em);
		margin: 2em auto
	}
	.news_list li {
		width: 100%;
		border-right: 0
	}
	.news_box {
		width: 100%
	}
	.htd_boutleft {
		width: 100%;
		border-right: 0
	}
	.news_list li:nth-child(2),
	.news_list li:nth-child(5) {
		border-left: 0
	}
	.two_video img {
		position: static;
		min-width: auto;
		height: auto;
		max-width: 100%;
		display: block
	}
	.in_video {
		position: absolute;
		top: 0;
		left: 0;
		height: calc(56.25vw - 1px)
	}
	.index_onebox .onebox_blcok:hover span {
		transform: translateY(0) scale(1)
	}
	.index_onebox .onebox_blcok:hover h3 {
		transform: translateY(0) scale(1)
	}
	.index_onebox .onebox_blcok:hover p {
		transform: translateY(0) scale(1)
	}
	.fotterlx font {
		display: block;
		text-align: center;
		margin-bottom: 1em
	}
	.fotterlx font:after {
		content: ''
	}
	.appion_form {
		height: auto;
		position: static;
		transform: translateY(0);
		margin-bottom: 3em
	}
	/*.appionallbox .colourtwo {
		bottom: 0
	}*/
	
	.live{
	    max-width: 75em;
	}
	.live li {
	    width: calc(100%/2 - 0.5em);
	    margin-right: 1em;
	    margin-top: 1em;
	    border-radius: 0.571428em;
	}
	.live li:nth-child(2n){
		margin-right: 0;
	}
	.live li .liveImg img{
		width: 100%;
	}
	.live .liveData{
		box-sizing: border-box;
		padding:0 0.714285em 0.714285em;
		width: 100%;
		font-size: 0.857142em;
	}
	.live .liveData p{
		margin-bottom: 1.428571em;
		font-size:0.928571em;
	}
	.live .liveData .DataTitle{
		font-size: 1.142857em;
	}
	.live .watch{
		display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	}
	.our_nrul.on li:nth-child(1) {
	    animation-name: left;
	    min-width: 50%;
	}
	
	.win_small {
	    height: auto;
	}
	.partnerBox{
	   margin-top: 0;
	   padding: 2em;
	}
	
	/*video*/
	.oneVideo{
		width: 94%;
		margin: 1em auto 0;
	    height: auto;
	    position: relative;
	    right: 0;
	    left: 0;
	}
	#oneVideo{
		width: 100%;
	    height: auto;
	    position: relative;
	}
	
	
	/*期刊*/
	.journal ul li{
	    width: calc(100%/3 - 0.334em);
	    margin-right: .5em;
	}
	.journal ul li:nth-child(3n){
		margin-right: 0;
	}
	.journal ul li img{
		width: 100%;
	}
	
	
	
}
@media screen and (max-width:640px) {
	.partnerL, .partnerR{
		width: 49%;
	}
	.area_count {
		height: 15em;
	}
	
	footer {
		padding: 1em 0;
	}
	.footer_box{
		width: 90%;
		display: block;
	    -webkit-justify-content:  initial;
	    justify-content: initial;
	}
	.footer_ewm{
		width: 100%;
		font-size: 1em;
		display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	}
	.footer_ewm .ftEwm1{
		width: 49%;
		display: -webkit-flex;
	    display: flex;
	    -webkit-justify-content: space-between;
	    justify-content: space-between;
	}
	.footer_ewm .ftEwm2{
		margin-top: 0;
	} 
	.footer_ewm .ftEwm1 p{
		margin: auto;
		text-align: center;
	}
	.footer_ewm img{
	    display: block;
	  	width: 100%;
	  	max-width: 50%;
	  	height: 100%;
	}
	.footer_address{
		margin-left: 0;
		margin-top: 1.5em;
	}
	.footer_address h3{
		margin-bottom: .5em;
		padding-bottom: .2em;
		font-size: 1.428571em;
		border-bottom: 2px solid #fff;
	}
	.footer_address p{
		line-height: 1.5;
		font-size: 1em;
	}
	.copyright{
		display: block;
		font-size: 1.214285em;
		margin-top: 1.5em;
		padding-top: 1em;
		text-align: center;
		border-top: 1px solid #eee;
	}
	.footer_address a{
		color: #fff;
	}
}