body .two-banner:after,
body .two-banner .word-fix {
    opacity: 0;
}

/*关于品牌板块标题*/
.about-title {
    padding:2% 0;
}
.about-title p {
    font-size:0.22rem;
    color: #666;
    line-height: 2.0;
    text-transform: uppercase;
    font-family: 'Futura';
}
.about-title h3 {
    position: relative;
    font-size: 0.28rem;
    color: #3a3a3a;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
    margin:0.3rem 0 0.3rem 0;
}
.about-title h4 {
    font-size: 0.18rem;
    color:#1d1d1f;
    line-height: 1.8;
    
}
@media screen and (max-width:1024px) {
.about-title {
    padding:8% 0;
}
.about-title p {
    font-size: 0.18rem;
}
.about-title h3 {
    font-size: 0.2rem;
    margin: 0.15rem 0 0.15rem 0;
}
.about-title h4 {
    font-size: 0.14rem;
    color:#999;
    line-height: 1.8;
    
}
}


/*关于品牌*/
.home-about {
    position:relative;
    padding:1rem 0;
    overflow:hidden;
    box-shadow: 0 -10px 15px 8px rgba(0, 0, 0, 0.05);
}
.home-about::before {
    content: "";
    position: absolute;
    top: 0%;
    z-index: -2;
    width: 100%;
    height: 100%;
    background: url(../images/soft/about-bg.jpg) no-repeat right bottom/cover;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.5;
    -webkit-filter: grayscale(100%);
}
.home-about::after {
    content: "";
    position: absolute;
    top: 0%;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(../images/soft/about.png) no-repeat right bottom/6rem;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    opacity: 1;
    -webkit-filter: grayscale(0%);
}
.home-about .item {
    overflow:hidden;
}
.home-about .item .word {
    width: 50%;
    padding: 2% 0%;
}
.home-about .item .word .home-title {}
.home-about .item .word .home-title h5 {
    font-size: 48px;
    color: #d30000;
}
.home-about .item .word .home-title h6 {
    font-size: 28px;
    color: #322c2b;
    margin: 20px 0 0 0;
}
.home-about .item .word .content {
    margin: 10% 0 10% 0;
}
.home-about .item .word .content .profile {}
.home-about .item .word .content .profile h3 {
    font-size: 24px;
    color: #d30000;
    margin:0 0 20px 0;
}
.home-about .item .word .content .profile p {
    font-size: 14px;
    color: #666;
    line-height: 2.0;
    margin:0 0 10px 0;
}
.home-about .item .word .content .go {
    margin:8% 0 0 0;
}


.home-about .item .word-number {
    width: 100%;
    padding: 0% 0%;
}


.home-about .item .word-number .number {
    margin:0 0 0 0;
}
.home-about .item .word-number .number ul {
    overflow:hidden;
    padding:0 0%;
}
.home-about .item .word-number .number ul li {
    display: inline-block;
    padding:0 0.8rem 0 0;
}
.home-about .item .word-number .number ul li h3 {
}
.home-about .item .word-number .number ul li h3 strong {
    padding:0 5px 0 0;
    font-size: 48px;
    color: #d30000;
    letter-spacing: 0;
    font-family: "Montserrat-Bold";
}
.home-about .item .word-number .number ul li h3 span {
    font-size: 18px;
    color: #666;
}
.home-about .item .word-number .number ul li p {
    font-size: 14px;
    color: #333;
    padding-top: 5px;
}


