@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:#e4b794;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: 0 auto ;width:100%;}

.g-pd10{display:inline-block;margin: .1rem 0;}

.pagination{text-align:center;font-size:0;line-height:0}
.pagination .swiper-pagination-bullet{display:inline-block;width:.82rem;height:.02rem;background-color:#707070;}
.pagination .swiper-pagination-bullet-active{background-color:#e4b794;}

.s-bg2{background: url(img/bg2.jpg) no-repeat;background-size: cover;}
.s-bg3{height:8.1rem;margin:0 .1rem;background: url(img/p4-bg.jpg) no-repeat left center;background-size: 2.38rem 8.1rem;}
.s-bg4{background: url(img/bg4.jpg) no-repeat;background-size: cover;}
.s-bg5{background: url(img/p7-bg.png) no-repeat top center;background-size: 100% auto;}
.s-txt{font-size:.2rem;font-weight: bold;color:#222;background:url("img/p3-icon.jpg") repeat-x bottom;background-size:.01rem .1rem;}

.tit3{height:.56rem;background:url("img/tit3.png") no-repeat center center ;background-size:2.69rem .56rem;}
.tit4{height:.54rem;margin-bottom:.52rem;background:url("img/tit4.png") no-repeat center center ;background-size:6.77rem .54rem;}
.tit5{height:.54rem;margin-bottom:.5rem;background:url("img/tit5.png") no-repeat center center ;background-size:6.77rem .54rem;}
.tit6{height:.54rem;margin-bottom:.32rem;background:url("img/tit6.png") no-repeat center center ;background-size:5.77rem .54rem;}
.tit7{height:.54rem;margin-bottom:.25rem;background:url("img/tit7.png") no-repeat center center ;background-size:5.77rem .54rem;}
.tit8{height:.54rem;margin-bottom:.52rem;background:url("img/tit8.png") no-repeat center center ;background-size:3.27rem .54rem;}
.tit9{height:.54rem;margin-bottom:.52rem;background:url("img/tit9.png") no-repeat center center ;background-size:3.27rem .54rem;}
.tit{font-size:0;}

/* cover */
.p-01{position:relative;margin-top:-44px}
.p-01 .top-body{position:absolute;top:0;left:0;z-index:10;width:100%;height:6.63rem;background:url("img/c-bg1.png") no-repeat top center;background-size:100% auto;}
.c-img1{width:2.96rem;margin-top:1.86rem}
.c-txt1{width:6.66rem;padding-left:.52rem;}
.p-01 .content{position:relative;z-index:11;padding-top:3rem}
.c-img2{width:4.62rem;padding-left:.4rem;margin:0 auto}
.c-img3{width:4.57rem;margin:-9.73rem auto 0;}
.p-01 .bottom-body{position:absolute;z-index:12;bottom:0;left:0;width:100%;height:6.6rem;background:url("img/c-bg2.png") no-repeat bottom center;background-size:100% auto;}
.c-txt2{width:6.1rem;margin:.3rem auto 0}
.c-txt3{width:4.15rem;margin:-.14rem auto 0;padding-left:2.5rem;}

/* p1 */
.p-02 h2{width:1.86rem;height:2.34rem;margin:0 auto .32rem;font-size: 0;background: url("img/p2-txt.png") no-repeat;background-size: 100% 100%;}
.p-02 .txt{margin-left:.9rem;padding-left:.3rem;background:url("img/p2-bder.png") no-repeat left bottom ;background-size: .17rem auto;}
.p-02 p{font-size:.2rem;line-height:.4rem;}
.p-02 p b{color:#c6946c;}

/* p3 */
.p3-img{width:3.76rem;margin-left:.18rem}
.p3-img i{display:block;width:1.7rem;height:4.4rem;background-color:#d0a888;}
.p3-img img{display:block;margin: -4.32rem 0 0 .12rem;}
.p-03 .txt1{width:3.1rem;margin:.36rem .18rem 0 0;}
.p-03 .txt1 p{font-size:.2rem;line-height:.36rem}
.p-03 .txt2{height:2.5rem;overflow:hidden;margin:.2rem .38rem 0}
.p-03 .txt2 .swiper-slide{height:auto;}
.p-03 .txt2 h2{padding:.18rem 0;font-size:.22rem;color:#c6946c}
.p-03 .txt2 h2 span{font-size:.2rem;font-weight:normal;color:#b6b6b6;letter-spacing: .1rem;}
.p-03 .txt2 i,.p-03 .txt2 em{display:inline-block;vertical-align: text-top;}
.p-03 .txt2 i{margin:.1rem .12rem 0 0;width:.06rem;height:.06rem;background-color:#d2af91}
.p-03 .txt2 em{width:calc(100% - .18rem);font-size:.18rem;line-height:.3rem}


.p4-images{width:6.5rem;float: right;padding-top: .32rem;overflow: hidden;}
.pagination1{padding:.2rem 0 .2rem .5rem;}
.p-04 .txt1{float: right;width: 4.7rem;height:3rem;overflow:hidden;}
.p-04 .txt1 .swiper-slide{height:auto;}
.p-04 .txt1 p{font-size:.2rem;line-height:.3rem;text-indent:2em;color:#111;}

.p5-img{width:6.45rem;margin:0 auto .3rem;}
.p-05 .txt1{margin:0 .18rem 0 .3rem;height:2.7rem;overflow:hidden;}
.p-05 .txt1 .swiper-slide{height:auto;}
.p-05 .txt1 p{font-size:.18rem;color:#111;line-height:.3rem;text-indent:2em;}


.p6-images{width:7rem;margin:0 auto;overflow:hidden;}
.p6-images .cont{width:7rem;padding-bottom:.4rem;background-color:#fff;}
.p6-images img{width:6.8rem;margin: .1rem auto 0;}
.p6-images p{padding:.36rem 0 .08rem;text-align:center;font-size:.2rem;color:#222;}
.p6-images i{display:block;width:.38rem;height:.02rem;margin:0 auto;background-color:#e4b794;}
.pagination2{padding:.24rem 0 .5rem;}
.p-06 .txt1{margin:0 .2rem;height:2.55rem;overflow:hidden;}
.p-06 .txt1 .swiper-slide{height:auto;}
.p-06 .txt1 p{font-size:.18rem;color:#fff;line-height:.3rem;text-indent:2em;}

.p7-images .p7-img{margin:0 .03rem;width:3.3rem;background-color:#d3a987;}
.p7-images p{text-align:center;font-size:.18rem;color:#222;padding:.2rem 0 .22rem;}
.pagination3{padding:.4rem 0 .5rem;}
.p-07 .txt1{margin:0 .18rem 0 .36rem;height:3.3rem;overflow:hidden;}
.p-07 .txt1 .swiper-slide{height:auto;}
.p-07 .txt1 p{font-size:.2rem;color:#111;line-height:.3rem;text-indent:2em;}

.p8-img{width:7.2rem;margin:0 auto;}
.p-08 .txt{position:relative;display:flex;align-items:center;box-sizing:border-box;padding:0 .18rem 0 .22rem;width:6.96rem;height:2.85rem;margin:-.36rem auto 0;background: url(img/p8-bord.png) no-repeat;background-size: 100% 100%;}
.p-08 .txt p{font-size:.18rem;color:#fff;line-height:.3rem;text-indent:2em;}
.p-08 .txt b{color:#c6946c;}

/* 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}
}