body.menu-on{height: 100vh;overflow: hidden}
.pagination span{width: auto;}
.pagination .pager li{width: 30px;height: 30px;}
.btn{width: 130px;height: 40px;line-height: 40px;}
.raw-html img{height: auto !important;}

#header{position:relative;transition: 0.5s;z-index: 99999999;}
#header .top{display: none !important;}
#header .menu-box .logo img:nth-of-type(1){display: block}
#header .menu-box .logo img:nth-of-type(2){display: none}
#header .menu-box .r{display: none;}
#header .menu-btn{display:flex;align-items:center;justify-content:center;width:70px;height:70px;position:absolute;right:0}
#header .menu-btn span,#header .menu-btn::after,#header .menu-btn::before{content:'';position:absolute;width:30px;height:2px;background:#666;}
#header .menu-btn::before{top:23px}
#header .menu-btn::after{bottom:23px}
#header .menu-wrap .menu{background:#fff;position:fixed;right:-70%;top:0;padding:0;width:70%;margin:0;}
#header .menu-wrap .menu ul li{width:100%!important;padding:0 0 0 20px;box-sizing:border-box;line-height: 50px;margin: 0 !important;}
#header .menu-wrap .menu ul li img{display: none !important;}
#header .menu-wrap .menu ul li a{padding: 0 !important;height: 50px !important;line-height: 50px !important;width: 100%;margin-bottom:0 !important;}
#header .menu-wrap .menu ul li .dropdown{display: block;right: 0;top: 0;margin: 0;width: 50px;}
#header .menu-wrap .menu ul li .dropdown::before{content:"";width:7px;height:7px;position:absolute;right:40%;top:50%;box-sizing:border-box;border-width:1px 0 0 1px;border-style:solid;border-color:initial;-webkit-transform:rotate(135deg) translate(0,-50%);transform:rotate(135deg) translate(0,-50%);-webkit-transform-origin:top;transform-origin:top;-webkit-transition:all .3s ease-out;transition:all .3s ease-out}
#header .menu-wrap .menu ul li.on > a .dropdown::before{-webkit-transform:rotate(225deg) translate(0,-50%);transform:rotate(225deg) translate(0,-50%);}
#header .menu-wrap .menu li a.on::before, #header .menu-wrap .menu li a:hover::before{width: 20%}
#header .menu-wrap .menu .first{height: 100vh;overflow-y: scroll;flex-direction: column;}
#header .menu-wrap .menu .first>li{border-bottom:1px solid #eee;height:initial;padding: 0 10px 0 20px}
#header .menu-wrap .menu .first>li a{color:#333}
#header .menu-wrap .menu .first>li>a::after{display:none}
#header .menu-wrap .menu .first>li a:hover::after{display:none}
#header .menu-wrap .menu .second{width:100% !important;box-sizing:border-box;position:initial !important;;margin:0 !important;;padding:0 !important;flex-direction: column;}
#header .menu-wrap .menu .second > li > a{height: 50px !important;line-height: 50px !important;}
#header .menu-wrap .menu .sub-box{position: initial;background: #fff;box-sizing: border-box;}
#header .menu-wrap .menu .sub-box ul li a{color: #333;text-align: left;padding-left: 2em !important;}
#header .menu-wrap .menu .second > li:hover a{background: #ededff;}
#header .menu-wrap .menu .third li{padding: 0 0 0 20px !important;}
#header.menu-on{-webkit-transform: translateX(-70%);-ms-transform: translateX(-70%);transform: translateX(-70%);}
#header.menu-on .menu-btn:before{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);top:33px;left:20px}
#header.menu-on .menu-btn:after{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);top:33px;left:20px}
#header.menu-on .menu-btn span{display: none}
#header.menu-on .menu-head{box-shadow:-1px 0 5px 0 rgba(0,0,0,.2);}

#footer{padding: 40px 0;}
#footer .foot-top{flex-wrap: wrap;align-items:flex-start;margin-bottom: 0;padding-bottom: 10px;}
#footer .foot-top .item{width: calc(50% - 10px);align-items: flex-start;margin-bottom: 20px}
#footer .foot-top .item .txt{padding-left: 10px;}
#footer .foot-top .item .txt p:nth-of-type(1){font-size: 1.5rem;padding-bottom: 5px;}
#footer .menu-wrap .first{justify-content: space-between;}
#footer .menu-wrap .first > li{width: 48%;margin: 0}
#footer .con{padding-top: 40px;padding-bottom: 20px}
#footer .con .txt{font-size: 2rem;line-height: 1.5}
#footer .con .btn{margin: 10px auto;}
#footer .con .copyright{line-height: 1.5;padding-top: 20px;}
#footer .friend_link{line-height: 1.5;}
#footer .friend_link a{display: inline-block;}
#footer .con{flex-direction: column;padding-top: 40px;}
#footer .menu-wrap .first > li > a{font-size: 1.6rem !important;padding-bottom: 10px;margin-bottom: 10px;}
#footer .menu-wrap .sub-box a{margin-bottom: 0}
#footer .contact{margin-top: 20px;}
#footer .contact .title{font-size: 1.6rem;padding-bottom: 5px;margin-bottom:0;}
#footer .contact p{margin-bottom: 0}
#footer .foot{padding-top: 20px !important;margin-top: 20px !important;}
#footer.home{padding-bottom: 40px;padding-top: 0}
#global-message .content{width: 90%;}
#global-message .content .l{display: none}
#global-message .content .r{width: 100%;padding: 50px 40px;background: #fff;}
#sidebar{display: none}
#main{padding-top: 0;}
#main .x-title{font-size: 2rem;line-height: 1.5;}
#main .x-title-sub{font-size: 1.5rem;margin-top: 15px;}
#main .top-banner{height: 150px;}
#main .top-banner .container{padding-top: 10px;}
#main .top-banner .txt{font-size: 1.5rem;}
#main .top-banner .btn{margin-top: 15px;width: 110px;height: 30px;line-height: 30px;font-size: 1.4rem;}