*{ margin: 0; padding: 0;}
ul,li{ list-style: none;}
a,a:active,
a:hover {
  outline: 0; text-decoration: none ;
}

html{ -webkit-text-size-adjust: none;}
body{ width: 100%;  background-color: #f5f5f5;}
.banner{ width: 100%;}
.banner img{ width: 100%;}
.main{ width: 1028px; padding:36px 35px 36px 36px; margin: 0 auto; margin-top:-88px; background-color: #fff; position: relative;}
.left{ float: left; width: 245px; margin-top: 0;;}
.left li{ margin-bottom: 30px;}

.tab{ display: block; width: 245px; height: 90px;}
.tab1{ background: url(tab1.png) center center no-repeat; background-color: #dcdcdc;}
.tab1.active{ background: url(tab1_active.png) center center no-repeat; background-color: #0855c3;}
.tab2{ background: url(tab2.png) center center no-repeat; background-color: #dcdcdc;}
.tab2.active{ background: url(tab2_active.png) center center no-repeat; background-color: #0855c3;}
.tab3{ background: url(tab3.png) center center no-repeat; background-color: #dcdcdc;}
.tab3.active{ background: url(tab3_active.png) center center no-repeat; background-color: #0855c3;}
.tab4{ background: url(tab4.png) center center no-repeat; background-color: #dcdcdc;}
.tab4.active{ background: url(tab4_active.png) center center no-repeat; background-color: #0855c3;}

.right{ width: 770px; background-color: #f5f5f5; float: left; margin-left: 13px; min-height: 500px; }
.right ul li{ height: 58px; line-height: 58px; padding: 0 23px; color: #484848;}
.right ul li a{ color: #484848; font-size: 16px;}
.right .date{ float: right;font-size: 16px;}


#zoom p{margin-bottom:1em;color:#000;}
#zoom { font-family:"宋体" ;font-size: 18px; line-height: 36px;}
#zoom table.table-a td{color:#000!important; font-size: 15px!important; line-height: 30px!important;}

.phone{ display: none;}

@media screen and ( max-width: 1024px ) {
   body{ background-color: #fff;}
  .phone{ display: block;}
  .pc{ display: none;}
   html{ width: 100%;}
  .main{ display:block; width: 100%; margin:0 auto; padding: 0;}
  .left { width: 100%; float: none; }
  .left li:nth-child(2n+1){ float: left; width: 45.5%; margin:0.5rem 1.5% 0.5rem 3%; }
  .left li:nth-child(2n){ float: left; width: 45.5%; margin:0.5rem 3% 0.5rem 1.5%; }

  .tab{ display: block; width: 100%; height: auto; background-size:90% auto!important; height: 3rem;}
  .tab1{ background: url(tab11.png) center center no-repeat; background-color: #dcdcdc;}
  .tab1.active{ background: url(tab11_active.png) center center no-repeat; background-color: #0855c3;}
  .tab2{ background: url(tab22.png) center center no-repeat; background-color: #dcdcdc;}
  .tab2.active{ background: url(tab22_active.png) center center no-repeat; background-color: #0855c3;}
  .tab3{ background: url(tab33.png) center center no-repeat; background-color: #dcdcdc;}
  .tab3.active{ background: url(tab33_active.png) center center no-repeat; background-color: #0855c3;}
  .tab4{ background: url(tab44.png) center center no-repeat; background-color: #dcdcdc;}
  .tab4.active{ background: url(tab44_active.png) center center no-repeat; background-color: #0855c3;}
  
  .right{ width: 100%; background-color: #fff; float: left; margin-left: 0;}
  .right ul li{ padding: 0 1%; color: #484848; border-bottom:1px solid #ddd ; height: auto; line-height: 2.5rem;}
  .right ul li a{ color: #333; font-size: 0.9rem; display: block; padding: 0 3%; line-height: 1.7rem; font-family: PingFangSC, PingFangSC-Regular;}
  .right .date{ float: none;font-size: 1rem; color: #999; font-size: 0.5rem; display: block;padding: 0 3%;font-family: PingFangSC, PingFangSC-Regular;}
  
  .footer2 { width: 100%; background: url(footer.png) center bottom no-repeat; background-size:100% auto; text-align: center; padding: 3rem 0 2rem 0;}
  .footer2  p{ line-height: 2rem; color: #999;}
  
  .table-a td{ padding: 0.5rem; font-size: 0.9rem;}
  #zoom{ margin-top: 1rem; font-size: 0.8rem;}
}