.banner{width:100%;position:relative;background-attachment:fixed;background-size:cover}.banner img{max-width:100%}.banner .banner_info{position:fixed;width:1200px;left:50%;top:50%;transform:translate(-50%,-50%);color:#fff;text-align:center;margin-top:-20px}.banner .banner_info .title{font-size:46px}@media only all and (max-width:1366px){.banner .banner_info .title{font-size:36px}}@media only all and (max-width:1280px){.banner .banner_info{width:1000px}}@media only all and (max-width:1024px){.banner .banner_info{width:100%;padding:0 20px}}@media only all and (max-width:768px){.content{margin-top:80px}}@media only all and (max-width:414px){.banner{background-attachment:inherit;height:240px}.banner .banner_info{position:absolute;margin-top:0}.banner .banner_info .title{font-size:20px}}@media only all and (max-width:375px){.banner .banner_info .title{font-size:17px!important}}@media only all and (max-width:320px){.banner .banner_info .title{font-size:15px!important}}.articles{width:100%;margin:0 auto;padding-bottom:60px;background:#fafafa;position:relative;transition:all 1s}.articles h4{font-size:30px;color:#333;margin:80px 0 40px}.articles .prompt{text-align:center;color:#333;font-size:18px;margin-top:40px;position:relative}.articles .prompt::before{content:"";display:block;width:50px;height:1px;background:#aaa;position:absolute;top:50%;left:50%;margin-left:-180px;transform:translateY(-50%)}.articles .prompt::after{content:"";display:block;width:50px;height:1px;background:#aaa;position:absolute;top:50%;right:50%;margin-right:-180px;transform:translateY(-50%)}.morecase{border-top:1px solid #e1e1e1;margin-top:60px}.morecase h4{margin:60px 0 30px}.morecase .more_list{width:100%;font-size:0}.morecase .more_item{display:inline-block;width:24%;margin-right:14%}.morecase .more_item:last-child{margin-right:0}.morecase .more_item .item-img{width:100%;overflow:hidden}.morecase .more_item .item-img img{width:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.morecase .more_item .item_time{font-size:14px;color:#999;margin-top:10px}.morecase .more_item .item-tit{font-size:20px;color:#666;margin-top:10px}.morecase .more_item:hover .item-img img{transform:scale(1.05)}.heart{background:url(../img/articles/like2.png);background-position:left;background-repeat:no-repeat;height:80px;width:80px;border-radius:50%;border:1px solid #e1e1e1;cursor:pointer;margin:0 auto;background-size:2900%}#feed1 .heart{border:0 none;width:50px;height:50px;border-radius:0;display:inline-block;vertical-align:middle}#feed1 .likeCount{display:inline-block}.heart:hover,.heart:focus{background-position:right}@-webkit-keyframes heartBlast{0%{background-position:left}100%{background-position:right}}@keyframes heartBlast{0%{background-position:left}100%{background-position:right}}.heartAnimation{display:inline-block;-webkit-animation-name:heartBlast;animation-name:heartBlast;-webkit-animation-duration:.8s;animation-duration:.8s;-webkit-animation-iteration-count:1;animation-iteration-count:1;-webkit-animation-timing-function:steps(28);animation-timing-function:steps(28);background-position:right}.feed p{font-size:25px}.feed{clear:both;margin-top:20px;text-align:center;height:90px}.likeCount{margin-left:-8px;font-size:16px;color:#999}.articles .top{width:100%;font-size:0;height:150px;padding-bottom:20px;border-bottom:1px solid #e1e1e1}.articles .fixed{position:fixed;top:60px;background:#fff;box-shadow:0 1px 3px #ccc;z-index:1;width:100%}.articles .top .box{width:100%;height:100%}.articles .top .share{float:right;height:100%;line-height:150px}.articles .top .share span{color:#666;font-size:16px}.articles .top .share ul{font-size:0;display:inline-block;vertical-align:middle}.articles .top .share li{display:inline-block;margin-left:18px}.articles .top .share li a i{font-size:26px;color:#999}.articles .top .share li a i:hover{color:#333}.articles .top .share li:last-child i{font-weight:bold}.articles .author{font-size:0;float:left;margin-top:30px}.articles .author .avatar{display:inline-block}.articles .author .avatar .detail_logo2{display:none}.articles .author .info{display:inline-block;vertical-align:middle;margin-left:40px}.articles .author .info h2{font-size:26px;color:#404040}.articles .author .info span{font-size:18px;color:#999}.articles .fixed .top{height:60px}.articles .fixed .author{margin-top:7px}.articles .fixed .author .avatar .detail_logo{display:none}.articles .fixed .author .avatar .detail_logo2{display:inline-block}.articles .fixed .author .info h2{font-size:16px}.articles .fixed .author .info span{font-size:12px}.articles .fixed .top .share{line-height:60px}.articles .fixed .top .share span{font-size:14px}.articles .fixed .top .share li a i{font-size:22px}.likefeed{display:inline-block;height:auto;margin-top:0}.look{display:inline-block}.look .icon{display:inline-block;color:#999;vertical-align:middle;margin-right:10px}
.look .icon i{font-size:24px}.look .lookCount{display:inline-block;color:#999;font-size:16px}.article-subtit{margin-top:-15px}.article-subtit .subtit-left{height:60px;line-height:60px}.article-subtit .subtit-left span{color:#999;font-size:16px;margin-right:20px}.article-subtit .subtit-left span a{color:#999;font-size:16px}.articlebody .article-tit{font-size:36px;color:#333;line-height:2;margin-top:30px}.article-con .article-item h5{font-size:24px;color:#333;margin:40px 0 20px}.article-con .article-item .item-text{font-size:16px;color:#666;margin-bottom:30px}.article-con .article-item .item-img{width:100%;overflow:hidden}.article-con .article-item .item-img img{width:100%;-webkit-transition:all 1s;-moz-transition:all 1s;-ms-transition:all 1s;-o-transition:all 1s;transition:all 1s}.contact{background:#fafafa}@media only all and (max-width:1024px){.morecase .more_item{width:30%;margin-right:4.1%}}@media only all and (max-width:768px){.morecase .more_item .item-tit{font-size:16px}.articles h4{font-size:24px}.articles .fixed{top:80px}}@media only all and (max-width:414px){.articlebody .article-tit{font-size:20px}.articles .top{height:auto}.articles .author{float:none}.articles .top .share{float:none;line-height:inherit;margin-top:20px}.article-con .article-item .item-text{font-size:14px}.morecase .more_item{width:49%;margin-right:2%;margin-bottom:20px}.morecase .more_item:nth-child(2n){margin-right:0}.articles .author .avatar img{width:50px}.articles .prompt::before{display:none}.articles .prompt::after{display:none}.articles .author .info h2{font-size:22px}.articles .author .info span{font-size:16px}}.landscape .banner .banner_info .title {
    font-size: 20px;
}
.landscape .banner .banner_info{
    width: 100%;
}