@charset "utf-8";
.index-banner .swiper-slide{height: 100vh;width: 100%;}
.index-banner .banner-item{width: 100%; height: 100%;  background-size: cover; background-position: center;  position: absolute; transform: scale(1.2); transition: ease 3s;  top: 0; left: 0; z-index: 9;opacity: 0.4;}
.index-banner .banner-word{ position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%); z-index: 10; opacity: 0;  transition: ease 1s;}
.index-banner .banner-word.word1{ left: 50%;
    /* 只做横向位移，避免用 left 切换导致的裁切造成“像在变小”的错觉 */
    transform: translate(-50%, 50%) translateX(-120%);}
    .banner-word img{width: 100%;}
.index-banner .swiper-slide.swiper-slide-active .banner-word.word1{left: 50%;transform: translate(-50%, 50%) translateX(0);opacity: 1;}
.index-banner .swiper-slide.swiper-slide-active .banner-item {transform: scale(1);  opacity: 1;}
.index-banner .swiper-slide.swiper-slide-active .banner-item{opacity: 1;}
.body-swiper .page-slide .banner-swiper .banner-slide.swiper-slide-active .banner-word.word1 {  left: 50%; opacity: 1;}

/* page2 */
.page2{background: url(../images/index/index_pagebg1.png) no-repeat top;background-size: auto 100% ;}

.col-news-l{width: 48%;}
.col-news-r{width: 52%;}


