@font-face{font-family:'flickerplate';src:url("icon-font-flickerplate/icomoon.eot?c4hmew");src:url("icon-font-flickerplate/icomoon.eot?#iefixc4hmew") format("embedded-opentype"),url("icon-font-flickerplate/icomoon.woff?c4hmew") format("woff"),url("icon-font-flickerplate/icomoon.ttf?c4hmew") format("truetype"),url("icon-font-flickerplate/icomoon.svg?c4hmew#icomoon") format("svg");font-weight:normal;font-style:normal}

.flickerplate{position:relative;width:100%;height:100%;background-color:#e6e6e6;overflow:hidden}
.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;background-size:cover;display:table;text-align:center}
.flickerplate ul.flicks>li .flick-inner{height:100%;padding:10px;color:#fff;display:table-cell;vertical-align:middle}
.flickerplate ul.flicks>li .flick-inner .flick-content{max-width:68.75em;margin-left:auto;margin-right:auto}
.flickerplate ul.flicks>li .flick-title{padding:0px;text-align:center;line-height:56px;line-height:3.5rem;font-size:28px;font-size:1.75rem}
.ssdiv img{max-width:617px;width:100%}

@media all and (min-width: 414px) and (max-width: 980px) {.flickerplate ul.flicks>li .flick-title{line-height:75px;line-height:50px;font-size:38px;font-family:'黑体'}
.flick-title .ywtxt{display:block;padding:5px 0;text-align:right;line-height:50px;letter-spacing:0px;color:#444;font-weight:normal;font-size:18px;font-family:'Microsoft Yahei'}
.ssdiv img{max-width:617px;width:80%}
}
@media all and (min-width: 320px) and (max-width: 414px) {.flickerplate ul.flicks>li .flick-title{line-height:75px;line-height:30px;font-size:23px;letter-spacing:1px;width:100%;text-align:right;font-family:'黑体'}
.ssdiv img{max-width:617px;width:80%}
}

@media all and (min-width: 1px) and (max-width: 320px) {.flickerplate ul.flicks>li .flick-title{line-height:75px;line-height:30px;font-size:20px;letter-spacing:1px;width:100%;text-align:right;font-family:'黑体'}
.ssdiv img{max-width:617px;width:80%}
}

.flickerplate ul.flicks>li .flick-sub-text{padding:5px;text-align:center;color:rgba(255,255,255,0.8);line-height:42px;line-height:2.625rem;font-size:16px;font-size:1rem;font-weight:300}

.flickerplate ul.flicks>li .flick-title span.flick-block-text,.flickerplate ul.flicks>li .flick-sub-text span.flick-block-text{padding-left:18px;padding-right:18px;padding-top:12px;padding-bottom:12px;background-color:none}

.flickerplate .arrow-navigation{display:block;position:absolute;top:10%;width:0%;height:80%;z-index:100;overflow:hidden;font-family:"flickerplate";vertical-align:middle}

.flickerplate .arrow-navigation:before{position:absolute;top:50%;left:50%;margin-left:-25px;margin-top:-25px;height:50px;width:50px;opacity:0;filter:alpha(opacity=0);text-align:center;color:#fff;font-size:48px;font-size:3rem;-webkit-transition:opacity 0.2s ease-out;-moz-transition:opacity 0.2s ease-out;-o-transition:opacity 0.2s ease-out;-ms-transition:opacity 0.2s ease-out;transition:opacity 0.2s ease-out}

.no-touch .flickerplate .arrow-navigation:hover{cursor:pointer}

.no-touch .flickerplate .arrow-navigation:hover.left:before,.no-touch .flickerplate .arrow-navigation:hover.right:before{opacity:1;filter:alpha(opacity=100)}

.no-touch .flickerplate .arrow-navigation:active.left:before,.no-touch .flickerplate .arrow-navigation:active.right:before{margin-top:-23px}

.flickerplate .arrow-navigation.left{left:0%}.flickerplate .arrow-navigation.left:before{content:"\f104"}

.flickerplate .arrow-navigation.right{right:0%}.flickerplate .arrow-navigation.right:before{content:"\f105"}

.flickerplate .dot-navigation{position:absolute;bottom:15px;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:14px;height:14px;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%;background-clip:padding-box;-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.6)}

.flickerplate .dot-navigation .dot.active{background-color:#fff}

.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 .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 0.2s ease-out;-o-transition:-o-transform 0.2s ease-out;-moz-transition:-moz-transform 0.2s ease-out;transition:transform 0.2s ease-out}

@media only screen and (min-width: 43.813em){.flickerplate.animate-transform-slide ul.flicks{-webkit-transition:-webkit-transform 0.6s ease-out;-o-transition:-o-transform 0.6s ease-out;-moz-transition:-moz-transform 0.6s ease-out;transition:transform 0.6s ease-out}}

.flickerplate.animate-transition-slide ul.flicks{position:relative;left:0%;-webkit-transition:left 0.2s ease-in-out;-moz-transition:left 0.2s ease-in-out;-o-transition:left 0.2s ease-in-out;-ms-transition:left 0.2s ease-in-out;transition:left 0.2s ease-in-out}

@media only screen and (min-width: 43.813em){.flickerplate.animate-transition-slide ul.flicks{-webkit-transition:left 0.6s ease-in-out;-moz-transition:left 0.6s ease-in-out;-o-transition:left 0.6s ease-in-out;-ms-transition:left 0.6s ease-in-out;transition:left 0.6s ease-in-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}
.flickerplate.animate-transition-fade ul.flicks{position:relative}
.flickerplate.animate-transition-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li{-webkit-transition:opacity 0.8s linear;-moz-transition:opacity 0.8s linear;-o-transition:opacity 0.8s linear;-ms-transition:opacity 0.8s linear;transition:opacity 0.8s linear}
.flickerplate.animate-transition-fade.fade-inited ul.flicks li.first-flick{opacity:1;filter:alpha(opacity=100)}
.flickerplate.animate-jquery-fade ul.flicks{position:relative}
.flickerplate.animate-jquery-fade ul.flicks li{float:none;position:absolute;top:0;left:0;opacity:0;filter:alpha(opacity=0)}
