html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust: 100%;font-size: 62.5%; font-family:microsoft yahei; font-size:0.24rem;}
*{outline: none;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr,button,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {margin:0;padding:0;}
h1,h2{ font-weight:bold}
em,i{ font-style:normal}
ul,li{list-style:none}
a{text-decoration:none;}
b,strong{ font-weight:bold}
img{border:none;width:100%;display:block;}
.fl, .fr{_display: inline;}
.fl{float: left;}
.fr{float: right;}
.cl {clear:both;}
.cl:after { content:"."; visibility:hidden; height:0; font-size:0; display:block; clear:both;}


html, body {position: relative; height: 100%; }
body {background: #fff; font-size:0.24rem; color:#333; }
.swiper-container { width: 100%; height: 100%;}
.swiper-slide {position: relative;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex; display: flex;  -webkit-box-pack: center; -ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center; align-items: center; }
.swiper-scrollbar-drag{background:#ae9d86;width: .09rem;left: -.05rem;}
.swiper-container-vertical>.swiper-scrollbar{width:.01rem;}


.content{overflow: hidden;margin: -44px auto 0;}

.bg1{background: url("../img/bg1.jpg") no-repeat center center;background-size:cover;text-align: center;}
.bg2{background: url("../img/bg2.jpg") no-repeat center center;background-size:cover;text-align: center;}
.bg3{background: url("../img/bg3.jpg") no-repeat center center;background-size:cover;text-align: center;}
.swiper-pagination-bullet{width:.18rem;height:.18rem;background:transparent;border:.03rem solid}

.title{width:7.5rem;margin:0 auto;}
.title-text{padding-top: .35rem;width:6.85rem;margin:0 auto;}
.title-text p{font-size:.2rem;line-height: .38rem;}

.pagination{position:absolute;bottom:0!important}
.pagination .swiper-pagination-bullet{width:.23rem;height:.23rem;border:.01rem solid #d3aa64;opacity:1;}
.pagination .swiper-pagination-bullet-active{background:#d3aa64}
.swiper-scrollbar-drag{background:#deb5a8;width: .1rem;left: -.04rem;}
.swiper-container-vertical>.swiper-scrollbar{width:.02rem;background:#ddd}

/*封面*/
.cover{background: url("../img/cover-bg.jpg") no-repeat center center;background-size:cover;text-align: center;}
.cover-logo{width:2.55rem;margin:0 auto }
.cover-title{width:5.56rem;margin:0 auto;padding-top:.25rem}

/*前言*/
.preface-title{width:5.61rem;margin:0 auto .65rem;}
.preface-text{color:#fff;line-height:.5rem}

/* part01 */
.part01-main .logo{width:2.49rem;margin: .32rem auto .3rem;}
.part01-video{width:7.1rem;height:3.8rem;margin:0 auto;background:rgba(0,0,0,.5)}
#youkuplayer0{width:100%;height:100%;}
.part01-text{position:relative;width:7.1rem;height: 2rem;margin: .32rem auto 0;text-align:justify;line-height:.44rem;overflow: hidden;box-sizing: border-box;padding-right: .3rem;}
.part01-text .swiper-slide{height:auto}
.part01-text p{text-indent:2em}
.part01-text p b{color:#ba8f46}

/*part02*/
.part02-main{position:relative;padding-top:.67rem;overflow: hidden;width:7.1rem;margin:.2rem auto 0;}
.part02-images{position:relative;width:7.5rem;overflow:hidden;}
.part02-images .swiper-slide{align-items:flex-start}
.part02-img{width:7.1rem;}
.part02-article{width:7rem;text-align:justify;margin: 0 auto;box-sizing:border-box;padding:.18rem .12rem .2rem .22rem;background:#282724;border-left:.04rem solid #c99843;}
.part02-text{;position:relative;height:2rem;overflow:hidden;padding-right:.2rem;}
.part02-text .swiper-slide{height:auto}
.part02-text p{text-indent:2em;color:#fff;font-size:.22rem;line-height:.38rem;}

.pagination1{position:absolute;top:0;left:0;width:100%!important;height:.38rem;display:flex;justify-content:center;z-index: 0;background:url("../img/border-bg.jpg") repeat-x center center;background-size:.01rem .01rem; }
.pagination1 .swiper-pagination-bullet{width:1.14rem;height:.38rem;border: .01rem solid #a4987a;border-radius: .04rem;display:flex;align-items:center;justify-content:center;line-height:.38rem;font-size:.24rem;color:#333;background:#fff;opacity:1}
.pagination1 .swiper-pagination-bullet-active{background:#413828;color:#ffd080;}
.swiper-button-next,.swiper-button-prev{width:.37rem;height:.6rem;}
.swiper-button-next{background: url('../img/prev.png') no-repeat -1.22rem 0;background-size:auto 100%}
.swiper-button-prev{background: url('../img/prev.png') no-repeat 0 0;background-size:auto 100%}
.swiper-button-prev:active{background: url('../img/prev.png') no-repeat -.38rem 0;background-size:auto 100%}
.swiper-button-next:active{background: url('../img/prev.png') no-repeat -.84rem 0;background-size:auto 100%}
/*part03*/
.part03-main{position:relative;padding-bottom:.6rem;margin-top:.45rem}
.part03-img{width:7.1rem;margin:0 auto}
.part03-text{position:relative;height: 2rem;overflow:hidden;/* text-align: left; */box-sizing: border-box;padding: 0 .2rem;}
.part03-text .swiper-slide{height:auto;}

/*part04*/
.part04-main{position:relative;padding-top:.67rem;overflow: hidden;margin:.2rem auto 0;width:7.5rem;}
.articlelist{padding-left:.37rem;height:8.26rem;overflow: hidden;}
.articlelist li{display: flex;transform: translate3d(0,0,0);height:8.26rem;flex-wrap:wrap;align-items:center}
/*.articlelist li.on{display:flex;}*/
.part04-main .part04-icones{padding: .07rem .22rem .06rem .42rem;background: url("../img/part04-bg.png") no-repeat center left;background-size:auto 100%}
.part04-main .part04-icones li{position:relative;width:1.46rem;height:1.46rem;background:url("../img/clock1.png") no-repeat center .82rem #eae2cf;background-size:.35rem .35rem;border-radius:50%;margin-bottom:.22rem;box-sizing:border-box;padding-top:.4rem;font-size:.3rem;line-height:.36rem;}
.part04-main .part04-icones li:last-child{margin-bottom:0;}
.part04-main .part04-icones li.on{ background:url("../img/clock.png") no-repeat center .82rem #f0bb5e;background-size:.35rem .35rem;color:#fff}
.part04-main .part04-icones li.on i{position:absolute;left: -.1rem;top: calc( 50% - .08rem );display:block;width:.11rem;height:.16rem;background:url("../img/part04-icon.png") no-repeat center center;background-size:100% 100%;}
.part04-content{position:relative;width:4.4rem;overflow:hidden;padding-bottom: .6rem;}
.part04-content .swiper-slide{align-items:flex-start}
.part04-title{text-align:right;font-size:0}
.part04-title h2{font-size:.35rem;line-height:.36rem;color:#222;}
.part04-title .border{display:inline-block;width:.67rem;height:.02rem;background:#d3aa64;margin:.09rem 0 .2rem}
.part04-img{width:4.4rem;}
.part04-text{position:relative;width:4.4rem;box-sizing:border-box;padding-top: .25rem;text-align: left;}
.part04-text p{font-size: .22rem;line-height: .34rem;}

/*part05*/
.part05-main{display:flex;flex-wrap: wrap;justify-content: space-around;width:7.5rem;box-sizing:border-box;padding:.37rem .52rem 0}
.part05-main li{width:2.73rem;margin-top:.4rem}

/* part06 */
.part06-main{padding-top:1.16rem}
.part06-img{width:4rem;margin:0 auto}
.part06-text{padding-top:.42rem;line-height:.4rem;color:#fff;}

/*小编手记*/
.team-main{padding-top: .7rem;}
.team-text{color:#222;text-align:center;line-height: .34rem;}
.follow{display:flex;align-items:center;justify-content:center;padding-top: .5rem;}
.follow .company{width: 1.27rem;padding-right: 0.28rem;}
.follow .code{width:1.5rem;}
.gz_nav{padding-top:.15rem}
.mzsm{padding:0 .4rem;margin-top: .4rem;color:#fff}
.mzsm-title{width:1.78rem;margin: .5rem auto .3rem;}
.mzsm p{font-size: .2rem;color:#333;text-align: left;line-height: .3rem;text-indent:2em}




footer{ display:none!important}
#array{	position:absolute;z-index:999;-webkit-animation: start 1.5s infinite ease-in-out;	width:0.47rem;height: 0.49rem;	bottom: 50px;left:45%;}
@-webkit-keyframes start {
    0%,30% {opacity: 0;-webkit-transform: translate(0,10px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,-8px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,10px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,-8px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,10px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,-8px);}
}

@keyframes fade{
    from{ opacity:0}
    to{ opacity:1}
}
@-webkit-keyframes fade{
    from{ opacity:0}
    to{ opacity:1}
}
@-moz-keyframes fade{
    from{ opacity:0}
    to{ opacity:1}
}