@charset "utf-8";
/* CSS Document */
*{font-family:"微软雅黑";}
body{margin:0px; padding:0px; font-size:14px; font-family:"微软雅黑";}
p,form,h1,h2,h3,h4,dd,dt,dl,em{margin:0px; padding:0px; font-weight: normal;font-style: normal;}
ul{margin:0px; padding:0px; list-style:none;}
img{vertical-align:middle; border:none;max-width: 100%;transition: all 0.6s;}
a{text-decoration:none;
	-webkit-transition: all .5s;   
	-moz-transition: all .5s;   
	-ms-transition: all .5s;   
	-o-transition: all .5s;   
	transition: all .5s;  
}
i,em{font-style: normal;/*font-family: 'FontAwesome';*/}
.clear{clear:both;}
input,button{outline: none;}
/*******************************************/
#pages{padding: 20px 0; height: 30px; text-align: center;}
#pages ul{display: inline-block;}
#pages li{float: left; margin: 0 2px; height: 27px; line-height: 27px; color: #333; border: 1px solid #ddd; margin-bottom: 5px; }
#pages a{background-color: #fff; color: #333; background-image: none !important; border: none; padding: 0 10px; display: block;}
#pages a:hover{background-color: #eee; background-image: none !important;}
#pages li span{display: inline-block; padding: 0 10px;}
#pages .disabled span{display: inline-block; padding: 0px 10px;background-color: #eee; color: #333;}
#pages .active{background-color: #8D8D8D; color: #fff;}
/*******************************************/
.top1{
	text-align: center;
}
.top1 img{
	height: 210px;
}
.top2{
	background-color: #F1F1F1;
}
.nav{
	width: 1200px; max-width: 94%; margin: auto;
}
.nav ul{
	display: flex; justify-content: space-between; flex-wrap: wrap; padding: 10px 0;
}
.nav ul li{
	display: flex; justify-content: center; align-items: center; width: 14.2857%; background-image: url(../images/navbg.png); background-position: right; background-repeat: no-repeat;
	margin: 10px 0;
}
.nav ul li:nth-child(7), .nav ul li:nth-child(14){
	background-image: none;
}
.nav ul li a{
	color: #000; font-size: 17px;
}
.nav ul li a:hover{
	color: #B4151A;
}
.top3{
	height: 30px; box-shadow: 0px 5px 5px #EDEDED; padding: 10px 0;
}
.ss{
	width: 1200px; margin: auto; display: flex; justify-content: space-between;
}
.ss1 form{
	display: flex; justify-content: space-between; align-items: center;
}
.ss2{
	display: flex; justify-content: space-between;
}
.ss2 form{
	display: flex; justify-content: space-between; align-items: center;
}
.ss2 span{
	display: flex; align-items: center; color: #666;
}
.sstext{
	width: 260px; height: 30px; border-radius: 5px; border: 1px solid #D2D2D2; outline: none; color: #666; padding: 0 10px;
}
.ssbut{
	width: 70px; height: 30px; background-color: #B4151A; border: none; color: #fff; outline: none; margin-left: 10px; border-radius: 5px; cursor: pointer;
}
.dltext{
	width: 160px; height: 30px; border-radius: 5px; border: 1px solid #D2D2D2; outline: none; color: #666; padding: 0 10px;
}
.ss2 form input:nth-child(2){
	margin-left: 10px;
}
.ss a{
	display: flex; height: 30px; background-color: #FECA5D; border: none; color: #fff; outline: none; margin-left: 10px; border-radius: 5px; cursor: pointer;
	color: #B4151A; align-items: center; padding: 0 20px;
}
.ss .pc{
	display: flex;
}
.ss wap{
	display: none;
}
.main{
	width: 1200px; margin: auto; max-width: 94%; margin-bottom: 30px;
}
.tit{
	display: flex; justify-content: space-between; margin: 30px 0; align-items: center; height: 30px;
}
.tit h1{
	padding-left: 20px; font-weight: bold; color: #333; font-size: 26px; display: flex; align-items: center;
}
.tit h1 span{
	display: flex; width: 5px; background-color: #B4151A; height: 28px; margin-right: 15px; margin-top: 3px;
}
.tit a{
	color: #333;
}
.tit a:hover{
	color: #B4151A;
}
.m1{
	background-color: #F7F7F7; display: flex; flex-wrap: wrap; padding: 10px;
}
.m1::after{
	content: ""; flex: auto;
}
.m1 a{
	display: flex; width: 145px; height: 75px; display: flex; justify-content: center; align-items: center; margin: 11.5px; background-color: #fff;
}
.m1 a img{
	max-width: 80%; max-height: 90%;
}
.m2{
	height: 300px; margin: 20px 0; display: flex; justify-content: space-between;
}
.m2a{
	width: 502px; height: 100%; display: flex; position: relative;
}
.m2b{
	width: 270px; padding: 20px; box-shadow: 0px 0px 10px #ccc;
}
.m2t{
	display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #EEEEEE; padding-bottom: 20px;
}
.m2t p{
	display: flex; align-items: center;
}
.m2t p span{
	color: #000; font-size: 20px; font-weight: bold; margin-left: 20px;
}
.m2t a{
	color: #000;
}
.m2t a:hover{
	color: #B4151A;
}
.m2b ul{
	padding-top: 10px;
}
.m2b ul li a{
	display: block; height: 35px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center;
}
.m2b ul li a:hover{
	color: #B4151A;
}
.m2c{
	width: 310px; padding: 20px; box-shadow: 0px 0px 10px #ccc;
}
.m2c ul{
	padding-top: 10px;
}
.m2c ul li a{
	display: block; height: 43px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; align-items: center;
}
.m2c ul li a:hover{
	color: #B4151A;
}
.m2c ul li a span{
	display: inline-block; text-align: center; width: 25px; height: 25px; border-radius: 50%; align-items: center; justify-content: center; color: #7E7E7E; font-size: 16px; font-weight: bold;
	margin-right: 10px; background-color: #EDEDED;
}
.m2c ul li:nth-child(1) span{
	background-color: #B4151A; color: #fff;
}
.m2c ul li:nth-child(2) span{
	background-color: #D53A3E; color: #fff;
}
.m2c ul li:nth-child(3) span{
	background-color: #EB686D; color: #fff;
}
.m3{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.m3::after{
	content: ''; flex: auto;
}
.m3 a{
	display: flex; flex-direction: column; width: 225px; margin: 0 7.5px;
}
.m3 a label{
	display: flex; justify-content: center; align-items: center; overflow: hidden; width: 100%; height: 130px; box-shadow: 0px 0px 10px #ccc;
}
.m3 a p{
	height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; text-align: center; font-size: 15px; color: #000;
}
.m4{
	display: flex; justify-content: space-between; padding: 20px 0;
}
.m4box{
	width: 360px; height: 270px; box-shadow: 0px 0px 10px #ccc; padding: 15px;
}
.m4t{
	display: flex; justify-content: space-between; align-items: center; height: 30px; padding-bottom: 10px; border-bottom: 1px solid #EEEEEE;
}
.m4t h1{
	font-weight: bold; color: #333; font-size: 20px; display: flex; align-items: center;
}
.m4t h1 span{
	display: flex; width: 3px; background-color: #B4151A; height: 20px; margin-right: 15px; margin-top: 3px;
}
.m4t a{
	color: #333;
}
.m4t a:hover{
	color: #B4151A;
}
.m4a{
	padding-top: 15px;
}
.m4a1{
	display: flex; justify-content: space-between;
}
.m4a1 label{
	display: flex; justify-content: center; align-items: center; overflow: hidden; width: 115px; height: 85px;
}
.m4a1 label img{
	width: 100%; height: 100%;
}
.m4a1 div{
	width: 225px;
}
.m4a1 div h1{
	height: 25px; line-height: 25px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 15px;
}
.m4a1 div a{
	color: #333;
}
.m4a1 div a:hover{
	color: #B4151A;
}
.m4a1 div p{
	height: 50px; line-height: 25px; font-size: 14px; color: #999; margin-top: 8px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.m4a2{
	margin-top: 20px;
}
.m4a2 a{
	height: 35px; line-height: 35px; font-size: 15px; color: #222; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block;
}
.m4a2 a:hover{
	color: #B4151A;
}
.foot{
	padding: 20px 0; background-color: #B4151A; color: #fff; font-size: 14; text-align: center; line-height: 30px;
}
.foot a{
	color: #fff;
}
.neibox{
	background-color: #F2F2F2;
}
.nei{
	width: 1200px; margin: auto; max-width: 94%; padding-bottom: 30px;
}
.weizhi{
	font-size: 14px; color: #000; display: flex; align-items: center; padding: 20px 0;
}
.weizhi a{
	color: #B4151A;
}
.weizhi a:hover{
	color: #B4151A;
}
.weizhi img{
	margin-right: 10px;
}
.info{
	background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 40px;
}
.pplist{
	background-color: #fff; box-shadow: 0px 0px 10px #ccc; padding: 30px 0;
}
.pplist .m1{
	background-color: #fff;
}
.pplist .m1 a{
	background-color: #F7F7F7;
}
.pic{
	display: flex; justify-content: space-between; flex-wrap: wrap;
}
.pic::after{
	content: ''; flex: auto; margin: 0 9px;
}
.pic a{
	display: flex; border: 1px solid #EEEEEE; width: 260px; flex-direction: column; margin: 0 9px; margin-bottom: 20px;
}
.pic a label{
	display: flex; width: 100%; height: 200px; overflow: hidden; justify-content: center; align-items: center; background-color: #f2f2f2; cursor: pointer;
}
.pic a div{
	padding: 15px 20px;
}
.pic a div h1{
	font-size: 15px; color: #000; font-weight: bold; line-height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.pic a div p{
	color: #999; display: flex; align-items: center; margin-top: 20px;
}
.pic a div p img{
	margin-right: 5px;
}
.pic a div p span{
	margin-right: 10px;
}
.pic a:hover{
	border: 1px solid #B4151A;
}
.pic a:hover h1{
	color: #B4151A;
}
.news{
	display: flex; flex-direction: column; margin-bottom: 20px;
}
.news li{
	display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #F2F2F2; padding: 15px 0;
}
.news li a{
	font-size: 17px; color: #333; display: block; width: 960px; overflow: hidden; text-overflow: ellipsis; height: 30px; line-height: 30px; white-space: nowrap;
}
.news li a::before{
	content: '\2022'; color: #333; margin-right: 10px; font-size: 14px;
}
.news li a:hover{
	color: #B4151A;
}
.news li span{
	font-size: 15px; color: #999;
}
.ntitle{
	font-size: 30px; text-align: center; border-bottom: 1px solid #F2F2F2; padding-bottom: 40px; line-height: 40px; margin-top: 20px;
}
.ninfo{
	text-align: center; color: #333; font-size: 15px; padding: 30px 0;
}
.ncontent{
	font-size: 17px; line-height: 35px; padding: 30px 0; text-align: justify;
}
.ncontent img{
	display: block; margin: 20px auto;
}
.pian{
	border-top: 1px solid #F2F2F2; padding: 20px 0;
}
.pian p{
	font-size: 17px; color: #333; line-height: 35px; height: 35px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;
}
.pian p a{
	color: #333;
}
.pian p a:hover{
	color: #B4151A;
}
.reg{
	width: 320px; margin: auto; padding: 100px 0; display: flex; flex-direction: column;
}
.reg h1{
	font-size: 30px; color: #000; text-align: center; margin-bottom: 30px;
}
.regtext{
	width: 100%; height: 45px; border: 1px solid #D2D2D2; border-radius: 5px; padding: 0 10px; color: #666; font-size: 15px; outline: none;
}
.regtext1{
	width: 160px; height: 45px; border: 1px solid #D2D2D2; border-radius: 5px; padding: 0 10px; color: #666; font-size: 15px; outline: none;
}
.reg p{
	display: flex; justify-content: space-between; margin-top: 20px;
}
.regbut{
	height: 45px; background-color: #B4151A; font-size: 16px; color: #fff; border: none; outline: none; cursor: pointer; width: 100%; border-radius: 5px;
}
.reg p img{
	width: 120px; height: 45px; cursor: pointer;
}



.ss2 li{
	list-style: none;
	margin-left: 10px;
	margin-top: 5px;
	cursor: pointer;
	color: #B4151A;
}
.ss2 div{
	display: none;
}

.ad{
	display: flex; gap: 15px;
}
.pc{display: block;}
.wap{display: none;}