body.on{ overflow:hidden;}
.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:100%;}
.body_st.on .top_t{ left:-100%;}
.sjdh{ position:fixed; left:-100%; top:0; background:#000; width:100%; box-sizing:border-box; padding:0 40px; height:100vh; overflow-y:auto;-webkit-transition: 0.5s;transition: 0.5s; z-index:999;}
.sjdh i.dhgb{ display:block; margin:50px auto 50px;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:50px;}
.sjdh ul ul{ padding-top:0;}
.sjdh ul li{ border-bottom:1px solid #333;}
.sjdh ul li li{ border-bottom:0px solid #333;}
.sjdh ul li p a{font-size:14px; font-weight:bold; color:#fff; line-height:50px; display:block; position:relative;}
.sjdh ul li p a:before,.sjdh ul li p a:after{ content:''; position:absolute; right:0; top:24px; width:15px; height:1px; background:#FFF;}
.sjdh ul li p a:after{ transform:rotate(90deg);-webkit-transition: 0.5s;transition: 0.5s;}
.sjdh ul li.on p a:after{ transform:rotate(180deg);}
.sjdh ul li a i{ float:left;height:30px;}
.sjdh ul li a i img{ display:block; width:20px; padding:5px 10px 5px 0;}
.sjdh .dh_ss{position:relative; width:100%; margin:20px auto 0;}
.sjdh .dh_ss input{ display:block; width:100%; padding:0 40px 0 10px;color:#333; line-height:40px; box-sizing:border-box; border-radius:5px;}
.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; left:2.5%;top:10px;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: #fff;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 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:#fd4900;border:1px solid #fd4900;}