body{
    width: 100%;
    height: 100%;
}
html {
    height: 100%;
}
* {
    margin: 0;
    padding: 0;
}
ul li {
    list-style-type: none;
}

li img:hover{
    transform:scale(1.02,1.02);
}
img{
    width: 100%;
    height: 100%;
    cursor: pointer;
    transition: all 0.5s;
}
.clear {
    clear: both;
}
.prk {
    width: 80%;
    height: 100%;
    /*background-size: contain;*/
    /*background-color: brown;*/
    position: relative;
    /*background: blueviolet;*/
    margin: 5px auto;
}
.img{
    background: url(../images/ben.jpg) no-repeat;
    background-size:100% 100%;
}
.img2{
    background: url(../images/2.jpg) no-repeat;
    background-size:100% 100%;
}
.top{
    width: 100%;
    height: 50%;
}
.img3t{
    background: url(../images/3_01.jpg) no-repeat;
    background-size:100% 100%;
}

.ul li{
    float: left;
    width:24.5%;
    height: 100%;

}

.left,.right{
    float: left;
    height: 100%;

}
.left{
    width: 40%;

}
.img4l{
    background: url(../images/4_01.jpg) no-repeat;
    background-size:100% 100%;
}
.right{
    width:60%;
}
.right_top{
    width: 100%;
    height: 50%;
}
.right_top a{
    width: 50%;
    height: 100%;
    float: left;
}
.right_top a img{
    width: 100%;
    height: 100%;
}
.right_top a img:hover{
    transform:scale(1.02,1.02);
}
.su{
    width:32%;
    height: 100%;
    float: left;
}
.img6l{
    width: 48%;
    height: 100%;
    background: url(../images/6_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img6lr,.img8lr,.img9lr{
    width: 50%;
    height: 100%;
}
.img6l,.img6lr,.img8l,.img8lr,.img9l,.img9lr{
    float: left;
}
.img6zx{
    width: 100%;
    height: 32%;
}
.img7t{
    background: url(../images/7_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img6zx img:hover{
    transform:scale(1.02,1.02);
}
.img8l{
    width: 48%;
    height: 100%;
    background: url(../images/10_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img9l{
    width: 48%;
    height: 100%;
    background: url(../images/8_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img9zx{
    width: 50%;
    height: 50%;
    float: left;
}
.img9zx img{
    width: 100%;
    height: 100%;
}
.img9zx img:hover{
    transform:scale(1.02,1.02);
}
.img10t{
    background: url(../images/9_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img11t,.img11r,.img12t,.img12r{
    width: 49%;
    height: 100%;
}
.img11t,.img11r,.img12t,.img12r{
    float: left;
}
.img11t{
    background: url(../images/11_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img11r{
    background: url(../images/11_02.jpg) no-repeat;
    background-size:100% 100%;
}
.img12t{
    background: url(../images/12_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img12r{
    background: url(../images/12_02.jpg) no-repeat;
    background-size:100% 100%;
}
.img13{
    background: url(../images/13.jpg) no-repeat;
    background-size:100% 100%;
}
.img14t{
  width:59%;
    height: 100%;
    background: url(../images/14_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img14r,.img15r{
    width:39%;
    height: 100%;
}
.img14t,.img14r,.img15r,.img15t{
    float: left;
}
.img14zx{
    width: 100%;
    height: 24.5%;
}
.img14zx img{
    width: 100%;
    height: 100%;
}
.img14zx img:hover{
    transform:scale(1.02,1.02);
}
.img15t{
    width:59%;
    height: 100%;
    background: url(../images/15_02.jpg) no-repeat;
    background-size:100% 100%;
}
.img16t{
    width:59%;
    height: 100%;
    background: url(../images/16_01.jpg) no-repeat;
    background-size:100% 100%;
    float: left;
}
.img17t{
    width:59%;
    height: 100%;
    background: url(../images/17_02.jpg) no-repeat;
    background-size:100% 100%;
    float: left;
}
.img18t{
    width:59%;
    height: 100%;
    background: url(../images/18_01.jpg) no-repeat;
    background-size:100% 100%;
    float: left;
}
.img19l{
    width: 48%;
    height: 100%;
    background: url(../images/20_01.jpg) no-repeat;
    background-size:100% 100%;
    float: left;
}
.img20{
    background: url(../images/19.jpg) no-repeat;
    background-size:100% 100%;
}
.img21t{
    background: url(../images/21_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img21bo{
    width: 100%;
    height: 100%;
}
.img21bo ul li{
    width: 32%;
    height:100% ;
}
.img22l{
    width: 48%;
    height: 100%;
    background: url(../images/22_01.jpg) no-repeat;
    background-size:100% 100%;
    float: left;
}
.img23t{
    background: url(../images/23_01.jpg) no-repeat;
    background-size:100% 100%;
}
.img24l{
    width: 48%;
    height: 100%;
    background: url(../images/24_01.jpg) no-repeat;
    background-size:100% 100%;
    float: left;
}