@charset "UTF-8";

@media only screen and (max-width:1220px){
  .container{max-width: 990px;}
  .logo img{height: 80px;}
  #nav{width: 600px;}
  #nav ul li a{padding: 0 13px;}
  .footer .foottop .fcate{width: 25%;}
  .footer .foottop .flxwm{width: 30%;}  
  .nydli .dlicnt .dlitxt{ line-height: 28px;}
}
@media only screen and (max-width:991px){
  .container{width: 96%;}
  .wshow{display: none;}
  .mshow{display: block;}
  #header{height:79px;}
  #header .container{height:70px;}
  .lan{right: 80px;}
  .logo{width: auto;}
  #nav{position:absolute;top:70px;left:0;width:104%; height: calc(100vh - 70px); margin: 0 -2%; display:none;overflow: auto!important; overflow-y:auto!important;overflow-x:hidden!important;-webkit-overflow-scrolling:touch;background:rgba(0,0,0,.85);}
  #nav ul li a.item-btn{display: block;}
  #nav ul li a{ text-align:left; color:#eee;}
  #nav li.wp_subtop{width:100%; height: auto; line-height:50px;border-bottom:1px solid #666;}
  #nav ul ul{width:100%; padding:0; background:rgba(0,0,0,.4); position:relative;}
  #nav ul ul li{border-top:1px solid #666; padding:0 10px; height: auto;line-height:44px;}
  #nav ul ul li a{ font-size:14px; color:#bbb;}
  #banner{margin-top:70px; height: 300px;}
  .gototop_backToTop{display: none!important;}
  .sycate{ padding-left: 4%; padding-right: 4%; margin: 0 -6px;}
  .sycate .cli{padding: 0 6px;}
  .sycate .cli .ctext,.sypli .ptext{font-weight: normal;}
  .nypro{margin: 0 -5px;}
  .nypro .sypli{ padding: 0 5px;}
  .sypli .syplib{padding: 8px;}
  .sypli .ptext{padding-top: 8px;}
  .syfoot .more{ width: 170px;}
  .footer .foottop .fleft,.footer .foottop .fcate,.footer .foottop .fimgs{display: none;}
  .footer .foottop .fimgs{width: 33.33%; max-width: 202px; margin: 0;}
  .footer .foottop .flxwm{width: calc(100% - 120px);}
  .footer .foottop .fwx{ margin-top: 40px;}
  .here{ margin-top: 70px;}
  .nydoc{padding: 15px; min-height: 266px;}
  .nydli{ padding-bottom: 20px; margin-bottom: 6px;}
  .nydli .dlitit{font-size: 20px; line-height: 26px;}
  .nydli .dlicnt{padding-top: 5px;}
  .nydli .dlicnt .dliimg{ width: 160px;}
  .nydli .dlicnt .dlitxt{ width: calc(100% - 180px); font-size: 14px; line-height: 24px;}
  .nydli .dlicnt .dlitxt .dlitext{overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all;}
  .nydli .dlicnt .dlitxt .dlidate{padding-top: 8px;}
  .nyrsou{padding-left: 15px; padding-right: 5px;}
  .nyrcate{padding: 10px 15px; line-height: 40px;}
  .nyrcbox .nyrcli.sub>a.sub-btn,.nyrcbox .nyrcli.sub .sub a.sub-btn{height: 40px;}
  .nyrctit{ line-height: 40px;}
  .nyrcbox .nyrcli.sub a.sub-btn img{margin-top: 13px;}
  .nyrnew{ padding: 6px 15px;}
  .nyrnbox .nyrnli{padding-bottom: 15px; margin-bottom: 15px;}
  .nyrnbox .nyrnli .nyrnimg{float: none; margin-bottom: 8px;}
  .nyrnbox .nyrnli .nyrntxt{width: 100%; float: none;}
  .nyrnbox .nyrnli .nyrntxt .nyrntit{height: auto;}
  .nydetail{ padding: 10px 15px; min-height: 266px;}
  .nydetail .nydetit{ line-height: 26px;}
  .nydetail .nydeimg{padding-top: 0;}
  .nypban .nypbimg{ padding-top: 100px;padding-bottom: 100px;}
  .nylx .nymap{width: 100%; margin-bottom: 30px;}
  .nylx .nylxtxt{width: 100%; }
}

