.banner{position:relative;}
.banner-title {
    position: absolute;
    left: 50%;
    top: 50%;
    text-align: center;
    transform: translate(-50%,-50%);
    color: #fff;
}
.idea {
    padding: 0 10%;
    position: relative;
    margin: 7rem 0;
}
.engTitle {
    font-size: 1.25rem;
    text-transform: uppercase;
    line-height: 1.2;
    position: relative;
    z-index: 1;
}
.chTitle {
    font-weight: bold;
    font-size: 2.25rem;
}
.introduct{
    font-size:3rem;
    font-weight:bold
}
.green{color:#007765}
.yellow{color:#fcc9a4}
.desc {
    font-size: 1rem;
    margin-top: 2rem;
}
.num {
    font-size:.6rem;margin-bottom:1rem
}
.company {
    padding: 7rem 10%;
    background: -webkit-linear-gradient(top, transparent 22%, #007765 22%);
    color: #fff;
    position: relative;
    z-index: 1;
}
.company-intro-s {
    font-weight: bold;
    margin: 2rem 0 -1.5rem;
}
.company .company-content{margin-top: 3rem;}
.company .num{margin-bottom:2rem}
.history {
    padding: 15rem 8% 10rem;
    margin-top: -8rem;
}
.history p{font-size:1rem}
.history-item{display:flex;padding-top:5rem}
.history-item-date {
    width: 98px;
    color: #007765;
    font-weight: bold;
    position: relative;
}
.history-item-con {
    flex: 1;
    line-height: 0;
    position: relative;
}
.history-item-con img{width:8rem;margin:1rem 1rem 0 0}
.nowrap{white-space:nowrap}
.history-item-con::before, .history-item-con::after {
    content: "";
    width: 1px;
    position: absolute;
    left: -40px;
    background: #4d4d4d
}
.history-item-con::before{height:5rem;bottom:calc(100% + 2px)}
.history-item-con::after{height: calc(100% - 15px);bottom:0}
.history-item-date::after {
    content: "";
    position: absolute;
    width: 7px;
    height: 7px;
    background: #4d4d4d;
    right: 36px;
    border-radius: 50%;
    top: 3px;
}
.products {
    padding: 5rem 0;
    background: #f2f2f2;
}
.products-head {
    padding: 0 10%;
    margin-bottom: 3rem;
    position: relative
}
.swiper-assembly{ padding: 0 10%;}
.more__link-swiper {
    border: 1px solid #000;
    display: inline-block;
    color: #000;
    padding: 12px 8px;
}
.more__link-swiper:active,.more__link-swiper:focus{outline:none}
.more__link-prev{transform: rotate(180deg);margin-right:1rem}
.product-name {
    font-size: 1rem;
    margin-top: 1rem;
    color: #000;
    text-align: right;
}
.enterprise-i{position:relative;line-height:0}
.enterprise-i-c {
    position: absolute;
    color: #fff;
    text-align: center;
    height: 100%;
    width: 100%;
    padding-top: 15%;
}
.enterprise .enterprise-i-t {
    font-weight: bold;
    margin: 3rem 0 1rem;
    font-size: 2rem;
    line-height:1
}
.enterprise-i p {
    line-height: 1.5;
    font-size: 1rem;
}
.idea .img-fill{margin-top:6rem}