/*栏目板块标题*/
.about-title {
    padding:0 0 0.8rem 0;
}
.about-title p {
    font-size:0.28rem;
    color: #1d1d1f;
    line-height: 2.0;
    *text-transform: uppercase;
    font-family: "Futura-Light";
}
.about-title h3 {
    position: relative;
    font-size:var(--fs48);
    color: #1d1d1f;
    font-weight: bold;
    margin:0.3rem 0 0.3rem 0;
}
.about-title h4 {
    font-size: var(--fs18);
    color:#666;
    line-height: 1.8;
    
}
@media screen and (max-width:1024px) {
.about-title {
    padding: 0 0 0.4rem 0;
}
.about-title p {
    font-size:var(--fs18);
}
.about-title h3 {
    font-size:var(--fs20);
    margin: 0.15rem 0 0.15rem 0;
}
.about-title h4 {
    font-size:var(--fs14);
    color:#999;
    line-height: 1.8;
    
}
}
/*栏目板块标题*/

/*大将军瓷砖是谁？*/
.about {
    padding:0.8rem 0;
}
.about .about-item {}
.about .about-item .title {}
.about .about-item .title h6 {
    font-size: var(--fs24);
    color:#231815;
    font-family: "MiSans-Medium";
}
.about .about-item .title p {
    display:flex;
    font-size: var(--fs48);
    color:#e4002d;
    font-family: "MiSans-Medium";
}


.about .about-item .profile {
    display: flex;
    flex-flow: row wrap;
    justify-content: space-between;
    align-items: flex-end;
    margin:0.8rem 0 0 0;
}
.about .about-item .profile .subtitle {
    width:35%;
}
.about .about-item .profile .subtitle .about-logo {
    display:none;
    margin: 0 0 1rem 0;
}
.about .about-item .profile .subtitle .about-logo img {
    width:2rem;
}
.about .about-item .profile .subtitle span {
    font-size: var(--fs18);
    color:#e4002b;
    padding:0.05rem 0.2rem;
    background:#f6f6f6;
    border-radius: 0.2rem;
}
.about .about-item .profile .subtitle p {
    font-size: var(--fs150);
    color:#e4002d;
    line-height: 1.2;
    font-family: "BasisGrotesque-Regular";
}

.about .about-item .profile .content {
    width:62%;
}
.about .about-item .profile .content p {
    font-size: var(--fs18);
    color:#666;
    line-height: 1.8;
    margin:0.15rem 0 0 0;
}
.about .about-item .profile .content p:first-child {
    color:#231815;
    font-family: "MiSans-Regular";
}
@media screen and (max-width:1024px) {
.about {
    padding:0.4rem 0;
}
.about .about-item {}
.about .about-item .title {}
.about .about-item .title h6 {
    font-size: var(--fs18);

}
.about .about-item .title p {
    font-size: var(--fs24);
}


.about .about-item .profile {
    margin:0.4rem 0 0 0;
}
.about .about-item .profile .subtitle {
    width:100%;
}
.about .about-item .profile .subtitle .about-logo {
    margin: 0 0 0.5rem 0;
}
.about .about-item .profile .subtitle .about-logo img {
    width:2rem;
}
.about .about-item .profile .subtitle span {
    font-size: var(--fs14);
    padding:0.05rem 0.2rem;
}
.about .about-item .profile .subtitle p {
}

.about .about-item .profile .content {
    width:100%;
}
.about .about-item .profile .content p {
    font-size: var(--fs14);
    font-family: "MiSans-Light";
    line-height: 1.8;
    margin:0.15rem 0 0 0;
}
.about .about-item .profile .content p:first-child {
    font-family: "MiSans-Regular";
}
}
/*大将军瓷砖是谁？*/

