@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:#088cd1;width: .09rem;left: -.05rem;}
.swiper-container-vertical>.swiper-scrollbar{width:.01rem;background-color:#088cd1}

.swiper-pagination-bullet{width:.2rem;height:.2rem;border:.01rem solid #24b4ff;opacity:1;background-color:#fff}
.swiper-pagination-bullet-active{background-color:#24b4ff;}

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

.s-bg1{background: url("img/bg1.jpg") no-repeat;background-size: cover;}
.s-bg2{background: url("img/bg2.jpg") no-repeat;background-size: cover;}
.s-bg3{background: url("img/bg3.jpg") no-repeat;background-size: cover;}
.s-bg4{background: url("img/bg4.jpg") no-repeat;background-size: cover;}

.tit{font-size: 0;height:1.14rem;}
.tit3{margin-bottom:.8rem;background: url(img/tit3.png) no-repeat center center;background-size: auto 100%;}
.tit4{margin-bottom:.32rem;background: url(img/tit4.png) no-repeat center center;background-size: auto 100%;}
.tit5{margin-bottom:.56rem;background: url(img/tit5.png) no-repeat center center;background-size: auto 100%;}
.tit6{margin-bottom:.32rem;background: url(img/tit6.png) no-repeat center center;background-size: auto 100%;}
.tit7{margin-bottom:.32rem;background: url(img/tit7.png) no-repeat center center;background-size: auto 100%;}
.tit8{margin-bottom:.38rem;background: url(img/tit8.png) no-repeat center center;background-size: auto 100%;}
.tit9{margin-bottom:.48rem;background: url(img/tit9.png) no-repeat center center;background-size: auto 100%;}

/* p1 */
.p-01{position: relative;}
.p-01 .content{position:relative;z-index:99;}
.p-01 .logo{width:4.52rem;margin:0 auto;}
.p-01 .txt1{width:4.83rem;margin:1.48rem .12rem 0 0}
.p1-img1{width:3.44rem;margin:.42rem .4rem 0 0}
.p-01 .renwu{position: absolute;bottom:0;left:0;height: 9.67rem;}
.p-01 .txt2{width:1.56rem;margin:-5.23rem 0 0 2.24rem;}
.p1-img2{width:3.7rem;}

/* p2 */
.p-02 .content{height:9rem;background: url("img/p2-bg.jpg") no-repeat center left;background-size: auto 100%;}
.p-02 .txt{margin:1.26rem 0 0 3.25rem;width:3.63rem;}
.p-02 ul{text-align:center;margin:.38rem auto 0;width:6.44rem;font-size:0}
.p-02 li{display:inline-block;margin:.03rem .02rem;padding-top:.3rem;width:1.57rem;height:2.24rem;background-color: #fff;}
.p-02 li i{display:block;margin:0 auto;width:.92rem;height:.92rem;background:url(img/p2-icon.png) no-repeat;background-size:auto .92rem}
.p-02 li .icon1{background-position:0 0;}
.p-02 li .icon2{background-position: -.92rem 0;}
.p-02 li .icon3{background-position: -1.84rem 0;}
.p-02 li .icon4{background-position: -2.76rem 0;}
.p-02 li .icon5{background-position: -3.68rem 0;}
.p-02 li .icon6{background-position: -4.6rem 0;}
.p-02 li .icon7{background-position: -5.52rem 0;}
.p-02 li h2{text-align:center;font-size:.24rem;color:#222;font-weight:normal;}
.p-02 li p{text-align:center;font-size:.18rem;}
.p-02 li p b{font-size:.3rem;font-family:"Impact";color:#088cd1;font-weight:normal;}

.p3-imgs{position:relative;width:6.9rem;margin: 0 auto;overflow:hidden}
.p3-imgs .pagination1{bottom:0;box-sizing:border-box;padding:.08rem .4rem .05rem 0;text-align:right;background-color:rgba(0,0,0,.5)}
.p-03 .txt{width:6.9rem;margin:0 auto;}
.p3-logo{position: relative;z-index: 99;margin-top:-.45rem;width:1.24rem;}
.p3-txt{position:relative;margin-top:.2rem;box-sizing:border-box;padding-right:.22rem;height:2.14rem;width:5.5rem;overflow:hidden;}
.p3-txt .swiper-slide{height:auto}
.p3-txt p{font-size:.2rem;line-height:.36rem;color:#222;text-indent:2em;}
.p3-txt p b{color:#088cd1;}

.p-04 .txt1{text-align: center;font-size: .2rem;line-height: .36rem;color:#222;}
.p-04 .txt1 b{color:#088cd1;}
.p4-img1{width:7.3rem;margin:.3rem auto .1rem;}
.p-04 .txt2{width:7.3rem;margin:0 auto;}
.p4-imgs{position:relative;width:7.3rem;margin:0 auto;overflow:hidden;}
.p-04 .txt3{margin-left: -0.4rem;box-sizing:border-box;padding:.82rem .2rem 0 .24rem;width: 3.45rem;height:3.2rem;background:url(img/p4-bg.jpg) no-repeat;background-size:100% 100%;}
.p-04 .txt3 i{display:block;margin-bottom:.2rem;width:.38rem;height:.04rem;background-color:#fff;}
.p-04 .txt3 p{font-size:.2rem;line-height:.36rem;color:#fff}
.p4-img2{width:4.24rem;}
.pagination2{bottom:0!important;box-sizing:border-box;padding:0 .2rem .22rem 0;text-align:right;}
.pagination2 .swiper-pagination-bullet{width:.2rem;height:.2rem;border:.01rem solid #fff;opacity:1;background-color:transparent}
.pagination2 .swiper-pagination-bullet-active{background-color:#fff;}


.p5-imgs1 .txt1 h2{padding-bottom:.2rem;text-align:center;font-size:.3rem;color:#fff;font-weight:normal;}
.p5-imgs1 .txt1 p{font-size:.2rem;line-height:.34rem;color:#fff;}
.p5-imgs1 .txt2{height:1.54rem;box-sizing:border-box;padding:.26rem .5rem 0;background-color:#fff}
.p5-imgs1 .txt2 i{display:block;margin:0 auto .16rem;width:.37rem;height:.04rem;background-color:#24b4ff;}
.p5-imgs1 .txt2 p{font-size:.2rem;line-height:.3rem;color:#222;}
.p5-imgs1 .g-h{height:2.14rem}
.p5-img1{width:4.25rem;margin:.1rem auto 0;}
.p5-imgs1{position:relative;width:6.9rem;margin: 0 auto;padding-top: 1.64rem;overflow:hidden;}
.p5-imgs2{position: relative;width:6.52rem;margin:0 auto;overflow:hidden}
.pagination4{position:absolute;bottom:0!important;z-index:999;text-align:right;box-sizing:border-box;padding-right:.1rem;height:.34rem;background:url(img/p6-yy.png) no-repeat;background-size:100%;}
.pagination4 .swiper-pagination-bullet{width:.15rem;height:.15rem;border:.01rem solid #fff;opacity:1;background-color:transparent}
.pagination4 .swiper-pagination-bullet-active{background-color:#fff;}
.pagination3{top:0!important;text-align:center;font-size:0;}
.pagination3 .swiper-pagination-bullet{margin: 0 .06rem 0 0 !important;width:1.63rem;height:.53rem;opacity:1;font-size:.18rem;line-height:.53rem;color:#fff;border:.01rem solid #fff;background-color:transparent;border-radius: unset;}
.pagination3 .swiper-pagination-bullet:nth-child(4){margin:0 !important;}
.pagination3 .swiper-pagination-bullet-active{background-color:#24b4ff;border-color:#24b4ff;}


.p6-img1{width:7.3rem;margin:0 auto .45rem;}
.p6-imgs1{position:relative;padding-bottom:.36rem;}
.pagination6{bottom:0!important;text-align:center}
.pagination6 .swiper-pagination-bullet{width:.42rem;height:.02rem;opacity:1;background-color:#a7a7a7;border:none;border-radius: unset;}
.pagination6 .swiper-pagination-bullet-active{background-color:#24b4ff;}
.p6-imgs2{position:relative;width:7.3rem;margin:0 auto;overflow:hidden}
.p6-imgs1 .txt1{display:flex;align-items: center;box-sizing:border-box;padding:0 .2rem 0 .1rem;width:7.3rem;height:1.7rem;background-color:#59b1ff;}
.p6-imgs1 .num{margin-right:.4rem}
.p6-imgs1 i{font-family:"Impact";font-style:italic;font-size: .7rem;color:#fff;}
.p6-imgs1 em{display:block;margin:0 auto;width:.56rem;height:.02rem;background-color:#fff;}
.p6-imgs1 .txt1 h2{padding-bottom:.05rem;font-size:.22rem;color:#fff;}
.p6-imgs1 .txt1 p{font-size:.2rem;line-height:.26rem;color:#fff;}
.p6-img2{position:relative;}
.pagination5{position:absolute;bottom:0!important;z-index:999;text-align:right;box-sizing:border-box;padding-right:.1rem;height:.34rem;background:url(img/p6-yy.png) no-repeat;background-size:100%;}
.pagination5 .swiper-pagination-bullet{width:.15rem;height:.15rem;border:.01rem solid #fff;opacity:1;background-color:transparent}
.pagination5 .swiper-pagination-bullet-active{background-color:#fff;}

.p-07 ul{margin:.94rem auto 0;width:7.3rem;display: flex;flex-wrap: wrap;justify-content:space-between;}
.p-07 li{margin-bottom:.1rem;width: 3.6rem;}

.p-08 .txt{text-align: center;font-size: .22rem;color:#222;}
.p-08 .main{margin-top:.4rem;height:6.9rem;width:100%;background: url(img/p8-bg.jpg) no-repeat left center;background-size: auto 100%;}
.p-08 .logo{padding: .7rem 0 .78rem 4.2rem;width:2.66rem;}
.p8-imgs{width:7rem;margin:0 auto;overflow: hidden;}
.p8-imgs ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.p8-imgs li{width:3.4rem;height:3.15rem;box-sizing: border-box;padding-top:.4rem;background-color:#fff}
.p8-imgs li p{padding-top:.2rem;font-size:.16rem;color:#222;text-align:center;}
.p8-img{height:2.07rem;}
.p8-img img{margin:0 auto;}
.p8-img .img1{width:2.87rem;}
.p8-img .img2{width:2.69rem;}
.p8-img .img3{width:2.72rem;}
.p8-img .img4{width:2.89rem;}
.p8-img .img5{width:2.59rem;}
.p8-img .img6{width:2.82rem;}
.p8-img .img7{width:1.43rem;}
.p8-img .img8{width:1.65rem;}
.p8-img .img9{width:1.36rem;}
.next1,.prev1{display:inline-block;vertical-align: middle;width:.11rem;height:.23rem;}
.prev1{margin-right:.58rem;background:url(img/prev.png) no-repeat;background-size:100%;}
.next1{margin-left:.58rem;background:url(img/next.png) no-repeat;background-size:100%;}
.p8-imgs .num{margin:.92rem 0 0 4.56rem;}
.p8-imgs .num span{display:inline-block;vertical-align: middle;font-size:.24rem;color:#222;}

.p-09 .txt1{text-align: center;font-size: .2rem;line-height: :.34rem;}
.p9-img1{width:7.2rem;margin:.2rem auto .05rem;}
.p-09 .main{width:7.2rem;margin:0 auto;}
.p9-imgs{width:3.15rem;}
.p9-imgs img:nth-child(0){margin-bottom: .04rem;}
.p9-txt{position:relative;box-sizing:border-box;padding-right:.22rem;height:2.76rem;width:3.9rem;overflow:hidden;}
.p9-txt .swiper-slide{height:auto}
.p9-txt p{font-size:.18rem;line-height:.34rem;color:#222;}

/* team */
.team p{font-size: .24rem;line-height: .4rem;}
.team{padding-bottom:.36rem;text-align:center;}
.follow{display:flex;justify-content:center;align-items:center;}
.follow .company{width:1.29rem;margin-right: .46rem;}
.follow .gz_nav{margin-top:.1rem;}
.follow .code{width:1.6rem;}
.mzsm{width:7rem;margin: .5rem auto 0;}
.mzsm-title{width:.97rem;margin-right:.18rem}
.mzsm-text{text-align:left;width:calc( 100% - 1.15rem );}
.mzsm-text p{font-size:.2rem;line-height:.3rem;}


#top{    position: absolute;right: 0;top: 16%;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}
}