/*app*/
.app .page-nav .page-nav-ul li{width: 25%;}
.app .loc{width: 50%;line-height: 80px;color: #868e96;font-family: "Microsoft Yahei"}
.app .loc a{font-size: 16px;color: #868e96;font-family: "Microsoft Yahei"}
.app .loc i{font-size: 2rem;}
.app .loc .icon-jiantouyou{font-size: 1.4rem;padding-left: 10px;}
.app .page-nav .page-nav-ul{width: 50%;}
.app .container{flex-wrap:wrap;}
@media (max-width: 1440px) {
    .app .loc{line-height: 60px;}
}
@media (max-width: 991px) {
    .app .section-title{margin:20px 0;}
    .app .page-nav{margin-bottom: 0;}
    .app .page-nav .container{flex-wrap: wrap;padding: 0;}
    .app .loc{width: 100%;line-height: 30px;order: 2;display: none}
    .app .loc a{font-size:1.2rem;}
    .app .loc i{font-size: 1.4rem;}
    .app .page-nav .page-nav-ul{width:100%;order: 1;}
}

.app {}
.app .section-title{margin-bottom: 0;margin-top:50px;}
.app .app-pro{background-color:#f1f3f5}
.app .app-info{padding:0 0 50px 0;font-size: 18px;line-height: 36px;font-family: "Microsoft YaHei";color: #868e96;}
.app .app-info p{font-size: 18px;line-height: 36px;font-family: "Microsoft YaHei";color: #868e96;margin-bottom: 20px;}
.app .app-info p img{width: auto;max-width: 100%;margin-bottom: 10px;}
.app .pro-list{
    padding: 0 0 30px 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: flex-start;
    justify-content: flex-start;
    flex-wrap: wrap;
}
.app .pro-list li{
    width: 23.5%;
    margin-right: 2%;
    margin-bottom:2%;
    background-color: #ffffff;
    -webkit-box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.05);
    box-shadow: 0 3px 10px 1px rgba(0, 0, 0, 0.05);
}
.app .pro-list li:nth-child(4n){margin-right: 0;}
.app .pro-list li a{display: block;position: relative;padding: 15px;height: 100%;}
.app .pro-list li a .img{text-align: center;width: 100%;padding-bottom: 20px;}
.app .pro-list li a .img img{width: 100%;}
.app .pro-list li a .info{font-size: 18px;font-weight: 500;font-family: "Microsoft YaHei";text-align: center;padding:20px 10px;color: #495057;position: absolute;width: 100%;left: 0;bottom: 0;}
.app .pro-list li:hover{
    transform: translate3d(0, -10px, 0);
    -webkit-transform: translate3d(0, -10px, 0);
}
.app .pro-list li a:hover .info span{background-color:#FFCC00;border: none;color: #fff;}
@media (max-width: 992px) {
    .app .section-title{margin-top:20px;}
    .app .app-info{padding:20px 0;font-size:1.5rem;line-height:2.5rem;}
    .app .app-info p{font-size:1.5rem;line-height:2.5rem;margin-bottom:10px;}
    .app .pro-list{	padding:20px 0;}
    .app .pro-list li{width:49%;margin-right: 2%;margin-bottom: 2%;}
    .app .pro-list li:nth-child(2n){margin-right:0;}
    .app .pro-list li a .info{font-size: 1.4rem;padding:10px 0;}
    .app .pro-list li:hover{
        box-shadow:none;
        -webkit-box-shadow: none;
        -webkit-transform: translate3d(0, -0, 0);
        transform: translate3d(0, 0, 0)
    }
}