body, html {
    font-size: 100%;
    padding: 0;
    margin: 0
}

*, *:after, *:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.clearfix:before, .clearfix:after {
    content: " ";
    display: table
}

.clearfix:after {
    clear: both
}

body {
    background: #f9f7f6;
    color: #404d5b;
    font-weight: 500;
    font-size: 1.05em;
    font-family: segoe ui, lucida grande, Helvetica, Arial, microsoft yahei, FreeSans, Arimo, droid sans, wenquanyi micro hei, hiragino sans gb, hiragino sans gb w3, fontawesome, sans-serif
}

a {
    color: #2fa0ec;
    text-decoration: none;
    outline: 0
}

a:hover, a:focus {
    color: #74777b
}

.zzsc-container {
    margin: 0 auto;
    text-align: center;
    overflow: hidden
}

.zzsc-content {
    padding: 1em 0;
    min-height:210px
}

.bgcolor-1 {
    background: #f0efee
}

.bgcolor-2 {
    background: #f9f9f9
}

.bgcolor-3 {
    /*background: #e8e8e8*/
}

.bgcolor-4 {
    background: #2f3238;
    color: #fff
}

.bgcolor-5 {
    background: #df6659;
    color: #521e18
}

.bgcolor-6 {
    background: #2fa8ec
}

.bgcolor-7 {
    background: #d0d6d6
}

.bgcolor-8 {
    background: #3d4444;
    color: #fff
}

.bgcolor-9 {
    background: #ef3f52;
    color: #fff
}

.bgcolor-10 {
    background: #64448f;
    color: #fff
}

.bgcolor-11 {
    background: #3755ad;
    color: #fff
}

.bgcolor-12 {
    background: #3498db;
    color: #fff
}

.zzsc-header {
    padding: 1em 190px;
    letter-spacing: -1px;
    text-align: center
}

.zzsc-header h1 {
    font-weight: 600;
    font-size: 2em;
    line-height: 1;
    margin-bottom: 0;
    font-family: segoe ui, lucida grande, Helvetica, Arial, microsoft yahei, FreeSans, Arimo, droid sans, wenquanyi micro hei, hiragino sans gb, hiragino sans gb w3, fontawesome, sans-serif
}

.zzsc-header h1 span {
    font-family: segoe ui, lucida grande, Helvetica, Arial, microsoft yahei, FreeSans, Arimo, droid sans, wenquanyi micro hei, hiragino sans gb, hiragino sans gb w3, fontawesome, sans-serif;
    display: block;
    font-size: 60%;
    font-weight: 400;
    padding: .8em 0 .5em;
    color: #c3c8cd
}

.zzsc-demo a {
    color: #1d7db1;
    text-decoration: none
}

.zzsc-demo {
    width: 100%;
    padding-bottom: 1.2em
}

.zzsc-demo a {
    display: inline-block;
    margin: .5em;
    padding: .6em 1em;
    border: 3px solid #1d7db1;
    font-weight: 700
}

.zzsc-demo a:hover {
    opacity: .6
}

.zzsc-demo a.current {
    background: #1d7db1;
    color: #fff
}

.zzsc-links {
    position: relative;
    display: inline-block;
    white-space: nowrap;
    font-size: 1.5em;
    text-align: center
}

.zzsc-links::after {
    position: absolute;
    top: 0;
    left: 50%;
    margin-left: -1px;
    width: 2px;
    height: 100%;
    background: #dbdbdb;
    content: '';
    -webkit-transform: rotate3d(0, 0, 1, 22.5deg);
    transform: rotate3d(0, 0, 1, 22.5deg)
}

.zzsc-icon {
    display: inline-block;
    margin: .5em;
    padding: 0;
    width: 1.5em;
    text-decoration: none
}

.zzsc-icon span {
    display: none
}

.zzsc-icon:before {
    margin: 0 5px;
    text-transform: none;
    font-weight: 400;
    font-style: normal;
    font-variant: normal;
    font-family: icomoon;
    line-height: 1;
    speak: none;
    -webkit-font-smoothing: antialiased
}

.zzsc-footer {
    width: 100%;
    padding-top: 10px
}

.zzsc-small {
    font-size: .8em
}

.center {
    text-align: center
}

