html.on,html.on body{overflow:hidden; height:100vh; position:relative;}
.body_bg{ position:fixed; left:0; top:0; background:rgba(0,0,0,0.5); width:100%; height:100vh; display:none; z-index:998;}
.body_st{ position:absolute; left:0; top:0; width:100%;-webkit-transition: 0.5s;transition: 0.5s;}
.body_st.on{ left:220px;}
.sjdh{ position:fixed; left:-220px; top:0; background:#333; width:220px; height:100vh; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s; z-index:999;}
.sjdh i.dhgb{ display:block; margin:50px auto 0;width:30px; height:30px; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAC5ElEQVRYR8WX/XEUMQzFnyogHYRUEKgAUgF0QKiAUAGhAqACkgqACggVECogVABUIObnkQ+t17vrS/6IZ25yk7Otp6enD5vuedk929deANz9QNIzSQ8lPW3AX0m6kfTFzP6MOjYEwN0x9krS87j4VxjLdgB1GP/4LOmDmQFqda0CcHcufReGMfpe0pWZXfdudfdHwcxZgAHIazODme5aBBCXfZVKmM7M7GLLm/y7uwPiXJJLOlkC3QXg7qeSPkr6gUf7xLQBgWYIw7Gklz0nZgCS598knd7WeAUSwoW9Jz0mJgBi809JxPvWnrehinthApEeZadaAIgMtbNpJxzEuCakBUFOzgSz3yW9NTO0UdYOQCge7ycb2OTuoH8QFK7meHiLeP+a2aRWuDuG32QHMwC8R3wgnxhJoiT9UHQXRDJOOs5EF7/D7IWZkSUTBviBHAfEbG2B2DKeREltODazox2ARH83VdLhmp4TJkaNRzjrHUVnJQRRaonbRHwjTMQeznZp72QE1RWtEcqrCqCIw8xGe0NmAhtDxhOTVMci9lsBCNYQEX2CRb1HxEPL3e8GoIk5RlezoxOGGYBC6UgIknFUTJ5DP31jCESc/13TtBVhEcYSj63x2uG2UjTflwT/X4QRU2hhiCgFokMbna1kSvSJyUwwCsLdS8EzM+6bFCIKxKGZPd7X+FadaBig4F2bWZmucimuqTULQ/SCMu0sDRYdEFTVk8Y4Rj/lMt12w9Iya5lsLgV1dxTrMIahg3YAcXe8v8lNqgWAqonzrCMOJfjKpog9rX7CcG8iqjPBal/YB1AS6EzkSzMhgmT+vzOIZJz3Qh3rd/iXAJAiMPEi/hKS4cdGpDV3UKoR92VM1rM7tt4FdYLhIN8vt4BEsQI4+wGx2ic2u1/MCrBBSFiEh2zIFRNDpCmfSjNen2/NkpsAUirWVw+UMuf3Fu8IRvDF11N7aBhAJ9cZLPiwyO3F59daxvwDRyOnMBEvOT8AAAAASUVORK5CYII=); background-size:cover;}
.sjdh ul{ padding-top:30px;}
.sjdh ul li{ padding:10px 0px 0;}
.sjdh ul li a{font-size:16px; color:#fff; line-height:30px; display:block; text-align:center;}
.sjdh .dh_ss{position:relative; width:180px; margin:20px auto 0;}
.sjdh .dh_ss input{ display:block; width:130px; padding:0 40px 0 10px;color:#333; line-height:30px;}
.sjdh .dh_ss a{ position:absolute; right:8px; top:50%; margin-top:-10px; width:20px; height:20px; background:url(../img/ss.png) center no-repeat;}
.dhan{position:absolute; right:2.5%;top:25px;cursor: pointer;z-index: 99; width:30px;height:25px; padding-top:5px;-webkit-transition: 0.5s;transition: 0.5s;}
.dhan div {width: 30px;height: 2px;background: #fbad31;border-radius: 2px;box-shadow: 0 0 0px #999;-webkit-transition: 0.5s;transition: 0.5s; position:relative; top:0;}
.dhan div.dhan_2 {margin: 7px 0;}
.dhan.hover{ margin-right:220px;}
.dhan.hover div.dhan_1 { -webkit-transform:rotate(-45deg);transform:rotate(-45deg);top:10px;}
.dhan.hover div.dhan_2 {margin:0; height:0; -webkit-transform:scale(0);transform:scale(0);}
.dhan.hover div.dhan_3 { -webkit-transform:rotate(45deg);transform:rotate(45deg);top:8px;}
.dhov{left:0px;}
.sjdh ul li .qhyy{ display:block;text-align:center;}
.sjdh ul li .qhyy a{ display:inline-block;font-size:14px; line-height:35px; color:#fff; width:80px; border:1px solid #444; border-radius:5px;}
.sjdh ul li .qhyy a{ margin:20px 5px;}
.sjdh ul li .qhyy a.on{ background:#fbad31;border:1px solid #fbad31;}