@charset "UTF-8";
/*魅力佳木斯*/
.sqgk {
    min-height: 810px;
    background: url(../images/mljms/ml_bg.png) top center no-repeat;
    background-size: 100% 100%;
}
.top-gk {
    margin: 0 auto;
    padding-top: 100px;
}
.top-gk dt,.top-gk dd {
    float: left;
}
.top-gk .map {
    width: 38%;
    margin: 0 88px;
}
.top-gk .map img {
    width: 100%;
    height: 100%;
}
.top-gk dd {
    width: 20%;
    color: #333;
    line-height: 30px;
    text-indent: 2em;
    letter-spacing: 1.5px;
}
a.detail {
    float: right;
    color: #c00;
}
.bottom-video {
    position: relative;
    margin-top: 80px;
    width: 999px;
    height: 569px;
    background: url(../images/mljms/sp_bg.png) center no-repeat;
    background-size: 99% 100%;
}
.bottom-video .video {
    height: 94%;
    padding: 1.5%;
}
.sqgk .swiper-pagination {
    display: none;
}
/*概览*/
.til {
    text-align: center;
    margin-top: 90px;
    margin-bottom: 80px;
}
.gl-con li {
    float: left;
    position: relative;
    width: 24.1%;
    height: 545px;
    margin-left: 15px;
}
.gl-con li:first-child {
    margin-left: 0;
}
.gl-con li img {
    width: 100%;
    height: 100%;
}
.gl-con li span {
    position: absolute;
    bottom: 25px;
    left: 50%;
    margin-left: -35px;
    color: #fff;
    font-size: 18px;
}
/*大事记*/
.sj-con li {
    float: left;
    width: 33%;
    text-align: center;
}
.sj-con span {
    display: block;
    color: #105dba;
    font-size: 18px;
    margin-top: 25px;
}
.sj-con .hover {
    display: none;
}
/*.sj-con li:hover .normal {
    display: none;
}
.sj-con li:hover .hover {
    display: inline-block;
}*/
/*视频新闻*/
.sp-con {
    position: relative;
    width: 100%;
}
.sp-con .swiper-slide {
    position: relative;
    width: 700px;
    height: 450px;
}
.sp-con .swiper-slide a:before {
    content: '';
    position: absolute;
    top: 50%;
    left: 50%;
    width: 85px;
    height: 85px;
    margin-left: -42px;
    margin-top: -42px;
    background: url(../images/mljms/icon_play.png) center no-repeat;    
}
.sp-con .swiper-slide img,
.sp-con .swiper-slide video {
    display:block;
    width: 100%;
    height: 100%;
}
.sp-con span {
    display: inline-block;
    position: absolute;
    bottom: 0px;
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: rgba(0,0,0,.5);
    color: #fff;
    text-align: center;
}
.sp-con .swiper-button-prev {
    background-image: url(../images/mljms/icon_prev.png);
}
.sp-con .swiper-button-next {
    background-image: url(../images/mljms/icon_next.png);
}
/*人文*/
.rw-con li {
    float: left;
    position: relative;
    width: 150px;
    height: 570px;
    transition: all 1s;
}
.rw-con .img {
    width: 100%;
    height: 100%;
}
.rw-con .img img {
    width: 100%;
    height: 100%;
}
.rw-con .rw-til {
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 125px;
    text-align: center;
    line-height: 125px;
    color: #fff;
    background: rgba(0,0,0, .3);
}
.rw-con .rw-til a {
    color: #fff;
}
.rw-con .rw-til span {
    display: none;
}
.rw-con li .big-img {
    display: none;
}
.rw-con li.on {
    width: 490px;
}
.rw-con li.on .big-img{
    display: inline-block;
}
.rw-con li.on .small-img {
    display: none;
}
.rw-con li.on .rw-til a {
    display: inline-block;
    padding: 24px 30px;
}
.rw-con li.on .rw-til {
    line-height: unset;
}
.rw-con li.on p {
    text-align: left;
    font-size: 18px;
    margin-bottom: 15px;
}
.rw-con li.on .rw-til span {
    display: -webkit-box;
    font-size: 14px;
    text-align: left;
    text-indent: 2em;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}
/*区县*/
.qx-con {
    position: relative;
    width: 100%;
}
.qx-con a {
    display: block;
    position: relative;
}
.qx-con span {
    position: absolute;
    right: 25px;
    top: 35px;
    color: #fff;
    width: 15px;
    font-size: 18px;
}
.qx-con .swiper-slide:nth-child(even) {
    margin-top: 80px;
}
@media screen and (max-width: 1500px) {
    .top-gk dl dt:first-child{width: 28%;}
    .top-gk .map {margin: 0 3%;}
    .top-gk dd {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10; /*overflow: hidden;*/word-break: break-word;}
    .gl-con li{width: 24%;height: auto;}
    .sj-con li {width: 32%;margin-left: 10px;}
    .sj-con li:first-child {margin-left: 0;}
    .rw-con li {width: 118px;}
}
@media screen and (max-width: 1280px) {
    .top-gk dl dt:first-child{width: 28%;}
    .top-gk .map {margin: 0 3%;}
    .top-gk dd {display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 10; overflow: hidden;word-break: break-word;}
    .gl-con li{width: 23.1%;height: auto;}
    .rw-con li {width: 75px;}
}
@media screen and (max-width: 991px) {
    .top-gk {padding-top: 20px;}
    .top-gk dt {float: none;}
    .sqgk {min-height: auto;}
    .top-gk .map {width: 100%;margin: 0;}
    .top-gk dd {width: 100%;}
    .bottom-video {margin-top: 20px;height: auto;}
    .bottom-video .video video {width: 100% !important;height: auto !important;}
    .container-width1000 {width: 100%;}
    .bottom-video img {width: 100%;}
    .sqgk .swiper-pagination {display: none;}
    .til {margin: 25px 0;}
    .gl-con li {width: 48%;height: auto;margin-left: 0;margin-right: 10px;margin-bottom: 15px;}
    .gl-con li:nth-child(2n) {margin-right: 0;}
    .sj-con li {width: 30%;}
    .rw-con li {width: 100%;height: auto;margin-bottom: 15px;}
    .rw-con li.on {width: 100%;}
    .rw-con li .rw-til a {display: inline-block;padding: 24px 30px;}
    .rw-con .rw-til {line-height: unset;}
    .rw-con li p {text-align: left;font-size: 18px;margin-bottom: 15px;}
    .rw-con li .rw-til span {display: -webkit-box; font-size: 14px;text-align: left;text-indent: 2em; -webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
    .sp-con .swiper-slide {width: 100%;height: auto;}
    .sp-con span {bottom: -30px;line-height: 30px;}
    .rw-con li .big-img {display: block;}
    .rw-con li .small-img {display: none;}
    .qx-con {padding: 0 3%;}
    .qx-con .swiper-slide:nth-child(even) {margin-top: 0;}
    .qx-con .swiper-slide img {width: 100%;}
    .qx-con a {width: 100%;}
}