/*--------------------------------------------------------------
@author yzl and data.2021.02.06
--------------------------------------------------------------*/
body{font: normal normal 16px / 22px "Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif;background-color: #f5f5f5;color:#666666;}
body,header,div,nav,section,ul,li,span,a,em,i,p,footer,dl,dd,h1,h2,h3,h4,article,menu,ol{ padding:0; margin:0}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
a{text-decoration:none;color:#666666;}
a:hover{text-decoration:none;color:#f26078;}
h2,h3,h4{ font-weight: normal;}



.backg,.backf{background-color:#FFF;}
.disp_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;}
.mr,.container{ min-width:320px; max-width:1200px; margin:0 auto;}

.top{border-bottom: 1px solid #e6e6e6;}
.top>div{align-items: center;justify-content: flex-end;font-size: .9em;}
.top a{ text-align:center;display: flex;align-items: center;padding:0 .5em;}
.top a img{width: 1.2em;display: block;padding-right: .4em;}
.top a:last-child{border-radius: .5em;padding: .3em 1em;}

.header{padding: 1.5em 0;align-items: center;}
.header .logo img{ margin: 0 auto; display: block;}
.header .menu{width: 80%;/* margin:1.5em auto; */line-height: 2.5em;text-align:center;height: 2.5em;justify-content: flex-end;}
.header .menu li{font-size: 1em;padding: 0 .5em;}
.header .menu li:hover{border-bottom: #f26078 2px solid;}
.header .menu li:hover a{color: #f26078;}
.header .m_menu{display:none;}
.banner img,.sj_banner img{ width: 100%; display: block;}
.sj_banner{ display: none;}


table,table tr,table tr td{max-width:100%}
table{border: 1px solid #ccc;border-collapse: collapse;margin: 1em 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;}

#footer {margin: 1em 0 0 0;background-color: #524e4e;padding-top:1em;padding-bottom: 1em;color: #fff;}
.sj_footer{padding-bottom: 1em;border-bottom: 1px solid #777474;}
.sj_footer p{ text-align: center;}
.sj_footer p a{padding-left: .5em;color: #fff;}
.footer-copyright-con { margin:1em 0 2em;color: #333; text-align: center;}
.footer-copyright-con p{font-size: .9em;margin-bottom: .2em;color: #fff;}
.footer-copyright-con p a{color: #fff;padding: 0 1%;}
.bottomFixed{ display:none;}
.sj_footer p:nth-child(2){ display:none;}
.m_menu,#MessageMeiErBeiBottomS,#footer_f{ display:none;}

.h1_title{font-size:1.3em;text-align:center;padding:1em .5em;line-height: 1.5em;}
.article-meta{padding: .5em;  border: 1px #eeeeee dashed;text-align:center;font-size: .9em; color: #7d7d7d; margin:.7em 0;}
.article-meta span{ padding-right:.7em;}
.article-content{color:#636161;font-size: 15px;line-height:1.7em;text-align:justify;padding: 1.5em .7em;word-break: break-all;word-wrap: break-word;position: relative;}
.article-content img{display:block;margin: 1em auto;max-width: 95% !important;min-width: auto !important;height: auto !important;}
.article-content p,.article-content div{margin-bottom:.5em;color: #545454;text-align: justify;}
.article-content h2,.article-content h3{margin: .8em 0;font-size: 1.1em;color: #000;}

@media(max-width:1200px) {
.container{box-sizing: border-box; padding-left: 2%; padding-right: 2%;}
.header{padding-left:.5em; padding-right:.5em;}
}
@media(max-width:1152px) {
}
@media(max-width:1024px) {
body{ font-size:95%;}
}
@media(max-width: 768px){
.top{ display:none;}
body{font-size:100%;}
.menu { z-index:1;}
.banner{ display: none;}
.sj_banner{ display: block;}	
}
@media(max-width:600px) {
.logo{padding-top: .5em;}
.logo img{width: 80%;margin: 0 !important;margin: initial;}
  
.header{ padding-top:.6em; padding-bottom:.6em;align-items: center;justify-content: space-between;}
.header .menu{ display:none;height: auto; z-index: 100; background-color:#333; position:absolute;flex-direction: column; line-height: 4em; right:0; top:4.6em;}
.header .menu li{text-align: center; width: 100%;  padding:0 .5em;}
.header .menu li:not(:last-child){border-bottom:1px solid #999;}
.header .menu a{ color:#FFF;}
.header .m_menu{display:block;font-size: 3em;color: #614f4f;}
  
table{ width: 100%;}
	
#footer .container{ display:none;}
#footer{margin-top:.5em;background: #fff;}
#footer p:nth-child(1){/* color: #171717; */}
#footer p{padding: 6px 0;color: #666;text-align:center;}
#footer p a{padding: 0 10px;color: #666;}
.sj_footer{display:block;margin-bottom:4em;border-bottom: none;}
.sj_footer p:nth-child(2){ display:block;}
#MessageMeiErBeiBottomS{ display: block;}
#MessageMeiErBeiBottomS {display: flex;  width:100%; min-width: 320px; max-width: 600px; margin:0 auto;  bottom: -.5em;  position: fixed; z-index: 9999;}
#MessageMeiErBeiBottomS a{display: block;width:50%;background-color: #614f4f;box-sizing: border-box;}
#MessageMeiErBeiBottomS a:first-child{background-color: #614f4f;}
#MessageMeiErBeiBottomS a:not(:last-child){border-right: 1px solid #fff;}
#MessageMeiErBeiBottomS a img{ width:100%;}




#footer_f{ font-size:1em;width: 100%;min-width: 320px; max-width: 640px; margin: 0 auto;bottom: 0;position: fixed;height: 3.3em;z-index: 9999; display: flex;}
#footer_f_l,#footer_f_r{ display: block;width: 50%;height: 3.3em; line-height: 3.3em; text-align: center; color: #fff;}
#footer_f_l i,#footer_f_r i{vertical-align: -webkit-baseline-middle;padding: .5em .8em;margin-right: .3em;}
#footer_f_l {background-color:#fd5877; border-right: 2px solid #fff;}
#footer_f_l i{background: url(../image/b_ico_l.png) no-repeat; background-size: 100%;}
#footer_f_r {background-color:#58a6fd; position: relative;}
#footer_f_r i{background: url(../image/b_ico_r.png) no-repeat;background-size: 100%;}
#footer_f_r .sp3{ font-size:.9em;position: absolute;background-color: #f31919;height: 1.2em;padding: 0 .3em;border-radius: 1em;color: #fff;line-height: 1em;font-style: normal;top: .3em;}

}
@media(max-width: 568px){	
.menu .m_menu{ font-size: 3.5em;padding-top: .75em;}
}
@media(max-width: 550px){
}
@media(max-width: 480px){
.menu .m_menu{padding-top: .3em;font-size: 2.5em;}
	
}
@media(max-width:414px) {
.menu .m_menu{ font-size: 3em;padding-top: .3em;}
}
@media(max-width:375px){
}
@media(max-width:360px) {
}
@media(max-width: 320px){
}