html{color:#333;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;font-size:62.5%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,textarea,p,blockquote,th,td,button,article,footer,header,menu,nav,section{margin:0;padding:0;}
html,body{position:relative;/* height:100%; */}body{background:#fff;font-size:.24rem;color:#333;margin:0 auto;padding:0;font-family:'Microsoft YaHei';max-width:750px;}
ol,ul,li{list-style:none;}h1,h2{font-weight:bold;}em,i{font-style:normal;}
a{text-decoration:none;display:inline;}img{border:none;width:100%;display:block;}
.fl,.fr{_display:inline;}.fl{float:left;}.fr{float:right;}.pr{position:relative;}
.cf{clear:both;}.cf:after{content:".";visibility:hidden;height:0;font-size:0;display:block;clear:both;}
.u-topbar{position:fixed;top:0;z-index:9999;width:100%;}footer{/* display:none; */}
.pd20{padding: .2rem;}
.fz20{font-size: .2rem;}
blockquote{line-height: .32rem;}
strong{color: #00aecb;font-weight: bold;}
.mgt30{margin-top: .3rem;}
.mgb40{margin-bottom: .4rem;}
.center{text-align: center;}
.white{color: #fff}


.swiper-container{width:100%;height:100%;}.tt{width:6.9rem;height:1.3rem;margin:0 auto .2rem;}
.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;}
.content{width:6.9rem;overflow:hidden;margin:0 auto;}.content1{width: 7.1rem;overflow: hidden;margin:0 auto;}

.index .content{margin-top: -23%;}

.logo{width: 3.93rem;margin:0 auto;}
.index_num{width: 4.46rem;margin:.8rem auto .6rem; }
.txt{width: 7.1rem;margin:0 auto;}

/*标题*/
.tita{text-align: center;padding-bottom: .3rem}
h2 b{display: inline-block;border:1px solid #333;font-size: .45rem;padding: .1rem .3rem;margin-bottom: .1rem;}
.tita h3{text-transform: uppercase;color: #00b0cd;}
.tita blockquote{font-size: .3rem;margin:.1rem 0;}
.tita em{display: block;width: .64rem;height:2px;background: #00b0cd;margin:0 auto;}


.index{background: url(images/index.jpg) no-repeat center;background-size: cover;}
.bg{background:url(images/bg1.jpg) no-repeat center;background-size:cover;}
.bg2{background: url(images/bg2.jpg) no-repeat center;background-size: cover;}
.bg3{background: url(images/bg3.jpg) no-repeat center;background-size: cover;}
.bg4{background: url(images/bg4.jpg) no-repeat center;background-size: cover;}
.bg5{background: url(images/bg5.jpg) no-repeat center;background-size: cover;}
.bg7{background: url(images/bg7.jpg) no-repeat center;background-size: cover;}
.bg8{background: url(images/bg8.jpg) no-repeat center;background-size: cover;}
.bg6{background: #eeeae8}
.f4{background: #f4f4f4}

.p1_txt{margin-top: -12%;padding-right: 23%;line-height: .35rem;}
.p1_txt p{text-align: justify;}

.p3 #num_list{padding-left: .3rem}
.p3 #num_list li{width:50%;float: left;margin-bottom: .8rem;}
.p3 #num_list li .num{font-size: .74rem;}
.p3 #num_list li .num span{font-size: .36rem;}
.p3 #num_list li blockquote{font-size: .22rem;color: #666;}

#sroll_txt .swiper-slide{width: 100%!important;display: inline-block;}
.p4 #sroll_txt dl{padding: .6rem .3rem 0;color: #fff;height: 3.3rem;}
.p4 #sroll_txt dl dt{width: 2.4rem;margin:0 auto;}
.p4 #sroll_txt dl dd h4{font-size: .26rem;font-weight: bold;text-align: center;margin: .1rem 0;}
.p4 #sroll_txt dl dd blockquote{font-size: .22rem;text-align: justify;line-height: .33rem;}
.p4 #sroll_txt dl.one{background: #00b0cd;}
.p4 #sroll_txt dl.two{background: #c698d7;}
.p4 #sroll_txt dl.three{background: #eb9437;}
.p4 #sroll_txt dl.four{background: #74b97a;}

.p5 .wrap {text-align: center;color: #fff;/* margin-top: .5rem; */}
.p5 dl{width: 3.3rem;height: 5.2rem;margin:0 auto;padding:  .6rem .35rem 0;text-align: center;}
.p5 dl.d1{background: #fff url(images/d1_bg.jpg) no-repeat;background-size: 100%;}
.p5 dl.d2{background: #fff url(images/d2_bg.jpg) no-repeat;background-size: 100%;}
.p5 dl.d3{background: #fff url(images/d3_bg.jpg) no-repeat;background-size: 100%;}
.p5 dl.d4{background: #fff url(images/d4_bg.jpg) no-repeat;background-size: 100%;}
.p5 dl.d5{background: #fff url(images/d5_bg.jpg) no-repeat;background-size: 100%;}
.p5 .wrap blockquote{margin-top: .3rem;}
.p5 dl dt{width: 2.95rem;height: 2.1rem;padding-top: .35rem;margin:0 auto;}
.p5 dl dt{font-size: .3rem;font-weight: bold;background: #00aecb}
.p5 dl dt img{display: block;width: .42rem;height: .42rem;margin: 0 auto .2rem;}
.p5 dl dd{margin-top:.2rem;color: #fff;}
.swiper-button-prev{background: url(images/prev_btn.png) no-repeat;background-size: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0);outline: none;display: none;}
.swiper-button-next{background: url(images/next_btn.png) no-repeat;background-size: 100%;-webkit-tap-highlight-color: rgba(0,0,0,0);outline: none;display: none;}

.tag .num_s{text-align: center;margin-top: .3rem;display: none;}
.tag .num_s li{width: .2rem;height: .2rem;border:1px solid #2b2828;display: inline-block;border-radius: 50%;margin:0 .1rem;}
.tag .num_s li.on{background: #00aecb;border:1px solid #00aecb;}
.p6 .bd ul li .info{margin-top: .3rem;padding-bottom: .3rem;}
.p6 .bd ul li .info h4{font-size: .32rem;font-weight: bold;margin-bottom: .1rem;}
.p6 .bd ul li .info p{line-height: .32rem;}

.img_txt .swiper-pagination{color: #fff;background: url(images/tmbg.png) repeat;width: 2rem;height: .65rem;line-height: .65rem;left:71%;}
.img_txt .swiper-pagination .swiper-pagination-current{color: #00aecb;font-size: .3rem;}

.p7 .cursor i{display: block;background: url(images/cursor.png) no-repeat;width: .36rem;height: .34rem;margin:.2rem auto;background-size: 100%;}
.p7 .cursor p{color: #ff0000;font-size: .3rem;}

.introduction-article{margin-top:.1rem; height: 100%; overflow: hidden; background: url(images/repeat-x_bg.jpg) .15rem repeat-y; }
.introduction-article #history{width:100%;height: 5.8rem;position: relative;}
.introduction-article .scrollbar1{display: none;height: 5.8rem;}
.introduction-article .swiper-slide{flex-direction: column;height: auto;z-index: 1;padding-right: .2rem;}
.introduction-article .swiper-slide p{line-height:.28rem;font-size: .2rem;color: #333}
.history_box{padding: .3rem 0 .2rem;border-bottom:1px solid #aaaaaa;margin:0 8%;position: relative;}
.history_box i{position: absolute;left: -9.2%;background: url(images/map.png) no-repeat; width: .28rem;height: .34rem;background-size: 100%;top:14%;}
.history_box .subtita{background: #00aecb;width: 1.57rem;height: .5rem;line-height: .5rem;color: #fff;text-align: center;border-radius: 15px;}
.history_box dl{margin-top: .2rem;}
.introduction-article .history_box:nth-child(odd) dl dt{margin-right: 2%;}
.introduction-article .history_box:nth-child(even) dl dd{margin-right: 2%;}
.history_box dl dt{width: 43%;display: inline-block;}
.history_box dl dd{width: 53%;display: inline-block;vertical-align: top;line-height: 1.2;}
.history_box dl dd .year{font-size: .8rem;}
.history_box dl dd span{font-size: .24rem;margin-left: .1rem;}

.p10,.p9{text-align: center;}
.mgt10{margin-bottom: .1rem}
.wbf6{width: 58%;}
.wbf4{width: 40.5%;}
.wbf5{width: 49%;}
.pic dl{position: relative;overflow: hidden;color: #fff;}
.pic dl dd{position: absolute;bottom: 0;left: 0;background: url(images/tmbg.png) repeat;width: 100%;padding: .2rem 0;font-size: .18rem;}



.p10 dl dd{font-size: .24rem;}
.p10 .txt h5{font-size: .26rem;font-weight: bold;color: #000;margin-top: .4rem;margin-bottom: .2rem;}
.p10 .txt blockquote{font-size: .22rem;line-height: .34rem;}

.p11{color: #fff}
.p11 .xb {text-align: center;}
.p11 img{width: 3.72rem;margin:.5rem auto .3rem;}
.xb h6{font-size: .48rem;font-weight: bold;margin-bottom: .1rem;}
.xb span{display: block;text-transform: uppercase;font-size: .24rem;}
.p11 p{line-height: .42rem;}

.p12{color: #333;}
.team{ text-align:center;color:#000;line-height:0.5rem;font-size: .24rem;margin:.4rem 0;}
.end{ width:100%; text-align:center}
.end h4{font-size: .3rem;color:#000;margin-bottom: .1rem;font-weight: bold;}
.end h4 i{color:#00aecb;}
.wb,.ewm{ display:inline-block; width:2rem; display:inline-block;margin-right:.2rem;}

#array{position:absolute;z-index:999;-webkit-animation:start 1.5s infinite ease-in-out;width:.47rem;height:.49rem;bottom:10px;left:46%;}
@-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);}
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:0 !important;}
.common-container,.cover {
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    right: 0;
    bottom: 0;
    z-index: 999;
}

.common-container {position: absolute;background: url(images/bg.jpg) top center #e3e3e3;}
.cover {position: absolute;z-index: 19;/* background: url(images/bg.jpg) top center; */background-size: cover;}
.pop {position: absolute;left: 50%;top: 47%;-webkit-transform:translate(-50%,0);transform:translate(-50%,0);opacity: 0;
    -webkit-animation: fadeIn .5s .5s forwards;animation: fadeIn .5s .5s forwards;
}
.pop .click {width: .8rem;height: .8rem;background-image: url(images/load_icon.png);
    animation: zoomIn 1.5s  infinite;background-size: 100%;margin:0 auto;}

.pop .hand {width: .5rem;height: .5rem;background: url(images/hand.png);background-size: 100%;margin-left: 50%;margin-top: -13%;
    -webkit-animation: hand .5s infinite;animation: hand .5s infinite;
}
.pop .tip_txt {margin-top: .5rem;color: #000;font-size: .24rem;letter-spacing: 2px;text-align: center;line-height: 2;}

.videoWrap {left: 0;top: 0;right: 0;bottom: 0;width: 100%;height: 100%}
.videoWrap video {display: block;width: 100%;height: 100%;object-fit: fill}
.videoWrap .pop {display: none}

.bg-mask{position:absolute;left:0;top:0;width:100%;height:100%;background:url(images/bg_mask.png);background-size:cover;}
.disn{display:none;}
@-webkit-keyframes hand {
    0%,100% {
        -webkit-transform: translate(0,0)
    }

    50% {
        -webkit-transform: translate(10px,10px)
    }
}

@keyframes hand {
    0%,100% {
        transform: translate(0,0)
    }

    50% {
        transform: translate(10px,10px)
    }
}