#public-header{top:0rem!important;}
/*导航*/
.nav_box{position:fixed !important;}
/*公共样式*/
.wt-cont{width:47%;}

/*第一屏*/
.head{position:relative;overflow:hidden;}
.banner {width:100vw;height:100vh;}
.banner .swiper { width: 100%; height: 100%; overflow:hidden;}
.banner .swiper-slide {text-align: center;  font-size: 18px; background: #fff; display: flex; justify-content: center;  align-items: center;  }
.banner .swiper-slide img { display: block; width: 100vw;  height: 100vh; -o-object-fit: cover;object-fit: cover;margin:0 auto}
.banner .swiper-slide .newsList-img {display: block; width: 100vw;  height: 100vh;}
.head .img_tit{position:absolute;left:15%;top:50%;transform: translate(0, -50%);z-index:1}
.head .img_tit {color:#fff}
.head .img_tit h1{font-size:50px;color:#fff;font-weight:bold;letter-spacing:5px;}
.head .img_tit p{font-size:18px;margin-top:20px;line-height:30px;}
/*公告*/
.head .call-board{position:absolute;left:50%;bottom:130px;width:83%;height:42px;z-index:4;background:rgba(0,0,0,0.6);transform: translate(-50%, 0);border-radius:30px;display:flex;color:#fff;display: -ms-flexbox;}
.head .call-board .lc_list{display:flex;display: -ms-flexbox;}
.head .call-board .lc_list li {margin-right:30px;}
.head .call-board .lc_list li a{display:flex;line-height:42px;font-size:14px;color:#fff;display: -ms-flexbox;}
.head .call-board .call-tit{display:flex;font-size:14px;width:10%;align-items: center;display: -ms-flexbox;-ms-flex-align: center;}
.head .call-board .call-tit p{font-weight:bold;}
.head .call-board .call-tit img{width:16px;height:16px;margin:0 20px;}
.head .call-board .more{width:10%;line-height:42px;text-align:center;font-size:14px;position:relative;}
.head .call-board .more a{color:#fff;}
.head .call-board .htmleaf-container{width:80%;}
/*.head .call-board .more .zz{width:80px;height:50px;position:absolute;top:0;left:-25%; background: linear-gradient(-90deg,rgba(0, 0, 0,0.6),rgb(0, 0, 0, 0));  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#fff'); background-image: -ms-linear-gradient(left, transparent 0%,#fff 100%);}*/
.head .call-board .lc_list li a:hover{color:#e12328}
/*快捷方式*/
.head .shortcut{position:absolute;bottom:0;width:100%;height:100px;background:rgba(0,0,0,0.5);z-index:2;}
.head .shortcut .st_lists{width:95%;margin:0 auto;display:flex;display: -ms-flexbox;}
.head .st_lists li{width:20.2%;height:100px;border-right:1px solid #c0ccd0}
.head .st_lists li:last-child{border-right:none;}
.head .st_lists li a{width:100%;height:100%;display:flex;flex-direction: column;justify-content: center;align-items: center;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;-ms-flex-align: center;}
.head .st_lists li a .st-ft{font-size:14px;color:#fff;margin-top:10px;transition:all 0.4s}
.head .st_lists li a img{width:45px;height:45px;transition:all 0.4s}
.head .st_lists li a:hover .st-ft{color:#e12328;font-weight:600}
.head .st_lists li a:hover img{transform:scale(1.1)}

/*第二屏*/
.Second-screen{position:relative;overflow:hidden;}
/*tab栏*/
.Second-screen .Second_main img{width:100%;height:100vh; object-fit: cover; -o-object-fit: cover;-ieVar-height:var(--vh);}
.Second-screen .Sd-main-tab{position:absolute;top:20%;left:15%;}
.Sd-main-tab .Sd-list{display:flex;align-items: flex-end;}
.Sd-main-tab .Sd-list li {margin-right:30px;}
.Sd-main-tab .Sd-list li a{font-size:24px;color:#fff;}
.Sd-main-tab .Sd-list li.active a{font-size:40px;}
/*理财内容栏*/
.Second-screen .Second-cont{position:absolute;top:30%;left:15%;display:none;transition:all 0.4s;}
.Second-screen .Second-cont.sd_show{display:block;}
.Second-cont .ct-lists{display:flex;display: -ms-flexbox;}
.Second-cont .ct-lists li{padding:20px;color:#fff;border-right: 1px solid #fff;transition:all 0.4s;max-width: 219px;}
.ct-lists li h1{font-size:40px;font-weight:bold;}
.ct-lists li h2{font-size:20px;font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ct-lists li p{font-size:16px;margin:20px 0;}
.ct-lists li p.qx{margin-bottom:30px;overflow: hidden;white-space: nowrap;}
.ct-lists li p.hide{opacity: 0;transition:all 0.4s;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.ct-lists li hr{width:0;margin:50px 0;transition:width 0.4s;}   
.ct-lists li a{ display: none;width: 100px; height: 30px; line-height: 30px; text-align: center; background: #fff; border-radius: 30px;color: #ef6c02; font-size: 16px;margin: 15px 30%  15px;transition:all 0.4s;}
.ct-lists li:hover{background:rgba(239,108,2,0.4)}
.ct-lists li:hover hr{width:100%;}
.ct-lists li:hover p.hide{opacity: 1;}
.ct-lists li:hover a{display:inline-block;}

/*第三屏*/
.Third-screen{position:relative;overflow:hidden;}
.Third-screen .Third-main img{width:100%;height:100vh; object-fit: cover; -o-object-fit: cover;-ieVar-height:var(--vh);}
/*快捷方式*/
.Third-shortcut .Td-hr{background:rgba(219,63,64,0.6);}
.Third-shortcut .Td-lists{background: linear-gradient(90deg,rgba(219, 63, 64),rgb(219, 63, 64,0.5));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db3f40', endColorstr='#db3f40'); background-image: -ms-linear-gradient(right, transparent 0%,#db3f40 100%);}
.Third-shortcut .Td-lists li{width:20%;}

/*第四屏*/
.Fourth-screen{position:relative;overflow:hidden;}
.Fourth-screen .Fourth-main img{width:100%;height:100vh; object-fit: cover; -o-object-fit: cover;-ieVar-height:var(--vh);}
.Fourth-shortcut .Fh-lists{background: linear-gradient(90deg,rgba(38, 42, 106),rgb(38, 42, 106,0.5));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#262a6a', endColorstr='#262a6a'); background-image: -ms-linear-gradient(right, transparent 0%,#262a6a 100%);}
.Fourth-shortcut .Fh-hr{background:rgba(38,42,106,0.6)}
.Fourth-shortcut .Fh-lists li{width:25%;}

/*第五屏*/
.Fifth-screen{position:relative;overflow:hidden;}
.Fifth-screen .Fifth-main img{width:100%;height:100vh; object-fit: cover; -o-object-fit: cover;-ieVar-height:var(--vh);}
.Fifth-screen .Ffh-lists{background: linear-gradient(90deg,rgba(223, 113, 25),rgb(223, 113, 25,0.5));filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e0711a', endColorstr='#e0711a'); background-image: -ms-linear-gradient(right, transparent 0%,#e0711a 100%)}
.Fifth-screen .Ffh-hr{background:rgba(223,113,25,0.6)}
.Fifth-screen .Ffh-lists li {width:25%}

/*第六屏*/
.Sixth-screen{position:relative;overflow:hidden;}
.Sixth-screen .Sixth-main img{width:100%;height:100vh; object-fit: cover; -o-object-fit: cover;}
.Sixth-cont{width:45%;position:absolute;left:15%;top:50%;transform:translate(0,-70%);color:#fff;}
.Sixth-shortcut{position:absolute;;left:15%;bottom:25%;height:110px;width:45%;}
.Sh-lists{width:100%;height:100%;display:flex;border-radius: 20px 20px 0 0;justify-content: space-between;display: -ms-flexbox;-ms-flex-pack: justify;}
.Sh-lists li a{width:100px;height:90px;display:flex;flex-direction: column;justify-content: center;align-items: center;background:red;border-radius:20px;background:url(/uiFramework/commonResource/image/2023103117470831372.png) no-repeat;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;-ms-flex-align: center;}
.Sh-lists li a span{font-size:14px;color:#fff;margin-top:8px;}
.Sh-lists li a img{width:40px;height:40px;transition:all 0.4s}
.Sh-lists li a:hover img{transform:scale(1.1)}
.Sh-lists li a:hover span{font-weight:600}
.Sixth-cont p{height:180px;text-overflow: ellipsis}

/*三、四、五、六屏样式相同区域*/
.Third-cont, .Fourth-cont,.Fifth-cont{position:absolute;left:15%;top:50%;transform:translate(0,-50%);color:#fff;}
.Third-cont h1,.Fourth-cont h1,.Fifth-cont h1,.Sixth-cont h1{font-size:40px;margin-bottom:20px;}
.Third-cont p,.Fourth-cont p,.Fifth-cont p,.Sixth-cont p{font-size:16px;line-height:30px;}
/*快捷方式*/
.Third-shortcut,.Fourth-shortcut,.Fifth-shortcut{width:100%;height:120px;position:absolute;bottom:30px;}
.Third-shortcut .Td-hr,.Fourth-shortcut .Fh-hr,.Ffh-hr{width:95%;height:10px;margin:0 auto;margin-top:8px;}
.Td-lists,.Fh-lists,.Ffh-lists{width:95%;height:100%;margin:0 auto;display:flex;display: -ms-flexbox;border-radius: 20px 20px 0 0;}
.Td-lists li a,.Fh-lists li a,.Ffh-lists li a{display:flex;flex-direction: column;height: 100%;justify-content: center;align-items: center;display: -ms-flexbox;-ms-flex-direction: column;-ms-flex-pack: center;-ms-flex-align: center;}
.Td-lists li a img,.Fh-lists li a img,.Ffh-lists li a img{width:45px;height:45px;transition:all 0.4s}
.Td-lists li a span,.Fh-lists li a span,.Ffh-lists li a span{font-size:14px;color:#fff;margin-top:15px;}
.Td-lists li a:hover img,.Fh-lists li a:hover img,.Ffh-lists li a:hover img{transform:scale(1.1)}
.Td-lists li a:hover span,.Fh-lists li a:hover span,.Ffh-lists li a:hover span{font-weight:600}

/*底部foter*/
.foter{position:absolute !important;}

/*左侧分屏按钮*/
#fp-nav,#fp-nav.fp-right{left:20px;right:auto !important;}
.fp-warning, .fp-watermark{display:none !important;}
#fp-nav ul li a span, .fp-slidesNav ul li a span{width:12px !important;height:12px !important;margin:-6px 0 0 -6px !important;}
#fp-nav ul li:last-child::after,#fp-nav ul li:last-child a::after,#fp-nav ul li:last-child::before{display:none;}

/*各分辨率适配*/
@media only screen and (max-width:1600px){
.Sixth-shortcut{bottom:20%;}
}
@media only screen and (max-width:1500px){

} 
@media only screen and (max-width:1450px){
.head .img_tit h1{font-size:38px;}
.head .img_tit p{font-size:16px;margin-top:10px}
.head .call-board{bottom:110px;}
.Second-screen .Second-cont.sd_show{width:58%;}

}
@media only screen and (max-width:1366px){
.head .img_tit h1{font-size:28px;}
.head .img_tit p{font-size:14px;margin-top:5px}
/*最新公告*/
.head .call-board{bottom:100px;}
.head .shortcut,.head .st_lists li{height:80px;}
.head .st_lists li a img{width:35px;height:35px;}
.head .st_lists li a .st-ft{margin-top:5px;}
/*各屏标题问题*/
.Third-cont h1, .Fourth-cont h1, .Fifth-cont h1, .Sixth-cont h1,.ct-lists li h1{font-size:28px}
.Third-cont p, .Fourth-cont p, .Fifth-cont p, .Sixth-cont p{font-size:14px;line-height: 20px;}
.ct-lists li p{font-size:12px;}
.ct-lists li p.qx {width: 63px;}
.ct-lists li hr{margin:30px 0;}
.ct-lists li p{margin:15px 0;}
.ct-lists li a{font-size:14px;margin: 10px 26% 10px;}
.ct-lists li h2{font-size:12px;}
.Sd-main-tab .Sd-list li.active a{font-size:24px;}
/*第二屏*/
.Second-screen .Second-cont{width:55%;}

.Third-shortcut, .Fourth-shortcut, .Fifth-shortcut{height:80px;}
.Td-lists li a img, .Fh-lists li a img, .Ffh-lists li a img{width:28px;height:28px;}
.Td-lists li a span, .Fh-lists li a span, .Ffh-lists li a span{font-size:12px;margin-top:10px}

.Sh-lists li a{width:70px;height:60px;border-radius:10px;}
.Sh-lists li a img{width:24px;height:24px;}
.Sh-lists li a span{font-size:12px;margin-top:5px}

}
@media only screen and (max-width:1200px){
.head .call-board .call-tit p,.head .call-board .lc_list li a,.head .call-board .more a{font-size:12px;}
/*最新公告*/
.head .st_lists li a img{width:30px;height:30px;}
.head .st_lists li a .st-ft{font-size:12px;}
}
@media only screen and (max-width:1024px){
.banner{width:auto;height:auto;}
/*公共样式*/
.wt-cont{width:90%;}
.Third-cont, .Fourth-cont, .Fifth-cont{left:5%;top:40%;}
.Second-screen .Second_main img,.Third-screen .Third-main img,.Fourth-screen .Fourth-main img,.Fifth-screen .Fifth-main img,.Sixth-screen .Sixth-main img{width:100%;height:600px;}
.Third-cont h1, .Fourth-cont h1, .Fifth-cont h1, .Sixth-cont h1, .ct-lists li h1{font-size:20px;}
.Sixth-cont{width:80%;left:5%;top:40%;}
/*第一屏*/
.rt_lists{z-index:99 !important;}
.banner .swiper-slide img{width:100%;height:600px;}
.banner .swiper-slide .newsList-img  {width:100%;height:600px;}
.head .call-board .call-tit{width: 12%;}
.head .call-board .call-tit img{margin:0 5px;}
.head .img_tit{top:40%;left:5%;}
.head .img_tit h1{font-size: 20px;letter-spacing: 3px;}
.head .st_lists li a{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
/*第二屏*/
.Second-screen .Sd-main-tab{top:10%;left:5%;}
.Second-screen .Second-cont{top:20%;left:5%;}
.ct-lists li a{margin: 10px 10% 10px;}
.ct-lists li h1,.Sd-main-tab .Sd-list li a,.Sd-main-tab .Sd-list li.active a{font-size:20px;}
/*最后一屏*/
.Sixth-shortcut{width: 80%;left: 5%;bottom: 30%;}
}

/*移动适配*/
/*平板*/
@meida only screen and (max-width:992px){

}
@media only screen and (max-width:768px){

/*公共样式调整*/
.Second-screen .Second_main img,.Third-screen .Third-main img,.Fourth-screen .Fourth-main img,.Fifth-screen .Fifth-main img{width:100%;height:450px;}
.banner .swiper-slide img{height:450px;}
.banner .swiper-slide .newsList-img {height:320px;}

div.foter {bottom: -20px;}
/*第二屏*/
.Second-screen .Second_main img{width:100%;height:450px;}
.ct-lists li hr{margin:15px 0;}
.ct-lists li p.qx{margin-bottom:10px;width: 63px;}
.ct-lists li a{margin:10px 5% 10px;font-size:12px;}
.Sixth-screen .Sixth-main img{width:100%;height:550px}
.Sixth-cont{top: 30%;}
.Sixth-cont p{height:auto;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;    -webkit-line-clamp: 5;overflow: hidden;}
 #page-index_yb #section1 .screen-wrap .screen-content .top .left .sub-cloumn-content1 {
   width: 95%;
   margin: 0 auto;
}

 .newCenter {
     flex-direction: column;  
   }
   .leftbox {width: 100% !important}
    .rightbox {width: 100% !important; padding-left: 0 !important}
}
/*手机*/
@media only screen and (max-width:576px){
/*公共样式*/
.Second-screen .Second_main img,.Third-screen .Third-main img,.Fourth-screen .Fourth-main img,.Fifth-screen .Fifth-main img{width:100%;height:400px;}
.Td-lists li a span, .Fh-lists li a span, .Ffh-lists li a span,.head .st_lists li a .st-ft{display: inline-block;text-align: center;width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.Fourth-cont > p, .Fifth-cont > p, .Sixth-cont>p{float:left;}
.banner .swiper-slide img{height:400px;}
.banner .swiper-slide .newsList-img {height:320px;}
.head .call-board .call-tit{width:30%;}
.head .call-board .htmleaf-container {width: 55%;}
.head .call-board .more{width:25%;}
.head .shortcut .st_lists{width:100%;}

/*第二屏*/
.ct-lists li p{margin:5px 0}
.ct-lists li hr{margin:10px 0;}
.ct-lists li p.qx{margin-bottom:0px;}

/*最后一屏*/
.Sixth-screen .Sixth-main img{width:100%;height:600px}
.Sh-lists{flex-wrap:wrap;}
.Sh-lists li{width:33.3%;margin:5px 0;}
.Sixth-cont{top:30%;}
.Sh-lists{height:auto;}
.Sixth-cont p{height:auto;text-overflow: ellipsis;display: -webkit-box; -webkit-box-orient: vertical;    -webkit-line-clamp: 3;overflow: hidden;}
.Sh-lists li a{width: 70px;height: 60px;}
.Sixth-shortcut{width:90%;bottom:45%;}
}

@media only screen and (max-width: 340px) {
.Second-screen .Second-cont.sd_show {width: 100%;}
.Second-cont .ct-lists {width: 100%;overflow-y: hidden;}
}
// ===============================================================================
/* @import url(./old.css); */
#page-index_yb {
  /* // 除首屏外公用 */
  /* #section1, */
  /* #section2, */
  /* #section3, */
  /* #section4, */
  /* #section5 { */
  /*   .column { */
  /*     .mobile-screen-bg(); */
  /*   } */
  /*   .screen-wrap { */
  /*   } */
  /* } */
  /* 第二屏,新闻中心 */
  /* 第三屏,个人业务 */
  /* 第四屏，公司业务 */
  /* 第五屏,普惠金融 */
  /* 第六屏，关于我行 */
}
#page-index_yb #section1 .fp-overflow-content {
  position: relative;
  height: 100%;
}
#page-index_yb #section1 .fp-overflow-content #second-screen {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section1 .fp-overflow-content #second-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
#page-index_yb #section1 .fp-overflow-content #second-screen div {
  height: inherit;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section1 .fp-overflow-content #second-screen div .Third-main img {
    height: 100%;
  }
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-width: 20rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #page-index_yb #section1 .fp-overflow-content .screen-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section1 .fp-overflow-content .screen-wrap {
    height: fit-content;
    position: relative;
    padding-bottom: 2rem;
  }
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-title {
  font-size: 0.5rem;
  color: #0a318e;
  padding-top: 2.2rem;

  box-sizing: border-box;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: calc(100% - 4rem);
  margin-top: 0.4rem;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top {
  max-height: calc(100% - 2.4rem);
  overflow: hidden;
  height: fit-content;
  display: flex;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top {
    flex-direction: column;
  }
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .left {
  width: 40%;
  overflow: hidden;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .left {
    width: 100%;
  }
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .left #second-screen-left {
  height: 100%;
}
#page-index_yb #section1  .screen-wrap .screen-content .top .left .sub-cloumn-content1 {
  display: flex;
  overflow: hidden;
  height:100%
}
#page-index_yb #section1  .screen-wrap .screen-content .top .left .sub-cloumn-content1 .sub-content-box {
  width: 100%;
 
  overflow: hidden;
  transition: all 0.5s ease-in-out;
}
#page-index_yb #section1 .screen-wrap .screen-content .top .left .sub-cloumn-content1 .sub-content-box.active {
  transform: translateX(-100%);
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .left  .sub-cloumn-content1 div {
  height: inherit;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .bottom .bottomright .second-screen-bottom1 div {
  height: inherit;
}


#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .left #second-screen-left div {
  height: inherit;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right {
  width: 60%;
  padding-left: 1rem;
  box-sizing: border-box;
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right {
    width: 100%;
    padding-left: 0;
    margin-top: 1rem;
  }
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox{
  width: 45%
}
 #page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .rightbox{
  width: 45%;
  padding-left: 1rem;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox .right-column-title-row {
  display: flex;
  color: #333;
  font-size: 0.34rem;
  margin-top:20px
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox .right-column-title-row a {
  font-size: inherit;
  color: inherit;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox  .right-column-title-row .interval {
  padding: 0 0.4rem;
  color: #ccc;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-title-row {
  display: flex;
  color: #333;
  font-size: 0.34rem;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-title-row .interval {
  padding: 0 0.4rem;
  color: #ccc;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox  .right-column-title-row .interval {
  padding: 0 0.4rem;
  color: #ccc;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox .right-column-title-row a {
  font-size: inherit;
  color: inherit;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-title-row a {
  font-size: inherit;
  color: inherit;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox   .right-column-title-row a:hover,
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox   .right-column-title-row a.active {
  color: #0a318e;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-title-row a:hover,
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-title-row a.active {
  color: #0a318e;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox  .right-column-content {
  display: flex;
  overflow: hidden;
  margin-top: 0.3rem;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-content {
  display: flex;
  overflow: hidden;
  margin-top: 0.6rem;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox .right-column-content .column-content-item {
  width: 100%;
  flex-shrink: 0;
  transition: all 0.5s ease-in-out;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-content .column-content-item {
  width: 100%;
  flex-shrink: 0;
  transition: all 0.5s ease-in-out;
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .leftbox .right-column-content .column-content-item.active {
  transform: translateX(-100%);
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right .right-column-content .column-content-item.active {
  transform: translateX(-100%);
}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .bottom {
  height: 2.4rem;
  padding-top: 0.3rem;
  box-sizing: border-box;
}
#page-index_yb #section2 .fp-overflow-content {
  position: relative;
  height: 100%;
}
#page-index_yb #section2 .fp-overflow-content #Third-screen {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section2 .fp-overflow-content #Third-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
#page-index_yb #section2 .fp-overflow-content #Third-screen div {
  height: inherit;
}
#page-index_yb #section2 .fp-overflow-content #Third-screen .Fourth-main img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  object-position: top center;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section2 .fp-overflow-content #Third-screen .Fourth-main img {
    /**height: 100%;**/
  }
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-width: 20rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #page-index_yb #section2 .fp-overflow-content .screen-wrap {
    width: 100%;
    margin-top:1rem;
  }
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .left {
    height: 6rem;
  }
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section2 .fp-overflow-content .screen-wrap {
    height: fit-content;
    position: relative;
    padding-bottom: 2rem;
  }
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row {
  display: flex;
  align-items: flex-end;
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .screen-title {
  font-size: 0.5rem;
  color: #0a318e;
  padding-top: 2.2rem;

  box-sizing: border-box;
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-left: 1rem;
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row a.item {
  font-size: 0.34rem;
  color: #333;
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row a.item:hover,
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row a.item.active {
  color: #0a318e;
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row .interval {
  width: 0.02rem;
  height: 0.3rem;
  background-color: #ccc;
  margin: 0 0.4rem;
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-content {
  display: flex;
  align-items: center;
  width: 70%;
  margin-left: auto;
  margin-right: 0;
  overflow: hidden;
  height: calc(100% - 3.5rem);
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-content {
    padding-top: 2rem;
  }
}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-content .item {
  width: 100%;
  flex-shrink: 0;
  transition: all 0.5s ease-in-out;
}
#page-index_yb #section3 .fp-overflow-content {
  position: relative;
  height: 100%;
}
#page-index_yb #section3 .fp-overflow-content #Fourth-screen {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section3 .fp-overflow-content #Fourth-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
#page-index_yb #section3 .fp-overflow-content #Fourth-screen div {
  height: inherit;
}
#page-index_yb #section3 .fp-overflow-content #Fourth-screen .Fifth-main img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  object-position: bottom right;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section3 .fp-overflow-content #Fourth-screen .Fifth-main img {
    height: 100%;
  }
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-width: 20rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #page-index_yb #section3 .fp-overflow-content .screen-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section3 .fp-overflow-content .screen-wrap {
    height: fit-content;
    position: relative;
    padding-bottom: 2rem;
  }
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row {
  display: flex;
  align-items: flex-end;
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .screen-title {
  font-size: 0.5rem;
  color: #0a318e;
  padding-top: 2.2rem;

  box-sizing: border-box;
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row {
  display: flex;
  justify-content: space-evenly;
  align-items: center;
  margin-left: 1rem;
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row a.item {
  font-size: 0.34rem;
  color: #333;
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row a.item:hover,
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row a.item.active {
  color: #0a318e;
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .column-title-row .interval {
  width: 0.02rem;
  height: 0.3rem;
  background-color: #ccc;
  margin: 0 0.4rem;
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-content {
  display: flex;
  align-items: center;
  width: 65%;
  margin-left: 0;
  margin-right: auto;
  overflow: hidden;
  height: calc(100% - 3.3rem);
  box-sizing: border-box;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-content {
    padding-top: 2rem;
    width: 80%;
  }
}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-content .item {
  width: 100%;
  flex-shrink: 0;
  transition: all 0.5s ease-in-out;
}
#page-index_yb #section4 .fp-overflow-content {
  position: relative;
  height: 100%;
}
#page-index_yb #section4 .fp-overflow-content #Fifth-screen {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section4 .fp-overflow-content #Fifth-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
#page-index_yb #section4 .fp-overflow-content #Fifth-screen div {
  height: inherit;
}
#page-index_yb #section4 .fp-overflow-content #Fifth-screen .Fifth-main img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  object-position: top center;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section4 .fp-overflow-content #Fifth-screen .Fifth-main img {
    height: 100%;
  }
}
#page-index_yb #section4 .fp-overflow-content .screen-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-width: 20rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #page-index_yb #section4 .fp-overflow-content .screen-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section4 .fp-overflow-content .screen-wrap {
    height: fit-content;
    position: relative;
    padding-bottom: 2rem;
  }
}
#page-index_yb #section4 .fp-overflow-content .screen-wrap .screen-title {
  font-size: 0.5rem;
  color: #0a318e;
  padding-top: 2.2rem;

  box-sizing: border-box;
}
#page-index_yb #section4 .fp-overflow-content .screen-wrap .screen-content {
  width: 70%;
  display: flex;
  align-items: center;
  margin-left: auto;
  margin-right: 0;
  height: calc(100% - 3.56rem);
  box-sizing: border-box;
  overflow: hidden;
}
#page-index_yb #section4 .fp-overflow-content .screen-wrap .screen-content .fifth-screen-tese_xindai {
  width: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section5 {
    height: auto;
  }
}
#page-index_yb #section5 .fp-overflow-content {
  position: relative;
  height: 100%;
}
#page-index_yb #section5 .fp-overflow-content #Sixth-screen {
  height: 100%;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section5 .fp-overflow-content #Sixth-screen {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
}
#page-index_yb #section5 .fp-overflow-content #Sixth-screen div {
  height: inherit;
}
#page-index_yb #section5 .fp-overflow-content #Sixth-screen .Sixth-main img {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  object-position: top center;
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section5 .fp-overflow-content #Sixth-screen .Sixth-main img {
    height: 100%;
  }
}
#page-index_yb #section5 .fp-overflow-content .screen-wrap {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100vw;
  height: 100vh;
  max-width: 20rem;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  #page-index_yb #section5 .fp-overflow-content .screen-wrap {
    width: 100%;
  }
}
@media screen and (max-width: 1024px) {
  #page-index_yb #section5 .fp-overflow-content .screen-wrap {
    height: fit-content;
    position: relative;
    padding-bottom: 1rem;
  }
}
#page-index_yb #section5 .fp-overflow-content .screen-wrap .screen-title {
  font-size: 0.5rem;
  color: #0a318e;
  padding-top: 2.2rem;

  box-sizing: border-box;
}
#page-index_yb #section5 .fp-overflow-content .screen-wrap .screen-content {
  width: 100%;
  margin-left: 0;
  margin-right: auto;
  padding-top: 0.6rem;
  box-sizing: border-box;
  overflow: hidden;
}
@media screen and (max-width: 1024px) {
  #fp-nav {
    display: none;
  }
}
#fp-nav ul li {
  margin: 0.2rem 7px !important;
}
#fp-nav ul li a span {
  background: #0a318e !important;
}
#fp-nav ul li a.active span:not(.fp-sr-only)::after {
  content: '';
  border: 0.03rem solid #0a318e;
  width: 0.25rem;
  height: 0.25rem;
  position: absolute;
  left: 0;
  top: 0;
  border-radius: 100%;
  transform: translate(-0.077rem, -0.077rem);
}
#fp-nav ul li::after,
#fp-nav ul li::before {
  display: none;
  content: none;
}
#fp-nav ul li a::after {
  content: none;
}
#public-header .link-row {
  color: #1c1c1c !important;
}
#public-header .link-row .tel .icon-tel {
  display: none;
}
#public-header .link-row .tel .icon-tel-blue {
  display: block !important;
  padding-right: 0.1rem;
}
#public-header .link-row .tel .tel-num {
  color: #0a318e;
}

@media screen and (max-width: 768px) {
#nav-index_fifth_puhui #swiper-index_fifth_puhui .swiper-wrapper .swiper-slide .wrap .slide-title{    height: 20px!important;display: block !important; overflow: hidden;text-overflow: ellipsis;  white-space: nowrap;  max-width: 100%;}
.module-index_yb_third_chanpin #swiper-index_yb_third_chanpin .swiper-wrapper .swiper-slide .desc .slide-desc-item .desc-item-value{
   font-size: 0.25rem;
}
.module-index_sixth_guanyu_wohang .more-row{        width: 80% !important; flex-wrap: wrap}
.module-index_sixth_guanyu_wohang .more-row .item{ /**width: 80% !important;**/
        padding: 0.1rem 0.1rem 0.1rem 0.1rem !important;margin: 5px 0 ; width: 45% !important; }

#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-content{width:95%;        padding-top: 0.5rem; margin: 0 auto}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-content{width:95%;padding-top: 0.5rem!important; margin: 0 auto}
 #nav-geren_daikuan .module-content #swiper_geren_daikuan .swiper-wrapper .swiper-slide {width: 4.5rem !important;}
.module-index_yb_third_chanpin #swiper-index_yb_third_chanpin .swiper-wrapper .swiper-slide{width: 4.5rem !important;}
/** .nav-index_forth_cun_kuan1 #swiper-index_yb_forth_cunkuan1 .swiper-wrapper .swiper-slide{width: 4.5rem !important;}
#nav-index_forth_daikuan #swiper-index_yb_forth_daikuan .swiper-wrapper .swiper-slide{width: 4.5rem !important;}
#nav-index_forth_piaoju #swiper-index_yb_forth_piaoju .swiper-wrapper .swiper-slide{width: 4.5rem !important;} 
 
#nav-index_forth_cun_kuan #swiper-index_yb_forth_cunkuan .swiper-wrapper .swiper-slide{width: 4.5rem !important;}
#nav-index_fifth_puhui #swiper-index_fifth_puhui .swiper-wrapper .swiper-slide{width: 4.5rem !important;}**/
#nav-index_fifth_puhui #swiper-index_fifth_puhui{padding-top:0.5rem  !important;}
.module-index_sixth_guanyu_wohang .more-row .item .link{padding: 0.08rem 0.08rem !important;font-size: 0.2rem!important;}
#page-index_yb #section4 .fp-overflow-content .screen-wrap .screen-content{width:95%;  margin: 0 auto}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-title{padding-left:0.5rem;padding-top: 1rem;}
#page-index_yb #section1 .fp-overflow-content .screen-wrap{padding-bottom: 0rem;overflow:hidden}
#page-index_yb #section2 .fp-overflow-content .screen-wrap .screen-title-row .screen-title{padding-left:0.5rem;padding-top: 0.5rem;}
#page-index_yb #section3 .fp-overflow-content .screen-wrap .screen-title-row .screen-title{padding-left:0.5rem;padding-top: 1rem!important;}
#page-index_yb #section4 .fp-overflow-content .screen-wrap .screen-title{padding-left:0.5rem;padding-top: 1rem!important;}
#page-index_yb #section5 .fp-overflow-content .screen-wrap .screen-title{padding-left:0.5rem;padding-top: 1rem!important;}
/**.fp-table{width: 95%!important;
    margin: 0 auto!important;}**/
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .top .right{width: 95%!important;  padding-top: 0.5rem!important; margin: 0 auto!important;}
#page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .bottom{width: 95%; display:initial !important;
    margin: 0 auto;height:auto!important;}
  #page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .bottom .bottomleft{
   width: 100% !important; 
}
  #page-index_yb #section1 .fp-overflow-content .screen-wrap .screen-content .bottom .bottomright{
   width: 100% !important;
   padding-left: 0 !important;
}

#page-index_yb #section2 .fp-overflow-content .screen-wrap{padding-bottom: 0rem;}
#page-index_yb #section3 .fp-overflow-content .screen-wrap{padding-bottom: 0rem!important;}
#page-index_yb #section4 .fp-overflow-content .screen-wrap{padding-bottom: 0rem!important;}
#page-index_yb #section5 .fp-overflow-content .screen-wrap .screen-content{padding-left: 0.5rem;}
/**.article-content p{   height: 0vh; overflow: hidden;}**/
 
}