body{font: normal normal 16px / 22px "Microsoft YaHei",Helvetica,Arial,Verdana,sans-serif;}
body,header,div,nav,section,ul,li,span,a,em,i,p,footer,dl,dd,h1,h2,h3,h4,article,menu,input{ padding:0; margin:0}
ul,ol,li{list-style:none;}
i,em{font-style:normal;}
a{text-decoration:none;color:#555;}
a:hover{text-decoration:underline;color:#337eff;}
#MessageMeiErBeiBottomS{ display: none;}

.tag a{ border:1px solid #eeeeee; padding: .2em .3em; margin-right: .3em;}
.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:800px;*/width: 100%;max-width: 1088px;margin:0 auto;}
.banner-hot{/* display: block; */}
.index-main>ul{ display: none;}

.header {
  width: 100%;
  min-width: 1088px;
  height: 55px;
  line-height: 55px;
  color: #fff;
  background: #38abbb;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 900;
}
.warp {
  width: 1088px;
  margin: 0 auto;
}
.logo {
  float: left;
}
.logo a {
  display: block;
  width: 110px;
  height: 55px;
  color: #fff;
}
.logo a span {
  font-size: 20px;
  font-weight: 600;
}
.header .nav {
  font-size: 0;
  float: left;
  margin-left: 15px;
  height: 55px;
  line-height: 55px;
}
.header .nav ul {
  display: inline-block;
  white-space: nowrap;
  vertical-align: top;
}
.header .nav li {
  display: inline-block;
  vertical-align: top;
  text-align: center;
  font-size: 15px;
  margin: 0 7px;
}
.header .nav li a {
  display: block;
  padding: 0 5px;
  position: relative;
  color: #fff;
}



.link_bg {background: #f5f5f5; border-bottom: 1px solid #ffffff;  height: 100px;padding-top: 27px;}
.link_t{line-height: 2em;}
.link_tl {width: 98px;font-size: 1em;color: #666666;}
.link_tr {width: 80%;}
.link_tr li { width: 131px; height: 45px;margin-right: 4px;}
.link_tr2 {width: 80%;}
.link_tr2 li {margin-right: 4px;font-size: .9em;padding-right: 30px;}
.link_tr img {width: 131px;height: 45px;margin-right: 8px;}
#footer {background-color: #f5f5f5;}
#footer>p{text-align: center;padding-top: .8em;font-size: .82em;}
#footer>p a{padding: 0 .5em;color: #9e9e9e;border-right: 1px solid #ccc;}
#footer>p a:last-child{ border-right:none;}
.footer-copyright {width:680px;margin-left:32px;overflow:hidden;}
.footer-copyright img {float:left;display:block;width:114px;height:114px;}
.footer-copyright-con {padding: .5em 0 1em 0;font-size: .82em;text-align: center;color: #9e9e9e;}
.footer-copyright-con p{margin-bottom: .5em;}
.footer-copyright-con p a{color: #9e9e9e;margin-left: 8px;position: relative;}
.footer-copyright-con p a img{position: absolute;top: 3px;width: 16px;left: 0;}
.footer-copyright-con p a i{margin-left: 17px;}
@media(max-width:1088px) {
  .mr,.container{box-sizing: border-box;padding-left:.5em;padding-right:.5em;}
  .header{padding-left:.5em; padding-right:.5em;}
}
@media(max-width:1024px) {
	body{ font-size:95%;}
}
@media(max-width: 768px){
body{font-size:90%;}
.menu { z-index:1;}
}
@media(max-width: 600px){
	
  .header,.banner-hot{ display: none;}
  .logo{ padding-top: .5em;}
  .logo img{ margin: initial;}
  
  .menu{ background-color:#FFFFFF; margin:0;justify-content: space-between;}
  .menu ul{display:none;height: auto;z-index: 100;background-color:#333;position:absolute;flex-direction: column;line-height: 4em;right:0;top:6.8em;padding: 0;}
  .menu ul li{text-align: center; width: 100%;  padding:0 .5em;}
  .menu ul li:not(:last-child){border-bottom:1px solid #999;}
  .menu ul a{ color:#FFF;}
  .menu .m_menu{ display:block;font-size:3em;padding-top: .3em; color: #2f2f2f; position:absolute;top: .4em;right: 0;}
  
#footer .container{ display:none;}
#footer{margin-top:.5em;background: #fff;}
#footer p:nth-child(1){color: #ccc;}
#footer p{padding: 6px 0;color: #666; text-align:center;}
#footer p a{padding: 0 10px;}
.sj_footer{ display:block; margin-bottom:4em;}
.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: #33b095;box-sizing: border-box;}
	#MessageMeiErBeiBottomS a:first-child{background-color: #3b6c70;}
	#MessageMeiErBeiBottomS a:not(:last-child){border-right: 1px solid #fff;}
	#MessageMeiErBeiBottomS a img{ width:100%;}
}
@media(max-width: 568px){	
	.menu .m_menu{ font-size: 3.5em;padding-top: .75em;}
}
@media(max-width: 481px){
	.area2-item1 a{ width: 49.5%;}
	.area2-item1 a:nth-child(odd){ margin-right: 1% !important;}
	.area2-item1 a:not(:nth-child(3n)){ margin-right: 0;}
}
@media(max-width:414px) {
  .menu .m_menu{ font-size: 3em;padding-top: .3em;}
}