@charset "utf-8";/*! normalize.css v5.0.0 | MIT License | github.com/necolas/normalize.css */
html {
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%
}
figcaption, figure, main {
	display: block
}
hr {
	box-sizing: content-box;
	height: 0;
	overflow: visible
}
pre {
	font-size: 1em
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects
}
a:active, a:hover {
	outline-width: 0
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted
}
code, kbd, samp {
	font-size: 1em
}
mark {
	background-color: #ff0;
	color: #000
}
sub, sup {
	line-height: 0;
	position: relative;
	vertical-align: baseline
}
sub {
	bottom: -.25em
}
sup {
	top: -.5em
}
audio, video {
	display: inline-block
}
audio:not([controls]) {
	display: none;
	height: 0
}
svg:not(:root) {
	overflow: hidden
}
button, input, optgroup, select, textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0
}
button, input {
	overflow: visible
}
button, select {
	text-transform: none
}
[type=reset], [type=submit], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:1px dotted ButtonText
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	white-space: normal
}
progress {
	display: inline-block;
	vertical-align: baseline
}
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}
summary {
	display: list-item
}
canvas {
	display: inline-block
}
[hidden], template {
display:none
}
blockquote, body, button, caption, dd, div, dl, dt, fieldset, figure, form, h1, h2, h3, h4, h5, h6, hr, html, input, legend, li, menu, ol, p, pre, table, td, textarea, th, ul {
	margin: 0;
	padding: 0
}
address, article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
b, caption, th {
	text-align: left;
	font-weight: 400
}
abbr, body, fieldset, html, iframe, img {
	border: 0
}
address, cite, dfn, em, i, var {
	font-style: normal
}
[hidefocus], summary {
outline:0
}
em {
	font-style: normal;
	font-weight: 400
}
li {
	list-style: none
}
h1, h2, h3, h4, h5, h6, small {
	font-size: 100%
}
sub, sup {
	font-size: 83%
}
code, kbd, pre, samp {
	font-family: inherit
}
q:after, q:before {
	content: none
}
textarea {
	overflow: auto;
	resize: none
}
label, summary {
	cursor: default
}
a, button {
	cursor: pointer
}
h1, h2, h3, h4, h5, h6, strong {
	font-weight: 800
}
a, a:hover, del, ins, s, u {
	text-decoration: none
}
body, button, input, keygen, legend, select, textarea {
	font: 12px/1.14 arial, \5b8b\4f53;
	outline: 0
}
strong {
	font-weight: 700
}
a:hover, a:link, a:visited {
	text-decoration: none
}
.clear {
	clear: both;
	font: 0 Arial;
	height: 0
}
.f-cb:after, .f-cbli li:after {
	display: block;
	clear: both;
	visibility: hidden;
	height: 0;
	overflow: hidden;
	content: "."
}
.f-cb, .f-cbli li {
	zoom: 1
}
.f-ib {
	display: inline-block;
*display:inline;
*zoom:1
}
.f-dn {
	display: none
}
.f-db {
	display: block
}
.f-fl {
	float: left
}
.f-fr {
	float: right
}
.f-pr {
	position: relative
}
.f-prz {
	position: relative;
	zoom: 1
}
.f-oh {
	overflow: hidden
}
.f-oo {
	overflow: auto
}
.f-ff0 {
	font-family: arial, \5b8b\4f53
}
.f-fs1 {
	font-size: 12px
}
.f-fs2 {
	font-size: 14px
}
.f-fwn {
	font-weight: 400
}
.f-fwb {
	font-weight: 700
}
.f-tal {
	text-align: left
}
.f-tac {
	text-align: center
}
.f-tar {
	text-align: right
}
.f-taj {
	text-align: justify;
	text-justify: inter-ideograph
}
.f-vam, .f-vama * {
	vertical-align: middle
}
.f-wsn {
	word-wrap: normal;
	white-space: nowrap
}
.f-pre {
	overflow: hidden;
	text-align: left;
	white-space: pre-wrap;
	word-wrap: break-word;
	word-break: break-all
}
.f-wwb {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all
}
.f-ti {
	overflow: hidden;
	text-indent: -30000px
}
.f-ti2 {
	text-indent: 2em
}
.f-lhn {
	line-height: normal
}
.f-tdu, .f-tdu:hover {
	text-decoration: underline
}
.f-tdn, .f-tdn:hover {
	text-decoration: none
}
.f-toe {
	overflow: hidden;
	word-wrap: normal;
	white-space: nowrap;
	text-overflow: ellipsis
}
.f-csp {
	cursor: pointer
}
.f-csd {
	cursor: default
}
.f-csh {
	cursor: help
}
.f-csm {
	cursor: move
}
.f-usn {
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none
}
a {
	-webkit-transition: color .3s;
	-moz-transition: color .3s;
	-ms-transition: color .3s;
	-o-transition: color .3s;
	transition: color .3s
}
body, html {
	width: 100%;
	font-family: Arial, '\5fae\8f6f\96c5\9ed1'
}
body.active {
	overflow: hidden
}
@-webkit-keyframes ball-spin-fade-loader {
50% {
opacity:.3;
-webkit-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1;
-webkit-transform:scale(1);
transform:scale(1)
}
}
@-moz-keyframes ball-spin-fade-loader {
50% {
opacity:.3;
-moz-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1;
-moz-transform:scale(1);
transform:scale(1)
}
}
@-ms-keyframes ball-spin-fade-loader {
50% {
opacity:.3;
-ms-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1;
-ms-transform:scale(1);
transform:scale(1)
}
}
@-o-keyframes ball-spin-fade-loader {
50% {
opacity:.3;
-o-transform:scale(0.4);
transform:scale(0.4)
}
100% {
opacity:1;
-o-transform:scale(1);
transform:scale(1)
}
}
@keyframes ball-spin-fade-loader {
50% {
opacity:.3;
transform:scale(0.4)
}
100% {
opacity:1;
transform:scale(1)
}
}
.loader {
	background: #fff;
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 10000000000
}
.loader-inner {
	position: absolute;
	top: 49%;
	left: 49%;
	
}
.loader-inner>div:nth-child(1) {
	top: 25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1s 0s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s 0s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s 0s infinite linear;
	-o-animation: ball-spin-fade-loader 1s 0s infinite linear;
	animation: ball-spin-fade-loader 1s 0s infinite linear
}
.loader-inner>div:nth-child(2) {
	top: 17.5px;
	left: 17.5px;
	-webkit-animation: ball-spin-fade-loader 1s .12s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .12s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .12s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .12s infinite linear;
	animation: ball-spin-fade-loader 1s .12s infinite linear
}
.loader-inner>div:nth-child(3) {
	top: 0;
	left: 25px;
	-webkit-animation: ball-spin-fade-loader 1s .24s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .24s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .24s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .24s infinite linear;
	animation: ball-spin-fade-loader 1s .24s infinite linear
}
.loader-inner>div:nth-child(4) {
	top: -17.5px;
	left: 17.5px;
	-webkit-animation: ball-spin-fade-loader 1s .36s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .36s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .36s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .36s infinite linear;
	animation: ball-spin-fade-loader 1s .36s infinite linear
}
.loader-inner>div:nth-child(5) {
	top: -25px;
	left: 0;
	-webkit-animation: ball-spin-fade-loader 1s .48s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .48s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .48s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .48s infinite linear;
	animation: ball-spin-fade-loader 1s .48s infinite linear
}
.loader-inner>div:nth-child(6) {
	top: -17.5px;
	left: -17.5px;
	-webkit-animation: ball-spin-fade-loader 1s .6s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .6s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .6s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .6s infinite linear;
	animation: ball-spin-fade-loader 1s .6s infinite linear
}
.loader-inner>div:nth-child(7) {
	top: 0;
	left: -25px;
	-webkit-animation: ball-spin-fade-loader 1s .72s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .72s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .72s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .72s infinite linear;
	animation: ball-spin-fade-loader 1s .72s infinite linear
}
.loader-inner>div:nth-child(8) {
	top: 17.5px;
	left: -17.5px;
	-webkit-animation: ball-spin-fade-loader 1s .84s infinite linear;
	-moz-animation: ball-spin-fade-loader 1s .84s infinite linear;
	-ms-animation: ball-spin-fade-loader 1s .84s infinite linear;
	-o-animation: ball-spin-fade-loader 1s .84s infinite linear;
	animation: ball-spin-fade-loader 1s .84s infinite linear
}
	.loader-inner > div {
		background: #e60012;
		width: 15px;
		height: 15px;
		border-radius: 100%;
		margin: 2px;
		-webkit-animation-fill-mode: both;
		-moz-animation-fill-mode: both;
		-ms-animation-fill-mode: both;
		-o-animation-fill-mode: both;
		animation-fill-mode: both;
		position: absolute
	}
.wrap {
	height: 100%;
	overflow: hidden;
	background: #fff
}
.nav {
	width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	border-bottom: 1px solid #d2d2d2;
	padding: 14px 0;
	background: #fff;
	font-size: 16px;
font-size:.8vw;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.nav a {
	-webkit-transition: color 0s;
	-moz-transition: color 0s;
	-ms-transition: color 0s;
	-o-transition: color 0s;
	transition: color 0s
}
.nav.active {
	background: 0 0;
	border-bottom: 1px solid #fff
}
#playvideo {
	position: absolute;
	left: .5%;
	top: 50%;
	z-index: 100;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
#playvideo svg {
	width: 34px;
	height: 34px
}
#playvideo svg g {
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
#playvideo:hover svg g#jt1 {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
#playvideo:hover svg g#jt2 {
	-webkit-transform: rotate(-360deg);
	-moz-transform: rotate(-360deg);
	-ms-transform: rotate(-360deg);
	-o-transform: rotate(-360deg);
	transform: rotate(-360deg)
}
.nav .cls-1 {
	fill: #e60012
}
.nav.active .cls-1 {
	fill: #fff
}
.u-nav-btn {
	position: absolute;
	right: 20px;
	top: 50%;
	z-index: 10000;
	width: 25px;
	height: 20px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	overflow: hidden;
	display: none
}
.u-nav-btn span.burger {
	width: 100%;
	height: 2px;
	position: absolute;
	top: 45%;
	right: 0;
	background: #e60012;
	-webkit-transition: .56s cubic-bezier(0.52, .01, .16, 1);
	-moz-transition: .56s cubic-bezier(0.52, .01, .16, 1);
	-ms-transition: .56s cubic-bezier(0.52, .01, .16, 1);
	-o-transition: .56s cubic-bezier(0.52, .01, .16, 1);
	transition: .56s cubic-bezier(0.52, .01, .16, 1);
	-webkit-transform-origin: 100% 0;
	-moz-transform-origin: 100% 0;
	-ms-transform-origin: 100% 0;
	-o-transform-origin: 100% 0;
	transform-origin: 100% 0
}
.u-nav-btn span.burger:nth-child(2) {
	width: 100%
}
.u-nav-btn span.burger:nth-child(1) {
	top: 0
}
.u-nav-btn span.burger:nth-child(3) {
	top: 90%
}
.u-nav-btn span:nth-child(1) {
	-webkit-transition-delay: .12s;
	-moz-transition-delay: .12s;
	-ms-transition-delay: .12s;
	-o-transition-delay: .12s;
	transition-delay: .12s
}
.u-nav-btn span:nth-child(2) {
	-webkit-transition-delay: .24s;
	-moz-transition-delay: .24s;
	-ms-transition-delay: .24s;
	-o-transition-delay: .24s;
	transition-delay: .24s
}
.u-nav-btn span:nth-child(3) {
	-webkit-transition-delay: .36s;
	-moz-transition-delay: .36s;
	-ms-transition-delay: .36s;
	-o-transition-delay: .36s;
	transition-delay: .36s
}
.u-nav-btn span.cross {
	width: 100%;
	height: 2px;
	position: absolute;
	top: 50%;
	left: 0
}
.u-nav-btn span.cross:nth-child(4) {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg)
}
.u-nav-btn span.cross:nth-child(5) {
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.u-nav-btn span.cross::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #e60012;
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: 0 0;
	-moz-transform-origin: 0 0;
	-ms-transform-origin: 0 0;
	-o-transform-origin: 0 0;
	transform-origin: 0 0;
	-webkit-transition: .45s;
	-moz-transition: .45s;
	-ms-transition: .45s;
	-o-transition: .45s;
	transition: .45s
}
.u-nav-btn.active span.burger {
	-webkit-transform: scaleX(0);
	-moz-transform: scaleX(0);
	-ms-transform: scaleX(0);
	-o-transform: scaleX(0);
	transform: scaleX(0)
}
.u-nav-btn.active span.cross:nth-child(4)::before {
	-webkit-transition-delay: .42s;
	-moz-transition-delay: .42s;
	-ms-transition-delay: .42s;
	-o-transition-delay: .42s;
	transition-delay: .42s
}
.u-nav-btn.active span.cross:nth-child(5)::before {
	-webkit-transition-delay: .57s;
	-moz-transition-delay: .57s;
	-ms-transition-delay: .57s;
	-o-transition-delay: .57s;
	transition-delay: .57s
}
.u-nav-btn.active span.cross::before {
	-webkit-transform: scaleX(1);
	-moz-transform: scaleX(1);
	-ms-transform: scaleX(1);
	-o-transform: scaleX(1);
	transform: scaleX(1)
}
.nav-top {
	width: 65%;
	margin: 0 auto;
	position: relative
}
.nav-top .logo {
	width: 8%;
	display: inline-block;
	position: relative;
	z-index: 10000
}
.nav-top .logo img {
	max-height: 74px
}
.nav-top .logo .logo-red {
	display: inline-block
}
.nav-top .logo .logo-white, .nav.active .nav-top .logo-red {
	display: none
}
.nav.active .nav-top .logo-white {
	display: inline-block
}
.menu {
	width: 100%;
	display: inline-block;
	position: absolute;
	left: 50%;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	text-align: center
}
.menu>li {
	padding: 0 3%;
	border-left: 1px solid #d2d2d2
}
.nav.active .menu>li {
	border-left: 1px solid #fff
}
.menu>li:first-child, .nav.active .menu>li:first-child {
	border: 0
}
.menu li {
	width: auto;
	display: inline-block;
	position: relative
}
.menu li a {
	color: #575757
}
.nav.active .menu li a {
	color: #fff
}
.menu li a:hover, .menu li.active>a {
	color: #e60012
}
.menu li ul {
	width: 150%;
	position: absolute;
	left: 0;
	background: #fff;
	padding: 30% 0 10%;
	display: none;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	z-index: 10
}
.menu li ul li {
	width: 100%;
	line-height: 36px;
	line-height: 1.8vw;
	text-align: left
}
.menu li ul li a {
	display: inline-block;
	margin-left: 18%
}
.lang {
	position: absolute;
	right: 0;
	top: 50%;
	z-index: 100;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%)
}
.nav.active .lang b {
	color: #fff
}
.lang b {
	font-weight: 700;
	color: #e60012
}
.nav.active .lang a, .nav.active .lang em {
	color: #fff
}
.lang a, .lang em {
	color: #575757
}
.lang em {
	padding: 0 5px
}
.lang a:hover {
	color: #e60012
}
.shoji{ display:none}

