.subscribe {
    width: 100%;
    height: 100%;
    min-width: 1200px;
}

.subscribe_wraper {
    width: 100%;
    min-height: 68vh;
}

.fl {
    float: left;
}

.fr {
    float: right;
}

/* 这里是大图片 */



.subscribe_box {
    width: 100%;
    /* height: 700px; */
    margin: 0 auto;
    overflow: hidden;
    margin-bottom: 4%;
    /* overflow: hidden; */
}




/* 这里是其他图片的样式 */

.subscribe_content {
    width: 60%;
    /* height: 680px; */
    margin: 0 auto;
    /* margin-bottom: 64px; */
}

.subscribe_content_left {
    width: 40%;
    height: 680px;
    float: left;
    margin-bottom: 64px;
    box-sizing: border-box;
    padding: 0 40px;
}

.subscribe_content_left_top {
    width: 100%;
    height: 426px;
    margin-bottom: 14px;
}

.subscribe_content_left_top img {
    width: 100%;
    height: 100%;
}

.subscribe_content_left_bottom {
    width: 100%;
    height: 240px;
    background: #000000;
}

.subscribe_content_left_bottom img {
    width: 100%;
    height: 100%;
}

.subscribe_content_right {
    width: 59%;
    height: 680px;
    /* float: right; */
    overflow: hidden;
}

.swiper-container {
    width: 600px;
    height: 300px;
}  
.swiper-slide  img{
    width: 100%;
    height: 100%;
}


/* 星星田，爱心认养部分 */

.subscribe_title {
    clear: both;
    width: 100%;
    height: 100px;
    /* background: black; */
}

.subscribe_title h1 {
    font-size: 48px;
    color: #de000d;
    text-align: center;
}

/* .subscribe_title_img {
    width: 100%;
    height: 543px;
    margin-bottom: 5%;
} */

.subscribe_title_img ul {
    width: 100%;
    height: 100%;
}

.subscribe_title_img ul li {
    float: left;
    width: 33%;
    height: 100%;
}





.subscribe_flow {
    width: 100%;
    height: 140px;
    margin-bottom: 72px;
    /* margin: 0 auto; */
    /* background: #0000FF; */
}

.subscribe_flow_text {
    width: 100%;
    height: 105px;
}

.subscribe_flow_text li {
    float: left;
    width: 16%;
    height: 100%;
    /* background: #0000FF; */
    text-align: center;
    font-size: 16px;
    color: #000000;
    margin-top: 2%;
    /* line-height: 50px; */
}

/* .landClaim {
    width: 100%;
    background-color: pink;
} */

/* .landClaim li {
    float: left;
    width: calc(33.33% - 8px);
    height: 100%;
    margin-right: 12px;
    margin-bottom: 20px;
}

.landClaim li:last-of-type {
    margin-right: 0;
} */
.slideTxtBox .hd ul li {
    box-sizing: border-box;
    width: 30%;
    height: 100%;
    float: left;
    margin: 20px;
    cursor: pointer;
    text-align: center;
    font-size: 20px;
    color: #db002b;
}

.slideTxtBox .hd ul li.on {
    height: 100%;
    background: #db002b;
    color: black;
}


.areaA{
    width: 40%;
      float: left;
     margin-left: 1%;
     margin-top: 2%;
     max-height: 660px;
     overflow: auto;
     /* background: red; */

}

.areaA a {
    float: left;
    width: 10%;
    height: 30px;
    background-color: #eee;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
}


.areaB{
    width: 40%;
    float: left;
    margin-left: 1%;
    margin-top: 2%;
    max-height: 660px;
    overflow: auto;
    /* background: red; */
}
.areaB a {
    float: left;
    width: 10%;
    height: 30px;
    font-size: 16px;
    text-align: center;
    background-color: #eee;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
}

.areaC{
    width: 40%;
    float: left;
    margin-left: 1%;
    margin-top: 2%;
    max-height: 660px;
    overflow: auto;
    /* background: red; */

}
.areaC a {
    float: left;
    width: 10%;
    height: 30px;
    background-color: #eee;
    box-sizing: border-box;
    border: 1px solid #ccc;
    font-size: 10px;
    line-height: 30px;
    text-align: center;
}



.bd_content{
    width: 100%;
}

.bd_content img{
    float: left;
    width: 55%;

}


.map {
    position: relative;
    width: 55%;
    height: 660px;
    border: 4px solid #0168b5;
    z-index: 88;
    float: left;
}

 .map .viewer {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 99;
}


.iviewer_zoom_in {
    background: url(../image/iviewer.zoom_in.gif) !important;
}

.iviewer_zoom_out {
    background: url(../image/iviewer.zoom_out.gif) !important;
}