.flickerplate {
	position:relative;
	width:100%;
	height:466px;
	background-color:#e6e6e6;
	overflow:hidden; margin-top:55px;
}
.flickerplate ul.flicks {
	width:10000%;
	height:100%;
	padding:0;
	margin:0;
	list-style:none
}
.flickerplate ul.flicks>li {
	float:left;	
	width:1% ;
	height:100%;
	background-position:center;
	background-size:cover; overflow:hidden;
	display:table;
}
.flickerplate ul.flicks>li .flick-inner {
	height:100%;
	padding:10px;
	color:#fff;
	display:table-cell;
	vertical-align:middle
}
.flickerplate ul.flicks>li .flick-inner:hover .flick-content {
    display: block;
}
.flickerplate ul.flicks>li .flick-inner .flick-content {
	/* display: none; */
	/* max-width: 100%; */
	/* margin-left:auto; */
	/* margin-right:auto; */
	/* position:relative; */
	/* top: 94px; */
}
.flickerplate ul.flicks>li .flick-title {
padding:0px 0px;font-size:2em;line-height:1.995em; margin-top:-150px;text-align:center;	font-weight:normal; text-align:left;}
.flickerplate ul.flicks>li .flick-title h1{ font-weight:normal;font-size:28px; font-family:'Microsoft YaHei';line-height:28px; padding:0px; margin:0px; height:30px; line-height:30px;}
.flickerplate ul.flicks>li .flick-title h2{ font-size:30px;font-family:Arial, Helvetica, sans-serif;letter-spacing:3px; margin-bottom:10px;}
.flickerplate ul.flicks>li .flick-title h3{ font-weight:normal; font-size:20px;text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; letter-spacing:5.5px;padding:0px; margin:0px; height:25px; line-height:25px;}
.flickerplate ul.flicks>li .flick-title p{ font-size:14px; letter-spacing:1px; margin-bottom:15px;}
.flickerplate ul.flicks>li .flick-title .banner_more{ padding:0.5em 1.5em 0.5em 1.5em; color:#fff; font-weight:normal; font-size:14px; border:2px solid #0061af; background:#0061af; border-radius:2px;  clear:both; transition: all 0.3s; margin-left:5px; }
.flickerplate ul.flicks>li .flick-title .banner_more i{ margin-left:5px; font-weight:normal;}
.flickerplate ul.flicks>li .flick-title .banner_more:hover{ background:#009fde;border-radius:10px;  border:2px solid #fff;}



.flickerplate ul.flicks>li .flick-sub-text {
	padding:5px;
	font-weight:300;
	line-height:2.5em;
	color:rgba(255, 255, 255, 0.8);
	text-align:center
}
.flickerplate ul.flicks>li .flick-title span.flick-block-text, .flickerplate ul.flicks>li .flick-sub-text span.flick-block-text {
	padding:12px 18px;
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate .arrow-navigation {
	position:absolute;
	height:80%;
	width:10%;
	top:10%;
	z-index:100;
	overflow:hidden
}
.flickerplate .arrow-navigation .arrow {
	display:block;
	height:100%;
	width:90%;
	-webkit-transition:all 0.2s ease-out;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out
}
.flickerplate .arrow-navigation:hover, .flickerplate .arrow-navigation .arrow:hover {
	cursor:pointer
}
.flickerplate .arrow-navigation.left {
	left:0%
}
.flickerplate .arrow-navigation.left .arrow {
	opacity:0;
	margin:0px 0px 0px 50%;
	background-image:url("../images/flickerplate/arrow-left-light.png");
	background-repeat:no-repeat;
	background-position:left
}
.flickerplate .arrow-navigation.right {
	right:0%
}
.flickerplate .arrow-navigation.right .arrow {
	opacity:0;
	margin:0px 0px 0px -50%;
	background-image:url("../images/flickerplate/arrow-right-light.png");
	background-repeat:no-repeat;
	background-position:right
}
.flickerplate .arrow-navigation.left.hover .arrow {
	opacity:1;
	margin:0px 0px 0px 20%
}
.flickerplate .arrow-navigation.right.hover .arrow {
	opacity:1;
	margin:0px 0px 0px -20%
}
.flickerplate .dot-navigation {
    position: absolute;
    bottom: 24px;
    width: 600px;
    text-align: right;
    right: 20%;
    z-index: 110;
}
.flickerplate .dot-navigation ul {
	text-align:right;
	list-style:none;
	padding:0px 15px; max-width:1200px; margin:auto;
	
}
.flickerplate .dot-navigation ul li {
	display:inline-block;
	float:none;
}
.flickerplate .dot-navigation .dot {
	width:11px;
	height:11px;
	margin:0 6px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAsAAAALCAYAAACprHcmAAAAoUlEQVQoU5WRwQ3CMAxF/X3LqYzACLABI5QJGIWyCUxAR2ADGIER0kPqm42CHAlFEdAckkPe/7b+B/kRkbWqHomoB7Ays0hEIzOfQgjPjCFfIrJT1WuGiri8WcTM+xDCDe54b4GVYIuU0hnAoXZsTLhkOALo/oAj5nm2X2D5X+I8LdvZ03h829vMJmbefOY8tgQO9u+cqwYHb7DLkDc4lAZfLwhqkiNFam4AAAAASUVORK5CYII=') no-repeat;
	background:rgba(255, 255, 255, 0.7);
	border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-webkit-transition:background-color 0.2s ease-out;
	-moz-transition:background-color 0.2s ease-out;
	-o-transition:background-color 0.2s ease-out;
	-ms-transition:background-color 0.2s ease-out;
	transition:background-color 0.2s ease-out
}
.flickerplate .dot-navigation .dot:hover {
	cursor:pointer;
	background:rgba(255, 255, 255, 0.6)
}
.flickerplate .dot-navigation .dot.active {
    width: 35px;
    height: 12px;
	background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACMAAAAMCAYAAADoIwS6AAAAdUlEQVQ4T2NkQAA1BgYGYShGEqYp8y0DAwMI3wLZwgi1ypaBgYGfptbiN/wjAwPDYZBjQCECwgMNboEcM9ChAguEtyDH+Ax0kMDsH3UMrpgYdCFjx8DAwDcI0g04AQ+qrA0KlIEOnU8MDAyHYCUwyEEDXh0AAJLLD/tHiNikAAAAAElFTkSuQmCC') no-repeat;
	background: rgba(0, 0, 0, 0.3);
    border-radius: 4px;
}
.flickerplate .dot-navigation.left, .flickerplate .dot-navigation.left ul {
	text-align:left
}
.flickerplate .dot-navigation.right, .flickerplate .dot-navigation.right ul {
	text-align:right
}
.flickerplate.flicker-theme-dark .arrow-navigation.left .arrow {
	background-image:url("../images/flickerplate/arrow-left-dark.png")
}
.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow {
	background-image:url("../images/flickerplate/arrow-right-dark.png")
}
.flickerplate.flicker-theme-dark .dot-navigation .dot {
	background-color:rgba(0, 0, 0, 0.12)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot:hover {
	background-color:rgba(0, 0, 0, 0.6)
}
.flickerplate.flicker-theme-dark .dot-navigation .dot.active {
	background-color:#000
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate.flicker-theme-dark ul.flicks li .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text {
	color:rgba(0, 0, 0, 0.9)
}
.flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-title span.flick-block-text, .flickerplate ul.flicks li.flick-theme-dark .flick-inner .flick-content .flick-sub-text span.flick-block-text {
	background-color:rgba(255, 255, 255, 0.5)
}
.flickerplate.animate-transform-slide ul.flicks {
	-webkit-perspective:1000;
	-webkit-backface-visibility:hidden;
	transform:translate3d(0%, 0px, 0px);
	-webkit-transform:translate3d(0%, 0px, 0px);
	-webkit-transition:-webkit-transform 0s;
	-o-transition:-o-transform 0.6s;
	-moz-transition:-moz-transform 0.6s;
	transition:transform 0.6s
}
.flickerplate.animate-transition-slide ul.flicks {
	position:relative;
	left:0%;
	-webkit-transition:left 0.4s ease-out;
	-moz-transition:left 0.4s ease-out;
	-o-transition:left 0.4s ease-out;
	-ms-transition:left 0.4s ease-out;
	transition:left 0.4s ease-out
}
.flickerplate.animate-jquery-slide ul.flicks {
	position:relative;
	left:0%
}
.flickerplate.animate-scroller-slide {
	padding-bottom:0px;
	overflow:auto
}
.flickerplate.animate-scroller-slide ul.flicks {
	position:static;
}


@media only screen and (max-width:980px) {
.flickerplate{ height:600px !important;}
.flickerplate ul.flicks>li .flick-title { margin-top:-60px !important;}
}

@media only screen and (max-width:880px) {
.flickerplate{ height:550px !important;}
.flickerplate ul.flicks>li .flick-title { margin-top:10px !important; text-align:center;}
}

@media only screen and (max-width:800px) {
.flickerplate{ height:400px !important;}
.flickerplate ul.flicks>li .flick-title { margin-top:5px !important; line-height:25px;}
.flickerplate ul.flicks>li .flick-title h3{ font-size:16px; line-height:20px; margin-bottom:5px !important; }
.flickerplate ul.flicks>li .flick-title h2{font-size:22px; margin-bottom:5px !important;}
.flickerplate ul.flicks>li .flick-title h1{ line-height:20px;margin-bottom:5px !important; font-size:20px}
.flickerplate .dot-navigation ul {
	text-align:center;
	list-style:none;
	padding:0px 15px; max-width:1200px;}
	
}

@media only screen and (max-width:600px) {
.flickerplate{ height:300px !important; margin-top:0px;}

	
}