.header-bg{width: 100%;
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	padding: 14px 0;
	background: #fff; color:#151516;}
	.header-bg a {
		color: #151516;
	}
.header{
    margin-left: 10vw;
    margin-right: 10vw;    display: flex;
    justify-content: space-between;
    align-items: center;
}
.header01{    min-width: 780px;}
.sahg{display: flex;align-items: center;justify-content: space-between;padding-bottom: 10px;border-bottom: 1px solid #bbb;}
.see{
    border:1px solid rgba(187,187,187,.2);
    border-radius:10px;
    display: flex;
    line-height:24px;
    height:24px;
    width: 120px;
    justify-content: space-between;
    }
.see a{    display: flex;
    justify-content: center;
    align-items: center;
 width:24px; height:24px;}	
.see a img{width: 81%;}
.see .input_text01{outline:none; color:#fff; font-size:14px;  width:calc(100% - 30px); background:none; border:none;}
.see .input_text01::-webkit-input-placeholder{ color:#fff;}
.sahg span{font-size:13px;opacity:0.6;color:#a6895d;line-height:24px;font-weight: bold;}
.sahg ul{display: flex;align-items: center;justify-content: space-between;width: 68%;}
.sahg ul li a{ font-size:13px; font-weight:bold;}
.xie{    display: flex;  align-items: center; padding-top:10px;}
.xie ul{display: flex;align-items: center;justify-content: space-between;width: 68%; width:100%;}
.xie ul li a{ font-size:13px; font-weight:bold; line-height:20px;}
	.xie ul li a:hover {
		color: #cc181f
	}
.xie ul li{ position:relative; }
.xie ul li dl{ background:#fff; width:auto; position:absolute; left:0px; top:20px; box-shadow:2px 2px 5px rgba(0,0,0,0.2); padding:10px 0;display:none; }
.xie ul li dl dd{ line-height:28px;border-bottom:#ddd dotted 1px; margin:0 10px; }
.xie ul li dl dd a{ font-size:12px; color:#151516; font-weight:normal; display:inline; padding:0; text-align:left;white-space:nowrap; }
	.xie ul li dl dd a:hover {
		color: #cc181f;
	}

.logo02{
    width: 120px;
}
.logo02 img{ display:block; width:100%;}

@media only screen and (max-width:767px) {
.shoji{ display:block}
.header-bg{ display:none}
.nav {
	padding: 0;
	font-size: 16px
}
.nav.active {
	background: #fff
}
.u-nav-btn {
	display: block
}
.nav-top {
	width: 100%;
	float: left
}
.nav.active .nav-top .logo-red {
	display: block
}
.nav.active .nav-top .logo-white {
	display: none
}
.nav-top .logo {
	width: auto;
	margin-left: 20px;
	float: left
}
.nav-top .logo img {
	height: 50px;
	margin: 7px 0
}
.menu {
	width: 100%;
	height: 100%;
	position: fixed;
	left: 0;
	top: 65px;
	z-index: 101;
	padding-top: 20px;
	-webkit-transform: translate(0, 100px);
	-moz-transform: translate(0, 100px);
	-ms-transform: translate(0, 100px);
	-o-transform: translate(0, 100px);
	transform: translate(0, 100px);
	background: #fff;
	display: none;
	text-align: left;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.menu.active {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.menu>li {
	padding: 0;
	padding-left: 10%;
	border-left: 0;
	line-height: 40px
}
.nav.active .menu>li {
	border-left: 0
}
.menu li {
	width: 100%
}
.menu li a {
	width: auto;
	display: inline-block
}
.menu li ul {
	position: relative;
	padding: 0
}
.menu li ul li {
	line-height: 20px
}
.menu li ul li a {
	margin-left: 10%
}
.lang {
	right: 20%;
	line-height: 16px;
	font-size: 14px
}
.nav.active .lang b {
	color: #e60012
}
.nav.active .lang a, .nav.active .lang em {
	color: #575757
}
}
.index-con {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden
}
.index-con li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 10%;
	top: 0;
	overflow: hidden;
	z-index: 1
}
.index-con li.first {
	width: 100%;
	left: 0;
	z-index: 2;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-duration: .5s, 10s;
	-moz-transition-duration: .5s, 10s;
	-ms-transition-duration: .5s, 10s;
	-o-transition-duration: .5s, 10s;
	transition-duration: .5s, 10s;
	-webkit-transition-property: left, transform;
	-moz-transition-property: left, transform;
	-ms-transition-property: left, transform;
	-o-transition-property: left, transform;
	transition-property: left, transform;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	-moz-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	-ms-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	-o-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	transition-timing-function: cubic-bezier(0.42, 0, .58, 1)
}
.index-con li.active {
	width: 100%;
	left: 0;
	z-index: 2;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	-webkit-transition-duration: 1s, 10s;
	-moz-transition-duration: 1s, 10s;
	-ms-transition-duration: 1s, 10s;
	-o-transition-duration: 1s, 10s;
	transition-duration: 1s, 10s;
	-webkit-transition-property: left, transform;
	-moz-transition-property: left, transform;
	-ms-transition-property: left, transform;
	-o-transition-property: left, transform;
	transition-property: left, transform;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	-moz-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	-ms-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	-o-transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	transition-timing-function: cubic-bezier(0.42, 0, .58, 1)
}
.index-con li.leaving {
	width: 0;
	left: -10%;
	z-index: 3;
	-webkit-transition-duration: 1.25s, 1.25s;
	-moz-transition-duration: 1.25s, 1.25s;
	-ms-transition-duration: 1.25s, 1.25s;
	-o-transition-duration: 1.25s, 1.25s;
	transition-duration: 1.25s, 1.25s;
	-webkit-transition-property: left, width;
	-moz-transition-property: left, width;
	-ms-transition-property: left, width;
	-o-transition-property: left, width;
	transition-property: left, width;
	-webkit-transition-delay: 0s;
	-moz-transition-delay: 0s;
	-ms-transition-delay: 0s;
	-o-transition-delay: 0s;
	transition-delay: 0s;
	-webkit-transition-timing-function: 'ease-in-out';
	-moz-transition-timing-function: 'ease-in-out';
	-ms-transition-timing-function: 'ease-in-out';
	-o-transition-timing-function: 'ease-in-out';
	transition-timing-function: 'ease-in-out'
}
.index-con li div {
	width: 100%;
	height: 100%;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1
}
.index-con-txt {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	z-index: 100;
	overflow: hidden;
	text-align: center
}
.index-con-txt div {
	opacity: 0
}
.index-con-txt div:first-child {
	margin-top: 15%
}
.index-con-txt div img {
	width: 21.5625%
}
.index-con-txt p {
	display: inline-block;
	width: 50%;
	line-height: 40px;
	line-height: 1.5vw;
margin-top:.5vw;
	font-size: 22px;
	font-size: 1vw;
	color: #fff
}
.index-con-txt p.more {
	text-align: center
}
.index-con-txt a {
	display: inline-block;
	padding: 5px 25px;
	margin-top: 20px;
	position: relative;
	background: #e60012;
font-size:.9vw
}
.index-con-txt a em {
	position: absolute;
	right: 3px;
	bottom: -10%;
	font-weight: 700;
	-webkit-transform-origin: 50% 55%;
	-moz-transform-origin: 50% 55%;
	-ms-transform-origin: 50% 55%;
	-o-transform-origin: 50% 55%;
	transform-origin: 50% 55%;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.index-con-txt a:hover em {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
.progress {
	width: 5%;
	height: 2px;
	overflow: hidden;
	background: #fff;
	position: absolute;
	bottom: 5%;
	left: 47.5%;
	z-index: 10
}
.progress span {
	width: 0;
	height: 2px;
	display: block;
	background: #e60012
}
.index-con #morecon {
	width: 47%;
	position: absolute;
	left: 26.5%;
	top: -100%;
	z-index: 1000;
	background: #fff;
	padding: 50px 0;
	padding: 2.5vw 0;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.index-con #morecon.active {
	opacity: 1;
	top: 0
}
.index-con #morecon .morelogo {
	text-align: center
}
.index-con #morecon img {
	width: 23.77%
}
.index-con .morecon {
	background-image: url(../images/index_more_bg.jpg);
	background-size: 50% auto;
	background-position: center;
	background-repeat: no-repeat
}
.index-con #morecon p {
	width: 77.7777%;
	margin-left: 11%;
	margin-top: 20px;
	margin-top: 1vw;
	line-height: 34px;
	line-height: 2vw;
	font-size: 20px;
	font-size: 1vw;
	color: #575757
}
.index-video {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10002;
	width: 100%;
	height: 100%;
	background: #000;
	overflow: hidden
}
.index-video video {
	width: 1200px;
	position: relative;
	z-index: 1;
	left: 50%;
	top: 50%;
	margin: -337px 0 0 -600px
}
#skip {
	position: absolute;
	left: 50%;
	bottom: 1%;
	z-index: 2;
	margin-left: -20px;
	width: 30px;
	padding: 5px;
	background: #e60012;
	color: #fff;
	font-size: 12px;
	text-align: center;
	cursor: pointer;
	opacity: .5;
	-webkit-transition: opacity .3s;
	-moz-transition: opacity .3s;
	-ms-transition: opacity .3s;
	-o-transition: opacity .3s;
	transition: opacity .3s;
	border-radius: 5px
}
#skip:hover {
	opacity: 1
}
.copyright {
	position: fixed;
	left: 1%;
	bottom: 2%;
	z-index: 10001;
	color: #fff;
	font-size: 12px
}
.copyright.active {
	color: #e60012
}
.copyright a {
	color: #fff
}
@media only screen and (min-width:768px) and (max-width:1024px) {
.index-con-txt div:first-child {
	margin-top: 30%
}
.index-video video {
	width: 100%
}
}
@media only screen and (max-width:767px) {
#playvideo {
	position: fixed;
	left: 2%;
	top: auto;
	bottom: 2%
}
#playvideo svg {
	width: 17px;
	height: 17px
}
.index-con-txt div:first-child {
	margin-top: 50%
}
.index-con-txt div img {
	width: 50%
}
.index-con-txt p {
	display: inline-block;
	width: 70%;
	line-height: 20px;
	margin-top: 20px;
	margin-top: 5vw;
	font-size: 12px
}
.index-con-txt a {
	font-size: 12px
}
.index-con #morecon {
	width: 100%;
	left: 0;
	padding: 20px 0
}
.index-con #morecon img {
	width: 23.77%
}
.index-con .morecon {
	background-image: url(../images/index_more_bg.jpg);
	background-size: 50% auto;
	background-position: center;
	background-repeat: no-repeat
}
.index-con #morecon p {
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
	line-height: 20px;
	font-size: 12px
}
.index-video {
	width: 0;
	height: 0
}
.index-video video {
	width: 100%;
	left: 0;
	top: 0;
	margin: 0
}
.progress {
	width: 20%;
	bottom: 10%;
	left: 40%
}
.copyright {
	width: 100%;
	left: 0;
	right: auto;
	text-align: center
}
.copyright a {
	display: none
}
}
.banner {
	width: 100%;
	overflow: hidden;
	position: relative
}
.banner #big li {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	overflow: hidden;
	z-index: 1
}
.banner #big li div {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 10%;
	top: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.banner #big li.first {
	width: 100%;
	z-index: 2
}
.banner #big li.first div {
	width: 100%;
	left: 0;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: .5s, 10s;
	transition-property: left, transform;
	transition-delay: .1s;
	transition-timing-function: cubic-bezier(0.42, 0, .58, 1)
}
.banner #big li.active {
	width: 100%;
	z-index: 2
}
.banner #big li.active div {
	width: 100%;
	left: 0;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	transition-duration: 1s, 10s;
	transition-property: left, transform;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.42, 0, .58, 1)
}
.banner #big li.leaving {
	width: 0;
	left: -10%;
	transition-duration: 1.25s, 1.25s;
	transition-property: left, width;
	transition-delay: 0s;
	transition-timing-function: cubic-bezier(0.42, 0, .58, 1);
	transition-timing-function: 'ease-in-out';
	z-index: 3
}
.banner #big li.leaving div {
	width: 0;
	left: -10%
}
.banner #big li dl {
	width: 1050px;
	position: absolute;
	left: 50%;
	top: 30%;
	margin-left: -525px;
	z-index: 1000;
	color: #fff
}
.banner #big li dl dt {
	font-size: 50px;
	font-size: 2.5vw;
	line-height: 60px;
	line-height: 3.5vw;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	font-weight: 700
}
.banner #big li dl dd {
	font-size: 22px;
	font-size: 1.2vw;
	line-height: 40px;
	line-height: 2.5vw;
	margin-top: 20px;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0
}
.banner #big li.first dl dd, .banner #big li.first dl dt {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner #big li.first dl dt {
	transition-delay: .3s
}
.banner #big li.first dl dd {
	transition-delay: .5s
}
.banner #big li.active dl dd, .banner #big li.active dl dt {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner #big li.active dl dt {
	transition-delay: .5s
}
.banner #big li.active dl dd {
	transition-delay: .7s
}
.banner #big li.leaving dl dt {
	font-size: 50px;
	line-height: 60px;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-webkit-transition: all .5s .4s;
	-moz-transition: all .5s .4s;
	-ms-transition: all .5s .4s;
	-o-transition: all .5s .4s;
	transition: all .5s .4s
}
.banner #big li.leaving dl dd {
	font-size: 22px;
	line-height: 40px;
	margin-top: 20px;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-webkit-transition: all .5s .3s;
	-moz-transition: all .5s .3s;
	-ms-transition: all .5s .3s;
	-o-transition: all .5s .3s;
	transition: all .5s .3s
}
.banner-btn {
	width: 660px;
	position: absolute;
	bottom: 5%;
	left: 50%;
	z-index: 10;
	margin-left: -330px;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner-btn.active {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	transition-delay: .7s
}
.banner-btn a {
	position: absolute;
	top: 50%;
	right: 0;
	margin-top: -14px;
	opacity: .7;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.banner-btn a:first-child {
	left: 0
}
.banner-btn a:hover {
	opacity: 1
}
.banner-btn .btn-con {
	width: 600px;
	height: 108px;
	line-height: 108px;
	margin: 0 auto;
	overflow: hidden
}
.banner-btn #small {
	margin: 0 auto;
	height: 108px;
	line-height: 108px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.banner-btn #small li {
	float: left;
	width: 194px;
	height: 100%;
	margin: 0 3px;
	overflow: hidden;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	font-size: 18px;
	font-weight: 700;
	text-align: center;
	color: #fff;
	cursor: pointer;
	position: relative
}
.banner-btn #small li span {
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner-btn #small li:before {
	content: '';
	width: 0;
	height: 94px;
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	left: 7px;
	top: 6px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner-btn #small li:after {
	content: '';
	width: 178px;
	height: 0;
	display: block;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	position: absolute;
	left: 7px;
	top: 6px;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.banner-btn #small li.active span, .banner-btn #small li:hover span {
	opacity: 1
}
.banner-btn #small li.active:before, .banner-btn #small li:hover:before {
	width: 178px
}
.banner-btn #small li.active:after, .banner-btn #small li:hover:after {
	height: 94px
}
.tourism .list {
	margin: 160px 0 0;
	margin: 8vw 0 0;
	position: relative;
	float: left;
	width: 100%
}
.tourism .list .pic {
	width: 62.5%;
	float: left;
	overflow: hidden
}
.tourism .list .text {
	width: 550px;
	height: 550px;
	float: right;
	display: table;
	background: #e60012;
	position: absolute;
	right: 12.24%;
	top: 103px;
	color: #fff;
	font-size: 22px;
	line-height: 40px
}
.tourism .list .text p {
	display: table-cell;
	vertical-align: middle;
	padding: 50px
}
.tourism .list .text p span {
	display: block;
	padding-top: 40px;
	text-indent: 2em
}
.tourism .list .text p span:first-child {
	padding-top: 0
}
.tourism .list .text p span b {
	font-size: 36px;
	margin-right: 15px
}
.tourism .list .text p em {
	position: absolute;
	right: 50px;
	bottom: 50px;
	font-size: 40px;
	font-weight: 700
}
.tourism .list.right .pic {
	float: right
}
.tourism .list.right .text {
	right: auto;
	left: 12.34%
}
.tourism .list.center .center-pic {
	text-align: center
}
.tourism .list.center .center-pic img {
	margin: 0 20px
}
.tourism .list.center .center-text {
	width: 700px;
	margin: 100px auto 0;
	font-size: 22px;
	color: #575757;
	line-height: 40px
}
.tourism .list.center .center-text span {
	display: block;
	text-indent: 2em
}
.tourism .list.center .center-text b {
	margin-right: 15px;
	font-size: 36px;
	color: #e60012
}
.tourism .list .pic.animate, .tourism .list.center .center-pic img:first-child, .tourism .list.right .text.animate {
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.tourism .list .text.animate, .tourism .list.center .center-pic img:last-child, .tourism .list.right .pic.animate {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.tourism .list .pic.animate.scroll, .tourism .list .text.animate.scroll, .tourism .list.center .center-pic img.animate.scroll {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.tourism .list.center .center-text span.animate {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.tourism .list.center .center-text span.animate.scroll {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.page {
	overflow: hidden;
	background: #fff
}
.page li {
	width: 50%;
	height: 240px;
	float: left;
	overflow: hidden;
	cursor: pointer;
	position: relative;
	background: #fff
}
.page li img {
	height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.page li:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none
}
.page li dl {
	position: absolute;
	top: 70px;
	color: #fff;
	width: 88%;
	opacity: .7;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.page .prev dl {
	left: 0;
	text-align: right
}
.page .next dl {
	right: 0
}
.page .prev.animate {
	-webkit-transform: translateX(-30px);
	-moz-transform: translateX(-30px);
	-ms-transform: translateX(-30px);
	-o-transform: translateX(-30px);
	transform: translateX(-30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.page .next.animate {
	-webkit-transform: translateX(30px);
	-moz-transform: translateX(30px);
	-ms-transform: translateX(30px);
	-o-transform: translateX(30px);
	transform: translateX(30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.page .next.animate.scroll, .page .prev.animate.scroll {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.page li dl dt {
	line-height: 50px;
	border-bottom: 1px solid #fff;
	font-size: 18px
}
.page li dl dd {
	line-height: 60px;
	font-size: 36px;
	font-weight: 700
}
.page li:hover dl {
	opacity: 1
}
.foot {
	background: #e60012;
	padding: 50px 0;
	position: relative;
	z-index: 10
}
.foot-menu {
	width: 1000px;
	margin: 0 auto;
	padding-top: 10px;
	overflow: hidden
}
.foot-menu ul {
	width: 100%;
	height: 1px;
	background: #fff;
	position: relative;
	margin-bottom: 150px
}
.foot-menu.animate ul {
	width: 0;
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	-ms-transition: all .2s;
	-o-transition: all .2s;
	transition: all .2s
}
.foot-menu.animate.scroll ul {
	width: 100%
}
.foot-menu ul li {
	position: absolute;
	top: -5px;
	display: inline-block;
	padding-top: 30px;
	text-align: center
}
.foot-menu ul li:nth-child(1) {
	left: 0
}
.foot-menu ul li:nth-child(2) {
	left: 15%
}
.foot-menu ul li:nth-child(3) {
	left: 30%
}
.foot-menu ul li:nth-child(4) {
	left: 45%
}
.foot-menu ul li:nth-child(5) {
	left: 60%
}
.foot-menu ul li:nth-child(6) {
	left: 75%
}
.foot-menu ul li:nth-child(7) {
	right: 0
}
.foot-menu.animate li {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.foot-menu.animate.scroll li:nth-child(1) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.foot-menu.animate.scroll li:nth-child(2) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.foot-menu.animate.scroll li:nth-child(3) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.foot-menu.animate.scroll li:nth-child(4) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.foot-menu.animate.scroll li:nth-child(5) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.foot-menu.animate.scroll li:nth-child(6) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.foot-menu.animate.scroll li:nth-child(7) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.foot-menu ul li a {
	display: block;
	padding: 5px 10px;
	color: #fff;
	line-height: 30px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	position: relative
}
.foot-menu ul li a:before {
	content: '';
	position: absolute;
	left: 50%;
	top: -31px;
	margin-left: -6px;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #fff
}
.foot-menu ul li a:after {
	content: '';
	position: absolute;
	left: 50%;
	top: -30px;
	width: 1px;
	height: 0;
	background: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.foot-menu ul li em {
	font-size: 20px
}
.foot-menu ul li em:before {
	content: '';
	width: 100%;
	height: 0;
	position: absolute;
	left: 0;
	top: 0;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box
}
.foot-menu ul li em:after {
	content: '';
	width: 0;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	box-sizing: border-box
}
.foot-menu ul li i {
	font-size: 12px
}
.foot-menu ul li a:hover:after {
	height: 30px
}
.foot-menu ul li a:hover em:before {
	height: 100%
}
.foot-menu ul li a:hover em:after {
	width: 100%
}
.foot-addr {
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 40px;
	overflow: hidden
}
.foot-addr dl {
	width: 18%;
	padding: 0 1%;
	float: left;
	color: #fff;
	text-align: center
}
.foot-addr.animate dl {
	-webkit-transform: translateY(30px);
	-moz-transform: translateY(30px);
	-ms-transform: translateY(30px);
	-o-transform: translateY(30px);
	transform: translateY(30px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.foot-addr.animate.scroll dl:nth-child(1) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.foot-addr.animate.scroll dl:nth-child(2) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.foot-addr.animate.scroll dl:nth-child(3) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.foot-addr.animate.scroll dl:nth-child(4) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.foot-addr.animate.scroll dl:nth-child(5) {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1;
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.foot-addr dt {
	font-size: 18px;
	padding-bottom: 20px
}
.foot-addr dd {
	margin-bottom: 10px;
	line-height: 20px;
	text-align: left;
	font-size: 14px
}
.foot-addr dd img {
	width: 9%;
	vertical-align: middle;
	margin-right: 15px;
margin-right:.5vw
}
.foot-addr dd:last-child img {
	float: left
}
.foot-addr dd:last-child span {
	float: left;
	width: 80%
}
.foot-gotop {
	position: fixed;
	right: 10px;
	bottom: 10px;
	background: #fff;
	padding: 1%;
	text-align: center;
	opacity: .7;
	display: none;
	cursor: pointer
}
.foot-gotop.scroll {
	display: block
}
.foot-gotop:hover {
	opacity: 1
}
@-webkit-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
}
@-moz-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-moz-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
}
@-ms-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-ms-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
}
@-o-keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-o-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
}
@keyframes fadeOutUp {
0% {
opacity:1
}
to {
	opacity: 0;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0)
}
}
.foot-copyright {
	margin-top: 10px;
	color: #fff;
	text-align: center
}
.foot-copyright a {
	color: #fff
}
@media only screen and (max-width:767px) {
.banner #big li dl {
	width: 80%;
	left: 10%;
	margin: 0
}
.banner #big li dl dt {
	font-size: 16px;
	font-size: 5vw;
	line-height: 25px;
	line-height: 7vw
}
.banner #big li dl dd {
	font-size: 12px;
	line-height: 20px;
	line-height: 5vw
}
.banner #big li.leaving dl dd, .banner #big li.leaving dl dt {
	opacity: 0;
	-webkit-transition: all 0s;
	-moz-transition: all 0s;
	-ms-transition: all 0s;
	-o-transition: all 0s;
	transition: all 0s
}
.banner-btn {
	width: 100%;
	margin: 0;
	left: 0;
	bottom: 50%
}
.btn-con {
	display: none
}
.tourism .list .pic {
	width: 100%;
	float: left;
	overflow: hidden
}
.tourism .list .pic img {
	width: 150%
}
.tourism .list .text {
	width: 100%;
	height: auto;
	position: relative;
	right: 0;
	top: 0;
	font-size: 16px;
	line-height: 30px
}
.tourism .list .text p {
	vertical-align: middle;
	padding: 30px
}
.tourism .list .text p span {
	padding-top: 20px
}
.tourism .list .text p span:first-child {
	padding-top: 0
}
.tourism .list .text p span b {
	font-size: 30px;
	margin-right: 15px
}
.tourism .list .text p em {
	right: 30px;
	bottom: 10px;
	font-size: 30px
}
.tourism .list.right .text {
	left: 0
}
.tourism .list.center .center-pic img {
	width: 100%;
	margin: 0
}
.tourism .list.center .center-text {
	width: 80%;
	margin-top: 20px;
	line-height: 30px;
	font-size: 16px
}
.tourism .list.center .center-text b {
	font-size: 30px
}
.page li {
	height: 120px
}
.page li img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none
}
.page li dl {
	top: 40px;
	opacity: 1
}
.page li dl dt {
	line-height: 20px;
	font-size: 12px
}
.page li dl dd {
	line-height: 20px;
	font-size: 14px
}
.foot {
	padding: 20px 0
}
.foot-menu {
	width: 100%
}
.foot-menu ul {
	width: 100%;
	height: auto;
	background: 0 0;
	margin-bottom: 20px
}
.foot-menu.animate.scroll li {
	width: 100%;
	position: relative;
	left: 0;
	right: 0;
	top: 0;
	padding: 0
}
.foot-menu ul li a:after, .foot-menu ul li a:before, .foot-menu ul li em:after, .foot-menu ul li em:before {
	display: none
}
.foot-menu ul li a {
	line-height: 20px;
	padding: 5px 0;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 5px;
	border: 1px solid #fff
}
.foot-menu ul li em {
	font-size: 14px
}
.foot-addr {
	width: 100%
}
.foot-addr dl {
	width: 100%;
	padding: 0;
	margin: 10px 0
}
.foot-addr dt {
	padding-bottom: 10px;
	font-size: 14px
}
.foot-addr dd {
	width: 80%;
	margin: 0 auto;
	font-size: 14px
}
.foot-addr dd:last-child {
	font-size: 14px
}
.foot-addr dd:last-child span {
	width: 100%
}
.foot-addr dd img {
	display: none
}
}
.business {
	width: 100%;
	height: 100%;
	overflow: hidden
}
.business ul {
	height: 100%
}
.business li {
	width: 100%;
	height: 50%;
	float: left;
	overflow: hidden;
	position: relative
}
.business li img {
	width: 100%;
	height: 100%;
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.business li dl {
	width: 77.6%;
	position: absolute;
	top: 35%;
	right: 0;
	color: #fff;
	opacity: .7;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.business li dt {
	font-size: 30px;
	width: 100%;
	position: relative;
	-webkit-transform: translateY(50px);
	-moz-transform: translateY(50px);
	-ms-transform: translateY(50px);
	-o-transform: translateY(50px);
	transform: translateY(50px);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.business li dt:after {
	content: '';
	width: 0;
	height: 1px;
	display: block;
	margin: 30px 0;
	background: #fff;
	-webkit-transition: all .5s .3s;
	-moz-transition: all .5s .3s;
	-ms-transition: all .5s .3s;
	-o-transition: all .5s .3s;
	transition: all .5s .3s
}
.business li dd {
	-webkit-transform: translateY(-50px);
	-moz-transform: translateY(-50px);
	-ms-transform: translateY(-50px);
	-o-transform: translateY(-50px);
	transform: translateY(-50px);
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.business li dd b {
	font-size: 60px;
	font-weight: 700
}
.business li dd i {
	font-size: 30px
}
.business li a:hover img {
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none
}
.business li a:hover dl {
	opacity: 1
}
.business li a:hover dt {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.business li a:hover dt:after {
	width: 100%
}
.business li a:hover dd {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
@media only screen and (max-width:767px) {
.business li img {
	width: auto;
	-webkit-filter: none;
	-moz-filter: none;
	-ms-filter: none;
	-o-filter: none;
	filter: none
}
.business li dl {
	opacity: 1
}
.business li dt {
	font-size: 12px;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px)
}
.business li dt:after {
	margin: 10px 0
}
.business li dd {
	-webkit-transform: translateY(-20px);
	-moz-transform: translateY(-20px);
	-ms-transform: translateY(-20px);
	-o-transform: translateY(-20px);
	transform: translateY(-20px)
}
.business li dd b {
	font-size: 16px;
	font-weight: 700
}
.business li dd i {
	font-size: 12px
}
}
.news-banner {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9;
	background-image: url(../images/news_banner.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.news-banner dl {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -435px;
	color: #fff;
	font-style: italic
}
.news-banner dt {
	float: left;
	font-size: 60px;
	font-weight: 700;
	padding-left: 174px;
	position: relative
}
.news-banner dt:before {
	content: '';
	width: 136px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 50%
}
.news-banner dd {
	float: right;
	font-size: 54px;
	margin-top: 50px;
	padding-right: 174px;
	position: relative
}
.news-banner dd:after {
	content: '';
	width: 136px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	right: 0;
	top: 50%
}
.news-list {
	position: relative;
	z-index: 10;
	background: #fff
}
.news-list li {
	width: 100%;
	padding: 94px 0;
	border-top: 1px solid #d2d2d2
}
.news-list li:first-child {
	border: 0
}
.news-list li dl {
	width: 61.1875%;
	margin: 0 auto;
	overflow: hidden
}
.news-list li dt {
	width: 54%;
	float: left;
	color: #575757
}
	.news-list li dt p, .news-list li dt span {
		line-height: 30px;
		line-height: 1.5vw;
		font-size: 22px;
		font-size: 1vw;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-line-clamp: 2;
		-webkit-box-orient: vertical;
	}
.news-list li dt h1 {
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 40px;
	line-height: 2vw;
	font-size: 30px;
	font-size: 1.3vw
}
	.news-list li dt a {
		display: inline-block;
		padding: 10px 30px 10px 10px;
		background: #fff;
		font-size: 16px;
		font-size: .8vw;
		color: #e60012;
		position: relative;
		margin-top: 30px;
		box-shadow: 3px 2px 4px rgba(0, 0, 0, 0.5);
	}
.news-list li dt a em {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	right: 1px;
	bottom: 1px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
.news-list li dt a:hover em {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
.news-list li dd {
	width: 42%;
	float: right;
	overflow: hidden
}
.news-list li dd img {
	width: 100%
}
.loadmore {
	margin-top: -60px;
	padding-top: 60px
}
.news-content-banner {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.news-content-banner dl {
	position: absolute;
	top: 40%;
	left: 20%;
	width: 60%;
	color: #fff
}
.news-content-banner dt {
	
	font-size: 40px;
	font-weight: 700
}
.news-content-banner dt:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	display: block;
	margin: 20px 0
}
.news-content-banner dd {
	font-size: 40px;
	font-size: 2vw
}
.news-content {
	position: relative;
	z-index: 1;
	overflow: hidden;
	background: #fff;
	padding: 100px 0 0;
	padding: 5vw 0 0;
	line-height: 34px;
	line-height: 1.7vw;
	font-size: 22px;
	font-size: 1vw
}
.news-content h1 {
	width: 90%;
	margin: 0 auto;
	margin-bottom: 50px;
	margin-bottom: 2.5vw;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757;
	text-align: center
}
.news-content section {
	background: #efefef;
	padding: 70px 0;
	padding: 3.5vw 0
}
.news-content p {
	width: 50%;
	margin: 10px auto;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.news-content p em {
	font-size: 14px;
	color: #e60012;
	font-weight: 700
}
.news-content hr {
	width: 60%;
	margin: 50px auto;
	margin: 2.5vw auto;
	border: 0;
	border-top: 1px dashed #b5b5b5
}
.news-content img {
	width: 100%;
	vertical-align: middle
}
.news-content-bottom {
	position: relative;
	z-index: 1;
	background: #fff;
	padding: 150px 0;
	padding: 7.5vw 0
}
.news-content-bottom dl {
	width: 57.29%;
	margin: 0 auto;
	overflow: hidden
}
.news-content-bottom dt {
	width: 34.545%;
	float: left
}
.news-content-bottom dt img {
	width: 100%
}
.news-content-bottom dd {
	width: 57.27%;
	float: right
}
.news-content-bottom dd ul {
	margin-top: 30%
}
.news-content-bottom dd li {
	line-height: 34px;
	line-height: 1.7vw;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
@media only screen and (min-width:768px) and (max-width:1280px) {
.news-banner dl {
	margin-left: -312px
}
.news-banner dt {
	float: left;
	font-size: 30px
}
.news-banner dd {
	margin-top: 30px;
	font-size: 20px
}
}
@media only screen and (max-width:767px) {
.news-banner dl {
	width: 70%;
	top: 58%;
	left: 15%;
	margin-left: 0
}
.news-banner dt {
	float: left;
	font-size: 16px;
	font-weight: 700;
	padding-left: 20%;
	position: relative
}
.news-banner dt:before {
	content: '';
	width: 40px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 50%
}
.news-banner dd {
	float: right;
	font-size: 12px;
	margin-top: 10px;
	padding-right: 20%;
	position: relative
}
.news-banner dd:after {
	content: '';
	width: 40px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	right: 0;
	top: 50%
}
.news-list {
	position: relative;
	z-index: 10;
	background: #fff
}
.news-list li {
	width: 100%;
	padding: 30px 0;
	border-top: 1px solid #969696
}
.news-list li dl {
	width: 90%;
	margin: 0 auto;
	overflow: hidden
}
.news-list li dt {
	width: 100%;
	float: right
}
.news-list li dd {
	width: 100%;
	float: left
}
.news-list li dt p, .news-list li dt span {
	line-height: 20px;
	font-size: 12px
}
.news-list li dt h1 {
	line-height: 20px;
	margin-top: 10px;
	margin-bottom: 0;
	font-size: 14px
}
.news-list li dt a {
	margin-top: 10px;
	font-size: 12px
}
.loadmore {
	margin-top: -30px;
	padding-top: 30px
}
.news-content-banner dl {
	left: 5%;
	width: 90%
}
.news-content-banner dt {
	font-size: 22px
}
.news-content-banner dt:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	display: block;
	margin: 10px 0
}
.news-content-banner dd {
	font-size: 16px
}
.news-content {
	padding: 30px 0 0;
	line-height: 20px;
	font-size: 12px
}
.news-content h1 {
	margin-bottom: 10px;
	font-size: 16px;
	color: #575757
}
.news-content p {
	width: 90%;
	margin: 5px auto;
	font-size: 12px
}
.news-content p em {
	font-size: 12px
}
.news-content hr {
	width: 90%;
	margin: 10px auto
}
.news-content-bottom {
	padding: 50px 0
}
.news-content-bottom dl {
	width: 90%;
	margin: 0 auto;
	overflow: hidden
}
.news-content-bottom dt {
	width: 100%;
	float: left
}
.news-content-bottom dt img {
	width: 100%
}
.news-content-bottom dd {
	width: 100%;
	float: right
}
.news-content-bottom dd ul {
	margin-top: 10px
}
.news-content-bottom dd li {
	line-height: 20px;
	font-size: 12px
}
}
.education {
	width: 100%;
	overflow: hidden;
	position:absolute;
	background-image: url(../images/jy_bg.jpg);
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.education-con {
	width: 100%;
	height: 66.6667%;
	overflow: hidden;
	position: absolute;
	left: 0;
	top: 50%;
	padding: 15px 0
}
.education-con>a {
	position: absolute;
	top: 50%;
	right: 2%;
	z-index: 101;
	opacity: .7;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	display: none
}
.education-con>a:first-child {
	left: 2%;
	right: auto
}
.education-con>a:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 1
}
.education-con ul {
	width: 100%;
	height: 100%;
	position: relative;
	left: 7%;
	top: 0;
	z-index: 100
}
.education-con ul li {
	float: left;
	width: 22.3958%;
	height: 100%;
	margin-left: 17px;
	overflow: hidden;
	-webkit-transition: all linear .3s;
	-moz-transition: all linear .3s;
	-ms-transition: all linear .3s;
	-o-transition: all linear .3s;
	transition: all linear .3s;
	position: relative;
	opacity: 0;
	-webkit-transform: translateX(20px);
	-moz-transform: translateX(20px);
	-ms-transform: translateX(20px);
	-o-transform: translateX(20px);
	transform: translateX(20px);
	background-size: cover;
	background-position: center
}
.education-con ul li.show {
	opacity: 1;
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0)
}
.education-con ul li:first-child {
	margin-left: 0
}
.education-con ul li img.big {
	width: 100%;
	height: 100%;
	opacity: 0;
	filter: alpha(opacity=0);
	float: left
}
.education-con ul li:hover {
	-webkit-transform: scale(1.03);
	-moz-transform: scale(1.03);
	-ms-transform: scale(1.03);
	-o-transform: scale(1.03);
	transform: scale(1.03)
}
.education-con ul li div.big {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: rgba(0,0,0,.3);
	text-align: center;
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	color: #fff
}
.education-con ul li:hover div.big {
	opacity: 1
}
.education-con ul li div.big img {
	width: 28%;
	margin-top: 30%;
	opacity: 0;
	-webkit-transition: all .3s .3s;
	-moz-transition: all .3s .3s;
	-ms-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px)
}
.education-con ul li div.big dl {
	margin: 20% 0
}
	.education-con ul li div.big dt {
		font-size: 26px;
		font-size: 1.3vw;
		font-weight: 700;
		opacity: 0;
		-webkit-transition: all .3s .3s;
		-moz-transition: all .3s .3s;
		-ms-transition: all .3s .3s;
		-o-transition: all .3s .3s;
		transition: all .3s .3s;
		-webkit-transform: translateY(20px);
		-moz-transform: translateY(20px);
		-ms-transform: translateY(20px);
		-o-transform: translateY(20px);
		transform: translateY(20px);
		color: #fff;
		background: #e60012;
		width: 70%;
		margin: 0 auto;
	}
.education-con ul li div.big dt:after {
	content: '';
	width: 70%;
	height: 1px;
	background: #fff;
	display: none;
	margin: 7px auto;
margin:.6vw auto;
	opacity: 0;
	-webkit-transition: all .3s .3s;
	-moz-transition: all .3s .3s;
	-ms-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px)
}
.education-con ul li div.big dd {
	font-size: 22px;
font-size:.9vw;
	font-weight: 700;
	opacity: 0;
	-webkit-transition: all .3s .3s;
	-moz-transition: all .3s .3s;
	-ms-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px)
}
.education-con ul li div.big span {
	/*background: #e60012;*/
	display: inline-block;
	padding: 10px 30px 10px 10px;
	color: #fff;
	font-size: 16px;
font-size:.8vw;
	position: relative;
	opacity: 0;
	-webkit-transition: all .3s .3s;
	-moz-transition: all .3s .3s;
	-ms-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s;
	-webkit-transform: translateY(20px);
	-moz-transform: translateY(20px);
	-ms-transform: translateY(20px);
	-o-transform: translateY(20px);
	transform: translateY(20px)
}
.education-con ul li div.big span em {
	line-height: 20px;
	position: absolute;
	right: 1px;
	bottom: 1px;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	font-size: 20px;
	font-weight: 700;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education-con ul li div.big span:hover em {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
.education-con ul li:hover div.big img {
	opacity: 1;
	-webkit-transition: all .3s .3s;
	-moz-transition: all .3s .3s;
	-ms-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.education-con ul li:hover div.big dt {
	opacity: 1;
	-webkit-transition: all .3s .5s;
	-moz-transition: all .3s .5s;
	-ms-transition: all .3s .5s;
	-o-transition: all .3s .5s;
	transition: all .3s .5s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.education-con ul li:hover div.big dt:after {
	opacity: 1;
	-webkit-transition: all .3s .7s;
	-moz-transition: all .3s .7s;
	-ms-transition: all .3s .7s;
	-o-transition: all .3s .7s;
	transition: all .3s .7s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.education-con ul li:hover div.big dd {
	opacity: 1;
	-webkit-transition: all .3s .9s;
	-moz-transition: all .3s .9s;
	-ms-transition: all .3s .9s;
	-o-transition: all .3s .9s;
	transition: all .3s .9s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.education-con ul li:hover div.big span {
	opacity: 1;
	-webkit-transition: all .3s .7s;
	-moz-transition: all .3s .7s;
	-ms-transition: all .3s .7s;
	-o-transition: all .3s .7s;
	transition: all .3s .7s;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.education-con ul li div.small {
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 0
}
.education-con ul li div.small img {
	width: 23.25%;
	position: absolute;
	right: 0;
	bottom: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education-con ul li div.small dl {
	width: 66%;
	margin-left: 5%;
	margin-bottom: 10px;
	color: #fff;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	font-weight: 700
}
.education-con ul li div.small dt {
	font-size: 26px;
	font-size: 1.3vw
}
.education-con ul li div.small dt:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	display: none;
	margin: 7px 0;
margin:.6vw 0
}
.education-con ul li div.small dd {
	font-size: 22px;
font-size:.9vw
}
.education-con ul li:hover div.small img {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}
.education-con ul li:hover div.small dl {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0
}
.education .icon {
	position: fixed;
	bottom: 1%;
	left: 3%;
	color: #fff;
	font-style: italic
}
.education .icon dt {
	float: left;
	font-size: 36px;
	font-size: 1.8vw;
	font-weight: 700;
	padding-left: 100px;
	position: relative;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0
}
.education .icon dt:before {
	content: '';
	width: 80px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	left: 0;
	top: 50%;
	-webkit-transform: translateX(-50px);
	-moz-transform: translateX(-50px);
	-ms-transform: translateX(-50px);
	-o-transform: translateX(-50px);
	transform: translateX(-50px);
	opacity: 0
}
.education .icon dd {
	float: right;
	font-size: 22px;
	font-size: 1.1vw;
	margin-top: 30px;
	margin-top: 1.5vw;
	padding-right: 100px;
	position: relative;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	opacity: 0
}
.education .icon dd:after {
	content: '';
	width: 80px;
	height: 1px;
	background: #fff;
	display: block;
	position: absolute;
	right: 0;
	top: 50%;
	-webkit-transform: translateX(50px);
	-moz-transform: translateX(50px);
	-ms-transform: translateX(50px);
	-o-transform: translateX(50px);
	transform: translateX(50px);
	opacity: 0
}
.education .icon.active dt {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education .icon.active dt:before {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all .3s .3s;
	-moz-transition: all .3s .3s;
	-ms-transition: all .3s .3s;
	-o-transition: all .3s .3s;
	transition: all .3s .3s
}
.education .icon.active dd {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all .3s .6s;
	-moz-transition: all .3s .6s;
	-ms-transition: all .3s .6s;
	-o-transition: all .3s .6s;
	transition: all .3s .6s
}
.education .icon.active dd:after {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: all .3s .9s;
	-moz-transition: all .3s .9s;
	-ms-transition: all .3s .9s;
	-o-transition: all .3s .9s;
	transition: all .3s .9s
}
.education .list-progress {
	width: 200px;
	height: 2px;
	border: 1px solid #fff;
	border-radius: 2px;
	position: absolute;
	bottom: 5%;
	right: 3%;
	z-index: 999
}
.education .list-progress span {
	width: 15px;
	height: 15px;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	left: 0;
	top: -7px
}
.education #mask {
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 999;
	background: rgba(0,0,0,.9);
	display: none
}
.education .choose-btn {
	width: 30%;
	position: fixed;
	bottom: 1%;
	left: 35%;
	z-index: 1001;
	text-align: center
}
.education .choose-btn a {
	display: none;
	color: #fff
}
.education .choose-btn a:hover {
	color: #e60012
}
.education .choose-btn a.active {
	display: inline-block
}
.education .choose-list {
	width: 100%;
	height: 35%;
	position: fixed;
	left: 0;
	top: 20%;
	z-index: 1000;
	text-align: center;
	display: none
}
.education .choose-list p {
	width: 60%;
	display: inline-block;
	line-height: 36px;
	line-height: 1.8vw;
	margin-bottom: 1%;
	font-size: 20px;
	font-size: 1vw;
	text-align: justify;
	color: #fff
}
.education .choose-list ul {
	height: 100%;
	margin-top: 1%
}
.education .choose-list li {
	position: relative;
	width: 26.3%;
	height: 100%;
	display: inline-block;
	overflow: hidden;
	border-radius: 5px;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.education .choose-list li:first-child {
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%);
	opacity: 0
}
.education .choose-list li:last-child {
	-webkit-transform: translateX(100%);
	-moz-transform: translateX(100%);
	-ms-transform: translateX(100%);
	-o-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0
}
.education .choose-list li.onlyone {
	width: 60%;
	-webkit-transform: translateY(100%);
	-moz-transform: translateY(100%);
	-ms-transform: translateY(100%);
	-o-transform: translateY(100%);
	transform: translateY(100%)
}
.education .choose-list li.and {
	width: 3%;
	margin: 0 2%;
	vertical-align: middle;
	opacity: 0;
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-ms-transform: scale(0);
	-o-transform: scale(0);
	transform: scale(0);
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.education .choose-list.active li {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.education .choose-list.active li.onlyone {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education .choose-list.active li.and {
	opacity: 1;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1)
}
.education .choose-list li.and img {
	width: 100%;
	vertical-align: middle
}
.education .choose-list li div {
	width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.education .choose-list li:hover div {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-ms-transform: scale(1.05);
	-o-transform: scale(1.05);
	transform: scale(1.05)
}
.education .choose-list li a {
	position: absolute;
	left: 0;
	top: 0;
	width: 90%;
	height: 90%;
	padding: 5%;
	display: block;
	color: #fff
}
.education .choose-list li a b {
	width: 100%;
	position: absolute;
	left: 0;
	top: 36%;
	text-align: center
}
.education .choose-list li a em {
	display: block;
	margin-bottom: 3%;
	font-size: 16px;
font-size:.8vw;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0
}
.education .choose-list li a span {
	display: block;
	font-size: 30px;
	font-size: 1.5vw;
	font-weight: 700;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education .choose-list li a:hover em {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education .choose-list li a:hover span {
	color: #e60012
}
@media only screen and (max-width:767px) {
.education {
	/*overflow-y: scroll;*/ height:auto !important;
}
.education-con {
	width: 100%;
	height: auto;
	position: relative;
	left: 0;
	top: 10%;
	padding: 15px 0
}
.education-con ul {
	height: auto;
	left: 0
}
.education-con ul li {
	width: 46%;
	height: 250px;
	margin: 10px 2%
}
.education-con ul li:first-child {
	margin: 10px 2%
}
.education-con ul li img.big {
	width: 100%;
	height: auto
}
.education-con ul li div.big dd, .education-con ul li div.big dt, .education-con ul li div.big span {
	font-size: 12px
}
.education-con ul li div.small {
	bottom: 2%
}
.education-con ul li div.small dl {
	width: 100%;
	margin: 0;
	text-align: center
}
.education-con ul li div.small dd, .education-con ul li div.small dt {
	font-size: 12px
}
.education-con ul li div.small dt:after {
	width: 90%;
	margin-left: 5%
}
.education-con ul li div.small img {
	display: none
}
.education .icon {
	position: relative;
	bottom: 1%;
	left: 1%;
	z-index: 1000;
	margin-top: 50px;
	color: #e60012;
	display: none
}
.education .list-progress {
	display: none
}
.education .choose-btn a img {
	width: 40px
}
.education .choose-list {
	position: fixed;
	height: 100%;
	top: 20%
}
.education .choose-list p {
	width: 90%;
	margin-bottom: 3%;
	line-height: 20px;
	font-size: 12px;
	display: none
}
.education .choose-list li {
	width: 80%;
	height: 30%;
	margin: 1% 0
}
.education .choose-list li a {
	position: static
}
.education .choose-list li.and {
	display: none
}
.education .choose-list li a em {
	font-size: 12px;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education .choose-list li a span {
	font-size: 20px
}
}
.education-banner {
	width: 100%;
	overflow: hidden;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 0;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat
}
.education-banner dl {
	position: absolute;
	top: 44%;
	left: 20%;
	color: #fff
}
.education-banner dt {
	font-size: 60px;
	font-size: 3vw;
	font-weight: 700
}
.education-banner dt:after {
	content: '';
	width: 100%;
	height: 1px;
	background: #fff;
	display: block;
	margin: 20px 0
}
.education-banner dd {
	font-size: 44px;
	font-size: 2vw;
	padding-right: 174px;
	position: relative
}
.education-content {
	position: relative;
	z-index: 10;
	background: #fff;
	padding: 100px 0 0
}
.anmt {
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.anmt.scroll {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education-content-video {
	width: 70%;
	margin: 0 auto;
	margin-top: 100px;
	margin-top: 5vw
}
.education-content-video iframe {
	width: 100%;
	height: 800px;
	height: 40vw
}
.education-content-1 {
	width: 67.7%;
	margin: 0 auto
}
.education-content-1 dl {
	width: 100%;
	overflow: hidden
}
.education-content-1 dd {
	width: 53.846%;
	float: left
}
.title-en {
	display: none!important
}
.education-content-1 dd.title-en {
	width: 45%;
	margin-bottom: 5px;
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: center;
	font-style: italic;
	font-weight: 700;
	clear: right
}
.education-content-1 dd.title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	clear: left
}
.education-content-1 dd.con {
	line-height: 36px;
	line-height: 1.8vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.education-content-1 dd.con p {
	margin-top: 30px
}
.education-content-1 dt {
	width: 36.615%;
	float: right;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.animate {
	position: relative;
	overflow: hidden
}
.animate em.animated, .animate i.animated {
	position: absolute;
	left: 0;
	top: 0;
	z-index: 10;
	width: 100%;
	height: 100%;
	display: block;
	background: #efefef;
	-webkit-transform: translateX(-100%);
	-moz-transform: translateX(-100%);
	-ms-transform: translateX(-100%);
	-o-transform: translateX(-100%);
	transform: translateX(-100%)
}
.animate img.animated {
	width: 100%;
	opacity: 0;
	-webkit-transform: translateX(-10%);
	-moz-transform: translateX(-10%);
	-ms-transform: translateX(-10%);
	-o-transform: translateX(-10%);
	transform: translateX(-10%)
}
.animate.scroll em.animated, .animate.scroll i.animated {
	-webkit-transform: translateX(101%);
	-moz-transform: translateX(101%);
	-ms-transform: translateX(101%);
	-o-transform: translateX(101%);
	transform: translateX(101%);
	-webkit-transition: all .8s cubic-bezier(1, .78, .46, .94) 0s;
	-moz-transition: all .8s cubic-bezier(1, .78, .46, .94) 0s;
	-ms-transition: all .8s cubic-bezier(1, .78, .46, .94) 0s;
	-o-transition: all .8s cubic-bezier(1, .78, .46, .94) 0s;
	transition: all .8s cubic-bezier(1, .78, .46, .94) 0s
}
.animate.scroll img.animated {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1;
	-webkit-transition: opacity, transform .1s, .5s cubic-bezier(1, .78, .46, .94) .4s;
	-moz-transition: opacity, transform .1s, .5s cubic-bezier(1, .78, .46, .94) .4s;
	-ms-transition: opacity, transform .1s, .5s cubic-bezier(1, .78, .46, .94) .4s;
	-o-transition: opacity, transform .1s, .5s cubic-bezier(1, .78, .46, .94) .4s;
	transition: opacity, transform .1s, .5s cubic-bezier(1, .78, .46, .94) .4s
}
.education-content-2 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw
}
.education-content-2 dt {
	width: 70%;
	margin: 0 auto
}
.education-content-2 dd {
	width: 100%;
	overflow: hidden
}
.education-content-2 dd .left {
	width: 32.1875%;
	float: left;
	padding: 50px;
	background: #efefef
}
.education-content-2 dd .left .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: right
}
.education-content-2 dd .left .title-en {
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: center;
	font-style: italic;
	font-weight: 700
}
.education-content-2 dd .right {
	width: 47%;
	float: left;
	padding-left: 3%
}
.education-content-2 dd .right p {
	width: 100%;
	float: left;
	margin-top: 50px;
	margin-top: 2.5vw;
	line-height: 36px;
	line-height: 1.8vw;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.education-content-2 dd .right ul {
	width: 45%;
	float: left;
	padding: 5% 0 5% 5%;
	margin-top: 5%;
	border-left: 1px dashed #b5b6b6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	line-height: 100px;
	line-height: 6vw;
	font-size: 22px;
	font-size: 1vw;
	color: #575757
}
.education-content-2 dd .right ul:first-child {
	border: 0
}
.education-content-2 dd .right ul img {
	vertical-align: middle;
	width: 21%
}
.education-content-2 dd .right ul li {
	opacity: 0;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education-content-2 dd .right ul li.text {
	line-height: 40px;
	line-height: 2vw;
	padding-top: 20px
}
.education-content-2 dd .right ul:first-child li:nth-child(2) {
	-webkit-transition: all .3s .2s;
	-moz-transition: all .3s .2s;
	-ms-transition: all .3s .2s;
	-o-transition: all .3s .2s;
	transition: all .3s .2s
}
.education-content-2 dd .right ul:first-child li:nth-child(3) {
	-webkit-transition: all .3s .4s;
	-moz-transition: all .3s .4s;
	-ms-transition: all .3s .4s;
	-o-transition: all .3s .4s;
	transition: all .3s .4s
}
.education-content-2 dd .right ul:last-child li:nth-child(1) {
	-webkit-transition: all .3s .6s;
	-moz-transition: all .3s .6s;
	-ms-transition: all .3s .6s;
	-o-transition: all .3s .6s;
	transition: all .3s .6s
}
.education-content-2 dd .right ul:last-child li:nth-child(2) {
	-webkit-transition: all .3s .8s;
	-moz-transition: all .3s .8s;
	-ms-transition: all .3s .8s;
	-o-transition: all .3s .8s;
	transition: all .3s .8s
}
.education-content-2 dd .right ul:last-child li:nth-child(3) {
	-webkit-transition: all .3s 1s;
	-moz-transition: all .3s 1s;
	-ms-transition: all .3s 1s;
	-o-transition: all .3s 1s;
	transition: all .3s 1s
}
.education-content-2 dd .right.scroll ul li {
	opacity: 1;
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0)
}
.education-content-2 dd .right ul.text {
	border: 0
}
.education-content-2 dd .right ul.text li {
	line-height: 34px;
	margin-bottom: 30px
}
.education-content-3 {
	width: 100%;
	padding-bottom: 5%;
	margin-top: 100px;
	margin-top: 5vw;
	position: relative
}
.education-content-3 .background {
	width: 67.1875%;
	height: 100%;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 0;
	background: #efefef
}
.education-content-3 dl {
	width: 82.3%;
	margin: 0 auto;
	padding-top: 50px;
	padding-top: 2.5vw;
	position: relative;
	z-index: 1
}
.education-content-3 dt {
	text-align: right
}
.education-content-3 dt div {
	width: 40%;
	display: inline-block;
	padding-right: 10%
}
.education-content-3 dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: right
}
.education-content-3 dt .title-en {
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: center;
	font-style: italic;
	font-weight: 700
}
.education-content-3 dd {
	margin-top: 50px;
	margin-top: 2.5vw;
	position: relative;
	overflow: hidden
}
.education-content-3 dd li {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	z-index: 1
}
.education-content-3 dd li .left {
	width: 56.6%;
	float: left;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.education-content-3 dd li .right {
	width: 26.415%;
	float: left;
	margin-left: 7.23%;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.education-content-3 dd li .right h1 {
	line-height: 40px;
	line-height: 2vw;
	margin-top: 20px;
	margin-top: 1vw;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757;
	font-weight: 700
}
.education-content-3 dd li .right p {
	line-height: 33px;
	line-height: 1.7vw;
	margin-top: 5%;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.education-content-3 dd ul.text li .right h1 {
	margin-top: 178px;
	margin-top: 8vw
}
.education-content-3 dd li.active {
	position: relative;
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 2
}
.education-content-3 dd li.active .left, .education-content-3 dd li.active .right {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.education-content-3 dd .btn {
	width: 12px;
	padding: 0 5px;
	position: absolute;
	right: 0;
	top: 200px;
	top: 10vw;
	z-index: 100
}
.education-content-3 dd .btn span {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #e60012;
	margin-bottom: 20px;
	cursor: pointer
}
.education-content-3 dd .btn span.active {
	background: #e60012
}
dd .btn span.active {
	-webkit-animation: daxiao 1s .2s ease infinite;
	-moz-animation: daxiao 1s .2s ease infinite;
	-ms-animation: daxiao 1s .2s ease infinite;
	-o-animation: daxiao 1s .2s ease infinite;
	animation: daxiao 1s .2s ease infinite
}
@-webkit-keyframes daxiao {
0% {
-webkit-transform:scale(1);
opacity:1
}
50% {
-webkit-transform:scale(1.1);
opacity:.2
}
100% {
-webkit-transform:scale(1);
opacity:1
}
}
@-moz-keyframes daxiao {
0% {
-moz-transform:scale(1);
opacity:1
}
50% {
-moz-transform:scale(1.1);
opacity:.2
}
100% {
-moz-transform:scale(1);
opacity:1
}
}
@-ms-keyframes daxiao {
0% {
-ms-transform:scale(1);
opacity:1
}
50% {
-ms-transform:scale(1.1);
opacity:.2
}
100% {
-ms-transform:scale(1);
opacity:1
}
}
@-o-keyframes daxiao {
0% {
-o-transform:scale(1);
opacity:1
}
50% {
-o-transform:scale(1.1);
opacity:.2
}
100% {
-o-transform:scale(1);
opacity:1
}
}
@keyframes daxiao {
0% {
transform:scale(1);
opacity:1
}
50% {
transform:scale(1.1);
opacity:.2
}
100% {
transform:scale(1);
opacity:1
}
}
.education-content-4 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw
}
.education-content-4-title dt {
	margin-bottom: 50px;
	margin-bottom: 2vw
}
.education-content-4-title dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: center
}
.education-content-4-title dt .title-en {
	margin-bottom: 10px;
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: center;
	font-style: italic;
	font-weight: 700
}
.education-content-4-title dd div {
	width: 40%;
	margin: 0 auto;
	text-align: center;
	font-size: 24px;
	font-size: 1.1vw;
	font-weight: 700;
	color: #575757
}
.education-content-4-title dd div p {
	line-height: 35px;
	line-height: 1.8vw;
	margin-top: 50px;
	margin-top: 2vw
}
.education-content-4-con {
	margin-top: 25px;
	position: relative
}
.education-content-4-con img {
	width: 100%
}
.education-content-4-con .list {
	width: 67.7%;
	position: absolute;
	top: 80px;
	top: 9vw;
	left: 16.5%
}
.education-content-4-con .list dl {
	overflow: hidden;
	margin-bottom: 100px;
	margin-bottom: 5vw
}
.education-content-4-con .list dt {
	margin-bottom: 30px;
	margin-bottom: 1vw;
	font-size: 30px;
	font-size: 1.5vw;
	color: #fff;
	font-weight: 700;
	text-align: center;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education-content-4-con .list dd li {
	width: 32.33%;
	float: left;
	margin-left: 1%;
	margin-bottom: 15px;
	text-align: center;
	color: #fff;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education-content-4-con .list dd li:nth-child(3n+1) {
	margin-left: 0
}
.education-content-4-con .list dd li .title {
	margin-bottom: 30px;
	font-size: 30px;
	font-size: 1.3vw;
	font-weight: 700
}
.education-content-4-con .list dd li .con {
	padding: 8px;
	line-height: 30px;
	line-height: 1.8vw;
	border: 1px solid #fff;
	font-size: 22px;
	font-size: 1vw
}
.education-content-4-con .list dd ul.uppercase li .con {
	text-transform: uppercase
}
.education-content-4-con .list.text dl {
	margin-bottom: 0;
	margin-top: 50px
}
.education-content-4-con .list.text dd li {
	width: 28%;
	margin-left: 5%
}
.education-content-4-con .list.text dd li .con {
	overflow: hidden
}
.education-content-4-con .list.text dd li .con p {
	margin-bottom: 30px
}
.education-content-4-con .list dl.scroll dt, .education-content-4-con .list dl.scroll li {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education-content-4-con .list dl.scroll li:nth-child(2) {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.education-content-4-con .list dl.scroll li:nth-child(3) {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.education-content-4-con .list dl.scroll li:nth-child(4) {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.education-content-4-con .list dl.scroll li:nth-child(5) {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.education-content-4-con .list dl.scroll li:nth-child(6) {
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.education-content-5 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw;
	position: relative;
	overflow: hidden
}
.education-content-5-con {
	width: 70.3125%;
	margin: 0 auto;
	overflow: hidden
}
.education-content-5-con .left {
	width: 47.4%;
	float: left
}
.education-content-5-con .left div.con {
	width: 50%;
	float: left
}
.education-content-5-con .left .con div {
	float: right;
	margin-bottom: 5px
}
.education-content-5-con .left .con-right {
	padding-top: 90px;
	padding-top: 6vw
}
.education-content-5-con .left .con-right div {
	float: left;
	margin-left: 5px
}
.education-content-5-con .left .con div:nth-child(1), .education-content-5-con .left .con div:nth-child(3) {
	width: 75%
}
.education-content-5-con .left .con-right div:nth-child(3) {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
	font-weight: 700;
	color: #e60012;
	font-size: 14px;
	text-align: right
}
.education-content-5-con .right {
	width: 41.48%;
	float: right
}
.education-content-5-con dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: right
}
.education-content-5-con dt .title-en {
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: left;
	font-style: italic;
	font-weight: 700
}
.education-content-5-con dd {
	width: 84%;
	float: right;
	margin-top: 60px;
	margin-top: 3vw;
	line-height: 34px;
	line-height: 2vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.education-content-5-con dd p {
	margin-top: 40px;
	margin-top: 2vw
}
.education-content-6 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw
}
.education-content-6-title dl {
	width: 58.33%;
	padding-top: 100px;
	padding-top: 5vw;
	background: #efefef;
	overflow: hidden
}
.education-content-6-title dd, .education-content-6-title dt {
	width: 60.714%;
	margin-left: 26.785%
}
.education-content-6-title dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: left
}
.education-content-6-title dt .title-en {
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: center;
	font-style: italic;
	font-weight: 700
}
.education-content-6-title dd {
	line-height: 34px;
	line-height: 2vw;
	margin-top: 70px;
	margin-top: 4vw;
	margin-bottom: 40px;
	margin-bottom: 2vw;
	font-size: 22px;
	font-size: 1.2vw;
	color: #787878
}
.education-content-6-con {
	width: 67.7%;
	margin: 0 auto;
	overflow: hidden
}
.education-content-6-con li {
	width: 20%;
	height: 250px;
	height: 15vw;
	float: left;
	margin-top: 76px;
	margin-top: 3vw;
	text-align: center;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .5s;
	-moz-transition: all .5s;
	-ms-transition: all .5s;
	-o-transition: all .5s;
	transition: all .5s
}
.education-content-6-con li p {
	width: 100%;
	height: 190px;
	height: 10vw;
	display: table
}
.education-content-6-con li p b {
	width: 100%;
	height: 100%;
	display: table-cell;
	vertical-align: middle;
	text-align: center
}
.education-content-6-con li p img {
	vertical-align: middle;
	max-width: 90%;
	max-height: 90%
}
.education-content-6-con li span {
	width: 100%;
	display: block;
	font-size: 22px;
	font-size: 1.2vw;
	color: #787878
}
.education-content-6-con .scroll li {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education-content-6-con .scroll li:nth-child(10), .education-content-6-con .scroll li:nth-child(6), .education-content-6-con .scroll li:nth-child(7), .education-content-6-con .scroll li:nth-child(8), .education-content-6-con .scroll li:nth-child(9) {
	-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s
}
.education-content-6-con .scroll li:nth-child(11), .education-content-6-con .scroll li:nth-child(12), .education-content-6-con .scroll li:nth-child(13), .education-content-6-con .scroll li:nth-child(14), .education-content-6-con .scroll li:nth-child(15) {
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.education-content-6-con .scroll li:nth-child(16), .education-content-6-con .scroll li:nth-child(17), .education-content-6-con .scroll li:nth-child(18), .education-content-6-con .scroll li:nth-child(19), .education-content-6-con .scroll li:nth-child(20) {
	-webkit-transition-delay: 1.5s;
	-moz-transition-delay: 1.5s;
	-ms-transition-delay: 1.5s;
	-o-transition-delay: 1.5s;
	transition-delay: 1.5s
}
.education-content-6-con dl {
	border-top: 1px dashed #b5b5b5;
	margin-top: 40px;
	margin-top: 3vw;
	padding-top: 100px;
	padding-top: 5vw
}
.education-content-6-con dt {
	width: 57%;
	float: left
}
.education-content-6-con dd {
	width: 33%;
	float: right;
	padding-top: 100px;
	padding-top: 5vw
}
.education-content-6-con dd span {
	font-size: 30px;
	font-size: 1.5vw;
	font-weight: 700;
	color: #575757
}
.education-content-6-con dd p {
	line-height: 34px;
	line-height: 2vw;
	margin-top: 40px;
	margin-top: 2vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.education-content-7 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw
}
.education-content-7 dl {
	overflow: hidden;
	position: relative
}
.education-content-7 dt {
	width: 67.7%;
	float: right
}
.education-content-7 dt .title {
	padding-right: 23%;
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: right
}
.education-content-7 dt .title-en {
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: center;
	font-style: italic;
	font-weight: 700
}
.education-content-7 dd.img {
	width: 32.8125%;
	position: absolute;
	bottom: 12%;
	left: 9.27%;
	z-index: 100
}
.education-content-7 dd.list {
	width: 67.7%;
	float: right;
	background: #efefef;
	padding: 38px 0;
	padding: 2vw 0;
	margin-top: 40px;
	margin-top: 2vw
}
.education-content-7 dd.list ul {
	margin-left: 23.846%;
	border-left: 1px solid #e60012
}
.education-content-7 dd.list ul li {
	margin: 20px 0;
	margin: 1vw 0;
	padding-left: 60px;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878;
	position: relative;
	-webkit-transform: translateY(50%);
	-moz-transform: translateY(50%);
	-ms-transform: translateY(50%);
	-o-transform: translateY(50%);
	transform: translateY(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.education-content-7 dd.list ul li:before {
	content: '';
	width: 12px;
	height: 12px;
	border-radius: 50%;
	background: #e60012;
	position: absolute;
	left: -6px;
	top: 50%;
	margin-top: -6px
}
.education-content-7 dd.list ul li img {
	width: 7.5%;
	vertical-align: middle;
	margin-right: 10px;
	margin-left: 60px
}
.education-content-7 dd.list.scroll li {
	-webkit-transform: translateY(0);
	-moz-transform: translateY(0);
	-ms-transform: translateY(0);
	-o-transform: translateY(0);
	transform: translateY(0);
	opacity: 1
}
.education-content-7 dd.list.scroll li:nth-child(2) {
	-webkit-transition-delay: .2s;
	-moz-transition-delay: .2s;
	-ms-transition-delay: .2s;
	-o-transition-delay: .2s;
	transition-delay: .2s
}
.education-content-7 dd.list.scroll li:nth-child(3) {
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-ms-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s
}
.education-content-7 dd.list.scroll li:nth-child(4) {
	-webkit-transition-delay: .6s;
	-moz-transition-delay: .6s;
	-ms-transition-delay: .6s;
	-o-transition-delay: .6s;
	transition-delay: .6s
}
.education-content-7 dd.list.scroll li:nth-child(5) {
	-webkit-transition-delay: .8s;
	-moz-transition-delay: .8s;
	-ms-transition-delay: .8s;
	-o-transition-delay: .8s;
	transition-delay: .8s
}
.education-content-7 dd.list.scroll li:nth-child(6) {
	-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s
}
.education-content-7 dd.list.scroll li:nth-child(7) {
	-webkit-transition-delay: 1.2s;
	-moz-transition-delay: 1.2s;
	-ms-transition-delay: 1.2s;
	-o-transition-delay: 1.2s;
	transition-delay: 1.2s
}
.education-content-7 dd.list.scroll li:nth-child(8) {
	-webkit-transition-delay: 1.4s;
	-moz-transition-delay: 1.4s;
	-ms-transition-delay: 1.4s;
	-o-transition-delay: 1.4s;
	transition-delay: 1.4s
}
.education-content-8 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw
}
.education-content-8 dl {
	width: 79.6875%;
	margin: 0 auto;
	box-shadow: 0 0 10px 1px rgba(0,0,0,.2);
	padding: 100px 0;
	padding: 5vw 0;
	position: relative;
	overflow: hidden
}
.education-content-8 dt {
	width: 37.2549%;
	margin-left: 7%;
	float: left
}
.education-content-8 dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: left
}
.education-content-8 dt .title-en {
	padding-right: 10px;
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: right;
	font-style: italic;
	font-weight: 700
}
	.education-content-8 dd.img {
		width: 27.7777%;
		float: right;
		margin-right: 13.856%;
		margin-top: 9%;
	}
.education-content-8 dd.text {
	width: 47.2549%;
	margin-left: 7%;
	float: left;
	margin-top: 100px;
	margin-top: 1%;
	line-height: 34px;
	line-height: 2vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.education-content-8 dd.text em {
	color: #e60012
}
.education-content-8 .icon {
	width: 4.5%;
	position: absolute;
	right: 7%;
	top: 0
}
.education-content-8 dd.more {
	width: 86%;
	float: left;
	margin-left: 7%;
	line-height: 36px;
	line-height: 1.8vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.education-content-8 dd.more h1 {
	margin-top: 2%;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757
}
.education-content-8 dd.more p {
	margin-top: 2%
}
.education-content-8 dd.more ul {
	overflow: hidden;
	margin-top: 3%
}
.education-content-8 dd.more em {
	width: 2%;
	float: left;
	color: #e60012
}
.education-content-8 dd.more span {
	width: 98%;
	float: left
}
.education-content-9 {
	width: 90%;
	margin: 0 auto;
	margin-top: 100px;
	margin-top: 5vw;
	line-height: 36px;
	line-height: 1.8vw;
	text-align: center;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.education-content-9 p {
	display: inline-block;
	padding: 1% 2%;
	background: #e60012;
	color: #fff
}
.education-content-9 p a {
	color: #fff
}
.education-content-9 a {
	color: #787878;
	text-decoration: underline
}
.education-content .page {
	margin-top: 100px
}
@media only screen and (max-width:767px) {
.education-banner dl {
	left: 5%
}
.education-banner dt {
	font-size: 30px
}
.education-banner dt:after {
	margin: 10px 0
}
.education-banner dd {
	padding-right: 0;
	font-size: 22px
}
.education-content {
	padding: 30px 0 0
}
.education-content-video {
	width: 90%;
	margin-top: 30px
}
.education-content-video iframe {
	height: auto
}
.education-content-1 {
	width: 90%
}
.education-content-1 dt {
	line-height: 24px;
	font-size: 12px
}
.education-content-1 dd, .education-content-1 dt {
	width: 100%
}
.education-content-1 dd.title-en {
	width: 100%;
	font-size: 16px
}
.education-content-1 dd.title {
	margin-bottom: 20px;
	text-align: center;
	font-size: 20px
}
.education-content-1 dd.con {
	line-height: 24px;
	font-size: 12px
}
.education-content-1 dd.con p {
	margin-top: 20px
}
.education-content-2 {
	margin-top: 30px
}
.education-content-2 dt {
	width: 90%
}
.education-content-2 dd .left {
	width: 100%;
	padding: 30px 0
}
.education-content-2 dd .left .title {
	text-align: center;
	font-size: 20px
}
.education-content-2 dd .left .title-en {
	font-size: 16px
}
.education-content-2 dd .right {
	width: 100%;
	padding: 0
}
.education-content-2 dd .right p {
	width: 86%;
	margin-top: 10px;
	margin-left: 7%;
	line-height: 20px;
	font-size: 12px
}
.education-content-2 dd .right ul {
	width: 95%;
	border: 0;
	padding-bottom: 0;
	font-size: 14px;
	line-height: 40px
}
.education-content-2 dd .right ul img {
	width: 7.5%
}
.education-content-2 dd .right ul:last-child {
	margin-top: 0;
	padding-top: 0
}
.education-content-2 dd .right ul.text li {
	line-height: 20px;
	margin-bottom: 10px
}
.education-content-2 dd .right ul li.text {
	line-height: 20px;
	padding-top: 10px
}
.education-content-3 {
	height: auto;
	margin-top: 30px
}
.education-content-3 dl {
	width: 90%
}
.education-content-3 .background, .education-content-3 dt div {
	width: 100%
}
.education-content-3 dt .title {
	text-align: center;
	font-size: 20px
}
.education-content-3 dt .title-en {
	font-size: 16px;
	margin-bottom: 5px
}
.education-content-3 dd {
	padding-bottom: 30px
}
.education-content-3 dd li {
	height: 400px
}
.education-content-3 dd li .left {
	width: 100%
}
.education-content-3 dd li .right {
	width: 100%;
	margin: 0
}
.education-content-3 dd li .right h1 {
	line-height: 20px;
	margin-top: 10px;
	font-size: 14px
}
.education-content-3 dd ul.text li {
	height: 230px
}
.education-content-3 dd ul.text li .right h1 {
	margin-top: 10px
}
.education-content-3 dd li .right p {
	line-height: 20px;
	margin-top: 10px;
	font-size: 12px
}
.education-content-3 dd .btn {
	width: 100%;
	left: 0;
	text-align: center;
	top: auto;
	bottom: 5px
}
.education-content-3 dd .btn span {
	margin: 0 5px;
	width: 6px;
	height: 6px
}
.education-content-4 {
	margin-top: 30px
}
.education-content-4-title dt .title {
	font-size: 20px
}
.education-content-4-title dt .title-en {
	font-size: 16px
}
.education-content-4-title dd div {
	width: 90%;
	line-height: 20px;
	font-size: 12px
}
.education-content-4-title dd div p {
	line-height: 20px
}
.education-content-4-con img {
	width: 700%;
	margin-left: -300%
}
.education-content-4-con .list dt {
	margin-bottom: 5px;
	font-size: 16px
}
.education-content-4-con .list dd li {
	width: 100%;
	margin-left: 0
}
.education-content-4-con .list dd li .title {
	margin-bottom: 10px;
	font-size: 16px
}
.education-content-4-con .list dd li .con {
	line-height: 20px;
	font-size: 12px
}
.education-content-4-con .list.text dl {
	margin-bottom: 0;
	margin-top: 30px
}
.education-content-4-con .list.text dd li {
	width: 100%;
	margin-left: 0
}
.education-content-4-con .list.text dd li .con p {
	margin-bottom: 10px
}
.education-content-5 {
	margin-top: 30px
}
.education-content-5-con {
	width: 90%
}
.education-content-5-con .left {
	width: 100%
}
.education-content-5-con .left .con-right div:nth-child(3) {
	font-size: 12px
}
.education-content-5-con .right {
	width: 100%
}
.education-content-5-con dt .title {
	margin-top: 20px;
	text-align: center;
	font-size: 20px
}
.education-content-5-con dt .title-en {
	text-align: center;
	font-size: 16px
}
.education-content-5-con dd {
	width: 100%;
	margin-top: 10px;
	line-height: 20px;
	font-size: 12px
}
.education-content-6 {
	margin-top: 30px
}
.education-content-6-con {
	width: 90%
}
.education-content-6-title dl {
	width: 100%
}
.education-content-6-title dd, .education-content-6-title dt {
	width: 90%;
	margin-left: 5%
}
.education-content-6-title dt .title {
	text-align: center;
	font-size: 20px
}
.education-content-6-title dt .title-en {
	font-size: 16px
}
.education-content-6-title dd {
	line-height: 20px;
	font-size: 12px
}
.education-content-6-con li {
	width: 33%;
	height: 150px
}
.education-content-6-con li p {
	height: 120px
}
.education-content-6-con li span {
	font-size: 12px
}
.education-content-6-con li p img {
	max-width: 60%;
	max-height: 60%
}
.education-content-6-con dt {
	width: 100%
}
.education-content-6-con dd {
	width: 100%;
	padding-top: 10px
}
.education-content-6-con dd span {
	font-size: 14px
}
.education-content-6-con dd p {
	line-height: 20px;
	font-size: 12px
}
.education-content-7 {
	margin-top: 30px
}
.education-content-7 dt {
	width: 100%;
	margin-bottom: 10px
}
.education-content-7 dt .title {
	padding-right: 0;
	font-size: 20px;
	text-align: center
}
.education-content-7 dt .title-en {
	margin-bottom: 10px;
	font-size: 16px
}
.education-content-7 dd.img {
	width: 90%;
	position: relative;
	left: 5%;
	top: auto;
	bottom: auto
}
.education-content-7 dd.list {
	width: 100%;
	margin-top: 10px;
	padding: 10px 0
}
.education-content-7 dd.list ul {
	width: 90%;
	margin-left: 5%;
	border: 0
}
.education-content-7 dd.list ul li {
	height: auto;
	margin: 5px 0;
	line-height: 40px;
	font-size: 14px
}
.education-content-7 dd.list ul li:before {
	display: none
}
.education-content-7 dd.list ul li img {
	margin-left: 10px
}
.education-content-8 {
	margin-top: 30px
}
.education-content-8 dl {
	width: 90%;
	padding: 30px 0
}
.education-content-8 dt {
	width: 90%;
	margin-left: 5%
}
.education-content-8 dt .title {
	padding-right: 0;
	text-align: center;
	font-size: 20px
}
.education-content-8 dt .title-en {
	padding-right: 0;
	font-size: 16px;
	text-align: center
}
.education-content-8 dd.img {
	width: 90%;
	margin-right: 0;
	margin-left: 5%;
	margin-top: 10px;
	float: left
}
.education-content-8 dd.text {
	width: 90%;
	margin-left: 5%;
	margin-top: 10px;
	line-height: 20px;
	font-size: 12px
}
.education-content-8 .icon {
	width: 10%
}
.education-content-8 dd.more {
	line-height: 20px;
	font-size: 12px;
	color: #787878
}
.education-content-8 dd.more h1 {
	font-size: 14px
}
.education-content-8 dd.more em {
	width: 5%
}
.education-content-8 dd.more span {
	width: 95%
}
.education-content-9 {
	margin-top: 20px;
	line-height: 20px;
	font-size: 12px
}
.education-content-9 p {
	padding: 5px 10px
}
.education-content .page {
	margin-top: 30px
}
}
.tourism-content-1 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw
}
.tourism-content-1 dl {
	width: 74.479%;
	margin: 0 auto;
	overflow: hidden
}
.tourism-content-1 dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: right
}
.tourism-content-1 dt .title-en {
	padding-right: 17.48%;
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: right;
	font-style: italic;
	font-weight: 700
}
.tourism-content-1 dd.img {
	width: 62.937%;
	float: right;
	margin-top: 100px;
	margin-top: 5vw
}
.tourism-content-1 dd.text {
	width: 29%;
	float: left
}
.tourism-content-1 dd.text span {
	margin-bottom: 35px;
	margin-bottom: 2vw;
	display: inline-block;
	font-size: 30px;
	font-size: 1.5vw;
	font-weight: 700;
	color: #575757
}
.tourism-content-1 dd.text p {
	line-height: 34px;
	line-height: 2vw;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.tourism-content-2 {
	width: 80%;
	margin-top: 37px;
	margin-top: 2vw;
	position: relative
}
.tourism-content-2 ul {
	width: 72.9%;
	overflow: hidden;
	position: relative
}
.tourism-content-2 ul li {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	filter: alaha(opacity=0);
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.tourism-content-2 ul li:first-child {
	position: relative
}
.tourism-content-2 ul li img {
	width: 100%
}
.tourism-content-2 ul li.active {
	opacity: 1;
	filter: alaha(opacity=100)
}
.tourism-progress {
	width: 0;
	height: 2px;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: 0;
	background: #e60012;
	z-index: 10
}
.tourism-content-3 {
	width: 32.5%;
	position: absolute;
	right: 0;
	top: 0;
	background: #efefef;
	padding: 5%
}
.tourism-content-3 span {
	margin-bottom: 35px;
	margin-bottom: 2vw;
	display: inline-block;
	font-size: 30px;
	font-size: 1.5vw;
	font-weight: 700;
	color: #575757
}
.tourism-content-3 p {
	width: 55%;
	line-height: 34px;
	line-height: 2vw;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.tourism-content-4 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw;
	position: relative
}
.tourism-content-4>img {
	width: 100%
}
.tourism-content-4 dl {
	width: 44.27%;
	position: absolute;
	top: 20%;
	top: 7vw;
	left: 28%;
	color: #fff
}
.tourism-content-4 dt {
	font-size: 30px;
	font-size: 1.5vw;
	font-weight: 700
}
.tourism-content-4 dd {
	line-height: 34px;
	line-height: 2vw;
	font-size: 20px;
	font-size: 1vw
}
.tourism-content-4 dd p {
	margin-top: 35px;
	margin-top: 2vw
}
.tourism-content-4 dd ul {
	margin-top: 70px;
	margin-top: 3.5vw
}
.tourism-content-4 dd li {
	width: 50%;
	float: left
}
.tourism-content-4 dd li img {
	width: 18%;
	vertical-align: middle
}
.tourism-content-5 {
	width: 100%;
	margin-top: 120px;
	margin-top: 6vw;
	overflow: hidden
}
.tourism-content-5 .left {
	width: 31.25%;
	float: left;
	margin-top: 100px;
	margin-top: 5vw;
	margin-left: 15.625%
}
.tourism-content-5 .right {
	width: 40%;
	float: right;
	margin-right: 8.645%
}
.tourism-content-6 {
	width: 100%;
	margin-top: 100px;
	margin-top: 5vw;
	overflow: hidden
}
.tourism-content-6 dt {
	border-bottom: 1px solid #c9c6c6;
	padding-bottom: 80px;
	padding-bottom: 4vw
}
.tourism-content-6 dt div {
	width: 67.7%;
	margin: 0 auto
}
.tourism-content-6 dt .title {
	margin-bottom: 5px;
	font-size: 50px;
	font-size: 2.5vw;
	color: #e60012;
	font-weight: 700;
	text-align: right
}
.tourism-content-6 dt .title-en {
	padding-right: 17.48%;
	font-size: 30px;
	font-size: 1.5vw;
	color: #b5b5b5;
	text-align: right;
	font-style: italic;
	font-weight: 700
}
.tourism-content-6 dd {
	margin-top: 50px;
	margin-top: 2.5vw;
	overflow: hidden;
	position: relative
}
.tourism-content-6 dd li {
	position: absolute;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 1;
	overflow: hidden
}
.tourism-content-6 dd li.active {
	position: relative;
	opacity: 1;
	z-index: 2
}
.tourism-content-6 dd li .left {
	width: 56.927%;
	float: left;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.tourism-content-6 dd li .right {
	width: 23.958%;
	float: left;
	margin-left: 4.6875%;
	margin-top: 45px;
	margin-top: 2vw;
	-webkit-transform: translateX(50%);
	-moz-transform: translateX(50%);
	-ms-transform: translateX(50%);
	-o-transform: translateX(50%);
	transform: translateX(50%);
	opacity: 0;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.tourism-content-6 dd li.active .left, .tourism-content-6 dd li.active .right {
	-webkit-transform: translateX(0);
	-moz-transform: translateX(0);
	-ms-transform: translateX(0);
	-o-transform: translateX(0);
	transform: translateX(0);
	opacity: 1
}
.tourism-content-6 dd li .right h1 {
	margin-top: 20px;
	margin-top: 1vw;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757;
	font-weight: 700
}
.tourism-content-6 dd li .right p {
	line-height: 34px;
	line-height: 2vw;
	margin-top: 45px;
	margin-top: 2vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.tourism-content-6 dd .btn {
	width: 12px;
	padding: 0 5px;
	position: absolute;
	right: 8%;
	top: 40%;
	z-index: 100
}
.tourism-content-6 dd .btn span {
	width: 10px;
	height: 10px;
	display: inline-block;
	border-radius: 50%;
	border: 1px solid #e60012;
	margin-bottom: 20px
}
.tourism-content-6 dd .btn span.active {
	background: #e60012
}
@media only screen and (max-width:767px) {
.tourism-content-1 {
	margin-top: 50px
}
.tourism-content-1 dt .title-en {
	padding-right: 0;
	margin-bottom: 5px;
	font-size: 16px;
	text-align: center
}
.tourism-content-1 dt .title {
	font-size: 20px;
	text-align: center
}
.tourism-content-1 dd.img {
	width: 100%;
	margin-top: 20px
}
.tourism-content-1 dd.text {
	width: 100%;
	margin-top: 10px
}
.tourism-content-1 dd.text span {
	font-size: 14px
}
.tourism-content-1 dd.text p {
	line-height: 20px;
	font-size: 12px
}
.tourism-content-2 {
	margin-top: 50px
}
.tourism-progress {
	display: none
}
.tourism-content-2 ul {
	width: 90%;
	margin-left: 5%
}
.tourism-content-3 {
	position: relative;
	width: 70%;
	margin-left: 10%
}
.tourism-content-3 span {
	font-size: 14px;
	margin-bottom: 10px
}
.tourism-content-3 p {
	width: 100%;
	line-height: 20px;
	font-size: 12px
}
.tourism-content-4 {
	margin-top: 50px
}
.tourism-content-4>img {
	width: 400%;
	margin-left: -150%
}
.tourism-content-4 dl {
	width: 80%;
	left: 10%;
	top: 50px
}
.tourism-content-4 dt {
	font-size: 14px
}
.tourism-content-4 dd {
	line-height: 20px;
	font-size: 12px
}
.tourism-content-4 dd p {
	margin-top: 10px
}
.tourism-content-4 dd li {
	width: 100%
}
.tourism-content-5 {
	margin-top: 10px
}
.tourism-content-5 .left, .tourism-content-5 .right {
	width: 100%;
	margin: 0
}
.tourism-content-6 {
	margin-top: 50px
}
.tourism-content-6 dt .title-en {
	margin-bottom: 5px;
	padding-right: 0;
	font-size: 16px;
	text-align: center
}
.tourism-content-6 dt .title {
	font-size: 20px;
	text-align: center
}
.tourism-content-6 dd li .left {
	width: 100%
}
.tourism-content-6 dd li .right {
	width: 90%;
	margin: 0;
	margin-left: 5%
}
.tourism-content-6 dd li .right h1 {
	font-size: 14px
}
.tourism-content-6 dd li .right p {
	line-height: 20px;
	font-size: 12px
}
.tourism-content-6 dd .btn {
	position: relative;
	width: 100%;
	right: auto;
	bottom: 0;
	text-align: center
}
.tourism-content-6 dd .btn span {
	margin: 0 5px;
	width: 5px;
	height: 5px
}
}
.contact {
	width: 100%;
	height: 100%;
	background: #fff;
	overflow: hidden;
	position: relative;
	z-index: 10;
	padding: 5% 0
}
.contact-con {
	width: 65%;
	margin: 0 auto
}
.contact-con dl {
	width: 11%;
	float: left
}
.contact-con dl dt {
	width: 100%;
	line-height: 50px;
	border-bottom: 1px solid #575757;
	font-size: 16px;
	color: #575757;
	font-weight: 700
}
.contact-con dl dd {
	width: 100%;
	margin-top: 30px;
	line-height: 40px;
	font-size: 16px;
	color: #787878
}
.contact-con dl dd a {
	display: block;
	white-space: nowrap
}
.contact-con dl dd a.active, .contact-con dl dd a:hover {
	color: #e60012
}
.contact-con .map {
	width:  50%;
	float: left;
	margin-left: 2%;
	margin-top: 50px;
	position: relative
}
	.contact-con .map img{width:100%;
	}
		.contact-con .map .map-list {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s
}
.contact-con .map .map-list.active {
	opacity: 1;
	visibility: visible;
	position: relative
}
.contact-con .map .map-con {
	width: 100%;
	
}
.contact-con .map h1 {
	margin-top: 10%;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757
}
.contact-con .map p {
	margin-top: 5%;
	line-height: 36px;
	line-height: 1.8vw;
	font-size: 22px;
	font-size: 1.1vw;
	color: #787878
}
.contact-con .ewm {
	width: 24%;
	float: right
}
@media only screen and (max-width:767px) {
.contact-con {
	width: 90%
}
.contact-con dl {
	width: 100%
}
.contact-con dl dd {
	margin-top: 20px;
	line-height: 30px;
	font-size: 16px;
	color: #787878
}
.contact-con .map {
	width: 100%;
	margin-left: 0;
	margin-top: 20px
}
.contact-con .map .map-con {
	height: 200px
}
.contact-con .map h1 {
	font-size: 16px
}
.contact-con .map p {
	margin-top: 5%;
	line-height: 20px;
	font-size: 12px
}
.contact-con .ewm {
	width: 100%;
	margin-top: 5%
}
}
.team-list {
	position: relative;
	z-index: 10;
	padding: 100px 0;
	padding: 5vw 0;
	background: #fff
}
.team-list>p {
	width: 50%;
	margin: 0 auto;
	line-height: 40px;
	line-height: 2vw;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757;
	font-weight: 700
}
.team-list ul {
	width: 84.375%;
	margin: 0 auto;
	overflow: hidden
}
.team-list li {
	width: 49.25%;
	float: left;
	margin-left: .75%;
	margin-bottom: 20px;
	margin-bottom: 1vw;
	background: #efefef;
	position: relative
}
.team-list li dt img {
	width: 62.53%
}
.team-list li dd {
	width: 42.6%;
	position: absolute;
	left: 46.99%;
	top: 37%
}
.team-list li dd h1 {
	line-height: 40px;
	line-height: 2vw;
	font-size: 30px;
	font-size: 1.5vw;
	color: #575757
}
.team-list li dd p {
	line-height: 30px;
	line-height: 1.5vw;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.team-list li dd a {
	display: inline-block;
	padding: 10px 30px 10px 10px;
	background: #e60012;
	font-size: 16px;
font-size:.8vw;
	color: #fff;
	position: relative;
	margin-top: 30px
}
.team-list li dd a em {
	font-size: 20px;
	font-weight: 700;
	position: absolute;
	right: 1px;
	bottom: 1px;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%
}
.team-list li dd a:hover em {
	-webkit-transform: rotate(360deg);
	-moz-transform: rotate(360deg);
	-ms-transform: rotate(360deg);
	-o-transform: rotate(360deg);
	transform: rotate(360deg)
}
.team-content {
	padding: 0;
	overflow: hidden
}
.team-content .left {
	width: 50%;
	height: 100%;
	float: left;
	overflow: hidden
}
.team-content .left .left-con {
	width: 67.7%;
	margin-left: 32.3%;
	padding-top: 100px;
	padding-top: 5vw;
	padding-bottom: 100px;
	padding-bottom: 5vw
}
.team-content .left h1 {
	margin-bottom: 20px;
	font-size: 50px;
	font-size: 2.5vw;
	font-weight: 700;
	color: #e60012
}
.team-content .left h2 {
	font-size: 30px;
	font-size: 1.5vw;
	font-weight: 700;
	color: #787878
}
.team-content .left hr {
	margin: 50px auto;
	margin: 2.5vw auto;
	border: 0;
	border-top: 1px dashed #b5b5b5
}
.team-content .left p {
	width: 90%;
	padding: 15px 0;
padding:.7vw 0;
	line-height: 34px;
	line-height: 2vw;
	font-size: 22px;
	font-size: 1vw;
	color: #787878
}
.team-content .right {
	width: 50%;
	float: right
}
.team-content .right img {
	width: 100%;
	float: left
}
@media only screen and (max-width:767px) {
.team-list {
	padding: 50px 0
}
.team-list>p {
	width: 80%;
	line-height: 20px;
	font-size: 14px
}
.team-list ul {
	width: 90%
}
.team-list li {
	width: 100%;
	margin-left: 0
}
.team-list li dt img {
	width: 62.53%
}
.team-list li dd {
	width: 48%;
	top: 30%
}
.team-list li dd h1, .team-list li dd p {
	line-height: 20px;
	font-size: 12px
}
.team-list li dd a {
	margin-top: 10px;
	font-size: 12px
}
.team-content .left {
	width: 80%;
	margin-left: 10%;
	float: left
}
.team-content .left .left-con {
	width: 100%;
	margin-left: 0;
	padding: 10px 0
}
.team-content .left h1 {
	margin-bottom: 10px;
	font-size: 30px
}
.team-content .left h2 {
	font-size: 18px
}
.team-content .left hr {
	margin: 20px auto
}
.team-content .left p {
	width: 100%;
	padding: 0 0 10px;
	line-height: 20px;
	font-size: 14px
}
.team-content .right {
	width: 100%;
	float: right
}
}

/*about*/
.about-content{
	position: relative;
    z-index: 10;
	padding: 12% 0 5%;
	background: #fff;
}
.about-content dl {
    position: absolute;
    top: 0;
    left: 50%;
    margin-top: 5%;
    
    color: #575757;
    
}

.about-content dt {
    float: left;
    font-size: 40px;
    font-size: 2vw;
    font-weight: bold;
    padding-left: 174px;
    padding-left: 8.7vw;
    position: relative;
}

.about-content dt:before {
    content: '';
    width: 136px;
    width: 6.8vw;
    height: 1px;
    background: #575757;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
}

.about-content dd {
    float: right;
    font-size: 34px;
    font-size: 1.7vw;
    margin-top: 50px;
    margin-top: 2.5vw;
    padding-right: 174px;
    padding-right: 8.7vw;
    position: relative;
}

.about-content dd:after {
    content: '';
    width: 136px;
    width: 6.8vw;
    height: 1px;
    background: #575757;
    display: block;
    position: absolute;
    right: 0;
    top: 50%;
}
.about-content-txt{
	width: 52%;
	margin: 0 auto;
}

.about-content-txt p{
	line-height: 36px;
	line-height: 1.8vw;
	margin-bottom: 2%;
	font-size: 22px;
	font-size: 1.1vw;
	color: #575757;
}

@media only screen and (max-width: 767px) {
	.about-content{
		padding: 30% 0 10%;
	}
	
	.about-content dl {
		width: 90%;
		left: 5%;
	    margin-top: 15%;
	    margin-left: 0;
	}

	.about-content dt {
	    font-size: 16px;
	    padding-left: 50px;
	}

	.about-content dt:before {
	    content: '';
	    width: 40px;
	}

	.about-content dd {
	    font-size: 12px;
	    margin-top: 10px;
	    padding-right: 50px;
	}

	.about-content dd:after {
	    content: '';
	    width: 40px;
	}

	.about-content-txt{
		width: 90%;
		margin: 0 auto;
	}

	.about-content-txt p{
		line-height: 20px;
		margin-bottom: 3%;
		font-size: 12px;
	}}
/*about end*/

.bdsharebuttonbox{
			margin-top: 20px;
			text-align: center;
		}
	
		.bdsharebuttonbox a{
			float: none;
			display: inline-block;
			margin: 0 5px;
			width: 32px;
			line-height: 32px;
			height: 32px;
			background-repeat: no-repeat;
			cursor: pointer;
			text-indent: -100em;
			overflow: hidden;
			color: #3a8ceb;
		}

.cent01{ width:100%; position:relative; overflow:hidden; height:100vh;}
.cent01 .img{ width:100%;/* transform: scale(1.5);*/}
.cent01 .img img{ width:100%;vertical-align: bottom; }
.cent0101{ position:absolute; top:0; height:100%; width:100%; display: flex;
    justify-content: center;
    align-items: center;}
.cent0101 h2{ font-weight:normal; display:block; font-size:40px; color:#fff; z-index:9}
.top{ display:none}
.smallimg img{ transform:scale(0.8,0.8); transition:all 3s;}

.inside_con{ padding:10px 0; min-height:300px;}
.wapper{width: 52%;
    margin: 0 auto;}
.chap li dt{ float:right !important;}	
.chap li dd{ float:left !important;}	

.dje{float:left;display:block;margin-left:3%;margin-top: 50px;}
.dje ul li{margin-bottom: 21%;text-align:center}
.dje ul li img{width:100px;height: 100px;/*display: block;*/}
	.dje ul li span {
		display: block;
		font-size: 16px;
		color: #000;
		line-height: 30px;
		display: flex;
		justify-content: center;
		align-items: center;
	}

@media only screen and (max-width: 980px) {
.top{ display:block; margin-top:64px;}
.cent01 { height:auto}
.cent0101 h2{ font-size:24px;}
.wapper{
    width: 90%;
    margin: 0 auto;
}
.dje{  width:100%;margin-left:0}
.dje ul{display: flex;
    justify-content: center;
    align-items: center; }
.dje ul li{ margin:0 4%;}	
}