.related {
    color: #fff;
    background: #333;
    text-align: center;
    font-size: 1.25em;
    padding: .5em 0;
    overflow: hidden
}

.related > a {
    vertical-align: top;
    width: calc(100% - 20px);
    max-width: 340px;
    display: inline-block;
    text-align: center;
    margin: 20px 10px;
    padding: 25px;
    font-family: segoe ui, lucida grande, Helvetica, Arial, microsoft yahei, FreeSans, Arimo, droid sans, wenquanyi micro hei, hiragino sans gb, hiragino sans gb w3, fontawesome, sans-serif
}

.related a {
    display: inline-block;
    text-align: left;
    margin: 20px auto;
    padding: 10px 20px;
    opacity: .8;
    -webkit-transition: opacity .3s;
    transition: opacity .3s;
    -webkit-backface-visibility: hidden
}

.related a:hover, .related a:active {
    opacity: 1
}

.related a img {
    max-width: 100%;
    opacity: .8;
    border-radius: 4px
}

.related a:hover img, .related a:active img {
    opacity: 1
}

.related h3 {
    font-family: microsoft yahei, sans-serif
}

.related a h3 {
    font-size: 1em;
    font-weight: 300;
    margin-top: .15em;
    color: #fff
}

.icon-zzsc-home-outline:before {
    content: "\e5000"
}

.icon-zzsc-arrow-forward-outline:before {
    content: "\e5001"
}

@media screen and (max-width: 50em) {
    .zzsc-header {
        padding: 3em 10% 4em
    }

    .zzsc-header h1 {
        font-size: 2em
    }
}

@media screen and (max-width: 40em) {
    .zzsc-header h1 {
        font-size: 1.5em
    }
}

@media screen and (max-width: 30em) {
    .zzsc-header h1 {
        font-size: 1.2em
    }
}
.clearfix {
    *zoom: 1
}

.clearfix:before, .clearfix:after {
    display: table;
    content: "";
    line-height: 0
}

.clearfix:after {
    clear: both
}

.hide-text {
    font: 0/0 a;
    color: transparent;
    text-shadow: none;
    background-color: transparent;
    border: 0
}

