body{font: normal normal 16px / 22px "Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif;background-color: #f7f7f7;}
body,header,div,nav,section,ol,ul,li,span,a,em,i,p,footer,dl,dd,h1,h2,h3,h4,article,menu{ padding:0; margin:0;}
ol,ul,li{ list-style: none;}
i{ font-style: normal;}
.backf,.backg{ background-color: #fff;}
.disp_flex,.flex{ display: flex;}
.clam { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-wrap: break-word;  white-space: normal; -webkit-box-orient: vertical;}
.clam1 { -webkit-line-clamp: 1;}
.clam2 { -webkit-line-clamp: 2;}
.clam3 { -webkit-line-clamp: 3;}
a:hover{ color:#fa554c;}
.mr,.container{min-width:320px;max-width: 1200px;width: 100%;margin:0 auto;}
a{text-decoration:none;color:#555;}
a:hover{text-decoration:none; color: #fa554c;}
table,table tr,table tr td{max-width:100%}
table{border: 1px solid #ccc;border-collapse: collapse;margin:0 auto;width: 80%;color:#333;text-align:center;}
table tr td{line-height:2.5em;}
table tr td,table tr td span{ font-size:1em !important;}
table tr:nth-child(odd) { background: #f5f5f5;}

.header .menu ul h2,.header .menu li .ico{ color:#fff; display:none;}
.header{background: #ffffff;}
.header .header-top{ justify-content: space-between; align-items: center;}
.header .logo{font-size: 2.2em;padding: 1em 0;}
.header .logo a{color: #fa554c;}
.header .logo a span{background: #fa554c;color: #ffffff;padding: 0 .1em;margin-right: .1em;}
.header .logo img{margin: 0 auto;display: block;width: 60%;}
.header .menu{width: 100%;line-height: 2.5em;text-align:center;height: 2.5em;background: #fa554c;}
.header .menu li{font-size: 1.05em;width: 10%;box-sizing: border-box;}
.header .menu li a{ color:#fff;}
.header .menu li.act{background-color: #fa554c;}
.header .menu li:hover{background-color: #ee4d75;}
.header .m_menu{display:none;}

.search {
	width: 350px;
	height: 40px;
	border: 1px solid #e5e5e5;
}
.search form {
	width: 100%;
	height: 100%;
	border: none
}
.search form input {
	width: 78%;
	padding-left: 5%;
	height: 40px;
	line-height: 40px;
	border: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.search form button {
	width: 22%;
	text-align: center;
	height: 40px;
	line-height: 40px;
	border: none;
	background-color: #e5e5e5;
	color: #7a7a7a;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.left {
	float: left
}
.right {
	float: right
}

#footer {margin: 1em 0 0 0;background-color:#2E2E2E;}
.pc_footer{display:flex;align-items: center;}
.pc_footer .footer-logo {width:300px;}
.pc_footer .footer-logo p {/* height:64px; */font-size: 2.2em;}
.pc_footer .footer-logo p a {color: #fa554c;}
.pc_footer .footer-logo p a span{background: #fa554c;color: #fdfdfd;padding: 0 .1em;margin-right: .1em;}
.footer-copyright {width:680px;margin-left:32px;overflow:hidden;}
.footer-copyright img {float:left;display:block;width:114px;height:114px;}
.footer-copyright-con {margin-bottom: 1em;margin-top: 1.5em;color: #fff;}
.footer-copyright-con p{font-size: .9em;margin-bottom: .2em;}
.sj_footer,#MessageMeiErBeiBottomS{ display:none;}
@media(max-width: 768px){
	.search{ display: none;}
	.header .menu li .ico{display: block;}
	.header{padding: 0 1.5%;}
    .header .logo img{ margin: initial;}
    .header .menu{display: none;height: 100%;z-index: 100;position:absolute;line-height: 4em;left: 0;top: 0;/* overflow: hidden; */background: bottom;}
    .header .menu ul{flex-direction:column;width: 60%;min-width: auto;margin: inherit;max-width: initial;background-color: #3e5062;height: 100%;}
    .header .menu ul h2{ display:flex; padding-left:3%; justify-content:space-between; padding-right:3%;}
    .header .menu li{text-align: left;padding-left: 3%;padding-right: 3%;box-sizing: border-box;width: 100%;display: flex;justify-content: space-between;}
    .header .menu li:not(:last-child){border-bottom: 1px solid #707070;}
    .header .menu li.act{background-color: #3e5062;}
    .header .menu li a{ width:90%}
    .header .m_menu{display:block;font-size:3em;color: #817a7b;position:absolute;right: 1%;}
	.header .menu .bg{background-color: #c2bdbd;width: 40%;height: 100%;opacity: 0.5;}
    
	table{ width: 100%;}
	table tr td:first-child{width: 22%;}
	
	.pc_footer{ display: none;}
	.sj_footer{ display: block; margin-bottom:4em;}
	#footer{ background-color:#FFF; padding:.5em 0; margin-top:.5em;}
    .sj_footer p:nth-child(1){color: #ccc;}
	.sj_footer p{padding: 6px 0;color: #666; text-align:center;}
	.sj_footer p a{padding: 0 10px;}
	
	#MessageMeiErBeiBottomS{ display:flex;margin-bottom:4em;}
	#MessageMeiErBeiBottomS { width:100%; min-width: 320px; max-width: 768px; margin:0 auto;  bottom: -.5em;  position: fixed; z-index: 9999;}
	#MessageMeiErBeiBottomS div{padding-bottom: .5em;width:50%;background-color: #fa554c;}
	#MessageMeiErBeiBottomS div:last-child{background-color: #fa554c; border-left:1px solid #f4b8c5;}
	#MessageMeiErBeiBottomS div img{ width:100%;}
}
@media(max-width: 481px){
    .header .logo{ font-size:1.8em;}
    .header .m_menu{ font-size:2.5em;}
}