#view *{
    font-family:'Microsoft YaHei';
}
.row{
    margin:0;
}
#view img{
    max-width:100%;
}
.Title{
    text-align:center;
    margin-bottom:30px;
}
.Title>.name{
    font-size:30px;
    color:#292929;
    line-height:42px;
}
.Title>.en_name{
    font-size:14px;
    color:#999;
    line-height:19px;
}
.text{
    overflow:hidden;
}
.text>div{
    font-size:14px;
    line-height:2;
}
@media (max-width:768px){
    .text>div{
        margin-top:15px;
        padding:0;
    }
}
.text>div .img{
    padding-bottom:62.5%;
    background-size:cover!important;
}
#list{
    margin-bottom:50px;
}
#list>div{
    padding:40px 15px;
}
#list>div:nth-child(2n+2){
    background:#f9f9f9;
}
#list>div>.text{
    overflow:hidden;
}
.type_text{
    text-align:center;
    font-size:14px;
    line-height:1.8;
}
.swiper-slide{
    overflow:hidden;
    float:left;
}
.swiper-slide>a{
    display:block;
    width:100%;
}
.swiper-slide .img {
    padding-bottom: 160%;
    position: static;
    background-size: cover !important;
    transition: all 0.6s;
}
.swiper-slide:hover .img{
    -webkit-filter: grayscale(0%)!important;
    -moz-filter: grayscale(0%)!important;
    -ms-filter: grayscale(0%)!important;
    -o-filter: grayscale(0%)!important;
    filter: grayscale(0%)!important;
    filter:none!important;
    transform:scale(1.2);
}
.swiper-slide>a>div{
    position:absolute;
    bottom:0;
    left:0;
    right:0;
    background:rgba(255,255,255,.8);
    color:#262626;
    padding:8px 0;
}
.swiper-slide div>p{
    line-height:1.4;
    margin:0!important;
    text-align:center;
    font-size:18px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:#262626!important;
}
.swiper-slide:hover a>div>p{
    color:#fff!important;
}
.swiper-slide div>p.key{
    font-size:14px;
}