.input-block-level {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

body {
    color: #333;
    font-weight: 400;
    font-size: 15px;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    line-height: 20px
}

a {
    color: #da0d25;
    text-decoration: none
}

a:hover, a:focus {
    color: #f22840;
    text-decoration: none
}

p {
    margin: 0 0 20px
}

small {
    font-size: 85%
}

strong {
    font-weight: 600
}

em {
    font-style: italic
}

cite {
    font-style: normal
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

h1, h2, h3, h4, h5, h6 {
    margin: 10px 0;
    font-family: helvetica neue, Helvetica, Arial, sans-serif;
    font-weight: 500;
    line-height: 20px;
    color: inherit;
    text-rendering: optimizelegibility
}

h1 small, h2 small, h3 small, h4 small, h5 small, h6 small {
    font-weight: 400;
    line-height: 1;
    color: #8d8d8d
}

h1, h2, h3 {
    line-height: 40px
}

h1 {
    font-size: 41.25px
}

h2 {
    font-size: 33.75px
}

h3 {
    font-size: 26.25px
}

h4 {
    font-size: 18.75px
}

h5 {
    font-size: 15px
}

h6 {
    font-size: 12.75px
}

h1 small {
    font-size: 26.25px
}

h2 small {
    font-size: 18.75px
}

h3 small {
    font-size: 15px
}

h4 small {
    font-size: 15px
}

.Subpage h1, .Subpage h2, .Subpage h3 {
    line-height: 30px
}

.Subpage h1 {
    font-size: 30px
}

.Subpage h2 {
    font-size: 26.25px
}

.Subpage h3 {
    font-size: 22.5px
}

.Subpage h4 {
    font-size: 18.75px
}

.Subpage h5 {
    font-size: 15px
}

.Subpage h6 {
    font-size: 12.75px
}

.Subpage h1 small {
    font-size: 22.5px
}

.Subpage h2 small {
    font-size: 18.75px
}

.Subpage h3 small {
    font-size: 15px
}

.Subpage h4 small {
    font-size: 15px
}

body {
    margin: 0;
    padding: 0
}

.Container {
    margin: 0 auto;
    padding-top: 5%;
    padding-bottom: 5%;
    background: #f3f3f3;
    padding-left: 10%;
    padding-right: 10%;
}

.Text-Left {
    text-align: left
}

.Text-Right {
    text-align: right
}

.Text-Center {
    text-align: center
}

.Float-Left {
    float: left;
    margin-right: 20px
}

.Float-Right {
    float: right;
    margin-left: 20px
}

.Button {
    display: inline-block;
    /*padding: 20px;*/
    margin: 0;

    background-position: center center;
    background-repeat: no-repeat;
    color: #7a0715;
    text-shadow: none;
    vertical-align: middle;
    cursor: pointer;
    border: 0;
    -ms-transition: color 300ms ease, background-color 300ms ease;
    -webkit-transition: color 300ms ease, background-color 300ms ease;
    -moz-transition: color 300ms ease, background-color 300ms ease;
    -o-transition: color 300ms ease, background-color 300ms ease;
    transition: color 300ms ease, background-color 300ms ease
}

/*.Button:hover, .Button:focus {*/
/*color: #7a0715;*/
/*background: #f22840*/
/*}*/
.Button>img{
    width: 100%;
    height: 100%;
}
.Button.Small {
    padding: 5px 10px;
    font-size: small
}

.Button.Block {

    width: 340px;
    height: 170px
}

.Button h1 {
    font-size: 2em;
    line-height: 1.25em;
    color: #fff
}

.flipster {
    /*padding-bottom: 50px*/
}

.pull-right {
    float: right
}

.pull-left {
    float: left
}

.hide {
    display: none
}

.show {
    display: block
}

.invisible {
    visibility: hidden
}

.affix {
    position: fixed
}
.flipster {
    display: block;
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow-x: hidden;
    overflow-y: visible
}

.flip-items, .flip-item {
    display: block;
    margin: 0 auto;
    padding: 0;
    list-style-type: none
}

.flip-items {
    width: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.flip-item {
    position: absolute;
    opacity: .99
}

.flip-past, .flip-future, .flip-next, .flip-prev {
    cursor: pointer
}

.flip-item img {
    display: block;
    width: 100%
}

.flipster-coverflow .flip-items {
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    position: relative;
    padding-top: 2%;
    padding-bottom: 5%
}

.flipster-coverflow .flip-item {
    display: block;
    -webkit-transition: all 175ms ease-in-out;
    -moz-transition: all 175ms ease-in-out;
    -o-transition: all 175ms ease-in-out;
    -ms-transition: all 175ms ease-in-out;
    transition: all 175ms ease-in-out;
    -webkit-transform-origin: 50% 50%;
    -moz-transform-origin: 50% 50%;
    -o-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
    -webkit-perspective: 800px;
    -moz-perspective: 800px;
    perspective: 800px;
    position: absolute;
    width: 30%
}

.flipster-coverflow .flip-content {
    -webkit-transition: all 350ms ease-in-out;
    -moz-transition: all 350ms ease-in-out;
    -o-transition: all 350ms ease-in-out;
    -ms-transition: all 350ms ease-in-out;
    transition: all 350ms ease-in-out;
    -webkit-box-reflect: below 0 -webkit-gradient(linear, left bottom, left top, color-stop(0.05, rgba(255, 255, 255, 0.12)), color-stop(0.2, transparent))
}

.flipster-coverflow .flip-past .flip-content {
    -webkit-transform: rotateY(55deg) scale(.75);
    -moz-transform: rotateY(55deg) scale(.75);
    -o-transform: rotateY(55deg) scale(.75);
    -ms-transform: rotateY(55deg) scale(.75);
    transform: rotateY(55deg) scale(.75)
}

.flipster-coverflow .flip-future .flip-content {
    -webkit-transform: rotateY(-55deg) scale(.75);
    -moz-transform: rotateY(-55deg) scale(.75);
    -o-transform: rotateY(-55deg) scale(.75);
    -ms-transform: rotateY(-55deg) scale(.75);
    transform: rotateY(-55deg) scale(.75)
}

.flipster-coverflow.no-rotate .flip-past .flip-content {
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -o-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.flipster-coverflow.no-rotate .flip-future .flip-content {
    -webkit-transform: scale(.75);
    -moz-transform: scale(.75);
    -o-transform: scale(.75);
    -ms-transform: scale(.75);
    transform: scale(.75)
}

.flipster-coverflow .flip-current .flip-content {
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg)
}

.flipster-coverflow .flip-hidden {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0
}

.flipster-carousel .flip-items {
    -webkit-perspective: 2 e3px;
    -moz-perspective: 2 e3px;
    perspective: 2 e3px
}

.flipster-carousel .flip-item {
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transition: all 350ms ease-out;
    -moz-transition: all 350ms ease-out;
    -o-transition: all 350ms ease-out;
    -ms-transition: all 350ms ease-out;
    transition: all 350ms ease-out
}

.no-csstransforms .flipster-carousel .flip-item {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none
}

.flipster-carousel .flip-items img {
    /*-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
    /*-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);*/
    /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.3)*/
}

.flipster-carousel .flip-past {
    -webkit-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65);
    -moz-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65);
    -o-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65);
    -ms-transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65);
    transform: translateX(-80%) translateZ(0) rotateY(80deg) scale(0.65)
}

