.mobile{width: 100%;position: absolute;display: none;top: 0px;right: 0;z-index: 99991}.mobile_title{width: 100%;float: left;color: #fff;position: absolute;left: 0;top: 0;width: 50%;height: 50px;line-height: 50px;text-align: center;font-size: 14px;font-weight: normal}.mobile_title a{float: left;margin-left: 10px;color: #fff;line-height: 31px;height: 31px}.mobile-inner-header{width: auto;height: 42px;position: absolute;top: 15px;right: 15px}.mobile-inner-header-icon{color: #ffffff;height: 40px;font-size: 25px;text-align: center;float: right;width: 40px;position: relative;-webkit-transition: background 0.5s;-moz-transition: background 0.5s;-o-transition: background 0.5s;transition: background 0.5s}.mobile-inner-header-icon:hover{opacity: 0.8;cursor: pointer}.mobile-inner-header-icon span{position: absolute;left: calc((100% - 25px) / 2);top: calc((100% - 1px) / 3);width: 25px;height: 2px;background-color: rgba(255, 255, 255, 1)}.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond}.mobile-inner-header-icon{color: #fff;height: 31px;float: right;width: 32px;position: relative;cursor: pointer;font-weight: bold;text-align: center;margin-top: 5px;background: #fff;z-index: 9999}.mobile-inner-header-icon-out span{width: 24px;height: 2px;background-color: #006346;display: block}.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond}.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird}.mobile-inner-header-icon-click{background: none;margin-top: 10px}.mobile-inner-header-icon span:nth-child(1){transform: translateY(4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(2){transform: translateY(-4px) rotate(0deg)}.mobile-inner-header-icon span:nth-child(3){transform: translateY(-4px) rotate(0deg)}.mobile-inner-header-icon-click span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickfirst}.mobile-inner-header-icon-click span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clicksecond}.mobile-inner-header-icon-click span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: clickthird}@keyframes clickfirst{0%{transform: translateY(4px) rotate(0deg)}100%{transform: translateY(0) rotate(45deg)}}@keyframes clicksecond{0%{transform: translateY(-4px) rotate(0deg)}100%{transform: translateY(0) rotate(-45deg)}}@keyframes clickthird{0%{opacity: 0}100%{opacity: 0}}.mobile-inner-header-icon-out span:nth-child(1){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outfirst}.mobile-inner-header-icon-out span:nth-child(2){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outsecond}.mobile-inner-header-icon-out span:nth-child(3){animation-duration: 0.5s;animation-fill-mode: both;animation-name: outthird}@keyframes outfirst{0%{transform: translateY(0) rotate(-45deg)}100%{transform: translateY(-4px) rotate(0deg)}}@keyframes outsecond{0%{transform: translateY(0) rotate(45deg)}100%{transform: translateY(4px) rotate(0deg)}}@keyframes outthird{0%{transform: translateY(0) rotate(90deg)}100%{transform: translateY(12px) rotate(0deg)}}.mobile-inner-nav{height: 100vh;background-color: rgba(28, 28, 28, 0.9);width: 100%;position: absolute;top: 0;left: 0px;padding-top: 60px;padding-bottom: 25px;display: none;z-index: 999}.mobile-inner-nav a{display: inline-block;line-height: 45px;text-decoration: none;width: 100%;font-size: 2.2rem;text-align: center;border-bottom: solid 1px #444;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s}.mobile-inner-nav li{position: relative;padding: 0 20px}.mobile-inner-nav li a{text-indent: 0}.mobile-inner-nav li strong{color: #fff;position: absolute;right: 20px;top: 0;font-size: 1.4em;cursor: pointer;width: 40px;height: 45px;text-align: center;line-height: 40px;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s}.mobile-inner-nav a{-webkit-animation-duration: 0.5s;animation-duration: 0.5s;-webkit-animation-fill-mode: both;animation-fill-mode: both;-webkit-animation-name: returnToNormal;animation-name: returnToNormal;color: #fff}@-webkit-keyframes returnToNormal{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}to{opacity: 1;-webkit-transform: none;transform: none}}@keyframes returnToNormal{from{opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}to{opacity: 1;-webkit-transform: none;transform: none}}.mobile_subNav{display: none;padding-left: 10px}.mobile-inner-nav dd a{height: 35px;line-height: 35px;border-bottom: dotted 1px rgb(105, 106, 106);font-size: 1.8rem}.mobile_search{clear: both;position: relative;height: 36px;margin: 10px 30px 0;border: 1px solid #747474;border-radius: 30px;overflow: hidden}.mobile_search input.notxt{width: 79%;color: #d9d9d9;margin-left: 53px;border: none;height: 34px;background: none}.mobile_search .notxt1{width: 45px;font-size: 18px;height: 36px;color: #fff;right: auto;position: absolute;top: 0;left: 0;background: #006346;border: none}.mobile-links{width: auto;overflow: hidden;border-bottom: solid 1px #747474;padding: 6px 0;text-align: center}.mobile-links span{padding: 0 30px;display: inline-block}.mobile-links span:first-child{display: none}.mobile-links span a{border: none;line-height: 25px;padding: 4px 0}@keyframes rotate{from{transform: rotateX(90deg) translateY(0%);top: 43px}to{transform: rotateX(0deg) translateY(0%);top: 43px}}@-moz-keyframes rotate{from{-moz-transform: rotateX(90deg) translateY(0%);top: 43px}to{-moz-transform: rotateX(0deg) translateY(0%);top: 43px}}@-webkit-keyframes rotate{from{-webkit-transform: rotateX(90deg) translateY(0%);top: 43px}to{-webkit-transform: rotateX(0deg) translateY(0%);top: 43px}}@media screen and (max-width: 760px){.mobile{display: block}}
