@charset "UTF-8";
/* 本css文件用于当前网站字体图标定义 */

@font-face {
    font-family: 'iconfont';
    src: url('../fonts/iconfont.eot');
    src: url('../fonts/iconfont.woff2') format('woff2'),
        url('../fonts/iconfont.woff') format('woff'),
        url('../fonts/iconfont.ttf') format('truetype'),
        url('../fonts/iconfont.svg') format('svg');
}
.logo-name { font-weight: bold; font-size: 20em; padding-left: 2%; }

/* 通用信息列表 */
.infoList { text-align: left; }
.infoList li { height: 2.5em; line-height: 2.5em; font-size: 16em; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; padding-left: 1.56em; transition: 0.5s; }
.infoList li::before { display: block; content: "";  background: #D9D9D9; border-radius: 100%; width: 0.375em; height: 0.375em; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); transition: 0.5s;}
.infoList li:hover::before { background-color: #265fa9; }
.infoList li:hover { padding-left: 1.8em; }
.infoList li.highlight { font-weight: bold; }
.infoList .date { margin-left: 1em; float: right; color: #999; font-size: 0.9em; }
.infoList .node { color: #f00; margin-right: 5px; }
.infoList .address { float: right; background-color: #F9F9F9; font-size: 0.875em; color: #777; padding: 0 10rem; border-radius: 4px; height: 1.625em; line-height: 1; margin-top: 4px; transition: 200ms; margin-left: 20rem; }
.infoList .address:hover { color: #fff; background-color: #c00;}

/* url_方块样式分页 */
.page { text-align: left; padding: 40rem 0; clear: both; overflow: hidden; color: #666; text-align: center; }
.page a,
.page span { font-size: 14em; display: inline-block; *display: inline; zoom: 1; background-color: #F4F4F4; padding: 0 12rem; margin: 0 5px 5px 0; line-height: 2.4285em; height: 2.4285em; color: #666 }
.page a:hover,
.page span:hover { color: #fff; background-color: #3A70B5; }
.page .current { background: linear-gradient(90deg, #3A70B5 0%, #508EDC 100%); color: #fff !important; }
.page select,
.page input { margin: 0 4px; background: #fff; border: 0 solid #E1E1E1; vertical-align: middle; }
.page input { text-align: center; padding: 0 4px; outline: none; }
.page .disabled { pointer-events: none; filter: alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5; }

/* node-banner */
#node-banner { position: relative; }
#node-banner .prev,
#node-banner .next { display: none; }
#node-banner .hd { bottom: 50px; }
#node-banner .bd .pic img { max-width: 1920px; height: auto; width: auto; min-width: 1400px; }


.swp-tit h2, .swp-tit span { display: none; }



/* page-banner */
.page-banner {  overflow: hidden; width: 100%; z-index: 0; height: auto; position: relative; }
.page-banner .pic img { width: 100%; height: auto; object-fit: cover; }
.page-banner .swiper-slide { opacity: 0;}
.page-banner .swiper-slide-active { opacity: 1;}
.page-banner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
.page-banner .swiper-pagination { bottom: 40rem; z-index: 1; left: 0; }
.page-banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; transition: all 0.5s; width: 12rem; height: 12rem; position: relative; background: #fff; margin: 0 5rem; opacity: 0.5; border-radius: 10px; }
.page-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 30rem; opacity: 1; }
.page-banner .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; width: 100%; height: 120rem; bottom: 0; left: 0; }
.page-banner .con { display: none; }
.page-banner .title { position: absolute; bottom: 20rem; left: 0; font-size: 18em; width: 100%; z-index: 2; line-height: 60rem; height: 60rem; color: #fff; text-align: left;}
.page-banner .title a { color: inherit; padding-left: 30rem;}


/* node-banner */
#node-banner {  overflow: hidden; z-index: 0; height: auto; position: relative; margin: 0 auto; text-align: center; }
#node-banner .pic img { width: 100%; height: auto; object-fit: cover; }
#node-banner .swiper-slide { opacity: 0;}
#node-banner .swiper-slide-active { opacity: 1;}
#node-banner .swiper-slide-active .pic img { transform: scale(1); transition: all 5s ease 0s; }
#node-banner .swiper-pagination { bottom: 40rem; z-index: 1; left: 0; }
#node-banner .swiper-pagination-bullets .swiper-pagination-bullet { vertical-align: top; transition: all 0.5s; width: 12rem; height: 12rem; position: relative; background: #fff; margin: 0 5rem; opacity: 0.5; border-radius: 10px; }
#node-banner .swiper-pagination-bullets .swiper-pagination-bullet-active { width: 30rem; opacity: 1; }
#node-banner .titleBg { background: linear-gradient(180deg, rgba(0, 0, 0, 0.00) 0%, #000 100%); position: absolute; width: 100%; height: 120rem; bottom: 0; left: 0; }
#node-banner .con { display: none; }
#node-banner .title { position: absolute; bottom: 20rem; left: 0; font-size: 18em; width: 100%; z-index: 2; line-height: 60rem; height: 60rem; color: #fff; text-align: left;}
#node-banner .title a { color: inherit; padding-left: 30rem;}

/* phtotList-swiper */
.phtotList-swiper { padding-top: 80rem; padding-bottom: 80rem; overflow: hidden; position: relative; }
.phtotList-swiper .swiper-slide { position: relative; text-align: center; font-size: 16em; transition: 750ms; overflow: hidden;  }
.phtotList-swiper .swiper-slide .pic { display: block; overflow: hidden; position: relative; padding-bottom: 65%; height: 0;  }
.phtotList-swiper .swiper-slide .pic img { position: absolute; left: 0; top: 0; width: 100%; height: 100%;  }
.phtotList-swiper .swiper-slide-active { z-index: 11; transform: scale(1.5); font-size: 12em; }
.phtotList-swiper .swiper-slide .title { overflow: hidden; z-index: 3; color: #fff; white-space: nowrap; text-overflow: ellipsis; position: absolute; bottom: 0; left: 0; width: 100%;
    line-height: 2.5em; height: 2.5em; background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%);
 }
.phtotList-swiper .swiper-slide .title a { color: inherit; }
.phtotList-swiper .sjmt-prev,
.phtotList-swiper .sjmt-next { position:absolute; top:50%; transform: translateY(-50%); bottom:0; width: 40px;cursor:pointer;z-index:100; height: 40px;}
.phtotList-swiper .sjmt-prev{ left: 15px; }
.phtotList-swiper .sjmt-next{ right:15px; }
.phtotList-swiper .sjmt-prev::before,
.phtotList-swiper .sjmt-next::before { display: block; content: "\E807"; background-color: rgba(0, 0, 0, 0.5); transition: 0.4s; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-family: "iconfont"; font-weight: bold; color: #B9B9B9; text-align: center; font-size: 20px; border-radius: 100%; border: 2px solid #B9B9B9; width: 32px; height: 32px; line-height: 32px; }
.phtotList-swiper .sjmt-prev::before { content: "\E808"; }
.phtotList-swiper .sjmt-prev:hover::before,
.phtotList-swiper .sjmt-next:hover::before { color: #3A70B5; border-color: #3A70B5; background-color: rgba(255, 255, 255, 0.9); }



@media (max-width: 1200px) {
  #node-banner { width: 100%; max-width: 100%; }
}
@media (min-width: 768px) {
  .phtotList-swiper { padding-top: 110rem; padding-bottom: 110rem; }
}

@media (min-width: 1200px) {
  .logo-name { font-size: 28em; padding-left: 0}
}
@media (min-width: 1300px) {
  .phtotList-swiper { padding-top: 80rem; padding-bottom: 80rem; }
}
@media (min-width: 1400px) {
  .phtotList-swiper { padding-top: 90rem; padding-bottom: 90rem; }
}