.banner-inner .text p{
    margin-top: 1.3vw;
}

.di{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}
.di img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.ctn1{
    position: relative;
    padding-top: 4.84375vw;
    padding-bottom: 7.292vw;
}
.j-title h2{
    line-height: calc(4 / 3);
}
.j-title .line{
    margin-top: 1.72vw;
}
.ctn1_btm{
    margin-top: 4.69vw;
    position: relative;
}
.ctn1_btm .img{
    width: 44.44%;
    margin: 0 auto;
    position: relative;
    height: 0;
    padding-bottom: 44.44%;
    border-radius: 50%;

}
.ctn1_btm .img:after{
    content: '';
    left: 50%;
    top: 50%;
    position: absolute;
    width: 103.5%;
    height: 103.5%;
    border-radius: 50%;
    border: 1px #56473e dashed;
    transform: translate(-50%,-50%);
}

.ctn1_btm .img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    border-radius: 50%;
}
.ctn1_btm .line1{
    left: 0;
    bottom: 12.34375%;
    position: absolute;
    width: 36.388%;
}
.ctn1_btm .line1 img,
.ctn1_btm .line2 img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ctn1_btm .line2{
    position: absolute;
    right: 0;
    top: 17.03125%;
    width: 33.472%;
}
.ctn1_btm .txt1{
    position: absolute;
    left: 0;
    bottom: 20%;
    width: 21.25%;
    line-height: 30px;
    color: #44372d;
}
.ctn1_btm .txt2{
    position: absolute;
    right: 0;
    top: 25%;  
    width: 21.25%;
    line-height: 30px;
    color: #44372d;
}
.ctn1 .txt2 ul{
    padding-left: 20px;
    line-height: 2;
}
.ctn1 .txt2 ul li{
    list-style-type: disc;
}
.ctn1 .w1440>.txt1,
.ctn1 .w1440>.txt2{
    line-height: 1.5;
    color: #44372d;
    display: none;
    margin: 1em 0;
}
@media screen and (max-width:768px) {
    .ctn1 .w1440>.txt1,
    .ctn1 .w1440>.txt2{
        display: block;
        background: #fefefe;
        padding:20px;
        margin:20px 0 0;
   }
   .ctn1_btm .txt2,
   .ctn1_btm .txt1{
      display: none;
   }
   .ctn1{
    padding-top: 40px;
       padding-bottom:40px;
   }
    .ctn1_btm{
        margin:30px 0;
    }
}

