@charset "gb2312";
html{color:#222;-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;}

.container{position:relative;box-sizing:border-box;padding-right:.3rem}
.container .swiper-slide{flex-direction: column;height:auto!important}



.content{overflow: hidden;margin: -44px auto 0;width:100%;}
.bg1{background:url("../img/cover-bg.jpg") no-repeat center center;background-size:cover;}
.bg2{background:url("../img/bg2.jpg") no-repeat center center;background-size:cover;}
.bg3{background:url("../img/bg3.jpg") no-repeat center center;background-size:cover;}
.bg5{background:url("../img/bg5.jpg") no-repeat center center;background-size:cover;}
.title{margin:0 auto .46rem;}


/* cover */
.logo{width: 1.24rem;margin: 0 0 .92rem .38rem;}
.cover-text1{width: 2.87rem;margin: 0 auto .68rem;}
.cover-text2{width: 6.97rem;margin:0 auto;}

/* preface */
.preface-img{width:6.3rem;margin:0 auto .46rem;}
.preface-text{text-align:center}
.preface-text p{font-size: 0.24rem;line-height: .45rem;color:#111;}
.preface-text p b{color:#e62129;}

/*part01*/
.part01-main{width:6.62rem;margin:0 auto;background: url("../img/part01-img.png") no-repeat center .15rem;background-size: 6.62rem auto;}
.part01-img{width:6.4rem;margin:0 auto;padding: .05rem;background-color: #fff;box-shadow: 0 0 0.2rem #666;}
.part01-main .text{box-sizing:border-box;}
.part01-main .text h2{font-size:.24rem;color:#e62129;line-height:.34rem}
.part01-main .text p{font-size:.2rem;line-height:.28rem;}
.part01-text1{padding-bottom:1.71rem}
.part01-text1 .text{height:1.74rem}
.part01-text1 .text1{width: 1.72rem;padding:0 .25rem 0 .2rem;}
.part01-text1 .text2{width:2.08rem;padding: 0 .3rem 0 .48rem;}
.part01-text1 .text3{width:2.3rem;padding-left: .5rem;}

.part01-text2{padding-top: 3.42rem;}
.part01-text2 .text1{width:2.84rem;}
.part01-text2 .text2{width:2.28rem;}

/* part02 */
.part02-img{width:7.2rem;margin:0 auto}
.part02-article{position:relative;width:7rem;height:3.1rem;margin:-.18rem auto 0;background:url("../img/part02-bg.jpg") no-repeat center center;background-size:100% 100%;}
.part02-article .part02-logo{width:1.99rem;margin:0 auto;padding:.28rem 0;}
.part02-text{display:flex;justify-content:center;}
.part02-text .marginR{margin-right:.2rem;}
.part02-text li{margin-bottom:.05rem;font-size:0;}
.part02-text i{display:inline-block;vertical-align: middle;width:.02rem;height:.16rem;margin-right:.06rem;background:#f1242c;}
.part02-text p{display:inline-block;vertical-align: middle;font-size:.2rem;line-height:.32rem;}

/* part03 */
.part03-logo{width:2.87rem;margin:0 auto;}
.part03-main{width:6.26rem;margin:0 auto;padding-top:.52rem;}
.part03-main li{width:6.26rem;height:.83rem;line-height:.83rem;margin-bottom:.44rem;text-align:center;font-size:.28rem;color:#fff;background:url("../img/part03-bar.png") no-repeat center center;background-size:100% 100%;}
.part03-main li:last-child{margin-bottom:0;}

/*part*/
.part-title{width:3.84rem;margin:0 auto;background:url("../img/part-title.png") no-repeat center center;background-size:100% 100%;}
.part-title h2{font-size:.34rem;color:#fff;text-align:center;padding-bottom:.07rem;line-height:.67rem}
.part-text{display: flex;justify-content:center;align-items: center;width:7.05rem;margin: 0 auto;}
.part-text .left-body{width:1.55rem;}
.part-text .right-body{width:5.5rem;padding:0 .2rem;}
.part-text .right-body p{font-size:.18rem;line-height:.34rem;color:#fff;}
.part-icon1{width: 1.45rem;margin:0 auto .12rem;}
.part-content{position:relative;display: flex;justify-content: space-between;flex-wrap: wrap;width: 7.05rem;}
.part-images{position:relative;padding-bottom:.94rem;}
.part-images .swiper-slide{flex-direction: column;}
.pagination{position:absolute;bottom: .02rem!important;text-align:center;font-size:0;}
.part-images .swiper-slide>p{width: 7.05rem;font-size:.2rem;color:#fff6ff;line-height:.34rem;padding-top:.26rem;text-align: center;}
.part-content .part-text1{position:absolute;bottom:0;left:0;display:flex;justify-content:center;align-items:flex-end;width:100%;height:.96rem;background:url("../img/zzc.png") no-repeat center center;background-size:100% 100%}
.part-content .part-text1 p{color:#fff;font-size:.24rem;line-height:.34rem;padding-bottom:.2rem}
.part-content .part-text1 strong{padding-right:.08rem;}
.pagination .swiper-pagination-bullet{display:inline-block;width:.3rem;height:.3rem;background:transparent;border:.01rem solid #e62129;opacity:1;}
.pagination .swiper-pagination-bullet-active{background:#e62129}


/*part04*/
.part04-img1{width:7.05rem;}
.part04-img2{width:2.3rem;}
/*part05*/
.part05-img{width:2.3rem;}
/*part06*/
.part06-img{width:3.5rem;}
.part06-img:nth-child(1),.part06-img:nth-child(2){margin-bottom:.04rem}
/*part07*/
.part07-img1,.part07-img{width:3.5rem;}
.part07-img1:nth-child(2) img{width:3.5rem;height:1.93rem;}
.part07-img1:first-child{margin-bottom:.04rem;}
/*part08*/
.part08-img{width:3.5rem;}

/*part09*/
.part09-images{position:relative;padding: .76rem 0 .36rem;}
.part09-content{background:url("../img/part09-bg.png") no-repeat center bottom;background-size:100% .35rem}
.part09-img{width:6.58rem;padding:.07rem;margin-bottom:.35rem;background:#fff;border:.01rem solid #e8e8e6;}

/*part10*/
.part10-img{width:6.08rem;margin:.35rem auto 0;border: .02rem solid #6f6f6f;}
.part10-text{width:6.75rem;margin:0 auto;padding:.42rem 0 0 0;}
.part10-text p{font-size:.22rem;line-height:.38rem;color:#fff;text-indent:2em;}
.part10-text p b{color:#f1242c;}

/* team */
.team-main{padding-top: .4rem;}
.team-text{color:#222;text-align:center;line-height: .34rem;}
.team-text .left-body,.team-text .right-body{display:inline-block;vertical-align:text-top;text-align:left;}
.team-text .right-body{margin-left:-1.4rem}
.team-text p{font-size:.24rem;line-height:.4rem}
.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}


#top{position: absolute;right: 0;bottom: 2%;width: 1.22rem;z-index: 999;display: none;}
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}
}
