.center{width: 1200px;margin: 0 auto;}
.cen{width: 1024px;margin: 0 auto;}

.bc{background-color:#e4dee0;position: relative;}
.imgs1{padding-left: 30%;background-color: white;}

.btn{text-align: center;margin: 40px 0 ;}
.button{border: black 2px solid; box-shadow: black 2px 2px 2px;display: inline-block;}
.btn button{background-color: black; color: white;font-size: 40px;outline: none;}
button:hover{cursor: pointer;}

.li_img{overflow: hidden;height: 400px;margin-bottom: 200px;}
.li_img li{background-color: white;color: black;padding: 5px 10px;display: inline-block;font-size: 30px;margin:0 5.5% ;}
.li_img li:hover{cursor: pointer;}
.li_img .on{background-color: red;color: white;}
.imgs_img{position: absolute;left: 50%;margin-left:-450px ;top:45%;}
.none{display: none;}

.pos{position: absolute;left: 12%;}
.text{text-align: center;font-size: 50px;}
.imgs4{background-color:#e4dee0;overflow: hidden;padding-bottom: 3%;}
.imgs4 li{width: 18%;max-width: 18%;float:left;margin: 0 1%;}
.imgs4 li:hover{cursor: pointer;}


.pos2{position: absolute;right: 0;top:-69px}

.imgs5{overflow: hidden;}
.imgs5 li{width: 30%;max-width: 30%;float:left;margin: 0 1.6%;}

.bcolor{background-color: #f9f9f9;}
.pos3{position: absolute;left: 10;top:0}

.hb{position: absolute;left: 13%;top: -14.9%;}

.haiwai{font-size:50px;color: white;padding: 30px 0;}
.haiwai span{font-size:60px;color: red;padding: 30px 20px;}


.l_cen{position: absolute;left:15%;top:30%;-webkit-perspective:1000;}
.l_cen img{transform: rotateY(45deg);width: 80%;}
.cen_cen{position: absolute;left: 50%;top:20%;margin-left: -250px;}
.r_cen{position: absolute;right: 15%;top:30%;-webkit-perspective:1000;}
.r_cen img{transform: rotateY(-45deg);width: 80%;}

.imgs9{background-color: black;text-align: center;position: relative;height: 650px;}
.imgs9 img:hover{cursor: pointer;}

.imgcon div{}