*,:after,:before {
    box-sizing: border-box;
    margin: 0;
    padding: 0
}

body {
    background: #120f0b
}

.container {
    margin: auto;
    max-width: 1080px
}

.container>.header {
    display: flex;
    width: 100%;
    height: 860px;
    justify-content: center;
    align-items: flex-end;
    background: url(11a113bd528ce95cc1a1cd57143ed50b.png) top/auto 795px no-repeat
}

.container>.header .main-nav {
    width: 900px;
    height: 34px;
    background: linear-gradient(#ecd27f,#b08228);
    border-radius: 34px
}

.container>.header .main-nav__list {
    display: flex;
    height: 100%;
    list-style-type: none;
    color: #2a1d0c
}

.container>.header .main-nav__item {
    position: relative;
    flex: 1
}

.container>.header .main-nav__item:not(:last-child):after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    width: 1px;
    height: 24px;
    content: "";
    background: #3d2a10
}

.container>.header .main-nav__item.has-child-nav:hover>.sub-nav {
    display: block
}

.container>.header .main-nav a {
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
    color: inherit;
    line-height: 1;
    text-decoration: none
}

.container>.header .sub-nav {
    display: none;
    position: absolute;
    top: -108px;
    width: 100%;
    list-style-type: none;
    background: linear-gradient(#e9be46,#a26109)
}

.container>.header .sub-nav__item {
    margin: 0 5px;
    height: 35px;
    color: hsla(0,0%,100%,.75)
}

.container>.header .sub-nav__item:not(:first-child) {
    border-top: 1px solid hsla(0,0%,100%,.25)
}

.container .sec-intro,.container .sec-news,.container .sec-retrospect,.container .sec-review {
    position: relative;
    border: 2px solid #cfa972
}

.container .sec-intro__title,.container .sec-news__title,.container .sec-retrospect__title,.container .sec-review__title {
    display: block;
    margin: auto;
    transform: translateY(-50%);
    background: #120f0b
}

.container .sec-intro {
    margin-top: 174px
}

.container .sec-intro .intro__container {
    display: flex;
    margin-top: 20px;
    padding: 0 15px
}

.container .sec-intro .intro__video {
    width: 590px;
    height: 332px;
    outline: none
}

.container .sec-intro .intro__content {
    flex: 1;
    margin-left: 16px;
    color: #fff
}

.container .sec-intro .intro__content>p {
    font-size: 14px;
    line-height: 26px;
    text-indent: 2em;
    text-align: justify
}

.container .sec-intro>.active-pipeline {
    display: block;
    margin: 144px auto 0
}

.container .sec-intro .guest__container {
    margin: 138px auto 0;
    width: 965px
}

.container .sec-intro .guest__title {
    display: block;
    margin: auto
}

.container .sec-intro .guest__list {
    display: flex;
    margin-top: 57px;
    flex-wrap: wrap;
    list-style-type: none
}

.container .sec-intro .guest__avatar {
    display: block;
    width: 134px;
    height: 134px;
    border-radius: 5px
}

.container .sec-intro .guest__item {
    margin-bottom: 30px;
    width: 134px;
    text-align: center;
    overflow: hidden
}

.container .sec-intro .guest__item:not(:nth-child(6n+1)) {
    margin-left: 32px
}

.container .sec-intro .guest__name {
    margin-top: 4px;
    line-height: 26px;
    color: #e0c47f
}

.container .sec-intro .guest__position {
    margin-top: 4px;
    font-size: 12px;
    line-height: 16px;
    text-align: justify;
    color: hsla(0,0%,100%,.44)
}

.container .sec-news {
    margin-top: 160px
}

.container .sec-news .imgnews-list {
    display: flex;
    margin: 29px auto;
    width: 1014px;
    list-style-type: none
}

.container .sec-news .imgnews-list>.imgnews__item {
    width: 325px;
    height: 229px
}

.container .sec-news .imgnews-list>.imgnews__item:not(:first-child) {
    margin-left: 20px
}

.container .sec-news .imgnews-list>.imgnews__item>a {
    display: block;
    width: 100%;
    height: 100%;
    background: 50%/cover no-repeat
}

.container .sec-news .news-list {
    display: flex;
    margin: 15px auto;
    width: 1000px;
    flex-wrap: wrap;
    justify-content: space-between;
    list-style-type: none
}

.container .sec-news .news-list>.news__item {
    width: 453px;
    margin: 10px 0;
    font-size: 14px;
    line-height: 1;
    color: #fff
}

.container .sec-news .news-list>.news__item>a {
    display: flex;
    justify-content: space-between;
    color: inherit;
    text-decoration: none
}

.container .sec-news .news-list>.news__item .news__title {
    width: 320px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden
}

.container .sec-news .news__more {
    display: block;
    margin: 0 auto 20px;
    width: 78px;
    height: 29px;
    line-height: 29px;
    text-align: center;
    color: #cfa972;
    text-decoration: none;
    border: 1px solid #bd9b68;
    border-radius: 3px
}

.container .sec-review {
    margin-top: 156px
}

.container .sec-review .standard__container {
    margin: auto;
    width: 989px
}

.container .sec-review .standard__title {
    display: block;
    margin: 50px auto 46px
}

.container .sec-review .standard__list {
    display: flex;
    justify-content: space-between;
    align-items: center;
    list-style-type: none
}

.container .sec-review .standard__item {
    display: flex;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
    text-align: justify
}

.container .sec-review .standard__content {
    margin-left: 20px;
    width: 220px;
    padding-left: 20px;
    border-left: 1px solid #cfa972
}

.container .sec-review .list-setting {
    margin: auto;
    width: 1034px
}

.container .sec-review .list-setting__title {
    display: block;
    margin: 50px auto 46px
}

.container .sec-review .special__title,.container .sec-review .trade__title,.container .sec-review .traditional__title {
    display: flex;
    margin: auto;
    width: 48px;
    height: 48px;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    line-height: 18px;
    background: linear-gradient(#f0d785,#ac7e25);
    border-radius: 50%
}

.container .sec-review .special__list,.container .sec-review .trade__list,.container .sec-review .traditional__list {
    display: flex;
    margin: 22px auto 0;
    flex-wrap: wrap;
    list-style-type: none
}

.container .sec-review .special__item,.container .sec-review .trade__item,.container .sec-review .traditional__item {
    display: flex;
    position: relative;
    margin-bottom: 15px;
    width: 246px;
    height: 92px;
    justify-content: center;
    align-items: center;
    color: #fff;
    background: rgba(175,184,201,.1);
    border-radius: 10px
}

.container .sec-review .special__item:not(:nth-child(4n+1)),.container .sec-review .trade__item:not(:nth-child(4n+1)),.container .sec-review .traditional__item:not(:nth-child(4n+1)) {
    margin-left: 15px
}

.container .sec-review .special__order,.container .sec-review .trade__order,.container .sec-review .traditional__order {
    position: absolute;
    top: 9px;
    left: 9px;
    padding-right: .5em;
    font-size: 12px;
    line-height: 1;
    color: #e9cf7b;
    border-right: 1px solid
}

.container .sec-review .special__title,.container .sec-review .trade__title {
    margin-top: 50px
}

.container .sec-review .special__list {
    margin-bottom: 64px;
    justify-content: center
}

.container .sec-retrospect {
    margin-top: 184px
}

.container .sec-retrospect .listbox {
    position: relative;
    margin: 120px auto 0;
    width: 994px
}

.container .sec-retrospect .listbox>.overflow {
    width: 100%;
    overflow: hidden
}

.container .sec-retrospect .listbox .next,.container .sec-retrospect .listbox .prev {
    position: absolute;
    top: 90px;
    width: 18px;
    height: 18px;
    margin-top: -9px;
    padding: 0;
    border: 2px solid #fff;
    border-right: none;
    border-bottom: none;
    background-color: transparent;
    outline: 0
}

.container .sec-retrospect .listbox .prev {
    left: -27px;
    transform: rotate(-45deg)
}

.container .sec-retrospect .listbox .next {
    right: -27px;
    transform: rotate(135deg)
}

.container .sec-retrospect .reviewlist {
    width: 1745px;
    font-size: 14px;
    line-height: 38px;
    transition: transform .3s linear
}

.container .sec-retrospect .reviewlist>li {
    float: left
}

.container .sec-retrospect .reviewlist>li+li {
    margin-left: 7.33333px
}

.container .sec-retrospect .reviewlist>li img {
    display: block;
    margin-bottom: 10px;
    width: 243px;
    height: 178px;
    background-color: #fff
}

.container .sec-retrospect a {
    color: #d3d3db;
    text-decoration: none
}

.container .sec-organization {
    margin-top: 156px
}