html,body {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;font-family: "Microsoft YaHei";}
body {margin: 0;font-family: "微软雅黑";color: #000;background: #F0F0F0;font-size: 14px;}
ol,ul {list-style: none;}
ins,a {text-decoration: none;}
.clearfix {zoom: 1;}
img,li {vertical-align: top;}
fieldset,img {border: 0;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
.wrap {width: 1200px;margin: 0 auto;}
i,em {font-style: normal;}
ul {list-style: none;margin: 0;padding: 0;}
a {
	cursor: pointer;
	text-decoration: none;
	display: inline-block;
	vertical-align: baseline;
	color: #333;
}
img{width: auto;max-width: 100%;}
a:hover{color: #322ab2;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
.indextop{background-color: #000000;padding: 10px 0;}
.indextop .wrap{display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: space-between; align-items: center;}
.indextop .wrap p{color: #fff; font-size: 14px;}
.indextop .wrap p a{color: #fff; font-size: 14px; margin-left: 15px;}
.indextop .wrap p a:hover{text-decoration: underline;}
.headbox{background-color: #fff; padding: 30px 0;}
.headbox .wrap{display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: space-between; align-items: center;}
.headbox .wrap .logo{width: auto; display: block; height: 50px;}
.headbox .wrap .logo img{width: auto; height: 100%;}
.headbox .wrap ul{display: flex;display: -ms-flexbox;display: -webkit-flex;}
.headbox .wrap ul li a{display: block;width: 100px; height: 40px; line-height: 40px; text-align: center; font-size: 20px; font-weight: bold; color: #000000;}
.headbox .wrap ul li a:hover,.headbox .wrap ul li.bg a{color: #322ab2;}
.wzhq{padding: 30px 0 30px;}
.wzhq .wrap{display: flex;display: -ms-flexbox;display: -webkit-flex;flex-wrap: wrap; justify-content: space-between;}
.wzhq .wrap a{display: flex;display: -ms-flexbox;display: -webkit-flex; justify-content: flex-start;  width: 49%; padding: 20px; box-sizing: border-box; background-color: #fff; margin-bottom: 20px;}
.wzhq .wrap a img{width: 150px; height: 100px; margin-right: 20px;}
.wzhq .wrap a .wzhqb{display: flex;display: -ms-flexbox;display: -webkit-flex; flex-direction: column; justify-content: space-between;flex: 1;}
.wzhq .wrap a .wzhqb h3{font-size: 18px; color: #000000;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.wzhq .wrap a:hover h3{color: #322ab2;}
.foot{padding: 10px 0; background-color: #000000; text-align: center;}
.foot p,.foot a{color: #fff; font-size: 14px;}
.spage-number button{background-color: #fff !important;}
.spage-number button.active{background: #322ab2 !important;border-color: #322ab2 !important;}
.jpsklasm{display: none;}
.pcbanner{display: block;}
.mbanner{display: none;}
@media screen and (max-width:767px){
.wrap{width: 100%;margin: 0 auto;}
.pcbanner{display: none;}
.mbanner{display: block;}
.indextop{display: none;}
.headbox{padding: 10px;}
.headbox .wrap{flex-direction: column;}
.headbox .wrap ul{width: 100%;}
.headbox .wrap ul li{flex: 1;}
.headbox .wrap ul li a{width: 100%;font-size: 16px;}
.wzhq{padding: 0;}
.wzhq .wrap a{width: 100%; padding: 10px; margin-bottom: 10px;}
.wzhq .wrap a img{width: 120px; height: 80px; margin-right: 10px;}
.wzhq .wrap a .wzhqb h3{font-size: 16px;}
.mypage{margin-bottom: 10px;}
.jpsklasm{display: block;position: fixed;bottom: 0;left: 0;z-index: 99999999999;width: 100%;background-color: #fff;padding: 10px 0;}
.jpsklasm a{display: block;width: 94%;margin-left: 3%;height: 40px;line-height: 40px;text-align: center;font-size: 16px;font-weight: bold;background-color: #322ab2;color: #fff;}
}