@charset "utf-8";



:after,:before{box-sizing:inherit}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.overflow-hide{overflow:hidden}
.col-sm-3{    width: 30.5%;
    float: right;
    position: relative;
    margin-right: 1%;
    margin-bottom: 5.8%;}
.pavilion-container{padding-bottom:50px;   margin-top: 50px;}
.layer-title{padding:50px 0 30px;text-align:center;font-size:30px;color:#fff;letter-spacing:1.09px}
/*tab分类*/
.pavilion-container .pavilion-inner{    width: 100%;
    margin: 0 auto;
    margin-bottom: 40px;
    text-align: center;}
.pavilion-container .pavilion-inner .tabs{padding:0 10px;    margin-bottom: 30px;}
.pavilion-container .pavilion-inner .tabs li{
display: inline-block;
    font-size: 18px;
    color: #231332;
    line-height: 38px;
    margin-left: 5px;
    margin-right: 5px;
    width: 220px;
}
.pavilion-container .pavilion-inner .tabs li{margin-left:21.2667px;cursor:pointer}
.pavilion-container .pavilion-inner .tabs li:first-child{margin-left:0}
.pavilion-container .pavilion-inner .tabs li.on{
    border-bottom: 1px solid #e5e5e5;
	color:#1c1f36}
.pavilion-container .pavilion-inner .tabs li .hot-icon{width:18px;height:24px;margin-right:10px;background-repeat:no-repeat}
.pavilion-container .pavilion-inner .tabs li.on .hot-icon{}
.pavilion-container .pavilion-inner .tabs li>span{display:inline-block;vertical-align:middle}
/*tab内容*/
.pavilion-container .tab-content-wrap{        position: relative;
    margin-top: 20px;
    height: 420px;
    width: 1440px;
    margin: 0 auto;
    z-index: 5;}
.pavilion-container .tab-content{position:absolute;top:65px;transition:all .5s linear;opacity:0;z-index:-1;height:0;width:100%}
.pavilion-container .tab-content.show{height:auto;opacity:1;top:0;z-index:1}
.pavilion-container .tab-content .col-sm-3{padding:0 10px}
.pavilion-container .tab-content .col-sm-3 .tab-card{position:relative;padding:20px;background:#fff;border-radius:2px;overflow:hidden;cursor:pointer;transition:.2s linear}
/*大卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg{position:relative;height:420px}
.pavilion-container .tab-content .col-sm-3 .tab-card:before{position:absolute;content:'';top:0;left:0;right:0;height:4px;border-radius:1px 1px 0 0}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg img{width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg h3{margin-top:30px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card p{margin-top:5px;font-size:12px;color:#a0a2a8;letter-spacing:.51px;line-height:20px;height:20px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels{margin-top:10px;margin-right:10px;padding-bottom:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-lg .labels span{display:inline-block;margin-top:10px;margin-right:10px;padding:0 5px;background:rgba(160,162,168,.1);border:1px solid rgba(102,106,117,.1);border-radius:2px;line-height:20px;color:#a0a2a8;font-size:12px}
.pavilion-container .tab-content .col-sm-3 .tab-card-lg .time{border-top:1px solid #e7e7e7}
/*中卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md+.tab-card-md{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md{height:200px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md img{height:65px;width:auto;display:block}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-md h3{margin-top:15px}
.pavilion-container .tab-content .col-sm-3 .tab-card .time{position:absolute;bottom:10px;width:calc(100% - 40px);padding-top:17px;font-size:12px;color:#666a75;letter-spacing:.44px;line-height:23px;text-align:left}
.pavilion-container .tab-content .col-sm-3 .tab-card .time span{font-size:20px;color:#f66f6a;letter-spacing:0;line-height:23px;margin-right:3px}
/*小卡片*/
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm{height:90px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm+.tab-card-sm{margin-top:20px}
.pavilion-container .tab-content .col-sm-3 .tab-card.tab-card-sm .time{border-top-width:0}
.pavilion-container .tab-content .col-sm-3 .tab-card:hover {}
/*查看全部*/
.pavilion-container .view-go{margin-top:35px;font-size:18px;color:#fff;text-align:center}
.pavilion-container .view-go a span.arrow-more{display:inline-block;vertical-align:middle}
.pavilion-container .view-go a span.arrow-f{width:13px;height:13px;display:inline-block;vertical-align:middle;margin-left:10px;position:relative;transition:.3s ease-out}
.pavilion-container .view-go a:hover{color:#c9a467}
.pavilion-container .view-go a:hover span.arrow-f{transform:translate(4px,0);}

/*内容样式*/
.pic{
    height: auto;
    box-shadow: 2.5px 4.33px 30px 0px rgb(0 0 0 / 5%);
    overflow: hidden;
    transition: all 1.5s;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
}
.img{
    transition: all 1.5s;
    width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center top;
    padding-bottom: 76.2%;
}
.con{
width: calc(100% - 10px);
    box-sizing: border-box;
    background-color: #fff;
    box-shadow: 2.5px 4.33px 30px 0px rgb(0 0 0 / 5%);
    margin-top: -60px;
    padding: 50px 28px 65px;
    position: relative;
    z-index: 5;
    margin-left: 10px;
}
.tits01{
font-size: 20px;
    line-height: 30px;
    height: 60px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #262626;
	text-align: left;
}
.time{
font-size: 15px;
    line-height: 16px;
    color: #5b5b5b;
    margin-top: 58px;
}

.story {
    position: relative;
    z-index: 1;
    padding: 120px 0;
}
.mt-80 {
    margin-top: 80px;
}
.story::before {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: 43.75%;
    background-color: #f7f7f7;
}
.story-inner {
    position: relative;
    font-size: 0;
}
.w1400 {
    max-width: 1400px;
    margin-right: auto;
    margin-left: auto;
}
.story-img-02 {
    background-color: #e2211c;
}
.story-img {
    display: inline-block;
    vertical-align: top;
    width: 50%;
}
.img-box {
    position: relative;
}
.wow {
    visibility: hidden;
}
.story-img::before {
    padding-top: 66.57143%;
}
.img-box::before {
    content: "";
    display: block;
}
.story-img__wrap {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
.story-dream-wrap {
    position: absolute;
    top: 50%;
    right: 10%;
    left: 10%;
}
.story-dream-title p {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 30px;
    letter-spacing: .06em;
}
.story-dream-title span {
    display: block;
    font: 900 70px/1.3 "Lato";
    color: #dbdbdb;
    opacity: .2;
    white-space: nowrap;
}
.story-dream-intro {
    font-size: 18px;
    line-height: 2;
    letter-spacing: .04em;
    color: #fff;
}
.story-dream-title.white p {
    color: #fff;
}