/*一片瓷砖的使命*/
.video {
    position:relative;
    overflow:hidden;
}
.video:after {
    opacity: 0.5;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dian-bg.png) repeat rgb(0, 0, 0, 0.2);
    z-index: 1;
    transition: all 0.3s;
}
.video video {
    width:100%;
    object-fit: cover;
}
.video .fixed-word {
    position: absolute;
    left: 50%;
    top: 40%;
    transform: translate(-50%, -50%);
    z-index: 8;
    color: #fff;
    text-align: center;
    width: 82%;
    padding: 0 15px;

}
.video .fixed-word h5 {
    font-size: var(--fs48);
    color:#fff;
    font-family: "MiSans-Regular";
}
.video .fixed-word p {
    opacity:0.9;
    font-size: var(--fs16);
    color:#fff;
    margin:0.3rem 0;
}
.video .fixed-word a {
    
}
.video .fixed-word a img {
    width:0.5rem;
}
@media screen and (max-width:1024px) {
.video {
    position:relative;
    overflow:hidden;
}
.video:after {
    opacity: 0.5;
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/dian-bg.png) repeat rgb(0, 0, 0, 0.2);
    z-index: 1;
    transition: all 0.3s;
}
.video video {
    width:100%;
    object-fit: cover;
}
.video .fixed-word {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    z-index: 8;
    color: #fff;
    text-align: center;
    width: 82%;
    padding: 0 15px;

}
.video .fixed-word h5 {
    font-size: var(--fs48);
    color:#fff;
}
.video .fixed-word p {
    opacity:0.9;
    font-size: var(--fs16);
    color:#fff;
    margin:0.15rem 0;
}
.video .fixed-word a {
    
}
.video .fixed-word a img {
    width:0.3rem;
}
}
/*一片瓷砖的使命*/


/*数字实力*/
.number {
    position:relative;
    z-index: 9;
    transform: translate(0px, -1.2rem);
}
.number .number-item {}
.number .number-item ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 0.3rem 2%;
    padding:0.2rem 0.2rem;
    background:#fff;
    border-radius: 0.2rem;
    box-shadow: 30px 30px 40px 0px rgba(0, 0, 0, 0.1);
}
.number .number-item ul li {
    width:23.5%;
    padding:0.1rem;
    text-align: center;
}
.number .number-item ul li span {
    font-size: var(--fs18);
    color:#231815;
    font-family: "MiSans-Regular";
}
.number .number-item ul li h6 {
    font-size: var(--fs48);
    color: #e4002d;
    font-family: "Montserrat-Regular";
    margin:0.2rem 0;
}
.number .number-item ul li p {
    font-size: var(--fs16);
    color:#666;
}
@media screen and (max-width:1024px) {
.number {
    padding:0.6rem 0;
    transform: translate(0px, 0rem);
}
.number .number-item {}
.number .number-item ul {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start;
    gap: 0.3rem 2%;
    padding:0.2rem 0.2rem;
    background:#fff;
    border-radius: 0.2rem;
    box-shadow: 10px 10px 20px 4px rgba(0, 0, 0, 0.1);
}
.number .number-item ul li {
    width:100%;
    padding:0.1rem;
    text-align: center;
}
.number .number-item ul li span {
    font-size: var(--fs18);
    color:#231815;
    font-family: "MiSans-Regular";
}
.number .number-item ul li h6 {
    font-size: var(--fs48);
    color: #e4002d;
    font-family: "Montserrat-Regular";
    margin: 0.1rem 0;
}
.number .number-item ul li p {
    font-size: var(--fs14);
    color:#666;
    font-family: "MiSans-Light";
}
}
/*数字实力*/


/*品牌文化*/
.culture {
    position:relative;
    padding: 1.2rem 0;
}
.culture::after {
    opacity: 0.4;
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    background: #f5f9fd url(../images/about/culture.jpg) no-repeat center bottom/cover;
    transition: all 3s;
}
.culture .culture-item {}
.culture .culture-item ul {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 0.1rem 2%;
}
.culture .culture-item ul li {
    width: 23.5%;
    padding:0.4rem 0.1rem;
    text-align: center;
    border-radius: 0.2rem;
    background: rgba(255, 255, 255, 0.6);
    border: 1px solid rgba(0, 0, 0, .04);
}
.culture .culture-item ul li figure {

}
.culture .culture-item ul li figure img {
    max-width: 0.46rem;
}

.culture .culture-item ul li h6 {
    margin:0.2rem 0;
    font-size: var(--fs24);
    color:#000;
}
.culture .culture-item ul li p {
    font-size:var(--fs16);
    color: #777;
    line-height: 1.8;
}
@media screen and (max-width:1024px) {
.culture {
    padding: 0.6rem 0;
}
.culture .culture-item {}
.culture .culture-item ul {
}
.culture .culture-item ul li {
    width: 49%;
    padding:0.4rem 0.1rem;
}
.culture .culture-item ul li figure {

}
.culture .culture-item ul li figure img {
    max-width: 0.38rem;
}

.culture .culture-item ul li h6 {
    margin:0.2rem 0;
    font-size:var(--fs18);
}
.culture .culture-item ul li p {
    font-size:var(--fs14);
    line-height: 1.8;
    font-family: "MiSans-Light";
}
}
/*品牌文化*/