@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-flex {/* 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;}

.bg-dark{ background:url(images/dark.png) center; background-size:cover;}
.bg3{background:url(images/bg03.jpg) center; background-size:cover;}
.hdtitle { width:7.27rem; margin: 0 auto;}
.person { width: 100%; position: relative;}
.person img{ margin: 0.2rem auto; width: 4.76rem;}
.person .p-info {
    position:absolute;
    bottom: 0.86rem;
    right:0.5rem;
    padding-left: 0.15rem;
    border-left:3px solid #1f1f1f;
    font-size:0.18rem;
    color:#999;
    }
.person .p-info b{ font-size: 0.28rem; display:inline-block; padding-top: 0.1rem;}
.main-txt {width: 100%;padding:0 0.75rem;margin: 0.3rem auto;box-sizing: border-box;position: relative;}
.main-txt::before{
    display: block;
    content: "";
    width: 0.38rem;
    height: 0.31rem;
    position: absolute;
    top: -0.5rem;
    background: url(images/unit-letter.png) center;
    background-size: 100%;
    left: 0.3rem;
    }
    .main-txt::after{
        display: block;
        content: "";
        width: 0.38rem;
        height: 0.31rem;
        position: absolute;
        bottom: -0.5rem;
        background: url(images/unit-letter.png) center;
        background-size: 100%;
        right: 0.3rem;
        transform:rotate(180deg);
        -ms-transform:rotate(180deg); 	/* IE 9 */
        -moz-transform:rotate(180deg); 	/* Firefox */
        -webkit-transform:rotate(180deg); /* Safari 闂傚倷绀侀幉锛勫垝閿濆绠柨鐕傛嫹 Chrome */
        -o-transform:rotate(180deg); 	/* Opera */
        }
.main-txt h2{font: 0.36rem/1.5 microsoft yahei;color:#f0c475;text-align: justify;}
.main-txt p{font: 0.24rem/1.5 microsoft yahei;color:#999;margin-top: 0.3rem;text-align: justify;}

.titlebox {
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 96%; padding: 0 4% 0 0;}
.titlebox h3{
    font:bold .36rem/1 microsoft yahei; color: #2c1811; white-space: nowrap; }
.titlebox h3::before{content: ""; display: inline-block; margin-right: .2rem; vertical-align: top; width: .4rem; height: .4rem;
background: #2c1811;
}
.titlebox b{font: .28rem/.4rem microsoft yahei; color: #999; white-space: nowrap;}
.titlebox span{  width:100%; margin:.2rem; vertical-align: top;
    border-top: 1px solid #ddd;
    }
.titlebox b strong{ font-weight: bold; padding-left: .1rem;}

.infolist {margin: .4rem auto; width: 100%; padding: 0 .6rem; box-sizing: border-box;}
.infolist ul{ width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-content: center;
    align-content: center; }
.infolist li{width: 50%;margin: .08rem 0;font: .24rem/.32rem microsoft yahei;box-sizing: border-box;white-space: nowrap;}
.infolist li i{display: inline-block;vertical-align: middle;margin-right:.1rem;width:.32rem;height:.32rem;background: url(images/icon.png) no-repeat; background-size: .32rem; }
.infolist li .icon1{background-position: 0 0;}
.infolist li .icon2{ background-position: 0 -.32rem;}
.infolist li .icon3{ background-position: 0 -.64rem;}
.infolist li .icon4{ background-position: 0 -.96rem;}
.infolist li .icon5{ background-position: 0 -1.28rem;}

.ftcon {width: 7.5rem;height: 6.96rem;background: url(images/textbg.png) no-repeat bottom;background-size: 100%;}
.ftcon .ftcon-slide { padding: 0 .7rem; width: 100%; box-sizing:border-box;}
.ftcon .ftcon-slide img{ width: 100%;}
.ftcon .ftcon-slide h4{ margin: .1rem 0; font:bold .28rem/2.5 microsoft yahei; color: #47352c;border-bottom:2px solid #47352c;}
.ftcon .ftcon-slide .ftcon-txt {font: .24rem/.42rem microsoft yahei;color: #47352c;}

.ftcon-pagination {text-align: center;margin-top: -2px;}
.ftcon-pagination .swiper-pagination-bullet {
    width: 1.1rem;
    height: auto;
    border-radius:0;
    font:bold .32rem/2 microsoft yahei;
    color:#333;
    text-align: center;
    background-color: transparent;
    opacity: .5;
  }
  .ftcon-pagination .swiper-pagination-bullet-active {
    color:#333;
    background: url(images/textarrow.png) center top no-repeat;
    background-size: 20%;
    opacity: 1;
  }

.scrollbar{position: relative;height:2.1rem;overflow: hidden;}
.scrollbar .swiper-slide{height: auto;}
.scrollbar .content{padding-right: .3rem;}
.swiper-scrollbar-drag{background:#9f7a47;width: .09rem;left: 0;}
.swiper-container-vertical>.swiper-scrollbar{width:.09rem;background-color:#fff}

.p4-img1{height:3.82rem;}
.p4-img2{height: 3.66rem;}


.p10 .txt{width:6.08rem;height:9.4rem;border:.1rem solid #bababa;}
.p10 h2{padding-top:2.64rem;text-align:center;font-size: .42rem;color:#333;}
.p10 h2 i{display: block;margin: .6rem auto .46rem;width:.4rem;height:.04rem;background-color: #333;}
.p10 p{margin:0 auto;width:4.9rem;font-size: .24rem;line-height: .42rem;color:#333;text-indent:2em;}

/* team */
.team .tit{ text-align: center; font-size: .4rem; color: #333;}
.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: .26rem;line-height: .5rem;}
.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}


.swiper-slide .box{margin-top: -44px;}

#top{position: absolute;right: 0;top: 10px;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,-8px);}
    60% {opacity: 1;-webkit-transform: translate(0,0);}
    100% {opacity: 0;-webkit-transform: translate(0,10px);}
}
@-moz-keyframes start {
    0%,30% {opacity: 0;-moz-transform: translate(0,-8px);}
    60% {opacity: 1;-moz-transform: translate(0,0);}
    100% {opacity: 0;-moz-transform: translate(0,10px);}
}
@keyframes start {
    0%,30% {opacity: 0;transform: translate(0,-8px);}
    60% {opacity: 1;transform: translate(0,0);}
    100% {opacity: 0;transform: translate(0,10px);}
}

@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}
}