/**
    首页样式
*/

/*********************************轮播图***********************************************/

 /*******************************主体内容********************************************/
 .main{
    
 }
 
 /* .title{
     margin: 8% 0px;
     display:flex;
     justify-content: center;
     align-items: center;
 }
 .title-left{
     width: 350px;
     height: 4px;
    
 } */
 /* .title-main{
     width: 490px;
     text-align: center;
     letter-spacing: 9.6px;
     font-family: PingFang, PingFang-SC-Bold;
 }
 .title-right{
     width: 350px;
     height: 4px;
    
 } */
 
 .hufu-wenxiu{
   background-repeat: no-repeat;
    position: relative;
    margin: auto;
    /* min-width: 1280px; */
    width: 100%;
    background-size: 100% 100%;
    min-height: 340px;

 }
 .hufu-button{
   width: 165px;
   height: 40px;
   line-height: 40px;
   text-align: center;
   letter-spacing: 1px;
   cursor: pointer;

 }
 .hufu-r{
    top: 30%;
    right: 12%;

 }
 .hufu-l{
    top: 30%;
    left: 12%;
 }
 
 .sketch{
   position: relative;
   letter-spacing: 1px;
   min-height: 300px;
   width: 100%;
 }

 .sketch-h{
   height: 30px;
 }
 
.sketch-t-l{
    top: 27%;
    left: 12%;
}
 
 .lable-fang{
   margin-bottom: 30px;
   width: 60%;
 }

.dian{
   
   width: 15px;
   height: 15px;

}


 .lable-fang-title{
   font-size: 20px;
   color: #333333;
   line-height: 25px;
   font-weight: 600;
   letter-spacing: 1px;
   text-align: left;
   margin-left: 35px;
   margin-top: -7px;
 }

 .lable-fang-title-content{
   text-align: left;
    color: #333333;
    font-size: 15px;
    line-height: 35px;
    margin-left: 40px;
 }

 .width-165{
    width: 140px;
 }
 .details-mobile{
   width: 100%;
   margin: auto;
   display: none;
 }

 .details{
    width: 60%;
    margin: auto;
 }
 .details-ul{
    list-style: none;
    margin: auto;
    padding-left: 0;
    /* min-width: 1220px; */
    width: 100%;
 }
 .details-ul li{
        /* width: 600px; */
    /* height: 357px; */
    display: inline-block;
    vertical-align: top;
    /* vertical-align: text-bottom; */
    margin-left: -8px;
    width: 50%;
    text-align: center;
 }
 .details-ul li img{
    width: 100%;
    height: 100%;
 }
 .details-ul li .div{
   margin: auto;
   text-align: center;
 }
 .li-title{
   font-weight: normal;
   text-align: center;
   font-size: 15px;
   color: #333333;
   width: 115px;
   height: 18px;
   letter-spacing: 1.0px;
   margin: auto;
   margin-bottom: 0px;
   margin-top: 25px;
 }
 .li-border{
   width: 85px;
   height: 1.5px;
   opacity: 0.5;
   background: #333333;
   margin: auto;
 }
 .li-main{
   width: 70%;
   height: 85px;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   color: #333333;
   line-height: 20px;
   letter-spacing: 1px;
   margin: auto;
 }
 
 .li-button{
   width: 26%;
   height: 28px;
   background: #333333;
   font-size: 12px;
   font-weight: normal;
   text-align: center;
   color: #ffffff;
   line-height: 27px;
   letter-spacing: 0.74px;
   margin: auto;
   cursor: pointer;
   border-radius: 4px;
 }
 
 
 .home-end{
   background-repeat: no-repeat;
   background-size: 100% 100%;
   position: relative;
   text-align: center;
   margin: auto;
   margin-bottom: 20px;
   width: 60%;
   min-height: 370px;
 }
 .home-end-top{
   display: flex;
   margin: auto;
   justify-content: space-around;
   width: 47%;
   align-items: center;
   position: absolute;
   top: 20%;
   /* left: 340px; */
   left: 25%;
 }
 
 .home-end-title{
   width: 100%;
   height: 121px;
   font-size: 22px;
   font-weight: normal;
   text-align: center;
   color: #ffffff;
   line-height: 82px;
   letter-spacing: 4px;
   margin: auto;
   line-height: 25px;
   position: absolute;
   top: 40%;
   left: 0%;
 }

.fenge{
    width: 35px; display: flex; align-items: center; justify-content: space-around;
}

.fenge-shu{
   width: 2px;
   height: 8px;
   background: #968d8d;
   border-radius: 2px;
   display: inline-block;
}
.fenge-sh2{
    
   width: 2px;
   height: 15px;
   background: #968d8d;
   border-radius: 2px;
   display: inline-block;

}
 
.imgW1{
   width: 115px;
}

.imgW2{
   height: 50px;
}

.imgW3{
   width: 50px;
}
 
.imgW4{
   width: 80px;
}