@charset "utf-8";

body {
	font-family: "Microsoft YaHei","Segoe UI","Lucida Grande","STHeiti Light",Helvetica,Arial,FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",sans-serif;
	font-size: 14px;
	overflow: hidden;
	padding-top: 60px;
	color: #666
}

body .page-mask {
	display: none;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.7);
	position: fixed;
	top: 0;
	bottom: 0;
	left: 0;
	z-index: 997 !important
}

body{
	min-width: 1280px;
}



@font-face {
	font-family:'edo_szregular';src:url('../../fonts/edosz/edosz_0-webfont.eot');src:url('../../fonts/edosz/edosz_0-webfont.eot?#iefix') format('embedded-opentype'),url('../../fonts/edosz/edosz_0-webfont.woff2') format('woff2'),url('../../fonts/edosz/edosz_0-webfont.woff') format('woff'),url('../../fonts/edosz/edosz_0-webfont.ttf') format('truetype'),url('../../fonts/edosz/edosz_0-webfont.svg#edo_szregular') format('svg');font-weight:normal;font-style:normal
}

@font-face {
	font-family:'iconfont';src:url('http://at.alicdn.com/t/font_pe2xlha14fv42t9.eot');src:url('http://at.alicdn.com/t/font_pe2xlha14fv42t9.eot?#iefix') format('embedded-opentype'),url('http://at.alicdn.com/t/font_pe2xlha14fv42t9.woff') format('woff'),url('http://at.alicdn.com/t/font_pe2xlha14fv42t9.ttf') format('truetype'),url('http://at.alicdn.com/t/font_pe2xlha14fv42t9.svg#iconfont') format('svg')
}

.iconfont {
	font-family: "iconfont";
	font-size: 16px;
	font-style: normal
}

.icon {
	width: 1em;
	height: 1em;
	vertical-align: -0.15em;
	fill: currentColor;
	overflow: hidden
}

hr {
	background: #f3f3f3;
	height: 1px;
	border: none
}

.animation {
	-webkit-transition: all .7s ease-out;
	-moz-transition: all .7s ease-out;
	-ms-transition: all .7s ease-out;
	-o-transition: all .7s ease-out;
	transition: all .7s ease-out
}

.fadeInLeft {
	-webkit-transform: translate(100%, 0);
	-moz-transform: translate(100%, 0);
	-ms-transform: translate(100%, 0);
	-o-transform: translate(100%, 0);
	transform: translate(100%, 0);
	opacity: 0
}

.fadeInRight {
	-webkit-transform: translate(-100%, 0);
	-moz-transform: translate(-100%, 0);
	-ms-transform: translate(-100%, 0);
	-o-transform: translate(-100%, 0);
	transform: translate(-100%, 0);
	opacity: 0
}

.fadeInUp {
	-webkit-transform: translate(0, 100%);
	-moz-transform: translate(0, 100%);
	-ms-transform: translate(0, 100%);
	-o-transform: translate(0, 100%);
	transform: translate(0, 100%);
	opacity: 0
}

.fadeInDown {
	-webkit-transform: translate(0, -100%);
	-moz-transform: translate(0, -100%);
	-ms-transform: translate(0, -100%);
	-o-transform: translate(0, -100%);
	transform: translate(0, -100%);
	opacity: 0
}

.active-animeta {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.page-common-title {
	max-width: 100%;
	text-align: center
}

.page-common-title>h3 {
	display: block;
	font-size: 28px;
	line-height: 1.2;
	text-align: center;
	margin-top: 15px;
	text-transform: uppercase
}

.page-common-title>em {
	display: block;
	line-height: 1;
	color: #999;
	font-family: "edo_szregular";
	font-size: 35px;
	
}

.page-common-title>p {
	width: 960px;
	margin: 0 auto;
	margin-top: 30px
}

.list-page-filp {
	display: block;
	margin-top: 40px;
	text-align: center
}

.list-page-filp a {
	display: inline-block;
	width: 40px;
	height: 40px;
	font-size: 14px;
	margin: 0 2px;
	color: #666;
	line-height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #f7f7f7;
	text-transform: uppercase
}

.list-page-filp a:hover {
	background: #ffc501;
	color: #fff
}

.list-page-filp span {
	display: inline-block;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 14px;
	line-height: 40px;
	background: #ffc501;
	color: #fff;
	margin: 0 2px
}

.list-page-filp .prev,.list-page-filp .a1 {
	width: 60px
}

.list-page-filp .next {
	width: 60px
}

.list-page-filp .current {
	background: #ffc501;
	font-size: 14px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff
}

.list-page-filp .curr {
	font-size: 14px;
	background: #ffc501;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	color: #fff
}

.aside-right {
	position: fixed;
	right: 30px;
	bottom: 70px;
	z-index: 99;
	-webkit-transform: translateZ(0)
}

.aside-right .aside-list {
	width: 80px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	border: 1px solid #fff;
	background:#1f2a33;
}

.aside-right .aside-list li {
	width: 100%;
	height: 80px;
	background: #16d2e887;
	border-top: 1px solid #fff
} 

.aside-right .aside-list li:first-child {
	border-top: none
}

.aside-right .aside-list li a {
	display: table;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	color: #fff
}

.aside-right .aside-list li a>div {
	display: table-cell;
	vertical-align: middle
}

.aside-right .aside-list li a span {
	display: block;
	text-transform: uppercase;
	font-size: 12px
}

.aside-right .aside-list li a .iconfont {
	font-size: 30px;
	margin-bottom: 5px
}

.common-alter-mask {
	display: none;
	width: 100%;
	height: 100%;
	cursor: pointer;
	background: rgba(0,0,0,0.8);
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999 !important
}

.common-alter-mask .alter-content {
	width: 260px;
	height: 260px;
	background: #fff;
	cursor: default;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.common-alter-mask .alter-content img {
	display: block;
	width: 100%;
	height: 100%
}

.common-alter-mask .alter-content .close-btn {
	display: block;
	color: #fff;
	width: 40px;
	height: 40px;
	font-size: 40px;
	cursor: pointer;
	position: absolute;
	top: -40px;
	right: -40px
}

.common-banner-box {
	width: 100%;
	height: 280px;
	position: relative;
	z-index: 1;
	/* margin-bottom:60px; */
}

.common-banner-box .banner-bg {
	width: 100%;
	height: 280px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.common-banner-box .banner-text {
	display: table;
	max-width: 1170px;
	height: 100%;
	color: #fff;
	text-align: center;
	margin: 0 auto
}

.common-banner-box .banner-text>div {
	display: table-cell;
	vertical-align: middle
}

.common-banner-box .banner-text span {
	display: block;
	font-size: 72px;
	line-height: 1;
	font-family: "edo_szregular";
	color: #fff
}

.common-banner-box .banner-text em {
	display: block;
	font-size: 30px;
	line-height: 1;
	margin-top: 20px
}

.my-form {
	width: 100%
}

.my-form .form-group {
	margin: 10px 0;
	padding-left: 80px;
	text-align: left;
	border-bottom: 1px solid #6070af;
	position: relative
}

.my-form .form-group .input-name {
	width: 90px;
	line-height: 30px;
	position: absolute;
	top: 0;
	left: 0
}

.my-form .form-group .error {
	width: auto;
	line-height: 30px;
	color: #f00;
	margin: 0;
	position: absolute;
	top: 0;
	right: 0
}

.my-form .form-group input.error,.my-form .form-group textarea.error {
	position: static
}

.my-form .form-group input {
	display: block;
	width: 100%;
	height: 28px;
	line-height: 26px;
	border: none;
	background: none;
	font-family: "microsoft yahei"
}

.my-form .form-group textarea {
	display: block;
	width: 100%;
	height: 60px;
	line-height: 30px;
	border: none;
	background: none;
	font-family: "microsoft yahei"
}

.my-form .form-group textarea:-webkit-autofill {
	background-color: transparent
}

.header-box {
	width: 100%;
	height: 60px;
	background: #1E2742;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	font-size: 16px;
	position: fixed;
	left: 0;
	top: 0;
	-webkit-transform: tranlate3d(0, 0, 0);
	transform: tranlate3d(0, 0, 0);
	z-index: 999;
	overflow: hidden;
}





.header-box .header-content {
	max-width: 1170px;
	margin: 0 auto
}

.header-box .header-content::after{
	content: "";
    display: block;
    clear: both;
}

.header-box .header-content .header-logo {
	float: left;
	max-width: 200px;
	height: 60px
}

.header-box .header-content .header-logo>div {
	font-size: 0;
	width: 100%;
	line-height: 60px
}

.header-box .header-content .header-logo>div img {
	vertical-align: middle
}

.header-box .header-nav-box {
	float: right;
	height: 60px;
	position: relative
}

.header-box .header-nav-box .head-tel {
	
	display: block;
	width: auto;
	height: 47px;
	color: #ffffff;
	line-height: 22px;
	-webkit-border-radius: 17px;
	-moz-border-radius: 17px;
	border-radius: 17px;
	text-align: left;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden;
	padding: 0 15px;
	margin-top: 24px
}

.header-box .header-nav-box .head-tel .iconfont {
	display: inline;
	margin-left: 5px
}

.header-box .header-nav-box .head-tel .iconfont {
	margin: 0 5px 0 0
}

.header-box .header-nav-box .head-title {
	display: none;
	text-align: center;
	font-size: 26px;
	line-height: 60px;
	position: absolute;
	top: 0;
	left: 200px;
	right: 200px
}

.header-box .header-nav-box .header-nav {
	float: left;
	margin-right: 25px
}

.header-box .header-nav-box .header-nav #navList {
	width: 100%
}

.header-box .header-nav-box .header-nav #navList>li {
	float: left;
	position: relative;
	z-index: 99
	color:#ffffff;
}

.header-box .header-nav-box .header-nav #navList>li>a {
	display: block;
	height: 100%;
	padding: 0 25px;
	line-height: 60px;
	text-transform: uppercase;
	position: relative;
	color:#fff;
}

