.g-main{width: 100%;position: relative;}
.g-box{width: 100%;padding-top: 36.458%;position: relative;}
.g-img{width: 100%;height: 100%;position: absolute;left: 0;top: 0;object-fit: cover;}
.g-text{width: 14.4rem;position: absolute;left: 50%;top: 47%;margin-left: -7.2rem;transform: translate(0,-50%);}
.g-title{color: #fff;line-height: 1;font-weight: normal;}
.g-tabs{width: 14.4rem;position: absolute;left: 50%;margin-left: -7.2rem;bottom: 0;z-index: 12;display: flex;}
.g-tab{flex: 1;line-height: .8rem;text-align: center;color: #fff;background-color: rgba(0,0,0,0.5);cursor: pointer;}
.g-tab.active{background-color: #fa0;}
@media(max-width: 750px){
    .g-text{width: 100%;padding: 0 0.3rem;left: 0;margin-left: 0;top: 50%;}
    .g-tabs{position: relative;width: 100%;left: 0;margin-left: 0;}
}

.l-main{width: 100%;padding-top: .8rem;padding-bottom: 1.1rem;}
.l-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.l-title{color: #333;line-height: 1;text-align: center;margin-bottom: .6rem;}
.l-cont{width: 100%;}
.l-left{float: left;width: 3.3rem;}
.l-tab{width: 100%;background-color: #f5f5f5;border-bottom: 1px solid #fff;color: #333;line-height: 1.5;padding: 0.18rem 0.3rem 0.18rem 0.47rem;cursor: pointer;transition: background-color .3s;}
.l-tab.active{background-color: #fa0;color: #fff;}
.l-right{float: right;width: 10.7rem;position: relative;overflow: hidden;}
.l-one{width: 100%;background-color: #f5f5f5;padding: .6rem .5rem .6rem .6rem;display: flex;justify-content: space-between;position: absolute;left: -100vw;top: 0;}
.l-one.show{position: relative;left: 0;}
.l-text{width: 3.6rem;padding-top: .05rem;}
.l-tit{color: #333;line-height: 1.5;margin-bottom: .35rem;}
.l-dl{width: 100%;font-size: 0;min-height: .9rem;padding-bottom: .23rem;}
.l-dl:last-child{min-height: 0;padding-bottom: 0;}
.l-dt{width: .5rem;height: .5rem;background-color: #fa0;text-align: center;line-height: .5rem;display: inline-block;vertical-align: top;}
.l-icon{width: .22rem;vertical-align: middle;}
.l-dd{line-height: .5rem;display: inline-block;vertical-align: top;width: calc(100% - 0.5rem);padding-left: .17rem;}
.l-dd-mid{display: inline-block;vertical-align: middle;width: 100%;}
.l-t{color: #333;line-height: 1.5;}
.l-d{color: #888;line-height: 1.5;max-width: 15.5em;}
.l-map{width: 5.5rem;}
.l-map-img{width: 100%;}

@media(max-width: 1300px){
    .l-tab{padding: .15rem .2rem;}
    .l-one{padding: .3rem;}
    .l-dl{padding-bottom: .2rem;}
    .l-text{width: 4.3rem;}
    .l-tit{margin-bottom: .3rem;}
}
@media(max-width: 750px){
    .l-main{padding: .5rem .3rem;}
    .l-title{margin-bottom: .4rem;}
    .l-left{float: none;width: 100%;margin-bottom: .2rem;}
    .l-right{float: none;width: 100%;}
    .l-one{display: block;}
    .l-text{width: 100%;padding-top: 0;margin-bottom: .3rem;}
    .l-d{max-width: 100%;}
    .l-map{width: 100%;}
    .l-icon{width: .26rem;}
}

.m-main{width: 100%;padding-bottom: 1.2rem;}
.m-inner{width: 100%;max-width: 14.4rem;margin: 0 auto;}
.m-title{color: #333;line-height: 1;text-align: center;margin-bottom: .23rem;font-weight: bold;}
.m-des{color: #888;line-height: 1.875;text-align: center;margin-bottom: .34rem;}
.m-sub{display: inline-block;vertical-align: top;width: auto;padding: 0 .2rem;background-color: #ffaa00;color: #fff;line-height: 3;border: none;cursor: pointer;margin-top: .4rem;}
.m-sub:after{content: "";display: inline-block;vertical-align: middle;width: .53333em;height: .93333em;background-image: url(/static/home/images/7.png);background-size: 100% 100%;position: relative;top: -1px;margin-left: .53rem;}
.m-row{width: 100%;font-size: 0;}
.m-col{display: inline-block;vertical-align: top;width: 31.94%;margin-right: 2.09%;margin-bottom: .3rem;}
.m-col:nth-child(3n){margin-right: 0;}
.m-dt{color: #333;line-height: 1;margin-bottom: .2rem;}
.m-input{width: 100%;height: .65rem;border: none;background-color: #f5f5f5;padding: 0 0.3rem;color: #666;}
.m-area{width: 100%;height: 1.5rem;border: none;background-color: #f5f5f5;padding: 0.2rem 0.3rem;line-height: 1.5;color: #666;}
@media(max-width: 750px){
    .m-main{padding: 0 0.3rem 0.5rem;}
    .m-title{margin-bottom: .2rem;}
    .m-des{margin-bottom: .2rem;}
    .m-sub{line-height: .66rem;}
    .m-input{padding: 0 0.2rem;}
    .m-col{width: 100%;margin-right: 0;}
    .m-area{padding: .2rem;}
}