* { margin: 0px; padding: 0px; list-style-type: none; font-family: Arial, Helvetica, sans-serif;}
.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; background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0) 100%);}
.sitehead1 .sitehead-menu { display: flex; align-items: flex-end; flex-direction: column; margin: 36px auto auto 450px; position: absolute; left: 50%; z-index: 9;}
.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: 225px; height: 35px; overflow: hidden; border: #ffffff solid 1px; margin-left: 11px; box-sizing: border-box; border-radius: 35px;}
.sitehead-menu .search input { height: 35px; vertical-align: middle; border: none; outline: none;}
.search .input-sty1 { width: 180px; font-size: 14px; color: #ffffff; line-height: 35px; text-indent: 10px; background: none;}
.search .input-sty2 { width: 30px; background-image: url("search-icon2.png"); background-repeat: no-repeat; background-position: center 7px; cursor: pointer;}
.search .input-sty1:focus { background: rgb(0,0,0,0.3)}
.sitehead1 .sitelogo { align-self: center; margin-top: 52px; z-index: 9;}
.sitehead1 .sitenav { align-self: center; position: relative; margin-top: -45px; width: 1280px;}
.sitehead1 .sitenav>ul { overflow: hidden; text-align: left;}
.sitehead1 .sitenav>ul>li { display: inline-block; font-size: 18px; line-height: 30px; margin: 0px 28px;}
.sitehead1 .sitenav>ul>li:nth-child(3) { margin-right: 320px;}
.sitehead1 .sitenav>ul>li>a { color: #ffffff;}
.sitenav .sub{ display:none; width:auto; 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: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;}
#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:0 10px; }
#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; align-items: flex-end; flex-direction: column; margin: 22px auto auto 450px; position: absolute; left: 50%; z-index: 9;}
.sitehead2 .sitehead-menu ul { overflow: hidden;}
.sitehead2 .sitehead-menu ul li { float: left; font-size: 14px; color: #ffffff; line-height: 30px; margin: 0px 11px;}
.sitehead2 .sitehead-menu ul li a { font-size: 16px; color: #ffffff;}
.sitehead2 .sitelogo { align-self: center; margin-top: 42px; z-index: 9;}
.sitehead2 .sitenav { align-self: center; position: relative; margin-top: -43px; width: 1280px;}
.sitehead2 .sitenav>ul { overflow: hidden; text-align: left;}
.sitehead2 .sitenav>ul>li { display: inline-block; font-size: 18px; line-height: 30px; margin: 0px 28px;}
.sitehead2 .sitenav>ul>li:nth-child(3) { margin-right: 320px;}
.sitehead2 .sitenav>ul>li>a { color: #ffffff;}
.sitehead2 .sitehead-menu .search { width: 225px; height: 35px; overflow: hidden; border: #ffffff solid 1px; margin-left: 11px; box-sizing: border-box; border-radius: 35px;}
.sitehead2 .sitehead-menu .search form { height: 35px;}
.sitehead2 .sitehead-menu .search input { height: 35px; vertical-align: middle; border: none; outline: none;}
.sitehead2 .sitehead-menu .search input:placeholder{color:#fff;}
.sitehead2 .search .input-sty1 { width: 180px; font-size: 14px; color: #ffffff; line-height: 35px; text-indent: 10px; background: none;}
.sitehead2 .search .input-sty2 { width: 30px; background-image: url("search-icon2.png"); background-repeat: no-repeat; background-position: center 7px; 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;}

/*20250912改*/
.p2-con { width:100%; height:auto; margin-top:20px; display:flex; position:relative; z-index:999; padding-bottom: 60px; flex-direction: column; align-items: center;}
.p2-2-con { width:100%; height:auto; margin-top:20px; display:flex; position:relative; z-index:999; padding-bottom: 140px; flex-direction: column; align-items: center;}
.p2bt-div { width: auto; height: 51px;}
.p2bt-div span { display: block; width: 100%; font-size: 55px; color: #002147; font-weight: bold; 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:nth-child(1),.p2con-div1 ul li.pic1 p{position: absolute;bottom: 0;font-size: 16px;height: 50px;line-height: 50px;color: #fff; background: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%);text-indent: 10px;width: 100%;}
.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: linear-gradient(to top, rgba(0, 0, 0, 0.7) 0%, rgba(0, 0, 0, 0.1) 100%);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: 1200px; overflow: hidden;}
.p2-newslist { flex: 1; height: 230px; background-color: #ffffff; padding: 20px 0px;box-sizing: border-box;}
.p2-newslist ul { padding: 0px; margin: 0px;}
.p2-newslist ul li { width: 33.33%; height: 190px; float: left; box-sizing: border-box; padding: 10px 40px 30px 20px; display: flex; flex-direction: column; border-right: #e0e0e0 solid 1px;}
.p2-newslist ul li:last-child { border-right: none;}
.p2-newslist ul li h1 { color: #353c47; font-size: 18px; line-height: 1.636;}
.p2-newslist ul li p { color: #353c47; font-size: 15px; line-height: 1.636; margin-top: 20px;}
.p2-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;}
.p2-newslist ul li a:hover { color: #ffffff;}
.p2-newslist ul li:hover { background-color: #002147;}
.p2-newslist ul li:hover h1,.p2-newslist ul li:hover p,.p2-newslist ul li:hover a { color: #ffffff;}

.p2con-div3 { width: 1200px; overflow: hidden; margin-top: 25px;}
.p2-newslist2 { flex: 1; height: 220px; padding: 0px;box-sizing: border-box;}
.p2-newslist2 ul { padding: 0px; margin: 0px -10px;}
.p2-newslist2 ul li { width: 33.33%; height: 220px; float: left; box-sizing: border-box; padding: 0px 10px; }
.p2-newslist2 ul li a { display: block; width: 100%; height: 220px; border: #1e3b5c solid 1px; box-sizing: border-box; padding: 20px; display: flex; flex-direction: row;}
.p2-newslist2 ul li a img { display: block; width: 145px; height: auto; margin-right: 20px;}
.p2-newslist2 ul li a div { overflow: hidden; flex: 1; display: flex; flex-direction: column; justify-content: space-between;}
.p2-newslist2 ul li a div h1 { color: #353c47; font-size: 18px; line-height: 1.636;}
.p2-newslist2 ul li a div span { font-size: 14px; text-align: right; color: #002147;}
.p2-newslist2 ul li a:hover { background-color: #1e3b5c;}
.p2-newslist2 ul li a:hover h1,.p2-newslist2 ul li a:hover span { color: #ffffff !important;}



/*
.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:-315px;}
.p1-con .vidbacking-active-body-back { z-index: 0 !important;}
.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: 440px; display: flex; flex-direction: column;}
.p3-btdiv { align-self: center; width: auto; height: 51px;  margin-bottom: 39px;}
.p3-btdiv span { display: block; width: 100%; font-size: 55px; color: #ffffff; font-weight: bold; text-align: center; position: relative; }
/*
.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: 1420px; height: 350px; display: flex; align-items: flex-end;}
.p3-newslist { flex: 1; height: 350px; background-color: #f4f4f4; padding: 0px;box-sizing: border-box;}
.p3-newslist ul { padding: 0px; margin: 0px;}
.p3-newslist ul li { width: 100%; height: 350px; float: left; box-sizing: border-box; padding: 0px; display: flex; flex-direction: row;}
.p3-newslist ul li img { display: block; width: 720px; height: 350px;}
.p3-newslist ul li div { flex: 1; padding: 60px 25px; display: flex; flex-direction: column;}
.p3-newslist ul li div p { font-size: 20px; line-height: 1.5;}
.p3-newslist ul li div a { display: block; width: auto; height: 30px; font-size: 14px; line-height: 30px; color: #002147; margin-top: auto;}
.p3-newslist ul li a:hover { text-decoration: underline;}
.p3-newslist ul li:hover { background-color: #002147;}
.p3-newslist ul li:hover p,.p3-newslist ul li:hover a { color: #ffffff;}
.p3-newsbnt { width: 140px; height: 147px; }


.p4-con { width:100%; overflow:hidden; background-image:url(p4-bj1.jpg); background-repeat:no-repeat; background-position:center 300px; background-color: #ffffff; display: flex; flex-direction: column; align-items: center;}
.p4-bt { width: auto; height: 55px; margin: 200px 0px 130px 0px;}
.p4-bt span { display: block; width: 100%; font-size: 55px; color: #002147; text-align: center; font-weight: bold; position: relative;}
.p4-div { width: 1500px; overflow: hidden; margin-bottom: 140px; display: flex; flex-direction: column; align-items: center;}
.p4-ldiv { width: 565px; height: 435px; float: left;}
.p4-ldiv img { transition: transform 0.5s ease;}
.p4-ldiv img { height: 435px;}
.p4-ldiv:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.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;}
.p4-rdiv ul li a:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.p4-rdiv img{width:100%;height:100%;}
.p4-rdiv div { float: left;}
.p4-rdiv div:nth-child(2) { width: 465px; height: 245px; margin-left: 20px;}
.p4-rdiv div:nth-child(3) { width: 565px; height: 175px; margin-left: 0px; margin-top: 15px;}
.p4-rdiv div:nth-child(4) { width: 330px; height: 175px; margin-left: 20px; margin-top: 15px;}
.p4-rdiv div img { transition: transform 0.5s ease;}
.p4-rdiv div:hover img { -webkit-transform: scale(1.05); transform: scale(1.05);}
.xuey-list { width: 100%; overflow: hidden; margin-bottom: 55px;}
.xuey-list ul { padding: 0px; margin: 0px;}
.xuey-list ul li { width: 33.33%; float: left; padding: 0px 55px; box-sizing: border-box;}
.xuey-list ul li a { display: flex; flex-direction: row; align-items: center; border-bottom: #406ba9 solid 1px; border-top: #406ba9 solid 1px; width: 100%; height: 80px;}
.xuey-list ul li a img { display: block; width: 40px; height: 40px; margin-right: 20px;}
.xuey-list ul li a p { flex: 1; font-size: 16px; color: #ffffff; line-height: 1.625;}

.p5-con { width:100%; height: 543px; overflow:hidden; background-image: url("enp5-bj1.jpg"); background-repeat: no-repeat; background-position: center top;}
.p5-div { width: 910px; height: 295px; position: absolute; left: 50%; background-color: #c7d1dd; margin: 83px auto auto -211px;}
.p5-tuw { display: flex; flex-direction: row;}
.p5-tu { width: 520px; height: 295px;}
.p5-tu img { display: block; width: 100%; height: 295px;}
.p5-wen { flex: 1; font-size: 16px; color: #333333; line-height: 1.375; padding: 60px 30px;}


.site-foot { width: 100%; height: auto; overflow: hidden; background-color: #002147; background-repeat:no-repeat; background-position:center bottom; z-index: 999; }
.enfoot { width: 100%; height: 638px; box-sizing: border-box; padding: 0px 80px; position: absolute; margin-top: -638px; display: flex; flex-direction: column; justify-content: flex-end;}
.sitefoot-txt { width: 100%; overflow: hidden; margin-bottom: 150px;}
.sitefoot-txt h1 { font-size: 77px; color: #ffffff; font-weight: bold; text-align: center;}
.sitefoot-txt p { font-size: 20px; color: #ffffff; text-align: center;}
.foot-div1 { display: flex; flex-direction: row; justify-content: space-between; z-index: 9; width: 100%; }
.foot-con1 { margin: auto auto 44px 0px; display: flex; flex-direction: row; align-items: center;}
.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 0px 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: 120px; height: 130px; margin: -140px auto auto -27px;}
.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; width: 100%;}
.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;}



.slideTxtBox { width:1420px; height: 350px;}
.slideTxtBox .hd { position:relative;}
.slideTxtBox .hd ul{ float:left; position:absolute; left:20px; top:-1px; height:10px; display: none;}
.slideTxtBox .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{ background:#000fff; }
.slideTxtBox .bd ul { zoom:1;}
.slideTxtBox .arrow {  position:absolute; top:0; width: 140px; height: 147px; background-image: url("arrow-bj0.png"); background-repeat: no-repeat; background-position: center 40px; display: flex; flex-direction: row-reverse; justify-content: space-evenly; align-items: center; margin-left: -140px;}
.slideTxtBox .arrow a { display:block; width:24px; height:46px; float:right; overflow:hidden; cursor:pointer; background-repeat: no-repeat;}
.slideTxtBox .arrow .next { background-image: url("arrow-bj2.png"); margin-top: 20px;}
.slideTxtBox .arrow .prev { background-image: url("arrow-bj1.png"); margin-top: -20px;}

.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; }



.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; }
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;
display: none;
}
div.menu ul li {
	list-style: none;
	position: initial;
	top:50px;;
	left:0;
	opacity:0;
	width:100%;
	margin: 8px 0px;
	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:nth-child(1) img { transition: transform 0.5s ease; height: 440px;}
.p2con-div1 ul li:nth-child(1):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;}
.slideTxtBox5 { width: 1320px; height: auto; position: relative; overflow: hidden;}
.slideTxtBox5 .prev,
.slideTxtBox5 .next{ position:absolute; left:0%; top:50%; margin-top:-50px; 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;}
.slideTxtBox5 .next{ left:auto; right:0%; background-position:8px 5px; }
.slideTxtBox5 .prev:hover,
.slideTxtBox5 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideTxtBox6 { position: relative; overflow: hidden;}
.slideTxtBox6 .prev,
.slideTxtBox6 .next{ position:absolute; left:0%; top:50%; margin-top:-20px; 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;}
.slideTxtBox6 .next{ left:auto; right:0%; background-position:8px 5px; }
.slideTxtBox6 .prev:hover,
.slideTxtBox6 .next:hover{ filter:alpha(opacity=100);opacity:1;}
.slideTxtBox6 .hd{ position:relative; width: 100%; height: 40px; margin-top: -40px;}
.slideTxtBox6 .hd ul{ overflow: hidden; text-align: center;}
.slideTxtBox6 .hd ul li{ display: inline-block; padding:0; cursor:pointer; width: 10px; height: 10px; background-color: #7296bf; border-radius: 10px; margin: 15px 5px;}
.slideTxtBox6 .hd ul li.on{ background:#ffffff; }