*{
	margin:0;
	padding:0;
	font-family: 'Arial','Microsoft YaHei' ;
	box-sizing: border-box;
	/*text-size-adjust:none;*/
}
body,html{
	width: 100%;
	height: auto;
	overflow-x: hidden;
}
ul{
	list-style: none;
}
a{
	text-decoration: none;
}
*::before, *::after {
    box-sizing: border-box;
}

.sadt1{
	width: 100%;
	height: 5rem;
	background: url("../img/sadt1.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size:cover;
}
.sadt2{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 0.5rem;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.05rem;
}

.sadt3{
	width: 100%;
	height: auto;
	margin-top: 0.4rem;
}
.sadt4{
	width: 75.6%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	font-size: 0.14rem;
	color: #666666;
}
.sadt4>a{
	font-size: 0.14rem;
	color: #666666;
}

.sadt5{
	width: 75.6%;
	height: auto;
	margin: 0.4rem auto 0;
}
.sadt6{
	width: 100%;
	height: 100%;
}
.sadt7{
	width: 100%;
	height: 0.5rem;
	border-bottom: 1px solid #dddddd;
	display: flex;
	align-items: center;
}
.sadt8{
	width: 10%;
	font-size: 0.16rem;
	color: #666666;
}
.sadt9{
	width: 90%;
	height: 100%;
}
.sadt9>ul{
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.sadt9>ul>li{
	width: 17%;
	height: 100%;
	font-size: 0.16rem;
	color: #333333;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
}
.sadt9_active{
	color: #fff !important;
	background-color: #29468c; 
}

.sadt10{
	width: 100%;
	height: auto;
	display: none;
}
.sadt10_active{
	display: block !important;
}

.hzal4{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.hzal5{
	width: 30%;
	height: auto;
	margin-top: 0.5rem;
}
.hzal6{
	width: 100%;
	height: 1px;
	background-color: #dddddd;
}
.hzal17{
	display: flex;
	margin-top: 0.4rem;
}
.hzal17>img{
	width: 100%;
	height: 40%;
}
.hzal18{
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-top: 0.2rem;
}
.hzal19{
	font-size: 0.2rem;
	color: #333;
	white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    word-break: break-all;
}
.hzal20{
	font-size: 0.14rem;
	color: #666666;
	white-space: nowrap;
}
.hzal21{
	margin-top: 0.2rem;
	font-size: 0.14rem;
	color: #666666;
	line-height: 0.24rem;
	 text-overflow: -o-ellipsis-lastline;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  display: -webkit-box;
	  -webkit-line-clamp: 2;
	  line-clamp: 2;
	  -webkit-box-orient: vertical;
}
.hzal15_other{
	width: 30%;
	height: 0;
}
.M-box{
	width: 63%;
	display: flex;
	justify-content: center;
	margin:0.5rem auto 0;
	position: relative;
}
.footer1{
	margin-top: 0.8rem;
}
.prev{
	width: 0.44rem !important;
	height: 0.44rem !important;
	background:url("../img/hzal_prev.jpg") center no-repeat;
	background-size:cover;
	position: absolute;
	left: 0%;
}
.next{
	width: 0.44rem !important;
	height: 0.44rem !important;
	background:url("../img/hzal_next.jpg") center no-repeat;
	background-size:cover;
	position: absolute;
	right: 0%;
}
.m-style .active {
    float: left;
    margin: 0 5px;
    width: 0.44rem;
    height: 0.44rem;
    line-height: 0.44rem;
    background: #eaedf0;
    color: #29468c;
    font-size: 0.22rem !important;
    /* border: 1px solid #e91e63; */
 }
 .m-style a {
    text-decoration: none;
    float: left;
    margin: 0 5px;
    width: 0.44rem;
    height: 0.44rem;
    line-height: 0.44rem;
    /* background: #fff; */
    /* border: 1px solid #ebebeb; */
    color: #333;
    font-size: 0.22rem !important;
}
.phone_sadt10{
	width: 100%;
	height: auto;
	display: none;
}
.phone_sadt11{
	width: 100%;
	height: 100%;
}
.phone_sadt12{
	width: 100%;
	height: 0.8rem;
	display: flex;
	align-items: center;
	border-bottom: 1px solid #dddddd;
	justify-content: space-between;
	padding: 0 0.4rem;
}
.phone_sadt13{
	font-size: 0.2rem;
	color: #333;
	white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.phone_sadt14{
	display: flex;
	align-items: center;
	margin-left: 0.2rem;
}
.phone_sadt15{
	font-size: 0.14rem;
	color: #666666;
	white-space: nowrap;
}
.phone_sadt16{
	display: flex;
	margin-left: 0.15rem;
}
.phone_sadt16>img{
	width: 0.36rem;
	height: 0.36rem;
}

@media (min-width: 980px ){
	.phone_sadt10{
		display: none !important;
	}
}
@media (max-width: 980px){
	.sadt1{
		width: 100%;
		height: 5.42rem;
		background: url("../img/phone_sadt1.jpg");
		background-position: center;
		background-repeat: no-repeat;
		background-size:cover;
		margin-top: 1.04rem;
	}
	.sadt4 {
	    width: 100%;
	    height: 100%;
	    margin: 0 auto;
	    padding:0  0.2rem;
	    display: flex;
	    align-items: center;
	    font-size: 0.14rem;
	    color: #666666;
	}
	.sadt5 {
	    width: 100%;
	    height: auto;
	    padding: 0 0.2rem;
	    margin: 0.4rem auto 0.7rem;
	}
	.sadt9>ul>li {
	    width: 20%;
	    height: 100%;
	    font-size: 0.16rem;
	    color: #333333;
	    display: flex;
	    justify-content: center;
	    align-items: center;
	    cursor: pointer;
	}

	.sadt10{
		display: none !important;
	}
	.M-box {
	    width: 88%;
	    display: flex;
	    justify-content: center;
	    margin: 0.5rem auto;
	    position: relative;
	    padding: 0 0.2rem;
	}
	.prev{
		width: 0.44rem !important;
		height: 0.44rem !important;
		background:url("../img/hzal_prev.jpg") center no-repeat;
		background-size:cover;
		position: absolute;
		left: 0%;
	}
	.next{
		width: 0.44rem !important;
		height: 0.44rem !important;
		background:url("../img/hzal_next.jpg") center no-repeat;
		background-size:cover;
		position: absolute;
		right: 0%;
	}

}