.g-ft{ display: none;}

@media screen and (max-width: 768px) {
  /*底部开始*/
.g-ft{padding-bottom:  4.6rem; display: block;}
.g-ft img{width:100%}

.f_con{height:6.7rem;padding-top:2rem;}
.f_con .p1{text-align: center;height:2rem;}
.f_con .p1 a{display:inline-block;width:33.6%;height:2rem;line-height:2rem;border:1px solid #d2d2d2;color: #f35810;font-size: 1rem;box-sizing:border-box;margin:0 0.4rem;}
.f_con .p2{font-size: 1rem;color: #666;text-align: center;padding-top:1.2rem;}
.f_nav{height: 4.6rem; border-top-color: #999999;background-color: #f46421; background-size:100% 4.6rem;min-width: 320px;max-width: 640px;width: 100%;position: fixed;bottom: 0;z-index: 999;}
.f_nav li{float: left;width: 25%;height: 4.6rem;text-align: center;}
.f_nav li img{display:block;width: 32.5%;margin: 0.7rem auto 0;}
.f_nav li span{display: block;color: #fff;font-size:1rem;line-height: 1.8rem;}
.pro_nav{display:none;position: absolute;width:36%;bottom:4.6rem;left:25%;}
.pro_nav p{border:2px solid #1b2d69;background: #fff;}
.pro_nav p a{display: block;height: 2.5rem;line-height:2.5rem;text-align: center;font-size: 0.9rem;color: #121212;border-bottom:1px solid #f5d0d3;}
.pro_nav p a:last-child{border:0;}

}




/*底部结束*/
@media screen and (min-width:320px) {  html { font-size:75%;}}
@media screen and (min-width:360px) {  html { font-size:85%;}}
@media screen and (min-width:414px) {  html { font-size:96%;}} /*ipone6P*/
@media screen and (min-width:480px) {  html { font-size:112%;}}
@media screen and (min-width:568px) {  html { font-size:131%;}}
@media screen and (min-width:639px) {  html { font-size:150%;}}