@media screen and (max-width:1024px){
.home-about {
    position:relative;
    padding:4% 0;
    overflow:hidden;
    box-shadow: 0 -10px 15px 8px rgba(0, 0, 0, 0.05);
}
.home-about::after {
    width: 100%;
    height: 100%;
    background: url(../images/soft/about.png) no-repeat right bottom/60%;
}
.home-about .item {
    overflow:hidden;
}
.home-about .item .word {
    width: 100%;
    padding: 8% 0%;
}
.home-about .item .word .home-title {}
.home-about .item .word .home-title h5 {
    font-size: 24px;
}
.home-about .item .word .home-title h6 {
    font-size: 18px;
}
.home-about .item .word .content {
    margin: 10% 0 10% 0;
}
.home-about .item .word .content .profile {}
.home-about .item .word .content .profile h3 {
    font-size: 20px;
    margin:0 0 20px 0;
}
.home-about .item .word .content .profile p {
    font-size: 14px;
    margin:0 0 10px 0;
}
.home-about .item .word .content .go {
    margin:8% 0 0 0;
}


.home-about .item .word-number {
    width: 100%;
    padding: 0% 0%;
}


.home-about .item .word-number .number {
    margin:0% 5%;
}
.home-about .item .word-number .number ul {
    padding:0 0%;
}
.home-about .item .word-number .number ul li {
    width:50%;
    padding:0 0 4% 0;
}
.home-about .item .word-number .number ul li h3 {
}
.home-about .item .word-number .number ul li h3 strong {
    padding:0 5px 0 0;
    font-size: 24px;
    color: #d30000;
    letter-spacing: 0;
    font-family: "DIN";
}
.home-about .item .word-number .number ul li h3 span {
    font-size: 18px;
    color: #666;
}
.home-about .item .word-number .number ul li p {
    font-size: 14px;
    color: #666;
    padding-top: 5px;
}
}
/*关于品牌*/

/*发展历程*/
.history {
    position: relative;
    padding:1rem 0;
}
.history::before {
    content: "";
    position: absolute;
    top: 0%;
    z-index: -1;
    width: 100%;
    height: 100%;
    background: url(../images/soft/history-bg.jpg) no-repeat left bottom/cover;
    margin: 0 10px;
    display: inline-block;
    vertical-align: middle;
    opacity: 0.3;
    -webkit-filter: grayscale(100%);
}
.history-box {
    position: relative;
}
.history-box .Bottomyear {
    margin:0.3rem 0 1rem 0;
}
.history-box .Bottomyear ul {}
.history-box .Bottomyear ul li {
    cursor: pointer;
}
.history-box .Bottomyear ul li h6 {
    font-size: 0.36rem;
    color:#b2b2b2;
    font-family: 'Futura';
}
.history-box .Bottomyear ul li.swiper-slide-thumb-active h6 {
    color: #d30000;

}


.history-box .Topyear {
    overflow:hidden;
}
.history-box .Topyear ul {

}
.history-box .Topyear ul li {
}


.history-box .Topyear ul li .word {
    float:left;
    width:50%;
}
.history-box .Topyear ul li .word h4 {
    font-size: 0.42rem;
    color: #1d1d1f;
    letter-spacing: 0;
    font-family: 'Futura';
}
.history-box .Topyear ul li .word h5 {
    padding:0.8rem 0 0.4rem 0;
    font-size: 0.36rem;
    color: #1d1d1f;
    font-family: 'RuiZiChaoPaiHaoHengHeiJian';
}
.history-box .Topyear ul li .word .content {
    max-width:8.5rem;
    padding:0 20% 0 0;
}
.history-box .Topyear ul li .word .content p {
    font-size: 0.16rem;
    color: #666;
    line-height: 1.8;
    margin: 0 0 0.1rem 0;
}

.history-box .Topyear ul li .photo {
    float:right;
    width:45%;
    overflow: hidden;
}
.history-box .Topyear ul li .photo img {
    width: auto;
    max-height: 300px;
    animation: myfirst 20s linear infinite normal;
}


.history-box .Topyear ul li .word .content {
    height:1.8rem;
    overflow-x: auto;
}
.history-box .Topyear ul li .word .content::-webkit-scrollbar {
    width: 2px;
    height: 4px;
    background:#f6f6f6;
}
.history-box .Topyear ul li .word .content::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background: #d30000;
}

