
.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}



.flickerplate ul.flicks>li .flick-title{padding:0px 0px;font-size:2.778em;line-height:1.995em;text-align:center}

@media only screen and (max-width: 43.813em){.flickerplate ul.flicks>li .flick-title{font-size:1.667em}}

.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:14%;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/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/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:40px;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%;-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 .arrow-navigation.left .arrow{background-image:url(../images/arrow-left-light.png);}

.flickerplate.flicker-theme-dark .arrow-navigation.right .arrow{background-image:url(../images/arrow-right-light.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 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}



	.documentation {width: 1100px;margin: 0px auto;padding: 100px 0px;}
	.documentation h3, p {text-align: center;}
	.documentation h3 {margin: 0px 0px 20px 0px;font-weight: 300;font-size: 2em;}
	a, a:visited { text-decoration: none;}
	a:hover {cursor: pointer;}





.index_banner .flicks .flick-content h1 { margin-top: 18%;overflow: hidden;text-align: center;}
.index_banner .flicks .flick-content h1 c {    display: block;font-size: 50px;text-align: center;color: #fff;line-height: 1.2em;    margin-bottom: 1em;}
.index_banner .flicks .flick-content h1 g {    display: block;color: #ccc;font-size: 21px;margin-top: 1%;line-height: 1.6em;margin-bottom: 0.5em;}
.index_banner .flicks .flick-content h1 f {    color: #eee;width: auto;display: inline-block;border-top: 1px solid;line-height: 2em;text-align: center;font-size: 30px;border-bottom: 1px solid #ccc;}
.index_banner .flicks .flick-content h1 a{    color: #fff;font-size: 17px;    background: #418ADF;padding: 0.5em 1em;display: block;width: 200px;margin: 0 auto;border-radius: 1em;font-size: 17px;}

 

.index_banner .flicks .banner2 .flick-content h1{     margin-top: 18%;overflow: hidden;text-align: left;width: 80%;margin: 18% auto 0;}
.index_banner .flicks .banner2 .flick-content h1 a{    text-align: center;margin: 1em 0;}
.index_banner .flicks .banner2 .flick-content h1 e{font-family: 黑体;color: #fff!important;margin-top: 0 !important;    display: block;text-align: left;font-size: 50px;}
.index_banner .flicks .banner2 .flick-content h1 g{    font-size: 21px;margin: 1em 0;color: #eee;}
.index_banner .flicks .banner2 .flick-content h1 g b{ font-weight:bold; }
.index_banner .flicks .banner2 .flick-content h1 f{  color: #eee;width: auto;display: inline-block;border-top: 1px solid;line-height:1.8em;text-align: center;font-size: 30px;border-bottom: 1px solid #ccc;margin-bottom: 1em;}



.index_banner .flicks .banner3 .flick-content h1{     overflow: hidden;text-align: right;width: 80%;margin: 16% auto 0;}
.index_banner .flicks .banner3 .flick-content h1 span{ display: block;text-align: right;color: #fff;font-size: 50px;margin-bottom: 0.5em;}
.index_banner .flicks .banner3 .flick-content h1 font{   color: #eee;width: auto;display: inline-block;border-top: 1px solid;line-height:1.8em;text-align: center;font-size: 30px;border-bottom: 1px solid #ccc; }
.index_banner .flicks .banner3 .flick-content h1 strong{    display: block;font-size: 21px;margin: 1em 0;color: #eee;}
.index_banner .flicks .banner3 .flick-content h1 a{ display:inline-block;text-align: center;margin: 1em 0;}
.index_banner .flicks .banner3 .flick-content h1 b{    display: block;text-align: right;color: #fff;font-size: 26px;margin-bottom: 0.5em;}