.flipster-carousel.no-rotate .flip-past {
    -webkit-transform: translateX(-80%) translateZ(0) scale(0.65);
    -moz-transform: translateX(-80%) translateZ(0) scale(0.65);
    -o-transform: translateX(-80%) translateZ(0) scale(0.65);
    -ms-transform: translateX(-80%) translateZ(0) scale(0.65);
    transform: translateX(-80%) translateZ(0) scale(0.65)
}

.no-csstransforms3d .flipster-carousel .flip-past {
    -webkit-transform: translateX(-56%) scale(0.5);
    -moz-transform: translateX(-56%) scale(0.5);
    -o-transform: translateX(-56%) scale(0.5);
    -ms-transform: translateX(-56%) scale(0.5);
    transform: translateX(-56%) scale(0.5)
}

.no-csstransforms .flipster-carousel .flip-past {
    left: -20%;
    top: 40%;
    width: 50%;
    height: 50%
}

.flipster-carousel .flip-future {
    -webkit-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65);
    -moz-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65);
    -o-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65);
    -ms-transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65);
    transform: translateX(80%) translateZ(0) rotateY(-80deg) scale(0.65)
}

.flipster-carousel.no-rotate .flip-future {
    -webkit-transform: translateX(80%) translateZ(0) scale(0.65);
    -moz-transform: translateX(80%) translateZ(0) scale(0.65);
    -o-transform: translateX(80%) translateZ(0) scale(0.65);
    -ms-transform: translateX(80%) translateZ(0) scale(0.65);
    transform: translateX(80%) translateZ(0) scale(0.65)
}

.no-csstransforms3d .flipster-carousel .flip-future {
    -webkit-transform: translateX(56%) scale(0.5);
    -moz-transform: translateX(56%) scale(0.5);
    -o-transform: translateX(56%) scale(0.5);
    -ms-transform: translateX(56%) scale(0.5);
    transform: translateX(56%) scale(0.5)
}

.no-csstransforms .flipster-carousel .flip-future {
    left: 88%;
    top: 40%;
    width: 50%;
    height: 50%
}

.flipster-carousel .flip-prev {
    -webkit-transform: translateX(-53.5%) translateZ(0) rotateY(85deg) scale(0.8);
    -moz-transform: translateX(-53.5%) translateZ(0) rotateY(85deg) scale(0.8);
    -o-transform: translateX(-53.5%) translateZ(0) rotateY(85deg) scale(0.8);
    -ms-transform: translateX(-53.5%) translateZ(0) rotateY(85deg) scale(0.8);
    transform: translateX(-53.5%) translateZ(0) rotateY(85deg) scale(0.8)
}

.flipster-carousel.no-rotate .flip-prev {
    -webkit-transform: translateX(-60%) translateZ(0) scale(0.8);
    -moz-transform: translateX(-60%) translateZ(0) scale(0.8);
    -o-transform: translateX(-60%) translateZ(0) scale(0.8);
    -ms-transform: translateX(-60%) translateZ(0) scale(0.8);
    transform: translateX(-60%) translateZ(0) scale(0.8)
}

