@charset "UTF-8";
/*my*/
/*bootstrap*/
@import url(//at.alicdn.com/t/c/font_4094478_zrl6czy5thq.css);
a {
  text-decoration: none; }

img {
  max-width: 100%; }

i, em {
  font-style: normal; }

ul, ol, dl {
  padding: 0;
  margin: 0; }

li {
  list-style: none; }

.text-overflow {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; }

.text-overflow-2 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }

.text-overflow-3 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical; }

.text-overflow-4 {
  text-overflow: -o-ellipsis-lastline;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical; }

.fl {
  float: left !important; }

.fr {
  float: right !important; }

.fn {
  float: none !important; }

.lh16 {
  line-height: 1.6; }

.lh2 {
  line-height: 2; }

.lh24 {
  line-height: 2.4; }

.lh26 {
  line-height: 2.6; }

.lh3 {
  line-height: 3; }

.tin2 {
  text-indent: 2em; }

.fz14 {
  font-size: .875rem; }

.fz18 {
  font-size: 1.125rem; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.dib {
  display: inline-block; }

.db {
  display: block; }

.vam {
  vertical-align: middle !important; }

.t-left {
  text-align: left !important; }

.t-right {
  text-align: right !important; }

.t-center {
  text-align: center !important; }

.t-lowercase {
  text-transform: lowercase !important; }

.t-uppercase {
  text-transform: uppercase !important; }

.t-capitalize {
  text-transform: capitalize !important; }

.fwn {
  font-weight: normal !important; }

.fwb {
  font-weight: bold !important; }

.oh {
  overflow: hidden; }

.img-auto {
  max-width: initial; }

.t-white {
  color: #fff !important; }

.bgf9 {
  background: #f9f9f9; }

.t-666 {
  color: #666666; }

.t-999 {
  color: #999999; }

.w-auto {
  width: auto !important; }

.h-auto {
  height: auto !important; }

.mw-auto {
  max-width: inherit; }

.plr10 {
  padding-left: 10px;
  padding-right: 10px; }

.plr15 {
  padding-left: 15px;
  padding-right: 15px; }

.plr20 {
  padding-left: 20px;
  padding-right: 20px; }

.plr25 {
  padding-left: 25px;
  padding-right: 25px; }

.plr30 {
  padding-left: 30px;
  padding-right: 30px; }

.ptb5 {
  padding-top: 5px;
  padding-bottom: 5px; }

.ptb10 {
  padding-top: 10px;
  padding-bottom: 10px; }

.cp {
  cursor: pointer; }

.btn-text {
  border: 0 !important;
  background: none; }

.nobg {
  background: none !important; }

.clearfix::after {
  display: block;
  content: "";
  clear: both; }

.article-content img, .article-content video, .article-content table {
  display: block;
  margin: 0 auto; }
.article-content table {
  max-width: 100%; }

@media print {
  @page {
    size: A4 portrait;
    margin-top: 0mm;
    margin-bottom: 0mm; }
  .article-info {
    font-size: .875rem; } }
/*
.msg{ line-height: 2;
    &-intro{
        color : #666;
        span{!*width: 80px;*! display: inline-block; !*text-align: right;*!}
        a{color : #666;}
    }
    &-content{ min-height: 400px; font-size : 16px;
        img{margin : 0 auto; display : block;}
    }
}
*/
:root {
  --news-list-line: 2.4; }

.fz14 {
  font-size: .875rem; }

.fz18 {
  font-size: 1.125rem; }

body {
  background: #f4f5f7 url("../images/body-bg.jpg") no-repeat center 0; }

header {
  position: relative;
  min-height: 100px; }
  .header-nav {
    --bs-nav-link-padding-y: .7rem;
    font-size: 22px; }
    .header-nav .nav-link {
      color: #1b9af7;
      margin-left: 2px; }
      .header-nav .nav-link:first-child {
        margin-left: 0; }
    .header-nav .iconfont {
      font-size: 20px;
      margin-right: 10px; }
    .header-nav .active, .header-nav a:hover {
      background: #fff;
      color: #1b9af7 !important; }

.picnews .swiper-slide p {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: absolute;
  left: 0;
  bottom: 0;
  max-width: 70%;
  margin-bottom: 0;
  padding: 10px 0;
  color: #ffffff;
  z-index: 999;
  text-indent: 1em; }
.picnews .swiper-slide:after {
  content: '';
  position: absolute;
  z-index: 111;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 44px;
  background: rgba(0, 0, 0, 0.4); }
.picnews .swiper-pagination {
  position: absolute;
  max-width: 30%;
  white-space: nowrap;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  left: auto !important;
  right: 10px;
  z-index: 9999;
  bottom: 16px !important; }
  .picnews .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #fff;
    opacity: .85; }
  .picnews .swiper-pagination-bullet-active {
    background: #1b9af7;
    opacity: 1; }

.tab-active-top2px .tab-hd {
  background: var(--bs-light-rgb);
  border: 1px solid var(--bs-border-color); }
  .tab-active-top2px .tab-hd .nav-link {
    /*        border-top: 2px solid var(--bs-light-rgb);
            border-bottom: 1px solid var(--bs-light-rgb);
            //border-right: 1px solid var(--bs-border-color);
            border-left: 1px solid var(--bs-light-rgb);*/
    border: 1px solid var(--bs-light-rgb);
    border-top: 2px solid var(--bs-light-rgb);
    position: relative; }
  .tab-active-top2px .tab-hd .active {
    color: #1b9af7;
    font-weight: bold; }
    .tab-active-top2px .tab-hd .active:after {
      position: absolute;
      left: 0;
      top: 0;
      content: "";
      width: 100%;
      /*border-width: 1px;
      border-style: solid;
      border-bottom-color: #fff;*/
      border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color);
      box-sizing: border-box;
      pointer-events: none;
      border-top: 2px solid #1b9af7;
      border-bottom: 1px solid #fff;
      height: calc(100% + 1px); }
  .tab-active-top2px .tab-hd .nav-link:first-child:after {
    border-left: 0; }
.tab-active-hoverbg .tab-hd .nav-more {
  display: none; }
.tab-active-hoverbg .tab-hd > .active {
  background-color: #1b9af7;
  border-radius: 5px 5px 0 0;
  color: #fff; }
  .tab-active-hoverbg .tab-hd > .active .nav-more {
    display: block; }
.tab-active-bottom2px .tab-hd .nav-link {
  display: flex;
  justify-content: center;
  border-bottom: 3px solid #fff; }
  .tab-active-bottom2px .tab-hd .nav-link > a {
    display: block;
    text-align: center;
    white-space: nowrap; }
.tab-active-bottom2px .tab-hd .nav-more {
  display: none; }
.tab-active-bottom2px .tab-hd > .active {
  border-bottom: 3px solid var(--bs-primary);
  margin-bottom: -1px;
  color: #1b9af7; }
  .tab-active-bottom2px .tab-hd > .active > a {
    color: var(--bs-primary); }
  .tab-active-bottom2px .tab-hd > .active .nav-more {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--bs-link-color); }
.tab-active-leader .tab-hd .iconfont {
  display: none; }
.tab-active-leader .tab-hd > .active {
  background-color: #1b9af7;
  color: #fff; }
  .tab-active-leader .tab-hd > .active .iconfont {
    display: inline-block; }

.news-list li {
  padding-left: 15px;
  overflow: hidden;
  line-height: var(--news-list-line);
  display: flex;
  justify-content: space-between;
  align-items: center; }
  .news-list li:before {
    content: '·';
    font-size: 16px;
    font-weight: bold;
    color: #666;
    margin-right: 7px; }
  .news-list li a {
    flex: 1;
    margin-right: 30px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis; }
  .news-list li span {
    float: right;
    color: #666;
    padding-right: 15px; }
.news-list-date a {
  margin-top: 26px; }
  .news-list-date a:hover {
    box-shadow: 0 1px 8px #ccc; }
    .news-list-date a:hover .time {
      background: #1b9af7;
      color: #ffffff; }
.news-list-date .time {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-flow: column;
  padding: 20px;
  margin-right: 20px;
  background: #f8f8f8; }
.news-list-pic a {
  overflow: hidden;
  display: flex; }
  .news-list-pic a .img {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 300px;
    height: 169px;
    overflow: hidden; }
  .news-list-pic a .text {
    flex: 1; }
    .news-list-pic a .text .title {
      font-weight: bold; }
    .news-list-pic a .text .intro {
      color: #666;
      line-height: 1.6;
      text-align: justify !important;
      text-overflow: -o-ellipsis-lastline;
      overflow: hidden;
      text-overflow: ellipsis;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical; }
    .news-list-pic a .text .date {
      color: #666;
      margin-top: 15px;
      display: inline-block; }
  .news-list-pic a:hover .img img {
    -webkit-transform: scale(1.2, 1.2);
    -moz-transform: scale(1.2, 1.2);
    -ms-transform: scale(1.2, 1.2);
    -o-transform: scale(1.2, 1.2);
    transform: scale(1.2, 1.2);
    transition: .5s; }
.news-list-video {
  margin-top: 1px; }
  .news-list-video li {
    text-align: center; }
  .news-list-video .img {
    display: flex;
    align-items: center;
    justify-content: center;
    /*width : 390px;*/
    height: 310px;
    overflow: hidden; }
    .news-list-video .img img {
      height: 100%;
      width: 100%; }
  .news-list-video-text {
    padding: 15px;
    line-height: 2; }
  .news-list-video a {
    background: #ffffff;
    display: block; }
    .news-list-video a p {
      font-size: 18px;
      font-weight: bold; }
    .news-list-video a span {
      display: inline-block;
      color: #999999; }
    .news-list-video a:hover .img img {
      -webkit-transform: scale(1.2, 1.2);
      -moz-transform: scale(1.2, 1.2);
      -ms-transform: scale(1.2, 1.2);
      -o-transform: scale(1.2, 1.2);
      transform: scale(1.2, 1.2);
      transition: .5s; }
.news-list-full li a {
  margin-right: 0; }
.news-list-pl0 li {
  padding-left: 0; }

.swiper-special .swiper-slide img {
  height: 100%;
  width: 100%; }

.fuwu a {
  display: block; }

.qlinks a {
  width: 95px;
  height: 95px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  color: #ffffff; }
.qlinks .iconfont {
  font-size: 28px;
  line-height: 1; }

.sy-email table tr td:first-of-type {
  text-align: center; }
.sy-email table a {
  width: 430px;
  display: block; }

.leaders-nav .nav-link {
  border-bottom: 1px solid var(--bs-border-color);
  text-indent: 22px; }
  .leaders-nav .nav-link:before {
    font-family: iconfont;
    font-size: 14px;
    padding-right: 5px;
    content: "\e6a7"; }
.leaders-nav .active {
  color: rgb(var(--bs-primary-rgb));
  font-weight: bold; }

.about-nav a {
  background: url(../images/about-nav-bg.png) no-repeat center center;
  width: 141px;
  height: 54px;
  display: flex;
  align-items: center;
  justify-content: center; }
.about-gk-nav .nav-link {
  width: 117px;
  background: url(https://www.chuanshan.gov.cn/documents/10184/18936/20200316095213148QQTPCPXY.png) no-repeat 0 center; }

.side-menu .active {
  color: var(--bs-primary); }
.side-menu .lv1 {
  position: relative;
  /*display: block;*/
  display: flex;
  align-items: center;
  justify-content: space-between; }
  .side-menu .lv1:after {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    transition: .3s;
    transform: rotate(45deg);
    background-color: transparent;
    /* 模块背景为透明 */
    border-color: var(--bs-link-color);
    border-style: solid;
    border-width: 1px 1px 0 0; }
  .side-menu .lv1.on:after {
    transform: rotate(135deg); }
.side-menu .lv2 {
  display: none; }

.swiper-pics {
  overflow: hidden; }
  .swiper-pics .swiper-slide {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    position: relative; }
    .swiper-pics .swiper-slide img {
      display: block;
      width: 100%;
      height: 100%; }
    .swiper-pics .swiper-slide p {
      white-space: nowrap;
      overflow: hidden;
      text-overflow: ellipsis;
      position: absolute;
      left: 0;
      right: 0;
      bottom: 0;
      z-index: 2;
      padding: 6px 20px;
      color: #ffffff;
      margin: 0; }
      .swiper-pics .swiper-slide p:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0;
        z-index: -1;
        background: rgba(0, 0, 0, 0.4); }

.wgk-title:after {
  content: '';
  display: block;
  position: absolute;
  bottom: -1px;
  right: -1px;
  width: 0;
  height: 0;
  border-top: 33px solid #ddd;
  border-right: 33px solid #fff; }
.wgk-tab-head > .nav-link {
  height: 201px;
  font-size: 24px;
  cursor: pointer;
  transition: .3s;
  top: 0;
  position: relative; }
  .wgk-tab-head > .nav-link .iconfont {
    display: block;
    font-size: 58px;
    margin-top: 7px; }
  .wgk-tab-head > .nav-link.active {
    top: 20px; }

.biaoqian {
  position: relative;
  width: 32px;
  text-align: center;
  color: #ffffff;
  line-height: 1.2;
  padding-top: 2px; }
  .biaoqian:before {
    content: "";
    width: 0;
    height: 58px;
    border-width: 14px;
    border-style: solid;
    border-color: #1b9af7 #1b9af7 transparent #1b9af7;
    position: absolute;
    top: 0;
    right: 0;
    z-index: -1;
    margin: 0; }
  .biaoqian:after {
    content: " 回放";
    width: 14px;
    text-align: center;
    font-size: 14px;
    top: 4px;
    position: absolute;
    transform: translate(-25%); }

.search-param .active {
  color: #1b9af7; }
.search-param span {
  width: 100px;
  display: inline-block;
  text-align: right; }

.travel header {
  min-height: auto; }
.travel .header-nav {
  font-size: 16px; }
  .travel .header-nav .active, .travel .header-nav a:hover {
    background: #6fdb90;
    color: #fff !important; }
.lv-bg {
  height: 600px;
  background: #f4f5f7 url("../images/lv-bg.jpg") no-repeat top center/100% 100%; }
.travel .tab-active-bottom2px .tab-hd .nav-link {
  font-family: '宋体', '微软雅黑';
  font-weight: bold;
  color: #cbe1ff;
  font-size: 30px;
  display: flex;
  justify-content: center;
  border-bottom: 0px solid #fff; }
  .travel .tab-active-bottom2px .tab-hd .nav-link > a {
    display: block;
    text-align: center;
    white-space: nowrap; }
.travel .tab-active-bottom2px .tab-hd .nav-more {
  display: none; }
.travel .tab-active-bottom2px .tab-hd > .active {
  border-bottom: 0px solid var(--bs-primary);
  color: #fff; }
  .travel .tab-active-bottom2px .tab-hd > .active > a {
    color: var(--bs-primary); }
  .travel .tab-active-bottom2px .tab-hd > .active .nav-more {
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    color: var(--bs-link-color); }
.travel .news-list a {
  color: #fff; }
.travel .news-list-nodisc li:before {
  content: none; }

/**/
.digital-bg .news-list ul{
  padding-left: 0 !important;
}
.digital-bg .news-list li:before {
  content: '';
  font-size: 16px;
  font-weight: bold;
  color: #666;
  margin-right: 7px; }
.digital-bg .news-list li {
  background: url(../images/disc.png) no-repeat 0 center;
  overflow: hidden;
  line-height: 2.4;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.title1-box {
  position: relative; }
.title1-box:before {
  content: '';
  width: 100%;
  height: 1px;
  background: #125cb1;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  z-index: 0; }
.title1-text {
  z-index: 2; }
.title1-en {
  letter-spacing: 2px; }

.digital > li:hover .digital-bd {
  display: block; }
.digital > li:nth-child(2) .digital-bd:before, .digital > li:nth-child(2) .digital-bd:after {
  left: 467px; }
.digital > li:nth-child(3) .digital-bd:before, .digital > li:nth-child(3) .digital-bd:after {
  left: 800px; }
.digital > li:nth-child(4) .digital-bd:before, .digital > li:nth-child(4) .digital-bd:after {
  left: 1128px; }
.digital-bg {
  background: linear-gradient(#eaf9ff 50%, #fff); }
.digital-hd img {
  position: relative;
  top: -20px; }
.digital-bd {
  box-shadow: 0 0 6px rgba(18, 92, 177, 0.2);
  left: 0;
  display: none; }
.digital-bd:before {
  content: "";
  width: 0;
  height: 14px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent #125cb1 transparent;
  position: absolute;
  top: -28px;
  left: 137px;
  z-index: -1;
  opacity: .4; }
.digital-bd:after {
  content: "";
  width: 0;
  height: 14px;
  border-width: 14px;
  border-style: solid;
  border-color: transparent transparent #fff transparent;
  position: absolute;
  top: -27px;
  left: 137px;
  z-index: -1;
  margin: 0; }
.digital-list-icon {
  margin-left: 7px;
  width: 75px;
  height: 75px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background: linear-gradient(135deg, #678afa, #63d3ef); }
.digital-list-icon .iconfont {
  font-size: 35px;
  color: #ffffff; }
.digital-list-title {
  font-size: 22px;
  line-height: 1;
  padding: 15px 0 10px 0; }

/*footer s*/
footer {
  /* 友情链接 */ }
  footer .friend-links {
    color: initial; }
    footer .friend-links span:first-child,
    footer .friend-links dt {
      height: 40px;
      line-height: 40px;
      padding: 0 2em 0 0; }
    footer .friend-links dt {
      cursor: pointer; }
    footer .friend-links dt:after {
      content: ' ▲';
      color: #999; }
    footer .friend-links dt.no-after:after {
      content: ''; }
    footer .friend-links dl {
      display: inline-block; }
    footer .friend-links dd {
      display: none;
      position: absolute;
      left: 0;
      bottom: 32px;
      z-index: 999;
      width: 100%;
      box-sizing: border-box;
      background: #f1f1f1; }
    footer .friend-links dl:hover dt {
      background: #f1f1f1;
      color: #1b9af7; }
      footer .friend-links dl:hover dt:after {
        color: #1b9af7; }
    footer .friend-links dl:hover dd {
      display: block;
      transition: .3s; }

/*footer e*/
.fixed-right-tools {
  position: fixed;
  right: 20px;
  top: 35%;
  /*.btn{
      border : 0;
      display: inline-block;
      font-weight: normal;
      text-align: center;
      vertical-align: middle;
      touch-action: manipulation;
      cursor: pointer;
      background-image: none;
      white-space: nowrap;
      padding: 9px 12px;
      border-radius: 4px;
      user-select: none;
  }
  .btn .iconfont{ font-size : 28px; color : #ffffff; }*/ }
  .fixed-right-tools button:hover {
    border-color: #1b9af7 !important; }
    .fixed-right-tools button:hover .iconfont {
      color: #1b9af7; }
  .fixed-right-tools .pos-r {
    position: relative; }
  .fixed-right-tools .pos-r:hover .qrcode {
    display: block; }
  .fixed-right-tools .qrcode {
    display: none;
    position: absolute;
    top: 50%;
    margin-top: -70px;
    right: 70px;
    text-align: center;
    background: #fff;
    width: 140px;
    height: 140px;
    border: 2px solid #1b9af7; }
    .fixed-right-tools .qrcode:after {
      content: '';
      position: absolute;
      left: 100%;
      top: 50%;
      margin-top: -10px;
      display: inline-block;
      vertical-align: middle;
      width: 0;
      height: 0;
      border-style: dashed;
      border-color: transparent;
      overflow: hidden;
      border-left-style: solid;
      border-left-color: #1b9af7;
      border-width: 10px; }
    .fixed-right-tools .qrcode img {
      /*position: absolute;*/
      max-width: 100%;
      max-height: 100%;
      margin: 0 auto;
      vertical-align: middle;
      display: inline-block; }

.container {
  max-width: 1320px !important;
  width: 1320px; }

@media screen and (max-width: 1200px) {
  body {
    width: 1320px; } }




/**页码**/
.page{
    margin: auto;
    width: max-content;
    padding: 20px 0;
    height: 23px;
    font-size: 12px;
}
.page ul{


}
.page ul li{
    float: left;
   
    margin-left: 5px;
}
.page ul li a{
	text-align: center;
    background-color: #fff;
	padding: 5px 10px;
    color: #2d66a5;
	border: 1px solid #b2b2b2;
}
.page ul li span{
	color: #000;
    display: block;
    float: left;
    line-height: 23px;
}

.page .on a{
	background-color: #2d66a5 !important;
	color: #fff !important;
}
.page  .pageBtn{
	
}
.page ul input {
    width: 43px;
    line-height: 23px;
    color: #333;
    border: 1px solid #b2b2b2;
    margin: 0 5px;
    background: none;
    padding: 0 2px;
}