* {
    margin: 0;
    padding: 0;
    border: 0;
    list-style-type: none;
}

.header {
    width: 100%;
    height: 0.44rem;
    background: #041E3A;
    border-radius: 0rem;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.header-title {

    max-width: 12rem;
    height: 0.44rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.header-title_1 {
    align-content: center;
    /*width: 1.26rem;*/
    height: 0.19rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    /*line-height: 0rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.header-title_2 {
    align-content: center;
    /*width: 0.56rem;*/
    height: 0.19rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    /*line-height: 0rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
    padding-left: 0.16rem;
}

.header-title_2 a {
    color: #FFFFFF;
}

.header-title_3 {
    display: flex;
    align-items: center;
    margin-right: 0;
}

.header-title_3 ul {
    display: flex;
    align-items: center;
    height: 0.44rem;
    position: relative;
    left: 4.21rem;
}

.header-title_3 ul li:nth-child(1) img {
    width: 0.2rem;
    height: 0.2rem;
}

.header-title_3 ul li:nth-child(2) {
    align-content: center;
    padding: 0rem 0.04rem 0rem 0.08rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #FFFFFF;
    line-height: 0.23rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0.1rem rgba(0, 0, 0, 0);
}

.header-title_3 ul li:nth-child(3) img {
    width: 0.2rem;
    height: 0.2rem;
    /*border: 0.01rem dashed #d4d4d4;*/
}

.nav {
    width: 100%;
    background: #d48686;
    background: transparent;
    z-index: 99;
    position: sticky;
    display: flex;
    justify-content: center;

}

.navs {
    display: flex;
    align-items: center;
    justify-content: center;
    max-width: 12rem;
    height: 1.1rem;
}

.navs .navs-1 {
    margin-left: 0;
}

.navs ul {
    display: flex;
    justify-content: center;
    align-items: center;
    column-gap: 0.76rem;
    margin-left: 1.72rem;
    margin-right: 2.95rem;
}

.nav ul li {
    height: 0.28rem;
}

.nav ul li a {
    height: 0.25rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.18rem;
    color: #FFFFFF;
    line-height: 0rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.nav ul li:hover {
    border-bottom: 0.02rem solid #FFFFFF;
    border-radius: 0.03rem;
    text-decoration: solid;
}

.nav .navs .nav-2 {
    display: flex;
    align-items: center;
    justify-content: center;
    column-gap: 0.4rem;
    margin-right: 0;
}

.banner {
    width: 100%;
    /* height: 8.3rem; */
    position: absolute;
    top: 0.44rem;
}

.banner div img {
    width: 100%;
    height: 5.2rem;
}



.banner-content {
    display: flex;
    justify-content: center;
    max-width: 12rem;
    margin: 0 auto;
    z-index: 10;
    flex-direction: column;
}

.banner-content ul {
    /*z-index: 99;*/
    /*position: absolute;*/
    /*top: 2.5rem;*/
    padding-left: 1.2rem;
}

.banner-content_1 {
    align-content: center;
    height: 0.78rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: bold;
    font-size: 0.56rem;
    color: #fff;
    line-height: 0rem;
    /* text-stroke:0. 1rem rgba(0, 0, 0, 0); */
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0.01rem rgba(0, 0, 0, 0);
    margin-left: 0;
}

.banner-content_2 {
    align-content: center;
    justify-items: flex-start;
    height: 0.33rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.24rem;
    color: #fff;
    line-height: 0rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0.01rem rgba(0, 0, 0, 0);
    padding: 0.16rem 0 0.36rem 0;
    margin-left: 0;
}

.fabrics-title {
    position: relative;
    top: -1rem;
    width: 100%;
    background: #FFFFFF;
    border-radius: 0rem;
}

.fabrics-titles {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 0.6rem;
    border-bottom: 0.01rem #d7d7d7 solid;
}

.fabrics-title_1 {
    width: 12rem;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    flex-wrap: wrap;
    column-gap: 1rem;
}

.fabrics-title_1 ul {
    display: flex;
    column-gap: 0.1rem;
}

.fabrics-title_1 ul li:nth-child(1) {
    align-content: center;
}
.fabrics-title_1 ul li:nth-child(2){
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999;
    line-height: 0.40rem;
    letter-spacing: 0em;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
}
.fabrics-title_1 ul li:nth-child(2) a{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999;
    line-height: 0.40rem;
    letter-spacing: 0em;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    text-decoration: none;
}

.fabrics-title_1 ul li:nth-child(3) a{
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #000000;
    line-height: 0.40rem;
    letter-spacing: 0em;
    text-align: left;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}








.new-title {
    margin-top: 0.32rem !important;
    max-width: 12rem;
    margin: 0 auto;
    display: flex;
     justify-content: space-between; 
}

.new-title_1 {
    width: 7.56rem;
    /*height: 0.4rem;*/
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.28rem;
    color: #000000;
    /*line-height: 0.24rem;*/
    text-align: left;
    font-style: normal;
    text-transform: none;
}

/*.new-title_1 p {
     padding-top: 0.2rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.20rem;
    text-align: left;
    font-style: normal;
    text-transform: none; 
}
*/
.new-title_2 p {
    /*width: 1.04rem;*/
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.26rem;
    color: #333333;
    line-height: 0.24rem;
    text-stroke: 0.01rem rgba(0, 0, 0, 0);
    text-align: left;
    font-style: normal;
    text-transform: none;
    -webkit-text-stroke: 0.01rem rgba(0, 0, 0, 0);
    align-content: center;
}

.title-1 p {
    padding-top: 0.2rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.20rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-1>img{
    width:100%;
    object-fit: cover;
    margin:15px 0;
    display: block;
}

.title-2 {
    width: 7.74rem;
    height: 0rem;
    border: 0.01rem solid #DDDDDD;
    margin: 0.24rem 0rem;

}

.title-3 {
    /*text-indent: 0.4rem;*/
    width: 7.56rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.32rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.title-3 img{
    width: revert-layer;
	height: revert-layer;
	max-width: 100%;
}
.title-4 {
    width: 7.54rem;
    line-height: 0.2rem;
    border-bottom: 0.01rem solid #DDDDDD;
    margin-top: 0.5rem;
}

.new-title_2 ul {
    margin-top: 0.2rem;
}

.new-title_2 ul li {
    width: 2.96rem;
    height: 1.15rem;
    font-family: Source Han Sans CN, Source Han Sans CN;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: space-between;
    gap: 0.1rem;
    padding:0.2rem 0;
}

.news-img{
    display: block;
    width: 60px;
    height: 60px;
}

.new-title_2 ul li p {
    width: 0.82rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.20rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.new-title_2 ul li {
    border-bottom: 0.01rem solid #DDDDDD;
}

.new-title_2 ul li:nth-child(1) {
    border-top: 0.01rem solid #DDDDDD;
}

.title-5_1 p:nth-child(1) a,
.title-5_1 p:nth-child(2) a {
    height: 0.22rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.2rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-5_1 p:nth-child(1) {

    margin-top: 0.2rem;
}

.title-5_1 p:nth-child(1),
.title-5_1 p:nth-child(2) {
    margin-top: 0.2rem;
    height: 0.22rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #999999;
    line-height: 0.2rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-5_1 p:nth-child(1):hover a,
.title-5_1 p:nth-child(2):hover a {
    height: 0.22rem;
    font-family: Arial, Arial;
    font-weight: 400;
    font-size: 0.16rem;
    color: #333333;
    line-height: 0.20rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-5_1 p a {
    text-decoration: none;
}

.title-6_1 {
    margin-top: 0.51rem;
    display: flex;
    align-items: center;
    justify-content: space-between;

}
.title-6_1 p:last-child{
    display: flex;
    align-items: center;
}
.title-6_1 p:nth-child(1) {
    width: 0.40rem;
    height: 0.28rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.20rem;
    color: #000000;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-6_1 p:nth-child(2) span {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.16rem;
    color: #A3A3A3;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
    height: 0.24rem;
}

.title-6_1 p:nth-child(2) img {
    vertical-align: text-top;
}

.title-7 {
    width: 7.56rem;
    background: #FFFFFF;
    border: 0.01rem solid #E5E5E5;
}
.title_7_box{
    position: relative;
}
.title-7 textarea{
    width: 100%;
    height: 1.42rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #000;
    resize: none;
    text-indent: 0.1rem;
    padding-top: 0.1rem;
    outline: 0;
	border: none;
}

.title-7 textarea::placeholder{
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
}
.title_7_num{
    position: absolute;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #999999;
    bottom: 0.1rem;
    right: 0.1rem;
}
/*.title-7 .input {*/
/*    width: 7.56rem;*/
/*    height: 1.42rem;*/
/*}*/

/*.title-7 .input p:first-child {*/
/*    width: 1.23rem;*/
/*    height: 0.19rem;*/
/*    font-family: Microsoft YaHei, Microsoft YaHei;*/
/*    font-weight: 400;*/
/*    font-size: 0.14rem;*/
/*    color: #999999;*/
/*    line-height: 0.18rem;*/
/*    text-align: left;*/
/*    font-style: normal;*/
/*    text-transform: none;*/
/*    margin: 0.1rem 0 0 0.1rem;*/
/*}*/

/*.title-7 .input p:last-child {*/
/*    height: 0.16rem;*/
/*    font-family: Arial, Arial;*/
/*    font-weight: 400;*/
/*    font-size: 0.14rem;*/
/*    color: #999999;*/
/*    line-height: 0.18rem;*/
/*    text-align: right;*/
/*    font-style: normal;*/
/*    text-transform: none;*/
/*    margin: 0.8rem 0.1rem 0.1rem 0;*/
/*}*/

.title-7_1 {
    width: 7.56rem;
    height: 0.56rem;
    background: #F5F5F5;
    border-radius: 0rem 0rem 0rem 0rem;
    border: 0.01rem solid #E5E5E5;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.title-7_1 p:nth-child(1) {
    display: flex;
    align-items: center;
    column-gap: 0.1rem;
    margin-left: 0.2rem;
}

.title-7_1 p:nth-child(1) img {
    vertical-align: middle;
}

.title-7_1 p:nth-child(1) span {
    /*width: 0.42rem;*/
    height: 0.20rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.14rem;
    color: #666666;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-7_1 p:nth-child(2) button {
    width: 1.40rem;
    height: 0.56rem;
    background: #041E3A;
    border-radius: 0rem;
    border: 0.01rem solid #E5E5E5;
}

.title-7_1 p:nth-child(2) button a {
    width: 0.64rem;
    height: 0.22rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 500;
    font-size: 0.16rem;
    color: #FFFFFF;
    line-height: 0.24rem;
    text-align: center;
    font-style: normal;
    text-transform: none;
    text-decoration: none;
}

.title-8 {
    height: 0.17rem;
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.12rem;
    color: #999999;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.title-9 {
    border-top: 0.01rem solid #E8e8e8;
    margin-top: 0.4rem;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    column-gap: 0.16rem;
}
.title-9 div{
    margin-top: 0.19rem;
}
.title-9_2 ul {
    display: flex;
    flex-direction: column;
    row-gap: 0.06rem;
}

.title-9_2 ul li:nth-child(1),
.title-9_2 ul li:nth-child(2) {
    font-family: PingFang SC, PingFang SC;
    font-weight: 400;
    font-size: 0.16rem;
    color: #666666;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;

}

.title-9_2 ul li:nth-child(3) {
    width: 6.33rem;
    height: 0.67rem;
    font-family: Microsoft YaHei, Microsoft YaHei;
    font-weight: 400;
    font-size: 0.14rem;
    color: #333333;
    line-height: 0.24rem;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
/*.footer_wrap{*/
/*    margin-top: 15rem;*/
/*}*/
@media only screen and (max-width: 1024px) {
    .fabrics-title_1{
        width: 94%;
        margin:0 auto;
    }
    .new-title{
        flex-wrap: wrap;
    }
    .new-title_1{
        width: 94%;
        margin:0 auto;
        font-size: 0.32rem;
    }
    .title-2{
        width: 100%;
    }
    .title-1 p,
    .title-5_1 p:nth-child(1), 
    .title-5_1 p:nth-child(2)
    {
        font-size: 0.2rem;
    }
    .title-3,.title-4{
        width: 100%;
        text-indent: 0;
        font-size: 12px;
    }
   .title-6_1 p:nth-child(2) img{
       width: 18px;
   }
   .title-7,
   .title-7_1,
   .title_7_box{
       width: 100%;
   }
   
   
   .title-5_1 p:nth-child(1):hover a, 
   .title-5_1 p:nth-child(2):hover a,
   .title-5_1 p:nth-child(1) a, 
   .title-5_1 p:nth-child(2) a,
   .title-7 textarea::placeholder,
   .title-7_1 p:nth-child(2) button a,
   .title-8,
   .title-7 textarea{
       font-size: 0.2rem;
   }
   
   .title-5_1 p:nth-child(1), .title-5_1 p:nth-child(2){
       height: auto;
       line-height: 0.4rem;
   }

   .title-7{
       margin-top: 3%;
   }
   .title_7_num{
       font-size: 0.2rem;
   }
   .title-7_1 p:nth-child(1) span{
       font-size: 0.2rem;
       width: auto;
   }
    .title-8{
        margin-top: 2%;
    }
    
    .new-title_2{
        width: 94%;
        margin: 7% auto 0;
    }
    .new-title_2 ul li{
        width: 100%;
        font-size: 0.2rem;
        height: 1.3rem;
    }
    .new-title_2 ul li p{
        width: auto;
        font-size: 0.18rem;
        text-align: left;
    }
    .title-7_1 p:nth-child(2) button{
        width: 2.4rem;
    }
    .title-3 p img{
        height: auto !important;
    }
     .new-title_2 ul li p{
        margin-top: 0.2rem;
    }
}