body{
    background: url("img/27.jpg");
    /*background-size: 100% 100%;*/
}
.div111{
    /*background: url("img/2.jpg@305-24-646-646a.jpg");*/
    /*background-size: 100%;*/
    /*margin-top: 100px;*/
    float: left;
    margin-top: -5% ;
    margin-left: 6%;
    width: 23%;
    height: 85%;
    background-color: whitesmoke;
    padding: 2%;
    text-align: left;
}
.div222{
    width: 100%;
    height: 100px;
    /*background-color: pink;*/
}
.div222 .div222l{
    width: 30%;
    height: 100%;
    background: url("img/3.jpg");
    background-size: 100% 100%;
    float: left;
}
.div222 .div222r{
    width: 65%;
    height: 100%;
    /*background-color: #0f192a;*/
    float: right;
}
.div222 .div222r h1{
    font-size: 18px;;
}
.div333{
    width: 100%;
    /*height: 250px;*/
    /*background-color: pink;*/
    margin-top: 10%;

}
.div444{
    width: 100%;
    height: 300px;
    margin-bottom: 20px;
    /*background-color: #1dc116;*/
}

.div111you{
    float: left;
    width: 35%;
    height: 90%;
    margin-top:-5%;
    margin-left:12%;
}
.div111you .div111you1{
    width: 100%;
    height: 100%;
    background: url("img/11.jpg");
    background-size: 100% 100%;
    border: 10px solid rebeccapurple;
    box-sizing: border-box;
}
.div111you .div111you1 .div111you1p{
    width: 100%;
    height: 100%;
    position: relative;
}
.div111you .div111you1 .div111you1p .p1{
    font-size: 38px;
    color: red;
    font-weight: bold;
    position: absolute;
    left: 15%;
    top: 20%;
    letter-spacing: 20px;
    background-color: rgba(0,0,255,0.1);
}
.div111you .div111you1 .div111you1p .p2{
    font-size: 38px;
    color: red;
    font-weight: bold;
    position: absolute;
    left: 15%;
    top: 30%;
    letter-spacing: 20px;
    background-color: rgba(0,0,255,0.1);
}

.div111you .div111you2{
    width: 100%;
    height: 100%;
    background: url("img/22.jpg");
    background-size: 100% 100%;
    border: 10px solid rebeccapurple;
    box-sizing: border-box;
}
.div111you .div111you2 h5{
    font-size: 38px;
    text-align: center;
    background-color: rgba(0,0,255,0.1);
    color: #5b0799;
    margin-top: 6%;
    margin-bottom:35%;
}
.div111you .div111you2 p{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    background-color: rgba(0,0,255,0.1);
    color: #5b0799;
    margin-top: 13%;
}

.div111you .div111you3{
    width: 100%;
    height: 100%;
    background: url("img/33.jpg");
    background-size: 100% 100%;
    border: 10px solid rebeccapurple;
    padding: 5%;
    box-sizing: border-box;
}
.div111you .div111you3 .p31{
    font-size: 38px;
    font-weight: bold;
    background-color: rgba(0,0,0,0.1);
    color: #605d69;
    margin-top: 6%;
}
.div111you .div111you3 .img3{
    width: 70%;
    height: 35%;
}
.div111you .div111you3 .p32{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 10%;
    background-color: rgba(0,0,0,0.5);
    color: #badaf3;
}
.div111you .div111you3 .p33{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 10%;
    background-color: rgba(0,0,0,0.5);
    color: #badaf3;
}
.div111you .div111you3 .p34{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 10%;
    background-color: rgba(0,0,0,0.5);
    color: #badaf3;
}

.div111you .div111you4{
    width: 100%;
    height: 100%;
    background: url("img/44.jpg");
    background-size: 100% 100%;
    border: 10px solid rebeccapurple;
    padding: 5%;
    box-sizing: border-box;
}
.div111you .div111you4 .p41{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: 38%;
    background-color: rgba(223, 0, 2, 0.5);
    color: white;
    margin-top: 6%;
}
.div111you .div111you4 .p42{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 16%;
    background-color: rgba(223, 0, 2, 0.5);
    color: white;
}
.div111you .div111you4 .p43{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 16%;
    background-color: rgba(223, 0, 2, 0.5);
    color: white;
}
.div111you .div111you4 .p44{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 16%;
    background-color: rgba(223, 0, 2, 0.5);
    color: white;
}
.div111you .div111you4 .p45{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 16%;
    background-color: rgba(223, 0, 2, 0.5);
    color: white;
}
.div111you .div111you4 .p46{
    font-size: 25px;
    font-weight: bold;
    text-align: left;
    margin-top: 16%;
    background-color: rgba(223, 0, 2, 0.5);
    color: white;
}

.div111you .div111you5{
    width: 100%;
    height: 100%;
    background: gray;
    background-size: 100% 100%;
    border: 10px solid rebeccapurple;
    box-sizing: border-box;
}
.div111you .div111you5 .p51{
    font-size: 38px;
    font-weight: bold;
    margin-bottom: -1%;
    color: white;
    margin-top: 6%;
}
.div111you .div111you5 img{
    width: 80%;
    height: 25%;
    margin-top:5%;
}

.div111you .div111you6{
    width: 100%;
    height: 100%;
    background: url("img/66.jpg");
    background-size: 100% 100%;
    border: 10px solid rebeccapurple;
    padding: 5%;
    box-sizing: border-box;
}
.div111you .div111you6 .p61{
    font-size: 38px;
    font-weight: bold;
    color: black;
    background-color: rgba(255, 84, 86,0.5);
    margin-top: 6%;
}
.div111you .div111you6 .img6{
    width: 80%;
    height: 60%;
}
.div111you .div111you6 .p62{
    font-size: 25px;
    font-weight: bold;
    margin-top: 15%;
    color: black;
    background-color: rgba(255, 84, 86,0.5);
}

.swiper-slide111{
    background: url("img/27.jpg");
    background-size: contain;
}
.swiper-slide222{
    background: url("img/123.jpg");
    background-size: contain;
}
.swiper-slide333{
    background: url("img/23.jpg");
    background-size: contain;
}
.swiper-slide444{
    background: url("img/27.jpg");
    background-size: contain;
}
.swiper-slide555{
    background: url("img/123.jpg");
    background-size: contain;
}
.swiper-slide666{
    background: url("img/23.jpg");
    background-size: contain;
}