.gy_right1{ position: fixed; right: 0; top: 50%; margin-top: 5px;z-index: 11; transition: .5s; -webkit-transition: .5s;}
.gy_right1 .tit1{background: #fabe0f;
    overflow: hidden;
    transition: 0s;
    -webkit-transition: 0s;
    text-align: center;
    padding: 10px;
    width: 110px;
    display: block;}

.gy_right1 .tit1 h6{color:#333; font-size:12px; line-height:23px;} 
.gy_right1 .tit1 img{max-width: 100%;width: auto;}
.gy_rightdl dd img{max-width: 100%;width: auto;}
.gy_rightdl{  width: 420px;
    background: #333;
    position: absolute;
    left: 100%;
    top: 0;
    text-align: center;
    overflow: hidden;}
.gy_rightdl dd{padding: 20px 0 0;
    height: 192px;
    float: left;
    width: 50%;
    transition: .5s;
    -webkit-transition: .5s;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;;}
.gy_rightdl dd a{display: block;
    padding: 0 20px;
    height: 154px;}
.gy_rightdl dd h6{ padding: 19px 0 0px 0;
    font-size: 18px;
    color: #ffffff;
    font-weight: normal;}
.borderRT{ border-right: 1px solid #666;}
.gy_rightdl dd a p{ height: 42px;color:#fff;}
.gy_right:hover{right: 420px;}
.gy_right dd:hover{background:#666;}


.xiajt{width:32px;position: fixed;bottom:30px;left:50%;transform: translateX(-50%);}
.xiajt img{position: relative;animation: xjt 2s linear infinite;}

.font14{font-size: 14px;}
.font18{font-size: 18px;}
.font24{font-size: 24px;}



@media (max-width: 960px){

    .gy_right .tit{width:70px;}
    .gy_right .tit img{width:70%;}

    .gy_rightdl{width:260px;right:260px;}
    .gy_right:hover,.gy_right.on{right: 260px;}
    .gy_rightdl dd{width:130px;height:160px;}
    .gy_rightdl dd a{height:100%;padding:0 10px;}
    .gy_rightdl dd a img{width:60px;}
    .gy_rightdl dd h6{padding:0;}

    .font14{font-size: 12px;}
    .font18{font-size: 14px;}
    .font24{font-size: 18px;}

}

















@keyframes xjt{
    form{transform: translateY(0);}
    to{transform: translateY(10px);}
}