.Map_con {
 position: relative;
}

.allmap {
 height: 715px;
 width: 100%;
 overflow: hidden;
}

.Con_P {
 width: 300px;
 height: 695px;
 position: absolute;
 ;
 top: 0;
 right: 0;
 background: rgba(0, 0, 0, 0.6) url(/Content/Areas/Common/images/Article/op_bg.png) repeat;
 padding: 10px;

}

.Con_P p {
 font-size: 14px;
 line-height: 28px;
 font-family: "ËÎÌå";
 color: #fff
}

@media only screen and (max-width: 768px) {
 .tab_box .artic_left,
 .tab_box .artic_right,
 .tab_li {
 width: 100%;
 }
 .column_lists li {
 margin: 0 30px 14px;
 float: left;
 }
 .artic_list li {
 margin-bottom: 20px;
 height: auto;
 }
 .tab_li li {
 margin: 0 26px;
 }
 .tab_box .artic_right {
 padding: 0 10px;
 }
 .Con_P {
 width: 100% !important;
 height: auto !important;
 position: inherit !important;
 padding: 10px !important;
 box-sizing: border-box;
 }
}

@media only screen and (max-width: 700px) {
 .column_lists li {
 margin: 0 6px 14px;
 }
 .tab_li li {
 margin: 0;
 }
}

@media only screen and (max-width: 550px) {
 .tab_li li {
 margin: 0 20px 10px;
 }
 .column_lists li {
 margin: 0 18px 14px;
 }
}

@media only screen and (max-width: 360px) {
 .tab_li li {
 margin: 0 8px 10px;
 }
 .column_lists li {
 margin: 0 10px 14px;
 }
} 