.no-csstransforms3d .flipster-carousel .flip-prev {
    -webkit-transform: translateX(-24%) scale(0.75);
    -moz-transform: translateX(-24%) scale(0.75);
    -o-transform: translateX(-24%) scale(0.75);
    -ms-transform: translateX(-24%) scale(0.75);
    transform: translateX(-24%) scale(0.75)
}

.no-csstransforms .flipster-carousel .flip-prev {
    left: -9%;
    top: 20%;
    width: 75%;
    height: 75%
}

.flipster-carousel .flip-next {
    -webkit-transform: translateX(53.5%) translateZ(0) rotateY(-85deg) scale(0.8);
    -moz-transform: translateX(53.5%) translateZ(0) rotateY(-85deg) scale(0.8);
    -o-transform: translateX(53.5%) translateZ(0) rotateY(-85deg) scale(0.8);
    -ms-transform: translateX(53.5%) translateZ(0) rotateY(-85deg) scale(0.8);
    transform: translateX(53.5%) translateZ(0) rotateY(-85deg) scale(0.8)
}

.flipster-carousel.no-rotate .flip-next {
    -webkit-transform: translateX(60%) translateZ(0) scale(0.8);
    -moz-transform: translateX(60%) translateZ(0) scale(0.8);
    -o-transform: translateX(60%) translateZ(0) scale(0.8);
    -ms-transform: translateX(60%) translateZ(0) scale(0.8);
    transform: translateX(60%) translateZ(0) scale(0.8)
}

.no-csstransforms3d .flipster-carousel .flip-next {
    -webkit-transform: translateX(24%) scale(0.75);
    -moz-transform: translateX(24%) scale(0.75);
    -o-transform: translateX(24%) scale(0.75);
    -ms-transform: translateX(24%) scale(0.75);
    transform: translateX(24%) scale(0.75)
}

.no-csstransforms .flipster-carousel .flip-next {
    left: 39%;
    top: 20%;
    width: 75%;
    height: 75%
}

.flipster-carousel .flip-past, .flipster-carousel .flip-future {
    -webkit-opacity: 0.6;
    -moz-opacity: 0.6;
    opacity: 0.6;
    z-index: 1;
    -webkit-transition-delay: 87.5ms;
    -moz-transition-delay: 87.5ms;
    -o-transition-delay: 87.5ms;
    transition-delay: 87.5ms
}

.flipster-carousel .flip-prev, .flipster-carousel .flip-next {
    -webkit-opacity: 0.8;
    -moz-opacity: 0.8;
    opacity: 0.8;
    z-index: -2 !important;
    -webkit-transition-delay: 58.333333333333336ms;
    -moz-transition-delay: 58.333333333333336ms;
    -o-transition-delay: 58.333333333333336ms;
    transition-delay: 58.333333333333336ms
}

.flipster-carousel .flip-current {
    z-index: 999 !important;
    -webkit-transform: rotateY(0deg);
    -moz-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    -ms-transform: rotateY(0deg);
    transform: rotateY(0deg);
    -webkit-transition-delay: 58.333333333333336ms;
    -moz-transition-delay: 58.333333333333336ms;
    -o-transition-delay: 58.333333333333336ms;
    transition-delay: 58.333333333333336ms;
    background: #fff;
    width: 100%;
}

.flipster-carousel .flip-hidden {
    visibility: hidden;
    -webkit-opacity: 0;
    -moz-opacity: 0;
    opacity: 0;
    -webkit-transform: rotateY(0deg) translateX(0) scale(.5);
    -moz-transform: rotateY(0deg) translateX(0) scale(.5);
    -o-transform: rotateY(0deg) translateX(0) scale(.5);
    -ms-transform: rotateY(0deg) translateX(0) scale(.5);
    transform: rotateY(0deg) translateX(0) scale(.5);
    -webkit-transition-delay: 116.66666666666667ms;
    -moz-transition-delay: 116.66666666666667ms;
    -o-transition-delay: 116.66666666666667ms;
    transition-delay: 116.66666666666667ms
}

.no-transition {
    -webkit-transition-duration: 0ms !important;
    -moz-transition-duration: 0ms !important;
    -o-transition-duration: 0ms !important;
    transition-duration: 0ms !important
}