.swiper-Toggle {
    position:relative;
    position: absolute;
    bottom: -0.5rem;
    right: 0px;
    width: 100%;
    padding: 0;
    z-index: 2;
    display: flex;
    justify-content: center;/*中心对齐*/
    *justify-content: flex-start;/*开头对齐*/
    *justify-content: flex-end;/*末端对齐*/

    *align-items: center;/*中间对齐*/
    *align-items: flex-start;/*顶部对齐*/
    *align-items: flex-end;/*底部对齐*/

    transform: translate(0.8rem,0px); /*平移*/
}
.swiper-Toggle div{
    float:left;
    width: 0.5rem;
    height:1rem;
    line-height:1rem;
    background: #d30000;
    font-size: 0.28rem;
    color:#fff;
    font-family: '宋体';
    text-align: center;
    cursor: pointer;
}
.swiper-Toggle div.prev {
    border-radius: 50px 0 0 50px;
}
.swiper-Toggle div.next {
    border-radius: 0 50px 50px 0;
}

@media screen and (max-width:1024px) {
.history {
    padding:0.5rem 0 1rem 0;
}
.history-box {
    position: relative;
}
.history-box .Bottomyear {
    margin:0.3rem 0 1rem 0;
}
.history-box .Bottomyear ul {}
.history-box .Bottomyear ul li {
}
.history-box .Bottomyear ul li h6 {
    font-size: 0.24rem;
}
.history-box .Bottomyear ul li.swiper-slide-thumb-active h6 {
    color: #1d1d1f;
}

.history-box .Topyear {
    overflow:hidden;
}
.history-box .Topyear ul {

}
.history-box .Topyear ul li {
}


.history-box .Topyear ul li .word {
    width:100%;
    margin:0 0 0.1rem 0;
}
.history-box .Topyear ul li .word h4 {
    font-size: 0.36rem;
}
.history-box .Topyear ul li .word h5 {
    padding:0.4rem 0 0.2rem 0;
    font-size: 0.24rem;
}
.history-box .Topyear ul li .word .content {
    max-width: 100%;
    padding:0 0.1rem 0 0;
}
.history-box .Topyear ul li .word .content p {
    font-size: 0.14rem;
    margin: 0 0 0.1rem 0;
}

.history-box .Topyear ul li .photo {
    width:100%;
}
.history-box .Topyear ul li .photo img {
    width:100%;
    animation: myfirst 20s linear infinite normal;
}
}
/*发展历程*/



/*柔光砖版本*/
.soft {
    padding:1rem 0;
    background: #f9f9f9;
}
.soft .item {
    margin:0.5rem 0 0 0;
}
.soft .item ul {
    display: flex;
    justify-content: center;
}
.soft .item ul li {
    flex: 1;
    height: 518px;
    padding: 5% 3%;
    box-sizing: border-box;
    overflow: hidden;
}
.soft .item ul li h6 {
    font-size: 20px;
    text-transform: uppercase;
    color: #231815;
}
.soft .item ul li h5 {
    font-size: 28px;
    color: #231815;
    font-weight: bold;
    line-height: 1.6;
}
.soft .item ul li strong {
    font-size: 18px;
    color: #231815;
    font-weight: 600;
    line-height: 1.6;
}
.soft .item ul li p {
    font-size: 14px;
    height: 60px;
    margin: 25px 0;
}


.soft .item ul li.one {
    background: url(../images/merchants.jpg) no-repeat right #d22633;
}
.soft .item ul li.one h6,
.soft .item ul li.one h5,
.soft .item ul li.one strong,
.soft .item ul li.one p {
    color:#fff;
}
.soft .item ul li.two {
    background: url(../images/merchants.jpg) no-repeat right #e6e6e6;
}
.soft .item ul li.three {
    background: url(../images/merchants.jpg) no-repeat right #f6f6f6;
}
.soft .item ul li.four {
    background: url(../images/merchants.jpg) no-repeat right #ffffff;
}
@media screen and (max-width:1024px) {
.soft {
    padding:0.2rem 0;
    background: #f9f9f9;
}
.soft .item {
    margin:0.2rem 0 0 0;
}
.soft .item ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.soft .item ul li {
    flex: none;
    width: 100%;
    height: auto;
    padding:0.5rem 5%;
    box-sizing: border-box;
    overflow: hidden;
}
.soft .item ul li h6 {
    font-size: 20px;
    text-transform: uppercase;
    color: #231815;
}
.soft .item ul li h5 {
    font-size: 18px;
    color: #231815;
    font-weight: bold;
    line-height: 1.6;
}
.soft .item ul li strong {
    font-size: 16px;
}
.soft .item ul li p {
    font-size: 14px;
    height: auto;
    margin: 25px 0;
}
}
/*柔光砖版本*/


