﻿@import "font-awesome.min.css";
@import "bootstrap.min.css";
@import "richtext.css";
@import "swiper.min.css";
@import "font_684781_e0t2rhmtry0hpvi.css";
@font-face {
font-family:'Trump';
src:url('../fonts/trumpgothiceast_bold-webfont.eot'), url('../fonts/trumpgothiceast_bold-webfont.eot') format('embedded-opentype'), url('../fonts/trumpgothiceast_bold-webfont.woff2') format('woff2'), url('../fonts/trumpgothiceast_bold-webfont.woff') format('woff'), url('../fonts/trumpgothiceast_bold-webfont.ttf') format('truetype'), url('../fonts/trumpgothiceast_bold-webfont.svg#trump_gothic_eastbold') format('svg');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'ITC Avant';
src:url('/assets/fonts/ITCAVANTGARDESTD-XLT.OTF');
font-weight:normal;
font-style:normal
}
@font-face {
font-family:'Htsun';
src:url('/assets/fonts/htsx.otf');
font-weight:normal;
font-style:normal
}
.text-primary, .pagination>li>a, .pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span, .pagination>li>span:focus, .pagination>li>span:hover {
	color:#e20413
}
.btn-primary, .pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
	background-color:#e20413;
	border-color:#e20413
}
.btn-primary:hover, .btn-primary:active, .btn-primary:focus, .btn-primary.active.focus, .btn-primary.active:focus, .btn-primary.active:hover, .btn-primary:active.focus, .btn-primary:active:focus, .btn-primary:active:hover, .open>.dropdown-toggle.btn-primary.focus, .open>.dropdown-toggle.btn-primary:focus, .open>.dropdown-toggle.btn-primary:hover {
	background-color:#c90411;
	border-color:#c90411
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
	outline:none
}
.row.row-divider>[class^=col-] {
border-right:solid 1px #ddd
}
.row.row-divider>[class^=col-]:last-child {
border-right:none
}
.row.row-divider .col-sm-6:nth-child(even), .row.row-divider .col-md-6:nth-child(even), .row.row-divider .col-lg-6:nth-child(even) {
border-right:none
}
.row.row-compact {
	margin:0
}
.row.row-compact>[class^=col-] {
padding:0
}
.row .col-xs-24, .row .col-sm-24, .row .col-md-24, .row .col-lg-24 {
	float:left
}
@media (max-width:768px) {
.row .col-xs-24 {
width:20%
}
}
@media (max-width:992px) {
.row .col-xs-24, .row .col-sm-24 {
width:20%
}
}
@media (max-width:1200px) {
.row .col-xs-24, .row .col-sm-24, .row .col-md-24 {
width:20%
}
}
@media (min-width:1200px) {
.row .col-lg-24 {
width:20%
}
}
.form.form-horizontal .form-group {
	position:relative;
	padding:0 12em
}
.form.form-horizontal .form-group .control-label {
	position:absolute;
	left:0;
	padding:.4em 1em;
	width:12em
}
.form-control:focus, .form-control:active {
	box-shadow:none
}
.form-control.input-xs {
	padding:1px 5px;
	font-size:12px;
	line-height:1.5em;
	border-radius:2px;
	height:auto
}
.form-control-select {
	height:auto;
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='28' viewBox='0 0 16 28' fill='%23777'%3E%3Cpath d='M16 17q0 .406-.297.703l-7 7Q8.406 25 8 25t-.703-.297l-7-7Q0 17.406 0 17t.297-.703T1 16h14q.406 0 .703.297T16 17zm0-6q0 .406-.297.703T15 12H1q-.406 0-.703-.297T0 11t.297-.703l7-7Q7.594 3 8 3t.703.297l7 7Q16 10.594 16 11z'/%3E%3C/svg%3E");
	background-position:right 8px center;
	background-repeat:no-repeat;
	-webkit-background-size:8px 16px;
	-moz-background-size:8px 16px;
	background-size:8px 16px;
	padding-right:2em
}
.form-control-select.input-sm, .form-control-select.input-xs {
	line-height:normal
}
.form-control-checkbox, .form-control-radio {
	display:inline-block;
	position:relative;
	cursor:pointer;
	margin-right:.5em
}
.form-control-checkbox [type="checkbox"], .form-control-radio [type="checkbox"], .form-control-checkbox [type="radio"], .form-control-radio [type="radio"] {
	cursor:pointer;
	position:relative;
	z-index:1;
	vertical-align:middle;
	margin-right:6px;
	margin-top:4px
}
.form-control-checkbox [type="checkbox"]:before, .form-control-radio [type="checkbox"]:before, .form-control-checkbox [type="radio"]:before, .form-control-radio [type="radio"]:before {
	visibility:visible;
	content:"";
	position:absolute;
	z-index:0;
	top:-1.5px;
	left:-1.5px;
	width:15px;
	height:15px;
	border-radius:3px;
	background:#ddd
}
.form-control-checkbox [type="checkbox"]:checked:after, .form-control-radio [type="checkbox"]:checked:after, .form-control-checkbox [type="radio"]:checked:after, .form-control-radio [type="radio"]:checked:after {
	visibility:visible;
	position:absolute;
	top:-1.5px;
	left:-1.5px;
	z-index:1;
	content:"";
	width:15px;
	height:15px;
	border-radius:3px;
	background-color:#e20413;
	background-image:url(../fonts/bd1a6637639f4b45a4385a5b7865bd00.woff);
	background-repeat:no-repeat;
	background-position:center center;
	background-size:50% 50%
}
.form-control-checkbox [type="radio"]:before, .form-control-radio [type="radio"]:before {
	border-radius:100%
}
.form-control-checkbox [type="radio"]:checked:after, .form-control-radio [type="radio"]:checked:after {
	background:#fff;
	border:solid 5px #e20413;
	border-radius:100%
}
.form-control-table {
	margin:-3px 0;
	padding:2px .5em;
	height:auto
}
.navbar .navbar-toggle {
	padding:5px 10px;
	font-size:16px
}
.nav-line>li {
	float:left
}
.nav-line>li>a {
	border-bottom:solid 2px #ddd
}
.nav-line>li.active>a, .nav-line>li.active>a:focus, .nav-line>li.active>a:hover {
	border-color:#e20413
}
.nav-pills li a {
	display:block;
	background:rgba(226, 4, 19, 0.1);
	border-radius:2px;
	margin:5px;
	padding:6px 15px
}
.nav-pills li.active>a, .nav-pills li.active:hover>a, .nav-pills li.active:active>a, .nav-pills li.active:hover>a {
	background:#e20413;
	color:#fff
}
.nav-pills li a:hover, .nav-pills li a:active, .nav-pills li a:focus {
	background:rgba(226, 4, 19, 0.15)
}
.dropdown-menu {
	border-color:rgba(0, 0, 0, 0)
}
.dropdown-menu .row {
	margin:0
}
.dropdown-menu .row [class^=col-] {
padding:0
}
.dropdown-menu dl {
	margin:0
}
.dropdown-menu dl dt, .dropdown-menu dl dd {
padding:.8rem 1.5rem
}
.dropdown-menu dl dt {
	font-size:1.05rem;
	font-weight:normal;
	color:rgba(51, 51, 51, 0.5)
}
.dropdown-menu dl dd:hover {
	background:#f5f5f5
}
.dropdown-menu dl dd:hover a {
	text-decoration:none
}
.dropdown-menu dl dd a {
	color:#333
}
.dropdown-menu dl dd a small {
	display:block;
	color:rgba(51, 51, 51, 0.5)
}
.dropdown .open {
	background:none
}
.dropdown-menu {
	border-color:rgba(0, 0, 0, 0.2);
	box-shadow:0 0 3px rgba(0, 0, 0, 0.2)
}
.dropdown-menu:after, .dropdown-menu:before {
	border-color:transparent;
	border-style:solid;
	border-width:8px;
	content:" ";
	height:0;
	left:15px;
	pointer-events:none;
	position:absolute;
	width:0
}
.dropdown-menu:before {
	bottom:100%;
	border:solid 8px transparent;
	border-bottom:8px solid rgba(0, 0, 0, 0.2)
}
.dropdown-menu:after {
	border-bottom-color:#fff;
	bottom:100%;
	margin-bottom:-1px
}
.dropdown-menu.dropdown-menu-right:after, .dropdown-menu.dropdown-menu-right:before {
	left:auto;
	right:15px
}
.dropdown-menu .divider {
	margin:2px 0
}
.dropdown-menu>li>a:focus, .dropdown-menu>li>a:hover {
	background:#e20413;
	color:#fff
}
.breadcrumb {
	background:none;
	border-radius:0;
	padding:10px 0;
	border-bottom:solid 1px #ddd
}
.breadcrumb:before {
	font:normal normal normal 14px/1 FontAwesome;
	content:"\f015";
	margin-right:5px;
	color:#888
}
.breadcrumb>li+li:before {
	content:">"
}
.paginator {
	margin:30px 0
}
.modal .modal-dialog .modal-content {
	border:none;
	border-radius:0;
	box-shadow:none;
	padding:0 1rem
}
.modal .modal-dialog .modal-content .modal-header {
	position:relative;
	padding:20px
}
.modal .modal-dialog .modal-content .modal-header .close {
	position:absolute;
	right:20px;
	top:20px;
	color:#999;
	opacity:1;
	font-size:28px;
	font-weight:normal
}
.modal .modal-dialog .modal-content .modal-header .close:before {
	display:inline-block;
	content:"关闭";
	font-size:14px;
	font-weight:normal;
	vertical-align:middle;
	margin-right:5px;
	margin-top:-5px
}
.modal .modal-dialog .modal-content .modal-header .modal-title {
	text-align:center
}
.modal .modal-dialog .modal-content .modal-body {
	padding:20px 0
}
.modal .modal-dialog .modal-content .modal-body .richtext {
	font-size:14px
}
html {
	-webkit-text-size-adjust:100%;
	font-size:16px;
	height:100%
}
body {
	font-family:"PT Sans", "Helvetica Neue", "Helvetica", "Arial", "sans-serif", 'Microsoft Yahei';
	margin:0;
	overflow-x:hidden;
	-webkit-font-smoothing:antialiased;
	height:100%;
	color:#333
}
p {
	line-height:1.8em
}
a {
	color:#333
}
a:hover {
	color:#e20413;
	text-decoration:none
}
.notfound {
	font-size:26px;
	font-weight:normal;
	padding:2em;
	color:#888
}
.divider {
	border-bottom:solid 1px #ddd;
	height:0;
	padding:0;
margin:.2rem 0
}
.ellipsis {
	line-height:1em;
	height:1em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.heading {
	margin-bottom:20px;
	padding:1em 0
}
.heading h1, .heading h2, .heading h3, .heading h4, .heading h5, .heading h6 {
	position:relative;
	margin:0;
	padding:0;
	vertical-align:middle
}
.heading.heading-bullet h1:before, .heading.heading-bullet h2:before, .heading.heading-bullet h3:before, .heading.heading-bullet h4:before, .heading.heading-bullet h5:before, .heading.heading-bullet h6:before {
	content:"";
	background:#ddd;
	display:inline-block;
	width:5px;
	height:1em;
	margin-right:.5em;
	margin-top:-0.15em;
	vertical-align:middle
}
.heading.heading-line {
	position:relative
}
.heading.heading-line h1, .heading.heading-line h2, .heading.heading-line h3, .heading.heading-line h4, .heading.heading-line h5, .heading.heading-line h6 {
	background:#fff;
	z-index:1;
	display:inline-block;
	padding:0 1em 0 0
}
.heading.heading-line:before {
	content:"";
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin-top:-1px;
	border-bottom:solid 1px #ddd;
	z-index:0
}
.heading.heading-line.text-left h1, .heading.heading-line.text-left h2, .heading.heading-line.text-left h3, .heading.heading-line.text-left h4, .heading.heading-line.text-left h5, .heading.heading-line.text-left h6 {
	padding:0 1em 0 0
}
.heading.heading-line.text-right h1, .heading.heading-line.text-right h2, .heading.heading-line.text-right h3, .heading.heading-line.text-right h4, .heading.heading-line.text-right h5, .heading.heading-line.text-right h6 {
	padding:0 0 0 1em
}
.heading.heading-line.text-center h1, .heading.heading-line.text-center h2, .heading.heading-line.text-center h3, .heading.heading-line.text-center h4, .heading.heading-line.text-center h5, .heading.heading-line.text-center h6 {
	padding:0 1em
}
.heading.heading-divider {
	border-bottom:solid 1px #ddd
}
.blockquote {
	margin:0 0 1rem 0;
	padding:0;
	font-size:1.2rem;
	border:none
}
.blockquote footer {
margin-top:.2rem;
	font-size:.8em;
	color:rgba(51, 51, 51, 0.6)
}
.blockquote footer:before {
	content:"\2014 \00A0"
}
.thumb {
	position:relative;
	margin:auto;
	text-align:center
}
.thumb img {
	max-width:100%;
	max-height:100%;
transition:all .3s ease-in-out
}
.thumb.ani-mask {
	overflow:hidden
}
.thumb.ani-mask img {
transition:all .15s ease-in-out
}
.thumb.ani-mask:before {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	top:0;
	content:" ";
	z-index:1;
	background:rgba(0, 0, 0, 0.6);
	opacity:0;
	transform:scale(0, 0);
transition:all .15s ease-in-out
}
.thumb.ani-mask:after {
	position:absolute;
	left:50%;
	top:50%;
	z-index:1;
	content:"查看详情";
	padding:.4em 1.5em;
	border:solid 1px #fff;
	font-size:16px;
	color:#fff;
	opacity:0;
transition:all .2s ease-in-out;
	transform:translate(-50%, -50%)
}
.thumb.ani-mask:hover:before {
	opacity:1;
	transform:scale(1, 1)
}
.thumb.ani-mask:hover:after {
	opacity:1
}
.thumb.ani-mask:hover img {
	transform:scale(1.1, 1.1)
}
.thumb.cover {
	padding-bottom:60%;
	overflow:hidden
}
.thumb.cover img {
	position:absolute;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
transition:all .3s ease-in-out;
	min-width:100%;
	min-height:100%;
	max-width:120%;
	max-height:120%
}
.thumb.cover:before {
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	z-index:2;
	background:rgba(0, 0, 0, 0.1);
	content:"";
	opacity:0;
transition:all .3s ease-in-out
}
.thumb.cover:hover:before {
	opacity:1
}
.card {
	margin-bottom:2rem
}
.card .card-heading {
	background:#fff;
	position:relative;
	padding:1rem 2rem;
	font-size:18px;
margin-bottom:.5rem
}
.card .card-heading img {
	vertical-align:middle;
	margin-right:5px
}
.card .card-heading .more {
	float:right;
	margin-top:2px;
	font-size:14px;
	color:#888
}
.card .card-heading .more:after {
	content:"";
	display:inline-block;
	padding:0;
	margin-left:.5em;
	width:0;
	height:0;
	border-top:6px solid transparent;
	border-left:6px solid #888;
	border-bottom:6px solid transparent
}
.card .card-heading .breadcrumb {
	font-size:12px;
	border:none;
	margin:0;
	margin-top:-5px
}
.card .card-heading:before {
	position:absolute;
	top:0;
	left:0;
	content:"";
	border-top:15px solid #e20413;
	border-right:15px solid transparent
}
.card .card-thumb img {
	max-width:100%
}
.card .card-body {
	padding:2rem;
	background:#fff
}
.card .card-list {
	list-style:none;
	padding:0;
	background:#fff
}
.card .card-list li a {
	display:block;
	padding:1.2rem 2rem;
	font-size:16px
}
.card .card-list li.active {
	background:#f9f9f9
}
.card.card-primary .card-heading {
	margin:0;
	background:#e20413;
	color:#fff
}
.advert {
	white-space:nowrap
}
.advert .advert-kv {
	display:inline-block
}
.advert .advert-kv img {
	max-width:100%;
	max-height:100%
}
.swiper {
	position:relative;
	overflow:hidden;
	z-index:0
}
.swiper .swiper-slide {
	overflow:hidden
}
.swiper .swiper-container {
	position:static;
	height:100%
}
.swiper .swiper-button-prev, .swiper .swiper-button-next {
	background:none;
	top:0;
	left:0;
	bottom:0;
	height:100%;
	width:80px;
	margin:0;
	padding:0 15px;
	opacity:.4;
	-webkit-user-select:none;
	user-select:none;
transition:all .15s ease-in-out
}
.swiper .swiper-button-prev:before, .swiper .swiper-button-next:before {
	position:absolute;
	top:50%;
	left:50%;
	z-index:1;
	content:" ";
	display:block;
	width:30px;
	height:30px;
	border:solid rgba(255, 255, 255, 0.6);
	border-width:0 0 2px 2px;
	transform:translate(-25%, -50%) rotate(45deg)
}
.swiper .swiper-button-prev:hover, .swiper .swiper-button-next:hover {
	background:linear-gradient(to right, rgba(0, 0, 0, 0.6) 0, rgba(0, 0, 0, 0.00001) 100%);
	opacity:.7
}
.swiper .swiper-button-next {
	left:auto;
	right:0;
	transform:rotate(-180deg)
}
.swiper .swiper-pagination .swiper-pagination-bullet {
	border:solid 1px #000;
	background:#000
}
.swiper .swiper-pagination .swiper-pagination-bullet-active {
	background:#e20413;
	border-color:#e20413
}
.lightbox-open {
	overflow:hidden
}
.lightbox {
	position:fixed;
	top:0;
	bottom:0;
	left:0;
	right:0;
	height:100%;
	z-index:99999;
	user-select:none;
	-webkit-user-select:none
}
.lightbox .lightbox-mask {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.95)
}
.lightbox .lightbox-container, .lightbox .swiper {
	height:100%
}
.lightbox .lightbox-container img, .lightbox .swiper img, .lightbox .lightbox-container svg, .lightbox .swiper svg, .lightbox .lightbox-container video, .lightbox .swiper video {
	position:absolute;
	max-width:100%;
	max-height:100%;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
	background:#000
}
.lightbox .lightbox-container video, .lightbox .swiper video {
	min-width:600px;
	min-height:400px;
	max-height:80%;
	max-width:80%
}
.lightbox .lightbox-container .swiper-slide, .lightbox .swiper .swiper-slide {
	position:relative
}
.lightbox .lightbox-close {
	position:absolute;
	right:2rem;
	top:2rem;
	width:1em;
	height:1em;
	z-index:99999;
	display:block;
	font-size:30px;
	cursor:pointer;
transition:all .2s linear
}
.lightbox .lightbox-close:before {
	content:" ";
	position:absolute;
	left:5%;
	right:5%;
	top:50%;
	border-bottom:solid 1px #fff;
	transform:rotate(-45deg)
}
.lightbox .lightbox-close:after {
	content:" ";
	position:absolute;
	left:5%;
	right:5%;
	top:50%;
	border-bottom:solid 1px #fff;
	transform:rotate(45deg)
}
.lightbox .lightbox-close:hover {
	transform:rotate(180deg)
}
.lightbox .lightbox-loading {
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	width:1em;
	height:1em;
	margin-left:-0.5em;
	margin-top:-0.5em;
	border-top:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	border-left:1px solid #000;
	border-radius:50%;
	animation:spinner 700ms infinite linear;
	zoom:1;
	font-size:30px
}
.gallery {
	position:relative;
	overflow:hidden;
	margin-bottom:3rem
}
.gallery .gallery-preview {
	display:block;
	height:500px;
	line-height:498px;
	border:solid 1px #ddd;
margin-bottom:.5rem;
	text-align:center;
	overflow:hidden
}
.gallery .gallery-preview img {
	width:100%;
	max-height:none
}
.gallery .gallery-pager {
	position:relative;
	overflow:hidden;
	padding:0 30px;
	height:100px
}
.gallery .gallery-pager .gallery-pager-list {
	position:absolute;
	list-style:none;
	padding:0;
	width:500%;
transition:all .3s ease-in-out
}
.gallery .gallery-pager .gallery-pager-list li {
	float:left
}
.gallery .gallery-pager .gallery-pager-list li a {
	border:solid 2px #ddd;
	display:block;
	margin:0 5px;
	padding:2px;
	height:100px;
	line-height:90px;
	overflow:hidden;
	text-align:center;
transition:all .15s ease-in-out
}
.gallery .gallery-pager .gallery-pager-list li a img {
	max-width:100%;
	max-height:100%
}
.gallery .gallery-pager .gallery-pager-list li a.active {
	border-color:#930505
}
.gallery .gallery-pager .gallery-pager-prev, .gallery .gallery-pager .gallery-pager-next {
	position:absolute;
	top:0;
	bottom:0;
	width:25px;
	background:#ddd;
	text-indent:-500%;
	overflow:hidden;
	cursor:pointer;
	user-select:none;
	-webkit-user-select:none
}
.gallery .gallery-pager .gallery-pager-prev:before, .gallery .gallery-pager .gallery-pager-next:before {
	position:absolute;
	top:50%;
	left:50%;
	font:normal normal normal 30px/1 FontAwesome;
	width:1em;
	height:1em;
	margin-top:-0.5em;
	margin-left:-0.5em;
	text-indent:0;
	text-align:center
}
.gallery .gallery-pager .gallery-pager-prev.disabled:before, .gallery .gallery-pager .gallery-pager-next.disabled:before {
	opacity:.2
}
.gallery .gallery-pager .gallery-pager-prev {
	left:0
}
.gallery .gallery-pager .gallery-pager-prev:before {
	content:"\f104"
}
.gallery .gallery-pager .gallery-pager-next {
	right:0
}
.gallery .gallery-pager .gallery-pager-next:before {
	content:"\f105"
}
.pagination {
	text-align:center
}
.pagination li a {
	border:none;
	margin:0 6px
}
.pagination li a.next-page, .pagination li a.prev-page {
	background:none
}
.pagination li a.next-page:hover, .pagination li a.prev-page:hover {
	background:rgba(226, 4, 19, 0.9);
	color:#fff
}
.pagination li a, .pagination li span {
	padding:4px 10px;
	color:#333
}
.pagination li.active a, .pagination li.active span {
	border-color:#e20413;
	background:#e20413;
	font-weight:bold;
	color:#fff
}
.pagination li:first-child a, .pagination li:last-child a {
	border-radius:0
}
.animate {
	-webkit-animation-duration:1s;
	animation-duration:1s;
	-webkit-animation-fill-mode:both;
	animation-fill-mode:both;
	-webkit-animation-play-state:paused;
	animation-play-state:paused;
	-webkit-animation-name:def;
	animation-name:def
}
.animate.play {
	animation-play-state:running;
	-webkit-animation-play-state:running
}
.animate.in {
	animation-direction:normal
}
.animate.out {
	animation-direction:reverse
}
.animate.fade {
	-webkit-animation-name:fade;
	animation-name:fade
}
.animate.fade.up {
	-webkit-animation-name:fadeUp;
	animation-name:fadeUp
}
.animate.fade.down {
	-webkit-animation-name:fadeDown;
	animation-name:fadeDown
}
.animate.fade.left {
	-webkit-animation-name:fadeLeft;
	animation-name:fadeLeft
}
.animate.fade.right {
	-webkit-animation-name:fadeRight;
	animation-name:fadeRight
}
.animate.bounce {
	-webkit-animation-name:bounce;
	animation-name:bounce;
	-webkit-transform-origin:center bottom;
	transform-origin:center bottom
}
.animate.bounce.up {
	-webkit-animation-name:bounceUp;
	animation-name:bounceUp
}
.animate.bounce.down {
	-webkit-animation-name:bounceDown;
	animation-name:bounceDown
}
.animate.bounce.left {
	-webkit-animation-name:bounceLeft;
	animation-name:bounceLeft
}
.animate.bounce.right {
	-webkit-animation-name:bounceRight;
	animation-name:bounceRight
}
.animate.spinner {
	-webkit-animation-name:spinner;
	animation-name:spinner
}
.animate.flash {
	-webkit-animation-name:flash;
	animation-name:flash
}
.animate.zoom {
	-webkit-animation-name:zoom;
	animation-name:zoom
}
.animate.shake {
	-webkit-animation-name:shake;
	animation-name:shake
}
.animate.tada {
	-webkit-animation-name:tada;
	animation-name:tada
}
@keyframes spinner {
0% {
transform:rotate(0deg)
}
100% {
transform:rotate(360deg)
}
}
@keyframes def {
0% {
opacity:0
}
}
@keyframes fade {
0% {
opacity:0
}
100% {
opacity:1
}
}
@keyframes fadeUp {
0% {
opacity:0;
-webkit-transform:translate3d(0, 100px, 0);
transform:translate3d(0, 100px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeDown {
0% {
opacity:0;
-webkit-transform:translate3d(0, -100px, 0);
transform:translate3d(0, -100px, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeLeft {
0% {
opacity:0;
-webkit-transform:translate3d(-150px, 0, 0);
transform:translate3d(-150px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes fadeRight {
0% {
opacity:0;
-webkit-transform:translate3d(150px, 0, 0);
transform:translate3d(150px, 0, 0)
}
100% {
opacity:1;
-webkit-transform:none;
transform:none
}
}
@keyframes bounce {
0%, 20%, 40%, 60%, 80%, 100% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
20% {
-webkit-transform:scale3d(1.1, 1.1, 1.1);
transform:scale3d(1.1, 1.1, 1.1)
}
40% {
-webkit-transform:scale3d(.9, .9, .9);
transform:scale3d(.9, .9, .9)
}
60% {
opacity:1;
-webkit-transform:scale3d(1.03, 1.03, 1.03);
transform:scale3d(1.03, 1.03, 1.03)
}
80% {
-webkit-transform:scale3d(.97, .97, .97);
transform:scale3d(.97, .97, .97)
}
100% {
opacity:1;
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
@keyframes bounceUp {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, 3000px, 0);
transform:translate3d(0, 3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, -20px, 0);
transform:translate3d(0, -20px, 0)
}
75% {
-webkit-transform:translate3d(0, 10px, 0);
transform:translate3d(0, 10px, 0)
}
90% {
-webkit-transform:translate3d(0, -5px, 0);
transform:translate3d(0, -5px, 0)
}
100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
}
@keyframes bounceDown {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(0, -3000px, 0);
transform:translate3d(0, -3000px, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(0, 25px, 0);
transform:translate3d(0, 25px, 0)
}
75% {
-webkit-transform:translate3d(0, -10px, 0);
transform:translate3d(0, -10px, 0)
}
90% {
-webkit-transform:translate3d(0, 5px, 0);
transform:translate3d(0, 5px, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceLeft {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(-3000px, 0, 0);
transform:translate3d(-3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(25px, 0, 0);
transform:translate3d(25px, 0, 0)
}
75% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
90% {
-webkit-transform:translate3d(5px, 0, 0);
transform:translate3d(5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes bounceRight {
0%, 60%, 75%, 90%, 100% {
-webkit-transition-timing-function:cubic-bezier(.215, .61, .355, 1);
transition-timing-function:cubic-bezier(.215, .61, .355, 1)
}
0% {
opacity:0;
-webkit-transform:translate3d(3000px, 0, 0);
transform:translate3d(3000px, 0, 0)
}
60% {
opacity:1;
-webkit-transform:translate3d(-25px, 0, 0);
transform:translate3d(-25px, 0, 0)
}
75% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
90% {
-webkit-transform:translate3d(-5px, 0, 0);
transform:translate3d(-5px, 0, 0)
}
100% {
-webkit-transform:none;
transform:none
}
}
@keyframes flash {
0%, 50%, 100% {
opacity:1
}
25%, 75% {
opacity:0
}
}
@keyframes zoom {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes shake {
0%, 100% {
-webkit-transform:translate3d(0, 0, 0);
transform:translate3d(0, 0, 0)
}
10%, 30%, 50%, 70%, 90% {
-webkit-transform:translate3d(-10px, 0, 0);
transform:translate3d(-10px, 0, 0)
}
20%, 40%, 60%, 80% {
-webkit-transform:translate3d(10px, 0, 0);
transform:translate3d(10px, 0, 0)
}
}
@keyframes tada {
0% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
10%, 20% {
-webkit-transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
transform:scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
}
30%, 50%, 70%, 90% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
}
40%, 60%, 80% {
-webkit-transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
transform:scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
}
100% {
-webkit-transform:scale3d(1, 1, 1);
transform:scale3d(1, 1, 1)
}
}
.sto-header {
	padding:10px 0
}
.sto-header .container {
	position:relative
}
.sto-header .logo {
	position:relative;
	display:inline-block;
	height:70px
}
.sto-header .logo img {
	height:100%
}
.sto-header .form-search {
	position:absolute;
	top:10px;
	right:10px
}
.sto-header .form-search .input-group {
	border-radius:30px;
	background:#cfcfcf;
	overflow:hidden
}
.sto-header .form-search .input-group:hover .form-control, .sto-header .form-search .input-group.active .form-control {
	width:180px;
	padding:8px 15px
}
.sto-header .form-search .input-group .form-control:focus {
	width:180px;
	padding:8px 15px
}
.sto-header .form-search .input-group .form-control, .sto-header .form-search .input-group .btn {
transition:all .2s ease-in-out;
	border:none;
	background:none;
	box-shadow:none;
	font-size:16px;
	padding:8px 15px;
	height:auto
}
.sto-header .form-search .input-group .form-control {
	padding:8px 0;
	width:0
}
.sto-header .form-search .input-group .btn {
	padding:6px 11px;
	font-size:18px;
	color:#fff
}
.sto-navbar {
	background:rgba(226, 4, 19, 0.8)
}
.sto-navbar .nav {
	margin:0
}
.sto-navbar .nav>li {
	float:left;
	width:12.5%
}
.sto-navbar .nav>li>a {
	display:block;
	font-size:16px;
	padding:19px 0 15px 0;
	text-align:center;
	color:#fff;
	border-bottom:solid 4px;
	border-color:transparent
}
.sto-navbar .nav>li.active>a, .sto-navbar .nav>li.active:hover>a {
	background:rgba(0, 0, 0, 0.1);
	border-color:#e20413
}
.sto-navbar .nav>li:hover>a {
	background:rgba(0, 0, 0, 0.1)
}
.sto-navbar .nav>li.has-childs .submenu {
	position:absolute;
	left:0;
	z-index:-1;
	opacity:0;
	list-style:none;
	padding:.5em 0;
	min-width:100%;
	background:rgba(0, 0, 0, 0.9);
	box-shadow:0 0 5px rgba(0, 0, 0, 0.5);
transition:transform .1s ease-in-out;
	transform:translateY(20px)
}
.sto-navbar .nav>li.has-childs .submenu>li>a {
	display:block;
	color:rgba(255, 255, 255, 0.8);
	text-align:center;
	font-size:14px;
	padding:.5em;
	white-space:nowrap
}
.sto-navbar .nav>li.has-childs .submenu>li>a:hover, .sto-navbar .nav>li.has-childs .submenu>li>a.active {
	background:rgba(226, 4, 19, 0.8)
}
.sto-navbar .nav>li.has-childs .submenu:before {
	position:absolute;
	top:0;
	left:50%;
	content:" ";
	width:0;
	margin-top:-20px;
	margin-left:-10px;
	border:solid 10px transparent;
	border-bottom:10px solid #000
}
.sto-navbar .nav>li.has-childs.open .submenu, .sto-navbar .nav>li.has-childs:hover .submenu {
	opacity:1;
	transform:translateY(0);
	z-index:9999
}
.sto-banner {
	display:none;
	position:relative;
	background:#000;
	overflow-x:hidden;
	width:100%
}
.sto-banner img {
	position:relative;
	margin-left:50%;
	transform:translateX(-960px)
}
.sto-banner .second-menu {
	position:absolute;
	left:0;
	right:0;
	top:0;
	background:rgba(0, 0, 0, 0.6)
}
.sto-banner .second-menu ul {
	list-style:none;
	padding:0;
	margin:0 auto;
	overflow:hidden
}
.sto-banner .second-menu ul>li {
	float:left;
	width:50%
}
.sto-banner .second-menu ul>li>a {
	display:block;
	padding:2em 2em;
	font-size:24px;
	text-align:center;
	color:rgba(255, 255, 255, 0.7)
}
.sto-banner .second-menu ul>li>a:before {
	font-family:iconfont;
	font-size:150%;
	vertical-align:middle;
	margin-right:.3em
}
.sto-banner .second-menu ul>li>a:hover {
	color:#fff;
	background:rgba(226, 4, 19, 0.5)
}
.sto-banner .second-menu ul>li.active>a {
	background:rgba(0, 0, 0, 0.8);
	color:#fff
}
.sto-banner .second-menu ul>li:nth-child(1)>a:before {
content:"\e6d2"
}
.sto-banner .second-menu ul>li:nth-child(2)>a:before {
content:"\e6d1"
}
.sto-banner .third-menu {
	background:#e8e8e8
}
.sto-banner .third-menu ul {
	padding:0;
	margin:0 auto;
	list-style:none;
	text-align:center
}
.sto-banner .third-menu ul>li {
	display:inline-block
}
.sto-banner .third-menu ul>li>a {
	display:block;
	padding:1em 3em;
	font-size:16px
}
.sto-banner .third-menu ul>li.active>a, .sto-banner .third-menu ul>li.active:hover>a {
	background:#930505;
	color:#fff
}
.sto-banner .third-menu ul>li:hover>a {
	background:rgba(0, 0, 0, 0.1)
}
.sto-mainbody {
	min-height:500px;
	padding:3rem 0;
	background:#ebebeb
}
.sto-footer {
	background:#22262f;
	color:rgba(255, 255, 255, 0.8)
}
.sto-footer a {
	color:rgba(255, 255, 255, 0.8)
}
.sto-footer a:hover {
	color:#fff
}
.sto-footer .bottom-nav {
	overflow:hidden
}
.sto-footer .bottom-nav dl {
	float:left;
	width:12%;
	height:275px;
	margin:0;
	margin-right:1rem;
	padding:3rem 0;
	border-right:solid 1px rgba(255, 255, 255, 0.1)
}
.sto-footer .bottom-nav dl dt {
	font-size:16px;
margin-bottom:.8rem
}
.sto-footer .bottom-nav dl dd {
	line-height:2em;
	font-size:14px
}
.sto-footer .bottom-nav dl dd a {
	color:rgba(255, 255, 255, 0.6)
}
.sto-footer .bottom-nav dl dd .hotline {
	font-size:24px;
	margin-bottom:1rem
}
.sto-footer .bottom-nav dl dd .social-media a {
	display:inline-block;
	width:30px;
	height:30px;
	border-radius:100%;
	background:rgba(255, 255, 255, 0.5);
	font-size:16px;
	text-align:center;
	color:rgba(0, 0, 0, 0.7);
margin-right:.5rem
}
.sto-footer .bottom-nav dl:last-child {
	margin:0;
	border:none;
	width:18%
}
.sto-footer .copyright {
	background:#e20413;
	padding:1.5rem 0;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.sto-footer .copyright .links {
	margin-bottom:8px
}
.sto-footer .copyright .links ul {
	list-style:none;
	padding:0;
	margin:0;
	display:flex;
	justify-content:center
}
.sto-footer .copyright .links ul li a {
	display:block;
	opacity:.8;
	margin-right:15px
}
.sto-fixed-menu {
	position:fixed;
	right:10px;
	bottom:10px;
	display:none;
	z-index:999
}
.sto-fixed-menu a {
	display:block;
	width:40px;
	height:40px;
	line-height:40px;
	margin-bottom:5px;
	background:#ddd;
	text-align:center;
	border-radius:3px
}
.sto-fixed-menu a .fa {
	margin-top:6px;
	font-size:28px;
	color:rgba(0, 0, 0, 0.3)
}
.sto-fixed-menu a:hover {
	background:#e20413
}
.sto-fixed-menu a:hover .fa {
	color:#fff
}
.page-about-index .sto-mainbody .table tbody>tr>td {
	font-size:14px
}
.page-about-intro .sto-mainbody .richtext {
	font-size:14px;
	color:#555
}
.page-about-intro .sto-mainbody .dashboard {
	background:#f9f9f9;
	padding:2rem;
	margin:2rem 0;
	overflow:hidden
}
.page-about-intro .sto-mainbody .dashboard dl {
	float:left;
	width:33%;
	text-align:center;
	margin:0;
	border-right:solid 1px #ddd
}
.page-about-intro .sto-mainbody .dashboard dl dt {
	margin-bottom:1rem;
	font-weight:normal
}
.page-about-intro .sto-mainbody .dashboard dl dd {
	font-size:20px
}
.page-about-intro .sto-mainbody .dashboard dl dd big {
	font-family:'Trump';
	font-size:64px;
	font-weight:bold;
	color:#e20413;
	margin-right:1rem
}
.page-about-intro .sto-mainbody .dashboard dl:last-child {
	border:none
}
.page-our-work .sto-mainbody .datalist .dataitem {
	overflow:hidden;
	display:block;
	background:#fff;
	margin-bottom:1.5rem;
transition:all .3s ease-in-out
}
.page-our-work .sto-mainbody .datalist .dataitem:nth-child(even) .thumb {
float:right
}
.page-our-work .sto-mainbody .datalist .dataitem:nth-child(even) .info {
float:left
}
.page-our-work .sto-mainbody .datalist .dataitem:hover .thumb img {
	transform:scale(1.05, 1.05)
}
.page-our-work .sto-mainbody .datalist .dataitem .thumb {
	width:44%;
	float:left;
	overflow:hidden
}
.page-our-work .sto-mainbody .datalist .dataitem .thumb img {
transition:all .3s ease-in-out;
	max-width:100%
}
.page-our-work .sto-mainbody .datalist .dataitem .info {
	width:56%;
	float:right;
	padding:4rem
}
.page-our-work .sto-mainbody .datalist .dataitem .info .title {
	font-size:24px;
	font-weight:bold;
	margin-bottom:1rem
}
.page-our-work .sto-mainbody .datalist .dataitem .info .summary {
	font-size:16px;
	line-height:1.8em;
	height:3.2em;
	overflow:hidden;
	color:#999;
	margin-bottom:1rem
}
.page-our-work .sto-mainbody .datalist .dataitem .info .btn-primary {
	position:relative;
	border-radius:0
}
.page-our-work .sto-mainbody .datalist .dataitem .info .btn-primary:after {
	position:absolute;
	right:-18px;
	top:-1px;
	content:"";
	display:inline-block;
	padding:0;
	margin-left:.5em;
	width:0;
	height:0;
	border-top:17px solid transparent;
	border-left:17px solid #e20413;
	border-bottom:17px solid transparent
}
.page-our-work .sto-mainbody .datalist .dataitem .info .btn-primary:hover:after {
	border-left-color:#c90411
}
.page-article-list .sto-mainbody .datalist {
	margin:0 -2rem
}
.page-article-list .sto-mainbody .datalist .dataitem {
	position:relative;
	display:block;
	padding:2em;
	padding-left:120px;
	border-bottom:solid 1px #d5d5d5;
	overflow:hidden;
transition:all .2s ease-in-out
}
.page-article-list .sto-mainbody .datalist .dataitem:hover {
	background:rgba(51, 51, 51, 0.8);
	color:#fff
}
.page-article-list .sto-mainbody .datalist .dataitem:hover .info>.date, .page-article-list .sto-mainbody .datalist .dataitem:hover .info>.date>big, .page-article-list .sto-mainbody .datalist .dataitem:hover .info>.summary {
	color:#fff
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child {
	padding:2rem;
	padding-bottom:4rem
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child:hover {
	background:none;
	color:#333
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child:hover .info>.date, .page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child:hover .info>.date>big, .page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child:hover .info>.summary {
	color:#888
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child:hover .info>.date>big {
	color:rgba(0, 0, 0, 0.5)
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child:hover .info>.more {
	color:#e20413
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .thumb {
	float:left;
	display:block;
	max-width:45%
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info {
	max-width:55%;
	padding-left:2rem
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info .title {
	padding-right:1rem
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info .date {
	position:static;
	border:none;
	text-align:left;
	margin-bottom:2rem;
	width:auto;
	display:inline-block
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info .summary {
	height:5.4em;
	margin-bottom:1.5rem
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info .more {
	position:static
}
.page-article-list .sto-mainbody .datalist .dataitem .thumb {
	display:none
}
.page-article-list .sto-mainbody .datalist .dataitem .info {
	overflow:hidden;
	float:left
}
.page-article-list .sto-mainbody .datalist .dataitem .info .date {
	position:absolute;
	left:0;
	text-align:center;
	width:100px;
	border-right:solid 1px #d5d5d5;
	color:rgba(0, 0, 0, 0.5)
}
.page-article-list .sto-mainbody .datalist .dataitem .info .date big {
	font-family:"Arial";
	font-weight:bold;
	display:block;
	font-size:36px;
	color:rgba(0, 0, 0, 0.3)
}
.page-article-list .sto-mainbody .datalist .dataitem .info .title {
	font-weight:bold;
	font-size:16px;
	margin-bottom:1rem;
	padding-right:3rem;
	height:1em;
	line-height:1em;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap
}
.page-article-list .sto-mainbody .datalist .dataitem .info .summary {
	font-size:14px;
	line-height:1.8em;
	height:3.6em;
	color:#888;
	overflow:hidden
}
.page-article-list .sto-mainbody .datalist .dataitem .info .more {
	position:absolute;
	right:2rem;
	top:2rem;
	color:#888
}
.page-article-detail .sto-mainbody .richtext .heading h1 {
	margin-bottom:1rem;
	padding:0 3rem;
	line-height:1.4em
}
.page-article-detail .sto-mainbody .richtext .postdate {
	margin-bottom:4rem;
	text-align:center;
	color:#8d8d8d
}
.page-article-detail .sto-mainbody .richtext .postdate .share {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-left:2rem;
	padding-left:4rem
}
.page-article-detail .sto-mainbody .richtext .postdate .share:before {
	content:"分享到：";
	position:absolute;
	left:0
}
.page-download-list .sto-mainbody .datalist {
	margin:0 -2rem;
	margin-bottom:4rem
}
.page-download-list .sto-mainbody .datalist .dataitem {
	display:block;
	position:relative;
padding:.8rem 2rem;
	padding-right:3rem;
	border-bottom:solid 1px #ddd
}
.page-download-list .sto-mainbody .datalist .dataitem .more {
	position:absolute;
	right:2rem;
top:.8rem;
	color:#b3b3b3
}
.page-download-list .sto-mainbody .datalist .dataitem:hover {
	background:#333;
	color:#fff
}
.page-download-list .sto-mainbody .datalist .dataitem:hover .more {
	color:#fff
}
.page-about-affiliates .sto-mainbody .affiliates-list {
	margin:0 -2rem
}
.page-about-affiliates .sto-mainbody .affiliates-list dl {
	border-bottom:solid 1px #ddd;
	margin:0
}
.page-about-affiliates .sto-mainbody .affiliates-list dl dt {
	position:relative;
transition:all .2s ease-in-out;
	padding:1rem 2rem;
	cursor:pointer
}
.page-about-affiliates .sto-mainbody .affiliates-list dl dt a {
	display:block
}
.page-about-affiliates .sto-mainbody .affiliates-list dl dt:after {
	transition:all .15 ease-in-out;
	position:absolute;
	right:2rem;
	top:14px;
	width:20px;
	height:20px;
	border-radius:100%;
	background:#ddd;
	content:""
}
.page-about-affiliates .sto-mainbody .affiliates-list dl dt:before {
	transition:all .15 ease-in-out;
	position:absolute;
	right:37px;
	top:16px;
	font:normal normal normal 18px/1 FontAwesome;
	content:"\f0d7";
	z-index:1;
	color:#fff
}
.page-about-affiliates .sto-mainbody .affiliates-list dl dd {
transition:all .15s ease-in-out;
	padding:0 2rem;
	height:0;
	line-height:1.8em;
	overflow:hidden
}
.page-about-affiliates .sto-mainbody .affiliates-list dl.active dt {
	background:#333;
	color:#fff
}
.page-about-affiliates .sto-mainbody .affiliates-list dl.active dt:after {
	background:#fff
}
.page-about-affiliates .sto-mainbody .affiliates-list dl.active dt:before {
	top:14px;
	color:#333;
	transform:rotate(-180deg)
}
.page-about-affiliates .sto-mainbody .affiliates-list dl.active dd {
	height:auto;
	padding:1rem 2rem;
	background:#f9f9f9
}
.page-video-list .sto-mainbody .datalist {
	list-style:none;
	padding:0;
	overflow:hidden
}
.page-video-list .sto-mainbody .datalist li {
	float:left;
	width:50%;
	padding:10px;
	margin-bottom:1rem
}
.page-video-list .sto-mainbody .datalist li .dataitem {
	display:block
}
.page-video-list .sto-mainbody .datalist li .dataitem .thumb {
	position:relative;
	padding-bottom:60%;
	margin-bottom:1rem
}
.page-video-list .sto-mainbody .datalist li .dataitem .thumb:before {
	position:absolute;
	z-index:2;
	left:50%;
	top:50%;
	font-family:"FontAwesome";
	content:"\f04b";
	color:#fff;
	font-size:32px;
	padding-left:2px;
	transform:translate(-50%, -50%);
	width:64px;
	height:64px;
	line-height:60px;
	border:solid 3px #fff;
	border-radius:100%;
	opacity:.7;
transition:all .3s ease-in-out
}
.page-video-list .sto-mainbody .datalist li .dataitem .thumb:after {
	position:absolute;
	content:"";
	z-index:1;
	left:0;
	right:0;
	top:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.2);
	opacity:0;
transition:all .3s ease-in-out
}
.page-video-list .sto-mainbody .datalist li .dataitem .thumb img {
	width:100%
}
.page-video-list .sto-mainbody .datalist li .dataitem .title {
	font-size:1.2rem;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
margin-bottom:.8rem
}
.page-video-list .sto-mainbody .datalist li .dataitem .date {
	color:#b3b3b3;
margin-bottom:.8rem
}
.page-video-list .sto-mainbody .datalist li .dataitem .date span {
	margin-right:2rem
}
.page-video-list .sto-mainbody .datalist li .dataitem .date .fa {
	color:#e20413;
margin-right:.2rem
}
.page-video-list .sto-mainbody .datalist li .dataitem .summary {
	color:#b3b3b3;
	line-height:1.6em;
	height:3.2em;
	overflow:hidden
}
.page-video-list .sto-mainbody .datalist li .dataitem:hover .thumb:before, .page-video-list .sto-mainbody .datalist li .dataitem:hover .thumb:after {
	opacity:1
}
.page-video-list .sto-mainbody .datalist li:first-child {
	width:100%
}
.page-video-detail .sto-mainbody .richtext .heading h1 {
	margin-bottom:1rem;
	padding:0 3rem;
	line-height:1.4em
}
.page-video-detail .sto-mainbody .richtext .postdate {
	margin-bottom:4rem;
	text-align:center;
	color:#8d8d8d
}
.page-video-detail .sto-mainbody .richtext .postdate .share {
	position:relative;
	display:inline-block;
	vertical-align:middle;
	margin-left:2rem;
	padding-left:4rem
}
.page-video-detail .sto-mainbody .richtext .postdate .share:before {
	content:"分享到：";
	position:absolute;
	left:0
}
.page-contact .sto-mainbody {
	position:relative;
	margin:0;
	padding:0;
	background:none
}
.page-contact .sto-mainbody .container {
	position:relative
}
.page-contact .sto-mainbody .contact-info {
/* 	position:absolute;
	top:150px;
	right:0; */
	margin: 20px auto;
	width:100%;
	z-index:1;
	background:rgba(255, 255, 255, 0.8)
}
.page-contact .sto-mainbody .contact-info dt {
	background:#e20413;
	color:#fff;
	padding:1rem 1.5rem
}
.page-contact .sto-mainbody .contact-info dd {
	border-bottom:solid 1px #f0f0f0;
	padding:1rem 1.5rem
}
.page-project-list .datalist {
	margin:0 -2rem
}
.page-project-list .datalist .dataitem {
	position:relative;
	padding:1rem 2rem;
	overflow:hidden;
	border-bottom:solid 1px #f0f0f0
}
.page-project-list .datalist .dataitem .title {
	font-size:1.2rem;
	margin-bottom:1rem
}
.page-project-list .datalist .dataitem .text {
	margin-bottom:1rem;
	line-height:1.5em;
	color:rgba(0, 0, 0, 0.7)
}
.page-project-list .datalist .dataitem .text .thumb {
	float:left;
	display:block;
	margin-right:15px
}
.page-project-list .datalist .dataitem .text .thumb img {
	max-width:220px
}
.page-project-list .datalist .dataitem .text .summary {
	overflow:hidden;
	line-height:1.8em;
	font-size:.95em;
	color:#888
}
.page-project-list .datalist .dataitem .btn-primary {
	position:absolute;
	right:2rem;
padding:5px .8rem;
	border-radius:0;
	border:none
}
.page-project-list .datalist .dataitem .btn-primary:after {
	position:absolute;
	right:-10px;
	top:0;
	content:"";
	width:0;
	height:0;
	border-top:15px solid transparent;
	border-left:10px solid #e20413;
	border-bottom:15px solid transparent
}
.page-project-list .datalist .dataitem .btn-primary:hover {
	background:#b0030f
}
.page-project-list .datalist .dataitem .btn-primary:hover:after {
	border-left-color:#b0030f
}
.page-donate-pay .payments {
	overflow:hidden;
	list-style:none;
	padding:0;
	margin:0
}
.page-donate-pay .payments li {
	float:left;
padding:.5rem 1.5rem;
	margin-right:10px;
	border:solid 1px #ccc;
	border-radius:4px;
	position:relative;
	overflow:hidden
}
.page-donate-pay .payments li img {
	height:40px
}
.page-donate-pay .payments li.active {
	background:#e6e6e6;
	border-color:#3b99fc
}
.page-donate-pay .payments li.active:before {
	position:absolute;
	right:0;
	bottom:0;
	font-family:"FontAwesome";
	content:"\f00c";
	color:#fff;
	width:20px;
	height:20px;
	background:#3b99fc;
	text-align:center
}
.page-donate-pay .form-horizontal {
	border:solid 1px #ccc;
	position:relative
}
.page-donate-pay .form-horizontal:before {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	background:#e6e6e6;
	content:"";
	width:12em
}
.page-donate-pay .form-horizontal .form-group {
	border-bottom:solid 1px #ccc;
	padding:10px 10em 10px 13em;
	margin:0
}
.page-train .sto-mainbody .f1, .page-train .sto-mainbody .f2 {
	border-bottom:solid 1px #ddd;
	margin-bottom:1.5rem;
	padding-bottom:1rem
}
.page-train .sto-mainbody .f1 .text h3, .page-train .sto-mainbody .f2 .text h3 {
	font-size:20px;
	margin:0;
	margin-bottom:10px
}
.page-train .sto-mainbody .f1 .text p, .page-train .sto-mainbody .f2 .text p {
	color:#666
}
.page-train .sto-mainbody .f1 .form, .page-train .sto-mainbody .f2 .form {
	background:#f2f2f2;
	padding:15px 0 0 0;
	margin:15px 0
}
.page-train .sto-mainbody .f1 .form .form-control, .page-train .sto-mainbody .f2 .form .form-control {
	border-radius:0;
	font-size:16px;
	height:auto;
	padding:8px 1rem
}
.page-train .sto-mainbody .f1 .form .btn, .page-train .sto-mainbody .f2 .form .btn {
	position:relative;
	display:block;
	border-radius:0;
	font-size:16px;
	height:auto;
	padding:8px 5px 8px 15px;
	border:none
}
.page-train .sto-mainbody .f1 .form .btn:after, .page-train .sto-mainbody .f2 .form .btn:after {
	position:absolute;
	right:-15px;
	top:0;
	content:"";
	width:0;
	height:0;
	border-top:19px solid transparent;
	border-left:15px solid #e20413;
	border-bottom:19px solid transparent
}
.page-train .sto-mainbody .f1 .form .btn:hover, .page-train .sto-mainbody .f2 .form .btn:hover {
	background:#b0030f
}
.page-train .sto-mainbody .f1 .form .btn:hover:after, .page-train .sto-mainbody .f2 .form .btn:hover:after {
	border-left-color:#b0030f
}
.page-train .sto-mainbody .f2 {
	border:none
}
.page-home .sto-mainbody {
	padding:0
}
.page-home .sto-mainbody .banner img {
	max-width:100%
}
.page-home .sto-mainbody .banner .swiper-controls {
	position:relative;
	width:1170px;
	margin:auto
}
.page-home .sto-mainbody .banner .swiper-controls .swiper-button-prev, .page-home .sto-mainbody .banner .swiper-controls .swiper-button-next {
	top:auto;
	left:auto;
	bottom:1px;
	background:#e20413;
	opacity:1;
	height:35px;
	width:35px
}
.page-home .sto-mainbody .banner .swiper-controls .swiper-button-prev:before, .page-home .sto-mainbody .banner .swiper-controls .swiper-button-next:before {
	border-color:#fff;
	opacity:1;
	width:15px;
	height:15px
}
.page-home .sto-mainbody .banner .swiper-controls .swiper-button-prev {
	right:36px
}
.page-home .sto-mainbody .announce {
	position:relative;
	padding:2.5rem 0
}
.page-home .sto-mainbody .announce .heading {
	position:relative;
	display:inline-block;
	background:#e20413;
	font-style:normal;
	color:#fff;
	padding:0 1rem;
	margin:0;
	line-height:30px
}
.page-home .sto-mainbody .announce .heading:after {
	position:absolute;
	right:-10px;
	top:0;
	content:"";
	width:0;
	height:0;
	border-top:15px solid transparent;
	border-left:10px solid #e20413;
	border-bottom:15px solid transparent
}
.page-home .sto-mainbody .announce .swiper {
	position:absolute;
	left:120px;
	right:120px;
	top:2.5rem;
	height:30px
}
.page-home .sto-mainbody .announce .swiper a {
	display:block;
	line-height:30px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.page-home .sto-mainbody .announce .swiper a .date {
	float:right
}
.page-home .sto-mainbody .announce .more {
	position:absolute;
	top:2.5rem;
	right:0;
	line-height:30px
}
.page-home .sto-mainbody .announce .more:after {
	display:inline-block;
	content:"";
	width:0;
	height:0;
	border-top:5px solid transparent;
	border-left:5px solid #333;
	border-bottom:5px solid transparent;
margin-left:.5rem
}
.page-home .sto-mainbody .news .kv {
	position:relative;
	padding-bottom:52%;
	background:#fff;
	margin-bottom:1.5rem;
	overflow:hidden
}
.page-home .sto-mainbody .news .kv img {
	position:absolute;
	max-width:100%
}
.page-home .sto-mainbody .news .kv h3 {
	position:absolute;
	z-index:2;
	left:1.5rem;
	bottom:50%;
	font-size:24px;
	margin:0;
	transition:all .3 ease-in-out
}
.page-home .sto-mainbody .news .kv a {
	position:absolute;
	z-index:2;
	left:1.5rem;
	top:50%;
	display:inline-block;
	background:#e20413;
	font-style:normal;
	color:#fff;
	padding:0 1rem;
	margin:0;
	margin-top:10px;
	line-height:30px
}
.page-home .sto-mainbody .news .kv a:after {
	position:absolute;
	right:-10px;
	top:0;
	content:"";
	width:0;
	height:0;
	border-top:15px solid transparent;
	border-left:10px solid #e20413;
	border-bottom:15px solid transparent
}
.page-home .sto-mainbody .news .kv:nth-child(1) img {
width:30%;
top:50%;
right:2.5rem;
transform:translateY(-50%)
}
.page-home .sto-mainbody .news .kv:nth-child(2) img {
width:55%;
top:50%;
right:1.5rem;
transform:translateY(-50%)
}
.page-home .sto-mainbody .news .kv:nth-child(3) img {
width:45%;
top:50%;
right:1.5rem;
transform:translateY(-50%)
}
.page-home .sto-mainbody .news .kv:before {
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	z-index:1;
	content:"";
	background:linear-gradient(to bottom, #fff, #000);
	opacity:0;
transition:all .3s ease-in-out
}
.page-home .sto-mainbody .news .kv:hover h3 {
	color:#e20413
}
.page-home .sto-mainbody .news .kv:hover:before {
	opacity:.3
}
.page-home .sto-mainbody .news .topnews .dataitem {
	position:relative;
	display:block;
	margin-bottom:1.5rem
}
.page-home .sto-mainbody .news .topnews .dataitem .thumb {
	padding-bottom:70%
}
.page-home .sto-mainbody .news .topnews .dataitem .title {
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	background:rgba(0, 0, 0, 0.8);
	color:#fff;
	padding:6px 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.page-home .sto-mainbody .news .topnews .dataitem:hover .thumb img {
	transform:translate(-50%, -50%) scale(1.05, 1.05)
}
.page-home .sto-mainbody .news .topnews .dataitem:last-child {
	margin-bottom:0
}
.page-home .sto-mainbody .news .datalist .dataitem {
	display:block;
	border-bottom:solid 1px #ddd;
	padding:16px 0
}
.page-home .sto-mainbody .news .datalist .dataitem .date {
	color:#999;
	margin-bottom:3px
}
.page-home .sto-mainbody .news .datalist .dataitem .title {
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden
}
.page-home .sto-mainbody .news .datalist .dataitem:last-child {
	border-bottom:none
}
.page-home .sto-mainbody .r-news .datalist {
	margin:-10px;
	height:350px
}
.page-home .sto-mainbody .r-news .datalist .topnews {
	margin-bottom:2rem
}
.page-home .sto-mainbody .r-news .datalist .topnews .thumb {
	display:block;
	background:#f0f0f0;
	padding-bottom:65%
}
.page-home .sto-mainbody .r-news .datalist .topnews .thumb img {
	height:auto;
	max-width:none
}
.page-home .sto-mainbody .r-news .datalist .topnews .date {
	color:#666;
	margin-bottom:1rem
}
.page-home .sto-mainbody .r-news .datalist .topnews .title {
	display:block;
	font-size:16px;
	padding:0;
	border:none;
	font-weight:bold;
margin-bottom:.5rem
}
.page-home .sto-mainbody .r-news .datalist .topnews .summary {
	display:block;
	padding:0;
	border:none;
	white-space:normal;
	line-height:1.6em;
	height:4.8em;
	overflow:hidden
}
.page-home .sto-mainbody .r-news .datalist a {
	display:block;
	white-space:nowrap;
	border-bottom:solid 1px #f0f0f0;
	padding:8px 0;
	overflow:hidden;
	text-overflow:ellipsis
}
.page-home .sto-mainbody .r-news .datalist a .date {
	float:right;
	color:#666
}
.page-home .sto-mainbody .donate dl dt {
	font-size:18px;
	margin-bottom:1rem
}
.page-home .sto-mainbody .donate dl dd {
	padding:0
}
.page-home .sto-mainbody .donate .publicity {
	margin:0
}
.page-home .sto-mainbody .donate .publicity ul {
	position:relative;
	list-style:none;
	padding:0;
	margin:0 -2rem;
	overflow:hidden
}
.page-home .sto-mainbody .donate .publicity ul li .dataitem {
	margin:5px 2rem;
	overflow:hidden;
	color:#666
}
.page-home .sto-mainbody .donate .publicity ul li .dataitem .donor, .page-home .sto-mainbody .donate .publicity ul li .dataitem .amount, .page-home .sto-mainbody .donate .publicity ul li .dataitem .date {
	float:left;
	width:25%;
	display:block
}
.page-home .sto-mainbody .donate .publicity ul li .dataitem .donor {
	width:50%
}
.page-home .sto-mainbody .donate .publicity ul li .dataitem .date {
	text-align:center
}
.page-home .sto-mainbody .our-work .swiper {
	padding-bottom:40px
}
.page-home .sto-mainbody .our-work .dataitem {
	position:relative
}
.page-home .sto-mainbody .our-work .dataitem .title {
	position:absolute;
	top:50%;
	left:50%;
	z-index:2;
	font-size:28px;
	color:#fff;
	width:100%;
	text-align:center;
	transform:translate(-50%, -50%);
transition:all .3s ease-in-out
}
.page-home .sto-mainbody .our-work .dataitem .title:before {
	position:absolute;
	left:50%;
	bottom:-5px;
	content:"";
	width:40px;
	height:3px;
	background:#fff;
	transform:translateX(-50%);
transition:all .3s ease-in-out
}
.page-home .sto-mainbody .our-work .dataitem .summary {
	position:absolute;
	top:50%;
	left:20px;
	right:20px;
	z-index:2;
	color:#fff;
	line-height:1.5em;
	height:4.5em;
	overflow:hidden;
	transform:translateY(100px);
	opacity:0;
transition:all .3s ease-in-out
}
.page-home .sto-mainbody .our-work .dataitem:before {
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:1;
	content:"";
	background:rgba(0, 0, 0, 0.3)
}
.page-home .sto-mainbody .our-work .dataitem:hover .title {
	margin-top:-30px
}
.page-home .sto-mainbody .our-work .dataitem:hover .title:before {
	opacity:0
}
.page-home .sto-mainbody .our-work .dataitem:hover .summary {
	transform:translateY(0);
	opacity:1
}
@media (min-width:1600px) {
body, html {
font-size:16px
}
.page-home .sto-mainbody .news .card .card-body {
max-height:545px;
overflow:hidden
}
}
@media (min-width:1200px) and (max-width:1600px) {
body, html {
font-size:16px
}
.page-home .sto-mainbody .news .card .card-body {
max-height:545px;
overflow:hidden
}
}
@media (min-width:720px) and (max-width:1200px) {
body, html {
font-size:14px
}
.page-home .sto-mainbody .news .card .card-body {
max-height:440px;
overflow:hidden
}
.page-home .sto-mainbody .news .datalist .dataitem {
padding:10px 0
}
}
@media (max-width:720px) {
body, html {
font-size:12px
}
.nav-open .sto-header .btn-menu .icon {
background:none
}
.nav-open .sto-header .btn-menu .icon:before {
transform:rotate(-45deg);
top:0
}
.nav-open .sto-header .btn-menu .icon:after {
transform:rotate(45deg);
bottom:0
}
.nav-open .sto-navbar {
transform:translateY(0)
}
.sto-header {
position:fixed;
left:0;
right:0;
top:0;
background:#fff;
z-index:3;
box-shadow:0 5px 5px rgba(0, 0, 0, 0.15)
}
.sto-header .btn-menu {
position:fixed;
right:0;
top:0;
z-index:-1;
width:70px;
height:70px;
z-index:98;
cursor:pointer
}
.sto-header .btn-menu .icon {
position:absolute;
top:50%;
left:50%;
width:25px;
height:3px;
background:#e20413;
transform:translate(-50%, -50%);
transition:all .2s ease-in-out
}
.sto-header .btn-menu .icon:before, .sto-header .btn-menu .icon:after {
position:absolute;
top:-7px;
left:0;
right:0;
height:3px;
content:"";
background:#e20413;
transition:all .2s ease-in-out
}
.sto-header .btn-menu .icon:after {
top:auto;
bottom:-7px
}
.sto-header .logo {
height:50px
}
.sto-header .form-search {
display:none
}
.sto-mainbody {
position:relative;
z-index:0;
margin-top:70px
}
.sto-mainbody .sidebar .advert-kv {
display:none
}
.sto-navbar {
position:fixed;
left:0;
right:0;
top:70px;
transition:all .3s ease-in-out;
transform:translateY(-150%);
z-index:2;
background:#fff
}
.sto-navbar .container {
padding:0
}
.sto-navbar .nav {
border-top:solid 4px #e20413;
padding:15px;
box-shadow:0 0 10px rgba(0, 0, 0, 0.15)
}
.sto-navbar .nav li {
float:none;
width:auto;
border-bottom:solid 1px #ddd
}
.sto-navbar .nav li.has-childs .submenu {
position:static;
opacity:1;
transform:translateY(0);
z-index:9999;
display:none
}
.sto-navbar .nav li.has-childs .submenu:before {
display:none
}
.sto-navbar .nav li a {
text-align:left;
padding:10px;
color:#333;
font-size:16px;
border:none
}
.sto-navbar .nav li.active>a, .sto-navbar .nav li.active:hover>a {
background:none;
border:none
}
.sto-footer .bottom-nav {
display:none
}
.page-home .sto-mainbody .r-news .datalist {
height:auto
}
.page-our-work .sto-mainbody .datalist .dataitem .thumb, .page-our-work .sto-mainbody .datalist .dataitem .info {
float:none;
width:auto
}
.page-our-work .sto-mainbody .datalist .dataitem .info {
padding:2rem
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child {
padding:0;
margin-top:-2rem
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .thumb, .page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info {
float:none;
width:auto;
max-width:none
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info {
padding:15px
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info .date {
position:absolute;
top:0;
padding:5px 10px;
background:rgba(226, 4, 19, 0.85);
color:#fff
}
.page-article-list .sto-mainbody .datalist .dataitem.pic-news:first-child .info .date big {
color:#fff
}
.page-article-list .sto-mainbody .datalist .dataitem {
padding-left:100px
}
.page-article-list .sto-mainbody .datalist .dataitem .info {
float:none
}
.page-article-list .sto-mainbody .datalist .dataitem .info .date {
width:80px
}
.page-article-list .sto-mainbody .datalist .dataitem .info .more {
display:none
}
.page-project-list .datalist .dataitem .text .thumb {
float:none;
margin:15px 0
}
.page-project-list .datalist .dataitem .text .thumb img {
max-width:100%
}
.page-donate-pay .form-horizontal:before {
background:none
}
.page-donate-pay .form-horizontal .form-group {
padding:15px
}
.page-donate-pay .form-horizontal .form-group .control-label {
position:static;
display:block;
width:auto;
padding:0;
margin-bottom:5px
}
}
