*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;margin:0}body{position:relative;}b,dd,dl,dt,h1,h2,h3,input,li,p,span,ul{margin:0;padding:0;list-style:none}.viewport,body{margin:0 auto}img{border:0;display:block}em{font-style:normal}html{-webkit-text-size-adjust:100%;text-size-adjust:100%;word-wrap:break-word}@media only screen and (max-width:640px),only screen and (max-device-width:640px){body,html{font-size:20px}}@media only screen and (max-width:600px),only screen and (max-device-width:600px){body,html{font-size:18.75px}}@media only screen and (max-width:540px),only screen and (max-device-width:540px){body,html{font-size:16.88px}}@media only screen and (max-width:480px),only screen and (max-device-width:480px){body,html{font-size:15px}}@media only screen and (max-width:414px),only screen and (max-device-width:414px){body,html{font-size:12.94px}}@media only screen and (max-width:400px),only screen and (max-device-width:400px){body,html{font-size:12.5px}}@media only screen and (max-width:375px),only screen and (max-device-width:375px){body,html{font-size:11.72px}}@media only screen and (max-width:360px),only screen and (max-device-width:360px){body,html{font-size:11.25px}}@media only screen and (max-width:320px),only screen and (max-device-width:320px){body,html{font-size:10px}}@media only screen and (max-width:240px),only screen and (max-device-width:240px){body,html{font-size:7.5px}}a{color:#666;text-decoration:none;outline:0}body{min-width:320px;font-family:'Source Han Sans','Hiragino Sans GB',STXihei,"Microsoft YaHei",SimSun,Heiti,sans-serif;-webkit-text-size-adjust:none;width:100%;max-width:640px;overflow-x:hidden;font-size:62.5%}.header-banner,.header-banner .header-item .header-bg{width:100%;display:block}@font-face{font-weight:400;font-style:normal;font-family:'Source Han Sans';src:url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_9f264e3.eot);src:url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_9f264e3.eot?) format('embedded-opentype'),url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_249157e.woff) format('woff'),url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_2b987e0.ttf) format('truetype'),url(http://m2.res.meizu.com/static/cn/global/fonts/KaiGenGothicCN-Light_5d96906.svg) format('svg')}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cb-slideshow{
    position: fixed;
    width:100%;
    height:100%;
    top:0;
    left:0;
    right:0;
    bottom:0;
}
.cb-slideshow li{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
    -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 36s linear infinite 0s;
    -moz-animation: imageAnimation 36s linear infinite 0s;
    -o-animation: imageAnimation 36s linear infinite 0s;
    -ms-animation: imageAnimation 36s linear infinite 0s;
    animation: imageAnimation 36s linear infinite 0s;
}
.cb-text{
    display: block;
    width:100%;
    position: absolute;
    top:40%;
}
.cb-button{

}
.cb-button>a{
    display: block;
    width:58%;
    height:4rem;

    color:#fff;
    font-weight: 100;
    line-height:4rem;
    font-size:1.6rem;
    text-align: center;
    margin:0 auto;
}
.cb-button>a:nth-child(1){
    background: rgba(179, 48, 0, 0.6);
}
.cb-button>a:nth-child(2){
    margin-top:.2rem;
    background: rgba(206,170,114, 0.6);
}
.cb-button>a>span{
    display: inline-block;
    line-height:4rem;
    transform:translateX(.3rem);
    -webkit-transform:translateX(.3rem);
    -moz-transform:translateX(.3rem);
}
.cb-slideshow li:nth-child(1){ background-image: url(../img/bg/1.jpg) }
.cb-slideshow li:nth-child(2){ background-image: url(../img/bg/2.jpg);
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s;}
.cb-slideshow li:nth-child(3){ background-image: url(../img/bg/3.jpg);
    -webkit-animation-delay: 12s;
    -moz-animation-delay: 12s;
    -o-animation-delay: 12s;
    -ms-animation-delay: 12s;
    animation-delay: 12s;}
.cb-slideshow li:nth-child(4){ background-image: url(../img/bg/4.jpg);
    -webkit-animation-delay: 18s;
    -moz-animation-delay: 18s;
    -o-animation-delay: 18s;
    -ms-animation-delay: 18s;
    animation-delay: 18s;}
.cb-slideshow li:nth-child(5){ background-image: url(../img/bg/5.jpg);
    -webkit-animation-delay: 24s;
    -moz-animation-delay: 24s;
    -o-animation-delay: 24s;
    -ms-animation-delay: 24s;
    animation-delay: 24s;}
.cb-slideshow li:nth-child(6){ background-image: url(../img/bg/6.jpg);
    -webkit-animation-delay: 30s;
    -moz-animation-delay: 30s;
    -o-animation-delay: 30s;
    -ms-animation-delay: 30s;
    animation-delay: 30s;}
.cb-slideshow li:nth-child(7){ background-image: url(../img/bg/7.jpg);
    -webkit-animation-delay: 36s;
    -moz-animation-delay: 36s;
    -o-animation-delay: 36s;
    -ms-animation-delay: 36s;
    animation-delay: 36s;}
@-webkit-keyframes imageAnimation {
    0% {
        opacity: 0;
        -webkit-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -webkit-transform: scale(1.05);
        -webkit-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -webkit-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -webkit-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-moz-keyframes imageAnimation {
    0% {
        opacity: 0;
        -moz-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -moz-transform: scale(1.05);
        -moz-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -moz-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -moz-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-o-keyframes imageAnimation {
    0% {
        opacity: 0;
        -o-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -o-transform: scale(1.05);
        -o-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -o-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -o-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@-ms-keyframes imageAnimation {
    0% {
        opacity: 0;
        -ms-animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        -ms-transform: scale(1.05);
        -ms-animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        -ms-transform: scale(1.1);
    }
    25% {
        opacity: 0;
        -ms-transform: scale(1.1);
    }
    100% { opacity: 0 }
}
@keyframes imageAnimation {
    0% {
        opacity: 0;
        animation-timing-function: ease-in;
    }
    8% {
        opacity: 1;
        transform: scale(1.05);
        animation-timing-function: ease-out;
    }
    17% {
        opacity: 1;
        transform: scale(1.1);
    }
    25% {
        opacity: 0;
        transform: scale(1.1);
    }
    100% { opacity: 0 }
}