/* 详情 */
.city-head{
    font-size:50px;
    font-family:PingFang-Medium;
    color:#333;
    padding:66px 0 41px 0;
    text-align:center;
    border-bottom:#d89d1b solid 1px;
}
.lv-info{
    font-size:16px;
    color:#666;
    line-height:32px;
    font-family:PingFang-Medium;
    padding:35px 0 50px 0;
}
.lv-info img{
    max-width: 100%;
}
.lv-photo{display:flex;align-items: center}
.lv-img{
    width:593px;
    height:333px;
    overflow:hidden;
}
.lv-img img{
    width:100%;
    height:100%;
    object-fit: cover;
    transition:all .3s;
}
.lv-img img:hover{
    transform: scale(1.1);
    transition:all .3s;
}
.lv-img-txt{
    flex:1;
    padding-left:12%;
    box-sizing: border-box;
    font-size:16px;
    color:#666;
    line-height:34px;
    padding-right:10%;
}
.recommend{

}
.reco-title{
    font-size:44px;
    font-family:PingFang-Medium;
    color:#333;
    padding:66px 0 41px 0;
    text-align:center;
}
.abb-box{
    font-family: SourceHanSansCN-Regular;
    margin-bottom:60px;
}
.abbreviation{
    display:flex;
    min-height:55px;
    background:#eee;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    font-size:16px;
    color:#666;
    position: relative;
}
.abb-txt{
    padding-left:3.5%;
    width:170px;
    line-height:55px;
    box-sizing: border-box;
}
.abb-txt span{
    padding-left:25px;
}
.abbreviation .abc{
    flex:1;
    padding-right:30px;
    overflow:hidden;
}
.abbreviation .abc ul{
    display:flex;
    width:100%;
}
.abbreviation  li{
    height:55px;
    line-height:55px;
    text-align:center;
    list-style-type: none;
    flex:21;
    cursor:pointer;
}
.abbreviation  li.active{
    color:#fff;
    background:#d89d1b;
}
.abbreviation  li:hover{
    color:#fff;
    background:#d89d1b;
}
.abb-con{
    border:#ddd solid 1px;
    border-top:none;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    display:flex;
    flex-wrap: wrap;
    padding:30px 0 30px 3.5%;
}
.abb-con li{
    list-style-type: none;
    text-decoration: none;
    width:10%;
    text-align: left;
    line-height:50px;
    font-size:18px;
    cursor:pointer;
}
.abb-con li a{
    color:#666;
    text-decoration: none;
}
.abb-con li a:hover{
    color:#d89d1b
}

.lv-infos{
    min-height:327px;
    background:url('../images/lawyer_bg.jpg') repeat-y;
    background-size:cover;
    background-position: right;
    padding:0 20px;
    display:flex;
    color:#fff;
    margin-bottom: 25px;
}
.lv-left{
    width:40%;
    box-sizing:border-box;
}
.lv-name{
    font-size:32px;
    text-align:center;
    font-family: PingFang-Medium;
}
.lv-en{
    font-size:16px;
    text-align:center;
    font-family: PingFang-Medium;
}
.lv-share{
    display:flex;
    justify-content: center;
    padding-top:35px;
}
.lv-share li{
    margin:0 60px;
    list-style-type: none;
    display:flex;
    flex-direction: column;
    justify-content: center;
}
.lv-share li p{
    text-align:center;
    padding-top:15px;
    font-size:18px;
    font-family: SourceHanSansCN-Regular;
}
.lv-right{
    width:60%;
    box-sizing:border-box;
    display:flex;
    flex-direction: column;
    padding:45px 0 0 10%;
    position: relative
}
.lv-right::before{
    content:'';
    display:block;
    clear:both;
    width:1px;
    height:221px;
    background:rgba(255,255,255,0.3);
    position: absolute;
    left:0;
    top:65px;
}
.lv-right li{
    list-style: none;
    /* display:flex;
    align-items: center; */
    line-height: 30px;
    min-height: 30px;
    font-family: PingFang-Medium;
    font-size:18px;
    padding: 10px 0 10px 35px;
    position: relative;
}
.lv-right li img{
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}
.lv-right li a{
    display: inline-block;
    vertical-align: middle;
}
.lv-right li span{
    display: inline-block;
    vertical-align: middle;
    padding:0 35px;
}
.news{}
.news-title{
    font-size:50px;
    font-family:PingFang-Medium;
    color:#333;
    padding:41px 0;
    text-align:center;
}

