.banner{
    width: 100%;
    height: 700px;
    background: url("../banner.jpg") no-repeat top center;
}

/*特色文化左侧*/
.tswh{
    width: 1100px;
    height: 805px;
    margin: 20px auto 0;
}
.tswh_left{
    width: 532px;
    float: left;
}
.tswh_left .wqwh li{
    font-size: 18px;
}
.tswh_left .wqwh li a{
    height: 49px;
    line-height: 49px;
    display: block;
    background: url(../ywsd-icon.png) left center no-repeat;
    box-sizing: border-box;
    padding-left: 20px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    transition: transform .1s linear;
    color: #111111;
    font-size: 18px;
}
.tswh_left .jdfg_left{
    margin-top: 15px;
    position: relative;
    height: 334px;
}
.tswh_left .jdfg_left div {
    position: absolute;
    width: 177px;
    height: 167px;
    overflow: hidden;
    display: inline-block;
}
.tswh_left .jdfg_left .img1{
    left: 0;
    top: 0;
    z-index: 1;
}
.tswh_left .jdfg_left img {
    width: 177px;
    height: 167px;
    transition: transform .5s linear;
}
.tswh_left .jdfg_left p {
    display: inline-block;
    position: absolute;
    box-sizing: border-box;
}
.tswh_left .jdfg_left p a {
    display: block;
    font-size: 30px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    transition: transform .6s linear;
}
.tswh_left .jdfg_left p.bg1 {
    width: 191px;
    height: 167px;
    background: url(../cj-left-bg1.png) no-repeat;
    left: 163px;
    top: 0;
    z-index: 2;
    padding-left: 14px;
}
.tswh_left .jdfg_left p.bg1 a {
    height: 167px;
    padding-top: 40px;
}

.tswh_left .jdfg_left div.img2 {
    right: 1px;
    top: 0;
    z-index: 1;
}
.tswh_left .jdfg_left p.bg2 {
    width: 177px;
    height: 181px;
    background: url(../cj-left-bg2.png) no-repeat;
    right: 1px;
    bottom: 0;
    z-index: 2;
}
.tswh_left .jdfg_left p.bg2 a {
    height: 181px;
    padding-top: 52px;
}
.tswh_left .jdfg_left div.img3 {
    left: 177px;
    top: 167px;
    z-index: 1;
}
.tswh_left .jdfg_left p.bg3 {
    width: 177px;
    height: 167px;
    background: url(../cj-left-bg3.png) no-repeat;
    left: 0;
    bottom: 0;
    z-index: 2;
}
.tswh_left .jdfg_left p.bg3 a {
    height: 167px;
    padding-top: 40px;
}




/*特色文化右侧*/
.tswh_right{
    width: 530px;
    float: right;
}
.tswh_right .jdfg_right{
    width: 530px;
    height: 436px;
}
.cj_right_img {
    width: 260px;
    height: 208px;
    float: left;
    margin: 0 10px 10px 0;
}
.effeckt-caption {
    float: left;
    overflow: hidden;
    width: 260px;
    height: 208px;
    position: relative;
}
.effeckt-caption img {
    width: 260px;
    height: 208px;
    display: block;
}
.effeckt-caption figcaption {
    background: rgba(0, 0, 0, 0.7);
    color: white;
    height: 40px;
    line-height: 40px;
    position: absolute;
    transition: .5s;
    width: 100%;
}
.effeckt-caption[data-effeckt-type="quarter-zoom"] figcaption {
    bottom: 0;
    left: 0;
    -webkit-transform: scale(1.35);
    -ms-transform: scale(1.35);
    transform: scale(1.35);
    text-align: center;
    opacity: 0;
}
.effeckt-caption figcaption p {
    font-size: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0;
}
.cj_right_img:nth-of-type(2),.cj_right_img:nth-of-type(4){
    margin-right: 0;
}
.cj_right_bottom .bottom_left {
    width: 260px;

}
.bottom_right {
    width: 260px;
}
.bottom_left .left2 {
    width: 125px;
}
.bottom_left .left3 {
    width: 125px;
}
.cj_right_bottom {
    padding-top: 20px;
}
.footer {
    margin-top: 80px;
    padding: 15px 0 15px 0;
    background: url(../bg_b.png) no-repeat top center;
    text-align: center;
    line-height: 25px;
    color: #333;
    font-size: 14px;
}


.chaBg{
    width: 1100px;
    height: 131px;
    margin: 0 auto;
}
.newsCha{
    background: url("../xwCha.png") no-repeat top center;
    margin-top: 50px;
}
.xcCha{
    background: url("../xcCha.png") no-repeat top center;
    margin-top: 80px;
}
.ztCha{
    background: url("../ztCha.png") no-repeat top center;
    margin-top: 80px;
}
.whCha{
    background: url("../whCha.png") no-repeat top center;
    margin-top: 80px;
}