.index-tpxw{position: relative;}
.index-tpxw .swiper-slide{background: #fff;}
.index-tpxw .swiper-slide .imgratio{padding-top: 68%;}
.index-tpxw .swiper-slide .txt{position: absolute; right: 0; bottom: 0; left: 0; font-size: 1.25em; font-weight: bold; z-index: 9; padding: 30px 90px 30px 20px; line-height: 24px; text-align: left; background: linear-gradient(180deg, rgba(0, 0, 0, 0)  0%,rgba(0, 0, 0, 1) 100%);
box-shadow: 0px 6px 15px  rgba(48, 104, 184, 0.2);}
.index-tpxw .swiper-slide .txt a{color: #fff;}
.index-tpxw .swiper-pagination{bottom: 30px !important;}
.index-tpxw .swiper-ctrl-button{background: rgba(0,0,0,0.3); width: 38px; height: 64px;margin-top: -32px;}

.xinwen-news .info,
.xinwen-news .time,
.xinwen-news .more{display: none;}
.xinwen-news{position:relative;padding-top: 16px;padding-bottom: 16px;line-height:26px;overflow:hidden;vertical-align: top;font-size: 1.125em;border-bottom: 1px solid #e1e5eb;}
.xinwen-news .tit{position: relative;padding-left: 20px;padding-right: 115px;}
.xinwen-news .tit:before{content:''; position:absolute; left:0; top: 50%; margin-top: -2px; width: 5px; height: 5px; background: #CCCCCC; transition: .3s all;}
.xinwen-news .date{position:absolute; right:0; top: 0; bottom: 0; height: 28px; margin: auto 0; color:#808080;}

.xinwen-news.on .date{display: none;}
.xinwen-news.on {background: url(../images/index/index_newsbg.png) no-repeat; background-size: 100% 100%;padding: 20px;}
.xinwen-news.on .box{position: relative;padding-left: 120px;}
.xinwen-news.on .tit{line-height: 1.5; margin-bottom: 10px; font-size: 1.125em;font-weight: bold;color: #fff;padding-right: 0;padding-left: 0px;}
.xinwen-news.on .tit::before{content: initial;}
.xinwen-news.on  p{color:#fff;font-size:14px;line-height: 1.5em;padding-right: 60px;}
.xinwen-news.on .info{display: block;height: 20px;}
.xinwen-news.on .time{display: block;position: absolute;left: 0;padding-right: 25px;  width: 60px; color: #fff; border-right: 1px solid rgba(255, 255, 255, .4);top: 0px;text-align: center;}
.xinwen-news.on .time span{display: block;font-size: 1.5em;padding-bottom: 5px; color:#fff;font-weight: bold;}
.xinwen-news.on .time b{display: block;font-weight: normal;margin-top: 5px;font-size: 14px;}
.xinwen-news.on .more{display: block;position: absolute; right: 0;bottom: 0;}
.xinwen-news.on .more img{width: 24px;}


.index-ztzl-swiper {position: relative;}
.index-ztzl-swiper .imgratio{padding-top:38%}
.index-ztzl-swiper .swiper-ctrl-button{background: #fff;box-shadow: -2px 7px 18px  rgba(157, 200, 242, 0.54);}


/* page3 */
.page3{background: url(../images/index/index_pagebg2.png) no-repeat;background-size: auto 100%;}
.ddjs-news li + li{margin-top: 45px;}
.ddjs-news li .tit{font-size: 18px; font-weight: normal;}
.ddjs-news li a{display: block;border-bottom: 1px solid rgba(144, 144, 144, 1);position: relative;padding-bottom: 45px;}
.ddjs-news li .time{font-size: 18px;display: block;margin-top: 30px;color: #909090;}
.ddjs-news li .more{border:1px solid #0E78D0;background: #fff;position: absolute;right: 0;color: #0E78D0;font-size: 18px;bottom: 22px;padding: 5px 15px;}
.ddjs-news li .more em{font-style: normal;}
.ddjs-news li .more i{display: inline-block;width: 34px;height: 10px;background: url(../images/index/index_more_blue.png) no-repeat;background-size: 100%;margin-left: 15px;}
.ddjs-news li:hover .more{background: #0E78D0;color: #fff;}
.ddjs-news li:hover .more i{background: url(../images/index/index_more_white.png) no-repeat;background-size: 100%;}
.ddjs-news li:hover .tit{color: #383838;font-weight: bold;}

.index-tab .hd .tab-pic{margin-left: 50px;}
.index-tab .hd .tab-pic img{display: block;}
.index-tab .hd ul li{float: left;position: relative;font-size: 22px;width: 29.7%;text-align: center;height: 100px;}
.index-tab .hd ul li + li{margin-left: 15px;padding-left: 16px;}
.index-tab .hd ul li a{display: block;box-sizing: border-box;transition: all 0.4s ease;height: 46px;line-height: 100px;}
.index-tab .hd ul li + li:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #808080; opacity: .6;}
.index-tab .hd ul li.on a{margin-top: -20px;background: linear-gradient(90deg, rgba(13, 120, 208, 1) 0%, rgba(118, 190, 246, 1) 100%);color:#fff;height: 100px;position: relative;}
.index-tab .hd ul li.on a::before{position: absolute;content: '';background:url(../images/index/index_djgz_icon.png) no-repeat; background-size:100% ;width: 75px;height: 75px;right: 10px;bottom: 0;}

/* paga4 */
.page4{background: url(../images/index/index_pagebg3.png) no-repeat;background-size: 100% 100%;}
.zjjk-tab .imgratio{padding-top: 80%;}
.zjjk-tab .zjjk-info{font-size: 1.125em;text-indent: 2em; line-height: 3.5em;}
.zjjk-tab .zjjk-info a{color: #0F79D1;}


.index-zjjk .hd {width: 72%;float: right;margin-top: -20px;z-index: 3;position: relative;}
.index-zjjk .hd ul li{float: left;position: relative;font-size: 22px;width: 17.6%;text-align: center;height: 100px;}
.index-zjjk .hd ul li + li{margin-left: 15px;padding-left: 16px;}
.index-zjjk .hd ul li a{display: block;box-sizing: border-box;transition: all 0.4s ease;height: 46px;line-height: 100px;}
.index-zjjk .hd ul li + li:after{position: absolute; left: 0; top: 50%; margin-top: -7px; content:''; width: 1px; height:16px; background: #808080; opacity: .6;}
.index-zjjk .hd ul li:hover a,
.index-zjjk .hd ul li.on a{margin-top: -20px;background: linear-gradient(90deg, rgba(13, 120, 208, 1) 0%, rgba(118, 190, 246, 1) 100%);color:#fff;height: 100px;position: relative;}
.index-zjjk .hd ul li:hover a::before,
.index-zjjk .hd ul li.on a::before{position: absolute;content: '';background:url(../images/index/jdjs_icon.png) no-repeat;background-size:100%;width: 160px;height: 60px;right: -20px;bottom: 0;}

@media (max-width: 1280px) {
  .col-news-l{width: 100%;}
  .col-news-r{width: 100%;}
  .fp-section,  .fp-slide,  .fp-tableCell,.fp-scrollable{height: auto!important;overflow:auto!important}
  .index-zjjk .hd{width: auto;margin-top: 20px;float: none;}
  .index-tab .hd .tab-pic{margin-left: 0;}
}
@media (max-width: 768px) {
  /* page1 banner: 兼顾手机高度与裁切 */
  .index-banner .swiper-slide{height: 82vh;}
  .index-banner .banner-item{transform: scale(1.1);}

  /* word1 滑入时减少偏移量（避免手机宽度下裁切显著） */
  .index-banner .banner-word.word1{   transform: translate(-50%, 50%) translateX(-70%);}
  .index-banner .swiper-slide.swiper-slide-active .banner-word.word1{transform: translate(-50%, 50%) translateX(0);width: 90%;}

  /* page2: 避免 .col-news-l/.col-news-r 在手机端仍保持 48%/52% 导致排版不对 */
  .col-news-l,
  .col-news-r{width: 100%;}

  /* 新闻轮播文字层：移动端收窄内边距/字号 */
  .index-tpxw .swiper-slide .txt{
    padding: 20px 16px;
    font-size: 1em;
    line-height: 22px;
  }

  /* 新闻卡片：左侧时间列缩窄，减少溢出 */
  .xinwen-news{padding: 16px;}
  .xinwen-news p{padding-right: 20px;}
  .xinwen-news .time{width: 55px; padding-right: 10px;}
  .xinwen-news .time span{font-size: 1.25em;}

  /* page3: 列表/按钮字号与间距缩小 */
  .ddjs-news li + li{margin-top: 28px;}
  .ddjs-news li .tit{font-size: 16px;}
  .ddjs-news li .time{font-size: 14px; margin-top: 20px;}
  .ddjs-news li a{padding-bottom: 35px;}
  .ddjs-news li .more{font-size: 14px; bottom: 14px; padding: 4px 12px;}

  /* page3 选项卡：三列一排，避免高度过大/溢出 */
  .index-tab .hd ul li{font-size: 16px; width: 33.33%; height: 72px;}
  .index-tab .hd ul li + li{margin-left: 0; padding-left: 0;}
  .index-tab .hd ul li + li:after{display: none;}
  .index-tab .hd ul li a{height: 72px; line-height: 72px;}
  .index-tab .hd ul li.on a{height: 72px;}
  .index-tab .hd ul li.on a::before{right: 0; width: 62px; height: 62px; bottom: -8px;}

  /* page4 顶部导航：改为全宽，并让 5 个选项卡在手机端自动换行 */
  .index-zjjk .hd{width: 100%; float: none; margin-top: 0;}
  .index-zjjk .hd ul li{font-size: 16px; width: 33.33%; height: 72px;}
  .index-zjjk .hd ul li + li{margin-left: 0; padding-left: 0;}
  .index-zjjk .hd ul li + li:after{display: none;}
  .index-zjjk .hd ul li a{height: 72px; line-height: 72px;}
  .index-zjjk .hd ul li.on a{height: 72px;}
  .index-zjjk .hd ul li.on a::before{right: 0; width: 120px; height: 52px; bottom: -6px;}
  .fp-completely {
    height: auto !important; /* 取消固定高度 */
  }

  body,html{
    overflow-y: auto !important;
  }

  .index-ztzl{
    padding:0  20px;
  }
}
@media (max-width: 1280px) {
	.index-zjjk .hd ul li{width: 17%;}
}

@media (max-width: 992px) {
	.index-zjjk .hd ul li{width: 16%;}
}

@media (max-width: 480px) {
	
  .index-zjjk .hd{margin-top: 20px;}
  .index-banner .swiper-slide{height: 40vh;}
  .index-tpxw .swiper-slide .txt{padding: 16px 14px;}
  .xinwen-news .time{width: 50px;}
  .xinwen-news .time span{font-size: 1.15em;}
  
  
  .zjjk-tab .zjjk-info{font-size: 1em;line-height: 2.2em;margin: 20px 0;}

  .index-banner .banner-word{    bottom: 35%;}
  .index-zjjk .hd ul li{width: 33%;}
}