@charset "utf-8";




h2 {
    text-align: center;
    margin-top: 40px;
}




#wrap {
 min-width: 1168px;
    height: 3610px;
    margin: 0 auto;


}


#sec1{
    width: 1168px;
    height: 610px;
    margin: 0 auto;
    background-color: #000000;
background-image: url(../img/indeximg-14.jpg);
    position: relative;
}

#sec1 img{
    width: 100px;
    height: 100px;
    border: 5px solid red;
   
position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
}


/*
.leftArrow{
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    left: 30px;
    top:50%;
    transform: translateY(-50%);
    border-top: 3px solid #fff;
     border-right: 3px solid #fff;
    transform: rotate(-135deg);
    cursor: pointer;
    
}

.rightArrow{
    position: absolute;
    display: block;
    content: "";
    width: 30px;
    height: 30px;
    right: 470px;
    top:50%;
    transform: translateY(-50%);
    border-top: 3px solid #fff;
     border-left: 3px solid #fff;
    transform: rotate(135deg);
    
    
}
*/

/*
#sec1 .photo{
    position: absolute;
    width: 550px;
    height: 550px;
    background-color: #ffffff;
    border: 1px solid #ddd;
     top: 50%;
       left: 50%;
    transform: translate(-90%, -50%);
}

*/


/*
.sell{

    position: absolute;
     width: 200px;
    height: 200px;
    border: 3px solid red;
    border-radius: 50%;
right: 50%;
        top:50%;
    transform: translate(-50%, -50%);
    z-index: 1;


    
}
*/

#sec2{
      width: 1168px;
    height: 3000px;
    position: relative;

}

#sec2 img{
    display: block;
    margin: 0 auto;
}

.middle ul{
    width: 1168px;
    height: 50px;
    margin: 0 auto;
    
}

.middle li{
    float: left;
    width: 292px;
   line-height: 50px;
    text-align: center;
    background-color: aliceblue;
}