@media screen and (max-width:5560px) and (min-width: 1024px){
  	body { font-size: 0.24rem; }
    .width1868{ width: 1200px; margin: 0 auto; }
    .topnav{ background: #fff; height: 1rem; display: flex;  justify-content:space-between ;   align-items:center;  }
    .logo{ width: 7.09rem; height: auto; }
    .topinfo{ width:4.5rem; display: flex; justify-content: space-between; }
    .topinfo a{ width: 31%; height: 0.5rem; line-height: 0.5rem; text-align: center; border-radius: 8px; background:#3e6fbf; color: #fff; font-size: 0.24rem; }
    .bannerbox{ width: 100%; line-height: 0 }
    .bannerbox img{ width: 100%; height: auto; }
    .box1{ width:100%; background:url(../images/box1bg.jpg) no-repeat center top; background-size:auto 100%; padding-bottom:1.3rem }
    .box1 .topnews a{ color:#333; }
    .title_a{ display:flex ; justify-content:center; font-size:0.5rem; color:#3e6fbf; padding:0.63rem 0 0.2rem 0;  }
    .bigtitle{ width:1.85rem; height:auto;     padding-right: 25px}
    .title_a div{    margin-right: 125px;}
    .box1_content{ display:flex; justify-content:space-between;  }
    .box1_content > div{ width:48%; }
    .line{ width:100%; height:auto; }
    .dt{ width:4rem; height:1.55rem; }
    .vbox{ display:flex; justify-content:space-between; padding-top:0.52rem; align-items:center; }
.topp{ margin-bottom:0.3rem; line-height:2; font-size:0.26rem; text-indent:0.6rem;}
.alink{ display:inline-block; float:right; border:1px solid #3e6fbf; color:#3e6fbf;    border-radius:15px; text-align:center; width:1rem;  text-indent:0; line-height:1.5  }

.topnews li{ display:flex; justify-content:space-between; align-items:center; margin-bottom:0.3rem; }
.topnews li a span{white-space:nowrap; overflow: hidden; text-overflow: ellipsis;    }
.topnews li a{ width:calc(100% - 100px);   display:flex; align-items:center;  
    padding-left: 20px;
    background: url(/2020/static/images/dian.svg) no-repeat left center;
 }
.topnews li i{ color:#999; }
.box2{ width:100%; background:url(../images/box2bg.jpg) no-repeat center top #dfdfdf; background-size:auto 100%;  padding-bottom:0.8rem}
.box2 .topnews li{ margin-bottom:0.3rem; }
.newbox{ padding:0.4rem 0.6rem; box-sizing:border-box; background:rgba(255, 255, 255, 0.8); border-radius:15px;}
.newstitle{ border-bottom:1px solid #3e6fbf; display:flex; justify-content:space-between; align-items:center; margin-bottom:0.3rem; padding-bottom:0.2rem;}
.newstitle span{ display:flex; align-items:center; font-size:0.32rem }
.newstitle span img{ height:0.37rem; width:auto; margin-right:10px; }
.newbox2{padding:0.4rem 0.6rem; box-sizing:border-box; background:#fff; border-radius:15px; border:1px solid #3e6fbf;}
.newbox2top{ display:flex; align-items:center; justify-content:space-between; }
.newbox2topleft{ display:flex; align-items:center; }
.newbox2topleft i{ width:1.4rem; height:1.4rem; border-radius:50%; border:1px solid  #3e6fbf; display:flex; align-items:center; justify-content:center; margin-right:15px; }
.newbox2topleft i img{ width:0.6rem; height:auto; }
.newboxp{ width:5.4rem;  }
.newboxp h2{ font-size:0.32rem; }
.imgbox{ display:flex; justify-content:space-between; padding:0.4rem 0;  }
.imgbox img{ width:48%; height:auto; }
.box3{ width:100%; background:url(../images/box3bg.jpg) no-repeat center top #dfdfdf; background-size:100%;  padding-bottom:0.8rem}
.zfnews{ display:flex; justify-content:space-between; padding-top:0.3rem; }
.zfnews img{ width:31%; height:auto; }
.vbox2{ flex-grow:1; max-width:50%;    position: relative;}
.vbox2 img{ width:100%; height:auto; }
.playbtn{ position:absolute; left:0.2rem; bottom:0.3rem; display:inline-block; }
.playbtn img{ width:2rem; height:auto; }     
}


@media screen and (max-width: 1000px) and (min-width:0){ 

  body { font-size: 14px;  }
    .width1868{ width:90%; margin: 0 auto;   }
    .topnav{ background: #fff; height:auto; padding:10px 0; display: flex; flex-direction:column;  justify-content:space-between ;   align-items:center;  }
    .logo{ width:90%; height: auto; margin-bottom:15px; }
    .topinfo{ width:100%; display: flex; justify-content:center; }
    .topinfo a{ width: 25%; height:30px; line-height: 30px; text-align: center; border-radius: 5px; margin:0 5px; background:#3e6fbf; color: #fff;  }
    .bannerbox{ width: 100%; line-height: 0; height: 100px; }
    .bannerbox img{ width: 100%; height: auto; width: 100%;
    height: 100%;}
    .box1{ width:100%; background:url(../images/box1bg.jpg) no-repeat center top; background-size:auto 100%; padding-bottom:40px }
    .box1 .topnews a{ color:#333; }
    .title_a{ display:flex ; justify-content:center; font-size:30px; color:#3e6fbf; padding:40px 0 20px 0; font-weight:bold  }
    .bigtitle{ width:60px; height:auto; margin-right:15px; display:none; }
    .box1_content{ display:flex; justify-content:space-between; flex-direction:column;  }
    .box1_content > div{ width:100%; }
    .line{ width:100%; height:auto; }
    .dt{ width:4rem; height:1.55rem; display:none; }
    .vbox{ display:flex; justify-content:space-between; padding-top:20px; align-items:center; }
.topp{ margin-bottom:10px; line-height:2;  text-indent:28px;}
.alink{ display:inline-block; float:right; border:1px solid #3e6fbf;   border-radius:15px; text-align:center; width:60px;  text-indent:0; line-height:2 }
.topnews{ padding-top:10px; }
.topnews li{ display:flex; justify-content:space-between; align-items:center; margin-bottom:10px; }
.topnews li a span{white-space:nowrap; overflow: hidden; text-overflow: ellipsis;}
.topnews li a{ width:100%;   display:flex; align-items:center;  padding-left: 20px;
    background: url(/2020/static/images/dian.svg) no-repeat left center; }
.topnews li i{ color:#999; display:none; }
.box2{ width:100%; background:url(../images/box2bg.jpg) no-repeat center top #dfdfdf; background-size:auto 100%;  padding-bottom:0.8rem}
.box2 .topnews li{ margin-bottom:10px; }
.newbox{ padding:15px; box-sizing:border-box; background:rgba(255, 255, 255, 0.8); border-radius:15px; margin-bottom:30px}
.newstitle{ border-bottom:1px solid #3e6fbf; display:flex; justify-content:space-between; align-items:center; margin-bottom:8px; padding-bottom:8px;}
.newstitle span{ display:flex; align-items:center; font-size:18px; font-weight:bold; }
.newstitle span img{ height:20px; width:auto; margin-right:10px; }
.newbox2{padding:15px; box-sizing:border-box; background:#fff; border-radius:15px; border:1px solid #3e6fbf; margin-bottom:30px;}
.newbox2top{ display:flex; align-items:center; justify-content:space-between; margin-bottom:15px; }
.newbox2topleft{ display:flex; align-items:center; }
.newbox2topleft i{ width:40px; height:40px;   border-radius:50%; border:1px solid  #3e6fbf; display:flex; align-items:center; justify-content:center; margin-right:15px; }
.newbox2topleft i img{ width:20px; height:auto; }
.newboxp{  width:200px;   }
.newboxp h2{ font-size:18px; }
.newboxp p{ font-size:12px; }
.imgbox{ display:flex; justify-content:space-between; padding:0.4rem 0;  }
.imgbox img{ width:48%; height:auto; }
.box3{ width:100%; background:url(../images/box3bg.jpg) no-repeat center top #dfdfdf; background-size:auto 100%;  padding-bottom:10px}
.zfnews{ display:flex; justify-content:space-between; padding-top:15px; }
.zfnews img{ width:31%; height:auto; }
.vbox2{ width:100%; padding-bottom:20px; }
.vbox2 img{ width:100%; height:auto; }
    

}