/* CSS Document */


.ry{ width: 100%; padding-bottom:50px; overflow: hidden;}
.gsry{ width: 100%; max-width: 1300px; margin:0px auto; }
.gsryBox{ width: 100%; max-width: 1300px; margin-bottom:50px margin:10px auto; position: relative;}
.gsryArrow{ width: 100%; height:0px; position: absolute; left: 0; bottom:-30px; display: flex;  justify-content: center; }
.gsryArrow .gsryArrowLeft{ cursor:pointer;}
.gsryArrow .gsryArrowRight{ margin-left:10px;  cursor:pointer;}

.gsryImgBox{ height: 330px; width: 100%; margin:0; overflow: hidden; }
.gsryImgBox .gsryImgItem{ width:calc( 25% - 20px); margin:0 10px; background: #F2F2F2; position: relative; border-radius: 5px; overflow: hidden; }
.gsryImgBox .gsryImgItem .gsryImgMask{ width: 100%; height:100%; position: absolute; top: 0; left: 0; z-index: 9; background: url(../image/ab12.png) no-repeat 50%,rgba(0,0,0,.5); opacity: 0; display:none;}
.gsryImgBox .gsryImgItem:hover .gsryImgMask{ opacity: 1; transition: all ease 0.5s; }
.gsryImgBox .gsryImgItem .gsryImgBoxs{ width:100%; display: flex; flex-direction: column; padding:15px; }
.gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgImg{ width: 100%; height:233px; display: flex; justify-content: center; align-items: center; overflow: hidden; border-bottom: #e5e9ed solid 1px; }

.gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgImg img{
-webkit-transform: scale(1);
   -moz-transform: scale(1);
    -ms-transform: scale(1);
     -o-transform: scale(1);
           filter: scale(1);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s;
height:100%;
}
.gsryImgBox .gsryImgItem:hover .gsryImgBoxs .gsryImgImg img{
-webkit-transform: scale(1.15);
   -moz-transform: scale(1.15);
    -ms-transform: scale(1.15);
     -o-transform: scale(1.15);
           filter: scale(1.15);
           filter: transform;
       transition: all 0.5s ease 0s;
-webkit-transform: all 0.5s ease 0s; 
}

.gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgTitle{ font-size: 16px; text-align: center; line-height: 65px; }

.gsryMore{ display: flex; justify-content:center; margin:0 auto; max-width:195px; color:#666666; height:53px; border:#666 solid 1px; border-radius: 50px; align-items: center; margin:60px auto 0 auto; width:fit-content; padding:0px 20px;}
.gsryMore i{ margin-right:10px; }

{}



@media screen and (max-width:768px){



.ry{ padding:35px 0px;}
.gsryArrow { top:inherit; bottom:-20px; left:0; width:100%; justify-content:center;}
.gsryImgBox{ height:auto;}
.gsryImgBox .gsryImgItem{ height:auto;}
.gsryImgBox .gsryImgItem .gsryImgBoxs{ padding-bottom:0px;}
.gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgTitle{ line-height:22px; font-size:14px; margin:15px 0px; height:44px;}
.gsryImgBox .gsryImgItem .gsryImgBoxs .gsryImgImg{ height:115px;}

.gsryMore{ margin-top:20px; height:46px;}

}