.mobile{width:100%;float:left}
.mobile-inner{width:100%;margin-right:auto;margin-left:auto;background-color:#fafafa;position:relative;z-index:99999}
.mobile-inner img{width:100%;margin-bottom:30px}
.mobile-inner p{color:#676767;line-height:25px;font-size:16px;padding-bottom:30px;padding-right:30px;padding-left:30px;margin:0}
.mobile-inner-header{width:100%;height:50px;position:absolute;top:0;left:0;z-index:99999}
.mobile-inner-header-icon{color:#fff;height:50px;text-align:center;float:right;width:50px;position:relative;top:6px;-webkit-transition:background .5s;-moz-transition:background .5s;-o-transition:background .5s;transition:background .5s}
.mobile-inner-header-icon:hover{cursor:pointer}
.mobile-inner-header-icon span{position:absolute;left:calc((100% - 25px)/ 2);top:calc((100% - 1px)/ 2);width:25px;height:1px;background-color:rgba(255,255,255,1)}
.mobile-inner-header-icon span:nth-child(1){transform:translateY(4px) rotate(0)}
.mobile-inner-header-icon span:nth-child(2){transform:translateY(-4px) rotate(0)}
.mobile-inner-header-icon-click span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:clickfirst}
.mobile-inner-header-icon-click span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:clicksecond}
@keyframes clickfirst{0%{transform:translateY(4px) rotate(0)}
100%{transform:translateY(0) rotate(45deg)}
}
@keyframes clicksecond{0%{transform:translateY(-4px) rotate(0)}
100%{transform:translateY(0) rotate(-45deg)}
}
.mobile-inner-header-icon-out span:nth-child(1){animation-duration:.5s;animation-fill-mode:both;animation-name:outfirst}
.mobile-inner-header-icon-out span:nth-child(2){animation-duration:.5s;animation-fill-mode:both;animation-name:outsecond}
@keyframes outfirst{0%{transform:translateY(0) rotate(-45deg)}
100%{transform:translateY(-4px) rotate(0)}
}
@keyframes outsecond{0%{transform:translateY(0) rotate(45deg)}
100%{transform:translateY(4px) rotate(0)}
}
.mobile-inner-nav{background:rgba(0,0,0,.5);width:100%;position:absolute;top:50px;left:0;padding-bottom:20px;display:none;z-index:999}
.mobile-inner-nav a{display:inline-block;line-height:35px;text-decoration:none;width:80%;margin-left:10%;color:#FFF;border-bottom:solid 1px rgba(255,255,255,.3);-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;font-weight:300;font-size:16px}
.mobile-inner-nav a:hover{color:rgba(255,255,255,.4);border-bottom:solid 1px rgba(255,255,255,.2)}
.mobile-inner-nav a{position:relative;display:block;border:none!important}
.mobile-inner-nav a:after{content:'';position:absolute;bottom:0;left:0;width:100%;height:1px;z-index:1;background-color:rgba(255,255,255,.3);-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both;-webkit-animation-name:slideInBorder;animation-name:slideInBorder}
@media(max-width:768px){.mobile-inner-nav{background:rgba(0,0,0,.5);width:100%;position:absolute;top:50px;left:0;padding-bottom:20px;display:none;z-index:999}
.mobile-inner-nav a{}
.box_1 ul.mobilenav li a{ color:#fff;}
}
@media(max-width:736px){.mobile-inner-nav{background:rgba(0,0,0,.5);width:100%;position:absolute;top:50px;left:0;padding-bottom:20px;display:none;z-index:999}
}
@media(max-width:414px){.mobile-inner-nav{background:rgba(0,0,0,.5);width:100%;position:absolute;top:50px;left:0;padding-bottom:20px;display:none;z-index:999}
}