.header-box .header-nav-box .header-nav #navList>li>a:hover {
	color: #ffc501;
	border:0px;
}

.header-box .header-nav-box .header-nav #navList>li>a:hover::before {
	
}

.header-box .header-nav-box .header-nav #navList>li>a:hover::after {
	border-top-color: #ffc501
}

.header-box .header-nav-box .header-nav #navList>li>a::before {
	content: "";
	display: block;
	border-top: 4px solid #ffc501;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	position: absolute;
	left: 20px;
	right: 20px;
	bottom: 0
}

.header-box .header-nav-box .header-nav #navList>li>.arrow {
	position: relative;
	z-index: 9
}

.header-box .header-nav-box .header-nav #navList>li>.arrow::after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	border-top: 4px solid;
	border-left: 4px solid transparent;
	border-right: 4px solid transparent;
	/*border-bottom: 4px solid transparent*/
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu {
	display: none;
	position: absolute;
	top: 90px;
	left: -10%;
	right: -10%;
	z-index: 999;
	overflow: hidden
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li {
	height: 40px;
	text-align: center;
	line-height: 40px
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a {
	display: block;
	width: 100%;
	height: 100%;
	font-size: 14px;
	background: #fff;
	color: #ffffff;
	padding: 0 20px;
	line-height: 40px;
	border-top: 1px solid #f3f3f3;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: relative
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>li>a:hover {
	color: #fff;
	background: #ffc501;
	border-top-color: #ffc501
}

.header-box .header-nav-box .header-nav #navList>li .dropdown-menu>.curr a {
	color: #fff;
	border-top-color: #ffc501;
	background: #ffc501
}

.header-box .header-nav-box .header-nav #navList>.curr a {
	color: #ffffff;
}

.header-box .header-nav-box .header-nav #navList>.curr a::before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.header-box .header-nav-box .header-nav #navList>.curr a::after {
	border-top-color: #ffc501
}

.header-box .header-nav-box button {
	display: none;
	width: 3em;
	height: 2em;
	position: absolute;
	top: 50%;
	right: 10px;
	margin-top: -1em;
	background: none;
	border: none
}

.header-box .header-nav-box button>span {
	display: block;
	width: 100%;
	height: 2px;
	background: #ffc501;
	position: absolute;
	right: 0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.header-box .header-nav-box button>span:nth-of-type(1) {
	top: 0;
	-webkit-transition: all .07s linear;
	-moz-transition: all .07s linear;
	-ms-transition: all .07s linear;
	-o-transition: all .07s linear;
	transition: all .07s linear
}

.header-box .header-nav-box button>span:nth-of-type(2) {
	width: 100%;
	top: 50%;
	margin-top: -1px
}

.header-box .header-nav-box button>span:nth-of-type(3) {
	bottom: 0;
	-webkit-transition: all .07s ease-out;
	-moz-transition: all .07s ease-out;
	-ms-transition: all .07s ease-out;
	-o-transition: all .07s ease-out;
	transition: all .07s ease-out
}

.header-box .header-nav-box button span.two.squize {
	width: 0
}

.header-box .header-nav-box button span.rotate30 {
	-webkit-transform: rotate(30deg);
	-moz-transform: rotate(30deg);
	-ms-transform: rotate(30deg);
	-o-transform: rotate(30deg);
	transform: rotate(30deg)
}

.header-box .header-nav-box button span.rotate150 {
	-webkit-transform: rotate(150deg);
	-moz-transform: rotate(150deg);
	-ms-transform: rotate(150deg);
	-o-transform: rotate(150deg);
	transform: rotate(150deg)
}

.header-box .header-nav-box button span.rotate45 {
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.header-box .header-nav-box button span.rotate135 {
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	transform: rotate(135deg);
	-webkit-transition: all .1s ease-out;
	-moz-transition: all .1s ease-out;
	-ms-transition: all .1s ease-out;
	-o-transition: all .1s ease-out;
	transition: all .1s ease-out
}

.header-box .header-nav-box .open span:nth-of-type(1) {
	top: 50%;
	margin-top: -1px;
	-webkit-transition: all .07s ease-out;
	-moz-transition: all .07s ease-out;
	-ms-transition: all .07s ease-out;
	-o-transition: all .07s ease-out;
	transition: all .07s ease-out
}




@media screen and (min-width: 1024px) and (max-width: 1080px) {
	
	.header-box .header-content .header-logo{
	    max-width: 150px;
	}
	
	.header-box .header-nav-box .header-nav{
	    float: left;
	    /* margin-right: 25px; */
	    width: auto;
	    height: 90px;
	}
}






.footer-box {
	width: 100%;
	text-align: center;
	background: #1f2a33;
	color: #fff
}

.footer-box .footer-title em {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-family: "edo_szregular"
}

.footer-box .footer-title h4 {
	font-size: 24px;
	margin-top: 5px
}

.footer-box .map {
	float: left;
	width: 40%;
	height: 400px
}

.footer-box .map .BMap_Marker {
	background: #00d6f0 !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.footer-box .map .BMap_Marker:after {
	content: "";
	background: #00d6f0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .5;
	-webkit-animation: coordi 1.5s ease-in-out infinite alternate;
	animation: coordi 1.5s ease-in-out infinite alternate;
	position: absolute;
	left: -10px;
	right: -10px;
	bottom: -10px;
	top: -10px
}

.footer-box .footer-about {
	width: 40%;
    padding: 4% 4% 3% 4%;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
    float: left;
}

.footer-box .footer-about .about-content {
	/*float: left;*/
	text-align: left;
	/*max-width: 420px;*/
	/*padding: 60px 20px 40px 0;*/
	/*margin-left: 107px;*/
}

.footer-box .footer-about .about-content .about-brief {
	margin-top: 30px
}

.footer-box .footer-about .about-content .about-brief .logo-box {
	width: 200px
}

.footer-box .footer-about .about-content .about-brief p {
	text-align: justify;
	line-height: 27px;
}

.footer-box .footer-content {
	float: left;
    width: 60%;
    padding: 4% 4% 3% 4%;
    background: #1f2a33;
    color: #fff;
    text-align: left;
    position: relative;
    overflow: hidden;
    display: inline-block;
    box-sizing: border-box;
    vertical-align: middle;
}

.footer-box .footer-content .footer-contact {
	width: 60%;
    display: inline-block;
	float:left;
}

.footer-box .footer-content .footer-contact .contact-mode {
	width: 100%;
	margin-top: 20px
}

.footer-box .footer-content .footer-contact .contact-mode li {
	float: left;
	width: 88%;
	height: 18px;
	padding-right: 10px;
	margin: 15px 0 8px;
}

.footer-box .footer-content .footer-contact .contact-mode li span {
	display: block;
	margin-left: 30px
}

.footer-box .footer-content .footer-contact .contact-mode li .iconfont {
	float: left;
	margin-left: 0
}

.footer-box .footer-content .footer-contact .page-media-link {
	margin-top: 20px
}

.footer-box .footer-content .footer-contact .page-media-link li {
	float: left;
	width: 40px;
	height: 40px;
	text-align: center;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-right: 10px
}

.footer-box .footer-content .footer-contact .page-media-link li a {
	display: block;
	width: 100%;
	height: 100%;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	line-height: 40px;
	background: #273440
}

.footer-box .footer-content .footer-contact .page-media-link li a:hover {
	background: #00d6f0
}

.footer-box .footer-content .footer-contact .page-media-link li a .iconfont {
	font-size: 20px
}

.footer-box .footer-content .footer-follow {
	width: 39%;
    display: inline-block;
    float: left;
}

.footer-box .footer-content .footer-follow .follow-rq-code {
	width: 340px;
	margin: -114px;
	padding: 100px;
	margin-top: -70px
}

.footer-box .footer-content .footer-follow .follow-rq-code img {
	display: block;
	width: 75%;
	margin: 0 auto;
}

.footer-box .footer-content .footer-follow span {
	display: block;
	margin-top: 8px;
	padding-left: 20px;
}

.footer-box .footer-copy-box {
	font-size: 12px;
	line-height: 20px;
	position: absolute;
	left: 40px;
	right: 0;
	bottom: 20px
}

.footer-box .footer-copy-box br {
	display: none
}

.footer-box .footer-copy-box a {
	display: inline-block;
	margin-left: 10px
}









@-webkit-keyframes coordi {
	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);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: .6
	}

	100% {
		-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: 0
	}
}

