html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td ,textarea { margin:0; padding:0;  }
address,cite,dfn,em,var, i {font-style:normal;}
body {font-size: 16px; line-height: 1.5; font-family:'微软雅黑','Microsoft Yahei','simsun','arial','tahoma';  color: #222; background: #fff; }
table { border-collapse:collapse; border-spacing:0; }
h1, h2, h3, h4, h5, h6, th { font-size: 100%; font-weight: normal; }
button,input,select,textarea{font-size:100%;}
fieldset,img{border:0;}
a { text-decoration: none; color: #000; background: none }
ul, ol { list-style: none; }
:focus{ outline:none;}
.clearfix{ clear: both; content: ""; display: block; overflow: hidden }
.clear{clear: both;}
.fl{ float: left; }
.fr{float: right;}
.ofh{ overflow: hidden;}

body{width:100%;background: url(topbg220217.jpg) no-repeat top center;}
.wza{ color: #333; margin-top: 40px;}
.hy_header{height:420px;}
.hy_header01{width:1200px;margin:0 auto;}
.hy_header01 img{display: inline-block; margin: 20px 0}
/* .hy_content{width:1200px;margin:0 auto;} */
.part1 { padding: 40px 40px 20px 40px;background: #fff;width:1120px;margin:0 auto;}
.part1 h2 a{ display: block; height: 70px; line-height: 70px; background: #bd0707; color: #fff; font-size: 24px; text-align: center; font-weight: bold;text-shadow: 0px 3px 15px #333;}
.part1 h2{ margin-bottom: 30px;}
.part1Con{ background: url(part1bg220217.jpg) no-repeat center 0; padding: 80px 90px 0; height: 300px; }
.part1Con p{ text-indent: 2em; color: #bd0707; font-size: 18px; font-weight: bold;}
.part1Con .more{ color: #fff; font-weight: bold; font-size: 16px; background: url(btnbg.png) no-repeat center 0; display: block; height: 32px; width: 84px; text-align: center; line-height: 32px;  float: right; margin-left: 10px;}
.part1Con .more:hover{background: url(btnbg.png) no-repeat center 0;position: relative; top:-5px}
.part2{ background: url(part2bg220217.jpg) no-repeat center bottom; }
.group li .btndiv{ display: block; overflow: hidden; padding: 10px 0;}
.arrow{background: #fff; box-shadow: 0 0 10px #999; text-align: center; line-height: 24px; font-size: 16px; height: 24px; width: 50px; display: block; float: right; line-height: 24px; 
  display: block;margin-left: 10px; border-radius: 50px; color: #333; }
.arrow:hover{ position: relative; top:-5px }
.group li{ background:url(msbg220217.jpg) no-repeat 10px 20px #fff; box-shadow:0 0 6px rgba(0,0,0,.2); width: 48.8%; overflow: hidden; padding-top: 20px; float: left; margin-bottom: 30px;}
.group li:nth-child(2n){ float: right;}
.group li:nth-child(2n-1){ float: left;}
.group li h3{ font-size: 20px; color: #333333; font-weight: bold; text-align: center; height: 60px; overflow: hidden;} 
.group li div{ padding: 15px 30px 20px; overflow: hidden;}
.part3{ background: url(part3bg220217.jpg) no-repeat center bottom; padding: 0 0 0;}
.group{width:1120px;margin:0 auto; padding:30px 10px 10px 10px;overflow: hidden;}
.group li h3 a{ overflow: hidden; padding: 0 30px; text-align: center; display: block;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;}

.group li div p {font-size: 18px; color: #666666; 
  position: relative;
   line-height: 28px;
   overflow: hidden;
   min-height: 115px;
}
.p-after:after{
   /*content: "...";*/
   position: absolute;
   bottom: 0;
   right: 0;
   padding-left: 5px;
   background: #fff;
   background: #fff;
   background: #fff;
   background: #fff;
   /* background: -webkit-linear-gradient(left, transparent, #fff 55%);
   background: -moz-linear-gradient(left, transparent, #fff 55%);
   background: -o-linear-gradient(left, transparent, #fff 55%);
   background: linear-gradient(to right, transparent, #fff 55%); */
}

.part3{ background: url(part3bg220217.jpg) no-repeat center top; padding: 65px 0 0;}
.group li:nth-child(1) div,.group li:nth-child(2) div,.group li:nth-child(9) div,.group li:nth-child(10) div{background: url(b1220217.jpg) no-repeat center bottom; }
.group li:nth-child(3) div,.group li:nth-child(4) div,.group li:nth-child(11) div,.group li:nth-child(12) div{background: url(b2220217.jpg) no-repeat center bottom; }
.group li:nth-child(5) div,.group li:nth-child(6) div,.group li:nth-child(13) div,.group li:nth-child(14) div{background: url(b3220217.jpg) no-repeat center bottom; }
.group li:nth-child(7) div,.group li:nth-child(8) div,.group li:nth-child(15) div,.group li:nth-child(16) div{background: url(b4220217.jpg) no-repeat center bottom; }




/*尾部*/
.footer{width: 100%;height: 307px;background: url(http://www.moa.gov.cn/images/nyb_footer_bg.jpg) no-repeat center bottom;margin-top:40px;}
.footer .footer-box{height:74px;width:1200px;border:1px solid #C3CAC3;background: #D6DDD6;position: relative;z-index: 10;margin: 10px auto;}
.footer .footer-box ul{width: 100%;height: 100%;}
.footer .footer-box ul li{float: left;width: 239px;height: 56px;padding: 14px 5px 0;box-sizing: border-box;}
.footer .footer-box ul li a{font-size: 14px;display: block;width: 229px;height: 44px;border-radius: 3px;text-align: center;line-height: 44px;}
.footer .footer-box ul li.gov-link a{border:1px solid #a3a8a3;background: url(gov-linksABg_03.jpg) repeat-x;}
.footer .footer-box ul li.gov-link a img{vertical-align: middle;margin-left: 3px;}
.footer .footer-box ul li.gov-link-2 a img{width: 100%;height: 100%;vertical-align: top;}
.footer .footer-box ul li.gov-link-1 a{border:1px solid #a3a8a3;background: #fff;}
.footer .footer-box ul li.gov-link-1 a img{vertical-align: middle;margin-left: 3px;}
.footer .footer-box .gov-list-box{position: absolute;width: 1200px;height: 370px;border:1px solid #a3a8a3;left: -1px;top:-399px;background: #fff;padding-top: 30px;padding-bottom: 10px;}
.footer .footer-box .gov-list-box .gov-list{width: 1140px;height: 330px;overflow-y:scroll;padding: 0 30px  ;}
.footer .footer-box .gov-list-box .gov-list ol{width: 1116px;height: auto;overflow: hidden; }
.footer .footer-box .gov-list-box .gov-list ol li{height: 44px;float: left;margin-right: 0px;width: 340px;padding-right: 32px;list-style: none;}
.footer .footer-box .gov-list-box .gov-list ol li a{color:#000;font-size: 14px;}
.footer .footer-box .gov-list-box .gov-list dl{width: 1116px;height: auto;overflow: hidden;}
.footer .footer-box .gov-list-box .gov-list dl dd{height: 44px;width: 20%;float: left;}
.footer .footer-box .gov-list-box .gov-list dl dd a{color:#000;font-size: 14px;}
.footer .footer-copy{margin-top:0;width:1200px;margin:0 auto;}
.footer .footer-copy .footer-left{float: left;margin-top: 68px;margin-left: 60px;width: 190px;}
.footer .footer-copy .footer-middle{width: 700px;float: left;margin-top: 30px;}
.footer .footer-copy .footer-middle ul{width:602px; margin: 0 auto;overflow: hidden;margin-bottom: 30px;text-align: center;}
.footer .footer-copy .footer-middle ul li{display: block;padding: 0 10px;font-size: 20px;float: left;}
.footer .footer-copy .footer-middle ul li a{color: #000;}
.footer .footer-copy .footer-middle p{text-align: center;font-size: 16px;margin-bottom: 10px;}
.footer .footer-copy .footer-right{float: right;margin-top: 68px;margin-right: 60px;width: 190px;text-align: right;}
.footer .footer-copy .footer-right img{width:128px}
.footer_yidong{display: none;}
.footer .footer-line {
    width: 100%;
    height: 0;
    border-top: 1px solid #c9c9c9;
    border-bottom: 1px solid #fff;
    margin-top: 20px;
}
.yidon_ft_xinxi {
    display: none;
}
.none {
    display: none;
}
.footer .footer-copy .footer-middle ul li a:hover {
    color: #C40001;
}


img {max-width: 100%;}
/*电脑屏幕小于1440*/
@media screen and (max-width: 1440px){
.part1 { width:920px;margin:0 auto;}
.hy_header01 img{display: inline-block; margin: 20px 0}
.hy_cont23{width:240px;float:left;position: relative; margin-right: 13px;}
.hy_cont22 div.hy_cont23:last-child{ margin-right: 0;}
.group{width:1000px;margin:0 auto;}



  .footer .footer-box {height: 66px;width: 998px;}
  .footer .footer-box ul li {width: 199px;height: 40px;padding: 13px 8px 0;}
  .footer .footer-box ul li a {width: 185px;height: 38px;line-height: 38px;font-size: 12px;}
  .footer .footer-box .gov-list-box {width: 998px;height: 370px;left: -1px;top: -399px;padding-top: 30px;padding-bottom: 10px;}
  .footer .footer-box .gov-list-box .gov-list {width: 937px;height: 330px;padding: 0 30px;font-size: 12px;}
  .footer .footer-box .gov-list-box .gov-list ol li {height: 44px;width: 292px;float: left;float: left;margin-right: 12px;list-style: none;padding: 0px;}
  .footer .footer-box .gov-list-box .gov-list ol li a {color: #000;font-size: 12px;}
  .footer .footer-box .gov-list-box .gov-list ol {width: 916px;height: auto;overflow: hidden;list-style: none;}
  .footer .footer-box .gov-list-box .gov-list dl dd {height: 44px;width: 20%;float: left;}
  .footer .footer-box .gov-list-box .gov-list dl{width: 916px;}
  .footer .footer-box .gov-list-box .gov-list dl dd a{font-size: 12px;}
  .main_center{width: 1000px;}
  .footer .footer-copy{width:1000px;margin:0 auto;}
  .footer .footer-copy .footer-left {float: left;margin-top: 30px;margin-left: 50px;width: 100px;}
  .footer .footer-copy .footer-middle {width: 700px;margin-top: 20px;}
  .footer .footer-copy .footer-middle ul {width: 518px;margin-bottom: 20px;}
  .footer .footer-copy .footer-middle p {font-size: 14px;}
  .footer .footer-copy .footer-middle ul li {float: left;padding: 0 10px;font-size: 16px;}
  .footer .footer-copy .footer-right {float: right;margin-top: 36px;margin-right: 50px;width: 100px;text-align: right;}
  .footer {height: 266px;margin-top: 20px;}
  .footer .footer-copy .footer-right img {width: 110px;}
}
/*移动端*/
@media screen and (max-width: 1000px){ 
  body{background-size: 150% auto;}
  .wza{ margin-top: .2rem; margin-right: .2rem;}
  .hy_content{width:100%;box-sizing: border-box;}
  .hy_header{background-size: 260% auto; }
  .hy_header01{width:100%;}
  .hy_header01 img{width:55%; margin: .1rem .1rem;}
  .part1{ background: none; padding: 0 .3rem; width: 6.9rem;}
  .part1 h2 a{ font-size: .34rem; height: 1.4rem; line-height: .5rem; padding: 0 .3rem; width: 6.3rem; padding-top: .2rem;}
  .part1 h2{ margin-bottom: .3rem;}
  .part1Con{background: url(part1bg220217.jpg) no-repeat center 0; padding:.5rem .3rem 0;  background-size: 100% 100%; height: 6rem; width: 6.3rem;}
  .group{ width: 6.7rem; padding: .3rem .1rem .1rem .1rem;}
  .group li:nth-child(2n-1){ float: none;}
  .group li:nth-child(2n){ float: none;}
  .group li{ width: 100%;}
  .group li div{ padding: .1rem .3rem .1rem .3rem;}
  .group li h3{ font-size: .3rem;}
  .group li div p{ font-size: .26rem;}
  .part3{ padding: .3rem 0;}
  .part1Con p{ font-size: .28rem;}
  .part1Con .more{ font-size: .26rem;}
  .group li h3{height: 1rem;}
  

  .footer {margin-top:20px;width: 100%;height: 260px;background: url(http://www.moa.gov.cn/images/nyb_footer_bg.jpg) no-repeat center center;box-sizing: border-box;background-size: auto 100%;}
  .footer-box {display: none;}
  .footer .footer-line {display: none;}
  .yidon_ft_xinxi {display: block;}
  .yidon_ft_xinxi p {text-align: center;line-height: 28px;font-size: 14px;font-weight: 500;}
  .footer-copy {text-align: center;}
  .footer .footer-copy .footer-left {float: none;width: 80px;margin: 20px 25px 0 0}
  .footer .footer-copy .footer-middle {display: none;}
  .footer .footer-copy .footer-right {width: 130px;float: none;margin-right: 0;margin-top: 28px;height: 64px;display: inline-block;text-align: left;}
  .footer-copy img {min-height: 50px;}
  .footer .footer-copy{ width: 100%;}
  }

  @media screen and (max-width: 500px){
    .hy_header{height: 135px;}
  }
  @media screen and (max-width: 380px){
    .hy_header{height: 125px;}
  }
  @media screen and (max-width: 340px){
    .hy_header{height: 105px;}
  }