:root{--mc:#47a;--darkc:#286394;--lightc:#cedfed;--grayc:#567c9c; --glc1:#99C2E4;--glc2:#99E4C2;--vdc:#1B4263;--tc:#fff;--thc:#aff;}
*{box-sizing: border-box;}
 html{font-family: "Microsoft YaHei","SimSun";font-size: calc(max(1vw,12px));}
ul{margin:0;padding:0;}
#frame{width: 90rem;margin: 1em auto;display: flex;flex-direction:column;}
.title{width:100%;height: 6rem;background-image: url('topbg.jpg');background-size: cover;position: relative;}
.logo{position:absolute;left:1rem;top:0;bottom:0;margin:auto 0;height:6rem;z-index:99;}
.sitename{position:absolute;left:7rem;height:4rem;top:0;bottom:0;margin:auto 0;}
._menu ul,._menu li{padding:0;list-style-type: none;text-align:center;}
._menu{padding:0;display:flex;width:fit-content;font-size: 1rem;}
._menu a{padding: 0.2rem 0.7rem;height:1.8rem;line-height:1.8rem;text-decoration: none;text-align: center;background-color:var(--mc);border: 1px solid var(--vdc);display: flex;align-items:center;justify-content:center;color:var(--tc);font-size:1rem;font-weight: normal;margin:0.3rem;box-shadow: 0.2rem 0.2rem 0.1rem rgba(0,0,0,0.5);transform:skewX(-10deg) translate(0,0);min-width:6em;}
._menu a:hover{color:var(--thc);box-shadow:none;transform:skewX(-10deg) translate(0,0.1em);}
._menu li{margin: 0;position:relative;padding:0;white-space: nowrap;}
._menu a span{transform:skewX(10deg);}
._menu a[cur]:after{position:absolute;top:0;right:0;background-color:#4fd; content:"";width:0.5em;height:0.5em;border-radius:0.25em;transform:skewX(10deg);}
.sub{display:none;position:absolute;left:0;top:100%;padding:0 0 0 0;min-width:100%;z-index: 999;}
._menu li:hover .sub{display:block;} 
.sglinebox {position: relative;background-size: 7%;background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg style='transform: rotate%28-90deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23cedfed' stroke-width='2'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23cedfed' stroke-width='2'/%3E%3C/svg%3E"),
  url("data:image/svg+xml,%3Csvg style='transform: rotate%2890deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23cedfed' stroke-width='2'/%3E%3C/svg%3E"),
 url("data:image/svg+xml,%3Csvg style='transform: rotate%28180deg%29' viewBox='0 0 100 100' fill='none' xmlns='http://www.w3.org/2000/svg' %3E%3Cpath d='M4 4H96V96' stroke='%23cedfed' stroke-width='2'/%3E%3C/svg%3E") ;
background-position: top left,top right,bottom right,bottom left;}
.pos{background-color:#ddd;height:2em;width:auto;margin:0.4em;background-color:var(--lightc);padding:0 0 0 1em;line-height:2em;}
.pos a{text-decoration:none;color:#000;padding:0 0.5em 0 0.5em;}
.pos a:hover{color:#ffa;background-color:#36a;}
.mleft{min-height:30rem;width:20rem;background-color:var(--lightc);padding-top:1rem;}
.co {padding:1em;font-size:1.3rem;}
.co p{text-indent:2em;}
.co .ti{font-size:1.2em;line-height:2em;border-bottom:1px solid #ddd;margin:1em 0 1em 0;text-align:center;}
.co .rq_djs{height: 3em;line-height: 3em;text-align: center; font-size: 1rem;color: #999;margin-top: 0.5;margin-bottom: 1em;background-color: #eee;}
.co a,.up_down a{color:#36a;text-decoration:none;}
.co a:hover,.up_down a:hover{color:#ff0;background-color:#6af;}