/*设计大咖*/
.design {
    position: relative;
    padding: 2% 0;
    background: #000;
}
.design::before {
    opacity: 0.8;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: url(../images/soft/soft5-bg.jpg) no-repeat center center/cover;
    z-index: 0;
    transition: all 3s;
}


.design .design-item {
    position: relative;
    z-index: 1;
    margin:6% 0;
}
.design .design-item .word {
    max-width: 600px;
}
.design .design-item .word h3 {
    font-size: 42px;
    color:#fff;
    line-height: 1.8;
}
.design .design-item .word h4 {
    font-size: 24px;
    color: #fff;
    font-family: "Medel";
    letter-spacing: 0;
    text-transform: uppercase;
    margin: 50px 0 80px 0;
}
.design .design-item .word h5 {
    font-size: 14px;
    color:#fff;
    line-height: 1.8;
}

.design .design-item .word .go {
    margin: 90px 0 0 0;
}
.design .design-item .word .go a {
    color:#fff;
}
@media screen and (max-width:1024px){
.design {
    padding: 15% 0;
}
.design::before {
    background: url(../images/soft/soft5-bg.jpg) no-repeat center center/cover;
}


.design .design-item {
    margin:6% 0;
}
.design .design-item .word {
    max-width: 600px;
}
.design .design-item .word h3 {
    font-size: 24px;
    color:#fff;
    line-height: 1.8;
}
.design .design-item .word h4 {
    font-size: 18px;
    margin: 25px 0 40px 0;
}
.design .design-item .word h5 {
    font-size: 14px;
    color:#fff;
    line-height: 1.8;
}

.design .design-item .word .go {
    margin: 45px 0 0 0;
}
.design .design-item .word .go a {}

}
/*设计大咖*/



/*可视化的健康*/
.health {}
.health .health-item {}
.health .health-item .item {
    margin:5% 0;
    overflow:hidden;
}
.health .health-item .item .word {
    width:50%;
    padding:0 5%;
}

.health .health-item .item .word .list {
    margin:0.1rem 0;
}
.health .health-item .item .word .list .list-item {
    margin:0.3rem 0;
}
.health .health-item .item .word .list .list-item h4 {
    font-size: 0.24rem;
    color:#333;
    line-height: 1.8;
}
.health .health-item .item .word .list .list-item p {
    font-size: 0.14rem;
    color:#666;
    line-height: 1.8;
}

.health .health-item .item .photo {
    position:relative;
    width:50%;
}
.health .health-item .item .photo img {
    width:100%;
}

@media screen and (max-width:1024px) {
.health {}
.health .health-item {}
.health .health-item .item {
    margin:5% 0;
}
.health .health-item .item .word {
    width:100%;
    padding:2% 5%;
}

.health .health-item .item .word .list {
    margin:5% 0;
}
.health .health-item .item .word .list .list-item {
    margin:0.2rem 0;
}
.health .health-item .item .word .list .list-item h4 {
    font-size: 0.20rem;
    line-height: 1.8;
}
.health .health-item .item .word .list .list-item p {
    font-size: 0.16rem;
    line-height: 1.8;
}

.health .health-item .item .photo {
    width:100%;
}
.health .health-item .item .photo img {
    width:100%;
}
}
/*可视化的健康*/