body,span,a,div{

	font-size: 16px;

	font-family: Microsoft YaHei;

	color: #333333;

}

/* .20p{

	margin-top: 1.25rem;

} */

.mch-m1,.mch-m2,.mch-m3,.mch-m4,.mch-m5{

	width: 75rem;

	margin: 1.25rem auto 0;

	padding: 1.25rem;

}

.mch-m1,.mch-m4,.mch-m5{

	background: #ffffff;

}

.focus {
    width: 41.25rem;
    height: 27.125rem;
    position: relative;
    overflow: hidden;
}

.focus .hd {
    height: 0.75rem;
    position: absolute;
    z-index: 1;
    bottom: 1.1875rem;
    text-align: center;
    right: 0.875rem;
}

.focus .hd ul {
    display: inline-block;
    padding: 3px 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    font-size: 0;
    vertical-align: top;
}

.focus .hd ul li {
   width: 0.75rem;
   height: 0.75rem;

   background: rgb(255,255,255,0.5);

   border-radius: 0.375rem;

    margin: 0 0 0 0.6875rem;
    display: inline-block;
    vertical-align: top;
    overflow: hidden;
}

.focus .hd ul .on {
   background: rgb(255,255,255,0.98);
}

.focus .bd {
    position: relative;
    z-index: 0;

	background: rgb(0,0,0,0.5);
}

.focus .bd li{

	height: 27.125rem;

	position: relative;

}

.focus .bd li a{

	height: 27.125rem;

	display: block;

}

.focus .bd li img{

	width: 100%;

	height: 100%;

	background: url()center no-repeat;

}

.focus .bd li i {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
	line-height: 3.125rem;
    color: #ffffff;

    font-size: 1rem;

    padding:0 20% 0 1.25rem;

	font-weight: 400;

	display: block;

	background: rgb(0,0,0,0.5);

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;
}

.main2{

	width: 30rem;

	margin-left: 1.25rem;

}

.main2-tit  ul{

	width: 100%;

	border-bottom:1px solid #dddddd ;

}

.main2-tit li{

	font-weight: bold;

}

.main2-tit li a{

	font-size: 1.25rem;

	display: block;

	padding: 0.5rem 0 0.75rem;

}

.main2-tit li .on{

	color: #0F80C0;

	border-bottom: 0.1875rem solid #007AD8;

}

.im1{

	width: 1.4375rem;

	height: 0.9375rem;

}

.main2-conall{

	margin-top: 0.9375rem;

}

.main2-conall ul li{

	margin-bottom: 1.23rem;

}

.main2-conall ul li:last-child{

	margin-bottom: 0;

}

.main2-conall ul a{

	width: 100%;

	display: flex;

	align-items: center;

}

.main2-conall ul a::before{

	content: '';

	width:0.3125rem;

	height: 0.3125rem;

	background: #0F80C0;

	border-radius: 0.1875rem;

	display: inline-block;

	margin-right: 0.5rem;

}

.main2-conall ul p{

	width: 100%;

	font-size: 1.125rem;

	font-weight: 400;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

}

.mch-m2{

	padding: 0;

	justify-content: space-between;

}

.mch-m2 div a{

	width: 24.125rem;

	height: 5rem;

	background: #ffffff;

	justify-content: center;

}

.mch-m2 div img{

	width: 2.1875rem;

	height: 2.1875rem;

	margin-right: 1rem;

}

.mch-m2 div span{

	font-size: 1.25rem;

	font-weight: bold;

	color: #0F80C0;

	overflow: hidden;

	text-overflow: ellipsis;

	white-space: nowrap;

	padding:0 5px;

}

.mch-m3{

	padding: 0;

}

.mch-m3-tit{

	width: 36.875rem;

	background: #ffffff;

	padding: 20px;

}

.mch-m3-con ul p{

	width: 80%;

	font-size: 1rem;

}

.mch-m3-con ul span{

	width: 20%;

	font-size: 1rem;

	font-weight: 400;

	color: #999999;

	float: right;

	text-align: right;

}

.mch-m3 .main2-tit li a,.mch-m5 .main2-tit li a {

	padding-top: 0;

}

.mch-m3 .main2-tit ul{

	justify-content: space-between;

}

.mch-m5 .main2-tit ul{

	justify-content: space-between;

}

.mch-m5-div{

	justify-content: space-between;

}

.mch-m5-div div a{

	width: 9.375rem;

	height: 6.25rem;

	display: flex;

	flex-wrap: wrap;

	align-items: center;

	justify-content: center;

	border: 0.0625rem solid #0F80C0;

}

.mch-m5-div div a p{

	width: 100%;

	text-align: center;

	font-size: 1.125rem;

	font-weight: bold;

	color: #333333;

	line-height: 19px;

}

.im2{

	height: 2.3125rem;

}

.mch-m5{

	margin-bottom: 2rem;

}

.main2-conall ul p:hover {

    color: #0F80C0;

}

.mch-m5-div div a p:hover {

    color: #0F80C0;

}



@media screen and (max-width:768px) {

	.main1,.main2{

		width: 100%;

	}

	.mch-m1, .mch-m2, .mch-m3, .mch-m4, .mch-m5{

		width: 100%;

	}

	.focus {

		width: 100%;

	}

	.mch-m2 div a{

		width: 100%;

		height:4rem;

	}

	.mch-m2>div{

		width: 100%;

		margin: 15px 0 0;

	}

	.mch-m3-tit{

		width: 100%;

	}

	.mch-m3-1{

		width: 100%;

	}

	.mch-m5-div{

		justify-content: flex-start;

	}

	.mch-m5-div>div {

	    width: 50%;

	    margin-bottom: 0.9375rem;

	}

	.mch-m5-div div a{

		margin: 0 auto;

	}

	.mch-m3-con ul span{

		width: 30%;

		letter-spacing: -1px;

	}

	.focus .bd li i{

		line-height:3rem;

		padding: 0 38% 0 0;

		text-indent: 1em;

	}

	.focus .bd li,.focus,.focus .bd li a {

		height: 14rem;

	}

	.main2-tit ul{

		justify-content:space-between;

	}

	#mcdttit>li{

		width:25%;

		text-align: center;

		margin-right: 0!important;

	}

	#mch-gd{

		display:none;

	}

	.mch-m2 div img{

		margin-right: 0;

	}

	.mch-m2 div span{

		padding:0 20px;

	}

}