.article-list{
    padding:32px 0 30px 0;
}
.article-list .list-contain{
    margin:0 auto;
}
.article-list .list-contain ul{
    display:flex;
    flex-wrap: wrap;
    margin:0 -12px;
}
.article-list .list-contain li{
    list-style-type: none;
    box-sizing: border-box;
    width:25%;
    height:475px;
    padding: 0 12px;
    /* margin:0 12px; */
    /* margin:65px 60px 0 0; */
}
.article-list .list-contain a{
    width:100%;
    height:100%;
    display:block;
    /* padding:0px 20px 0 20px; */
    /* box-sizing: border-box */
}
.article-list .list-contain .li-img{
    width:100%;
    height:335px;
    overflow: hidden;
}
.article-list .list-contain .li-img img{
    width:100%;
    height:100%;
    transition: all .3s;
}
.article-list .list-contain .li-img:hover img{
    transform:scale(1.2);
    transition: all .3s;
}
.article-list .list-contain .li-txt{
    font-size:24px;
    color:#555;
    line-height:35px;
    padding-top:30px;
    width:100%;
}
.article-list .list-contain .li-txt:hover{
    color:#d89d1b;
}
.article-list .list-contain li a{
    color:#555;
    text-decoration: none;
}
.article-list .list-contain li a:hover{
    color:#7b6651
}
.article-list .list-contain .li-time{
    font-size:16px;
    color:#999;
    margin-top:19px;
}