@media only screen and (max-width:768px){
  #banner,#banner .swiper-slide{height: 208px;}
  .sdb,.jjfa,.hyyy,.synew,.syhb{padding: 30px 0;}
  .sdb .sdbox{margin: 0 -8px;}
  .sdbli{ width: 33.33%; height: 180px; padding: 0 8px;}
  .sdbli .sdblik{padding-top: 60px;}
  .sytit{padding-bottom: 30px;}
  .sytit .sytith{font-size: 24px; line-height: 30px;}
  .nydoc .sytit .sytith{padding-top:10px;}
  .sytit .sytitc{padding-top: 10px;}
  .sycate{padding: 0 8% 10px;}
  .sycate .cli{width: 25%; padding-bottom: 10px;}
  .sycate .cli .ctext{font-size: 14px;}
  .sypro{ margin: 0 -5px;}
  .sypli{width: 33.33%; padding: 0 5px; margin-bottom: 10px;}
  .sypli:nth-child(n+9){display: block;}
  .pbtn{margin-top: 30px;}
  .sabout{padding: 60px 0;}
  .sabout .gsjj{line-height: 24px;}
  .sabout .gsjj .gstit{font-size: 24px; line-height: 30px;}
  .sabout .gsjj .gstxt{padding: 20px 0 30px;}
  .sabout .gsjj .gsbtn{width: 130px;}
  .sabout .gsjj .gsbtn a{height: 36px; line-height: 36px;}
  .hyyy .syhy,.nyhy{margin: 0 -5px;}
  .hyli{width: 33.33%;padding: 0 5px 15px; }
  .hyli .hytxt{padding-top: 10px;}
  .hyli .hytxt a{font-weight: normal;}
  a.morebtn{width: 130px;height: 36px; line-height: 36px;}
  .synbox{margin: 0 -7px;}
  .synbox .synli{width: 50%; padding: 0 7px;}
  .synbox .synli:nth-child(n+4){display: block;}
  .synbox .synli .syntxt .syntit,.synbox .synli .syntxt .syndate{padding-top: 5px;}
  .synbox .synli .syntxt{line-height: 22px; margin-bottom: 30px;}
  .synbox .synli .syntxt .syntext{ height: 71px; padding-top: 5px;}
  .syhbox .syhbli{width: 25%;padding: 0 7px 14px;}
  .syhbox .syhbli:nth-child(n+11){display: block;}
  .syfoot .container{height: 150px;}
  .syfoot .sftxt{width: calc(100% - 180px);font-size: 24px;line-height: 36px;}
  .syfoot .more{ width: 130px;}
  .footer .foottop{padding: 30px 0 21px;}
  .footer .foottop .fleft{width: 54%;}
  .footer .foottop .fcate{display: none;}
  .footer .foottop .fimgs{width: 46%;}
  .footer .foottop .fimgs .fimgbox{padding-top: 10px;}
  .footer .copy{padding: 15px 0; line-height: 26px;}
  .here .bread{line-height: 26px; padding: 15px 0;}
  .nybox{padding: 30px 0;}
  .nybox .sytit{padding-bottom: 20px;}
  .nytxt,.nydetail{ font-size: 14px; line-height: 26px;}
  .nynew{padding: 20px 0;}
  .nyleft{width: 100%; float: none;}
  .nyrig{width: 100%; float: none;}
  .nyrnew{display: none;}
  .nydoc{ padding: 10px 15px; min-height: auto;}
  .nydli .dlicnt .dlitxt .dlidate{font-size: 13px;}
  .nydetail{ min-height: auto;}
  .nypban{padding: 20px 0 0;}
  .nypban .nypbimg{ padding-top: 60px;padding-bottom: 60px;}
  .nypban .nypbimg .nypbtit{font-size: 30px; line-height: 38px;}
  .nypban .nypbimg .nypbtn a{padding: 0 25px; margin: 0 16px; height: 36px; line-height: 36px;}
  .project-form input[type="submit"].submit{font-size: 16px;}
  #dituContent {height: 240px;}
}

