.zoujin_bg{
	background: url(../images/zoujin/gaik_bg.png) no-repeat bottom center;
}
/*--图片列表--*/
.lmtit{
	margin:30px;
}
.spxclist.space30 ul li{
	background:#fff;/* url(../images/zoujin/spxc_icon.png) no-repeat;*/
	box-shadow: 0px 0px 21.88px  rgba(153, 153, 153, 0.2);
	border-radius: 396px;
	margin-bottom:40px;
	padding:20px 20px  20px 135px;
	width:48.9%
}
.spxclist ul li> img{
position:absolute;
left:15px;
width:13.6%
}
.spxclist ul li a{
font-size:26px;
font-weight:bold;
}
.spxclist ul li p.ellipsis{
width:100%;
line-height:26px;
padding-top:12px;
min-height:52px;
display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}
.spxclist.infolist.space30 li .time{
right: 30px;
}
.spxclist ul li:nth-child(2n){margin-left:30px;}
.zjpiclist.imagelist ul li a .place{padding-top: 66.25%;}
.zjpiclist.imagelist ul li a .place .play{z-index:10;}
.zjpiclist.imagelist ul li a .place .pic{width:100%;}
.zjpiclist li a .ellipsis{
	text-align:center;
	line-height:32px;
	padding-top: 14px;
    font-size: 20px;
min-height: 64px;
overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
@media (max-width:1480px){
.spxclist.space30 ul li{width:calc(50% - 15px);}
.spxclist ul li> img{width:16.6%;}
}
@media (max-width:1200px){
.spxclist ul li> img{width:19.2%;}
}
@media (max-width:992px){
.spxclist.space30 ul li{width:100%;border-radius: 10px;/* padding: 20px 10px 20px 135px; */}
.spxclist ul li:nth-child(2n){margin-left:0px;}
.spxclist ul li> img{width:13.6%;}

}
@media (max-width:768px){
.spxclist ul li> img{width:90px;}
}
@media (max-width:480px){
.spxclist.res.infolist ul li .time{display:none;}
}
/*--漠河交通--*/
.mhjt.tab-brief > .hd ul{
	float:none;
	font-size:0;
	text-align:center;
}
.mhjt.tab-brief > .hd ul li{
	float:none;
	display: inline-block;
	font-size:28px;
	margin:0 25px;
}
.mhjt.tab-brief > .hd ul li span,.mhjt .tab-brief.underline > .hd ul li span{
	position:relative;
	padding-bottom:10px;
	margin-left:10px;
}
.mhjt.tab-brief > .hd ul li:before{
	width:1px;
	background:#878787;
	content:'';
	position:absolute;
	right: -25px;
	height:25px;
	top:14px;
}
.mhjt.tab-brief > .hd ul li:after,.mhjt .tab-brief > .hd ul li:after{
	width:0px;
	height:0px;
}
.mhjt.tab-brief.underline > .hd li span:after,.mhjt .tab-brief.underline > .hd li span:after{
	left:0px;
	position: absolute;
    bottom: -2px;
    right: 0;
    content: '';
    width: 0;
    height: 4px;
    background: #085ea8;
    transition: all .3s;
    -webkit-transition: all .3s;
    overflow: hidden;
}
.mhjt.tab-brief.underline > .hd li.on span:after{
	width:100%;
	margin-left:0px;
}
.mhjt.tab-brief > .hd li:last-child:before{
	width:0px;
}

/*--魅力漠河--*/
.mlmh.tab-brief > .hd{
	margin-top:50px;
}
.mlmh.tab-brief > .hd ul{
	float:none;
	margin-right:60px;
}
.mlmh.tab-brief > .hd ul li{
	width:17%;
	text-align:center;
	background:url(../images/zoujin/mlmh_bg.png) no-repeat;
	background-size: 100% 100%;
	height:82px;
	line-height:82px;
	color:#fff;
	padding-bottom:0px;
}
.mlmh.tab-brief > .hd ul li a{
color:#fff;
}

.mlmh.tab-brief > .hd ul li.on{
	background:url(../images/zoujin/mlmh_bg_h.png) no-repeat;
	background-size: 100% 100%;
}
.mlmh.tab-brief.underline > .hd li:after{
	width:0px;
	height:0px;
}
.mlmh_con{
	position:relative;
}
.mlmh_con .place{
	padding-top: 52.25%;
	width:78%;
	border-radius: 16px;
}
.mlmh_con .place .pic{
	width:100%;
	
}
.text_box{
	background:rgba(237, 244, 250, .9);
	padding:42px;
	width:37%;
	position:absolute;
	right:0;
	top:50%;
	margin-top:-237px;
	box-sizing: border-box;
	z-index:10;
}
.text_box h2{
	font-size:28px;
}
.text_box h2 img{
	margin-right:10px;
}
.text_box p{
	line-height:46px;
	font-size:18px;
	text-indent: 2em;
	margin-top:20px;
	margin-bottom:20px;
	display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
}
.text_box a{
	text-align:right;
	display:block;
	padding-right:80px;
	background:url(../images/zoujin/mlmh_more.png) no-repeat right center;
	color:#0A64A9;
	font-size:18px;
}
@media (max-width:1480px){
	.text_box{
	}
}
@media (max-width:1200px){
	.text_box{
		padding:20px;
		margin-top: -217px;
	}
}
@media (max-width:992px){
	.mlmh_con .place{
		width:100%;
	}
	.text_box{
		position: inherit;
		width:100%;
		top: 0px;
		margin-top: 0;
	}
	.text_box h2{
		font-size:26px;
	}
	.text_box h2 img{
		width:7%;
	}
	.text_box p{
		line-height:32px;
	}
}
@media (max-width:768px){
	.text_box h2{
		font-size:20px;
	}
	.text_box h2 img{
		width:8%;
	}
	.text_box p{
		font-size:16px;
	}
	.text_box p{
		line-height:14px;
		line-height:28px;
	}
	.text_box a{
		font-size:16px;
	}
}

/*--漠河概况--*/
.gaik_con{
    padding: 0 2%;
    font-size: 1.125em;
    line-height: 2.111em;
    text-indent: 2em;
    margin-top: 10px;
	text-align: justify;
}
.gaik_con a{
    color: #075FA5;
}
.gaik_item{
    margin-left: -13px;
    margin-right: -13px;
    
    margin-top: 50px;
}
.gaik_item li{
    width: 20%;
    float: left;
    position: relative;
}
.gaik_item li a{
    display: block;
    margin: 0 13px;
    border: 6px solid #FFFFFF;
    border-radius: 20px;
    box-shadow: 0px 0px 20px  rgba(127, 147, 173, 0.32);
    position: relative;
    transition: all .3s;
}
.gaik_item li a i{
    width: 53%;
    height: 0px;
    padding-top: 53%;
    margin: 47px auto 0;
    background: #fff;
    box-shadow: 0px 2px 12px  rgba(207, 177, 145, 0.15);
    border-radius: 50%;
    display: block;
    position: relative;
    text-align: center;
}
.gaik_item li a i span{
    width: 100%;
    height: 60%;
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    padding: 20% 0;
}
.gaik_item li a i img{
    width: 60%;
}
.gaik_item li a h2{
    text-align: center;
    font-size: 1.625em;
    font-weight: bold;
    line-height: 1.44em;
    padding-top: 10%;
    padding-bottom: 67px;
}
.gaik_item li a p{
    padding: 0 5%;
    display: none;
    font-size: .8em;
    line-height: 1.5em;
height:4.5em;
}
.gaik_item li .bg1{
    position: absolute;
    bottom: 0px;
    right: 0px;
}
.gaik_item li .bg2{
    position: absolute;
    top: 2%;
    left: 0px;
display:none;
}
.gaik_item li a:hover{
    transform: scale(1.2,1.2);
    z-index: 3;
}
.gaik_item li a:hover i{
    margin-top: 30px;
    width: 52%;
    padding-top: 52%;
}
    
.gaik_item li a:hover h2{
    padding-bottom: 14px;
    padding-top: 6%;
    font-size: 1.4em;
}
.gaik_item li a:hover p{
    display: block;
    margin-bottom: 14px;
display: -webkit-box;
    white-space: normal;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    word-break: break-all;
    overflow: hidden;
    
}
.gaik_item li a:hover .bg2{
display:block;
}

.gaik_item li.yellow a{
    background: linear-gradient(180deg, rgba(255, 252, 247, 0), rgba(253, 239, 223, 1) );
}
.gaik_item li.yellow a h2{
    color: #8A674A;
}
.gaik_item li.yellow a p{
    color: rgba(138, 103, 74, 0.5);
}
.gaik_item li.blue a{
    background: linear-gradient(180deg, rgba(235, 243, 255, 0), rgba(208, 226, 251, 1));
}
.gaik_item li.blue a h2{
    color: #445A9C;
}
.gaik_item li.blue a p{
    color: rgba(68, 90, 156, 0.5);
}
.gaik_item li.green a{
    background: linear-gradient(180deg, rgba(235, 255, 253, 0), rgba(216, 243, 240, 1) );
}
.gaik_item li.green a h2{
    color: #1C574E;
}
.gaik_item li.green a p{
    color: rgba(28, 87, 78, 0.5);
}
@media (max-width: 992px){
    .gaik_item li{
        width: 33.333%;
        margin-bottom: 30px;
    }
}
@media (max-width: 768px){
   .gaik_bg{
       padding-bottom:40px;
   }
   .gaik_bg .tc img{
       width: 70%;
   }
}
@media (max-width: 570px){
   .gaik_item li{
        width: 50%;
        margin-bottom: 30px;
    }
    .gaik_item li a i{
        margin-top: 18%;
    }
    .gaik_item li a h2{
        padding-bottom:20%;
        font-size: 1.45em;
    }
}
/*--漠河概况 end--*/
/*--历史人物--*/
.lsrwlist li{
	width:48%;
	position:relative;
	padding-left:34px;
	line-height:46px;
	margin-bottom:20px;
	float:left;
	box-sizing: border-box;
	white-space: nowrap;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
}
.lsrwlist li a span{
	font-weight:bold;
	margin-right:20px;
	font-size:20px;
}
.lsrwlist li:nth-child(2n){
	margin-left:3%;
}
.lsrwlist li:before{
	position:absolute;
	content:'';
	left:0px;
	top:50%;
	
	width:14px;
	height:14px;
	margin:2px;
	margin-top:-6px;
	border-radius:100%;
	background:#DE964E;
}
.lsrwlist li:after{
	position:absolute;
	content:'';
	left:0px;
	top:50%;
	margin-top:-8px;
	width:16px;
	height:16px;
	border-radius:100%;
	border: 1.17px dashed #DE964E;
}
@media (max-width: 992px){
    .gaik_item li{
        width: 100%;
    }
	.lsrwlist li:nth-child(2n){
		margin-left:0;
	}
}

/*--历史人物 end--*/

/*--旅游须知--*/
.lyxz_box{
	border: 1px solid #D2E6FC;
	border-image:linear-gradient(180deg, #2376CB, #FAFBFC) 4;
	background: linear-gradient(180deg, #D2E6FC, #FAFBFC);
	padding:30px 50px;
}
.lyxz_con{
	font-size:16px;
	line-height:32px;
	color:#666;
	margin-bottom:20px;
}
.lyxz_con h2{
	font-size:26px;
	color:#155CB3;
	line-height:36px;
	text-align:center;
	font-weight: bold;
	position:relative;
	margin-bottom:30px;
}
.lyxz_con h2:before,.lyxz_con h2:after{
	position:absolute;
	content:'';
	width:16%;
	height:2px;
	background:#85BEFF;
	top:50%;
	margin-top:-1px;
	
}
.lyxz_con h2:before{
	right:50%;
	margin-right:110px;
}
.lyxz_con h2:after{
	left:50%;
	margin-left:110px;
}
.dianh{
	padding:0 50px;
	margin-bottom:80px;
}
.dianh p{
	background:#EDF6FF;
	border:1px solid #D0E6FE;
	height:62px;
	line-height:62px;
	text-align:center;
	width:45%;
	float:left;
	box-sizing: border-box;
	color:#015293;
	font-weight:bold;
	font-size:22px;
	margin-left:3%;
}
.dianh p img{
	margin-right:20px;
}
.dianh p:last-child{
	margin-left:4%;
}
.lylx{
	width:47%;
	border-radius:12px;
	height:417px;
	background:url(../images/zoujin/lylx_bg.png) no-repeat;
	float:left;
	margin-bottom:80px;
}

.lylx div{
	width:80px;
	padding:140px 27px;
	box-sizing: border-box;
	background:#0E72D5;
	font-size:26px;
	color:#fff;
	font-weight:bold;
	border-radius:12px 0 0 12px;
	float:left;
}
.lylx ul{
	float:left;
	padding-left:60px;
	margin-top: 38px;
}
.lylx ul li{
	padding-top: 1em;
    padding-bottom: 1em;
}
.lylx .infolist.dot li a{
	font-size:20px;
}
.lxs{
	width:48%;
	background: linear-gradient(180deg, #D2E6FC 0%, #FAFBFC 100%), #FFFFFF;
	border-radius: 12px;
	float:left;
	margin-left: 5%;
	padding:30px 40px;
	box-sizing: border-box;
	margin-bottom:80px;
}
.lxs div{
	font-size:26px;
	color:#155CB3;
	line-height:37px;
	font-weight:bold;
}
.lxs div img{
	margin-right:12px;
}
.lxs div a.more{
	font-size:16px;
	color:#155CB3;
	float:right;
	font-weight:100;
}
.lxs ul{
	margin-top:29px;
}
.lxs ul li{
	width:48%;
	float:left;
	padding-top: 1em;
    padding-bottom: 1em;
}
.lxs ul li:nth-child(2n){
	margin-left:4%;
}
@media (max-width: 1200px){
	.dianh p{
		width:100%;
		margin-left:0%;
	}
	.dianh p:last-child {
		margin-left: 0%;
		margin-top:20px;
	}
	.lylx,.lxs{
		width:100%;
	}
	.lylx{
		background-size: cover;
	}
	.lxs{
		margin-left:0px;
	}
}
@media (max-width: 768px){
	.lyxz_box{
		padding:30px;
	}
	.dianh{
		padding:0px;
	}
}