@media screen and (min-width:1450px) and (max-width:1500px){
    .city-head{font-size:28px;}
    .reco-title{font-size:24px;}
    .news-title{font-size:28px;}
    .article-list .list-contain li{width:25%;height:445px;}
    .article-list .list-contain .li-txt{font-size:18px;}
    .abb-con li{line-height:33px; width: 14%;}
}
@media screen and (min-width:1350px) and (max-width:1450px){
    .city-head{font-size:28px;}
    .reco-title{font-size:24px;}
    .news-title{font-size:28px;}
    .article-list .list-contain li{width:25%;height:415px;}
    .article-list .list-contain .li-txt{font-size:18px;}
    .article-list .list-contain .li-img{height:305px;}
    .abb-con li{line-height:33px; width: 14%;}
}
@media screen and (min-width:1300px) and (max-width:1350px){
    .city-head{font-size:28px;}
    .reco-title{font-size:24px;}
    .news-title{font-size:28px;}
    .article-list .list-contain ul{margin:0 -10px;}
    .article-list .list-contain li{width:25%;height:395px;padding: 0 10px;}
    .article-list .list-contain .li-txt{font-size:18px;}
    .article-list .list-contain .li-img{height:295px;}
    .lv-img-txt{padding-left:8%;}
    .abb-con li{line-height:33px; width: 20%;}
}
@media screen and (min-width:1250px) and (max-width:1300px){
    .city-head{font-size:28px;}
    .reco-title{font-size:24px;}
    .news-title{font-size:28px;}
    .article-list .list-contain ul{margin:0 -10px;}
    .article-list .list-contain li{width:25%;height:395px;padding: 0 10px;}
    .article-list .list-contain .li-txt{font-size:18px;}
    .article-list .list-contain .li-img{height:285px;}
    .lv-img-txt{padding-left:5%;}
    .abb-con li{line-height:33px; width: 20%;}
}
@media screen and (min-width:1200px) and (max-width:1250px){
    .city-head{font-size:28px;}
    .reco-title{font-size:24px;}
    .news-title{font-size:28px;}
    .article-list .list-contain ul{margin:0 -10px;}
    .article-list .list-contain li{width:25%;height:395px;padding: 0 10px;}
    .article-list .list-contain .li-txt{font-size:18px;}
    .article-list .list-contain .li-img{height:275px;}
    .lv-img-txt{padding-left:3%;line-height:24px;padding-right:4%;}
    .abb-con li{line-height:33px; width: 20%;}
}
@media screen and (min-width:1150px) and (max-width:1200px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -8px;}
    .article-list .list-contain li{width:25%;height:345px;padding: 0 8px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:265px;}
    .lv-img-txt{padding-left:6%;padding-right:5%;font-size:14px;}
    .lv-img{width:533px;height:273px;}
    .abb-con li{line-height:33px; width: 20%;}
    .lv-info{font-size:14px;}
    .lv-share li{margin:0 40px;}
    .lv-right::before{left:25px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (min-width:1100px) and (max-width:1150px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -8px;}
    .article-list .list-contain li{width:25%;height:330px;padding: 0 8px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:255px;}
    .lv-img-txt{padding-left:6%;padding-right:5%;font-size:14px;line-height:24px;}
    .lv-img{width:503px;height:243px;}
    .abb-con li{line-height:33px; width: 20%;}
    .lv-info{font-size:14px;}
    .lv-share li{margin:0 40px;}
    .lv-right::before{left:25px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (min-width:1050px) and (max-width:1100px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -8px;}
    .article-list .list-contain li{width:25%;height:315px;padding: 0 8px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:245px;}
    .lv-img-txt{padding-left:6%;padding-right:5%;font-size:14px;line-height:24px;}
    .lv-img{width:503px;height:243px;}
    .lv-info{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 20%;}
    .lv-share li{margin:0 40px;}
    .lv-right::before{left:25px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (min-width:1000px) and (max-width:1050px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:305px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:235px;}
    .lv-img-txt{padding-left:3%;padding-right:3%;font-size:14px;line-height:24px;}
    .lv-img{width:503px;height:243px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 25%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:16px;}
    .lv-right li{font-size:16px;}
    .lv-name{font-size:28px;}
    .lv-right::before{left:25px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (min-width:950px) and (max-width:1000px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:295px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:215px;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:24px;}
    .lv-img{width:453px;height:223px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 25%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:33px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (min-width:900px) and (max-width:950px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:275px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:205px;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:24px;}
    .lv-img{width:403px;height:203px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 25%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;}
    .lv-left{width:45%;height: 327px;}
    .lv-right{padding-left:5%;width:55%;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (min-width:850px) and (max-width:900px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:255px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:195px;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:20px;}
    .lv-img{width:343px;height:203px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 25%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;line-height:40px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 327px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding-bottom:55px;background-position: center;}
}
@media screen and (min-width:800px) and (max-width:850px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:245px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:18px;font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:185px;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:20px;}
    .lv-img{width:343px;height:203px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 25%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;line-height:40px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 327px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding-bottom:55px;background-position: center;}
}
@media screen and (min-width:750px) and (max-width:800px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:235px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:165px;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:20px;}
    .lv-img{width:343px;height:203px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px;width: 33.3%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;line-height:40px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 327px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .lv-right li span{padding:0 10px;}
}

@media screen and (max-width:750px){
    .article-list .list-contain .li-txt:hover{
        color:#555;
    }
    .lv-right li{
        padding: 2px 0 2px 35px;
    }
}
@media screen and (min-width:700px) and (max-width:750px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:225px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:155px;margin: 0 auto;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:20px;}
    .lv-img{width:343px;height:203px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px; width: 33.3%;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;line-height:40px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 260px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .lv-right li span{padding:0 10px;}
    .abbreviation .abc ul{width:100%;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .abbreviation li{width:55px;flex:inherit;flex: 0 0 55px;}
}
@media screen and (min-width:650px) and (max-width:700px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:210px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:145px;}
    .lv-img-txt{padding-left:2%;padding-right:2%;font-size:14px;line-height:20px;}
    .lv-img{width:293px;height:163px;}
    .lv-info{font-size:14px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px;width: 33.3%}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 260px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .lv-right li span{padding:0 10px;}
    .abbreviation .abc ul{width:100%;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .abbreviation li{width:55px;flex:inherit;flex: 0 0 55px;}
}
@media screen and (min-width:600px) and (max-width:650px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -5px;}
    .article-list .list-contain li{width:25%;height:200px;padding: 0 5px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain .li-img{height:125px;}
    .lv-img-txt{padding-left:0%;padding-right:0%;font-size:14px;line-height:20px;margin-top:20px;}
    .lv-img{width:100%;height:303px;}
    .lv-info{font-size:14px;padding-bottom:20px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px;width: 33.3%;}
    .abb-txt{width:150px;padding-left:20px;}
    .abb-txt span{padding-left:5px;}
    .lv-photo{flex-wrap:wrap;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 260px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .lv-right li span{padding:0 10px;}
    .abbreviation .abc ul{width:100%;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .abbreviation li{width:55px;flex:inherit;flex: 0 0 55px;}
    
}
@media screen and (min-width:550px) and (max-width:600px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -3px;}
    .article-list .list-contain li{width:25%;height:175px;padding: 0 3px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain a{padding:0px;}
    .article-list .list-contain .li-img{height:115px;}
    .lv-img-txt{padding-left:0%;padding-right:0%;font-size:14px;line-height:20px;margin-top:20px;}
    .lv-img{width:100%;height:303px;}
    .lv-info{font-size:14px;padding-bottom:20px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px;width:33.3%;}
    .abb-txt{width:150px;padding-left:20px;}
    .abb-txt span{padding-left:5px;}
    .lv-photo{flex-wrap:wrap;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 260px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .lv-right li span{padding:0 10px;}
    .abbreviation .abc ul{width:100%;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .abbreviation li{width:55px;flex:inherit;flex: 0 0 55px;}
}
@media screen and (min-width:500px) and (max-width:550px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -3px;}
    .article-list .list-contain li{width:25%;height:175px;padding: 0 3px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain a{padding:0px;}
    .article-list .list-contain .li-img{height:105px;}
    .lv-img-txt{padding-left:0%;padding-right:0%;font-size:14px;line-height:20px;margin-top:20px;}
    .lv-img{width:100%;height:303px;}
    .lv-info{font-size:14px;padding-bottom:20px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px;width:33.3%;}
    .abb-txt{width:150px;padding-left:20px;}
    .abb-txt span{padding-left:5px;}
    .lv-photo{flex-wrap:wrap;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:14px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 260px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .abbreviation .abc ul{width:100%;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .abbreviation li{width:55px;flex:inherit;flex: 0 0 55px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}
@media screen and (max-width:500px){
    .city-head{font-size:18px;}
    .reco-title{font-size:16px;}
    .news-title{font-size:18px;padding: 26px 0 21px 0;}
    .article-list{padding-top:0;}
    .article-list .list-contain ul{margin:0 -3px;}
    .article-list .list-contain li{width:25%;height:175px;padding: 0 3px;}
    .article-list .list-contain .li-txt{font-size:14px;padding-top:11px;line-height:22px;}
    .article-list .list-contain a{padding:0;}
    .article-list .list-contain .li-img{height:80px;}
    .lv-img-txt{padding-left:0%;padding-right:0%;font-size:14px;line-height:20px;margin-top:20px;}
    .lv-img{width:100%;height:303px;}
    .lv-info{font-size:14px;padding-bottom:20px;}
    .abbreviation{font-size:14px;}
    .abb-con li{font-size:14px;line-height:33px;width:50%;}
    .abb-txt{width:130px;padding-left:20px;}
    .abb-txt span{padding-left:5px;}
    .lv-photo{flex-wrap:wrap;}
    .lv-share li{margin:0 30px;}
    .lv-share li p{font-size:14px;}
    .lv-right li{font-size:12px;}
    .lv-en{font-size:12px;}
    .lv-name{font-size:24px;}
    .lv-right::before{left:9px;display:none;}
    .lv-left{width:100%;padding-left:0;padding-right:0;height: 260px;}
    .lv-right{width:auto;padding-left:0;padding-right:0;margin:0 auto;padding-top:10px;}
    .lv-infos{flex-wrap: wrap;padding:0 10px 55px 10px;background-position: center;}
    .abbreviation .abc ul{width:100%;overflow-x:scroll;overflow-y:hidden;white-space: nowrap;}
    .abbreviation li{width:55px;flex:inherit;flex: 0 0 55px;}
    .lv-right li span{display: none;}
    .lv-right li a{display: block;}
}