.headLine{height: 80px;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 100;-moz-transition: height 0.4s ease-in-out;-o-transition: height 0.4s ease-in-out;-webkit-transition: height 0.4s ease-in-out;transition: height 0.4s ease-in-out;}
.headLineRy{height:80px;}

.fixedRight{position: fixed;bottom: 30px;right: 10px; z-index:80;}
.fixedRight .item{width: 50px;height: 50px;margin-top: 10px;}
.fixedRight .item img{width: 24px;}
.fixedRight .item-top{overflow: hidden;height: 0px;}
.fixedRq .fixedRight .item-top{height: 60px;}

.fixedRightTop{position: fixed; top: 130px;right: 10px; z-index:80}
.fixedRightTop .itemorder{width: 16px; color:#fff; font-size:18px; line-height:22px; margin-left:5px; padding:10px 15px;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;border-radius: 8px;}

.enbody .fixedRightTop{top: 180px;right: -50px; transform: rotate(90deg)}
.enbody .fixedRightTop .itemorder{width:auto;}


.fixedRightTop .itemorder {animation: fixedRightTopswing 3s infinite;}
@-webkit-keyframes fixedRightTopswing {
    5% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    10% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    20% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to{}
}
@keyframes fixedRightTopswing {
    5% {
        -webkit-transform: rotate(15deg);
        transform: rotate(15deg)
    }
    10% {
        -webkit-transform: rotate(-10deg);
        transform: rotate(-10deg)
    }
    15% {
        -webkit-transform: rotate(5deg);
        transform: rotate(5deg)
    }
    20% {
        -webkit-transform: rotate(-5deg);
        transform: rotate(-5deg)
    }
    25% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    to{}
}


.head-content{display: flex;flex-direction: row;align-items: center;}
.head-logo{flex-grow: 1;text-align: center;}
.head-menu{font-size: 16px;}
.head-menu-icon{margin-right: 20px;width: 22px; height:42px;position:relative; top:12px;}
.head-menu-icon span{display: block;height: 1px;-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.outHover .head-menu-icon span:nth-child(1){width: 7px;}
.outHover .head-menu-icon span:nth-child(2){width: 22px;margin-top: 7px;}
.head-menu-icon span:nth-child(3){width: 15px;margin-top: 7px;}
.head-menu.outHover:hover  .head-menu-icon span:nth-child(1){width: 16px;}
.head-menu.outHover:hover  .head-menu-icon span:nth-child(2){width: 7px;}
.head-menu.outHover:hover  .head-menu-icon span:nth-child(3){width: 22px;}

.atc .head-menu-icon .sp1{visibility: inherit;opacity: 1; margin-top: 8px; width: 22px; transform: matrix(0.7071,0.7071,-0.7071,0.7071,0,2);transform-origin: center center 0px;}
.atc .head-menu-icon .sp2{visibility: inherit;opacity: 0;}
.atc .head-menu-icon .sp3{visibility: inherit;opacity: 1; margin-top: 2px; width: 22px; transform: matrix(0.7071,-0.7071,0.7071,0.7071,0,-2);transform-origin: center center 0px;}



.lang-menu{display: flex;flex-direction: row;align-items: center;}
.lang-menu span{color: #999;font-size: 12px;margin: 0 10px;}
.lang-menu a{background: #999;color: #fff;padding: 0px 5px;font-size: 13px; position:relative; text-align:center; width:30px}
.lang-menu a.atc{background: var(--normal);}
.lang-menu a:hover{background: var(--normal);}





.menuRq{position: fixed;top: 80px; left: 0;  width: 100%; height: 100%; z-index: 200;display: none; background:rgba(0,0,0,0.5)}
.menuRq.atc{display:block;}
.menuRq-main{position: absolute; z-index:2; top: 0; width: calc(50% - 520px); min-width:400px; height: 100%;left: calc(520px - 50%);  background: #f9f9f9 url(/images/icon/bg.png) repeat;
-moz-box-shadow: inset -2px -2px 20px 1px #aaa; -webkit-box-shadow: inset -2px -2px 20px 1px #aaa;  box-shadow: inset -2px -2px 20px 1px #aaa;
-moz-transition: all 0.4s ease-in-out;-o-transition: all 0.4s ease-in-out;-webkit-transition: all 0.4s ease-in-out;transition: all 0.4s ease-in-out;}
.atcanimate .menuRq-main{left:0;}
.menu-content{display: flex;flex-direction: row; width:100%; height:100%;}
.menuRq-grow{flex-grow: 1}
.menuRq-list{display: flex;flex-direction: column;}
.menuRq-link{display: flex;flex-direction: row;align-items: flex-end;}
.menuRq-itemList{padding-left: 50px;}
.menuRq-itemList .menuItem{display:block;padding: 20px; font-size: 18px; font-weight:bold; letter-spacing: 2px;color: var(--normal);background:rgba(255,255,255,0); z-index: 1;position: relative;transition: .4s; cursor:pointer; } 
.menuRq-itemList .menuItem:hover{color: #fff; margin-left:-20px; padding-right:30px;  padding-left:30px; text-align:center;}
.menuRq-itemList .menuItem:after{position: absolute;content: '';top: 0;left: 0;width: 0;height: 100%;background: var(--normal);z-index: -1;transition: .4s;}
.menuRq-itemList .menuItem:hover:after{width: 100%;filter: hue-rotate(360deg);}
.menuRq-close{position: absolute;width:100%; height:100%; top:0; left:0;z-index:1;}
.menuRq-close .line{background: var(--normal);width: 18px;height: 1px;margin-left: 10px;}

.enbody .menuRq-itemList{padding-left: 30px;}
.enbody .menuRq-itemList .menuItem{padding: 15px; }
.enbody .menuRq-itemList .menuItem:hover{text-align:left;}

.footRq{padding:2px 0; color:var(--normal); background:#ffffff; border-top:2px var(--deep) solid;}
.footList{display: grid;grid-template-columns: 1fr 1fr;grid-gap: 5px 50px;}
.langList{display: grid; grid-template-columns: 1fr ;grid-gap: 5px;}
.footRq a{color:var(--normal);}
.footRq a:hover{color:var(--deep); text-decoration:underline;}
.copyright{padding:5px 0; font-size:12px; color:#ffffff; background:var(--deep);}