@charset "utf-8";

.qy_nr{width:100%; min-height:100vh; padding:80px 0; background:url(/uploads/image/hiaonaer/bj.jpg) no-repeat center / cover; display:flex; justify-content:center; align-items:center;}
.qy_nr .row{margin:30px -2px 0;}
.qy_nr .qy_lm{width:calc(25% - 4px); margin:4px 2px 0; padding:30px 20px 45px; position:relative;
transition:all .5s;
-webkit-transition:all .5s;}
.qy_nr .qy_lm.z_y{padding:0;}
.qy_nr .qy_lm:first-child{width:calc(33.33333333% - 4px); background-color:rgba(19,188,204,.5);}
.qy_nr .qy_lm:first-child:hover{background-color:rgba(19,188,204,1);}
.qy_nr .qy_lm:nth-child(2){width:calc(33.33333333% - 4px); background-color:rgba(225,164,0,.7);}
.qy_nr .qy_lm:nth-child(2):hover{background-color:rgba(225,164,0,1);}
.qy_nr .qy_lm:nth-child(3){width:calc(33.33333333% - 4px); background-color:rgba(19,190,132,.7);}
.qy_nr .qy_lm:nth-child(3):hover{background-color:rgba(19,190,132,1);}
/*.qy_nr .qy_lm:nth-child(4){background-color:rgba(155,196,29,.7);}
.qy_nr .qy_lm:nth-child(4):hover{background-color:rgba(155,196,29,1);}*/
.qy_nr .qy_lm:nth-child(4){background-color:rgba(118,66,150,.7);}
.qy_nr .qy_lm:nth-child(4):hover{background-color:rgba(118,66,150,1);}
.qy_nr .qy_lm:nth-child(5) .n_r{background-color:rgba(40,196,96,.7);}
.qy_nr .qy_lm:nth-child(6) .n_r{background-color:rgba(250,157,59,.6);}
.qy_nr .qy_lm:last-child .n_r{background-color:rgba(254,44,85,.7);}
.qy_nr .qy_lm .t_b{width:80px; margin:0 auto;}
.qy_nr .qy_lm .t_b img{width:100%; height:auto; display:block;}
.qy_nr .qy_lm .t_p img{width:auto; height:160px; display:block; margin:0 auto;}
.qy_nr .qy_lm .w_z{width:100%; font-size:18px; line-height:26px; text-align:center; color:#fff;}
.qy_nr .qy_lm .n_r{width:100%; padding:30px 20px 45px; overflow:hidden;
transition:all .5s;
-webkit-transition:all .5s;}
.qy_nr .qy_lm:hover .n_r{opacity:0;
transform:rotatey(180deg);
-webkit-transform:rotatey(180deg);}
.qy_nr .qy_lm .t_c{width:100%; height:100%; position:absolute; top:0; left:0; background-color:rgba(255,255,255,.8); opacity:0;
-webkit-transform:rotatey(180deg);
transform:rotatey(180deg);
transition:all .5s;
-webkit-transition:all .5s;}
.qy_nr .qy_lm:hover .t_c{opacity:1;
-webkit-transform:rotatey(0);
transform:rotatey(0);}
.qy_nr .qy_lm .t_c img{max-width:130px; height:auto; position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-webkit-transform:translate(-50%,-50%);}
@media only screen and (max-width:1100px){
.qy_nr .row{margin:20px -2px 0;}
.qy_nr .qy_lm{padding:20px 10px 25px;}
.qy_nr .qy_lm .t_b{width:60px;}
.qy_nr .qy_lm .t_p img{height:100px;}
.qy_nr .qy_lm .w_z{font-size:17px;}
.qy_nr .lm_xl a{padding:0 20px;}
.qy_nr .lm_xl .t_b{width:70px;}
.qy_nr .qy_lm .n_r{padding:20px 10px 25px;}
.qy_nr .qy_lm .t_c img{max-width:110px;}
}
@media only screen and (max-width:768px){
.qy_nr .row{margin:10px -2px 0;}
.qy_nr .qy_lm{width:calc(33.33333333% - 4px); padding:20px 10px 25px;}
.qy_nr .qy_lm:first-child{width:calc(50% - 4px);}
.qy_nr .qy_lm:nth-child(2){width:calc(50% - 4px);}
.qy_nr .qy_lm:nth-child(3){width:calc(50% - 4px);}
.qy_nr .qy_lm:nth-child(4){width:calc(50% - 4px);}
.qy_nr .qy_lm .t_b{width:100%;}
.qy_nr .qy_lm .t_b img{width:auto; height:56px; margin:0 auto;}
.qy_nr .qy_lm .t_p img{width:auto; height:56px;}
.qy_nr .qy_lm .w_z{font-size:16px; line-height:22px;}
.qy_nr .qy_lm .n_r{padding:20px 10px 25px;}
.qy_nr .qy_lm .n_r img{margin:0 auto;}
.qy_nr .qy_lm .t_c img{max-width:80%;}
}