@keyframes coordi {
	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);
		opacity: 0
	}

	50% {
		-webkit-transform: scale(1.2, 1.2);
		-moz-transform: scale(1.2, 1.2);
		-ms-transform: scale(1.2, 1.2);
		-o-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
		opacity: .6
	}

	100% {
		-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: 0
	}
}

.hp-banner-box {
	width: 100%;
	position: relative;
	background: #f9f9f9;
	overflow: hidden
}

.hp-banner-box .slider-mask {
	background: #fff;
	text-align: center;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99
}

.hp-banner-box .slider-mask img {
	display: block;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.hp-banner-box .am-slides>li {
	display: none;
	width: 100%;
	height: 620px;
	background-size: cover !important;
	background-size: 100% auto;
	position: relative;
	overflow: hidden;
	/*height: 100%;*/
}

.hp-banner-box .am-slides>li:first-child {
	display: block
}

.hp-banner-box .am-slides>li .thumb {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0
}

.hp-banner-box .am-direction-nav {
	display: block
}

.hp-banner-box .am-direction-nav a {
	position: absolute;
	top: 50%;
	z-index: 9;
	display: block;
	width: 36px;
	height: 36px;
	margin: -18px 0 0;
	line-height: 38px;
	overflow: hidden;
	cursor: pointer;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	color: #ffc501;
	background: #fff
}

.hp-banner-box .am-direction-nav a:hover {
	background: #ffc501;
	color: #fff
}

.hp-banner-box .am-direction-nav a .iconfont {
	display: block;
	text-align: center;
	font-size: 14px
}

.hp-banner-box .am-direction-nav .am-prev {
	left: 40px
}

.hp-banner-box .am-direction-nav .am-next {
	right: 40px
}

.hp-banner-box .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: 10px;
	z-index: 8;
	text-align: center
}

.hp-banner-box .am-control-nav li {
	display: inline-block;
	width: 15px;
	height: 15px;
	font-size: 0;
	margin: 0 5px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	cursor: pointer;
	color: #ffc501;
	border: 2px solid;
	background: transparent;
	background-clip: content-box;
	text-indent: -9999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}



.hp-banner-box .am-control-nav li:hover {
	background: #ffc501;
	border-color: transparent
}

.hp-banner-box .am-control-nav .am-active {
	background: #ffc501;
	border-color: transparent;
	background-clip: content-box
}

.hp-banner-box .banner-content1 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18%
}

.hp-banner-box .banner-content1 .ele-animation {
	display: table-cell;
	vertical-align: middle;
	color: #fff
}

.hp-banner-box .banner-content1 .ele-animation .border-text {
	display: block;
	width: 150px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	border: 2px solid;
	overflow: hidden;
	font-family: "edo_szregular";
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	font-size: 16px;
	color: #ffc501;
	text-transform: uppercase
}

.hp-banner-box .banner-content1 .ele-animation .border-text .iconfont {
	font-size: 12px;
	margin-left: 10px
}

.hp-banner-box .banner-content1 .ele-animation p {
	font-size: 36px;
	font-weight: 100;
	margin-top: 20px
}

.hp-banner-box .banner-content1 .ele-animation small {
	display: block;
	margin-top: 10px
}

.hp-banner-box .banner-content1 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #ffc501;
	overflow: hidden;
	margin-top: 40px
}

.hp-banner-box .banner-content1 .ele-animation .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-banner-box .banner-content1 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-banner-box .banner-content2 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18%
}

.hp-banner-box .banner-content2 .ele-animation {
	display: table-cell;
	vertical-align: middle;
	color: #fff;
	text-align: center
}

.hp-banner-box .banner-content2 .ele-animation .border-text {
	display: block;
	font-family: "edo_szregular";
	font-size: 40px;
	text-transform: uppercase
}

.hp-banner-box .banner-content2 .ele-animation p {
	font-size: 28px;
	font-weight: 100;
	margin-top: 20px
}

.hp-banner-box .banner-content2 .ele-animation small {
	display: block;
	margin-top: 10px
}

.hp-banner-box .banner-content2 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	text-align: center;
	line-height: 36px;
	border: 2px solid;
	overflow: hidden;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	margin: 0 auto;
	margin-top: 40px
}

.hp-banner-box .banner-content2 .ele-animation .more-btn .iconfont {
	font-size: 12px;
	margin-left: 10px
}

.hp-banner-box .banner-content2 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-banner-box .banner-content3 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18% 0 52%
}

.hp-banner-box .banner-content3 .ele-animation {
	display: table-cell;
	vertical-align: middle
}

.hp-banner-box .banner-content3 .ele-animation .border-text {
	display: block;
	font-size: 48px;
	font-family: "edo_szregular";
	text-transform: uppercase
}

.hp-banner-box .banner-content3 .ele-animation p {
	font-size: 28px;
	font-weight: 100;
	margin-top: 20px;
	/*-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s*/
}

.hp-banner-box .banner-content3 .ele-animation .line {
	display: block;
	width: 50px;
	height: 4px;
	background: #ffc501;
	margin-top: 20px;
	/*-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-ms-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s*/
}

.hp-banner-box .banner-content3 .ele-animation small {
	display: block;
	font-size: 16px;
	margin-top: 30px;
	/*-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s*/
}

.hp-banner-box .banner-content3 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	/*-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;*/
	background: #ffc501;
	overflow: hidden;
	margin-top: 40px
}

.hp-banner-box .banner-content3 .ele-animation .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-banner-box .banner-content3 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}




.hp-banner-box .banner-content4 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18% 0 52%
}

.hp-banner-box .banner-content4 .ele-animation {
	display: table-cell;
	vertical-align: middle
}

.hp-banner-box .banner-content4 .ele-animation .border-text {
	display: block;
	font-size: 48px;
	font-family: "edo_szregular";
	text-transform: uppercase
}

.hp-banner-box .banner-content4 .ele-animation p {
	font-size: 28px;
	font-weight: 100;
	margin-top: 20px;
	/*-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s*/
}

.hp-banner-box .banner-content4 .ele-animation .line {
	display: block;
	width: 50px;
	height: 4px;
	background: #ffc501;
	margin-top: 20px;
	/*-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-ms-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s*/
}

.hp-banner-box .banner-content4 .ele-animation small {
	display: block;
	font-size: 16px;
	margin-top: 30px;
	/*-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s*/
}

.hp-banner-box .banner-content4 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	/*-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;*/
	background: #ffc501;
	overflow: hidden;
	margin-top: 40px
}

.hp-banner-box .banner-content4 .ele-animation .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-banner-box .banner-content4 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}



.hp-banner-box .banner-content5 {
	display: table;
	width: 100%;
	height: 100%;
	padding: 0 18% 0 52%
}

.hp-banner-box .banner-content5 .ele-animation {
	display: table-cell;
	vertical-align: middle
}

.hp-banner-box .banner-content5 .ele-animation .border-text {
	display: block;
	font-size: 48px;
	font-family: "edo_szregular";
	text-transform: uppercase
}

.hp-banner-box .banner-content5 .ele-animation p {
	font-size: 28px;
	font-weight: 100;
	margin-top: 20px;
	/*-webkit-transition-delay: .5s;
	-moz-transition-delay: .5s;
	-ms-transition-delay: .5s;
	-o-transition-delay: .5s;
	transition-delay: .5s*/
}

.hp-banner-box .banner-content5 .ele-animation .line {
	display: block;
	width: 50px;
	height: 4px;
	background: #ffc501;
	margin-top: 20px;
	/*-webkit-transition-delay: .7s;
	-moz-transition-delay: .7s;
	-ms-transition-delay: .7s;
	-o-transition-delay: .7s;
	transition-delay: .7s*/
}

.hp-banner-box .banner-content5 .ele-animation small {
	display: block;
	font-size: 16px;
	margin-top: 30px;
	/*-webkit-transition-delay: 1s;
	-moz-transition-delay: 1s;
	-ms-transition-delay: 1s;
	-o-transition-delay: 1s;
	transition-delay: 1s*/
}

.hp-banner-box .banner-content5 .ele-animation .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	/*-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;*/
	background: #ffc501;
	overflow: hidden;
	margin-top: 40px
}

.hp-banner-box .banner-content5 .ele-animation .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-banner-box .banner-content5 .ele-animation .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-fast-signup {
	width: 100%;
	padding: 60px 0;
	background: #fff
}

.hp-fast-signup .fast-signup-box {
	max-width: 1170px;
	height: 160px;
	margin: 0 auto
}

.hp-fast-signup .fast-signup {
	margin: 0 -15px
}

.hp-fast-signup .link-btn-box {
	float: left;
	width: 50%;
	padding: 0 15px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-fast-signup .link-btn-box:first-child a {
	background: #ffc501
}

.hp-fast-signup .link-btn-box:first-child a:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5)
}

