/*导航*/
.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;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: 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;}
.banner #newsList .newsList-img a {display:block; width:100%; height:100%;}
.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:95%;height:50px;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:50px;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:50px;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:14.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-pack: center;-ms-flex-align: center;-ms-flex-direction: column;}
.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;}
.Second-screen .Sd-main-tab{position:absolute;top:20%;left:15%;}
.Sd-main-tab .Sd-list{display:flex;align-items: flex-end;display: -ms-flexbox;-ms-flex-pack: 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:30px;font-weight:bold;}
/*理财内容栏*/
.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:220px;}
.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;width: 85px;overflow: hidden;white-space: nowrap;}
.ct-lists li p.hide{opacity: 0;transition:all 0.4s}
.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;display: -ms-flexbox;-ms-flex-pack: center;-ms-flex-align: center;background:red;border-radius:20px;background:url(/uiFramework/commonResource/image/2023103117470831372.png) no-repeat;-ms-flex-direction: column;}
.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;text-align: justify;}

/*三、四、五、六屏样式相同区域*/
.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;border-radius: 20px 20px 0 0;display: -ms-flexbox;}
.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-pack: center;-ms-flex-align: center;-ms-flex-direction: column;}
.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-nav ul li a span, .fp-slidesNav ul li a span{background:#fff !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 a.active span{background:#e12328 !important;}
#fp-nav ul li{margin:50px 7px !important;position:relative;}
#fp-nav ul li::after{    content: ''; position: absolute;width: 6px;height: 6px;border-radius: 50%;z-index: 4;left: 50%;transform: translate(-50%, 8px);background: #fff;}
#fp-nav ul li a::after{    content: ''; position: absolute;width: 6px;height: 6px;border-radius: 50%;z-index: 4;left: 50%;transform: translate(-50%, 50px);background: #fff;}
#fp-nav ul li::before{    content: ''; position: absolute;width: 6px;height: 6px;border-radius: 50%;z-index: 4;left: 50%;transform: translate(-50%, 35px);background: #fff;}
#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:450px;}

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;}
}
/*手机*/
@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:400px;}
.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%;}
.Third-screen .Third-main img,.Fourth-screen .Fourth-main img,.Second-screen .Second_main img,.Fifth-screen .Fifth-main img,.Sixth-screen .Sixth-main img{opacity:1 !important;}

/*第二屏*/
.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;-ms-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;}
}
@media only screen and (max-width: 999px) {
.Second-screen .Second-cont.sd_show {width: 100%;}
.Second-cont .ct-lists {overflow-y: hidden;}
}