@charset "utf-8";
/* CSS Document */
.ls-row{ margin-bottom: 30px;}
@media (max-width: 991px) {
  .ls-row{ margin-bottom: 20px;}
}
@media (max-width: 767px) {
  .ls-row{ margin-bottom: 10px;}
}
/*公开指南*/
.ls-xxgk-link{ margin-top: 30px;}
.ls-xxgk-link ul{ margin-right: -20px;}
.ls-xxgk-link li{width:252px; float: left; margin-right: 20px; }
.ls-xxgk-link li a{display: block; font-size: 18px; line-height: 90px; text-align: center; height: 90px; background: #F2F8FF;}
.ls-xxgk-link li  img{ width: 45px; height: 45px;}
.ls-xxgk-link li a:hover{ color: #00a7ff;}
.ls-xxgk-link li a:hover img{ animation: bellRing 0.9s both;}
/*左侧公开*/
.ls-xxgk-left{ width:908px;}
.ls-xxgk-box{ height: 440px;}
.ls-zcwjk-box{ height:160px; box-sizing: border-box;border: 1px solid rgba(221, 236, 255, 1); background: url(../images/zck-bg.png) top center no-repeat #f0f7fe; background-size: 100% 100%; padding: 20px 62px 0 62px; }
.ls-zcwjk-title{ text-align: center;  background: url(../images/zck-line.png) center center no-repeat; }
.ls-zcwjk-title .tit{ display: inline-block; padding: 0 26px; position: relative;}
.ls-zcwjk-title .tit .ico{ display: block; position: absolute; top:50%; margin-top: -3px; width: 6px; height: 6px; background: #fff; border-radius: 50%; -moz-border-radius: 50%;}
.ls-zcwjk-title .tit .icol{ left:0;}
.ls-zcwjk-title .tit .icor{ right:0;}
.ls-zcwjk-title .tit img{width: 182px; height: auto;}
.ls-zcwjk-search{ margin: 10px 0 0 0; height: 50px; position: relative; border-radius: 4px; background: #fff; }
.ls-zcwjk-search li.ss1{ margin-right: 60px;}
.ls-zcwjk-search li.ss1 input{ width: 100%; border: none; font-size: 18px; height: 50px; line-height: 50px;box-sizing: border-box; padding: 0 10px; background: transparent;}
.ls-zcwjk-search  li.ss1 input::-webkit-input-placeholder{color: #ccc;}
.ls-zcwjk-search  li.ss1 input:-moz-placeholder{color: #ccc;}
.ls-zcwjk-search  li.ss1 input:-ms-input-placeholder{color: #ccc;}
.ls-zcwjk-search li.ss2{ width: 60px; position: absolute; right: 0; top:0; bottom: 0;}
.ls-zcwjk-search li.ss2 input{ width: 100%; height: 50px;  background: url(../images/zck_search.png) center center no-repeat; font-size: 0; border: none;  background-size: 22px auto; }
.ls-zcwjk-search.active{outline: none;-webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(21, 97, 175, 0.3) !important;-moz-box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 68, 143, 0.3) !important;box-shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px rgba(27, 68, 143, 0.3) !important;-webkit-transition: border linear .2s, box-shadow linear .2s !important;-moz-transition: border linear .2s, box-shadow linear .2s !important;-o-transition: border linear .2s, box-shadow linear .2s !important;transition: border linear .2s, box-shadow linear .2s !important;}
/*右侧公开*/
.ls-xxgk-right{ width:400px; height: 600px; background: #F7F7F7; padding: 23px; box-sizing: border-box;}
.ls-xxgkml-link ul{ margin-right: -20px;}
.ls-xxgkml-link li{ width: 166px; float: left; margin:0 20px 20px 0;}
.ls-xxgkml-link li a{ height: 110px;  box-sizing: border-box; padding: 20px 5px 0 5px; display: block; background: #fff; text-align: center;}
.ls-xxgkml-link li img{ display: block; width: 40px; height: 40px; margin:  auto;}
.ls-xxgkml-link li .img_title{ display: block; margin-top: 5px; height: 34px; line-height: 34px; font-size: 18px; white-space: nowrap; overflow: hidden;  text-overflow: ellipsis;}
.ls-xxgkml-link li a:hover{ color:#1561af;}
.ls-xxgkml-link li a:hover img{animation: bellRing 0.9s both; }
.ls-xxgkzt-link li{ margin-bottom: 20px;}
.ls-xxgkzt-link li:last-child{ margin-bottom: 0;}
.ls-xxgkzt-link li img{ width: 100%; height: 83px;}
.ls-xxgkzt-link li .img_title{ display: none;}
.ls-xxgkzt-link a{ display: block;     outline: 1px transparent solid;}
.ls-xxgkzt-link a:hover{  box-shadow: 2px 2px 8px rgba(204, 227, 255, 0.8); outline-color: rgba(255, 255, 255, 0.85);}
 /*公开列表*/
.ls-public-list{ margin-top: 8px;}
.ls-public-list li{ padding-right: 120px; padding-left: 17px;background: 0 center no-repeat;background-image: url(../images/icon.png) !important;background-size: 5px auto;     height: 48px; line-height: 48px;}
/*重点领域*/
.ls-zsly-link{ margin-top: 24px;}
.ls-zsly-link ul{ margin-right: -24px;}
.ls-zsly-link li{ float: left; width: 203px; margin: 0 24px 14px 0; }
.ls-zsly-link li a{display: block; box-sizing: border-box; padding: 20px 5px 0 5px; height: 120px; background: #F7F7F7; text-align: center;}
.ls-zsly-link li img{ display: block; width: auto; height: 42px; margin: 0 auto;}
.ls-zsly-link li a:hover{ color:#1561af;}
.ls-zsly-link li a:hover img{ -webkit-transition: -webkit-transform 0.7s ease-out; -moz-transition: -moz-transform 0.7s ease-out; transition: transform 0.7s ease-out;transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
.ls-zsly-link li .img_title{ display: block; font-size: 18px; margin-top: 10px; height: 36px; line-height: 36px;white-space: nowrap; overflow: hidden;  text-overflow: ellipsis; }
@media (min-width: 992px) and (max-width:1339px) {
  /*公开指南*/
  .ls-xxgk-link li{width:190px;margin-right: 10px;}
  .ls-xxgk-link li a{ font-size: 16px;}
  .ls-xxgk-link li img{ width: 40px; height: 40px;}
  /*左侧公开*/
  .ls-xxgk-left{ width:570px;}
  .ls-zcwjk-box{  padding: 20px 22px 0 22px; }
  /*重点领域*/
  .ls-zsly-link li{ margin-right: 20px; width: 148px;}
}
@media (max-width: 991px) {
  /*公开指南*/
  .ls-xxgk-link{ margin:20px 0 0 0;}
  .ls-xxgk-link li{width:242px; margin-bottom: 20px;}
  /*左侧公开*/
  .ls-xxgk-left{ width:auto; float: none;}
  .ls-xxgk-box{ height: auto;}
  .ls-zcwjk-box{  height: auto; padding: 22px; margin-top: 15px; }
  /*右侧公开*/
  .ls-xxgk-right{ margin-top: 20px; padding: 20px; width:auto; float: none; height: auto;}
  .ls-xxgkml-link li{ width: 165px;}
  .ls-xxgkzt-link li img{ height: auto;}
  /*重点领域*/
  .ls-zsly-link li{ margin-right: 20px; width: 137px;}
}
@media (max-width: 767px) {
  /*公开指南*/
  .ls-xxgk-link{ margin:10px 0 0 0;}
  .ls-xxgk-link ul{ margin: 0;}
  .ls-xxgk-link li{width:auto; float: none; margin:0 0 10px 0; }
  .ls-xxgk-link li a{ height: 60px; line-height: 60px; font-size: 16px;}
  /*左侧公开*/
  .ls-zcwjk-box{  padding: 10px; margin-top: 10px; }
  /*公开列表*/
  .ls-public-list li{ padding-right: 90px; height: 32px; line-height: 32px;}
  /*右侧公开*/
  .ls-xxgk-right{ margin-top: 10px; padding: 10px; }
  .ls-xxgkml-link ul{ margin-right: -2%;}
  .ls-xxgkml-link li{ width: 48%; margin:0 2% 10px 0;}
  .ls-xxgkml-link li .img_title{ font-size: 16px;}
  .ls-xxgkml-link li img{ width: 35px; height: 35px;}
  .ls-xxgkml-link li a{ height: 90px; padding: 10px 5px 0 5px;}
  .ls-xxgkzt-link li img{ height: auto;}
  .ls-xxgkzt-link li{ margin-bottom: 10px;}
  /*重点领域*/
  .ls-zsly-link ul{ margin-right: -2%;}
  .ls-zsly-link li{ width: 31.3%; margin:0 2% 10px 0;}
  .ls-zsly-link li a{ height: 95px; padding: 15px 5px 0 5px;}
  .ls-zsly-link li img{  height: 32px;}
  .ls-zsly-link li .img_title{ font-size: 16px; margin-top: 5px;}
}
@media (max-width: 390px) {
  .ls-zsly-link li{ width: 48%; }
}