.hp-fast-signup .link-btn-box a {
	display: block;
	width: 100%;
	height: 160px;
	padding: 30px 10px;
	background: #00d6f0;
	text-align: center;
	color: #fff;
	position: relative;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-fast-signup .link-btn-box a:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
	-webkit-box-shadow: 4px 4px 20px 1px rgba(0,214,240,0.5),4px 4px 20px 1px rgba(0,214,240,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(0,214,240,0.5),4px 4px 20px 1px rgba(0,214,240,0.5);
	box-shadow: 4px 4px 20px 1px rgba(0,214,240,0.5),4px 4px 20px 1px rgba(0,214,240,0.5)
}

.hp-fast-signup .link-btn-box a>div {
	display: inline-block
}

.hp-fast-signup .link-btn-box a .icon {
	float: left;
	font-size: 100px
}

.hp-fast-signup .link-btn-box a .btn-content {
	padding: 10px 0;
	margin-left: 130px;
	text-align: left
}

.hp-fast-signup .link-btn-box a .btn-content small {
	display: block;
	font-size: 36px;
	line-height: 1;
	font-family: "edo_szregular"
}

.hp-fast-signup .link-btn-box a .btn-content span {
	display: block;
	font-size: 24px;
	margin-top: 10px
}



.hp-why-study {
	width: 100%;
	padding: 60px 0 0;
	background: #f9f9f9;
	position: relative
}

.hp-why-study .study-advan-content {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 40px
}

.hp-why-study .advan-list {
	margin: -25px -55px
}

.hp-why-study .advan-list li {
	float: left;
	width: 33.3333%;
	padding: 25px 91px;
	text-align:center;
}

.hp-why-study .advan-list li p{
	margin-top:25px;
	text-align:left;
}

.hp-why-study .advan-list li div {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-why-study .advan-list svg {
	font-size: 64px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-why-study .advan-list svg:hover {
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1)
}

.hp-why-study .advan-list .advan-brief-box {
	display: block;
	height: 6.14285714em;
	margin-top: 20px
}

.hp-why-study .advan-list .advan-brief-box h5 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	position: relative
}

.hp-why-study .advan-list .advan-brief-box h5:after {
	content: "";
	display: block;
	width: 30px;
	border-top: 4px solid #ffc501;
	position: absolute;
	bottom: -15px;
	left: 50%;
	margin-left: -15px
}











.hp-about-box {
	width: 100%;
	padding-top: 60px
}

.hp-about-box .about-content {
	max-width: 1170px;
	margin: 0 auto
}

.hp-about-box .about-content .about-brief-box {
	float: left;
	display: block;
	max-width: 700px;
	height: 360px;
	position: relative
}

.hp-about-box .about-content .about-brief-box .en-title {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-family: "edo_szregular"
}

.hp-about-box .about-content .about-brief-box>h4 {
	font-size: 24px;
	line-height: 1;
	margin-top: 10px;
	text-transform: uppercase
}

.hp-about-box .about-content .about-brief-box>p {
	color: #555;
	margin-top: 30px;
	text-align: justify;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	    line-height: 25px;
		text-indent:2em;
}

.hp-about-box .about-content .about-brief-box .about-data-list {
	margin: 30px -10px 0 -10px
}

.hp-about-box .about-content .about-brief-box .about-data-list li {
	float: left;
	width: 23.3333%;
    padding: 0 30px;
	text-align: left
}

.hp-about-box .about-content .about-brief-box .about-data-list li>div {
	padding: 20px;
	background: #f9f9f9;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-about-box .about-content .about-brief-box .about-data-list li>div:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-about-box .about-content .about-brief-box .about-data-list li span {
	display: block
}

.hp-about-box .about-content .about-brief-box .about-data-list li .iconfont {
	font-size: 40px;
	line-height: 1;
	color: #ffc501;
	margin-bottom: 10px
}

.hp-about-box .about-content .about-brief-box .more-curse-btn {
	margin-top: 20px
}

.hp-about-box .about-content .about-brief-box .more-curse-btn .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	background: #ffc501;
	overflow: hidden;
	background: #00d6f0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-about-box .more-curse-btn {
	margin-top: 20px
}

.hp-about-box .more-curse-btn .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	background: #ffc501;
	overflow: hidden;
	background: #ffc501;;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-about-box .about-content .about-brief-box .more-curse-btn .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-about-box .about-content .about-brief-box .more-curse-btn .more-btn:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px);
	-webkit-box-shadow: 4px 4px 20px 1px rgba(0,214,240,0.5),4px 4px 20px 1px rgba(0,214,240,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(0,214,240,0.5),4px 4px 20px 1px rgba(0,214,240,0.5);
	box-shadow: 4px 4px 20px 1px rgba(0,214,240,0.5),4px 4px 20px 1px rgba(0,214,240,0.5)
}
.hp-about-box .more-curse-btn .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}
.hp-about-box .about-content .about-img {
	float: right;
	max-height: 350px
}

.hp-about-box .about-content .about-img img {
	height: 100%;
	padding-left: 22%;
}

.hp-about-box .hp-about-advan {
	max-width: 1170px;
	margin: 0 auto;
	padding: 60px 0 10px;
	position: relative
}

.hp-about-box .hp-about-advan .am-slides>li {
	display: none;
	width: 100%;
	position: relative
}

.hp-about-box .hp-about-advan .am-slides>li:first-child {
	display: block
}

