* { margin: 0px; padding: 0px; list-style-type: none;}
.clearfix{display:block;clear:both;float:none;}
body{ background-color: #f3f3f3;}

.p1-con { overflow: hidden;}
.sitehead1 { width: 100%; position: absolute; left: 0; top: 0; z-index: 99; display: flex; flex-direction: column;}
.sitehead1{
padding-bottom: 50px;
background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%);}
.sitehead1 .sitehead-menu { display: flex; justify-content: center; align-items: center; align-self: flex-end; margin: 16px 85px auto auto;}
.sitehead1 .sitehead-menu ul { overflow: hidden;}
.sitehead1 .sitehead-menu ul li { float: left; font-size: 14px; color: #ffffff; line-height: 30px; margin: 0px 11px;}
.sitehead1 .sitehead-menu ul li a { font-size: 16px; color: #ffffff;}
.sitehead-menu .search { width: 200px; height: 30px; overflow: hidden; background-color: #fff; margin-left: 11px;}
.sitehead-menu .search input { height: 30px; vertical-align: middle; border: none; outline: none;}
.search .input-sty1 { width: 170px; font-size: 14px; color: #002248; line-height: 30px; text-indent: 5px;}
.search .input-sty2 { width: 30px; background-image: url("search-icon1.png"); background-repeat: no-repeat; background-position: center 7px; cursor: pointer;}
.sitehead1 .sitelogo { align-self: center; margin-top: 5px; z-index: 9;}
.sitehead1 .sitenav { align-self: center; position: relative; margin-top: -45px;width:90%;}
.sitehead1 .sitenav>ul { overflow: hidden; text-align: center;display:flex;}
.sitehead1 .sitenav>ul>li { display: inline-block; font-size: 18px; font-weight: bold; line-height: 30px; margin: 0px;flex:0 0 10%;}
.sitehead1 .sitenav>ul>li:nth-child(5) {flex:0 0 20%;}
.sitehead1 .sitenav>ul>li>a { color: #ffffff;}
.sitenav .sub{ display:none; top:34px; position:absolute; background:rgba(0,0,0,0.4);  line-height:26px; padding:5px 0; z-index: 999;}
.sitenav .sub li{ zoom:1; font-size: 16px !important; color: #ffffff; font-weight: normal !important; line-height: 40px;}
.sitenav .sub a{ display:block; padding:0 10px; }
.sitenav .sub a:hover{ background:#6d6d6d; color:#fff;}
.sitenav .on h3 a{ background:#4E4E4E; color:#fff;}
#nav3 { overflow: visible !important;}
#nav3 .sub2{ display:none; width:680px; top:0px; margin-left: 150px; position:absolute; background:rgba(0,0,0,0.6);  line-height:26px; padding:0; z-index: 999999;overscroll-behavior: contain;min-height:100%;}
#nav3 .sub2 li{ zoom:1; font-size: 14px !important; color: #ffffff; font-weight: normal !important; line-height: 30px; width: 50%; float: left;}
#nav3 .sub2 a{ display:block; padding:8px 10px;text-align:left;font-size:16px;line-height:23px;}
#nav3 .sub2 a:hover{ background:#000; color:#fff;}
#nav4 { overflow: visible !important;}
#nav4 .sub2{ display:none; width:600px; top:0px; margin-left: 100px; position:absolute; background:rgba(0,0,0,0.6);  line-height:26px; padding:5px 0; z-index: 999999;overscroll-behavior: contain;}
#nav4 .sub2 li{ zoom:1; font-size: 14px !important; color: #ffffff; font-weight: normal !important; line-height: 30px; width: 50%; float: left;}
#nav4 .sub2 a{ display:block; padding:0 10px; }
#nav4 .sub2 a:hover{ background:#000; color:#fff;}
.p1bj1 { /*background-image: url("../images/p1bj3.jpg");*/background-repeat: no-repeat; background-size: 100% 100%;}
.p1bj2 { /*background-image: url("../images/p1bj2.jpg");*/background-repeat: no-repeat; background-size: 100% 100%;}
.p1bj3 { /*background-image: url("../images/p1bj4.jpg");*/background-repeat: no-repeat; background-size: 100% 100%;}

 .section { height: 100vh; align-items: center; position: relative; }
 #section1 {}
 #section2 { background: #f3f3f3; height: auto;/*min-height: 701vh;*/}
 .scroll-hint { position: absolute; bottom: 30px; left: 50%; transform: translateX(-50%); font-size: 1rem; animation: bounce 2s infinite; color: #ffffff; border: #ffffff solid 1px; width: 30px; height: 50px; border-radius: 40px; text-align: center;opacity: 0.5; }
@keyframes bounce {
	0%, 20%, 50%, 80%, 100% {transform: translateY(0) translateX(-50%);}
	40% {transform: translateY(-20px) translateX(-50%);}
	60% {transform: translateY(-10px) translateX(-50%);}
}

.site-navdiv { width:100%; height:138px; position: sticky; top: 0; z-index: 9999;}
.sitehead2 { width: 100%; height: 94px; background-color: #002248; z-index: 99; display: flex; flex-direction: column;}
.sitehead2 .sitehead-menu { display: flex; justify-content: center; align-items: center; align-self: flex-end; margin: 16px 85px auto auto;}
.sitehead2 .sitehead-menu ul { overflow: hidden;}
.sitehead2 .sitehead-menu ul li { float: left; font-size: 14px; color: #ffffff; line-height: 22px; margin: 0px 11px;}
.sitehead2 .sitehead-menu ul li a { font-size: 14px; color: #ffffff;}
.sitehead2 .sitelogo { align-self: center; margin-top: 28px; position: absolute; z-index: 9;}
.sitehead2 .sitenav { align-self: center; position: relative; margin-top: -45px;width:90%;}
.sitehead2 .sitenav>ul { overflow: hidden; text-align: center;display:flex;}
.sitehead2 .sitenav>ul>li { display: inline-block; font-size: 18px; line-height: 30px; margin: 0;flex:0 0 10%;}
.sitehead2 .sitenav>ul>li>a { color: #ffffff;}
.logoPos {flex:0 0 20% !important;}
.sitehead2 .sitehead-menu .search { width: 142px; height: 22px; overflow: hidden; background-color: #002248; margin-left: 11px; border: #ffffff solid 1px; border-radius: 22px; box-sizing: border-box;}
.sitehead2 .sitehead-menu .search form { height: 20px;}
.sitehead2 .sitehead-menu .search input { height: 20px; vertical-align: top; border: none; outline: none;}
.sitehead2 .search .input-sty1 { width: 115px; font-size: 13px; color: #ffffff; line-height: 20px; text-indent: 10px; background: none;}
.sitehead2 .search .input-sty2 { width: 20px; background-image: url("search-icon2.png"); background-repeat: no-repeat; background-position: center 2px; cursor: pointer;}
.marquee-box { overflow: hidden; width: 100%; position: absolute; left: 0; top: 0; margin-top: 0px;}
.marquee { width: 8000%; height: 30px;}
.wave-list-box { float: left;}
.wave-list-box ul { float: left; height: 30px; overflow: hidden; zoom: 1;}
.wave-list-box ul li { height: 30px; width: 100%; float: left; line-height: 30px; list-style: none}
.wave-box { position: relative; height: 30px; background-image: url("wavebox-bj1.png"); background-repeat: no-repeat; background-position: center top;}

.p2-con { width:100%; height:auto; margin-top:20px; display:flex; position:relative; z-index:999; padding-bottom: 100px; flex-direction: column; align-items: center;}
.p2bt-div { width: 184px; height: 51px; background-image: url("lmbt-bj1.png");}
.p2bt-div span { display: block; width: 100%; font-size: 30px; color: #002147; text-align: center; position: relative; margin-top: -15px;}
.p2con-div1 { width: 1200px; height: 440px; margin-top: 10px;}
.p2con-div1 ul {}
.p2con-div1 ul li { float: left; overflow: hidden; transition: transform 0.5s ease;}
.p2con-div1 ul li:hover { -webkit-transform: scale(1.01); transform: scale(1.01);}
.p2con-div1 ul li:nth-child(2),.p2con-div1 ul li.pic2 { width: 395px; height: 210px; margin-left: 20px;position:relative;}
.p2con-div1 ul li:nth-child(3),.p2con-div1 ul li.pic3 { width: 395px; height: 210px; margin-left: 20px; margin-top: 20px;position:relative;}
.p2con-div1 ul li.pic1 p {
    position: relative;
    bottom: 0;
    font-size: 20px;
    height: 50px;
    line-height: 50px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7);
    text-indent: 10px;
    width: 100%;
    margin-top: -50px;
}
.p2con-div1 ul li:nth-child(1),.p2con-div1 ul li.pic1 { width: 785px; height: 440px;position:relative;}
.p2con-div1 ul li.pic2 p,.p2con-div1 ul li.pic3 p{position: absolute;bottom: 0;font-size: 16px;height: 50px;line-height: 50px;color: #fff;background-color: rgba(0, 0, 0, .5);text-indent: 10px;width: 100%;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}
.p2con-div1 ul li img { transition: transform 0.5s ease;}
.p2con-div1 ul li:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.p2con-div2 { width: 1300px; overflow: hidden;}
.p2news-tab { width: 100%; overflow: hidden; margin: 24px 0px 20px 0px;}
.p2news-tab ul { overflow: hidden; text-align: center;}
.p2news-tab ul li { display: inline-block; font-size: 20px; color: #686d79; margin: 0px 20px; cursor: pointer;}
.p2news-tab ul li.now { font-size: 24px; color: #002147; font-weight: bold;}
.p2news-con { width: 100%; overflow: hidden; display: none;}
.p2news-con ul { overflow: hidden; padding: 0px; margin: 0px -10px;}
.p2news-con ul li { width: 50%; float: left; box-sizing: border-box; padding: 0px 10px;}
.p2news-con ul li div { background: rgba(255,255,255,0.6); overflow: hidden; padding: 14px 30px 14px 30px; display: flex; flex-direction: row; align-items: center;}
.p2news-con ul li div span { display: block;flex-shrink: 0; float: left; width: 63px; height: 57px;font-weight:bold; background-color: #002147; text-align: center; font-size: 28px; color: #ffffff; line-height: 38px; margin-right: 11px;border-radius: 5px;}
.p2news-con ul li div span p { width: 100%; height: 19px; background-color: #e1e1e1; font-size: 16px; color: #24384f; line-height: 19px;}
.p2news-con ul li div a { font-size: 17px; color: #353c47; line-height: 1.471;}
.gfwxewm { width: 100%; padding: 15px 0px; overflow: hidden; display: flex; flex-direction: row; justify-content: space-evenly;}
.gfwxewm a { display: block; text-align: center;}
.gfwxewm a img { display: block; width: 112px; height: 112px; margin: 0px auto 5px auto;}
.gfwxewm a p { font-size: 15px; color: #002147;}


.p3-con { width:100%; height:auto; background-color: #ffffff;}
.p3videobj .vidbacking-active-body-back { z-index: 0 !important; margin-top:-285px;}
.p1-con .vidbacking-active-body-back { z-index: 0 !important; width: 100vw;height: 100vh;object-fit: cover;object-position: center;}
.p6videobj .vidbacking-active-body-back { z-index: 0 !important;}
.footvideobj .vidbacking-active-body-back { z-index: 0 !important;}
.videomask { width: 100%; height: 691px; position: absolute; z-index: 9; background: rgba(0, 33, 71, 0.6); bottom: 0;}
.p3-div1 { position:relative; margin-top:-253px; width: 100%; height: 400px; display: flex; flex-direction: column;}
.p3-btdiv { align-self: center; width: 346px; height: 51px; background-image: url("lmbt-bj2.png"); margin-bottom: 39px;}
.p3-btdiv ul { display: flex; width: 100%; position: relative; margin-top: -15px; flex-direction: row; align-items: center; justify-content: space-around;}
.p3-btdiv ul li { float: left; font-size: 30px; color: #ffffff; cursor: pointer;}
.p3-btdiv ul li.now { font-size: 36px;}
.qhdn { display: none;}
.p3-newsdiv { align-self: flex-start; width: 1610px; height: 310px; display: flex; align-items: flex-end;}
.p3-newslist { flex: 1; height: 210px; background-color: #ffffff; padding: 10px 0px;box-sizing: border-box;overflow:hidden;}
.p3-newslist ul { padding: 0px; margin: 0px;}
.p3-newslist ul li { width: 33.33%; height: 180px; float: left; box-sizing: border-box; padding: 35px 40px 35px 20px; display: flex; flex-direction: column;background-image:url('xsts_bg.png');background-repeat:no-repeat;background-position:right bottom;}
.p3-newslist ul li h1 { color: #353c47; font-size: 23px; line-height: 1.636;}
.p3-newslist ul li p { color: #353c47; font-size: 16px; line-height: 1.636;}
.p3-newslist ul li a { display: block; width: 85px; height: 30px; border: #ffffff solid 1px; border-radius: 30px; font-size: 14px; line-height: 30px; text-align: center; color: #000f28; margin-top: auto;}
.p3-newslist ul li a:hover { color: #ffffff;}
.p3-newslist ul li:hover { background-color: #002147;background-image:url('xsts_bg_hover.png');background-repeat:no-repeat;}
.p3-newslist ul li:hover h1,.p3-newslist ul li:hover p,.p3-newslist ul li:hover a { color: #ffffff;}
.p3-newsbnt { width: 140px; height: 117px; background-color: #ffffff;}


.p4-con { width:100%; overflow:hidden; background-image:url(p4-bj1.jpg); background-repeat:no-repeat; background-position:center 130px; background-color: #ffffff; display: flex; flex-direction: column; align-items: center;}
.p4-bt { width: 628px; height: 51px; background-image: url("lmbt-bj3.png"); margin: 46px 0px 175px 0px;background-repeat:no-repeat;}
.p4-bt span { display: block; width: 100%; font-size: 40px; color: #002147; text-align: center; position: relative; margin-top: -25px;}
.p4-div { width: 1500px; overflow: hidden; margin-bottom: 390px;}
.p4-ldiv { width: 565px; height: 435px; float: left;}
.p4-ldiv img { transition: transform 0.5s ease;width:100%;height:100%;}
.p4-ldiv:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
/*视频播放标识
.p4-ldiv-icon a::after{content: "";position: absolute;top: 15px;right: 15px;width: 60px;height: 60px;background-size: contain;background-repeat: no-repeat;z-index: 10;background-image:url('icon-play.png');}
.p4-rdiv>div, .p4-rdiv ul li,.p4-ldiv{position: relative;}
*/
.p4-rdiv { width: 915px; height: 435px; float: left; margin-left: 20px;}
.p4-rdiv ul { display: block; float: left; width: 450px; height: 245px; margin: 0px -10px;}
.p4-rdiv ul li { width: 50%; float: left; box-sizing: border-box; padding: 0px 10px;}
.p4-rdiv ul li:nth-child(1),.p4-rdiv ul li:nth-child(2) { margin-bottom: 15px;}
.p4-rdiv ul li a { display: block; width: 100%; height: 115px;}
.p4-rdiv ul li a img { transition: transform 0.5s ease;width:100%;height:100%;}
.p4-rdiv ul li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.p4-rdiv div { float: left;}
.p4-rdiv div:nth-child(2) { width: 465px; height: 245px; margin-left: 20px; background-color: #FFF;}
.p4-rdiv div:nth-child(3) { width: 565px; height: 175px; margin-left: 0px; margin-top: 15px; background-color: #FFF;}
.p4-rdiv div:nth-child(4) { width: 330px; height: 175px; margin-left: 20px; margin-top: 15px; background-color: #FFF;}
.p4-rdiv div img { transition: transform 0.5s ease;width:100%;height:100%;}
.p4-rdiv div:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}


.p5-con { width:100%; overflow:hidden; padding:20px 0px 0px 0px; background-color: #fff; display:flex; flex-direction: column; align-items: center;}
.p5-bt { width:734px; height: 51px; background-image: url("lmbt-bj4.png"); margin: 0px 0px 39px 0px;background-repeat:no-repeat;}
.p5-bt span { display: block; width: 100%; font-size: 40px; color: #002147; text-align: center; position: relative; margin-top: -25px;}
.p5-div { width: 1500px; height: 600px; overflow: hidden; display: none;}
.p5-ldiv { width: 1105px; height: 600px; float: left;}
.p5-ldiv ul { padding: 0px; margin: 0px; overflow: hidden;}
.p5-ldiv ul li { float: left; overflow: hidden;}
.p5-ldiv ul li:nth-child(1){ width: 375px; height: 600px;}
.p5-ldiv ul li:nth-child(2){ width: 710px; height: 335px; margin-left: 20px;}
.p5-ldiv ul li:nth-child(3){ width: 345px; height: 245px; margin-top: 20px; margin-left: 20px;}
.p5-ldiv ul li:nth-child(4){ width: 345px; height: 245px; margin-top: 20px; margin-left: 20px;}
.p5-ldiv ul li a img { display: block; transition: transform 0.5s ease;width:100%;height:100%;}
.p5-ldiv ul li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.p5-ldiv ul li a span { display: block; width: 100%; height: 80px; position: relative; margin-top: -80px; /*font-size: 20px;*/font-size:17px; color: #ffffff; line-height: 80px; text-indent: 20px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.p5-rdiv { width: 375px; height: 675px; float: left; margin-left: 20px;}
.p5-rdiv ul { padding: 0px; margin: 0px; overflow: hidden;}
.p5-rdiv ul li { width: 100%; float: left; background-color: #ff0000;overflow:hidden;}
.p5-rdiv ul li:nth-child(1) { height: 250px;}
.p5-rdiv ul li:nth-child(2) { height: 330px; margin-top: 20px}
.p5-rdiv ul li a img { display: block; transition: transform 0.5s ease;width:100%;height:100%;}
.p5-rdiv ul li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.p5-rdiv ul li a span { display: block; width: 100%; height: 80px; position: relative; margin-top: -80px; font-size: 17px; color: #ffffff; line-height: 80px; text-indent: 20px; background: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7));}
.p5-btdiv { width: 100%; overflow: hidden; margin: 20px 0px 72px 0px;}
.p5-btdiv ul { overflow: hidden; text-align: center;}
.p5-btdiv ul li { display: inline-block; font-size: 20px; color: #b0bcc8; font-weight: bold; padding: 0px 13px; line-height: 44px; margin: 0px 21px; cursor: pointer;}
.p5-btdiv ul li.now { font-size: 22px; color: #11416a; border-bottom: #11416a solid 3px;}


.p6-con { width:100%; height:auto; display:flex; align-items: flex-end; justify-content: flex-start;}
.p6div1 { position: absolute; width: 100%; height: 660px; display: flex; flex-direction: column; justify-content: flex-end;}
.p6-btdiv { align-self: center; width: 854px; height: 51px; background-image: url("lmbt-bj5.png"); margin-bottom: 39px;background-repeat:no-repeat;}
.p6-btdiv span { display: block; width: 100%; font-size: 40px; color: #002147; text-align: center; position: relative; margin-top: -25px;}
.p6-condiv { align-self: flex-start; width: 1350px; height: 485px; }

.p7-con { width:100%; overflow:hidden; background-image: url(" "); background-repeat: no-repeat; background-position: center top; background-color:#f1f5ff; display: flex; flex-direction: column; align-items: center;}
.p7-btdiv { width: 516px; height: 51px; background-image: url("lmbt-bj6.png"); margin-top: 125px;background-repeat:no-repeat;}
.p7-btdiv span { display: block; width: 100%; font-size: 40px; color: #002147; text-align: center; position: relative; margin-top: -25px;}
.p7-fbtdiv { font-size: 40px; color: #214878; font-weight: bold; text-align: center; margin-top: 10px; margin-bottom: 0px;}
.p7-div1 { width: 100%; overflow: hidden; display: flex; flex-direction: row; justify-content: center;}
.p7-div1>div { width: 194px; height: 194px;  margin: 5px 13px; display: flex; text-align: center; flex-direction: column; justify-content: flex-end;}
.p7-div1>div h1 { font-size: 45px; color: #214878; font-weight: bold; line-height: 50px;}
.p7-div1>div span { font-size: 16px; color: #193759; line-height: 20px;}
.p7-div1>div p { font-size: 16px; color: #193759; line-height: 20px; margin-bottom: 33px;}

.ztzl-div { width: 100%; overflow: hidden; display: flex; background-color: #f1f5ff; flex-direction: column; align-items: center;}
.ztzl-btdiv { width: 299px; height: 51px; background-image: url("lmbt-bj7.png"); margin-top: 55px;background-repeat:no-repeat;}
.ztzl-btdiv span { display: block; width: 100%; font-size: 40px; color: #002147; text-align: center; position: relative; margin-top: -25px;}
.ztzl-condiv { width: 1245px; height: 183px; margin: 15px auto 70px auto;}

.foot-link { width: 100%; overflow: hidden; display: flex; flex-direction: column; align-items: center; position: absolute; margin-bottom: 365px;}
.foot-link ul { margin: 0px 0px 50px 0px; padding: 0px; overflow: hidden; text-align: center;}
.foot-link ul li { display: inline-block; margin: 0px 40px;}
.foot-link ul li a {}
.foot-link ul li a span { display: block; width: 70px; height: 70px; border-radius: 70px; border: 2px solid rgba(255, 255, 255, 0.39); background-repeat: no-repeat; background-position: center top; margin-bottom: 10px;}
.foot-link ul li:nth-child(2) a span { background-image: url("flink-icon1.png");}
.foot-link ul li:nth-child(3) a span { background-image: url("flink-icon2.png");}
.foot-link ul li:nth-child(4) a span { background-image: url("flink-icon3.png");}
.foot-link ul li:nth-child(4){display:none;}
.foot-link ul li:nth-child(5) a span { background-image: url("flink-icon4.png");}
.foot-link ul li:nth-child(6) a span { background-image: url("flink-icon5.png");}
.foot-link ul li:nth-child(7) a span { background-image: url("flink-icon6.png");}
.foot-link ul li:nth-child(8) a span { background-image: url("flink-icon7.png");}
.foot-link ul li:nth-child(9) a span { background-image: url("flink-icon8.png");}
.foot-link ul li a p { font-size: 16px; color: #ffffff;}

.site-foot { width: 100%; height: auto; background-color: #002147; background-repeat:no-repeat; background-position:center bottom; z-index: 999; display: flex; flex-direction: column; justify-content: flex-end; align-items: center;}
.foot-div1 { display: flex; flex-direction: row; justify-content: space-between; z-index: 9; position: absolute; width: 100%; margin-bottom: 74px;}
.foot-con1 { margin: auto auto 44px 80px;}
.foot-con1 img { display: block; float: left; width: 229px; height: 60px; margin-right: 45px;}
.foot-con1 ul { overflow: hidden; border-left: #38526f solid 1px; padding-left: 20px;}
.foot-con1 ul li { font-size: 14px; color: #ffffff; line-height: 26px; text-align: left;}
.foot-con2 { margin: auto 80px 50px auto;}
.foot-con2 ul {}
.foot-con2 ul li { float: left; margin-left: 50px;}
.foot-con2 ul li a { display: block; width: 60px; height: 60px; border-radius: 60px;  background-repeat: no-repeat; background-position: center top; background-size: 100%;}
.foot-con2 ul li:nth-child(1) a { background-image: url("../images/foot-icon2.png"); background-color: #2b9c36;}
.foot-con2 ul li:nth-child(2) a { background-image: url("../images/foot-icon6.png"); background-color: #ff9215;}
.foot-con2 ul li:nth-child(4) a { background-image: url("../images/foot-icon3.png"); background-color: #f1be44;}
.foot-con2 ul li:nth-child(3) a { background-image: url("../images/foot-icon4.png"); background-color: #000000;}
.foot-con2 ul li:nth-child(5) a { background-image: url("../images/foot-icon5.png"); background-color: #ff2442;}
.foot-con2 ul li:nth-child(1) a:hover { background-color: #2b9c36;}
.foot-con2 ul li:nth-child(2) a:hover { background-color: #ff9215;}
.foot-con2 ul li:nth-child(4) a:hover { background-color: #f1be44;}
.foot-con2 ul li:nth-child(3) a:hover { background-color: #000000;}
.foot-con2 ul li:nth-child(5) a:hover { background-color: #ff2442;}
.foot-con2 ul li a img { display: none; position: absolute; width: 104px; height: 130px; margin: -140px auto auto -22px;border-radius:5px;}
.foot-con2 ul li a:hover img { display: block;}
.foot-div2 { display: flex; flex-direction: row; justify-content: space-between; height: 74px; border-top: #38526f solid 1px; z-index: 9; position: absolute; width: 91.66%;}
.siteinfo { font-size: 14px; color: #d7d7d7; line-height: 74px;}
.siteinfo img { display: block; float: right; width: 24px; height: 30px; margin: 22px auto auto 15px;}
.gotop { font-size: 14px; color: #d7d7d7; line-height: 74px;}
.gotop a { color: #d7d7d7; text-decoration: none;}
.p2videobj .vidbacking-active-body-back { z-index: 0 !important;}
#section1 {scroll-snap-type: y mandatory;
			scrollbar-width: none;
            -ms-overflow-style: none;}
.slider-container {
	scroll-snap-type: x mandatory;
	scrollbar-width: none;
	-ms-overflow-style: none;
}
.slide {
	scroll-snap-align: start;
}
.slide-transition {
	transition: transform 0.5s ease-in-out;
}
#fullscreen-overlay {
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-color: #ffffff;
	background-image: url("p1-bj1.png");
	background-repeat: no-repeat;
	background-position: center 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	color: white;
	font-size: 2rem;
	text-align: center;
	z-index: 99999;
	animation: fadeOut 5s forwards;
}

@keyframes fadeOut {
	0% { 
		opacity: 1;
		transform: scale(1);
	}
	70% {
		opacity: 1;
		transform: scale(1.02);
	}
	100% { 
		opacity: 0;
		transform: scale(0.95);
		visibility: hidden;
	}
}

.animation-container {
            position: relative;
            width: 319px;
            height: 84px;
        }
        
        #original-img {
            position: absolute;
            top: 0;
            left: 0;
            width: 319px;
            height: 84px;
            object-fit: cover;
            transition: opacity 0.3s ease;
            border-radius: 4px;
        }
        
        .grid-container {
            display: grid;
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            opacity: 0;
            gap: 5px;
        }
        
        .grid-item {
            background-size: 320px 84px;
            opacity: 0.9;
            transition: transform 0.8s cubic-bezier(0.175, 0.885, 0.32, 1.275), 
                        opacity 0.8s ease,
                        filter 0.8s ease;
/*            box-shadow: 0 0 5px rgba(0, 200, 255, 0.3);*/
            border-radius: 2px;
        }
        
        @keyframes float {
            0% { transform: translate(0, 0) rotate(0deg); }
            25% { transform: translate(20px, 15px) rotate(90deg); }
            50% { transform: translate(0, 30px) rotate(180deg); }
            75% { transform: translate(-20px, 15px) rotate(270deg); }
            100% { transform: translate(0, 0) rotate(360deg); }
        }
        
        /* 动画完成后的光效 */
        .final-light {
            position: absolute;
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background: radial-gradient(circle, rgba(0, 200, 255, 0.8), transparent 70%);
            filter: blur(30px);
            opacity: 0;
            transition: opacity 1.5s ease;
        }
.block1 { display: block;}

.xinxi_solution_main ul { overflow: hidden; height: 485px; padding: 0px; margin: 0px;}
.xinxi_solution_main .main_mobile { max-width: 1350px; min-width: 1350px; }
.xinxi_solution_main ul li { background: url('../images/hzjl-img1.jpg') no-repeat; width: 103px; height: 485px; float: left; position: relative; overflow: hidden; transition: all 0.5s; border-right: #ffffff solid 1px;}
.xinxi_solution_main ul li:nth-child(2) { background: url('../images/hzjl-img2.jpg') no-repeat; }
.xinxi_solution_main ul li:nth-child(3) { background: url('../images/hzjl-img3.jpg') no-repeat; }
.xinxi_solution_main ul li:nth-child(4) { background: url('../images/hzjl-img4.jpg') no-repeat; }
.xinxi_solution_main ul li:nth-child(5) { background: url('../images/hzjl-img5.jpg') no-repeat; }
.xinxi_solution_main ul li .left_top { position: absolute; left: 0; width: 30px; padding: 0; text-align: center; font-size: 26px; color: #FFF; line-height: 30px; margin-left: 36px;}
.xinxi_solution_main ul li .left_top img { width: 30px; margin-bottom: 15px}
.xinxi_solution_main ul li i { font-size: 26px; font-style: normal; font-weight: 100;}
.xinxi_solution_main ul li .left { float: left; width: 103px; height: 485px; background-color: #223f60; display: flex; flex-direction: column; align-items: center; justify-content: flex-end;}
.xinxi_solution_main ul li .left span { display: block; width: 37px; height: 37px; margin-bottom: 80px; transition: transform 0.5s ease; background-image: url("hzjl-icon0.png");}
.xinxi_solution_main ul li:nth-child(2) .left { background-color: #325494;}
.xinxi_solution_main ul li:nth-child(3) .left { background-color: #227cc0;}
.xinxi_solution_main ul li:nth-child(4) .left { background-color: #22aeb7;}
.xinxi_solution_main ul li:nth-child(5) .left { background-color: #45bea6;}
.xinxi_solution_main ul li .right {float: left; width: 825px; height: 485px; position: relative; box-sizing: border-box; padding-left: 35px; padding-bottom: 40px; padding-right: 200px; display: flex; flex-direction: column; justify-content: flex-end;display:none; }
.xinxi_solution_main ul li .right span { font-size: 24px; color: #ffffff;}
.xinxi_solution_main ul li .right p { font-size: 16px; color: #ffffff; line-height: 1.525; border-top: rgba(255,255,255,0.5) solid 1px; padding-top: 10px;}
.xinxi_solution_main ul li.on { width: 933px; }
.xinxi_solution_main ul li.on .left span { transform: rotate(-90deg);}
.xinxi_solution_main ul li.on .left { opacity: 0.8;}

.slideTxtBox,.slideTxtBox2 { width:1610px; height: 280px;}
.slideTxtBox .hd,.slideTxtBox2 .hd { position:relative;}
.slideTxtBox .hd ul,.slideTxtBox2 .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:10px; display: none;}
.slideTxtBox .hd ul li,.slideTxtBox2 .hd ul li{ float:left; padding:0 15px; cursor:pointer; width: 10px; height: 10px; background-color: #ff0000; border-radius: 10px; margin: 10px;}
.slideTxtBox .hd ul li.on,.slideTxtBox2 .hd ul li.on{ background:#000fff; }
.slideTxtBox .bd ul,.slideTxtBox2 .bd ul { zoom:1;}
.slideTxtBox .arrow,.slideTxtBox2 .arrow{  position:absolute; right:0; top:0; width: 140px; height: 117px; background-image: url("arrow-bj0.png"); background-repeat: no-repeat; background-position: center; display: flex; flex-direction: row-reverse; justify-content: space-evenly; align-items: center;}
.slideTxtBox .arrow a,.slideTxtBox2 .arrow a{ display:block; width:24px; height:46px; float:right; overflow:hidden; cursor:pointer; background-repeat: no-repeat;}
.slideTxtBox .arrow .next,.slideTxtBox2 .arrow .next{ background-image: url("arrow-bj2.png");}
.slideTxtBox .arrow .prev,.slideTxtBox2 .arrow .prev{ background-image: url("arrow-bj1.png"); }

.slideTxtBox3 { width:1500px; height: auto;}
.slideTxtBox3 .bd { width:1500px; height: 435px;}
.slideTxtBox3 .hd{ position:relative; width: 100%; height: 40px;}
.slideTxtBox3 .hd ul{ overflow: hidden; text-align: center;}
.slideTxtBox3 .hd ul li{ display: inline-block; padding:0; cursor:pointer; width: 10px; height: 10px; background-color: #7296bf; border-radius: 10px; margin: 15px 5px;}
.slideTxtBox3 .hd ul li.on{ background:#ffffff; }

/*---------------专题-------------------*/
.bannerPc{ text-align:center;}
.bannerPc ul,.bannerPc li{ margin:0; padding:0; list-style:none;}
.bannerPc li a { display:block; width: 50%; float: left; box-sizing: border-box; padding: 0px 10px;}
.bannerPc li a img{ display: block; width: 100%; vertical-align:middle;}
.swiper-slide.swiper-slide-prev,.banner-swiper1 .swiper-slide.swiper-slide-next{ opacity:0.5;}
.banner-swiper .swiper-pagination-bullets{ bottom:20px !important;}
.banner-swiper .swiper-pagination-bullet{ width:1em; height:2px; background:#fff; opacity:0.5; box-sizing:border-box; border-radius:0; -webkit-border-radius:0; vertical-align:middle;}
.banner-swiper .swiper-pagination-bullet-active{width:1em; height:1em; border:2px solid #fff; background:none; opacity:1;border-radius:50%; -webkit-border-radius:50%;}
.swiper-container-cube .swiper-cube-shadow{ display:none;}
.banner-swiper .swiper-button-prev,.banner-swiper .swiper-button-next{width:40px; height:60px; top:50%; margin-top:-30px; background:url(slide_bPc.png) no-repeat; visibility:hidden;}
.banner-swiper:hover .swiper-button-prev,.banner-swiper:hover .swiper-button-next{ visibility:visible;}
.banner-swiper .swiper-button-prev{ left:50px; background-position:0 0;}
.banner-swiper .swiper-button-next{ right:50px; background-position:-40px 0;}
.banner-swiper2  .swiper-slide {width: 65%;box-shadow: 0 8px 30px rgba(255,255,255,0.2);}

/**补充**/
.moreinfo {
    font-size: 14px;
    width: 80px;
    text-align: center;
    background-color: #bbbfc4;
    padding: 2px 0;
    color: #fff;
    margin: 0 auto;
    margin-top: 15px;
}
.moreinfo:hover{
    background-color: #002147;
}
.p2bt-div-link {
    position: absolute;
    right:0;
    background: #002248;
    color: #fff;
    border-radius: 18px;
    padding: 3px 12px;
}
.p2bt-div-row{display:flex;width:1300px;justify-content:center;position:relative;}
.bottom-8{bottom:0.5rem !important;}
/**20250909**/
.hzjl-mob { display: none;}
div.burger { height: 50px; width: 40px; position: fixed; top: 11px; left: 21px; cursor: pointer; z-index: 999; display: none;}
div.x,div.y,div.z { position: absolute; margin: auto; top: 0px; bottom: 0px; background: #fff;
	border-radius:2px;
	-webkit-transition: all 200ms ease-out;
	   -moz-transition: all 200ms ease-out;
		-ms-transition: all 200ms ease-out;
		 -o-transition: all 200ms ease-out;
			transition: all 200ms ease-out;
}		
div.x, div.y, div.z { height: 3px; width: 26px;box-shadow: 0px 0px 8px #5a93e3; }
div.y{top: 18px;}
div.z{top: 37px;}
div.collapse{
	top: 20px;
	visibility: inherit;
	background:#ffffff;
	-webkit-transition: all 70ms ease-out;
	   -moz-transition: all 70ms ease-out;
		-ms-transition: all 70ms ease-out;
		 -o-transition: all 70ms ease-out;
			transition: all 70ms ease-out;
}
div.rotate30{
	-ms-transform: rotate(30deg); 
	-webkit-transform: rotate(30deg); 
	transform: rotate(30deg);	
	-webkit-transition: all 50ms ease-out;
	   -moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		 -o-transition: all 50ms ease-out;
			transition: all 50ms ease-out;					
}
div.rotate150{
	-ms-transform: rotate(150deg); 
	-webkit-transform: rotate(150deg); 
	transform: rotate(150deg);	
	-webkit-transition: all 50ms ease-out;
	   -moz-transition: all 50ms ease-out;
		-ms-transition: all 50ms ease-out;
		 -o-transition: all 50ms ease-out;
			transition: all 50ms ease-out;					
}
div.rotate45{
	-ms-transform: rotate(45deg); 
	-webkit-transform: rotate(45deg); 
	transform: rotate(45deg);	
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;					
}
div.rotate135{
	-ms-transform: rotate(135deg); 
	-webkit-transform: rotate(135deg); 
	transform: rotate(135deg);	
	-webkit-transition: all 100ms ease-out;
	   -moz-transition: all 100ms ease-out;
		-ms-transition: all 100ms ease-out;
		 -o-transition: all 100ms ease-out;
			transition: all 100ms ease-out;					
}
div.navbar{height:73px;background:#385e97;}
div.circle{	
	border-radius: 50%;
	width: 0px;
	height: 0px; 
	position:fixed;
	top: 43px;
    left: 32px;
	background:rgba(0,33,71,0.8);
	opacity:1;
	z-index: 99999;
	-webkit-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 300ms cubic-bezier(0.000, 0.995, 0.990, 1.000);	
}
div.circle.expand{
	width:1400px;
	height:1400px;
	top: -560px;
	left: -565px; 	
	-webkit-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 400ms cubic-bezier(0.000, 0.995, 0.990, 1.000);					
	
}
div.menu {
	width: 100%;
    height: auto;
    position: fixed;
    top: 30px;
    left: 0px;
	z-index: -9;
}
div.menu ul li {
	list-style: none;
	position: initial;
	top:50px;;
	left:0;
	opacity:0;
	width:100%;
	margin-top: 5px;
	text-align:left;
	font-size:0px;
	-webkit-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 70ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu ul li>a {
	font-size:20px;
	color:#ffffff;
	text-transform:uppercase;
	text-decoration:none;	
	letter-spacing:0px;
	border-bottom: #034897 solid 3px;
	padding: 0px 10px 6px 10px;
	font-weight: bold;    margin-left: 20px;
}
div.menu li.animate{
	opacity:1;
	-webkit-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	   -moz-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	    -ms-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	     -o-transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
	        transition: all 150ms cubic-bezier(0.000, 0.995, 0.990, 1.000);
}
div.menu li p { border-top: #84a0bf solid 1px; margin: 5px 20px 0px 20px; padding-top: 5px; line-height: 19px; text-align: left;}
div.menu li p a { font-size: 15px; color: #ffffff; text-decoration: none; margin: 0px 6px;}
div.menu li.animate:nth-of-type(1){	
	top:60px;
	transition-delay: 0.0s;	
}
div.menu li.animate:nth-of-type(2){
	top:140px;
	transition-delay: 0.03s;	
			
}
div.menu li.animate:nth-of-type(3){
	top:240px;
	transition-delay: 0.06s;		
	
}
div.menu li.animate:nth-of-type(4){
	top:320px;
	transition-delay: 0.09s;		
	
}
div.menu li.animate:nth-of-type(5){
	top:420px;
	transition-delay: 0.12s;		
	
}
div.menu li.animate:nth-of-type(6){
	top:520px;
	transition-delay: 0.15s;	
			
}
div.menu li.animate:nth-of-type(7){
	top:570px;
	transition-delay: 0.15s;	
			
}
div.menu li.animate:nth-of-type(8){
	top:670px;
	transition-delay: 0.15s;	
			
}

.p2con-div1 ul li.pic1 img { transition: transform 0.5s ease; width: 100%; height: 440px;}
.p2con-div1 ul li.pic1:hover img { -webkit-transform: scale(1); transform: scale(1);}
.slideTxtBox4 { width: 785px; height: 440px; position: relative; overflow: hidden;}
.slideTxtBox4 .prev,
.slideTxtBox4 .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=90);opacity:0.9; z-index: 99;}
.slideTxtBox4 .next{ left:auto; right:3%; background-position:8px 5px; }
.slideTxtBox4 .prev:hover,
.slideTxtBox4 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideTxtBox4 .hd {position: absolute;right: 10px;bottom: 0;z-index: 1;zoom: 1;height:50px;align-content:center;}
.p2con-div1 ul li.pic1 .hd li{width:25px;height:25px;color:#fff;z-index:1;margin:0;text-align:center;line-height:25px;font-size:14px;}
.p2con-div1 ul li.pic1 .hd li.on {font-size: 16px;background: rgba(255,255,255,.2);border-radius: 2px;font-weight: bold;}