@media only screen and (max-width:480px){
  .container{width: 98%;}
  .lan{right: 70px;}
  .logo img{height: 50px;}
  #banner,#banner .swiper-slide{ height: 153px;}
  .sdb{padding: 30px 0 20px;}
  .sdb .sdbox{margin: 0;}
  .sdbli{ width: 100%; height: 130px; padding: 0 0 10px;}
  .sdbli .sdblik{padding-top: 30px;}
  .sdbli .sdbli-title {font-size: 18px;}
  .sdbli .wp-buttons_content a.button_btndefault-link{height:28px;line-height:28px;}
  .sycate{ padding-left: 4%; padding-right: 4%;}
  .sycate .cli{width: 33.33%; }
  .sypli,.nypro .sypli{width: 50%;}
  .sypli:nth-child(n+9){display: none;}
  .sabout{padding: 50px 0 40px;}
  .sabout .sp{width: 100%;margin-top: 0; margin-bottom: 40px;}
  .sabout .gsjj{width: 100%;}
  .hyli,.nyhy .hyli{width: 50%;}
  .synbox{margin: 0;}
  .synbox .synli{width: 100%; padding: 0;}
  .syhbox .syhbli{width: 50%;}
  .syfoot .container{height: auto; padding: 30px 0;}
  .syfoot .sftxt{width: 100%; height: auto; text-align: center; padding: 0 0 10px; line-height: 28px; font-size: 20px;}
  .syfoot .more{width: 100%; height: auto; text-align: center;}
  .footer .foottop .flxwm{margin-top: 0; width: 100%; float: none;}
  .footer .foottop .fwx{float: none; margin: 10px auto 0;}
  .nyrsou{padding-top: 5px; padding-bottom: 5px; padding-left: 10px; margin-bottom: 10px;}
  .nyrcate{padding: 5px 10px; line-height: 36px;}
  .nyrcbox .nyrcli.sub>a.sub-btn,.nyrcbox .nyrcli.sub .sub a.sub-btn{height: 36px;}
  .nyrctit{ line-height: 36px;}
  .nyrcbox .nyrcli.sub a.sub-btn img{margin-top: 11px;}
  .nydoc{ padding: 5px 10px;}
  .nydli{padding-bottom: 10px;}
  .nydli .dlitit{font-size: 16px; line-height: 24px; padding-bottom: 3px;overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-break: break-all;}
  .nydli .dlicnt .dliimg{float: none; width: 100%; margin-bottom: 6px; height: auto!important;}
  .nydli .dlicnt .dlitxt{float: none; width: 100%;}
  .download{padding-top: 5px;}
  .download li{ padding-top: 3px; padding-bottom: 6px; margin-bottom: 10px;}
  .download li .new-r h3{padding-bottom: 50px; padding-right: 0;}
  .download li .new-r h3 a.fa::before{padding-left: 0;}
  .download li .new-r h3 a.down{left: 0; top: 30px;}
  .nydetail{padding: 10px;}
  .nydetail .nydetit{ font-size: 18px; padding: 5px 0;}
  .nydetail .nydetime{padding-bottom: 10px;}
  .nydetail .nydesx{ padding: 10px 0; margin-top: 20px;}
  .nypban .nypbimg{ padding: 30px 10px;}
  .nypban .nypbimg .nypbtn a { padding: 0 20px; margin: 0 10px;}
  .nypban .nypbimg .nypbtit{ font-size: 24px; line-height: 30px;}
  .nypban .nypbimg .nypbtxt{ padding: 10px 0 20px;}
  .nylx .nymap{ margin-bottom: 20px;}
}
@media only screen and (max-width:359px){
  #banner,#banner .swiper-slide{ height: 138px;}
}