.lists ul.ul li{margin-bottom:1.875rem}
.lists ul.ul li a{display:block;padding:.9375rem;background:#f1f1f1;transition:.6s;position:relative}
.lists ul.ul li a:before{content:"";position:absolute;right:0;width:0;transition:.6s;top:0;bottom:0}
.lists ul.ul li a .img,.lists ul.ul li a .img img{width:15.9375rem;height:10.625rem;overflow:hidden;position:relative;background:#fff;}
.lists ul.ul li a .con{width:calc(100% - 15.9375rem - 3.4375rem);padding:1.5rem 2rem 0;position:relative;padding-right: 0;}
.lists ul.ul li a .con h5{overflow:hidden;font-size:1.1875rem;line-height:2rem;height:2rem;color:#636363;font-weight:700;transition:.6s}
.lists ul.ul li a .con h6{font-size:.9rem;color:#999;margin:.75rem 0 1rem;transition:.6s}
.lists ul.ul li a .con h6 i{margin-right:.2rem}
.lists ul.ul li a .con p{font-size:.875rem;line-height:24px;height:40px;color:#8c8b8b;transition:.6s;}
.lists ul.ul li a .yanjing{width:3.4375rem;height:100%;position:absolute;right:0;top:0;bottom:0;background:#bcbcbc;transition:.6s}
.icon-yueduliang{font-size:1.5rem;color:#fff}
.lists ul.ul li a:hover:before{width:100%;background:#0058a5;left:0}
.lists ul.ul li a:hover .con h5,.lists ul.ul li a:hover .con h6,.lists ul.ul li a:hover .con p{color:#fff}
.lists ul.ul li a:hover .yanjing{background:0 0}
@media (max-width:768px){
.lists ul.ul li a .con{width:100%;padding:1rem 1.5rem 0}
.lists ul.ul li a .yanjing{display:none}
.lists ul.ul li a .con p{overflow:hidden}
.lists ul.ul li a .img,.lists ul.ul li a .img img{width:100%;min-height: 15.9375rem;}
}
@media (max-width:768px){
.n_position ul li a{padding:.6rem 2rem;}
.n_position ul li{margin-right:0rem;margin-bottom:1rem}
.p_box{margin-top:.5rem}
}