.index { padding-top: .8rem; }
.index .banner { background: #fff; }
.index .nav { overflow: hidden; margin-left: -.1rem; padding-top: .15rem; background: #fff; }
.index .nav li { float: left; margin-left: .1rem; text-align: center; font-size: .28rem; padding-top: .3rem; box-sizing: border-box; }
.index .nav li a { display: block; width: 2.3rem; height: 1.8rem; overflow: hidden; }
.index .nav li a i { display: inline-block; margin-bottom: .14rem; color: #fff; font-size: .8rem; margin-top: .05rem; }
.index .nav li a p { color: #fff; }
.index .nav li:nth-child(1) { background: #0fc7d7; }
.index .nav li:nth-child(2) { background: #49d06f; }
.index .nav li:nth-child(3) { background: #7fd597; }
.index ol { padding-top: .1rem; overflow: hidden; background: #fff; padding-bottom: .2rem; }
.index ol li.fl { width: 4.7rem; height: 2.8rem; position: relative; }
.index ol li.fl .video-mask1 { position: absolute; top: 0; left: 0; text-align: center; z-index: 2; background: rgba(0, 0, 0, 0.6); color: #fff; padding-top: .9rem; box-sizing: border-box; height: 100%; width: 100%; }
.index ol li.fl .video-mask1 i { background: url("../images/icon-video.png") no-repeat; background-size: 100% 100%; display: inline-block; width: .58rem; height: .63rem; }
.index ol li.fl .video-mask1 p { font-size: .28rem; margin-top: .2rem; }
.index ol li.fr { width: 2.3rem; height: 2.8rem; background: #daa55d; padding: .3rem 0 .2rem; box-sizing: border-box; color: #fff; }
.index ol li.fr a { color: #fff; }
.index ol li.fr h2 { font-size: .18rem; opacity: .5; }
.index ol li.fr h1 { font-size: .28rem; }
.index ol li.fr .contact-box { overflow: hidden; margin-top: .2rem; margin-bottom: .1rem; }
.index ol li.fr .contact-box a { display: inline-block; float: left; width: 49.5%; background: #cf994f; color: #fff; text-align: center; height: .7rem; line-height: .7rem; }
.index ol li.fr .contact-box a i { font-size: .4rem; }
.index ol li.fr .contact-box a:first-child { margin-right: 1%; }
.index ol li.fr .txt-box p { font-size: .18rem; }
.index ol li.fr .txt-box p:first-child { margin-bottom: .1rem; }

.qrBox { width: 5.2rem; height: 5.77rem; text-align: center; background: #fff; overflow: hidden; }
.qrBox .qr { margin-bottom: .35rem; margin-top: .5rem; width: 3.55rem; }
.qrBox h1 { font-size: .3rem; color: #333333; margin-bottom: .15rem; }
.qrBox p { font-size: .24rem; color: #333; }

/*# sourceMappingURL=index.css.map */