.flickerplate{position:relative;margin:auto;height:480px; background-size:cover;overflow:hidden;font-family: "OpenSansS";}/* --------图片高度------ */
.flickerplate ul.flicks{width:10000%;height:100%;padding:0px;margin:0px;list-style:none; }
.flickerplate ul.flicks>li{float:left;width:1%;height:100%;background-position:center center;background-size:cover;display:table;}
.flickerplate ul.flicks>li .flick-inner{height:100%;padding:10px;display:table-cell;vertical-align:middle;}
.flickerplate ul.flicks>li .flick-inner .flick-content{margin-left:auto;margin-right:auto;}
.flickerplate ul.flicks>li .flick-title{text-align:center;font-size:2.8em;margin:auto;line-height:110%;}/* --------大标题------ */
.flick-sub-text{width:60%;margin:auto;}/* --------小标题------ */
.flick-sub-text p{font-size:1.3em;margin:0;padding:0}/* --------小标题------ */
.flick-sub-text span{margin-top:4%;display:block;clear:both;font-size:1.0em!important;}/* --------更多的链接------ */
.flickerplate ul.flicks>li .flick-sub-text{padding:5px;line-height:140%;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)}

@media only screen and (max-width: 767px){
.flickerplate{position:relative;width:100%;background-size:cover;height:330px;}/* --------图片高度------ */
.flick-sub-text p{font-size:0.95em;display:none}/* --------小标题------ */
.flick-sub-text span{margin-top:8%;display:block!important}/* --------更多的链接------ */
.flickerplate ul.flicks>li .flick-title{font-size:2.2em;line-height:110%}}/* --------大标题------ */

@media (min-width: 768px) and (max-width: 1179px){
.flickerplate{position:relative;width:100%;background-size:cover;height:400px;padding-top:0px}/* --------图片高度------ */
.flick-sub-text p{font-size:1.1em;margin:0;padding:0}/* --------小标题------ */
.flickerplate ul.flicks>li .flick-title{font-size:2.4em;line-height:110%}}/* --------大标题------ */


.flickerplate .arrow-navigation{position:absolute;height:100%;width:10%;top:10%;z-index:100;overflow:hidden}
.flickerplate .arrow-navigation .arrow{display:block;height:80%;width:100%;-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.5;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.5;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 30%}
.flickerplate .arrow-navigation.right.hover .arrow{opacity:1;margin:0px 0px 0px -30%}
.flickerplate .dot-navigation{position:absolute;bottom:25px;width:100%;text-align:center;z-index:100}
.flickerplate .dot-navigation ul{text-align:center;list-style:none;padding:0px 15px}
.flickerplate .dot-navigation ul li{display:inline-block;float:none}
.flickerplate .dot-navigation .dot{
	width:12px;height:12px;margin:0px 6px;background-color:rgba(255,255,255,0.3);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-color:rgba(255,255,255,0.8);}
.flickerplate .dot-navigation .dot.active{cursor:pointer;background-color:rgba(255,255,255,1.0);width:20px;height:20px;margin:0px 6px;}
.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.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 0.6s;-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:auto}