* { touch-action: none; }
body { min-width: 1230px; background-color: #fff; touch-action: none; }
html, body { margin: 0; font: normal 16px/1.5 Arial, 'Microsoft Yahei', Simsun, sans-serif; }
input, button, textarea, select { font-size: inherit; font-family: inherit; vertical-align: middle; }
h1, h2, h3, h4, h5, h6, p { margin: 0; font-weight: normal; }
ul, ol, dl, dd { margin: 0; padding: 0; list-style: none; }
input::-webkit-input-placeholder { color: #bdbdbd; }
input::-moz-input-placeholder { color: #bdbdbd; }
input:-moz-input-placeholder { color: #bdbdbd; }
input::-ms-input-placeholder { color: #bdbdbd; }
textarea::-webkit-input-placeholder { color: #bdbdbd; }
textarea::-moz-input-placeholder { color: #bdbdbd; }
textarea:-moz-input-placeholder { color: #bdbdbd; }
textarea::-ms-input-placeholder { color: #bdbdbd; }
i, em, address { font-style: normal; }
textarea { font-family: "Microsoft Yahei"; }
button { cursor: pointer; }
:focus { outline: none; }
img { display: block; border: none; outline: none; max-width: 100%; }
h1 { color: #080808; font-size: 200%; }
h2 { color: #080808; font-size: 150%; }
h3 { color: #080808; font-size: 100%; }
a { text-decoration: none; }


.fl { float: left; }
.fr { float: right; }
.h100 { height: 100%; }
.red { color: #da1f1f !important; }
.blue { color: #25baff !important; }
.orange { color: #ffaf53 !important; }
.mt00 { margin-top: 0 !important; }
.mt08 { margin-top: 8px !important; }
.mt10 { margin-top: 10px !important; }
.mt12 { margin-top: 19px !important; }
.mt16 { margin-top: 16px !important; }
.mt20 { margin-top: 20px !important; }
.mt24 { margin-top: 24px !important; }
.mt30 { margin-top: 30px !important; }
.mt32 { margin-top: 32px !important; }
.mt36 { margin-top: 36px !important; }
.mt40 { margin-top: 40px !important; }
.mt48 { margin-top: 48px !important; }
.mt50 { margin-top: 50px !important; }
.mt60 { margin-top: 60px !important; }
.mt80 { margin-top: 80px !important; }
.bgc0 { background-color: #a3af25 !important; }
.bgc1 { background-color: #f3b802 !important; }
.full { position: absolute; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.column { padding: 60px 0 0; }
.middle { position: relative; z-index: 1; }
.bgcolor { background-color: #f7f7f7; }
.content { padding: 60px 0; }
.container { display: block; margin-left: auto; margin-right: auto; padding-left: 15px; padding-right: 15px; width: 1200px; position: relative; }
body { -ms-touch-action: none; touch-action: none; }


@-webkit-keyframes bullet {
	0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
	100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}
@keyframes bullet {
	0% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
	50% { -webkit-transform: translate(0, -40px); transform: translate(0, -40px); }
	100% { -webkit-transform: translate(0, 0); transform: translate(0, 0); }
}


.sh-row { margin-left: -1.25%; margin-right: -1.25%; overflow: hidden; }
.sh-row:after { content: ""; display: block; clear: both; height: 0; }
.sh-row > [class*="sh-col-"] { float: left; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 1.21951%; margin-right: 1.21951%; }
.sh-col-2 { width: 14.63415%; }
.sh-col-3 { width: 22.56098%; }
.sh-col-4 { width: 30.89431%; }
.sh-col-6 { width: 47.56098%; }
.sh-col-8 { width: 64.22764%; }
.sh-col-9 { width: 72.56098%; }
.sh-col-10 { width: 80.4878%; }
.sh-col-12 { width: 100%; }


.ibtn { display: inline-block; vertical-align: top; width: 160px; height: 40px; border: none; outline: none; color: #ffffff; font-size: 16px; text-align: center; line-height: 40px; background-color: #000000; text-transform: uppercase; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.ibtn-mid { width: 210px; height: 50px; line-height: 50px; }
.ibtn-big { width: 300px; height: 70px; line-height: 70px; }
.ibtn-red { background-color: #da1f1f; }
.ibtn-wrap { text-align: center; }
.ibtn-blue { background-color: #25baff; }
.ibtn-main { background-color: #ffaf53; }
.ibtn-more { width: 450px; height: 50px; color: #000000; line-height: 50px; border-radius: 25px; background-color: #fdd100; }
.ibtn-full { display: block; width: 100%; }
.ibtn-green { background-color: #0fda8b; }
.ibtn:hover { background-color: #333333; }
.ibtn-red:hover { background-color: #b61a1a; }
.ibtn-more:hover { background-color: #d4af00; }
.ibtn-blue:hover { background-color: #00acfb; }
.ibtn-main:hover { background-color: #ff9c2a; }
.ibtn-green:hover { background-color: #0cb473; }


.card { display: block; background-color: #fff; position: relative; overflow: hidden; }
.card-head { line-height: 24px; padding: 30px 20px 25px; }
.card-head:after { content: ""; display: block; clear: both; height: 0; }
.card-tags { float: left; max-width: 80%; color: #000000; font-size: 16px; text-transform: uppercase; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.card-more { float: right; height: 24px; color: #fdd100; font-size: 12px; text-align: center; padding: 0 8px; text-transform: uppercase; background-color: #000000; }
.card-imge { display: block; height: 217px; padding: 0 20px; overflow: hidden; }
.card-imge img { display: block; width: 100%; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.card-text { padding: 25px 20px; }
.card-name a { display: block; color: #000000; font-size: 20px; line-height: 1.5; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; font-weight: bold; }
.card-time { color: #777777; font-size: 14px; line-height: 1.29; margin-top: 12px; }
.card-desc { height: 60px; color: #777777; font-size: 14px; line-height: 1.43; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: 24px; }
.card-video { position: relative; display: block; width: 585px; height: 350px; cursor: pointer; overflow: hidden; }
.card-cover { position: absolute; z-index: 5; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.card-cover img { width: 100%; filter: alpha(opacity=60); opacity: 0.6; -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
.card-cover .ifont { position: absolute; z-index: 2; top: 50%; left: 50%; margin-top: -30px; margin-left: -30px; color: #ffffff; font-size: 60px; text-align: center; line-height: 1; }
.card-video iframe { display: block; width: 100%; height: 100%; }
.card-video:hover .card-cover img { -webkit-transform: scale(1.04); transform: scale(1.04); }
.card-video.active .card-cover { visibility: hidden; opacity: 0; }
.card-image { display: block; width: 100%; position: relative; overflow: hidden; }
.card-image img { display: block; width: 100%;     -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.card-title { color: #000000; font-size: 24px; line-height: 1.42; font-weight: bold; }
.card-brief { color: #777777; font-size: 16px; line-height: 1.63; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.card-title.line1 { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.card-title.line2 { -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }


.title-home { text-align: center; padding-top: 12px;  }
.title-main { display: block; color: #000000; font-size: 44px; line-height: 1.37; font-family: "SourceHanSansCN-Bold"; }
.title-vice { display: block; width: 630px; color: #777777; font-size: 16px; line-height: 1.63; margin: 2px auto 0; }
.title-white .title-main { color: #fff; }
.title-white .title-vice { color: #fff; }


.media { display: block; height: 140px; overflow: hidden; }
.media-image { float: left; width: 200px; height: 100%; overflow: hidden; }
.media-image img { width: 100%; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.media-texts { height: 100%; margin-left: 220px; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.media-title { height: 3.11em; color: #000000; font-size: 18px; line-height: 1.56; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: -3px; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.media-brief { height: 3.44em; color: #777777; font-size: 14px; line-height: 1.72; margin-top: 10px; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.media-infos { height: 12px; font-size: 0; margin-top: 15px; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.media-infos span { color: #777777; font-size: 14px; line-height: 0.86; display: inline-block; vertical-align: top; margin-right: 10px; }


.tabnav { height: 30px; font-size: 0; line-height: 32px; text-align: center; margin-top: 36px; }
.tabnav-ibtn { height: 100%; color: #000000; font-size: 16px; display: inline-block; vertical-align: top; margin: 0 35px; position: relative; }
.tabnav-ibtn em { display: block; height: 100%; padding: 0 14px; position: relative; z-index: 2; }
.tabnav-ibtn:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 2px; height: 10px; background-color: transparent; }
.tabnav-ibtn.active:after { background-color: #fdd100; }
.tabcon { margin-top: 33px; }
.tabcon-item { display: none; }
.tabcon-item:first-child { display: block; }
.tabcon-item.convex { height: 452px; }


.topnav { height: 50px; font-size: 0; text-align: center; background-color: #fff; }
.topnav-ibtn { height: 30px; margin: 0 30px; padding: 8px 25px; border: 2px solid transparent; border-width: 2px 0; color: #000000; font-size: 16px; line-height: 30px; display: inline-block; vertical-align: top; }
.topnav-ibtn.active { border-bottom-color: #fdd100; }


.ifocus { width: 100%; height: 700px; overflow: hidden; position: relative; *zoom: 1; }
.ifocus_list { width: 9000px; }
.ifocus_item { float: left; }
.ifocus-fade { position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; }
.ifocus-fade .ifocus-item { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ifocus-fade .ifocus-item:first-child { display: block; }
.ifocus-slide { position: absolute; z-index: 1; top: 0; left: 0; width: 300%; height: 100%; overflow: hidden; *zoom: 1; }
.ifocus-slide .ifocus-item { float: left; width: 33.333333%; position: relative; }
.ifocus-item { height: 100%; overflow: hidden; }
.ifocus-item > a { display: block; width: 100%; height: 100%; overflow: hidden; }
.ifocus-item img { width: 100%; height: 100%; border: none; transition: 0.35s ease-in-out; }
.ifocus-prev { position: absolute; z-index: 8; top: 50%; left: 5%; width: 40px; height: 80px; cursor: pointer; margin-top: -40px; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQxMzE5OTk1MDAyIiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjMxMTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTcyOS42IDkzMS4ybC00MTYtNDI1LjYgNDE2LTQxNmM5LjYtOS42IDkuNi0yNS42IDAtMzUuMi05LjYtOS42LTI1LjYtOS42LTM1LjIgMGwtNDMyIDQzNS4yYy05LjYgOS42LTkuNiAyNS42IDAgMzUuMmw0MzIgNDQxLjZjOS42IDkuNiAyNS42IDkuNiAzNS4yIDBDNzM5LjIgOTU2LjggNzM5LjIgOTQwLjggNzI5LjYgOTMxLjJ6IiBwLWlkPSIzMTIwIiBmaWxsPSIjZGJkYmRiIj48L3BhdGg+PC9zdmc+); -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
.ifocus-prev:hover { background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); }
.ifocus-next { position: absolute; z-index: 8; top: 50%; right: 5%; width: 40px; height: 80px; cursor: pointer; margin-top: -40px; background-repeat: no-repeat; background-position: center center; background-color: rgba(0, 0, 0, 0.5); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#88000000, endColorstr=#88000000); background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTQxMzE5MjQzNjE0IiBjbGFzcz0iaWNvbiIgc3R5bGU9IiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjI3MDciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMzIiIGhlaWdodD0iMzIiPjxkZWZzPjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+PC9zdHlsZT48L2RlZnM+PHBhdGggZD0iTTc2MS42IDQ4OS42bC00MzItNDM1LjJjLTkuNi05LjYtMjUuNi05LjYtMzUuMiAwLTkuNiA5LjYtOS42IDI1LjYgMCAzNS4ybDQxNiA0MTYtNDE2IDQyNS42Yy05LjYgOS42LTkuNiAyNS42IDAgMzUuMnMyNS42IDkuNiAzNS4yIDBsNDMyLTQ0MS42Qzc3MS4yIDUxNS4yIDc3MS4yIDQ5OS4yIDc2MS42IDQ4OS42eiIgcC1pZD0iMjcwOCIgZmlsbD0iI2RiZGJkYiI+PC9wYXRoPjwvc3ZnPg==); -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
.ifocus-next:hover { background-color: rgba(0, 0, 0, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000, endColorstr=#cc000000); }
.ifocus-spot { position: absolute; z-index: 2; left: 0; width: 100%; bottom: 20px; height: 16px; text-align: center; }
.ifocus-spot span { width: 10px; height: 10px; margin: 0 8px; cursor: pointer; opacity: 0.5; border-radius: 50%; background-color: #fff; display: inline-block; vertical-align: top; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.ifocus-spot span.active { background-color: #fdd100; opacity: 1; }
.ifocus-spot-nums { height: 22px; }
.ifocus-spot-nums span { width: 20px; height: 20px; color: #666; font-size: 12px; line-height: 20px; text-align: center; }
.ifocus-spot-nums span.active { color: #fff; }


.tumble { position: relative; }
.tumble-view { width: 100%; overflow: hidden; position: relative; }
.tumble-list { width: 6000px; overflow: hidden; visibility: hidden; opacity: 0; }
.tumble-cell { float: left; width: 343px; }
.tumble-item { float: left; width: 343px; height: 100%; cursor: pointer; }
.tumble-card { display: block; margin-right: 8.88889%; }
.tumble-imge { display: block; padding-bottom: 140.75342%; position: relative; overflow: hidden; }
.tumble-imge img { position: absolute; top: 0; left: 0; width: 100px; }
.tumble-item img { display: block; width: 100%; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.tumble-btns { display: block; width: 157px; height: 37px; color: #f4d05d; font-size: 16px; line-height: 37px; text-align: center; margin-top: 10PX; margin-left: 52px; -webkit-transition: all .3s; transition: all .3s; border: 1px solid #f4d05d; }
.tumble-dots { position: absolute; left: 0; width: 100%; bottom: 20px; text-align: center; }
.tumble-spot { display: inline-block; width: 10px; height: 10px; color: #333; cursor: pointer; font-size: 12px; margin-left: 8px; text-align: center; border-radius: 50%; background-color: #dbdbdb; vertical-align: top; }
.tumble-spot-active { color: #fff; background-color: #0fda8b; }
.tumble-prev { position: absolute; top: 50%; left: 0; width: 28px; height: 46px; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #474747; background-image: url(404.png); background-repeat: no-repeat; background-position: 75.26882% 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.tumble-next { position: absolute; top: 50%; right: 0; width: 28px; height: 46px; cursor: pointer; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-color: #474747; background-image: url(404.png); background-repeat: no-repeat; background-position: 83.33333% 0; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.tumble-cell .tumble-item { width: 100%; height: auto; margin-top: 8.88889%; }
.tumble-cell .tumble-item:first-child { margin-top: 0; }
.tumble-btns:hover { color: #f4d05d; border-color: #fff; background-color: #fff; }
.tumble-list.running { visibility: visible; filter: alpha(opacity=100); opacity: 1; }
.tumble-disc { padding-bottom: 61px; }
.tumble-disc .tumble-dots { bottom: 0; height: 16px; }
.tumble-disc .tumble-spot { width: 12px; height: 12px; margin: 0 8px; border: 2px solid #da1f1f; background-color: transparent; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.tumble-disc .tumble-spot.tumble-spot-active { background-color: #da1f1f; }
.tumble-swap { padding: 0 5.93472%; }
.tumble-swap .tumble-prev { left: 0; width: 47px; height: 47px; background: url(data:image/png;base64,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) no-repeat center center/100% auto; }
.tumble-swap .tumble-next { right: 0; width: 47px; height: 47px; background: url(data:image/png;base64,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) no-repeat center center/100% auto; }
.tumble-prev:hover { background-color: #333333; }
.tumble-next:hover { background-color: #333333; }


.convex { width: 100%; position: relative; }
.convex-list { width: 100%; overflow: hidden; position: relative; padding: 15px 0; }
.convex-item { position: absolute; z-index: 1; width: 750px; height: 508px; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; }
.convex-item a { display: block; width: 100%; height: 100%; border-radius: 4px; background-color: #fff; }
.convex-item p { position: absolute; left: 20px; right: 20px; bottom: 20px; height: 36px; color: #ffffff; font-size: 18px; line-height: 36px; padding: 12px 20px; padding-right: 70px; background-color: rgba(13, 111, 184, 0.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc0d6fb8, endColorstr=#cc0d6fb8); -webkit-transform: scaleX(0); transform: scaleX(0); visibility: hidden; opacity: 0; }
.convex-item img { width: 100%; height: 100%; opacity: 0.5; -o-object-fit: cover; object-fit: cover; border-radius: 4px; visibility: visible; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.convex-item .add { position: absolute; top: 15px; right: 20px; width: 30px; height: 30px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAABS2lUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4KPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPgogPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4KICA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIi8+CiA8L3JkZjpSREY+CjwveDp4bXBtZXRhPgo8P3hwYWNrZXQgZW5kPSJyIj8+nhxg7wAAAGtJREFUSInt17ENgDAMRNGfiC1oYBYGzyZAwxo4BZngLCEh7hpXp9dEsVwiAjENuIFNKU+qCqyJLjVTNmzYsGHDr6REREP78OcxL6G7V0Dei5mUxD4+x1yU8v8el2HDhg1/D87cTgfP0SalA/5EEfAPXwegAAAAAElFTkSuQmCC) no-repeat center; }
.convex-item.active p { -webkit-transition: 0.5s 0.5s ease-in-out; transition: 0.5s 0.5s ease-in-out; -webkit-transform: scaleX(1); transform: scaleX(1); visibility: visible; opacity: 1; }
.convex-item.active img { opacity: 1; }
.convex-name { height: 48px; color: #00a5d5; font-size: 20px; line-height: 48px; text-align: center; }
.convex-btns { position: absolute; z-index: 10; top: 50%; left: 50%; width: 50px; height: 50px; cursor: pointer; margin-top: -25px; }
.convex-btns:before { content: ""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%; border-radius: 50%; background-color: #fff; filter: alpha(opcity=15); opacity: 0.15; }
.convex-btns:after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 42px; height: 42px; margin: 4px; border-radius: 50%; background-color: #bbbbbb; background-repeat: no-repeat; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFgAAAAqCAYAAAA3f5z+AAAACXBIWXMAAAsTAAALEwEAmpwYAAAF5GlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDIgNzkuMTYwOTI0LCAyMDE3LzA3LzEzLTAxOjA2OjM5ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOnhtcE1NPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvbW0vIiB4bWxuczpzdFJlZj0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL3NUeXBlL1Jlc291cmNlUmVmIyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1sbnM6ZGM9Imh0dHA6Ly9wdXJsLm9yZy9kYy9lbGVtZW50cy8xLjEvIiB4bWxuczpwaG90b3Nob3A9Imh0dHA6Ly9ucy5hZG9iZS5jb20vcGhvdG9zaG9wLzEuMC8iIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDMtMTVUMTE6NTM6MjQrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTAzLTE1VDEyOjAwOjIxKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTAzLTE1VDEyOjAwOjIxKzA4OjAwIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjQ2N2Y3ZmEwLThmNzgtYWY0Ni1iNjFiLTkwOWNmMGIwYWIzNiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpFMjNCQUJEMzQ2RDUxMUU5QjBCOUY2NzEyRTJCODE0MCIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOkUyM0JBQkQzNDZENTExRTlCMEI5RjY3MTJFMkI4MTQwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RTIzQkFCRDA0NkQ1MTFFOUIwQjlGNjcxMkUyQjgxNDAiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6RTIzQkFCRDE0NkQ1MTFFOUIwQjlGNjcxMkUyQjgxNDAiLz4gPHhtcE1NOkhpc3Rvcnk+IDxyZGY6U2VxPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6NDY3ZjdmYTAtOGY3OC1hZjQ2LWI2MWItOTA5Y2YwYjBhYjM2IiBzdEV2dDp3aGVuPSIyMDE5LTAzLTE1VDEyOjAwOjIxKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgKFdpbmRvd3MpIiBzdEV2dDpjaGFuZ2VkPSIvIi8+IDwvcmRmOlNlcT4gPC94bXBNTTpIaXN0b3J5PiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmZPQi8AAAHgSURBVGiB7Zk9SwNBEECfX6ApkkYhRjs7IfWJWKiFYMAfJNbiP1KwUCshttZ2akDTxEJFI2OxG6IiMXu7o6fOgy0Gbudu3k12N8mIiGDoMfrTD/DXMcHKmGBlTLAyJlgZE6yMCVbGBCtjgpUxwcqYYGVMsDImWJkUgjOgBdwAiwny/TSLuFpauNqiiBWcAYdAFZgBlmIfqAAs4Wqp4mqLkywieUcmIh3p0xSRUkS+ooySr6VHx9eaK1/eDu51btnHZ8AGcB/1tovBPa6WMx+XienkRJ1bKUDnpR6VFJ08IhL0l9HHzn0GdoFO4HvtAgfAReC8vCwAm8B44LwKsANM+PgO193NYROECr4E5kImDKAF1BLl+oprYDZRritgftiLQ9fgbuD1g3hKmOs77xXkIPQjswUcAdM+fgC2CV8iXoDjwDkxrABrwFjgvAqwB0z5uI1zMDw5Fv+6iNz+w03u1tcelCfvzf+65CRyRcJPEW+p8365aAKrwGPehAVhEjihf+5tA+vAeZ5kMV+Vz/2N2z7OgEZEvqLQIJFcCD+mfUYd2MdtXMu4I9Fvpgac4jbEBhFyIY1gYwD2e7AyJlgZE6yMCVbGBCtjgpUxwcqYYGVMsDImWBkTrIwJVsYEK/MK6v+Dlw/1MXwAAAAASUVORK5CYII=); -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.convex-btns.convex-prev { margin-left: -455px; }
.convex-btns.convex-next { margin-left: 405px; }
.convex-btns.convex-prev:after { background-position: left center; }
.convex-btns.convex-next:after { background-position: right center; }
.convex:hover .convex-btns:after { background-color: #0d6fb8; }
.rebox { cursor: pointer; position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 1000; -webkit-filter: none !important; background: black;  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAIElEQVQ4T2NkYGDYDMRkA8ZRAxhGw4BhNAyA+WAYpAMAIFgLQfO9BoEAAAAASUVORK5CYII=); background: rgba(0, 0, 0, 0.7); }
.rebox * { -webkit-box-sizing: border-box; -ms-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; padding: 0; margin: 0; }
.rebox-contents { position: absolute; top: 5%; left: 5%; text-align: center; width: 90%; height: 90%; }
.rebox-contents img { display: inline-block; vertical-align: middle; }
.rebox-contents .rebox-content { border: 5px solid #fff; -webkit-box-shadow: 0 0 20px #000; box-shadow: 0 0 20px #000; border-radius: 1px; max-width: 100%; max-height: 100%; }
.rebox-loading { width: 31px; height: 31px; margin: -16px 0 0 -16px; position: absolute; top: 48%; left: 50%; }
.rebox-caption { display: none; position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 1000; background: #000; background: rgba(0, 0, 0, 0.7); }
.rebox-caption p { margin: 0 auto; max-width: 70%; display: inline-block; *display: inline; *zoom: 1; padding: 10px; color: #fff; font-size: 12px; line-height: 18px; }
.rebox-button { position: absolute; z-index: 9999; min-width: 40px; height: 40px; line-height: 40px; background: black; opacity: 0.4; text-decoration: none; font-size: 24px; color: #fff; text-align: center; vertical-align: middle; border-radius: 32px; -webkit-transition: all 0.3s; transition: all 0.3s; }
.rebox-button:hover, .rebox-button:focus { opacity: 1; -webkit-transform: scale(1.4); transform: scale(1.4); }
.rebox-close { right: 10px; top: 10px; }
.rebox-next { right: 10px; top: 48%; }
.rebox-prev { left: 10px; top: 48%; }
.rebox-loading { left: 50%; top: 48%; -webkit-animation-name: spin; -webkit-animation-duration: 2000ms; -webkit-animation-iteration-count: infinite; -webkit-animation-timing-function: linear; -moz-animation-name: spin; -moz-animation-duration: 2000ms; -moz-animation-iteration-count: infinite; -moz-animation-timing-function: linear; -ms-animation-name: spin; -ms-animation-duration: 2000ms; -ms-animation-iteration-count: infinite; -ms-animation-timing-function: linear; animation-name: spin; animation-duration: 2000ms; animation-iteration-count: infinite; animation-timing-function: linear; }
@-webkit-keyframes spin {
	from { -webkit-transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
	from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
	to { -webkit-transform: rotate(360deg); transform: rotate(360deg); }
}


.header { display: block; height: 80px; font-size: 0; text-align: center; position: relative; z-index: 2; }
.header:after { content: ""; display: block; clear: both; height: 0; }
.header-logo { float: left; height: 40px; padding: 20px 30px; }
.header-logo dt { float: left; height: 100%; }
.header-logo dt a { display: block; line-height: 0; }
.header-logo dd { float: left; height: 100%; text-align: left; margin-left: 20px; padding-left: 20px; border-left: 2px solid #ccc; }
.header-logo small { display: block; color: #000000; font-size: 15px; line-height: 0.94; letter-spacing: 2.7px; font-family: Arial; text-transform: uppercase; }
.header-logo strong { display: block; color: #000000; font-size: 20px; line-height: 1; letter-spacing: 2.75px; margin-top: 6px; text-transform: uppercase; font-family: "SourceHanSansCN-Bold"; }
.header-menu { display: inline-block; vertical-align: top; padding: 20px 0; }
.header-menu_item { float: left; height: 40px; margin: 0 18px; line-height: 40px; position: relative; }
.header-menu_item a { display: block; height: 100%; color: #000000; font-size: 16px; padding: 0 5px; position: relative; z-index: 2; }
.header-menu_item:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 10px; height: 8px; background-color: transparent; }
.header-menu_item.active:after { background-color: #fdd100; }
.header-info { float: right; height: 100%; }
.header-info:after { content: ""; display: block; clear: both; height: 0; }
.header-info_hot { float: left; height: 40px; margin: 20px 0; text-align: left; padding-left: 50px; position: relative; }
.header-info_hot small { display: block; color: #000000; font-size: 15px; line-height: 1; white-space: nowrap; }
.header-info_hot strong { display: block; color: #000000; font-size: 24px; line-height: 0.84; font-weight: 900; margin-top: 5px; white-space: nowrap; }
.header-info_hot .ifont { position: absolute; top: 0; left: 0; width: 40px; height: 40px; color: #000000; font-size: 40px; text-align: center; line-height: 1; }
.header-info_ico { height: 100%; margin-left: 257px; padding-left: 41px; padding-right: 29px; background-color: #fdd100; position: relative; }
.header-info_ico a { width: 26px; height: 26px; color: #000000; font-size: 24px; text-align: center; line-height: 1.09; padding: 27px 0; margin-left: 18px; display: inline-block; vertical-align: top; position: relative; }
.header-info_ico img { position: absolute; top: 82px; right: 0; width: 150px; height: 150px; max-width: 150px; -webkit-transform: translateY(20px); transform: translateY(20px); visibility: hidden; opacity: 0; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.header-info_ico span { font-size: 24px; }
.header-info_ico:after { content: ""; position: absolute; top: 0; left: 0; border: 15px solid #fff; border-width: 40px 15px; border-color: #fff transparent transparent #fff; }
.header-info_ico a:hover img { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
@media screen and (max-width:1800px) {
	.header-menu_item { margin: 0 10px; }
	.header-info { position: relative; }
	.header-info_hot { position: absolute; z-index: 2; top: 82px; right: 161px; margin: 0; padding: 20px 20px; -webkit-transition: background-color 0.4s ease-in-out; transition: background-color 0.4s ease-in-out; }
	.header-info_hot:before { content: ""; position: absolute; top: -26px; right: 0; width: 26px; height: 29px; }
	.header-info_hot small, .header-info_hot strong { visibility: hidden; opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px); -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
	.header-info_hot .ifont { top: -54px; left: auto; right: 0; width: 24px; height: 24px; cursor: pointer; font-size: 24px; line-height: 24px; }
	.header-info_hot:hover { background-color: #fff; }
	.header-info_hot:hover small, .header-info_hot:hover strong { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
	.header-info_ico { margin-left: 0; padding-left: 83px; }
}
@media screen and (max-width:1440px) {
	.header { text-align: right; }
	.header-menu { padding-right: 20px; }
	.header-menu_item { margin: 0 10px; }
	.header-info { display: none; position: fixed; top: 0; left: 100%; }
}


.footer { padding-top: 150px; position: relative; }
.footer-form { position: fixed; z-index: 99; left: 0; bottom: 0; width: 100%; height: 130px; overflow: hidden; padding-top: 20px; }
.footer-form.close { position: absolute; top: 0px; bottom: auto; }
.footer-form:after { content: ""; position: absolute; z-index: 1; top: 20px; left: 0; right: 0; bottom: 0; background-color: #fdd100; }
.footer-form_name { float: left; width: 160px; height: 130px; color: #fdd100; font-size: 24px; text-align: center; line-height: 1.34; margin-top: -20px; margin-right: 30px; padding: 36px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000000; position: relative; }
.footer-form_name small { display: block; font-size: 16px; line-height: 26px; }
.footer-form_name:after { content: ""; position: absolute; top: 0; left: 100%; border: 10px solid #282828; border-color: transparent transparent #282828 #282828; }
.footer-form_pane { height: 80px; padding: 28px 0 22px; margin-left: 190px; overflow: hidden; }
.footer-form_pane h3 { color: #000000; font-size: 20px; line-height: 1.5; }
.footer-form_pane ul { margin-top: 4px; margin-left: -10px; }
.footer-form_pane .sh-col-3 { width: 190px; margin-left: 10px; margin-right: 0; }
.footer-form .container { z-index: 2; }

.footer-form.active { position: absolute; top: 0; bottom: auto; }
.footer-info { height: 324px; padding: 45px 0; background: url(../image/bg_footer.jpg) no-repeat center top; }
.footer-ways { padding-right: 25.5px; }
.footer-ways h4 { color: #c7c7c7; font-size: 16px; line-height: 1; margin-top: 19px; padding-left: 10px; margin-bottom: 14px; border-left: 5px solid #fdd100; }
.footer-ways p { color: #c7c7c7; font-size: 14px; line-height: 2.15; padding-left: 15px; }
.footer-icon { padding-left: 42.5px; }
.footer-icon ul { margin-top: 19px; }
.footer-icon li { float: left; width: 24px; height: 24px; padding: 8px; line-height: 1; text-align: center; border-radius: 50%; margin-right: 20px; background-color: #000000; position: relative; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.footer-icon li:after { content: ""; position: absolute; top: 53px; left: 50%; margin-left: -6px; border: 5px solid #fff; border-width: 0 6px 8px; border-color: #fff transparent; -webkit-transform: translateY(20px); transform: translateY(20px); visibility: hidden; opacity: 0; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.footer-icon img { position: absolute; top: 60px; left: 50%; width: 150px; height: 150px; max-width: 150px; margin-left: -75px; -webkit-transform: translateY(20px); transform: translateY(20px); visibility: hidden; opacity: 0; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.footer-icon .ifont { color: #c7c7c7; font-size: 24px; -webkit-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.footer-icon li:hover { background-color: #fdd100; }
.footer-icon li:hover .ifont { color: #000000; }
.footer-icon li:hover img { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.footer-icon li:hover:after { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.footer-mapd { padding-left: 85px; }
.footer-mapd_pane { margin-top: 19px; }
.footer-mapd_tabs { height: 40px; }
.footer-mapd_tabs:after { content: ""; display: block; clear: both; height: 0; }
.footer-mapd_tabs li { float: left; width: 25%; height: 100%; cursor: pointer; color: #c7c7c7; font-size: 14px; text-align: center; line-height: 2.86; background-color: #000000; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.footer-mapd_tabs li.active { color: #000000; background-color: #fdd100; }
.footer-mapd_boxs { height: 220px; position: relative; }
.footer-mapd_item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.footer-mapd_item.active { visibility: visible; filter: alpha(opacity=100); opacity: 1; }
.footer-mapd_item .map { display: block; width: 100%; height: 100%; }
.footer-titl { color: #ffffff; font-size: 14px; line-height: 1.43; text-transform: uppercase; }
.footer-titl small { display: block; font-size: 18px; line-height: 20px; }
.footer-copy { padding: 20px 0; line-height: 20px; text-align: center; background-color: #282828; }
.footer-copy p { color: #aaaaaa; font-size: 14px; }
.footer-copy a { color: inherit; margin-left: 15px; }
.footer-copy a:hover { color: #fdd100; }
@font-face { font-style: normal; font-weight: normal; font-family: "NovecentoMedium"; src: url("../font/NovecentoMedium.eot"); src: url("../font/NovecentoMedium.eot") format("embedded-opentype"), url("../font/NovecentoMedium.woff") format("woff"), url("../font/NovecentoMedium.ttf") format("truetype"), url("../font/NovecentoMedium.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansCN-Bold"; src: url("../font/SourceHanSansCN-Bold.eot"); src: url("../font/SourceHanSansCN-Bold.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Bold.woff") format("woff"), url("../font/SourceHanSansCN-Bold.ttf") format("truetype"), url("../font/SourceHanSansCN-Bold.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansCN-Light"; src: url("../font/SourceHanSansCN-Light.eot"); src: url("../font/SourceHanSansCN-Light.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Light.woff") format("woff"), url("../font/SourceHanSansCN-Light.ttf") format("truetype"), url("../font/SourceHanSansCN-Light.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansCN-Medium"; src: url("../font/SourceHanSansCN-Medium.eot"); src: url("../font/SourceHanSansCN-Medium.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Medium.woff") format("woff"), url("../font/SourceHanSansCN-Medium.ttf") format("truetype"), url("../font/SourceHanSansCN-Medium.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansCN-Regular"; src: url("../font/SourceHanSansCN-Regular.eot"); src: url("../font/SourceHanSansCN-Regular.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Regular.woff") format("woff"), url("../font/SourceHanSansCN-Regular.ttf") format("truetype"), url("../font/SourceHanSansCN-Regular.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansSC-Bold"; src: url("../font/SourceHanSansCN-Normal.eot"); src: url("../font/SourceHanSansCN-Normal.eot") format("embedded-opentype"), url("../font/SourceHanSansCN-Normal.woff") format("woff"), url("../font/SourceHanSansCN-Normal.ttf") format("truetype"), url("../font/SourceHanSansCN-Normal.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansSC-Bold"; src: url("../font/SourceHanSansSC-Bold.eot"); src: url("../font/SourceHanSansSC-Bold.eot") format("embedded-opentype"), url("../font/SourceHanSansSC-Bold.woff") format("woff"), url("../font/SourceHanSansSC-Bold.ttf") format("truetype"), url("../font/SourceHanSansSC-Bold.svg") format("svg"); }
@font-face { font-style: normal; font-weight: normal; font-family: "SourceHanSansSC-Heavy"; src: url("../font/SourceHanSansSC-Heavy.eot"); src: url("../font/SourceHanSansSC-Heavy.eot") format("embedded-opentype"), url("../font/SourceHanSansSC-Heavy.woff") format("woff"), url("../font/SourceHanSansSC-Heavy.ttf") format("truetype"), url("../font/SourceHanSansSC-Heavy.svg") format("svg"); }
.about-intro { margin-top: 55px; line-height: 26px; }
.about-intro p { color: #000000; font-size: 16px; }
.about-intro_ibtn { font-size: 0; margin-top: 45px; }
.about-intro_ibtn a { width: 300px; height: 50px; border-radius: 25px; line-height: 50px; margin: 0 15px; }
.about-intro_ibtn a:first-child { color: #000000; background-color: #fdd100; }
.about-intro_ibtn a:first-child + a { color: #fdd100; background-color: #000000; }
.about-intro_ibtn a:hover { opacity: 0.7; }
.about-video { height: 500px; }
.about-video .ifocus-item { background-color: #000; }
.about-video .ifocus-item a { position: relative; }
.about-video .ifocus-item img { visibility: visible; filter: alpha(opacity=90); opacity: 0.9; }
.about-video .ifocus-item span { position: absolute; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; color: #ffffff; font-size: 40px; text-align: center; line-height: 1; }
.about-track { margin-top: 50px; padding-top: 50px; margin-bottom: 60px; padding-bottom: 45px; position: relative; }
.about-track:before { content: ""; position: absolute; top: 0; left: 50%; bottom: 45px; width: 2px; margin-left: -1px; background-color: #dbdbdb; }
.about-track_item { width: 524px; position: relative; margin-top: -240px; -webkit-transition: 0.25s linear; transition: 0.25s linear; }
.about-track_item:first-child { margin-top: 0; }
.about-track_name { color: #000000; font-size: 24px; line-height: 1; font-weight: bold; }
.about-track_desc { margin-top: 16px; line-height: 24px; }
.about-track_desc p { color: #777777; font-size: 14px; }
.about-track_image { width: 100%; height: 328px; overflow: hidden; margin-top: 15px; line-height: 1; }
.about-track_date { position: absolute; top: 0; width: 57px; height: 24px; color: #000000; font-size: 14px; font-weight: 900; line-height: 24px; background-color: #fdd100; }
.about-track_date:after { content: ""; position: absolute; top: 50%; width: 8px; height: 8px; margin-top: -4px; border-radius: 50%; background-color: #fff; }
.about-track_date:before { content: ""; position: absolute; top: 0; border: 12px solid #fdd100; border-width: 12px; border-color: transparent #fdd100; }
.about-track_item.odd { text-align: right; padding-right: 76px; }
.about-track_item.odd .about-track_date { left: 100%; text-align: left; margin-left: -51px; padding-left: 3px; border-radius: 0 3px 3px 0; }
.about-track_item.odd .about-track_date:after { right: 5px; }
.about-track_item.odd .about-track_date:before { right: 100%; border-left-width: 0; }
.about-track_item.even { text-align: left; padding-left: 76px; margin-left: 600px; }
.about-track_item.even .about-track_date { right: 100%; text-align: right; margin-right: -51px; padding-right: 3px; border-radius: 3px 0 0 3px; }
.about-track_item.even .about-track_date:after { left: 5px; }
.about-track_item.even .about-track_date:before { left: 100%; border-right-width: 0; }
.about-book { padding-bottom: 60px; }
.about-book .card-title { font-size: 18px; line-height: 28px; text-align: center; padding-bottom: 5px; }
.about-book .card-title:after { content: ""; display: block; width: 30px; height: 2px; margin: 5px auto 0; background-color: #fdd100; }
.about-poster { height: 150px; text-align: center; padding: 115px 0; background: url(../image/bg_about_poster.jpg) no-repeat center top; }
.about-poster h3 { width: 1200px; color: #ffffff; font-size: 26px; line-height: 2.16; font-family: "SourceHanSansCN-Light"; margin: 0 auto; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.about-poster p { height: 64px; width: 884px; color: #ffffff; font-size: 26px; line-height: 1.24; font-family: "SourceHanSansCN-Light"; margin: 20px auto 0; -webkit-box-orient: vertical; -webkit-line-clamp: 2; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.about-honor { margin-top: 35px; padding-bottom: 25px; }


.form-item { min-height: 40px; position: relative; }
.form-item:after { content: ""; display: block; clear: both; height: 0; }
.form-label { float: left; width: 75px; height: 40px; color: #777777; font-size: 14px; text-align: center; line-height: 40px; }
.form-block { display: block; min-height: 40px; margin-left: 75px; position: relative; }
.form-input { display: block; width: 100%; height: 40px; border: none; outline: none; color: #000000; font-size: 16px; line-height: 1.5; padding: 10px 15px 6px; border-bottom: 0px solid #000000; padding-left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.form-texts { display: block; width: 100%; height: 110px; border: none; outline: none; color: #000000; font-size: 16px; line-height: 1.5; padding: 17px 15px; resize: none; border: 1px solid #cccccc; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.form-pane .form-item { background-color: #fff; }
.form-ibtn { margin-top: 20px; }
.form-input:focus { border-width: 4px; }
.fiddle { margin-top: 40px; }
.fiddle-pane { height: 466px; line-height: 466px; text-align: center; padding: 92px 60px; background-color: #fff; position: relative; overflow: hidden; }
.fiddle-view { width: 100%; height: 100%; overflow: hidden; }
.fiddle-image { display: inline-block; vertical-align: middle; }
.fiddle-prev { margin-top: -28px; cursor: pointer; position: absolute; top: 50%; left: 60px; height: 56px; color: #bababa; font-size: 4em; font-family: Simsun; font-weight: bold; line-height: 56px; text-align: center; width: 40px; background: #999; transition: 0.35s ease-in-out; } 
.fiddle-prev i { display: block; font-size: 24px; }
.fiddle-next { margin-top: -28px; cursor: pointer; position: absolute; top: 50%; right: 60px; height: 56px; color: #bababa; font-size: 4em; font-family: Simsun; font-weight: bold; line-height: 56px; text-align: center; width: 40px; background: #999; transition: 0.35s ease-in-out; } 
.fiddle-next i { display: block; font-size: 24px; }
.fiddle-next:hover, .fiddle-prev:hover { color: #000; background-color: #fdd100; }
.fiddle-roll { width: 100%; height: 100%; }
.fiddle-wrap { padding: 10px; margin: -20px -10px 0; padding-top: 30px; position: relative; overflow: hidden; }
.fiddle-list { width: 5000px; height: 100%; }
.fiddle-list:after { content: ""; display: block; clear: both; height: 0; }
.fiddle-item { float: left; height: 100%; width: 232px; line-height: 0; list-style: none; margin-right: 10px; text-align: center; background-color: #000; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; }
.fiddle-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; visibility: visible; filter: alpha(opacity=60); opacity: 0.6; position: relative; z-index: 3; }
.fiddle-item:after { content: ""; position: absolute; z-index: 1; top: -10px; left: -10px; right: -10px; bottom: -10px; border: 10px solid transparent; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.fiddle-item:before { content: ""; position: absolute; top: -25px; left: 50%; margin-left: -15px; border: 15px solid transparent; border-width: 0 15px 15px; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.fiddle-item.active img { visibility: visible; filter: alpha(opacity=100); opacity: 1; }
.fiddle-item.active:after { border-color: #fdd100; }
.fiddle-item.active:before { border-color: #fdd100 transparent; }


.poster { width: 100%; text-align: center; position: relative; overflow: hidden; z-index: 3; text-align: center; background-color: #000; }
.poster-logo { position: absolute; z-index: 5; top: 50%; left: 50%; width: 22.70833%; opacity: 1; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); transition: 0.35s ease-in-out; }
.poster-logo img { max-width: 100%; max-height: 100%; -webkit-animation: logoIn 1.5s ease-in 1 both; -moz-animation: logoIn 1.5s ease-in 1 both; animation: logoIn 1.5s ease-in 1 both; }
.poster-mask { position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; filter: alpha(opacity=60); opacity: 0.6; }
.poster-upon { position: absolute; z-index: 5; left: 50%; bottom: 30px; cursor: pointer; margin-left: -12px; animation: pulse 1.5s linear infinite both; }
.poster-upon .ifont { display: block; color: #f0f0f0; font-size: 24px; text-align: center; line-height: 1; }
.poster-video { position: absolute; z-index: 1; visibility: visible; opacity: 1; transition: opacity 0.15s linear; }
.poster.active .poster-mask { -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; filter: alpha(opacity=60); opacity: 0.6; }


body.h100 .poster-video { visibility: hidden; opacity: 0; }
.poster.moving .poster-logo { -webkit-transform: translate(0, 0); transform: translate(0, 0); opacity: 0; }



.banner .ifocus-prev { visibility: visible; filter: alpha(opacity=40); opacity: 0.4; background-color: transparent; }
.banner .ifocus-next { visibility: visible; filter: alpha(opacity=40); opacity: 0.4; background-color: transparent; }
.banner:hover .ifocus-prev { opacity: 0.7; }
.banner:hover .ifocus-next { opacity: 0.7; }
.banner .ifocus-prev:hover { opacity: 1; }
.banner .ifocus-next:hover { opacity: 1; }


.spread ul { margin-top: -20px; margin-bottom: -20px; padding-top: 20px; padding-bottom: 20px; }
.spread-imge { display: block; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; padding-bottom: 57.89474%; position: relative; overflow: hidden; }
.spread-imge img { position: absolute; top: 0; left: 0; width: 100%; }
.spread-imge:hover { -webkit-transform: translateY(-1px); transform: translateY(-1px); -webkit-box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); box-shadow: 0 0 12px rgba(0, 0, 0, 0.4); }


.grade-wrap { height: 550px; padding-top: 40px; }
.grade-wrap .sh-col-9 { height: 100%; overflow: hidden; }
.grade-roll { height: 100%; overflow: auto; padding-right: 20px; cursor: url("../image/mouse.ico"), move; }
.grade-show { margin-top: -54px; }
.grade-show li { margin-top: 54px; }
.grade-show .name { display: block; color: #000000; font-size: 18px; line-height: 1.45; }
.grade-show .nums { display: block; height: 59px; color: #fdd100; font-size: 80px; line-height: 0.56; font-family: "NovecentoMedium"; margin-top: 5px; }
.grade-show .nums small { font-size: 50px; }
.grade-pane { width:1176; margin-left: -24px; }
.grade-pane:after { content: ""; display: block; clear: both; height: 0; }
.grade-cell { float: left; width: 205px; margin-left: 24px; padding-top: 4px; padding-bottom: 26px; }
.grade-avar { float: left; width: 76px; height: 76px; border-radius: 50%; border: 2px solid #fdd100; overflow: hidden; }
.grade-avar img { width: 100%; height: 100%; border-radius: 50%; }
.grade-text { margin-left: 99px; }
.grade-text h4 { color: #000000; font-size: 16px; line-height: 1.38; margin-top: 2px; }
.grade-text p { color: #000000; font-size: 12px; line-height: 1.58;
	overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
}
.grade-text span { height: 24px; color: #000000; font-size: 16px; padding: 0 16px; line-height: 24px; border-radius: 3px; margin-top: 6px; background-color: #fdd100; display: inline-block; vertical-align: top; }


.choice { margin-top: 60px; }
.choice-pane { margin-top: 44px; padding-bottom: 60px; }
.choice-pane .ifocus { height: 420px; }
.choice-card:after { content: ""; display: block; clear: both; height: 0; }
.choice-imge { float: left; width: 650px; height: 420px; overflow: hidden; }
.choice-imge:hover img { transform: scale(1.08);}
.choice-text { float: left; width: 550px; height: 300px; margin: 60px 0; padding: 48px 50px; padding-left: 106px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; }
.choice-text h3 { color: #000000; font-size: 24px; line-height: 1.09; font-weight: bold; position: relative; margin-top: 12px; margin-left: -79px; }
.choice-text em { margin-left: 9px; margin-right: 20px; font-weight: lighter; }
.choice-text span { float: left; height: 100%; color: #fdd100; font-size: 36px; line-height: 0.73; }
.choice-text p { color: #777777; font-size: 14px; line-height: 1.58; margin-top: 26px; }
.choice-text a { width: 40px; height: 40px; color: #000000; font-size: 30px; text-align: center; line-height: 1.34; display: inline-block; vertical-align: top; margin-top: 36px; background-color: #fdd100; }
.choice .ifocus-spot { left: 650px; bottom: 0; width: 150px; height: 20px; font-size: 0; line-height: 20px; }
.choice .ifocus-spot span { opacity: 1; margin: 0 5px; background-color: #acacac; }
.choice .ifocus-spot span.active { background-color: #fdd100; }
.choice .ifocus-prev { top: auto; left: auto; right: 26px; width: 26px; height: 26px; line-height: 26px; text-align: left; bottom: 0; margin-top: 0; background: none; }
.choice .ifocus-next { top: auto; right: 0; bottom: 0; width: 26px; height: 26px; line-height: 26px; text-align: right; margin-top: 0; background: none; }
.choice .ifocus-prev .ifont { font-size: 20px; color: #fdd100; font-weight: bold; }
.choice .ifocus-next .ifont { font-size: 20px; color: #000000; font-weight: bold; }


.teacher { background: #fff; position: relative; }
.teacher:after { content: ""; position: absolute; z-index: 1; left: 0; right: 0; bottom: 0; height: 125px; background-color: #f7f7f7; }
.teacher-pane { padding-top: 44px; }
.teacher-prev.sh-col-4 { width: 32.52033%; }
.teacher-next.sh-col-8 { width: 65.04065%; margin-top: -10px; margin-left: -1.21951%; margin-right: 0; }
.teacher-card { float: left; width: 400px; height: 534px; overflow: hidden; position: relative; }
.teacher-imge { height: 100%; overflow: hidden; background-color: #000; }
.teacher-imge img { -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.teacher-hover { position: absolute; z-index: 2; left: 0; right: 0; bottom: 0; height: 110px; padding: 20px; }
.teacher-hover:after { content: ""; position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; visibility: visible; filter: alpha(opacity=60); opacity: 0.6; }
.teacher-hover h3 { color: #ffffff; font-size: 18px; line-height: 1; padding-left: 11px; border-left: 4px solid #fdd100; margin-bottom: 18px; position: relative; z-index: 2; }
.teacher-hover p { max-height: 72px; color: #ffffff; font-size: 14px; line-height: 1.72; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; position: relative; z-index: 2; }
.teacher-next .teacher-card { width: 190px; height: 262px; margin-top: 10px; margin-left: 9.9px; }
.teacher-next .teacher-hover { height: 18px; visibility: hidden; opacity: 0; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.teacher-card:hover img { visibility: visible; filter: alpha(opacity=80); opacity: 0.8; -webkit-transform: scale(1.06); transform: scale(1.06); }
.teacher-next .teacher-card:hover .teacher-hover { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); }
.teacher .container { z-index: 2; }
.coupon-pane { height: 100px; margin-top: 80px; padding: 75px 48px; padding-right: 70px; background: url(../image/bg_coupon.jpg) no-repeat center top; }
.coupon-text { float: left; height: 100%; max-width: 480px; }
.coupon-text h3 { height: 58px; line-height: 58px; }
.coupon-text i { color: #000000; font-size: 48px; font-style: italic; font-weight: bolder; font-family: "SourceHanSansSC-Heavy"; }
.coupon-text small { color: #000000; font-size: 30px; font-weight: bold; font-family: "SourceHanSansSC-Bold"; margin-left: 15px; }
.coupon-text p { color: #000000; font-size: 24px; line-height: 1.42; margin-top: 8px; }
.coupon-form { margin-left: 521px; }


.lesson { padding-bottom: 60px; }
.lesson-pane { margin-top: 44px; }
.lesson-pane:after { content: ""; display: block; clear: both; height: 0; }
.lesson-imge { float: left; width: 310px; height: 558px; }
.lesson-list { margin-left: 310px; }
.lesson-list:after { content: ""; display: block; clear: both; height: 0; }
.lesson-item { float: left; width: 50%; height: 186px; padding: 32px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; border: 1px solid #f7f7f7; border-width: 1px 0 0 1px; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.lesson-item dt { float: left; width: 60px; height: 60px; color: #000000; font-size: 60px; padding-top: 8px; line-height: 1; }
.lesson-item dd { margin-left: 90px; }
.lesson-item h3 { color: #000000; font-size: 24px; line-height: 1.67; }
.lesson-item p { height: 72px; color: #777777; font-size: 14px; line-height: 1.72; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; margin-top: 6px; }
.lesson-item:first-child { border-top-width: 0; }
.lesson-item:first-child + .lesson-item { border-top-width: 0; }
.lesson-item:hover { position: relative; z-index: 2; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.18); box-shadow: 0 0 10px rgba(0, 0, 0, 0.18); }


.works .convex-prev { left: 20px; right: auto; margin-left: 0; }
.works .convex-next { left: auto; right: 20px; margin-left: 0; }
.works .convex-btns { width: 40px; height: 60px; color: #dbdbdb; text-align: center; line-height: 60px; background-color: #000; visibility: visible; filter: alpha(opacity=30); opacity: 0.3; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.works .convex-btns:after { display: none; }
.works .convex-btns:before { display: none; }
.works .convex-btns .ifont { font-size: 32px; }
.works .convex-btns:hover { color: #000000; background: #fdd100; visibility: visible; filter: alpha(opacity=100); opacity: 1; }


.process { width: 100%; padding-bottom: 64px; position: relative; overflow: hidden; }
.process:before { content: ""; position: absolute; z-index: 2; top: 14px; right: 50%; width: 376px; height: 562px; margin-right: 308px; background: url(../image/bg_process.png) no-repeat center top; }
.process-pane { height: 282px; margin-top: 44px; background-color: #fdd100; position: relative; z-index: 1; }
.process-line { position: absolute; top: 50%; left: 50%; z-index: 1; width: 1250px; height: 14px; margin-top: -7px; margin-left: -290px; background: url(data:image/png;base64,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) no-repeat center top; }
.process-list { height: 162px; padding: 60px 0; margin-left: 297px; }
.process-item { float: left; margin-left: 73px; position: relative; }
.process-item .name { display: block; color: #000000; font-size: 14px; text-align: center; line-height: 1; margin-top: 10px; }
.process-item .ifont { display: block; width: 40px; height: 40px; color: #000000; font-size: 40px; text-align: center; line-height: 1; margin: 0 auto; }
.process-item:before { content: ""; position: absolute; z-index: 1; left: 50%; width: 7px; height: 7px; margin-left: -3.5px; border-radius: 50%; background-color: #fff; }
.process-item.even { margin-top: 100px; }
.process-item.odd:before { bottom: -16px; }
.process-item.even:before { top: -16px; }


.habitat { margin-top: -64px; padding-bottom: 80px; }
.habitat-pane { height: 480px; margin-top: 44px; background-color: #fdd100; }
.habitat-cate { float: left; width: 310px; height: 100%; background-color: #fee880; }
.habitat-cate a { display: block; height: 25%; padding: 40px 60px; padding-right: 48px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.25s ease-in-out; transition: 0.35s ease-in-out; }
.habitat-cate small { display: block; margin-left: 52px; color: #000000; font-size: 12px; line-height: 1; text-transform: uppercase; margin-top: 8px; }
.habitat-cate strong { display: block; margin-left: 52px; color: #000000; font-size: 16px; line-height: 1.25; font-weight: 600; }
.habitat-cate .ifont { float: left; height: 100%; color: #000000; font-size: 40px; line-height: 1; }
.habitat-cate a:hover { background-color: #ffdf2d; }
.habitat-cate a.active { background-color: #fdd100; }
.habitat-show { height: 460px; padding: 10px 70px; margin-left: 310px; overflow: hidden; }
.habitat-show .habitatImage { display: none; }
.habitat-show .habitatImage:first-child { display: block; }
.habitat-show .ifocus { height: 460px; overflow: visible; }
.habitat-show .ifocus-view { height: 460px; overflow: hidden; }
.habitat-show .ifocus-item a { overflow: hidden; background-color: #000; }
.habitat-show .ifocus-item img { transition: 0.5s ease-in-out;}
.habitat-show .ifocus-item:hover img { opacity: 0.9; transform: scale(1.08); }
.habitat-show .ifocus-prev { left: -56px; width: 30px; height: 30px; color: #000000; font-size: 22px; line-height: 30px; margin-top: -15px; text-align: center; background: none; }
.habitat-show .ifocus-next { right: -56px; width: 30px; height: 30px; color: #000000; font-size: 22px; line-height: 30px; margin-top: -15px; text-align: center; background: none; }
.habitat-show .ifocus-prev:hover { transform: scale(1.2); }
.habitat-show .ifocus-next:hover { transform: scale(1.2); }


.news { padding-bottom: 60px; }
.news-pane { margin-top: 24px; padding-top: 20px; }
.shut-list { height: 441px; padding: 0 20px; margin-top: -16px; }
.shut-rows { display: block; margin-top: 16px; padding-left: 19px; }
.shut-title { margin-left: -19px; padding-left: 19px; color: #000000; font-size: 16px; line-height: 1.5; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; position: relative; }
.shut-title:after { content: ""; position: absolute; top: 50%; left: 0; margin-top: -5px; border: 5px solid transparent; border-width: 5px 0 5px 8px; border-color: transparent #fdd100; }
.shut-affix { height: 0; overflow: hidden; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.shut-image { float: left; width: 150px; height: 100px; margin: 10px 0; overflow: hidden; }
.shut-image img { width: 100%; transition: 0.35s ease-in-out; }
.shut-affix:hover img { transform: scale(1.1); }
.shut-words { height: 88px; padding: 16px 0; margin-left: 170px; }
.shut-time { color: #777777; font-size: 14px; line-height: 1; margin-top: 12px; }
.shut-brief { height: 60px; color: #777777; font-size: 14px; line-height: 1.43; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.shut-rows.active .shut-title { font-weight: bold; }
.shut-rows.active .shut-affix { height: 120px; }
.news-pane .card { transition: 0.25s ease-in-out; }
.news-pane .card-imge { padding: 0; margin: 0 20px; overflow: hidden; }
.news-pane .card-name a { transition: 0.35s ease-in-out; }
.news-pane .card:first-child:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.news-pane .card:first-child:hover .card-imge img { opacity: 0.7; }
.news-pane .card:first-child:hover .card-name a { color: #fdd100; }
.news-pane .card:first-child + .card:hover { box-shadow: 0 0 20px rgba(0,0,0,.2); }
.news-pane .card:first-child + .card:hover .card-imge img { opacity: 0.7; }
.news-pane .card:first-child + .card:hover .card-name a { color: #fdd100; }


.title-page { color: #000000; font-size: 36px; text-align: center; line-height: 0.92; font-family: "SourceHanSansCN-Bold"; padding-bottom: 39px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAV4AAAAdCAYAAADikARsAAACIElEQVR4nO3dP2sUQRyH8SdxQVMosUhAsdEXkNLaTrCxsgjYBQKKaXwFqW1FKyslKWJjI4qN4F/EVFFUoklhJ6JFiCCoOTmYIgwGkrB3v53x+UCK44qb2+/sl73ZPxnp9XpIUbZWRvbyydeAKeA28BD4vt9hj0457xVn1G2vghwDzgILwBqwBFwEJg1RJbF4VZKNbWMdBy4Ad4BPwJxJqhQWr2pwGDhtkiqFxatafDNJlcLilaQhs3hVq1PAFeCkCatrLF7VagK4DnxMl55dtoTVFRavarWZvteBdAnaDWAdeAxcMnVFsnhVq53uzDgD3DR1RbJ49T/a9x1vUhssXkWbBk4MeQzeL6xQFq+iLaY7z+4BM8BxE1HtLF5F658EOwicB26lE2D3gVngkOmoRs0enw4l7dounwC2lb3ul/C59PcSeBOxxd0vNEge8arLbD9VqfFEgwakjdLMj4YjuH+odY1HFSpIxFx1/1DrGp/Er4L8GdZQ3S80SK7xqiS/Wxqr816hnIAqSVs/+4+auiI1bn1V6l8l/Rl4DTwydEWyeFWLvGj7c/truhb4OfAUWAZ+mbiiWbyqxXj2PVbTw9A3TVhdY/GqJGPZWH8Cr4BnwN3svR8mq66yeNVl+fJBv0zfpWc5vEjLCF9MUKWxeNVl+VU388BVE1PpLF5FO5J9/tu0dPAk/b+07TZMSzWweBVtBXgPPEjrtR9MRFUD/gL7vE0KKwleSQAAAABJRU5ErkJggg==) no-repeat center bottom; }
.title-akin { height: 29px; color: #000000; font-size: 30px; line-height: 0.97; padding-left: 42px; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAdCAYAAAC9pNwMAAABdElEQVRIicXXv0sXcRzH8cdXBXPwiw0GhUtCqzg5uwktTg1BW+Ag9Y+4OgVOSg62uEjhFJVK1GJEiZWDm4iCoSDYN+MDn+H44FkX9/neC467z497P9/3vs/7c+9rdbZV0RzGsIhXOK50d0E9FeffxhSe4wdW8Ai3coN/Fq6H8ABL+I6nOcFlGsREE+Cgo6bAlZQTPIonuHvVYE7wMObxLabebNGJvozg03jujSk4FduvQxrmBLdK+ifD0dTiOg7ghxjpMvgygJfjzrOKx7jTDXJPXAT9mMYC9rCGGdzICf6d9AUn7uMZ7uUEX6eylZkdnEaja+BUtUWgKrjTFPhXXdymQn2z23v1Pj5gvU5wCgq2D7GFDbzFR1yo+bM4lLR3YzFwetXkquCBpH2O93iHF8nY2XWG/gZOwxeMfYl7+WYM48G/+10w3Nl2gnbJ+DiK/xrtpLb+b4UnTqGfY+jexHqpqFqgQQH8CV/xMr6vnbqMlwp/AK7JQRg1pO4FAAAAAElFTkSuQmCC) no-repeat left center; }


.ibanner { height: 650px; line-height: 650px; text-align: center; background-repeat: no-repeat; background-position: center top; }
.ibanner-text { width: 1200px; line-height: 1.5; display: inline-block; vertical-align: middle; }
.ibanner-text p { margin-top: 56px; color: #ffffff; font-size: 16px; line-height: 1.25; }
.ibanner-text h2:after { content: ""; display: block; width: 80px; height: 1px; margin: 36px auto 0; background-color: #fdd100; }
.ibanner-text small { display: block; color: #fdd100; font-size: 20px; line-height: 1.2; letter-spacing: 3.5px; }
.ibanner-text strong { display: block; color: #fdd100; font-size: 48px; line-height: 1.09; font-weight: bold; font-family: "SourceHanSansSC-Bold"; }


.article { padding: 72px 50px 60px; }
.article-title { color: #000000; font-size: 30px; text-align: center; line-height: 1.5; font-weight: bold; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.article-infos { height: 14px; line-height: 14px; text-align: center; margin-top: 18px; padding-bottom: 42px; border-bottom: 1px solid #cccccc; }
.article-infos span { height: 100%; color: #999; font-size: 14px; margin-right: 24px; display: inline-block; vertical-align: top; }
.article-video { line-height: 0; margin-top: 30px; }
.article-video video { width: 100%; display: block; }
.article-video iframe { width: 100%; display: block; min-height: 675px; }
.article-texts { margin-top: 35px; text-indent: 2em; }
.article-texts p { color: #000000; font-size: 16px; line-height: 1.63; text-align: justify; }
.article-texts img { display: block; margin: 30px auto; max-width: 100%; }
.article-quick { margin-top: 72px; overflow: hidden; }
.article-quick a { display: block; color: #000000; font-size: 14px; max-width: 70%; line-height: 30px; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.article-quick a:hover { color: #fdd100; }
.article-quick a:first-child { float: right; width: 120px; height: 40px; color: #ffffff; line-height: 18px; text-align: center; padding: 11px 25px; background-color: #000000; }
.article-quick a:first-child:hover { background-color: #141414; }


.pagination { height: 40px; font-size: 0; text-align: center; margin-top: 60px; }
.pagination a { display: block; height: 100%; color: #000000; font-size: 15px; text-align: center; padding: 0 15px; border: 1px solid #ffffff; background-color: #ffffff; -webkit-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.pagination li { height: 100%; margin: 0 5px; min-width: 40px; line-height: 40px; display: inline-block; vertical-align: top; }
.pagination span { display: block; height: 100%; color: #777777; font-size: 15px; text-align: center; padding: 0 15px; border: 1px solid #ffffff; background-color: #ffffff; }
.pagination li.disabled span { color: #999999; border-color: #ffffff; background-color: #ffffff; }
.pagination li a:hover, .pagination li.active a { border-color: #fdd100; background-color: #fdd100; }
.pagination-gray li a { border-color: #f4f4f4; background-color: #f4f4f4; }
.pagination-gray li a:hover, .pagination-gray li.active a { color: #fff; border-color: #fdd100; background-color: #fdd100; }
.pagination-gray li.disabled span { border-color: #f4f4f4; background-color: #f4f4f4; }


.breadcrumbs { width: 100%; height: 30px; padding: 10px 0; line-height: 32px; background-color: #fff; }
.breadcrumbs-list { height: 100%; }
.breadcrumbs-list li { float: left; height: 100%; color: #777777; font-size: 14px; max-width: 600px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.breadcrumbs-list li a { color: #777777; height: 100%; display: inline-block; vertical-align: top; }
.breadcrumbs-list li .ifont { float: left; color: #888; font-size: 20px; margin-right: 8px; }
.breadcrumbs-list li a:hover { color: #25baff; }
.breadcrumbs-list li + li:before { float: left; content: ">"; color: #999999; height: 100%; margin: 0 8px; font-size: 14px; line-height: 34px; font-weight: bold; font-family: Simsun; }
.breadcrumbs .container { height: 100%; overflow: visible; }


.news-list { margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #dedede; }
.news-item { height: 240px; padding: 30px 0; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.news-link { font-size: 0; height: 100%; }
.news-time { width: 130px; height: 100%; display: inline-block; vertical-align: top; padding-right: 1px; position: relative; }
.news-time:after { content: ""; position: absolute; top: 0; right: 1px; bottom: 0; width: 1px; background-color: #000; filter: alpha(opacity=10); opacity: 0.1; }
.news-time strong { display: block; color: #000000; font-size: 24px; line-height: 2.34; font-weight: bold; }
.news-time .ifont { color: #000000; font-size: 18px; line-height: 1; margin-top: 18px; margin-left: 2px; }
.news-text { width: 606px; padding: 0 60px; display: inline-block; vertical-align: top; }
.news-text h3 { color: #000000; font-size: 24px; line-height: 2.63; font-weight: bold; -webkit-box-orient: vertical; -webkit-line-clamp: 1; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.news-text p { height: 72px; color: #777777; font-size: 14px; line-height: 1.72; margin-top: 6px; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -webkit-box; text-overflow: ellipsis; word-wrap: break-word; white-space: normal; overflow: hidden; }
.news-imge { width: 343px; height: 100%; display: inline-block; vertical-align: top; overflow: hidden; }
.news-imge img { width: 100%; background-color: #dbdbdb; }
.news-item:hover { background-color: #fdd100; }


.related { padding: 60px 0; border-top: 1px solid #dedede; }
.related-list { margin-top: 40px; }
.related-prev { padding-right: 25px; }
.related-next { padding-left: 25px; }
.related-item { height: 40px; line-height: 40px; padding-left: 19px; position: relative; }
.related-item a { display: block; color: #000000; font-size: 16px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; -webkit-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out; }
.related-item:before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -5px; border-style: solid; border-width: 5px 0 5px 8px; border-color: transparent #fdd100; }
.related-item a:hover { color: #fdd100; }
.related-item:first-child { height: auto; padding-left: 0; padding-bottom: 27px; }
.related-item:first-child:before { display: none; }


.teacher-info { padding-bottom: 80px; }
.teacher-info:after { content: ""; display: block; clear: both; height: 0; }
.teacher-avar { float: left; width: 500px; height: 690px; overflow: hidden; background-color: #fff; }
.teacher-avar img { width: 100%; }
.teacher-text { height: 690px; overflow: hidden; margin-left: 560px; }
.teacher-name { color: #000000; font-size: 24px; line-height: 1.67; font-weight: bold; margin-top: 72px; }
.teacher-post { color: #777777; font-size: 16px; line-height: 1.75; margin-top: 14px; }
.teacher-intro { color: #000000; font-size: 14px; line-height: 1.86; max-height: 386px; margin-top: 34px; padding-top: 54px; border-top: 1px solid #dedede; overflow-y: hidden; }
.teacher-intro p { color: #000000; font-size: 14px; line-height: 1.86; }
.teacher-work { width: 100%; overflow: hidden; }
.video-card_image { height: 266px; background-color: #000; }

.video-card_text { height: 95px; text-align: center; -webkit-transition: 0.4s ease-in-out; transition: 0.4s ease-in-out; }
.video-card_text .card-title { font-size: 20px; font-weight: normal; }
.video-card_text .card-time { line-height: 22px; margin-top: 18px; }
.video-card:hover .video-card_image img { visibility: visible; filter: alpha(opacity=60); opacity: 0.6; -webkit-transform: scale(1.15); transform: scale(1.15); }

.video-card:hover .video-card_text { background-color: #fdd100; }
.map-pane { width: 100%; height: 750px; overflow: hidden; position: relative; }
.map-list { display: block; width: 100%; height: 100%; position: relative; }
.map-item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; visibility: hidden; opacity: 0; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.map-item .map { display: block; height: 100%; }
.map-item:first-child { visibility: visible; filter: alpha(opacity=100); opacity: 1; }
.map-cate { position: absolute; z-index: 3; left: 50%; bottom: 0; height: 70px; width: 1200px; margin-left: -600px; }
.map-cate a { float: left; width: 25%; height: 100%; padding: 16px 30px; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000000; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.map-cate h3 { color: #ffffff; font-size: 18px; line-height: 2.12; -webkit-transition: 0.35s ease-in-out; transition: 0.35s ease-in-out; }
.map-cate p { height: 0; color: #000000; font-size: 14px; line-height: 1.58; overflow: hidden; }
.map-cate a.active { height: 110px; margin-top: -40px; background-color: #fdd100; }
.map-cate a.active h3 { color: #000000; font-size: 24px; font-weight: bold; line-height: 32px; }
.map-cate a.active p { height: 44px; margin: 4px; }
.contact { width: 1172px; margin: 0 auto; }
.contact-code { padding-left: 76px; }
.contact-code:after { content: ""; display: block; clear: both; height: 0; }
.contact-code p { float: left; margin-left: 30px; background-color: #fff; }
.contact-code img { display: block; width: 150px; height: 150px; }
.contact-code span { display: block; height: 40px; color: #000000; font-size: 16px; text-align: center; line-height: 40px; }
.contact-ways dl:after { content: ""; display: block; clear: both; height: 0; }
.contact-ways dt { float: left; height: 44px; color: #000000; font-size: 16px; line-height: 44px; font-weight: bold; }
.contact-ways .ifont { float: left; height: 100%; font-size: 24px; margin-right: 10px; }
.contact-ways dd { padding: 7px 0; margin-left: 82px; }
.contact-ways p { color: #000000; font-size: 16px; line-height: 1.88; }
.contact .sh-col-6 { width: 436px; margin: 0 50px; }
.works-roll { width: 1200px; margin: 0 auto; padding: 0 80px; }
.works-list.sh-row { margin-top: 30px; margin-left: -5px; margin-right: -6px; }
.works-item.sh-col-3 { width: 292px; margin: 10px 5px 0; }
.works-card { padding-bottom: 0; overflow: hidden; }
.works-card:after { content: ""; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-color: #fdd100; -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; visibility: hidden; opacity: 0; }
.works-card_image { padding-bottom: 140.66667%; }
.works-card_image img { position: absolute; top: 0; left: 0; width: 100%; }
.works-card_hover { position: absolute; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; text-align: center; line-height: 410px; }
.works-card_hover:after, .works-card_hover:before { content: ""; position: absolute; z-index: 1; width: 49px; height: 49px; border: 1px solid #000000; visibility: hidden; opacity: 0; -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; }
.works-card_hover:before { top: 10px; right: 10px; border-width: 1px 1px 0 0; -webkit-transform: translate(40px, 0); transform: translate(40px, 0); }
.works-card_hover:after { left: 10px; bottom: 10px; border-width: 0 0 1px 1px; -webkit-transform: translate(-40px, 0); transform: translate(-40px, 0); }
.works-card_hover span { height: 124px; color: #000000; font-size: 16px; line-height: 1.88; line-height: 1.8; font-weight: bold; display: inline-block; vertical-align: middle; padding-top: 56px; -webkit-transform: translate(0, 10px); transform: translate(0, 10px); -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; position: relative; z-index: 2; visibility: hidden; opacity: 0; }
.works-card_hover .ifont { display: block; width: 40px; height: 40px; line-height: 40px; font-size: 40px; margin: 0 auto; margin-top: 50px; -webkit-transform: translate(0, 20px); transform: translate(0, 20px); -webkit-transition: 0.45s ease-in-out; transition: 0.45s ease-in-out; visibility: hidden; opacity: 0; }
.works-card:hover:after { visibility: visible; filter: alpha(opacity=95); opacity: 0.95; }
.works-card:hover .works-card_hover:after { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.works-card:hover .works-card_hover:before { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.works-card:hover .works-card_hover span { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.works-card:hover .works-card_hover .ifont { visibility: visible; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translate(0, 0); transform: translate(0, 0); }
.works-roll .tumble-prev { color: #dbdbdb; text-align: center; line-height: 46px; background-color: #ababab; background-image: none;}
.works-roll .tumble-prev .ifont { font-size: 24px; }
.works-roll .tumble-prev:hover { color: #000; background-color: #fdd100;}
.works-roll .tumble-next { color: #dbdbdb; text-align: center; line-height: 46px; background-color: #ababab; background-image: none;}
.works-roll .tumble-next .ifont { font-size: 24px; }
.works-roll .tumble-next:hover { color: #000; background-color: #fdd100;}
.enroll-list { padding-top: 10px; }
.enroll-item { height: 390px; margin-top: 30px; }
.enroll-item:after { content: ""; display: block; clear: both; height: 0; }
.enroll-item .media { height: 100%; }
.enroll-item .media-image { width: 700px; }
.enroll-item .media-texts { margin-left: 700px; padding: 45px 60px 50px; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #fff; position: relative; }
.enroll-item .media-title { height: auto; font-size: 24px; line-height: 34px; max-height: 64px; }
.enroll-item .media-brief { height: auto; max-height: 8.6rem; margin-top: 20px; -webkit-line-clamp: 5; }
.enroll-item .media-infos { position: absolute; left: 60px; bottom: 50px; right: 60px; margin-top: 0; height: 40px; }
.enroll-item .media-infos span { display: block; width: 40px; height: 100%; color: #000000; font-size: 18px; text-align: center; line-height: 2.23; background-color: #fdd100; }
.apply-pane.sh-row { margin: 80px 0 0; }
.apply-scan.sh-col-6 { margin: 0; width: 559px; text-align: center; }
.apply-call { height: 40px; text-align: left; display: inline-block; vertical-align: top; margin-top: 50px; padding-left: 50px; position: relative; }
.apply-call .ifont { position: absolute; top: 0; left: 0; width: 40px; height: 40px; color: #000000; font-size: 40px; line-height: 1; }
.apply-call small { display: block; color: #000000; font-size: 15px; line-height: 1.14; }
.apply-call strong { display: block; color: #000000; font-size: 24px; line-height: 0.8; font-weight: 900; margin-top: 4px; }
.apply-scan h4 { color: #000000; font-size: 18px; line-height: 1.67; margin-top: 54px; }
.apply-scan h4:after { content: ""; display: block; width: 50px; height: 2px; margin: 13px auto 0; background-color: #fdd100; }
.apply-code { font-size: 0; margin-top: 30px; }
.apply-code p { width: 150px; margin: 0 15px; display: inline-block; vertical-align: top; background-color: #fff; }
.apply-code img { display: block; width: 150px; height: 150px; }
.apply-code span { display: block; height: 40px; color: #000000; font-size: 16px; text-align: center; line-height: 2.5; }
.apply-form.sh-col-6 { margin: 0; width: 640px; padding-left: 80px; border-left: 1px solid #dedede; }
.apply-form h3 { color: #000000; font-size: 20px; line-height: 1; }
.apply-form .form-item { height: 50px; margin-top: 20px; }
.apply-form .form-label { width: 118px; height: 50px; font-size: 14px; line-height: 50px; text-align: left; padding-left: 20px; padding-right: 10px; }
.apply-form .form-block { margin-left: 148px; }
.apply-form .form-input { height: 50px; line-height: 30px; }
.apply-form .ibtn { height: 50px; border-radius: 25px; }


.footer-form_quit { position: absolute; top: 2px; right: 15px; color: #000; opacity: 0.6; font-size: 28px; line-height: 1; cursor: pointer; padding: 8px; animation: 0.8s linear infinite both; }
.footer-form_quit:hover { opacity: 1; animation-name: scale; }


@-webkit-keyframes scale {
	0% { opacity: 0.6; -webkit-transform: scale(1); transform: scale(1);  }
	25% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
	50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
	75% { opacity: 1; -webkit-transform: scale(0.8); transform: scale(0.8); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}

@keyframes scale {
	0% { opacity: 0.6; -webkit-transform: scale(1); transform: scale(1);  }
	25% { opacity: 1; -webkit-transform: scale(1.2); transform: scale(1.2); }
	50% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
	75% { opacity: 1; -webkit-transform: scale(0.8); transform: scale(0.8); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1);  }
}

@-webkit-keyframes pulse {
	0% { opacity: 0.6; -webkit-transform: translateY(0); transform: translateY(0);  }
	25% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
	50% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);  }
	75% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);  }
}

@keyframes pulse {
	0% { opacity: 0.6; -webkit-transform: translateY(0); transform: translateY(0);  }
	25% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
	50% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);  }
	75% { opacity: 1; -webkit-transform: translateY(20px); transform: translateY(20px); }
	100% { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0);  }
}

@-webkit-keyframes logoIn {
	0% { opacity: 0.5; -webkit-transform: scale(0.5); transform: scale(0.5); }
	50% { opacity: 1; -webkit-transform: scale(1.3); transform: scale(1.4); }
	80% { opacity: 1; -webkit-transform: scale(0.9); transform: scale(0.8); }
	90% { opacity: 1; -webkit-transform: scale(1.1); transform: scale(1.2); }
	100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); }
}
@-moz-keyframes logoIn {
	0% { opacity: 0.5; -moz-transform: scale(0.5); transform: scale(0.5); }
	50% { opacity: 1; -moz-transform: scale(1.4); transform: scale(1.4); }
	80% { opacity: 1; -moz-transform: scale(0.8); transform: scale(0.8); }
	90% { opacity: 1; -moz-transform: scale(1.2); transform: scale(1.2); }
	100% { opacity: 1; -moz-transform: scale(1); transform: scale(1); }
}
@keyframes logoIn {
	0% { opacity: 0.5; transform: scale(0.5); }
	50% { opacity: 1; transform: scale(1.4); }
	80% { opacity: 1; transform: scale(0.8); }
	90% { opacity: 1; transform: scale(1.2); }
	100% { opacity: 1; transform: scale(1); }
}


.layer-view { display: none; position: fixed; z-index: 999; top: 0; left: 0; right: 0; bottom: 0; visibility: hidden; opacity: 0; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.layer-mask { position: absolute; z-index: 1; top: 0; left: 0; right: 0; bottom: 0; background-color: #000; visibility: hidden; opacity: 0; -webkit-transition: 0.5s ease-in-out; -o-transition: 0.5s ease-in-out; transition: 0.5s ease-in-out; }
.layer-card { position: relative; z-index: 2; top: 50%; left: 50%; width: 520px; height: 335px; margin-left: -300px; border: 1px solid #cccccc; border-radius: 6px; padding: 39px; background-color: #fff; -webkit-animation-duration: 0.6s; animation-duration: 0.6s; -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); }
.layer-quit { position: absolute; z-index: 3; top: -36px; right: -36px; width: 36px; height: 36px; cursor: pointer; color: #fff; text-align: center; line-height: 56px; -webkit-transition: 0.3s ease-in-out; -o-transition: 0.3s ease-in-out; transition: 0.3s ease-in-out; }
.layer-quit .ifont { font-size: 24px; }
.layer-quit:hover { color: #fff; }
.layer-view.active .layer-mask { visibility: visible; opacity: 0.6; }
.layer-view.active { visibility: visible; opacity: 1; }
#layerVideo .layer-card { width: 900px; height: 525px; border: none; padding: 20px; margin-left: -450px; }
.video-card { width: 100%; height: 100%; line-height: 1; }
.video-card video { width: 100%; }
.video-card iframe { width: 100%; height: 100%; }