.ctn2{
    position: relative;
    padding-top: 4.16vw;
    padding-bottom: 2.135vw;
}
.ctn2 .j-title h2,
.ctn2 .j-title p{
    color: #fff;
}
.ctn2-inner{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.ctn2-lf{
    flex:0 0 45.4%;
    margin-right: 4.6%;
}
.j-title p{
    line-height: 2;
    letter-spacing: 0;
    margin-top: 1.66vw;
}
.ctn2-rg{
    flex: 0 0 50%;
    width: 50%;
}
.ctn2 .statistics{
    width: 61.11%;
    margin: 0 auto;
}
.ctn2 .statistics img{
    width: 100%;
    height: 100%;
    object-fit: contain;
}
.ctn2 .zbi{
    display: flex;
    align-items: center;
    color:#fff;
    justify-content: center;
    margin-top: 1.83vw;
}
.ctn2 .zbi span{
    background-color: #957b54;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    margin:0 10px;
}
.ctn2 .zbi span:nth-child(2){
    margin-left: 20px;
    background-color: #f3d26b;
}
@media screen and (max-width:768px){
    .ctn2-lf,
    .ctn2-rg{
        flex:0 0 100%;
        margin-right: 0;
        margin-top:30px;
    }
    .ctn2{
        padding: 40px 0;
    }
}

.ctn3{
    position: relative;
    padding-top: 8.23vw;
    padding-bottom: 15.3125vw;
}
.ctn3 .dw{
    /*position: absolute;
    top: 38.4%;
    left: 50%;
    transform: translate(-50%,-50%);*/
}
.ctn3 .dw .rg{
    width: 41.66%;
    margin-left: auto;
}
@media screen and (max-width:1600px){
    .ctn3 .dw .rg{
        width: 48%;
    }
}
@media screen and (max-width:768px){
    .ctn3 .dw .rg{
        width: 80%;
    }
    .ctn3{
        padding-bottom: 40px;
        padding-top:0;
        margin-top:40px;
    }
    .ctn3 .di{
        position: relative;
        padding:0 5%;
    }
    .ctn3 .dw .rg{
        width: 100%;
        border:1px solid #eaeaea;
        padding:20px;
    }
}
.ctn4 {
    padding-top: 4.84375vw;
    padding-bottom: 8.177vw;
}

.ctn4  .j-title{
    width: 57%;
    margin: 0 auto;
}
.ctn4 .paint{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    margin-top: 3.6458vw;
}
.ctn4 .paint-lf{
    flex: 0 0 50%;
}
.ctn4 .paint-lf>img{
    width: 100%;
}
.ctn4 .paint-rg{
    margin-left: 8.6%;
    flex:1;
}
.ctn4 .paint-rg .des{
    color:#44372d;
    line-height: 2;
}
@media screen and (max-width:1600px){
    .ctn4  .j-title{
        width: 72%;
    }
}
@media screen and (max-width:768px){
    .ctn4  .j-title{
        width: 100%;
    }
    .ctn4 .paint-lf,
    .ctn4 .paint-rg{
        flex:0 0 100%;
        margin-left: 0;
    }
    .ctn4 .paint-rg {
        margin-top: 15px;
    }
    .ctn4{
        padding: 0 0 40px;
    }
    .ctn4 .paint{
        margin-top:30px;
    }
    .ctn4 .paint-rg .des{
        line-height: 1.5;
    }
}
.ctn5{
    position: relative;
    padding-top: 5.9375vw;
    padding-bottom:7.3vw;
}
.ctn5 .j-title{
    width: 58%;
    margin: 0 auto;
}
.ctn5 .j-title>*{
    color: #fff;
}
.ctn5 .td-list{
   margin-top: 4.6875vw;
   display: flex;
   flex-wrap: wrap;
}
.ctn5 .td-item {
    flex:1;
    position: relative;
}
.ctn5 .td-item:nth-child(1)::before,
.ctn5 .td-item:after{
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    background-color: rgba(192,167,130,.2);
    width: 1px;
    height: 40px;
}
.ctn5 .td-item:nth-child(1)::before{
    left: 0;
    right: auto;
}
.ctn5 .td-item .ico{
    height: 60px;
    text-align: center;
}
.ctn5 .td-item .ico img{
    max-height: 100%;
    max-width: 100%;
    object-fit: contain;
}
.ctn5 .td-item p{
  color: #ecc858;
  line-height: 1;
  text-align: center;
  margin-top: 1.458vw;
}
@media screen and (max-width:1600px){
    .ctn5  .j-title{
        width: 72%;
    }
    .ctn5 .td-item .ico{
        height: 50px;
    }
}
@media screen and (max-width:1200px){

    .ctn5 .td-item .ico{
        height: 40px;
    }
}
@media screen and (max-width:768px){
    .ctn5  .j-title{
        width: 100%;
    }

    .ctn5{
        padding: 40px 0 10px;
    }
    .ctn5 .td-item {
        flex:0 0 calc(100% /3);
        margin-bottom: 30px;
    }
    .ctn5 .td-item:nth-child(3n+1)::before{
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        background-color: rgba(192,167,130,.2);
        width: 1px;
        height: 40px;
    }
    .ctn5 .td-list{
        margin-top:30px;
    }
    .ctn5 .td-item p{
        margin-top:14px;
    }
}
.ctn6{
    position: relative;
    padding-top: 4.79vw;
    padding-bottom: 6.25vw;
}
.ctn6 .effect{
    position: relative;
    margin-top: 3.125vw;
}
.ctn6 .swpbig{
    width: 1200px;
    margin: 0 auto;
}
.ctn6 .swpbig .swiper-slide:after{
   content: '';
   width: 100%;
   height: 41.5%;
   position: absolute;
   bottom: 0;
   left: 0;
   background: url("../img/quality/yy.png") repeat-x top center;
}
.ctn6 .swpbig .swiper-slide{
    height: 0;
    padding-bottom: 60%;

}
.ctn6 .swpbig .swiper-slide img{
   width: 100%;
   height: 100%;
   object-fit: cover;
   position: absolute;
   left: 0; top: 0;
}
.ctn6 .swpsmall{
    position: absolute;
    width: 1180px;
    left:50%;
    transform: translate(-50%,0);
    bottom: 10px;
}
.ctn6 .swpsmall .swiper-slide{
    padding: 4px;
    background-color: #fff;
    opacity: .3;
    transition: all .5s;
    cursor: pointer;
}

.ctn6 .swpsmall .swiper-slide-thumb-active{
    opacity: 1;
}
.ctn6 .swpsmall .swiper-slide .sm_img{
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 54.72%;
    overflow: hidden;
}
.ctn6 .swpsmall .swiper-slide .sm_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
}
@media screen and (max-width:1600px){
    .ctn6 .swpbig{
        width: 80%;
    }
    .ctn6 .swpsmall{
        width: calc(80% - 20px);
    }
}
@media screen and (max-width:768px){
    .ctn6 .swpbig{
        width: 100%;
    }
    .ctn6 .swpsmall{
        width: calc(100% - 20px);
        display: none;
    }
    .ctn6{
        padding: 40px 0;
    }
    .ctn6 .effect{
        margin-top: 30px;
    }
    .j-title h2{
        line-height: 1.5;
    }
    .j-title p{
        line-height: 1.5;
        margin-top:20px;
    }
    .j-title .line{
        margin-top:14px;
    }

}