@charset "utf-8";
*{margin:0;padding:0;border:0;outline:0;box-sizing: border-box;background-repeat: no-repeat;background-position: center center;}
ul,li{list-style: none;}
a{text-decoration: none;color: #333333;}
img{width: 100%;border:none;display: block;}
em,i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.w690{width: 9.2rem;margin: 0 auto;}
.clearfix {*zoom: 1;}
.clearfix:after {display: block;content: " ";height: 0;visibility: hidden;clear: both;}

#content{width: 10rem;margin: 0 auto;}

#nav_bg{position: fixed;top: 0;width: 10rem;height: 100%;background: rgba(0, 0, 0, 0.6)!important;z-index: 99;display: none;}
#nav{height: 1.333333rem;width:10rem;top:0;z-index: 999;background: none;position: relative;}
#nav .hishop_logo{float: left;}
#nav .hishop_logo img{width: 2.493333rem;height: 0.746666rem;margin-left: 0.48rem;margin-top: 0.453333rem;}
#nav .nav_fr{float: right;margin-top: 0.346666rem;margin-right: 0.466666rem;width: auto;}
#nav .nav_fr .nav_btn{display: block;width: 2.133333rem;height: 0.64rem;background: #24c478;text-align: center;font-size: 0.346666rem;color:#fff;line-height: 0.64rem;border-radius: 0.666666rem;float: left;margin-right: 0.466666rem;}
#nav .nav_fr .kg{width: 0.573333rem;height: 0.613333rem;position: relative;float: left;}
#nav .nav_fr .kg .open{width: 0.573333rem;height: 0.613333rem;background-image: url(../images/nav_menu.png);background-size: 100%;position: absolute;left: 0;top: 0;}
#nav .nav_fr .kg .close{width: 0.573333rem;height: 0.5rem;background-image: url(../images/close_logo.png);background-size: 100%;position: absolute;left: 0;top: 0.1rem;display: none;z-index: 999;}
#nav .menu{position: absolute;height: 0;width: 3.733333rem;top: 1.35rem;left: 6.013333rem;overflow: hidden;z-index: 999;}
#nav .menu .list{height: 10.3rem;background: #fff;margin-top: 0.253333rem;border-radius: 0.173333rem;position: relative;}
#nav .menu .list em{width: 0;height: 0;border-left: 0.3rem solid transparent;border-right: 0.3rem solid transparent;border-bottom: 0.373333rem solid #fff;position: absolute;left:2.9rem;top: -0.23rem;}
#nav .menu .list ul li a{height: 1.28rem;width: 3.733333rem;border-bottom: 0.013333rem solid #d2d2d2;font-size: 0.373333rem;text-align: center;line-height: 1.28rem;color:#313131;display: block;}
#nav .menu .list ul li.no a{border:none}

a.btn{display: block;width: 4rem;height: 1.066666rem;line-height: 1.066666rem;margin: 0.666666rem auto 0;font-size: 0.4rem;font-weight: bold;color: #fff;text-align: center;background-image: linear-gradient(to right,#fe3043,#ff8f0c);border-radius: 0.106666rem;}

.banner{height: 5.333333rem;background-image: url(../images/banner.jpg);background-size: 100%;text-align: center;}
.banner .w690 span{display: block;font-size: 0.8rem;font-weight: bold;color: #fff;}
.banner .w690 i{display: block;font-size: 0.426666rem;font-weight: 500;color: #fff;border-radius: 0.666666rem;width: 8.64rem;height: 0.88rem;line-height: 0.88rem;border: 1px dashed #fff;margin: 0.133333rem auto;background: rgba(0,0,0,.5);}
.banner .w690 a{margin-top: 0.266666rem;}

.title_1{text-align: center;padding: 0.933333rem 0 0.6rem;}
.title_1 span{display: block;font-size: 0.56rem;font-weight: bold;color: #121212;}
.title_1 p{font-size: 0.4rem;color: #555555;padding-top: 0.266666rem;}

.floor_1{padding-bottom: 0.933333rem;overflow: hidden;height: auto;}
.floor_1 ul li{float: left;width: 4.373333rem;height: 3.44rem;border: 1px solid #ff4d3b;border-radius: 0.16rem;margin: 0 0.4rem 0.4rem 0;}
.floor_1 ul li:nth-child(2n){margin-right: 0;}
.floor_1 ul li span{display: block;font-size: 0.48rem;font-weight: bold;color: #121212;height: 0.426666rem;line-height: 0.426666rem;margin: 0.506666rem 0 0.4rem;}
.floor_1 ul li span i{display: block;float: left;height: 0.426666rem;width: 0.506666rem;overflow: hidden;background-image: url(../images/ico.png);background-size: 17.933333rem;background-position: 0 0;margin: 0 0.16rem 0 0.853333rem;}
.floor_1 ul li:nth-child(2) span i{background-position: -0.706666rem 0.026666rem;}
.floor_1 ul li:nth-child(3) span i{background-position: -1.36rem 0;margin-left: 1.093333rem;}
.floor_1 ul li:nth-child(4) span i{background-position: -1.96rem 0.026666rem;}
.floor_1 ul li p{font-size: 0.32rem;color: #121212;line-height: 0.493333rem;padding: 0 0.32rem;}
.floor_1 .btn{margin-top: 0.266666rem;}

.floor_2{background: url(../images/fl2_bg.jpg) top center no-repeat;background-size: 100%;height: 11.866666rem;overflow: hidden;}
.floor_2 .w690{position: relative;height: 6rem;}
.floor_2 .swiper-container{width: 8.693333rem;margin: 0 auto;}
.floor_2 .swiper-slide{width: 4.133333rem!important;height: 5.333333rem;box-shadow: 0 0 0.133333rem rgba(0,0,0,.1);margin-right: 0.4rem;background: #fff;}
.floor_2 .swiper-slide span{display: block;font-size: 0.48rem;font-weight: bold;color: #fff;background: #fe5a3a;width: 100%;height: 1.066666rem;line-height: 1.066666rem;text-align: center;}
.floor_2 .no_2 span{background: #5d7df3;}
.floor_2 .no_3 span{background: #fe5a3a;}
.floor_2 .no_4 span{background: #5d7df3;}
.floor_2 .no_5 span{background: #fe5a3a;}
.floor_2 .no_6 span{background: #5d7df3;}
.floor_2 .swiper-slide i{display: block;margin: 0.24rem auto;width: 2rem;height: 1.706666rem;overflow: hidden;background-image: url(../images/ico.png);background-size: 17.933333rem;background-position: -2.866666rem 0;}
.floor_2 .no_2 i{background-position: -5.48rem 0;}
.floor_2 .no_3 i{background-position: -8.093333rem 0;}
.floor_2 .no_4 i{background-position: -10.706666rem 0;}
.floor_2 .no_5 i{background-position: -13.32rem 0;}
.floor_2 .no_6 i{background-position: -15.933333rem 0;}
.floor_2 .swiper-slide p{font-size: 0.32rem;line-height: 0.533333rem;color: #333333;padding: 0 0.426666rem;}
.floor_2 .swiper-pagination{width: 100%;bottom: -0.266666rem;}
.floor_2 .swiper-pagination-bullet{border-radius: 0;width: 1.306666rem;height: 0.133333rem;background: #fff;border: 1px solid #fff;opacity: 1;margin-right: 0.266666rem;}
.floor_2 .swiper-pagination-bullet:last-child{margin-right: 0;}
.floor_2 .swiper-pagination-bullet-active{border: 1px solid #fe5a3a;}

.floor_3{height: auto;overflow: hidden;padding-bottom: 0.933333rem;}
.floor_3 ul li{float: left;width: 20%;margin-bottom: 0.533333rem;text-align: center;font-size: 0.32rem;font-weight: bold;color: #333333;}
.floor_3 ul li i{display: block;margin: 0 auto 0.32rem;height: 1.066666rem;width: 1.066666rem;overflow: hidden;background-image: url(../images/ico.png);background-size: 17.933333rem;background-position: 0 -2.066666rem;}
.floor_3 ul li:nth-child(2) i{background-position: -1.36rem -2.066666rem;}
.floor_3 ul li:nth-child(3) i{background-position: -2.72rem -2.066666rem;}
.floor_3 ul li:nth-child(4) i{background-position: -4.08rem -2.066666rem;}
.floor_3 ul li:nth-child(5) i{background-position: -5.44rem -2.066666rem;}
.floor_3 ul li:nth-child(6) i{background-position: 0 -3.373333rem;}
.floor_3 ul li:nth-child(7) i{background-position: -1.36rem -3.373333rem;}
.floor_3 ul li:nth-child(8) i{background-position: -2.72rem -3.373333rem;}
.floor_3 ul li:nth-child(9) i{background-position: -4.08rem -3.373333rem;}
.floor_3 ul li:nth-child(10) i{background-position: -5.44rem -3.373333rem;}
.floor_3 dl{width: 9.466666rem;height: 1.466666rem;overflow: hidden;background-image: url(../images/ico.png);background-size: 17.933333rem;background-position:-6.853333rem -2.066666rem;margin: 0 auto;}
.floor_3 dl dd{float: left;width: 1.466666rem;height: 1.466666rem;line-height: 1.466666rem;text-align: center;color: #fff;font-weight: bold;font-size: 0.4rem;margin-right: 0.133333rem;}
.floor_3 dl dd:last-child{margin-right: 0;}

.floor_4{height: auto;overflow: hidden;padding-bottom: 1.066666rem;background: #f5f8fe;}
.floor_4 ul{background: url(../images/fl4_bg.png)center center no-repeat;background-size: 2.746666rem;}
.floor_4 ul li{float: left;font-size: 0.32rem;color: #121212;font-weight: 500;width: 2.9rem;margin: 0 3.2rem 0.613333rem 0;text-align: right;}
.floor_4 ul li:nth-child(2n){margin-right: 0;text-align: left;width: 3.1rem;}
.floor_4 ul li::before{display: block;float: right;content: '';width: 0.133333rem;height: 0.133333rem;border-radius: 50%;background: #fc983f;margin: 0.16rem 0 0 0.133333rem;}
.floor_4 ul li:nth-child(2n)::before{float: left;margin: 0.16rem 0.16rem 0 0;}
.floor_4 ul li:nth-child(3)::before,.floor_4 ul li:nth-child(5)::before{margin-right: 0.24rem;}
.floor_4 ul li:nth-child(4)::before,.floor_4 ul li:nth-child(6)::before{margin-left: 0.24rem;}
.floor_4 .btn{margin-top: 0.133333rem;}

.floor_5{height: auto;overflow: hidden;padding-bottom: 1.066666rem;}
.floor_5 ul li{float: left;width: 2.8rem;height: 1.6rem;text-align: center;border-radius: 0.213333rem;background: #f7f7f7;margin: 0 0.4rem 0.4rem 0;font-size: 0.4rem;font-weight: 500;color: #121212;}
.floor_5 ul li:nth-child(3n){margin-right: 0;}
.floor_5 ul li i{display: block;overflow: hidden;height: 0.44rem;width: 0.44rem;background-image: url(../images/ico.png);background-size: 17.933333rem;background-position:0 -0.64rem;margin: 0.266666rem auto 0.16rem;}
.floor_5 ul li:nth-child(2) i{background-position: -0.466666rem -0.64rem;width: 0.506666rem;}
.floor_5 ul li:nth-child(3) i{background-position: -1.04rem -0.64rem;}
.floor_5 ul li:nth-child(4) i{background-position: -1.546666rem -0.64rem;}
.floor_5 ul li:nth-child(5) i{background-position: -2.053333rem -0.64rem;}
.floor_5 ul li:nth-child(6) i{background-position: 0 -1.173333rem;}
.floor_5 .btn{margin-top: 0.266666rem;}

.floor_6{height: auto;overflow: hidden;padding-bottom: 1.066666rem;}
.floor_6 ul li{float: left;width: 33.33333%;text-align: center;}
.floor_6 ul li i{display: block;margin: 0 auto;width: 1.333333rem;height: 1.333333rem;overflow: hidden;background-image: url(../images/ico.png);background-size: 17.933333rem;background-position:-6.853333rem -3.693333rem;}
.floor_6 ul li:nth-child(2) i{background-position:-8.52rem -3.693333rem;}
.floor_6 ul li:nth-child(3) i{background-position:-10.186666rem -3.693333rem;}
.floor_6 ul li span{display: block;font-size: 0.373333rem;font-weight: bold;color: #121212;padding: 0.293333rem 0 0.266666rem;}
.floor_6 ul li p{font-size: 0.266666rem;color: #333333;line-height: 0.506666rem;}

.floor_7{height: auto;overflow: hidden;padding-bottom: 2.133333rem;background: #f5f5f5;}
.floor_7 img{display: block;margin: 0 auto;width: 9.2rem;height: 2.533333rem;}

.footer{background: #3c3e40;height: auto;overflow: hidden;text-align: center;padding-bottom: 2.2rem;}
.footer em{display: block;font-size: 0.426666rem;color:#fff;padding-top: 0.973333rem;}
.footer span{font-size: 0.48rem;color:#24c478;display: block;padding:0.2rem 0 0.48rem 0;}
.footer p{font-size: 0.293333rem;color:#c1c1c2;margin-bottom: 0.266666rem;}
.f_bot{height: 1.306666rem;position: fixed;bottom: 0;width: 10rem;z-index: 999;}
.f_bot ul li{float: left;width: 49.8%;background: #fff;line-height: 1.333333rem;height: 1.333333rem;margin-right: .4%;}
.f_bot ul li:last-child{margin-right: 0;}
.f_bot ul li a{width: 100%;float: left;margin-right: 0.013333rem;display: block;height: 1.333333rem;color:#333333;font-size: 0.48rem;text-align: center;background-image: url(../images/phone.png);background-size: 10%;background-position: 20% center;background-repeat: no-repeat;background-color: #fff!important;}
.f_bot ul li:last-child a{background-image: url(../images/join.png);}