.hp-about-box .hp-about-advan .about-advan-content {
	width: 100%
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list {
	margin: -15px
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item {
	float: left;
	width: 33.3333%;
	padding: 15px
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item a {
	display: block;
	width: 100%;
	height: 230px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item a:hover .advan-brief {
	opacity: 1
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item a:hover .advan-brief .animation {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item .jqthumb {
	width: 100%;
	height: 230px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item .advan-brief {
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 40px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item .advan-brief .iconfont {
	display: inline-block;
	font-size: 40px;
	line-height: 1;
	color: #ffc501
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item .advan-brief h5 {
	font-size: 24px;
	line-height: 1;
	margin-top: 20px
}

.hp-about-box .hp-about-advan .about-advan-content .advan-list .advan-item .advan-brief p {
	margin-top: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hp-about-box .hp-about-advan .am-direction-nav {
	display: none !important
}

.hp-about-box .hp-about-advan .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 99;
	text-align: center
}

.hp-about-box .hp-about-advan .am-control-nav li {
	display: inline-block;
	width: 50px;
	height: 4px;
	font-size: 0;
	margin: 0 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	color: #ffc501;
	background: #999;
	background-clip: content-box;
	text-indent: -9999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-about-box .hp-about-advan .am-control-nav li:hover {
	background: #ffc501;
	border-color: transparent
}

.hp-about-box .hp-about-advan .am-control-nav .am-active {
	background: #ffc501;
	border-color: transparent;
	background-clip: content-box
}









.hp-curse-box {
	width: 100%;
	padding: 60px 0;
	background: #f9f9f9
}

.hp-curse-box .curse-content {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 60px
}

.hp-curse-box .curse-content .curse-type-box {
	width: 100%;
	text-align: center
}

.hp-curse-box .curse-content .curse-type-box .curse-type-list {
	display: inline-block
}

.hp-curse-box .curse-content .curse-type-box .curse-type-list li {
	float: left;
	height: 36px;
	line-height: 34px;
	color: #ffc501;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 10px;
	padding: 0 30px;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	border: 1px solid #ffc501
}

.hp-curse-box .curse-content .curse-type-box .curse-type-list li:hover {
	background: #ffc501;
	color: #fff
}

.hp-curse-box .curse-content .curse-type-box .curse-type-list .curr {
	background: #ffc501;
	color: #fff
}

.hp-curse-box .curse-content .curse-details-content {
	margin-top: 60px
}

.hp-curse-box .curse-content .curse-details-content .curse-item-group {
	display: none
}

.hp-curse-box .curse-content .curse-details-content .curse-item-group:first-child {
	display: block
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list {
	margin: 0 -20px
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li {
	float: left;
	width: 24.3333%;
	padding: 0 20px
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li a {
	display: block;
	width: 100%;
	height: 150px;
	padding: 40px 60px;
	background: #fff;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: relative;
	z-index: 1
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li a:hover {
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li a h5 {
	font-size: 18px;
	line-height: 1;
	font-weight: bold
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li a p {
	color: #999;
	margin-top: 10px;
	line-height: 26px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li a .number {
	display: block;
	width: 100%;
	font-size: 89px;
	line-height: 150px;
	text-align: center;
	color: #084249;
	opacity: .1;
	font-family: "edo_szregular";
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1
}

.hp-curse-box .curse-content .curse-details-content .curse-brief-list li a .angle-logo {
	display: block;
	width: 95px;
	height: 95px;
	background: url("../images//hp_curse_angle.png") center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0
}

.hp-curse-box .curse-more-link {
	margin-top: 60px;
	text-align: center
}

.hp-curse-box .curse-more-link .more-link-list {
	display: inline-block
}

.hp-curse-box .curse-more-link .more-link-list li {
	float: left;
	margin: 0 15px
}

.hp-curse-box .curse-more-link .more-link-list li a {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #ffc501;
	overflow: hidden
}

.hp-curse-box .curse-more-link .more-link-list li a .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-curse-box .curse-more-link .more-link-list li a:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}







.hp-case-box {
	width: 100%;
	padding: 60px 0;
	background: #32374b;
	overflow: hidden
}

.hp-case-box .case-content {
	max-width: 1170px;
	margin: 0 auto
}

.hp-case-box .case-content .case-list {
	width: 100%;
	position: relative
}

.hp-case-box .case-content .case-list .slick-next,.hp-case-box .case-content .case-list .slick-prev {
	display: block;
	width: 36px;
	height: 36px;
	color: #fff;
	background: rgba(255,255,255,0.5);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-align: center;
	line-height: 36px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	color: #ffc501;
	position: absolute;
	top: 50%;
	margin-top: -20px
}

.hp-case-box .case-content .case-list .slick-next:hover,.hp-case-box .case-content .case-list .slick-prev:hover {
	color: #ffc501
}

.hp-case-box .case-content .case-list .slick-next {
	right: 0
}

.hp-case-box .case-content .case-list .slick-prev {
	left: 0
}

.hp-case-box .case-content .case-list .slick-list {
	width: 100%;
	color: #fff;
	overflow: hidden
}

.hp-case-box .case-content .case-list .slick-slide {
	float: left;
	height: 100%
}

.hp-case-box .case-content .case-list .slick-slide>a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 0 20px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center;
	position: relative
}

.hp-case-box .case-content .case-list .slick-slide>a .portr-img {
	width: 150px;
	height: 150px;
	margin: 0 auto;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden
}

.hp-case-box .case-content .case-list .slick-slide>a .portr-img:hover {
	-webkit-transform: scale(1.05, 1.05);
	-moz-transform: scale(1.05, 1.05);
	-ms-transform: scale(1.05, 1.05);
	-o-transform: scale(1.05, 1.05);
	transform: scale(1.05, 1.05)
}

.hp-case-box .case-content .case-list .slick-slide>a .case-brief {
	margin-top: 20px;
	line-height: 25px;
}

.hp-case-box .case-content .case-list .slick-slide>a .case-brief p {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical
}



.hp-news-box {
	width: 100%;
	padding: 60px 0
}

.hp-news-box .news-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 60px
}

.hp-news-box .news-list-box .news-list {
	margin: 0 -15px
}

.hp-news-box .news-list-box .news-list li {
	float: left;
	width: 33.3333%;
	padding: 0 15px
}

.hp-news-box .news-list-box .news-list li>div {
	width: 100%;
	padding-bottom: 40px;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	text-align: center
}

.hp-news-box .news-list-box .news-list li>div:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.hp-news-box .news-list-box .news-list li .news-img {
	width: 100%;
	height: 190px
}

.hp-news-box .news-list-box .news-list li .news-brief {
	width: 100%;
	height: 130px;
	padding: 25px
}

.hp-news-box .news-list-box .news-list li .news-brief h5 {
	font-size: 16px;
	font-weight: bold;
	line-height: 1.2;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-news-box .news-list-box .news-list li .news-brief h5:hover {
	color: #ffc501
}

.hp-news-box .news-list-box .news-list li .news-brief p {
	margin-top: 20px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.hp-news-box .news-list-box .news-list li .more-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	background: #ffc501;
	overflow: hidden;
	margin: 0 auto;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.hp-news-box .news-list-box .news-list li .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.hp-news-box .news-list-box .news-list li .more-btn:hover {
	-webkit-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-moz-box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	box-shadow: 4px 4px 20px 1px rgba(250,193,1,0.5),4px 4px 20px 1px rgba(250,193,1,0.5);
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}









.hp-video-box {
	width: 100%;
	padding-top: 60px;
	background: #f9f9f9
}

.hp-video-box .video-content {
	margin-top: 60px;
	position: relative
}

.hp-video-box .video-content .alter-btn {
	display: block;
	font-size: 50px;
	color: #ffc501;
	cursor: pointer;
	position: absolute;
	top: 30%;
	left: 50%
}

.hp-video-box .video-content .video-bg {
	width: 100%;
	height: 440px
}

.hp-video-box .video-content .common-alter-mask {
	position: fixed
}

.hp-video-box .video-content .common-alter-mask .alter-content {
	width: 50%;
	height: 50%;
	background: none;
	cursor: default;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.hp-video-box .video-content .common-alter-mask .alter-content .video-box {
	width: 100%;
	text-align: center
}

.hp-video-box .video-content .common-alter-mask .alter-content .video-box video {
	width: 100%
}









.hp-partner-box {
	width: 100%;
	padding: 60px 0;
	overflow: hidden
}

.hp-partner-box .partner-content {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 60px;
	position: relative
}

.hp-partner-box .partner-content .partner-list {
	width: 100%;
	border-top: 1px solid #f3f3f3;
	border-left: 1px solid #f3f3f3
}

.hp-partner-box .partner-content .partner-list li {
	float: left;
	width: 25%;
	height: 170px;
	border-right: 1px solid #f3f3f3;
	border-bottom: 1px solid #f3f3f3
}

.hp-partner-box .partner-content .partner-list li a {
	display: block;
	width: 100%;
	height: 100%;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	line-height: 170px;
	text-align: center;
	position: relative
}

.hp-partner-box .partner-content .partner-list li a::before {
	content: "";
	border-left: 1px solid #ffc501;
	border-right: 1px solid #ffc501;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(1, 0);
	-moz-transform: scale(1, 0);
	-ms-transform: scale(1, 0);
	-o-transform: scale(1, 0);
	transform: scale(1, 0);
	position: absolute;
	top: -1px;
	left: -1px;
	right: 0;
	bottom: 0
}

.hp-partner-box .partner-content .partner-list li a::after {
	content: "";
	border-top: 1px solid #ffc501;
	border-bottom: 1px solid #ffc501;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	position: absolute;
	top: -1px;
	left: -1px;
	right: 0;
	bottom: 0
}

.hp-partner-box .partner-content .partner-list li a img {
	max-width: 50%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	vertical-align: middle;
	filter: grayscale(0);
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: url(desaturate.svg#greyscale);
	filter: #808080;
	-webkit-filter: grayscale(1)
}

.hp-partner-box .partner-content .partner-list li a:hover::after,.hp-partner-box .partner-content .partner-list li a:hover::before {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.hp-partner-box .partner-content .partner-list li a:hover img {
	filter: grayscale(1);
	-moz-filter: grayscale(0);
	-ms-filter: grayscale(0);
	-o-filter: grayscale(0);
	filter: url(desaturate.svg#greyscale);
	filter: colour;
	-webkit-filter: grayscale(0)
}



.about-page-brief {
	width: 100%;
	padding: 60px 0
}

.about-page-brief .about-school-brief {
	max-width: 1170px;
	margin: 0 auto
}

.about-page-brief .about-school-brief .about-brief-box {
	float: left;
	display: block;
	max-width: 700px;
	height: 360px;
	position: relative
}

.about-page-brief .about-school-brief .about-brief-box .en-title {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-family: "edo_szregular"
}

.about-page-brief .about-school-brief .about-brief-box>h4 {
	font-size: 24px;
	line-height: 1;
	margin-top: 10px;
	text-transform: uppercase
}

.about-page-brief .about-school-brief .about-brief-box>p {
	color: #999;
	margin-top: 30px;
	text-align: justify;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical
}

.about-page-brief .about-school-brief .about-brief-box .about-data-list {
	margin: 30px -10px 0 -10px
}

.about-page-brief .about-school-brief .about-brief-box .about-data-list li {
	float: left;
	width: 25%;
	padding: 0 10px;
	text-align: left
}

.about-page-brief .about-school-brief .about-brief-box .about-data-list li>div {
	padding: 20px;
	background: #f9f9f9;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.about-page-brief .about-school-brief .about-brief-box .about-data-list li>div:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.about-page-brief .about-school-brief .about-brief-box .about-data-list li span {
	display: block
}

.about-page-brief .about-school-brief .about-brief-box .about-data-list li .iconfont {
	font-size: 40px;
	line-height: 1;
	color: #ffc501;
	margin-bottom: 10px
}

.about-page-brief .about-school-brief .about-img {
	float: right;
	max-height: 350px
}

.about-page-brief .about-school-brief .about-img img {
	height: 100%
}

.about-page-service {
	width: 100%;
	padding: 60px 0;
	background: #f9f9f9
}

.about-page-service .service-product-content {
	max-width: 1170px;
	margin: 0 auto
}

.about-page-service .service-product-brief {
	width: 100%
}

.about-page-service .service-product-brief .brief-img {
	float: left;
	width: 570px;
	height: 280px
}

.about-page-service .service-product-brief .brief-text-box {
	max-height: 280px;
	margin-left: 570px;
	padding: 0 0 0 30px;
	overflow: hidden
}

.about-page-service .service-product-brief .brief-text-box .text-title {
	margin-bottom: 40px;
	position: relative
}

.about-page-service .service-product-brief .brief-text-box .text-title::after {
	content: "";
	width: 30px;
	border-top: 4px solid #ffc501;
	position: absolute;
	bottom: -24px;
	left: 0
}

.about-page-service .service-product-brief .brief-text-box .text-title span {
	display: block;
	font-size: 18px;
	line-height: 1;
	font-family: "edo_szregular"
}

.about-page-service .service-product-brief .brief-text-box .text-title h4 {
	font-size: 24px;
	line-height: 1;
	margin-top: 10px
}

.about-page-service .service-product-brief .brief-text-box p {
	color: #999;
	margin-top: 20px;
	line-height: 24px
}

.about-page-service .service-product-list-box {
	width: 100%;
	margin-top: 20px
}

.about-page-service .service-product-list-box .service-product-list>ul {
	margin: 0 -10px
}

.about-page-service .service-product-list-box .service-product-list li {
	float: left;
	width: 16.66666667%;
	padding: 0 10px
}

.about-page-service .service-product-list-box .service-product-list li>p {
	width: 100%;
	height: 180px;
	padding: 40px 30px;
	background: #fff;
	text-align: center;
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.about-page-service .service-product-list-box .service-product-list li>p:hover {
	-webkit-transform: translate(0, -10px);
	-moz-transform: translate(0, -10px);
	-ms-transform: translate(0, -10px);
	-o-transform: translate(0, -10px);
	transform: translate(0, -10px)
}

.about-page-service .service-product-list-box .service-product-list li>p .iconfont {
	font-size: 46px;
	color: #ffc501
}

.about-page-service .service-product-list-box .service-product-list li>p em {
	display: block;
	font-size: 16px;
	margin-top: 10px
}

.about-page-team {
	widows: 100%;
	padding: 60px 0
}

.about-page-team .team-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 60px
}

.about-page-team .team-list-box .team-list {
	margin: 15px
}

.about-page-team .team-list-box .team-list li {
	float: left;
	width: 25%;
	padding: 15px
}

.about-page-team .team-list-box .team-list li>div {
	width: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.about-page-team .team-list-box .team-list li>div:hover {
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05)
}

.about-page-team .team-list-box .team-list li .team-img {
	display: block;
	width: 100%;
	height: 200px;
	position: relative
}

.about-page-team .team-list-box .team-list li .team-img:hover .img-mask {
	opacity: 1
}

.about-page-team .team-list-box .team-list li .team-img .img-mask {
	width: 100%;
	height: 100%;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	background: rgba(0,0,0,0.5);
	text-align: center;
	position: absolute;
	top: 0;
	left: 0
}

.about-page-team .team-list-box .team-list li .team-img .img-mask .iconfont {
	font-size: 36px;
	height: 36px;
	color: #ffc501;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto
}

.about-page-team .team-list-box .team-list li .team-brief-box {
	width: 100%;
	height: 8.57142857em;
	padding: 20px
}

.about-page-team .team-list-box .team-list li .team-brief-box h4 {
	font-size: 16px
}

.about-page-team .team-list-box .team-list li .team-brief-box h4 span {
	display: inline-block;
	font-size: 12px;
	margin-left: 10px;
	color: #999
}

.about-page-team .team-list-box .team-list li .team-brief-box p {
	color: #999;
	margin-top: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}




.news-page {
	width: 100%;
	/*padding: 60px 0*/
}

.news-page .news-list-box {
	width: 100%;
	margin-top: 60px
}

.news-page .news-list-box .news-list {
	width: 100%;
	margin: -20px auto
}

.news-page .news-list-box .news-list li {
	width: 100%;
	padding: 20px 0;
	position: relative;
	z-index: 1
}

.news-page .news-list-box .news-list li:hover::after {
	-webkit-transform: scale(1, 1);
	-moz-transform: scale(1, 1);
	-ms-transform: scale(1, 1);
	-o-transform: scale(1, 1);
	transform: scale(1, 1)
}

.news-page .news-list-box .news-list li:hover .news-brief-content {
	-webkit-transform: translate(-10px, 0);
	-moz-transform: translate(-10px, 0);
	-ms-transform: translate(-10px, 0);
	-o-transform: translate(-10px, 0);
	transform: translate(-10px, 0)
}

.news-page .news-list-box .news-list li:after {
	content: "";
	background: #f9f9f9;
	-webkit-transform: scale(0, 1);
	-moz-transform: scale(0, 1);
	-ms-transform: scale(0, 1);
	-o-transform: scale(0, 1);
	transform: scale(0, 1);
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	z-index: -1
}

.news-page .news-list-box .news-list .news-brief-content {
	max-width: 1200px;
	margin: 0 auto;
	height: 100px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden
}

.news-page .news-list-box .news-list .news-brief-content .news-img {
	float: left;
	width: 135px;
	height: 115px;
	position: relative
}

.news-page .news-list-box .news-list .news-brief-content .news-img:hover .img-mask {
	opacity: 1
}

.news-page .news-list-box .news-list .news-brief-content .news-img:hover .img-mask .iconfont {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.news-page .news-list-box .news-list .news-brief-content .news-img .img-mask {
	background: rgba(0,0,0,0.4);
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.news-page .news-list-box .news-list .news-brief-content .news-img .img-mask .iconfont {
	display: block;
	width: 100%;
	height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	line-height: 40px;
	font-size: 30px;
	color: #ffc501;
	-webkit-transform: translate(0, -100px);
	-moz-transform: translate(0, -100px);
	-ms-transform: translate(0, -100px);
	-o-transform: translate(0, -100px);
	transform: translate(0, -100px);
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.news-page .news-list-box .news-list .news-brief-content .news-brief {
	height: 100px;
    /*margin-left: 98px;*/
    padding-left: 10px;
    /*margin-top:10px;*/
    position: relative;
}

.news-page .news-list-box .news-list .news-brief-content .news-brief h3 {
	font-size: 18px;
	margin-bottom: 10px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.news-page .news-list-box .news-list .news-brief-content .news-brief h3:hover {
	color: #ffc501
}

.news-page .news-list-box .news-list .news-brief-content .news-brief span {
	font-size: 14px;
	color: #999
}

.news-page .news-list-box .news-list .news-brief-content .news-brief p {
	width: 100%;
	padding-top: 5px;
	color: #999;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	line-height: 21px;
	text-align: justify;
}

.news-page .news-list-box .news-list .news-brief-content .news-brief .more-btn {
	display: block;
	width: 100px;
	height: 30px;
	color: #fff;
	line-height: 30px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	text-align: center;
	background: #ffc501;
	overflow: hidden;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	position: absolute;
	bottom: 0
}

.news-page .news-list-box .news-list .news-brief-content .news-brief .more-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.news-page .news-list-box .news-list .news-brief-content .news-brief .more-btn:hover {
	background: #ffd23a
}





.eden-page {
	width: 100%;
	padding: 60px 0
}

.eden-page .eden-list-box {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 60px
}

.eden-page .eden-list-box .eden-list {
	margin: -20px auto
}

.eden-page .eden-list-box .eden-list li {
	float: left;
	width: 33.3333%;
	padding: 15px;
	position: relative;
	z-index: 1
}

.eden-page .eden-list-box .eden-list .eden-brief-content {
	width: 100%;
	padding: 20px;
	background: #fff;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	overflow: hidden
}

.eden-page .eden-list-box .eden-list .eden-brief-content:hover {
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05)
}

.eden-page .eden-list-box .eden-list .eden-brief-content:hover .eden-img .img-mask {
	opacity: 1
}

.eden-page .eden-list-box .eden-list .eden-brief-content:hover .eden-img .img-mask .iconfont {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-img {
	display: block;
	width: 100%;
	height: 175px;
	position: relative
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-img .img-mask {
	background: rgba(0,0,0,0.4);
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-img .img-mask .iconfont {
	display: block;
	width: 100%;
	height: 40px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	line-height: 40px;
	font-size: 30px;
	color: #ffc501;
	-webkit-transform: translate(0, -100px);
	-moz-transform: translate(0, -100px);
	-ms-transform: translate(0, -100px);
	-o-transform: translate(0, -100px);
	transform: translate(0, -100px);
	opacity: 0;
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-brief {
	height: 60px;
	padding-top: 20px
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-brief h3 {
	font-size: 16px;
	line-height: 1.2;
	padding-right: 70px;
	position: relative
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-brief h3 a {
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-brief h3 a:hover {
	color: #ffc501
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-brief h3 .time {
	float: right;
	font-size: 12px;
	color: #999;
	position: absolute;
	bottom: 0;
	right: 0
}

.eden-page .eden-list-box .eden-list .eden-brief-content .eden-brief .author {
	display: block;
	margin-top: 5px;
	color: #999
}



.curse-page-main {
	width: 100%;
	padding: 60px 0
}

.curse-page-main .main-curse-content {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 60px
}

.curse-page-main .main-curse-content .curse-type-box {
	width: 100%;
	text-align: center
}

.curse-page-main .main-curse-content .curse-type-box .curse-type-list {
	display: inline-block
}

.curse-page-main .main-curse-content .curse-type-box .curse-type-list li {
	float: left;
	height: 36px;
	line-height: 34px;
	color: #ffc501;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 0 10px;
	padding: 0 30px;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	border: 1px solid #ffc501
}

.curse-page-main .main-curse-content .curse-type-box .curse-type-list li:hover {
	background: #ffc501;
	color: #fff
}

.curse-page-main .main-curse-content .curse-type-box .curse-type-list .curr {
	background: #ffc501;
	color: #fff
}

.curse-page-main .main-curse-content .curse-details-content {
	margin-top: 60px
}

.curse-page-main .main-curse-content .curse-details-content .curse-item-group {
	display: none
}

.curse-page-main .main-curse-content .curse-details-content .curse-item-group:first-child {
	display: block
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list {
	margin: 0 -20px
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li {
	float: left;
	width: 33.3333%;
	padding: 0 20px
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a {
	display: block;
	width: 100%;
	height: 180px;
	padding: 30px 60px;
	background: #fff;
	text-align: center;
	border: 1px solid #f3f3f3;
	position: relative;
	z-index: 1
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a h5 {
	font-size: 18px;
	line-height: 1;
	font-weight: bold
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a p {
	color: #999;
	margin-top: 10px;
	line-height: 26px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a .more-btn {
	display: block;
	width: 130px;
	height: 36px;
	color: #fff;
	text-align: center;
	line-height: 34px;
	border: 1px solid;
	overflow: hidden;
	color: #00d6f0;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	position: absolute;
	bottom: 20px;
	left: 50%;
	margin-left: -65px;
	z-index: -1
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a .more-btn .iconfont {
	font-size: 12px;
	margin-left: 10px
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a .more-btn:hover {
	background: #00d6f0;
	color: #fff
}

.curse-page-main .main-curse-content .curse-details-content .curse-brief-list li a .angle-logo {
	display: block;
	width: 95px;
	height: 95px;
	background: url("../../images/maqv/hp_curse_angle.png") center no-repeat;
	background-size: cover;
	position: absolute;
	top: 0;
	left: 0
}



.curse-page-system {
	width: 100%;
	padding: 60px 0;
	background: #f9f9f9
}

.curse-page-system .curse-system-content {
	max-width: 1170px;
	margin: 0 auto;
	padding-bottom: 60px;
	margin-top: 60px;
	position: relative
}

.curse-page-system .curse-system-content .am-slides>li {
	display: none;
	width: 100%;
	position: relative
}

.curse-page-system .curse-system-content .am-slides>li:first-child {
	display: block
}

.curse-page-system .curse-system-content .curse-system-list-box {
	width: 100%
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list {
	margin: -15px
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item {
	float: left;
	width: 33.3333%;
	padding: 15px
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item a {
	display: block;
	width: 100%;
	height: 230px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden;
	position: relative
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item a:hover .curse-brief {
	opacity: 1
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item a:hover .curse-brief .animation {
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	opacity: 1
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item .jqthumb {
	width: 100%;
	height: 230px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	overflow: hidden
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item .curse-brief {
	width: 100%;
	height: 100%;
	color: #fff;
	padding: 40px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	opacity: 0;
	background: rgba(0,0,0,0.4);
	position: absolute;
	top: 0;
	left: 0
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item .curse-brief .iconfont {
	display: inline-block;
	font-size: 40px;
	line-height: 1;
	color: #ffc501
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item .curse-brief h5 {
	font-size: 24px;
	line-height: 1;
	margin-top: 20px
}

.curse-page-system .curse-system-content .curse-system-list-box .system-list .system-item .curse-brief p {
	margin-top: 20px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical
}

.curse-page-system .curse-system-content .am-direction-nav {
	display: none !important
}

.curse-page-system .curse-system-content .am-control-nav {
	width: 100%;
	position: absolute;
	bottom: 0;
	z-index: 99;
	text-align: center
}

.curse-page-system .curse-system-content .am-control-nav li {
	display: inline-block;
	width: 50px;
	height: 4px;
	font-size: 0;
	margin: 0 5px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	cursor: pointer;
	color: #ffc501;
	background: #999;
	background-clip: content-box;
	text-indent: -9999px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.curse-page-system .curse-system-content .am-control-nav li:hover {
	background: #ffc501;
	border-color: transparent
}

.curse-page-system .curse-system-content .am-control-nav .am-active {
	background: #ffc501;
	border-color: transparent;
	background-clip: content-box
}



.curse-page-service {
	max-width: 1170px;
	margin: 0 auto;
	padding: 60px 0
}

.curse-page-service .service-item-box {
	margin: 0 -15px
}

.curse-page-service .service-item-box .service-item {
	float: left;
	width: 50%;
	padding: 0 15px;
	color: #fff
}

.curse-page-service .service-item-box .service-item:first-child .item-content {
	background: #ffc501
}

.curse-page-service .service-item-box .service-item:first-child .item-content .know-btn {
	color: #ffc501
}

.curse-page-service .service-item-box .service-item:first-child .item-content .iconfont {
	color: #e0ad02
}

.curse-page-service .service-item-box .service-item .item-content {
	width: 100%;
	height: 220px;
	padding: 30px 200px 30px 30px;
	background: #00d6f0;
	position: relative
}

.curse-page-service .service-item-box .service-item .item-content h6 {
	font-size: 18px;
	line-height: 1;
	font-weight: bold
}

.curse-page-service .service-item-box .service-item .item-content p {
	margin-top: 20px;
	line-height: 24px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical
}

.curse-page-service .service-item-box .service-item .item-content .know-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #ffc501;
	overflow: hidden;
	background: #fff;
	color: #00d6f0;
	position: absolute;
	bottom: 30px;
	left: 30px
}

.curse-page-service .service-item-box .service-item .item-content .know-btn .iconfont {
	display: inline;
	margin-left: 5px
}

.curse-page-service .service-item-box .service-item .item-content .iconfont {
	display: block;
	height: 160px;
	font-size: 160px;
	line-height: 160px;
	color: #0cc;
	position: absolute;
	top: 30px;
	right: 20px;
	bottom: 30px;
	margin: auto 0
}



.contact-page {
	width: 100%;
	padding: 60px 0
}

.contact-page .contact-content {
	max-width: 1170px;
	margin: 0 auto;
	margin-top: 40px
}

.contact-page .contact-content .contact-page-title {
	font-size: 18px;
	font-weight: bold;
	line-height: 1
}

.contact-page .contact-content .contact-mode {
	width: 100%;
	margin-top: 60px
}

.contact-page .contact-content .contact-mode .contact-mode-list {
	width: 100%;
	margin-top: 40px;
	text-align: center
}

.contact-page .contact-content .contact-mode .contact-mode-list li {
	float: left;
	width: 25%;
	padding: 0 15px
}

.contact-page .contact-content .contact-mode .contact-mode-list li>div {
	height: 240px;
	padding: 40px;
	cursor: pointer;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.contact-page .contact-content .contact-mode .contact-mode-list li>div:hover {
	-webkit-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	-moz-box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	box-shadow: -2px -2px 10px 1px rgba(0,0,0,0.05),2px 2px 10px 1px rgba(0,0,0,0.05);
	color: #ffc501
}

.contact-page .contact-content .contact-mode .contact-mode-list li>div:hover p {
	color: #ffc501
}

.contact-page .contact-content .contact-mode .contact-mode-list li .iconfont {
	font-size: 46px
}

.contact-page .contact-content .contact-mode .contact-mode-list li h6 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1;
	margin-top: 20px
}

.contact-page .contact-content .contact-mode .contact-mode-list li p {
	color: #999;
	margin-top: 15px;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear
}

.contact-page .contact-content .contact-mode .map {
	width: 100%;
	height: 410px;
	margin-top: 60px
}

.contact-page .contact-content .contact-mode .map .BMap_Marker {
	background: #00d6f0 !important;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%
}

.contact-page .contact-content .contact-mode .map .BMap_Marker:after {
	content: "";
	background: #00d6f0;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	opacity: .5;
	-webkit-animation: coordi 1.5s ease-in-out infinite alternate;
	animation: coordi 1.5s ease-in-out infinite alternate;
	position: absolute;
	left: -10px;
	right: -10px;
	bottom: -10px;
	top: -10px
}

.contact-page .contact-content .contact-message-box {
	width: 100%;
	margin-top: 60px
}

.contact-page .contact-content .contact-message-box .contact-message {
	float: left;
	width: 60%
}

.contact-page .contact-content .contact-message-box .contact-message #message_form {
	width: 100%
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .form-group {
	float: left;
	width: 50%;
	padding: 0 30px 0 0;
	margin: 15px 0;
	border: none;
	position: relative
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .message-group {
	width: 100%;
	margin-bottom: 54px
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .message-group textarea {
	width: 100%;
	height: 210px;
	padding: 10px;
	border: 1px solid #f3f3f3
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .import {
	position: relative;
	height: 50px
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .import::before {
	content: "*";
	color: #f00;
	font-size: 20px;
	position: absolute;
	right: 15px;
	top: 15px
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .input-name {
	width: 100px;
	text-align: right;
	line-height: 50px;
	padding-right: 10px;
	font-size: 12px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	text-transform: capitalize;
	cursor: default;
	position: absolute;
	top: 0;
	left: 0
}

.contact-page .contact-content .contact-message-box .contact-message #message_form label.error {
	width: 100%;
	padding-left: 30px;
	font-size: 12px;
	line-height: 30px;
	height: 30px;
	text-align: left;
	color: #f00;
	margin: 0;
	position: absolute;
	top: 50px;
	left: 0
}

.contact-page .contact-content .contact-message-box .contact-message #message_form input.error {
	width: 100%
}

.contact-page .contact-content .contact-message-box .contact-message #message_form input {
	width: 100%;
	height: 50px;
	color: #666;
	padding-left: 10px;
	border: 1px solid #f3f3f3
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .dosubmit {
	width: 200px;
	height: 40px;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #ffc501;
	overflow: hidden;
	display: block;
	border: none;
	color: #fff;
	margin-left:35%;
}

.contact-page .contact-content .contact-message-box .contact-message #message_form .dosubmit .iconfont {
	display: inline;
	margin-left: 5px
}

.contact-page .contact-content .contact-message-box .contact-route {
	float: right;
	width: 40%;
	padding-left: 10px
}

.contact-page .contact-content .contact-message-box .contact-route .route-mode {
	margin-top: 20px
}

.contact-page .contact-content .contact-message-box .contact-route .route-mode dt {
	font-size: 16px
}

.contact-page .contact-content .contact-message-box .contact-route .route-mode dt .iconfont {
	font-size: 30px;
	color: #ffc501
}

.contact-page .contact-content .contact-message-box .contact-route .route-mode dd {
	color: #999;
	margin-top: 10px
}

.contact-page .contact-content .contact-message-box .contact-route .route-mode dd span {
	display: block;
	color: #999
}

.contact-page .contact-content .contact-message-box .contact-route .contact-brief-box {
	margin-top: 30px
}

.contact-page .contact-content .contact-message-box .contact-route .contact-brief-box em {
	display: block;
	line-height: 3px;
	font-size: 16px;
	margin-top: 20px
}

.contact-page .contact-content .contact-message-box .contact-route .contact-brief-box em span {
	float: left;
	font-size: 26px;
	color: #ffc501;
	margin-right: 5px
}

.contact-page .contact-content .contact-message-box .contact-route .contact-brief-box p {
	color: #999;
	margin-top: 20px;
	line-height: 24px
}







.news-details-page {
	width: 100%;
	padding: 60px 0
}

.news-details-page .news-details-content {
	max-width: 1050px;
	margin: 0 auto
}

.news-details-page .news-details-content .news-details {
	text-align: center
}

.news-details-page .news-details-content .news-details h1 {
	font-size: 24px;
	line-height: 1;
	text-align: center;
	/* text-transform: uppercase */
}

.news-details-page .news-details-content .news-details time {
	display: inline-block;
	text-align: center;
	font-size: 14px;
	line-height: 1;
	margin-top: 15px;
	font-family: "edo_szregular";
	color: #999
}

.news-details-page .news-details-content .news-details .content-details {
	width: 100%;
	margin-top: 30px;
	text-align: justify
}

.news-details-page .news-details-content .news-details .content-details img {
	display: block;
	margin: 20px auto !important;
	height: auto !important
}

.news-details-page .news-details-content .news-details .content-details span,.news-details-page .news-details-content .news-details .content-details div {
	color: #555 !important
}

.news-details-page .news-details-content .news-details .content-details p {
	margin: 20px 0;
	line-height: 24px;
	color:#555;
}

.news-details-page .news-details-content .news-details .content-details div {
	margin: 20px auto
}



.team-details-page {
	width: 100%;
	padding: 60px 20px
}

.team-details-page .team-details-content {
	max-width: 1000px;
	margin: 0 auto
}

.team-details-page .team-details-content .team-img {
	float: left;
	width: 40%
}

.team-details-page .team-details-content .team-img img {
	width: 100%
}

.team-details-page .team-details-content .team-details {
	float: right;
	width: 60%;
	padding-left: 40px
}

.team-details-page .team-details-content .team-details>h1 {
	font-size: 24px;
	line-height: 1
}

.team-details-page .team-details-content .team-details>span {
	display: block;
	margin-top: 5px;
	color: #999
}

.team-details-page .team-details-content .team-details .content-details {
	width: 100%;
	margin-top: 30px;
	text-align: justify
}

.team-details-page .team-details-content .team-details .content-details img {
	display: block;
	margin: 20px auto !important;
	height: auto !important
}

.team-details-page .team-details-content .team-details .content-details span,.team-details-page .team-details-content .team-details .content-details div {
	color: #555 !important
}

.team-details-page .team-details-content .team-details .content-details p {
	margin: 20px 0;
	line-height: 24px;
	color:#555;
}

.team-details-page .team-details-content .team-details .content-details div {
	margin: 20px auto
}



.course-details-brief {
	width: 100%;
	padding: 60px 20px
}

.course-details-brief .brief-content {
	max-width: 1170px;
	margin: 0 auto
}

.course-details-brief .brief-img {
	float: right;
	max-width: 400px
}

.course-details-brief .brief-img img {
	display: block
}

.course-details-brief .brief-text {
	margin-right: 400px;
	padding-right: 170px
}

.course-details-brief .brief-text h3 {
	font-size: 24px
}

.course-details-brief .brief-text .content-text {
	color: #999;
	line-height: 24px;
	margin-top: 20px
}

.course-details-brief .brief-text .consult-btn {
	display: block;
	width: 200px;
	height: 40px;
	color: #fff;
	line-height: 40px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	text-align: center;
	-webkit-transition: all .3s linear;
	-moz-transition: all .3s linear;
	-ms-transition: all .3s linear;
	-o-transition: all .3s linear;
	transition: all .3s linear;
	background: #ffc501;
	overflow: hidden;
	margin-top: 20px
}

.course-details-brief .brief-text .consult-btn .iconfont {
	display: inline;
	margin-left: 5px
}







.course-details-center {
	width: 100%;
	padding: 60px 20px;
	background: #f9f9f9
}

.course-details-center .course-center-list {
	max-width: 1170px;
	margin: 0 auto
}

.course-details-center .course-list {
	margin: 0 -40px
}

.course-details-center .course-list li {
	float: left;
	width: 33.3333%;
	padding: 0 40px
}

.course-details-center .course-list dt {
	font-size: 16px;
	font-weight: bold
}

.course-details-center .course-list dd {
	margin-top: 10px;
	line-height: 24px;
	color: #999;
	text-align: justify
}





.course-details-poster {
	width: 100%;
	padding: 60px 20px;
	background: #32374b
}

.course-details-poster .poster-content {
	max-width: 1000px;
	margin: 0 auto;
	color: #fff;
	text-align: center
}

.course-details-poster .poster-content h3 {
	font-size: 24px
}

.course-details-poster .poster-content .line {
	display: block;
	margin: 20px auto;
	width: 30px;
	height: 4px;
	background: #ffc501
}

.course-details-poster .poster-content .content-text {
	line-height: 22px
}



.course-details-service {
	width: 100%;
	padding: 60px 20px
}

.course-details-service .service-content {
	max-width: 1170px;
	margin: 0 auto
}

.course-details-service .service-img {
	float: left;
	max-width: 270px;
	padding-top: 90px
}

.course-details-service .service-img img {
	display: block
}

.course-details-service .service-list-box {
	margin-left: 320px
}

.course-details-service .service-list-box .list-title {
	font-size: 24px;
	line-height: 1;
	padding-bottom: 60px
}

.course-details-service .service-list {
	margin: -30px 0
}

.course-details-service .service-list li {
	margin: 30px 0
}

.course-details-service .service-list li .number {
	float: left;
	width: 30px;
	height: 30px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-size: 16px;
	text-align: center;
	line-height: 30px;
	font-weight: bold;
	background: #ffc501;
	color: #fff
}

.course-details-service .service-list li .content-text {
	margin-left: 50px
}





.course-details-product {
	width: 100%;
	padding: 60px 20px;
	background: #f9f9f9
}

.course-details-product .product-content {
	max-width: 1170px;
	margin: 0 auto
}

.course-details-product .product-img {
	float: right;
	max-width: 270px;
	padding-top: 90px
}

.course-details-product .product-img img {
	display: block
}

.course-details-product .product-list-box {
	margin-right: 320px
}

.course-details-product .product-list-box .list-title {
	font-size: 24px;
	line-height: 1;
	padding-bottom: 60px
}

.course-details-product .product-list {
	margin: -20px 0
}

.course-details-product .product-list li {
	margin: 20px 0
}

.course-details-product .product-list li .circle {
	float: left;
	width: 15px;
	height: 15px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	margin-top: 5px;
	background: #ffc501
}

.course-details-product .product-list li .content-text {
	margin-left: 30px;
	font-size: 16px
}




.aa1 .bb1{
	overflow: hidden;
	display: none; 
}

.link_box{
	padding: 0 10.6% 2% 4% ;
	color:#918e8e
}

.link_box .yqlj{
	width:7%;
	float: left;
	text-align: left;
}
.link_box .lj_link{
	width: 93%;
	float: left;
	text-align: left;
}
.link_box::after{
	content: "";
	display: block;
	clear: both;
}
.link_box .lj_link p a:hover{
	color: #ffffff;
}